/**
 * example:
 * .className {
 *   position: relative;
 *   &:after {
 *    .setLine([@color]);
 *   }
 * }
 */
span {
  display: inline-block;
}
.radiu {
  border-radius: 4px;
}
body {
  color: #333333;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.submit-btn {
  height: 45px;
  border: none;
  color: #fff;
  background: #dd2726;
}
.register-main {
  width: 100%;
  padding: 50px 0;
  background-size: cover;
      background: #f3f3f3;
  /*background: url(../images/bg2.png) no-repeat center;*/
}
.register-content, .register-reminder {
  background: #fff;
  margin: 0px auto;
}
.register-reminder {
  margin-top: 20px;
  height: 90px;
}
.register-reminder-title, .reminder-list {
  display: inline-block;
  vertical-align: middle;
}
.register-reminder-title {
  width: 120px;
  text-align: center;
  height: 100%;
  line-height: 90px;
}
.reminder-list {
  padding: 20px 0;
  margin: 0;
  line-height: 25px;
  font-size: 12px;
}
.remind-item {
  list-style: none;
}
.remind-item:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2864E0;
  vertical-align: middle;
  margin-right: 10px;
}
.register-content .none {
  display: none;
}
.register-content .register-progress {
  list-style: none;
  width: 934px;
  height: 50px;
  padding: 0;
  margin: 50px auto;
}
.register-content .register-progress li {
  float: left;
  width: 300px;
  height: 50px;
  position: relative;
  margin-right: 4px;
  line-height: 50px;
  background: #F3F3F3;
  font-size: 16px;
  text-align: center;
  z-index: 100;
}
.register-content .register-progress li.last {
  margin: 0;
}
.register-content .register-progress li:first-child {
  z-index: 999;
}
.register-content .register-progress li:last-child {
  z-index: 1;
}
.register-content .register-progress li:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.register-content .register-progress li:first-child:before {
  display: none;
}
.register-content .register-progress li:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: 300px;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #F3F3F3;
}
.register-content .form-area .submit-btn {
  width: 295px;
  margin: 0 0 0 102px;
}
.register-content .perfect-info .submit-btn {
  width: 360px;
  margin: 20px 0 0 155px;
}
.register-content .account-form {
  width: 934px;
    overflow: hidden;
  margin-left: 133px;
  font-size: 12px;
}
.register-content .account-form .text{
  font-size: 12px;
  color: #2e2c24;
}
.register-content .account-form .form-item {
  margin-bottom: 30px;
}
.register-content .account-form .form-item span {
  width: 80px;
  text-align: right;
}
.register-content .account-form .form-item span.register-warn {
  width: 140px;
  color: #f00;
  text-align: left;
}
.register-content .account-form .form-item span.register-warn img {
  margin: 0 5px 0 10px;
}
.register-content .account-form .form-item .register-input {
  width: 295px;
  height: 45px;
  margin-left: 18px;
  vertical-align: middle;
  border: 1px solid #ccc;
}
.register-content .account-form .form-item .register-input.note {
  width: 150px;
}
.register-content .account-form .form-item .note-btn {
  width: 135px;
  height: 45px;
  margin-left: 6px;
  padding: 0;
  background: #F3F3F3;
  vertical-align: middle;
  border: none;
  font-size: 10px;
}
.register-content .form-area,
.register-content .has-account {
  float: left;
}
.register-content .form-area {
  width: 580px;
}
.register-content .has-account {
  width: 324px;
  height: 229px;
  padding: 20px 13px;
  line-height: 24px;
  border: 1px solid #ccc;
  color: #666;
  font-size: 12px;
}
.register-content .has-account h4 {
  margin-bottom: 25px;
    font-size: 17px;
    color: #333;
}
.register-content .has-account button {
  width: 135px;
  height: 40px;
  margin: 11px 0 11px 70px;
  display: block;
  color: #fff;
  background: #455769;
  border: none;
}
.register-content .has-account .service {
  color: #333333;
  font-size: 14px;
}
.register-content .has-account .service span {
  color: #EB3134;
}
.perfect-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 934px;
  height: 500px;
  margin: -13px auto 0;
}
.info-item {
  height: 60px;
  width: 690px;
  line-height: 60px;
}
.info-item.initem {
  margin-left: 70px;
}
.info-item input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 2px solid #999999;
  vertical-align: middle;
  margin-top: -2px;
}
.info-item input:checked {
  display: none;
}
.info-item input + label {
  width: 20px;
  height: 20px;
  display: none;
  margin-right: 4px;
  vertical-align: middle;
}
.info-item input:checked + label {
  display: inline-block;
  background-image: url(../images/chosen.png);
}
.info-item .info-input {
  width: 360px;
  height: 45px;
  border: 1px solid #ccc;
}
.info-item span {
  width: 80px;
  text-align: right;
}
.info-item span.register-warn {
  width: 170px;
  color: #f00;
  text-align: left;
}
.info-item span.register-warn img {
  margin: 0 5px 0 10px;
}
.info-item ul {
  display: inline-block;
  padding-left: 0;
}
.info-item ul li {
  display: inline-block;
  padding-right: 50px;
}
.register-success {
  width: 934px;
  height: 800px;
  margin: 0 auto;
  padding-top: 20px;
}
.register-success .success-info {
  text-align: center;
  color: #088C0D;
  font-size: 22px;
}
.register-success .success-info img {
  vertical-align: middle;
  margin-right: 19px;
}
.register-success .operation-item {
  float: left;
  width: 450px;
  height: 153px;
  margin-bottom: 31px;
  margin-right: 33px;
  border: 1px solid #ccc;
}
.register-success .operation-item.even {
  margin-right: 0;
}
.register-success .operation-item img {
  margin-left: 21px;
}
.register-success .operation-item .operations-right {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #666;
  margin-left: 14px;
}
.register-success .operation-item .operations-right h4 {
  color: #333;
  font-weight: bold;
}
.register-success .operation-item .operations-right button {
  width: 100px;
  height: 32px;
  background: #fff;
  border: none;
  color: #dd2726;
  border: 1px solid #dd2726;
}
.register-success .operation-item .operations-right p {
  width: 293px;
}
.register-success .hot .operations-right button {
  background: #2A81E3;
  color: #fff;
}
.register-success .operation-item:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.dated {
  background: #455769 !important;
  color: #fff;
}
.dated:after {
  border-color: transparent transparent transparent #455769 !important;
}
.xieyi-item{
  margin-bottom: 10px;
}
.xieyi-item .xieyi{
  vertical-align: top;
  margin: 0 0 0 100px;
}
.register-content .account-form #register-form .form-item:nth-of-type(2){
  margin-bottom: 10px;
}

.register-dialog {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0,0,0,.5);
}
.register-dialog .dialog-content {
  width: 320px;
  height: 220px;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  opacity: 1;
  border-radius: 10px;
}
.sad-face {
  display: block;
  margin: 0 auto;
}
.request-msg {
  text-align: center;
  padding: 19px 0
}
.continue-btn {
  display: block;
  width: 140px;
  height: 40px;
  background: #2A81E3;
  color: #fff;
  border: none;
  margin: 0 auto;
}