@charset "UTF-8";
input{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  -moz-tap-highlight-color:rgba(0, 0, 0, 0);  -ms-tap-highlight-color:rgba(0, 0, 0, 0);  -o-tap-highlight-color:rgba(0, 0, 0, 0);  tap-highlight-color:rgba(0, 0, 0, 0);}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

/*login reg */
.login-box,.dialog-box{position:absolute;z-index:10000;width:100%;height:100%;left:0;top:0;font-size:15px;text-align:center;}
.login-box .mask{height:100%;background:rgba(0,0,0,.6);}
.login-box .loginwin,.dialog-box>div{position:absolute;z-index:10001;width:80%;max-width:300px;overflow:hidden;background:#fff;border-radius:18px;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition: top .3s;-moz-transition:  top .3s;-webkit-transition: top .3s;-o-transition: top .3s;}
.dialog-box>div{width:220px;border:1px solid #cdcdcd}
.inbox .login-head{border-bottom:none;}
.inbox .login-mode ol{padding: 0px 0;border-bottom:none;}
.inbox .login-mode{margin-bottom: 15px;border-top: 1px solid #fff;}
.inbox .login-mode ol li span{    height: 20px;line-height:20px;}
.inbox .login-mode ol li div{line-height:1;}
.inbox .login-mode ol li{    margin-right: 6%;}
.pay-head{position:relative;color:#333;padding:20px 0;line-height:2.4;font-size:18px;}
.pay-head span{position:absolute;top:0;}
.pay-head span:nth-child(1){left:0;width:100%;}
.pay-head span:nth-child(2){right:15px;font-weight:bold;font-size:22px;color:#737272;line-height:1.8;cursor:pointer;}
.pay-info{background:#f5f5f5;border-top:1px solid #e5e5e7;padding:9px 0 6px 0;}
.pay-info p:last-child{font-size:30px;}
.pay-mode{border-top:1px solid #e5e5e7;border-bottom:1px solid #e5e5e7;text-align:left;}
.pay-mode li{height:31px;line-height:31px;padding:5px 0;border-top:1px solid #e5e5e7;margin-left:6%;display:none;}
.pay-mode li:first-child{border-top:1px solid #fff;}
.pay-mode li span{float:left;margin-left:10px;}
.pay-mode li em,.pay-tip p em{float:right;width:20px;height:20px;border-radius:50%;border:1px solid #e5e5e7;margin:5px 10px 0 0;position:relative;font-size:21px;}
.pay-mode li em.icon-check:before,.pay-tip p em.icon-check:before{position:absolute;left:0;top:-5px;color:#3997EE;}
.pay-btn{padding:14px 0;}
.pay-tip{line-height:1;padding-bottom:10px;}
.pay-tip>p em{width:15px;height:15px;font-size:17px;margin:0 3px 0 0;}
.pay-tip>p em.icon-check:before{top:-1px;}
.pay-tip span,.pay-tip>p em{float:left;}
.pay-tip>span{margin-left:10px;line-height:1.1;}
.pay-tip>p{float:right;font-size:13px;line-height:1;margin-right:5px;}
.pay-tip>p a{color:#3997EE;padding-left:3px;}
.pay-tip>p span,.pay-tip>p a{line-height:1.2;}
.login-head{position:relative;width:86%;margin: 0px auto 0 auto;padding:18px 0 5px 0;}
.login-head img{width: 57%;/* height:49px; */}
.login-info,.login-mode,.pay-btn{width: 87%;margin:0 auto;}
.login-info{-webkit-transition:all 1s;transition:all 1s;}
.login-info .ver-code{position:relative;}
.login-info #mbAuto{border-bottom:0;font-size:16px;display:none;color:#444;position:relative;top:20px;}
.login-info img{position:absolute;right:0;bottom:2px;height:35px;}
.login-info .linput-box .login-yg{width:92%;margin:0 auto;}
.login-info .login-yg{padding-bottom: 14px;padding-top: 14px;position:relative;}
.login-info .login-yg button{position: absolute;width: 3em;height:22px;border:0;z-index:2;font-size:16px;line-height:22px;background:#ffffff;white-space:nowrap}
.login-info .login-btn-div{padding-bottom: 10px;}
.login-info .first{border-bottom: 1px solid #e2e2e2;}
.login-info .login-yg .go-reg-p{font-size:12px;color:#6b6a6a;padding-top:10px;}
.login-info .login-yg .go-reg-p a{color:#12acde;}
.login-info .login-yg .go-reg-p span{color:#12acde;cursor:pointer}
.login-info .login-yg:last-child p span{padding:0 3px;}
.login-info i{width:10%;color:#3997EE;font-size:20px;position:relative;top:2px;}
.login-info .result-box{border-bottom:0;font-size:18px;}
.login-info .result-box i{color:#1FCA14;font-size:25px;padding-right:10px;}
.login-info input{width: 90%;border:0px;background:none;font-size:16px;padding:0;outline:none;padding-left:3em;line-height:22px;}
#regMobile,#vdcode,#phonecode,#regUsername,#reguserpwd,#userpwdok,#mobile,#mobilepwd,#newPwd{padding-left:0px}



#regUsername,#reguserpwd,#userpwdok{width:100%}
.login-info .sms-code{text-align: center;}
.login-info .login-yg>a,.pay-btn>a{display:block;width:100%;padding: 12px 0;border: 1px solid #1eb0e3;background: #09a8e0;color:#fff;text-decoration:none;line-height:1;border-radius: 8px;}
.login-info .login-yg>div,.pay-btn>a{display:block;width:100%;padding: 12px 0;border: 1px solid #1eb0e3;background: #09a8e0;color:#fff;text-decoration:none;line-height:1;border-radius: 8px;cursor:pointer}
.login-info .login-yg>a i{color:#fff;width:14px;overflow:hidden;font-size:14px;position:relative;top:1px;}
#getcode{position:absolute;display:block;width:90px;height:22px;border-radius: 8px;-webkit-border-radius: 8px;line-height:22px;background:#f6bb42;color:#ffffff;font-size:12px;text-align:center;right:0%;top:12px;white-space:nowrap;padding:0;border:none;}
.login-mode{margin-bottom: 18px;border-top:.066rem solid #cccccc;}
.login-info fieldset{border:0;border-top:1px solid #2d2a2a;margin-top:15px;padding: .35em .625em 0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0); }
.login-info fieldset legend{padding:0 5px;color:#2d2a2a;background: #fff;font-size: 15px;margin: 0 30%;border-bottom: none;width: auto;white-space: nowrap;}
.login-mode ol{display:-webkit-flex;display:flex;padding: 5.8% 0 3.8%; display:-webkit-box;margin-bottom:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0); }
.login-mode ol li{width: 14%;margin-right: 3.9%;flex:1;display:none;cursor:pointer; -webkit-flex: 1;-webkit-box-flex: 1;list-style: none;}
.login-mode ol li div{width: 100%;color:#00D20D;line-height:1.5;margin:0 auto;}
.login-mode ol li div img{width:44px;margin:0 auto;}
.login-mode ol li span{display:block;width: 100%;color:#2d2a2a;line-height:20px;height: 20px;margin: 0px auto 0 auto;font-size:15px}
.login-mode ol li.mobile{margin-right:0;}
.login-mode ol li i{font-size:30px;line-height:1.3;}
.login-mode>a{display:none;color: #15aae4;font-size: 15px;line-height: 20px;padding-top: 18px;/* text-decoration:underline; */border-top:.066rem solid #cccccc;}
.login-tip{display:-webkit-flex;display:flex;font-size:13px;margin-top:20px;height:13px; display:-webkit-box;}
.login-tip a{border-left:1px solid #3997EE;color:#0554A5;flex-grow:1;text-decoration:none;line-height:1;display:block;-webkit-flex: 1;-webkit-box-flex: 1;}
.login-tip a:first-child{border-left:0;}
.animate-spin{-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
.login-animate{-o-animation:load .1s linear;-moz-animation:load .1s linear;-webkit-animation:load .1s linear;animation:load .1s linear;}
.dialog_hd{padding:20px 0 15px 0;color:#333;}
.dialog_bd{padding:0 20px;font-size:15px;color:#888;max-height:350px;overflow-y:auto;}
.dialog_bd .content,.dialog_bd .footer{line-height:22px;text-align:left;font-size:12px;color:#666;}
.dialog_bd .content h2{padding:8px 0;font-size:20px;border-bottom:1px solid #d1d1d1;text-align:center;margin-bottom:20px;}
.dialog_bd .content h3{margin-top:15px;}
.dialog_bd a,.dialog_bd .footer a{color:#00A3FF;}
.dialog_bd .author{padding:10px 0; text-align:right; font-weight:bold;}
.dialog_bd .footer{text-align:center;}
.dialog_bd input{border:1px solid #666;}
.dialog_bd #quicktip{color:#00A3FF;text-decoration:underline;padding:0 3px;cursor:pointer;}
.dialog_ft{margin-top:20px;border-top:1px solid #d5d5d5;}
.dialog_ft a{display:block;color:#00A3FF;line-height:42px;text-decoration:none;}
@-webkit-keyframes load {
    0% {height: 1px;}
    70% {height: 205px;}
}
@keyframes load {
    0% {height: 1px;}
    70% {height: 205px;}
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg);}
}
@-o-keyframes spin {
    0% {-o-transform: rotate(0deg);}
    100% {-o-transform: rotate(359deg);}
}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(359deg);}
}
@media(max-width:640px){
		.login-mode ol li span{font-size: 14px;line-height:14px;height: 14px;}
		.login-mode>a{font-size: 14px;line-height: 30px;}
}
/*login reg end*/