/* register */
/* .hd, .hd a { */
/*   color: #333333; */
/* } */

.bd {
  background: #FAFAFA;
}

.bd .ctn {
  padding: 20px 0;
}

.reg-ctn {
  min-height: 300px;
  border: 1px solid #E7E7E7;
  background: #FFF;
  border-radius: 5px;
}

.reg-hd .steps {
  width: 800px;
}

.reg-hd ol.steps li {
  width: 200px;
}

/* step1 */
.reg-bd .content.step1 {
  position: relative;
  width: 760px;
  min-height: 300px;
  margin: 20px auto 80px;
}

.reg-advice {
  width: 760px;
  min-width:200px;
  margin-bottom: 20px;
  padding: 10px 15px;
  background: #FEF7DA;
  color:#333;
  border: 1px solid #F9E8AA;
  font-size: 14px;
}

.icon-tip {
    float: left;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 3px 8px 0 0;
    background: url(../img/icon_kindly_tips.png) 0 0 no-repeat;
}

.reg-advice a {
  color: #4285F4;
}

.reg-advice a:hover {
  color: #4285F4;
  text-decoration: underline;
}

.reg-item a {
  display: block;
  padding: 20px;
  border-bottom: 1px solid #F2F2F2;
}

.reg-item a:hover {
  background: #F2F2F2;
}

.reg-item button {
  display: none;
  width: 70px;
  height: 30px;
  margin-top: 20px;
}

.reg-item a:hover button {
  display: block;
}

.reg-item .title {
  margin-left: 60px;
  font-size: 16px;
  color: #555;
}

.reg-item em {
  display: inline-block;
  margin: 0 0 -5px 5px;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon_level.png");
}

.reg-item em.low {
  background-position: 0 0;
}

.reg-item em.mid {
  background-position: 0 -20px;
}

.reg-item em.high {
  background-position: 0 -40px;
}

.reg-item .desc {
  width: 560px;
  margin: 5px 0 0 60px;
  font-size: 1.4em;
  color: #999;
}

.reg-item a:hover .desc {
  color: #FF6600;
}

.reg-item .icon {
  float: left;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/icon_reg.png) no-repeat;
}

.reg-item .info .icon {
  background-position: 0 0;
}

.reg-item .mail .icon {
  background-position: 0 -40px;
}

.reg-item .code .icon {
  background-position: 0 -80px;
}

.reg-item .mobile .icon {
  background-position: 0 -160px;
}

.reg-item .alipay .icon {
  background-position: 0 -120px;
}

.reg-item .face .icon {
  background-position: 0 -205px;
}

.reg-item .unionpay .icon {
  background-position: 0 -243px;
}

.reg-item .zhima .icon {
  background-position: 0 -280px;
}

.reg-item .sh_dyrz .icon {
  background-position: 0 -334px;
}

.reg-item .gxds_fx .icon {
  background-position: 0 -430px;
}

.reg-item .fangxin_rl .icon {
  background: url(../img/icon_reg_fangxin_rl.png) no-repeat;
}

.reg-more {
  margin: 20px 0 0 30px;
  color: #4285F4;
  font-size: 14px;
}

.reg-more:hover {
  color: #4285F4;
  text-decoration: underline;
}

/* step2 */
.reg-bd .content.step2 {
  width: 800px;
  margin: 50px auto 80px;
}

.form .tip {
  padding-left: 10px;
  font-size: 12px;
  color: #FF6600;
}

.form .basic-tips {
  padding-left: 10px;
  font-size: 16px;
  color: #FF0000;
}

.form .tip.sfzjlx {
  padding-top: 8px;
}

.form .tip div {
  background: #F9F9F9;
  border: 1px solid #ccc;
  padding: 0 5px;
  display: none;
  line-height: 18px;
}

.row .auth {
  position: relative;
}

.auth .auth-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 40px;
}

.auth > .auth-input {
  margin-right: 108px;
}

.auth .auth-pass {
  top: 10px;
  left: 60px;
}

.auth-change {
  display: inline-block;
  margin: 10px 0 0 10px;
  font-size: 14px;
}

.btns-step2 .btn-default {
/*   width: 150px; */
  height: 36px; 
}

.btns-step2 {
  margin-top: 25px;
}

.btns-step2 .btn-default .mini-button-text {
  padding: 0 16px;
  font-size: 14px;
  line-height: 30px;
}

.btns-step2 .btn-bigButton .mini-button-text {
  padding: 0 16px;
  font-size: 16px;
  line-height: 34px;
}

.btn-bigButton .mini-button-text {
  padding: 0 16px;
  font-size: 16px;
  line-height: 36px;
}

.get-code-btn.mini-button {
  /* height: 40px; */
  margin-left: 10px;
  margin-top: 4px;
}

.get-code-btn.mini-button .mini-button-text {
  padding: 0 16px;
  line-height: 30px;
  font-size: 14px;
}

