* { margin: 0; padding: 0; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; background: #fff;}
body {background: #fff;color: #333; height: 100%; margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei', Helvetica,arial;-webkit-text-size-adjust: none;overflow-x: hidden; }
ol, ul, li { list-style: none; }
img { border: none; vertical-align: top; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }
a { color: #333; text-decoration: none; outline: none; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }
button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei', Helvetica,arial;margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; }
input { border:none;outline: none; border-radius: 0; font-family: 'microsoft yahei', Helvetica,arial;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
input:focus, textarea:focus { outline: none; }
input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only;}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
background-color: #fff !important;
background-image: none !important;
-webkit-text-fill-color: #333;
-webkit-tap-highlight-color: #fff !important;
}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.clearfix:before, .clearfix:after { content: ''; display: table;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.none { display: none; }
em, i, span, b { font-style: normal; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.fr{float: right;}
.fl{float: left;}
/*transition*/
input::-webkit-input-placeholder{color: #a8a8a8;}
input::-moz-placeholder{color: #a8a8a8; }
.body_bg{background-image: url(../images/login_bg.jpg);background-position: center center;background-repeat: no-repeat;height: 100%;min-height: 100%}
.login_main{max-width: 1220px;width: 94%;left:50%;top:50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%); position: relative;background-color: rgba(255,255,255,0.6);}
.login_fl,.login_fr{width: 50%;}
.login_fl{text-align: center;}
.login_fl h6{font-weight: bold;font-size: 48px;line-height: 58px;}
.login_fl img{margin-top: 86px;height: 93px;}
.logo{position: absolute;top: 50%;left: 0;width: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.login_fr{box-sizing: border-box;padding: 50px 70px;}
.login_fr h3{margin-bottom: 10px;font-weight: bold;font-size: 30px;text-align: center;line-height: 30px;}
.login_fr .login_form{}
.login_fr{background: #fff;}
.login_div{border-bottom: 1px solid #c0c0c0;margin-top: 10px;}
.login_div input[type=text],.login_div input[type=number],.login_div input[type=password]{width: 68%;height: 50px;line-height: 50px;font-size: 16px;color: #333;}
.login_div label img{width: 24px;height: 24px;}
.login_div label{float: left;margin: 13px 5px 0 0;}
.phone_Code,.yzm_div a{float: right;color: #009adc;font-size: 16px;line-height: 50px;}
.yzm_div input[type=text]{width: 42%;}
.yzm_div > img{float: right;width: 106px;height: 30px;border:1px solid #e5e3e4;margin: 9px 10px 0 0;}
.yzm_div a i{text-decoration: underline;margin-left: 5px;}
.agree {margin-top: 10px;font-size: 16px;color: #333;line-height: 24px;}
.agree a{ color: #009adc;}
.agree i{border:1px solid #009adc;width: 12px;height: 12px;position: relative;display: inline-block;border-radius: 100%;float: left;margin: 5px 5px 0 0;}
.agree i:before{width: 12px;height: 12px;background: #009adc;left: 0;top: 0;}
.agree i:after{width: 4px;height: 4px;background: #fff;left: 50%;top: 50%;margin: -2px 0 0 -2px;}
.agree i:after,.agree i:before{content: '';position: absolute;border-radius: 100%;opacity: 0;filter: alpha(opacity=0);}
.agree input[type=checkbox]{display: none;}
.agree input[type=checkbox]:checked + i:after,.agree input[type=checkbox]:checked + i:before{opacity: 1;filter: alpha(opacity=100);}
.agree label{cursor: pointer;}
.sub_btn{border:none;width: 100%;margin-top: 20px;border-radius: 5px;background: #009adc;color: #fff;font-size: 16px;line-height: 50px;}
.cpoyright{text-align: center;color: #fff;font-size: 16px;position: absolute;bottom: 5px;left: 0;width: 100%;line-height: 36px;}
.cpoyright span{margin: 0 5px;}
.cpoyright .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.25em 4px 0 0;}
.nopass,.remember_pass{overflow: hidden;font-size: 16px;line-height: 46px;}
.nopass .fl i,.remember_pass{color: #999;}
.nopass .fr{color: #009adc;}
.nopass a{color:#009adc}
.remember_pass{overflow: hidden;margin-top: 5px;}
.remember_pass label{cursor: pointer;display: inline-block;vertical-align: top;position: relative;padding-left: 35px;}
.remember_pass label:before{border:2px solid #009adc;content: '';position: absolute;left: 3px;top: 50%;margin-top: -10px;width: 18px;height: 18px;}
.remember_pass label:after{width: 22px;height: 22px;content: '';position: absolute;left: 3px;top: 50%;margin-top: -10px;background: url(../images/gougou.png) center center no-repeat;-webkit-background-size: 18px;background-size: 18px;opacity: 0;
filter: alpha(opacity=0);}
.remember_pass input{display: none;}
.remember_pass input[type=checkbox]:checked + label:before{background: #009adc;}
.remember_pass input[type=checkbox]:checked + label:after{opacity: 1;filter: alpha(opacity=100);}
.remember_pass select{float: right;width: 80px;height: 30px;margin-top: 10px;border: 0;color: #009adc;}
.third{width: 100%;float: left;text-align: center;}
.third h6{line-height: 40px;position: relative;margin-bottom: 17px;}
.third h6:after{position: absolute;width: 100%;;height: 1px;background: #e8e8e8;content: '';left: 0;top: 50%;}
.third h6 span{background: #fff;z-index: 2;position: relative;display: inline-block;padding: 0 10px;color: #999;font-size: 16px;}
.third a{display: inline-block;margin: auto;width: 50px;height: 50px;margin: 0 10px;border-radius: 100%}
.register_ok{text-align: center;padding: 109px 0;}
.register_ok h3{padding-bottom: 20px;}
.register_ok h3 img{width: 100px;}
.register_ok h6{padding-bottom: 43px;font-size: 20px;color: #666;line-height: 36px;}
.register_ok a{font-size: 18px;font-weight: bold;border-bottom: 1px solid #646464}
#outer #tab{text-align: center;margin-top: 20px;}
#outer #tab li{line-height: 30px;cursor: pointer;display: inline-block;font-size: 20px;color: #666;margin: 0 11px;padding-left: 18px;}
#outer #tab li.current{background: url(../images/10.png) left center no-repeat;color:#009adc}
#content > div{display: none;}
.sub_pass{margin-top: 20px;}
.login_fr .go_back{font-size:15px;display:inline-block;top:15px;right:20px;line-height:30px;position:absolute}
.login_fr .go_back i{font-family:simsun;padding-right:8px;}
.wx_bg{background:rgba(0,0,0,0.5);position:fixed;width:100%;height:100%;z-index:3;display:none;top:0;left:0}
.wxlogin{width: 320px;position: absolute;left: 50%;top: 50%;padding-bottom:20px;background: #fff;margin: -137px 0 0 -160px; }
.wx_ewm {width: 140px;display: block;margin: auto; }
#wechatbutton{text-align:center;font-size:15px;line-height:32px;padding:15px 0;display:block;}
.close{ position: absolute; width:36px;height:36px; right: -11px; top: -18px; cursor: pointer;}
.close img{width:100%}
.tan_gray{position: fixed; left: 0; top: 0; height: 100%; width: 100%;background:rgba(0,0,0,0.5);display:none; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;}
.tan_gray.is-visible { opacity: 1;display:block;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.tan_black{width:80%;background:#fff;position:absolute;left:10%;height:70%;top:15%;overflow-y:auto;overflow-x:hidden;}
.tan_black iframe{width:100%;height:100%;border:none;}
.zhucexieyi{padding:5%;line-height:1.5;}
.tan_black .close{position: fixed; width: 36px; height: 36px; right: 9%; top: 12%; cursor: pointer; z-index: 2;}
.tan_black .close img{width:100%}
/*20200515*/
.login_div{position: relative;}
.login_div:after{content: '*';left: -10px;top:10px;color: red;position: absolute;font-weight: bold;font-size: 14px;}
/*2021.5.19*/
.login_fr .tabs{display: flex;border-bottom: 1px solid #d8d8d8;}
.login_fr .tabs .item{position: relative;flex: 1 1 50%;font-size: 16px;line-height: 40px;text-align: center;color: #999;cursor: pointer;}
.login_fr .tabs .item:after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background-color: #009adc;transform: scaleX(0);transition: 0.3s;}
.login_fr .tabs .item.on{color: #009adc;}
.login_fr .tabs .item.on:after{transform: scaleX(1);}
.login_fr .tab-content{}
.login_fr .tab-content .section{display: none;}
.login_fr .tab-content .section.show{display: block;}
/*2021.5.24*/
.login_fr .tips{font-size: 15px;line-height: 24px;color: #009adc;}
.login_fr .tips a{color: #009adc;}
.login_fr .tips a:hover{text-decoration: underline;}
@media screen and (max-width:1366px){
.cpoyright{bottom: 5px;font-size: 12px;}
.login_div{margin-top: 0;}
.login_div input[type=text], .login_div input[type=number], .login_div input[type=password],.agree,.cpoyright{font-size:14px}
.agree{padding-bottom:5px}
.sub_btn{height:40px;line-height:40px}
.cpoyright{line-height:22px;}
.login_main{transform: translateY(-50%) translateX(-50%) scale(.8);}
}
@media screen and (max-width:1080px){
.login_div input[type=text],.login_div input[type=password],.cpoyright,.phone_Code, .yzm_div a,.agree,.remember_pass,.nopass{font-size: 13px;}
.login_div.yzm_div input[type=text]{width: calc(100% - 165px)}
.yzm_div > img{width: 80px;}
.login_div.code_div input[type=text]{width: calc(100% - 100px)}
.login_div input[type=text]{width: calc(100% - 40px)}
}
@media screen and (max-width:991px){
.login_fl h6{display: none;}
.login_main{background: #fff;margin: auto;left: auto;top:auto;-webkit-transform: translateY(0) translateX(-0);transform: translateY(0) translateX(-0);}
.body_bg{padding-top: 10px;background-attachment: fixed;-webkit-background-size: cover; background-size: cover;height: auto;}
.login_fl,.login_fr{width: 100%;}
.logo{position: inherit;width: 100%;-webkit-transform: translateY(0); transform: translateY(0);}
.login_fl img{margin-top: 30px;height: 60px;}
.cpoyright{position: inherit;line-height: 26px;padding-top: 10px;}
.cpoyright span{display: block;}
.login_fr{padding: 20px;}
.register_ok{padding: 60px 0;border-top: 1px solid #eee}
#outer #tab{margin-top: 10px;}
.register_ok h6,#outer #tab li{font-size: 16px;}
.login_fr h3{font-size: 24px;}
.login_div input[type=password]{width:calc(100% - 50px)}
.login_fr .go_back{top: 0;right: 10px;}
.agree{padding: 10px 0 15px;line-height: 20px;}
.sub_btn{margin-top: 10px;font-size: 14px;line-height: 40px;}
.remember_pass{padding: 0;margin: 0;}
.remember_pass select{width: 70px;}
.nopass{line-height: 40px;}
.third h6{margin-bottom: 0;line-height: 30px;}
.cpoyright{line-height: 20px;}
.login_fr .tabs .item{font-size: 14px;}
}