@charset "utf-8";
/*
 * Project: Fuzhou WAP
 * Description: Private CSS;
 * Author: LinShan
 * Version: 2015-06-30;
 */
 
/*----Public----*/
.mt20 { margin-top: 20px;}
input[type="text"], input[type="tel"] { box-sizing: border-box; width: 100%; padding: 11px 15px; background: #fff; font-size: 15px; color: #333;}
.btnPadding { padding: 15px;}

/*----step1----*/
.stepWrap { position: relative; margin: 20px auto;}
.stepLine { position: absolute; top: 13px; left: 50%; width: 66.66%; height: 3px; margin-left: -33.33%; background: #fff; z-index: 1; }
ul.stepBox { overflow: hidden; }
ul.stepBox li { position: relative; float: left; width: 33.33%; font-size: 12px; text-align: center;}
ul.stepBox li .stepIcon { position: relative; display: inline-block; width: 28px; height: 28px; background: url(../images/realname/flowbg@2x.png) no-repeat; background-size: 28px; line-height: 28px; color: #fff; text-align: center; z-index: 2; }
ul.stepBox li.current .stepIcon { background-position: 0 -28px;}
ul.stepBox li p { margin-top: 8px; font-size: 12px; color: #666;}
.realnameWrap .inputWrap {}
.realnameWrap .inputWrap li { position: relative; background: #fff; border-bottom: 1px solid #ddd;}
.realnameWrap .inputWrap li:first-child { border-top: 1px solid #ddd;}
.realnameWrap .inputWrap .getCodeBtn { position: absolute; top: 50%; right: 15px; margin-top: -14px; color: #fff;}
/*Radio*/
.realnameWrap .protocol { padding: 0 15px; font-size: 15px; color: #666; line-height: 20px;}
.realnameWrap .protocol .radioWrap { float: left; width: 24px; margin-right: 6px;}
.realnameWrap .protocol .text { line-height: 24px; vertical-align: middle; overflow: hidden;}
.realnameWrap .protocol a { display: inline-block; color: #1eb6b7; text-decoration: underline;}

/*----step2----*/
.infoTable { background: #f6f6f6; border-top: 1px solid #ddd; font-size: 15px; color: #666;}
.infoTable th, .infoTable td { height: 40px; border-bottom: 1px solid #ddd; vertical-align: middle;}
.infoTable th { padding-left: 15px; text-align: left;}
.infoTable td { padding-right: 15px; text-align: right;}
.umsWrap { height: 40px; padding: 0 15px; font-size: 12px; color: #000; line-height: 40px;}
.umsWrap img { float: right; width: 86px; height: 20px; margin-top: 10px;}

/*----step3----*/
.tipBox { padding: 20px 20px; text-align: center; line-height: 22px;}
.tipBox h3 { display: inline-block; height: 32px; margin-bottom: 10px; padding-left: 40px; background: url(../images/realname/i_success@2x.png) no-repeat; background-size: 32px 32px; font-size: 18px; color: #ef7f67; line-height: 32px;}
.tipBox h3.checking { background: url(../images/realname/i-checking@2x.png) no-repeat; background-size: 32px 32px;}
.tipBox p { font-size: 15px; color: #666; line-height: 20px;}
.step3 .userInfo { margin: 0 15px; padding: 10px 15px; background: #fff; border: 1px solid #ddd;}
.step3 .userinfoTable thead td { font-size: 15px; color: #333; text-align: center; line-height: 28px;}
.step3 .userinfoTable tbody { font-size: 12px; line-height: 22px;}
.step3 .userinfoTable tbody th { color: #1eb6b7; text-align: left;}
.step3 .userinfoTable tbody td { color: #666; text-align: right;}

/*----协议----*/
.articleWrap { padding: 12px 15px;}
.articleTit { padding-bottom: 10px; font-size: 18px; color: #333; text-align: center; line-height: 24px;}
.articleCont { font-size: 12px; color: #666; line-height: 20px;}
.articleCont h3 { padding-top: 15px; padding-bottom: 2px; font-size: 14px; color: #1eb6b7;}
.articleCont p { padding-bottom: 8px;}

/*----实名制方式选择----*/
.btnsWrap { margin-top: 15px; overflow: hidden;}
.btnsWrap li { box-sizing: border-box; float: left; width: 50%;}
.btnsWrap li:first-child { padding-right: 10px;}

/*----普通实名认证 提交信息----*/
.submitInfoWrap {}
.submitInfoWrap .tip { padding: 15px; font-size: 12px; color: #f65858;}
.submitInfoWrap .tip .submitTimes { margin: 0 5px;}
.submitInfoWrap .inputWrap {}
.submitInfoWrap .inputWrap li { background: #fff; border-bottom: 1px solid #ddd;}
.submitInfoWrap .inputWrap li:first-child { border-top: 1px solid #ddd;}
.submitInfoWrap .uploadLicense { padding: 15px; background: #fff;}
.submitInfoWrap .uploadLicense .title { padding-left: 10px; border-left: 2px solid #1eb6b7; font-size: 15px; color: #333;}
.uploadLicense .licenseWrap { margin: 15px auto; overflow: hidden;}
.uploadLicense .licenseWrap li { float: left; width: 50%; text-align: center;}
.uploadLicense .licenseWrap li a { display: inline-block;}
.uploadLicense .licenseWrap li p { margin-top: 15px; font-size: 15px; color: #666;}
.uploadLicense .licenseWrap .licenseImg { display: table-cell; width: 92px; height: 92px; margin: 0 auto; background-repeat: no-repeat; background-size: 92px 92px; text-align: center; vertical-align: middle;}
.uploadLicense .licenseWrap .licenseImg img { max-width: 100%; max-height: 100%;}
.uploadLicense .licenseWrap .licenseImg.front { background-image: url(../images/realname/license-front@2x.png);}
.uploadLicense .licenseWrap .licenseImg.back { background-image: url(../images/realname/license-back@2x.png);}
.submitInfoWrap .protocol { font-size: 15px; color: #666; line-height: 20px;}
.submitInfoWrap .protocol .radioWrap { float: left; width: 24px; margin-right: 6px;}
.submitInfoWrap .protocol .text { line-height: 24px; vertical-align: middle; overflow: hidden;}
.submitInfoWrap .protocol a { display: inline-block; color: #1eb6b7; text-decoration: underline;}