/* step3 */
.reg-bd .content.step3 {
  width: 800px;
  margin: 50px auto 80px;
}

.reg-btn.mini-button {
/*    width: 266px; 
   height: 36px; 
   background: #38B491;
   border: 1px solid #38B491;  */
}

.reg-btn.mini-button .mini-button-text {
  padding: 0;
  font-size: 16px;
  line-height: 34px;
}

a.reg-btn:hover.mini-button {
/*   background: #4EC7A5;
  border: 1px solid #4EC7A5; */
}

/* step4 */
.reg-bd .content.step4 {
  width: 800px;
  margin: 50px auto 80px;
}

.msg-ctn {
  margin: 0 0 40px 50px;
}

.protect-item {
  padding: 30px 10px;
  border-bottom: 1px solid #F2F2F2;
}

.protect-item i {
  float: left;
  color: #B8B8B8;
}

.protect-item .icon-tablet {
  margin-left: 2px;
  font-size: 4em;
}

.protect-item .icon-envelope-alt {
  font-size: 3em;
}

.protect-item .icon-question-sign {
  margin-left: 4px;
  font-size: 3em;
}

.protect-item .info {
  margin-left: 40px;
}

.protect-item .info .tip {
  margin-top: 3px;
  font-size: 12px;
  color: #4285F4;
}

.protect-item h3 {
  font-size: 16px;
  font-weight: bold;
  color: #555;
}

.protect-item .desc {
  margin-top: 3px;
  font-size: 14px;
  color: #9D9D9D;
}

.set-btn.mini-button {
  float: right;
  margin-top: -30px;
  /* width: 106px; */
  height: 32px;
  font-size: 14px;
}

.set-btn.mini-button .mini-button-text {
  padding: 0 16px;
  line-height: 30px;
}

/* agreement */
.reg-agreement {
  font-size: 12px;
  color: #333;
  line-height: 1.6em;
}

.reg-agreement-list dt {
  margin: 5px 0;
}

.reg-agreement-list dd {
  text-indent: 24px;
}

.reg-agreement-sub-list {
  margin-left: 24px;
}

.can-support {
  line-height: 40px;
  font-size: 1.2em;
  white-space: nowrap;
  color: #2b2b2b;
}

/* faceRegister start */
/* .upload.mini-buttonedit-readOnly .mini-buttonedit-border { */
/*   border: solid 1px #CCC; */
/* } */

/* .upload.mini-buttonedit.mini-buttonedit-readOnly .mini-buttonedit-buttons */
/*   { */
/*   display: block; */
/* } */

/* .upload.mini-buttonedit .mini-buttonedit-button { */
/*   line-height: 38px; */
/*   width: 75px; */
/* } */

.zpMsg {
  width: 278px;
}

/* .mini-htmlfile input { */
/*   cursor: pointer; */
/* } */

/* .mini-htmlfile-file.upload::-webkit-file-upload-button { */
/*   display: none; */
/* } */

/* .upload .mini-errorIcon { */
/*   z-index: 100; */
/*   margin-top: 0px; */
/*   background-position: 5px -85px; */
/*   height: 100%; */
/*   width: 29px; */
/*   margin-right: -1px; */
/* } */

/* .upload.mini-buttonedit .mini-buttonedit-button { */
/*   color: #fff; */
/*   background: #5594FE; */
/*   cursor: pointer; */
/* } */

.disabled {
  border: 1px solid #ccc;
  background: #E8E8E8;
}

.reg-btn {
  margin-top: 40px;
}

body a.hqyzm {
  background: #F2F2F2 !important;
}

body a.hqyzm:hover {
  background: #F2F2F2 !important;
}

/* faceRegister end *

/*zhima auth begin*/
#qrCodeWin.mini-window .mini-panel-header-inner {
  border-bottom: none !important;
}

#qrCodeWin .title {
  text-align: center;
  font-size: 1.6em;
  color: #8A8B8B;
  margin-bottom: 20px;
  margin-top: -12px;
}

#qrCodeWin .outline {
  margin: 0 auto;
  text-align: center;
  width: 260px;
  height: 260px;
  border: 2px solid #12C3AF;
}

#qr-tips {
  background: url(../img/ewm.png) no-repeat;
  display: none;
  position: relative;
  top: -380px;
  right: 170px;
  width: 200px;
  height: 166px;
  z-index: 1010;
  float: right;
}

#qr-desc {
  background: url(../img/rak_bg.png) no-repeat;
  display: none;
  position: relative;
  right: -261px;
  width: 479px;
  height: 54px;
  z-index: 9999;
  text-align: center;
  font-size: 1.6em;
  color: #FFFFFF;
  line-height: 46px;
}

/*zhima auth end*/

/*unionpay start*/

.dlg.ylxy {
	z-index : 1000;
}

/*unionpay end*/

.reg-item em.recommend {
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background-image: url("../img/icon_recommend.png");
}