.txtBlue{color: #3BBEE8;}
.red{color: #DE0010;}
.rlWrap{ width: 90%; background: #ffffff; padding: 3% 5% 15%;}
.rlWrap input{  background: transparent; width: 82%; font-family: PingFangSC-Regular; border: none;font-size: 1.6rem;    -webkit-appearance: media-volume-sliderthumb;}
.rlWrap li{border-bottom: 1px solid #E8E9EB; padding: 6% 0;background: url("") no-repeat 3% center; background-size: 6%; padding-left: 14%;  }
.rlWrap li span{width: 20%; display: block; }
.rlWrap li.userName{ background-image: url("../img/loginiocn/nameicon1.png");background-size: 5.2%;}
.rlWrap li.userName.light{ background-image: url("../img/loginiocn/nameicon2.png");}
.rlWrap li.passWord{ background-image: url("../img/loginiocn/passwordicon1.png");background-size: 5.2%;}
.rlWrap li.passWord.light{ background-image: url("../img/loginiocn/passwordicon2.png");}
.rlWrap li.qrCode{ background-image: url("../img/loginiocn/codeicon1.png");}
.rlWrap li.qrCode.light{ background-image: url("../img/loginiocn/codeicon2.png");}
.rlWrap li.qrCode input{ width: 40%; border: 1px;}
.rlWrap li.qrCode p.codeTxt{font-size: 1.3rem;background: #f4f4f4;border-radius: 5px; padding: 2%;text-align: center; width: 20%;color: #3BBEE8;font-weight: bold; margin-top: -1%;    letter-spacing: 1.7px; overflow: hidden;}
.rlWrap li.qrCode p.renovateBtn{    width: 11%;    background: url("../img/loginiocn/renovate.png") no-repeat right top;    height: 2rem;    background-size: 78%;
}

.btn{width: 100%; padding: 3% 0; text-align: center; background: #e8e8e8; color: #ffffff; border-radius: 5px; font-size: 1.8rem}
.btn.success{ background-color: #3BBEE8 }
.mt16{ margin-top: 16%;}
.retrieveMode{ margin-top: 4%;font-size: 1.6rem}
.nav{text-align: center}
.nav a{ padding: 0 2%;font-size: 1.4rem}

.errorTxt{  background: url("../img/loginiocn/error.png") no-repeat 3% center;   background-size: 5.8%; font-size: 1.5rem;color:#EF404C;    padding: 3% 0 3% 14%; }
.protocol{font-size: 1.3rem; color: #666666; margin-bottom: 2%;    padding: 2% 0 3% 2%;}




/*注册*/
.rlWrap li.email{ background-image: url("../img/loginiocn/emailicon1.png")}
.rlWrap li.email.light{ background-image: url("../img/loginiocn/emailicon2.png");}
.rlWrap li.idcard{ background-image: url("../img/loginiocn/idcardicon1.png")}
.rlWrap li.idcard.light{ background-image: url("../img/loginiocn/idcardicon2.png");}
.rlWrap li.idcardTxt{ padding:3% 0; line-height: 2rem; font-size: 1.2rem;}
.rlWrap li.phone{ background-image: url("../img/loginiocn/phoneicon1.png");background-size: 5%;}
.rlWrap li.phone.light{ background-image: url("../img/loginiocn/phoneicon2.png");}
.rlWrap li.msg{ background-image: url("../img/loginiocn/msgicon1.png")}
.rlWrap li.msg input{  width: 40%;}
.rlWrap li.msg .countDown{border: 1px solid #3BBEE8; border-radius: 5px; text-align: center;  padding: 3% 0;    width: 35%;    margin-top: -2%;font-size: 1.3rem;color: #C7C7C7;}
.rlWrap li.msg .countDown i{font-style: normal; color: #3BBEE8;font-size: 1.4rem;}
.rlWrap li.msg.light{ background-image: url("../img/loginiocn/msgicon2.png");}
.rlWrap li.msg{ background-image: url("../img/loginiocn/msgicon1.png")}
.rlWrap li.msg.light{ background-image: url("../img/loginiocn/msgicon2.png");}
.rlWrap li.password{ background-image: url("../img/loginiocn/passwordicon1.png")}
.rlWrap li.password.light{ background-image: url("../img/loginiocn/passwordicon2.png");}




.dialogFixed .cont ul li{font-size: 1.6rem;}
.rlWrap li.idcard2{ background: none; padding-left: 4%;}

.r_a, .r_a2 {
    background: url("../img/rightArrow.png") no-repeat 97% center;
    background-size: 2.5%;
}
.rlWrap li.idcard span{text-align: right; width: 10%; float: right;}
.rlWrap li.idcard span img{width: 30%;}