/*閻ц缍嶆い鐢告桨*/
.login-logo {width: 210px; height:100px;}
.login-logo img{ margin-top: 22px;}
.login-banner { width: 100%; height: 588px;background-position: center center; background-repeat: no-repeat;}
.login-l{float: left; display: inline; /* margin-top: 30px;  */}
.login-l img{ max-height: 588px;max-width:790px;}
@media (max-width: 1260px){.login-l img{max-width: 560px;}	}
.login-r{float:right;width: 410px;min-height:528px;background-color: #fff;margin: 30px 0; border-radius: 10px;}
/*.nav-tabs{padding: 30px 0 25px;text-align: center;font-size: 20px;}*/
.nav-tabs a.on{color: #e40011;}
/*.nav-tabs .line {width: 1px;height: 24px;margin: 0 35px 0 42px; background: #e0e0e0;display: inline-block;vertical-align: middle;}*/
.login-area,.register-area,.verify-area{ width: 348px; margin: 0 auto; position: relative;}
/*.user-name, .user-pass,.photo-nmb,.identifying,.enter-pwd{width:100%;height: 48px;border: 1px solid #e0e0e0;position: relative; margin: 15px 0;}*/
.user-name, .user-pass,.photo-nmb,.identifying,.enter-pwd,.user-vali input,.user-sms input{width:100%;height: 48px;border: 1px solid #e0e0e0;position: relative; margin: 10px 0; border-radius: 8px; text-indent: 10px; transition: .3s; }
.user-vali input{ width: 230px; }
.tab-con{ padding-top: 5px;}
.user-vali .vali-wrap{ background: #EEEEEE; display: inline-block; height: 48px; width: 100px; float: right; margin: 10px 0;}
.user-sms{ position: relative;}
.user-sms .sms-btn{ display: inline-block; padding: 10px 0; position: absolute; right: 10px; bottom: 16px; transition: .3s;}
.user-sms .sms-btn:hover{ color: #1890ff;}
.user-name .icon-phone,.photo-nmb .icon-phone,.user-pass .icon-lockLine{ font-size: 28px; border-right: 1px solid #e0e0e0; color: #828282; float: left; margin: 4px 0; width: 44px;}
.user-name:hover, .user-pass:hover,.photo-nmb:hover,.identifying:hover,.enter-pwd:hover,.identify input:hover,.user-vali input:hover,.user-sms input:hover{border-color: #53b4e9;}
.user-name input, .user-pass input, .photo-nmb input,.identifying input,.enter-pwd input{width: 298px;height: 48px;line-height: 48px;font-size: 14px;color: #515151;outline: none;border: 0;position: absolute;left: 14px;z-index: 2;background: none;text-indent: 10px;}
.user-pass .use-pass, .user-name .user-photo ,.photo-nmb .photo{position: absolute;top: 10px;left: 0;width: 48px;height: 30px;z-index: 2; border-right: 1px solid #e6e6e6;}
.user-photo {background: url(../imgs/icons.png) -220px 2px no-repeat;}
.use-pass {background: url(../imgs/icons.png) -264px 1px no-repeat;}
.user-name input, .user-pass input ,.photo-nmb input{left: 50px;}
.yzm{width: 100%; margin:15px 0;line-height: 44px }
.yzm img{float:left; margin-top:4px}
.identify {width: 180px;float: left;}
.identify input {width: 162px;height:38px;line-height: 38px; padding-left:10px;border: 1px solid #e0e0e0;}
.btn-login,.btn-register{background-color: #e40011; width: 350px;letter-spacing: 4px;height: 50px;line-height: 50px;display: inline-block;font-weight: bold;text-align: center;font-size: 16px;color: #fff;cursor: pointer; border: 0 none;}/*0509閸橈拷  font-size: 14px;*/
.btn-login:hover,.btn-register:hover{background-color: #c50011;}
.register-now { margin-top: 15px;}
.register-now a{ color: #b0b0b0;}
.register-now a:hover{color: #e40011;}
/*.other-ways{position:absolute; top: 350px;}*/
/*.oth-tit{ width:348px; border-top: 1px solid #e0e0e0; color: #b0b0b0; text-align: center; }*/
.other-ways{ margin: 50px auto 10px auto;}
.oth-tit{ width:348px; border-top: 1px solid #e0e0e0; color: #b0b0b0; text-align: center; margin: 10px auto; }
.oth-tit .txt{ background: #fff; position: relative; top:-8px;display: inline-block; padding: 0 10px; *display:inline;zoom:1;}
.oth-links{text-align: center;}
.oth-links .icon-type{ width: 40px; height: 40px; display: inline-block; margin: 0 15px; border-radius: 50%; background: #5fb2e6; line-height:32px;}
.oth-links .icon-type i{ width: 18px; height: 18px; vertical-align: middle; display: inline-block; margin-top: 5px;}
.oth-links .icon-wb{ background-color: #e75757;}
.oth-links .icon-wx{background-color: #4eb772;}
.icon-qq i{ background: url(../imgs/icons.png) no-repeat -308px -5px;}
.icon-wb i{ background: url(../imgs/icons.png) no-repeat -326px -5px;}
.oth-links .icon-zfb i{ width: 25px; background: url(../imgs/icons.png) no-repeat -345px -5px;}
.oth-links .icon-wx i{width: 25px; background: url(../imgs/icons.png) no-repeat -372px -5px;}
.oth-links a:hover{ background: #0288d1;}
.oth-links a.icon-wb:hover{ background: #d32f2f;}
.oth-links a.icon-wx:hover{ background: #25a551;}  
.login-footer{ height: 80px; text-align: center; font-size: 14px; margin-top: 100px;}
.footer-list a{display: inline-block;padding: 0 10px;color: #727272;*display: inline;zoom:1;}
.footer-list a:hover{ color: #626262;text-decoration: underline;}
.login-footer p{ padding: 10px;color: #727272;}

/*濞夈劌鍞芥い鐢告桨*/
.photo-nmb .photo {background: url(../imgs/icons.png) -398px 1px no-repeat;}
.slider-varify {width: 350px;height: 40px;position: relative;margin: 15px 0;background-color: #eee;overflow: hidden;text-align: center;user-select: none;-moz-user-select: none;-webkit-user-select: none;}
.slider-bg {position: absolute;left: 0;top: 0;height: 100%;background-color: #73c1d8;z-index: 1;}
.slider-label {width: 58px;position: absolute;left: 0;top: 0;height: 38px;line-height: 38px;border: 1px solid #e2e2e2;background: #fff url(../imgs/varify_icon.jpg) 18px 13px no-repeat;z-index: 3;cursor: move;}
.slider-label.success{background-position: 18px -34px;}
.slider-tip {position: absolute;left: 0;width: 100%;height: 100%;font-size: 14px;color: #b0b0b0;line-height: 38px;text-align: center;z-index: 2;}
.identifying input {left:0; width: 240px;}
/*.obtain{ width:110px; text-align:center;line-height: 48px;height: 48px; color: #b0b0b0; font-size: 12px; position: absolute;right: 0;top: 0; display: block; background: #eee;}*/
.obtain{ width:130px; text-align:center;line-height: 48px; color: #b0b0b0; font-size: 14px; position: absolute;right: 0;top: 0; display: block; background: #eee; border-radius: 0 8px 8px 0;}
.obtain-1{ width:110px;height: 48px;position: absolute;right:-140px;top: 0; z-index:999;cursor: pointer; }
.obt-on{color: #fff; background: #73c1d8;}
.label-checkbox{color: #b0b0b0;}
.label-checkbox a:hover{ color: #e40011;}
.label-checkbox .checkbox{position:absolute;left:0;top:2px;width:18px;height:18px;background:url(../imgs/icons.png) -140px -170px no-repeat;z-index:1;display:none\9;}
.label-checkbox input[type="checkbox"]:checked + .checkbox{width:20px;height:20px;background:url(../imgs/varify_icon.jpg) -1px -43px no-repeat;}
.icon-warn{ width: 15px; height: 15px; margin-right: 5px; background: url(../imgs/icons.png) no-repeat -118px -203px;display: inline-block;*display:inline;zoom:1;vertical-align: middle;}
.warning{border: 1px solid #e40011;}

/*闁插秶鐤嗙�靛棛鐖�*/
.mb80{ margin-bottom: 80px;}
.bg-col{ background: #f9f9f9;}
.bg-con-col{background-color:#fff;height: 640px;}
.wrap-pwd {width: 100%;}
.reset-tit{ font-size: 30px; padding: 50px 0; text-align: center;}
.step-bar{padding-top: 14px;text-align: center;margin-bottom: 80px;}
.step-bar>li {position: relative;display: inline-block;*display: inline;zoom:1;}
.step-bar .step {text-align: center; position: relative;float: left;min-width:56px;height: 34px;line-height: 30px;vertical-align: middle;opacity:.3;filter: alpha(opacity=30);}
.step-bar .dot{width: 20px;height: 20px;background: #02ca99; border: 4px solid #02ca99; border-radius: 50%; display:inline-block;}
.step-bar .line {float: left;width: 220px;height: 1px;margin-top: 14px;vertical-align: middle;background-color: #e0e0e0;}
.step-bar .active .step{opacity: 1;filter: alpha(opacity=100);}
.step-bar .active .dot{border-color: #ccf4eb;}
.enter-pwd input{left:0;}
.success-set{text-align: center; line-height: 52px; font-size: 20px;}
.icon-success{ width: 52px; height: 52px; background: url(../imgs/icons.png) no-repeat -402px -33px; display: inline-block;margin-right: 10px;vertical-align: middle;} 
.remind{text-align: center; margin-top: 30px; font-size: 16px; color:#b0b0b0;}

/*濞夈劌鍞介幋鎰*/
.btn-reg-success{background-color: #ec323f; width: 188px; height: 42px; line-height: 42px; display: block; margin: 55px auto 0; border-radius: 5px;  text-align: center; font-size: 14px; color: #fff; cursor: pointer;  border: 0 none;}
.btn-reg-success:hover{ background-color: #e40011;}
.pt220{ padding-top: 220px;}

/**/
#tips {float: left;margin: 2px 0 0 20px;}

#tips span {float: left;width: 50px;height: 20px;color: white;background: green;margin-right: 2px;line-height: 20px;text-align: center;}
/*鏈嶅姟鍗忚*/
.reference-template-out{ display: none; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; overflow-y: scroll; background: rgba(0,0,0,0.3);}
.reference-template-con{padding: 20px; position:relative; background:#fff; border-radius: 4px; width:800px; height: 80%; left: 50%; top: 50%; margin-left: -400px; transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}
.reference-template{max-height:100%;overflow-y: scroll;}
.reference-template .helpInfo{ border: none;}
.reference-template .news_text{ line-height: 36px; font-size: 16px;}
.reference-template .news_text .tit{ text-align:center; font-size: 18px; line-height: 3em;}
.reference-template .news_text p{ text-indent: 30px;}
.reference-template .helpInfo a.bottom-btn{ margin: 0rem .1rem;}
.bottom-btn{padding: 10px 0px;color: #FFFFFF;font-size: 16px;border-radius: 4px;display: inline-block;width: 150px;text-align: center;}
.bottom-time-btn{background: #CCCCCC;border: 1px solid #CCCCCC;}
.bottom-sure-btn{background: #e40011;border: 1px solid #e40011;}
.bottom-no-btn{ border: 1px solid #dedede; background-color: #f1f1f1; color: #333; box-sizing: border-box;}
.bottom-btn-out{ display: none; margin-bottom: 5px;}
.bottom-btn-out.active{ display: block;}
.reference-template::-webkit-scrollbar{width: 6px;height: 6px;}
.reference-template::-webkit-scrollbar-corner{background-color: #ccd1d9;}
.reference-template::-webkit-scrollbar-thumb{background-color: #ccd1d9;border-radius:3px;}
/* 鐭俊鐧诲綍-娉ㄥ唽寮规20210111 */
/*.m_flex{ display: flex; display: -webkit-flex; justify-content: space-between;}*/
/*.reg_pop{overflow-y: hidden; display: none; box-sizing: border-box; position: fixed;  z-index: 9; left: 0; top: 0;width: 100%; height: 100%;  overflow: auto;  background-color: rgb(0,0,0);   background-color: rgba(0,0,0,0.4); padding-top: 60px;}*/
/*.reg_con{background-color: #ffffff;margin: 5% auto 15% auto;  border: 1px solid #888; width: 350px; padding: 20px 40px; border-radius: 6px; position: relative;}*/
/*.reg_con h3{ border-bottom: 1px solid #e0e0e0;  font-size: 20px; padding-bottom: 10px; font-weight: lighter; color: #e40011; }*/
/*.reg_closebtn{position: absolute; right: 40px; top: 20px; display: block;  color: #c2c2c2; font-size: 24px; font-weight: bold}*/
/*.reg_closebtn:hover,*/
/*.reg_closebtn:focus {color: red; cursor: pointer;}*/
/* 20210319-loginNew */
.box_shdow{box-shadow: 0px 0px 14px 2px rgba(235,235,235,1);-moz-box-shadow: 0px 0px 14px 2px rgba(235,235,235,1);-ms-box-shadow: 0px 0px 14px 2px rgba(235,235,235,1);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);-webkit-backface-visibility: hidden;}
.code-wrap,.computer-wrap{ width: 100%; height: 100%; position: relative;}
.codeBtn,.computerBtn{ position: absolute; right: 0; top: 0; width: 76px; height: 76px;}
.codeBtn{background: url(../imgs/login.png) -144px top no-repeat;}
.codeBtn:hover{background: url(../imgs/login.png) -296px top no-repeat;}
.computerBtn{background: url(../imgs/login.png) -220px top no-repeat;}
.computerBtn:hover{background: url(../imgs/login.png) -372px top no-repeat;}
.codeBtn .tips,.computerBtn .tips{ position: absolute; right: 60px; top: 20px; background: url(../imgs/tipbg.svg) left top no-repeat; color:#fe5220; text-align: center; line-height:24px; background-size:100%; width: 110px; height: 24px; }
.condeCon,.computerCon{ padding: 50px 20px 0 20px;}
.computerCon .btn-login,.computerCon .btn-register,.reg_con .btn-register{ border-radius: 8px;}
.condeCon h2{ font-size: 14px; font-weight: 550; line-height: 2; color: #2e2828; border-bottom: 1px solid #e5e5e5; text-indent: 10px;}
.condeCon .wxcode{ width: 200px; height: 200px; margin: 30px auto; position: relative;}
.condeCon .code-load{ position: absolute; left:0; top:0; z-index:9; display:none; background-color: rgba(0,0,0,.3);width: 200px;height: 200px;text-align: center;line-height: 220px;}
.condeCon .code-load img{ width:50px; height:50px;}
.condeCon .otherLogin{ margin: 10px auto; text-align: center;}
.condeCon .otherLogin a{ display: inline-block; color: #e40000; line-height: 2; padding: 0 5px; border-bottom: 2px solid  #ffffff; font-size: 14px; transition: .3s;}
.condeCon .otherLogin a:hover{ border-bottom: 2px solid  #e40000;}
.thirdLogin{ text-align: center; margin-top:10px;}
.thirdLogin h5{color: #828282; font-size: 14px; line-height: 2;}
.thirdLogin .iconqq,.thirdLogin .iconwb,.thirdLogin .iconzfb{ display: inline-block; background: url(../imgs/login.png) left top no-repeat; opacity: .6; width: 48px; height: 48px; margin: 10px; transition: .2s;}
.thirdLogin .iconwb{background: url(../imgs/login.png) -48px top no-repeat;}
.thirdLogin .iconzfb{background: url(../imgs/login.png) -96px top no-repeat;}
.thirdLogin .iconqq:hover{background: url(../imgs/login.png) left -48px no-repeat; opacity: 1;}
.thirdLogin .iconwb:hover{background: url(../imgs/login.png) -48px -48px no-repeat;  opacity: 1;}
.thirdLogin .iconzfb:hover{background: url(../imgs/login.png) -96px -48px no-repeat;  opacity: 1;}
.nav-tabs{border-bottom: 1px solid #e5e5e5;}
.nav-tabs a{ display: inline-block; padding: 10px 20px;font-size: 14px; font-weight: 550; color: #2e2828; position: relative; }
.nav-tabs a.on{color: #e40011;}
.nav-tabs a.on::after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #e40011;}
.popup-wrap{ display: none; position: fixed; z-index: 9;  left: 0; top: 0;width: 100%;  height: 100%; overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4); }
.popup-con{ background-color: #FFFFFF; margin: 10% auto; padding:30px 20px;width: 440px; border-radius: 10px; position: relative; }
.popup-con .icon-close2 {color: #aaa;font-size: 28px; font-weight: bold; position: absolute; right: 14px; top: 10px;}
.popup-con .icon-close2:hover,
.popup-con .icon-close2:focus { color: #828282;text-decoration: none; cursor: pointer;}
/* 动画 */
.animatebig {-webkit-animation: animatebig 0.6s;animation: animatebig 0.6s}
@-webkit-keyframes animatebig {from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)}}
@keyframes animatebig {from {transform: scale(0)} to {transform: scale(1)}}