@charset "utf-8";
/* CSS Document */
body { width: 100%; height: 100%; font-size:14px;  font-family:'STHeiti','Microsoft YaHei','宋体','arial'; color:#566570;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html { width: 100%; height: 100%;}
html,body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0;  padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block;}
a { text-decoration: none; color:#566570;}a:hover { color:#333333;}
a:visited { color:#566570;  text-decoration: none; }

textarea {  resize: none;} .posRel { position:relative;} .disBlock{ display:inline-block;} .fl { float:left;} .fr { float:right;} .tc { text-align:center;} .tr { text-align:right;}.tl { text-align:left;} .cl { clear:both;} .fb { font-weight:bold;} .hr20 { height:20px; clear:both;} .hr10 { height:10px; clear:both;} .overflowH { overflow:hidden;} .marR10 { margin-right:10px;}
.font12 { font-size:12px;} .font16 { font-size:16px;} .font18 { font-size:18px;} .font24 { font-size:24px;} .lineH25 { line-height:25px;}.lineH30 { line-height:30px;}.lineH32 { line-height:32px;} .aLine,a.aLine,a.aLine:hover,.aLine a:link,.aLine a:hover { text-decoration:underline;}
.aline,a.aline,a.aline:hover,.aline a:hover { text-decoration:underline;}
iframe,img {border:0;}img {vertical-align: middle;}
ul,ol,li {list-style:none;}
button{ outline: 0;  border:0px; font-family:'STHeiti','Microsoft YaHei','宋体','arial'; font-size:14px; color:#696969;}
input,textarea { outline: 0;  -webkit-user-modify: read-write-plaintext-only; border:0px; font-family:'STHeiti','Microsoft YaHei','宋体','arial'; font-size:14px; color:#696969;}
/*input {   -webkit-appearance: none;}*/
select { /*-moz-appearance:none;  -webkit-appearance:none; background-color:transparent; margin:0px; border:0px;*/outline:none;}
option { font-size:14px;}
* {  -webkit-tap-highlight-color: transparent;/* border:0px;  -webkit-appearance: none; */ }
.submitBt { -webkit-appearance: none; display:block;}

.white,.white a,a.white,.white a:link,.white a:visited,.white a:hover,a.white:link,a.white:visited,a.white:hover { color:#ffffff;}
.blue,.blue a,a.blue,.blue a:link,.blue a:visited,a.blue:link,a.blue:visited { color:#008aff;}
.blue a:hover,a.blue:hover { color:#0077dc;}
.gray,.gray a,a.gray,.gray a:link,.gray a:visited,a.gray:link,a.gray:visited { color:#999999;}
.gray a:hover,a.gray:hover { color:#666666;}

.padBoxTb { padding:10px 0;}

/*-----*/
.header { height:65px; width:100%; background-color: #ffffff; padding: 0 24px; box-sizing: border-box; }
.logo {  width:50%;height:65px; line-height: 65px; display:block; float:left; overflow:hidden;color: #0D5EAD; font-size: 20px; font-weight: bold;}/*yan width:500px;*/
.logo img { width: 140px;}
.logo span { display: none;}
#p_language { position: absolute; top: 20px; right: 24px;}
.logoOut { width:120px; height:105px; display:block; float:left; overflow:hidden; text-indent:-999px; background:url(../images/logo_loginout.png) no-repeat 0 0;}

.wrapMain { overflow:hidden; width:100%; min-width:1280px; padding-top:105px; position:relative;}
.loginMainBg { width:100%; height: calc(100% - 100px); background:#2090d8 no-repeat center center; background-size: 100% 100%;}/**yan* cover min-width:980px;**/
.loginoutMainBg { width:100%; height: calc(100% - 65px);  background:#2090d8 url(../images/loginout_mainbg.png) no-repeat center center; background-size: cover;}/*yan*min-width:980px;*/
.loginMain {  margin:0px auto 0 auto; margin-right:5%} /*yan width:960px;*/
.change{position: absolute;top:140px;bottom:0;left:50%;right:0; margin-left: -250px; width: 470px; }
.change .tabCon { width: 400px;}
.loginBox { width: 616px; padding: 24px; margin-top: 7%; box-sizing: border-box; float:right; background-color:rgba(0,0,0, 0.4); border-radius:4px; backdrop-filter: blur(20px);
 box-shadow: 0 4px 36px 0 #0d5ead1a;position: relative;}
.tabBar { width:320px; margin-bottom: 24px; height: 34px;}
.tabBar li { height:50px; float:left; cursor:pointer;}
.tab { display:block; width:100%; height:34px; overflow:hidden; color: #ffffff; position: relative; font-size: 20px;}
.tabCertBind { background-position:center -490px;}
.tabBar li.dq {  }
.tabBar li.dq .tab { font-weight: bold; }
.tabBar li.dq .tab::after { display: inline-block; position: absolute; top: 30px; left: 50%; margin-left: -10px; width: 24px; height: 4px; border-radius: 5px; background-color: #ffffff;}
.tabBar li.dq .tabCertBind { background-position:center -550px;}
.tabBar li .tab12 { display: none; }

.tabCon { width: 320px; display:none;}
#tab12Con { width: 200px; position: absolute; top: 24px; right: 28px;}
.inputBox { width: 100%; overflow:hidden; }

.inputBox li {position: relative; margin-bottom: 20px;}
.inputBox li input.inputTl { width:100%; height:20px; line-height:20px; padding:2px 0px; color:#cccccc; }
.input_ico { display:block; width:16px; height:16px; position: absolute; top: 10px; cursor: pointer;}
.icoUser { float:left; background-position:0 0; padding-right:10px; border-right:#cccccc 1px solid;}
.icoPass { float:left; background-position:0 -35px; padding-right:10px; border-right:#cccccc 1px solid;}
.icoYzm { float:left; background-position:0 -70px; padding-right:10px;  border-right:#cccccc 1px solid;}
.icoOtp { float:left; background-position:0 -175px; padding-right:10px;  border-right:#cccccc 1px solid;}
.icoSms { float:left; background-position:0 -210px; padding-right:10px;  border-right:#cccccc 1px solid;}
.icoDel { float:right; background-position:0 -105px; cursor:pointer;display: none;}
.icoLook { right: 10px; background: url(../images/browse.png) no-repeat; background-size: cover; }
.inputLogin,
.inputLogin2,
.inputYzm,
.inputYzm2 { display: block; width:100%; height:38px; line-height:38px; padding: 0 16px; border: 1px solid #E2E3E9; border-radius: 4px; box-sizing: border-box;}
.inputLogin2 { width:260px; float:left;}

.loginBox .inputBox2 {border:#e2e2e2 1px solid; height:30px;padding:0px 5px; overflow:hidden; border-radius:3px; margin:3px 0; background-color:#ffffff; }
.loginBox .inputBox2 input/*,.inputBox2 input*/ { width:100%; height:20px; line-height:20px; padding:5px 0; background:none;}
.loginBox .selectBox {border:#e2e2e2 1px solid; height:30px;  overflow:hidden; border-radius:3px;  margin:3px 0;}
.loginBox .selectBox .select {display:block; width:100%; height:30px; line-height:30px; padding-right:5px; padding-left:5px; text-align:left; padding:4px 2px 4px 2px\9;/*IE8*/ /*IE7*/}

.yzmBar { margin-bottom:20px; clear:both; height: 38px;}
.yzmBox { height: 38px;  float: left; position: relative;}
.inputYzm { width:200px; float:left;}
.yzmPic { width:102px!important; height:38px!important; overflow:hidden; float:right; border-radius: 4px;}
.yzmBox2 { float: left; height:38px; position: relative;}
.inputYzm2 { width: 200px; float:left;}
.yzmBt { display:block; width:110px; height:38px; line-height:38px; text-align:center; float:right; font-size:14px; background-color:#ffffff; border-radius:3px; overflow:hidden; color: #0D5EAD;}
.zhengshuTxt { background-color:#ffffff; border-radius:3px; line-height:26px; font-size:16px; padding:10px 10px;}

a.loginBt,
input.loginBt,
button.loginBt { display:block; margin:15px 0px; height:36px; width: 320px; line-height:36px; font-size:14px; text-align:center; background-color: #0D5EAD; color:#ffffff; border-radius: 4px;}

.input-error {
 border: 1px solid #F54141 !important;
}
.input-error-tip {
 position: absolute;
 top: 100%;
 left: 0;
 line-height: 1;
 padding-top: 4px;
 color: #F54141;
 font-size: 12px;
}
.forget-pwd { margin-top: 10px;}
.forget-pwd a { color: #ffffff; font-size: 14px; }
.third-login { width: 320px; margin-top: 24px;}
.third-login h5 { color: rgba(255,255,255, 0.7); text-align: center; position: relative; font-size: 12px;}
.third-login h5::after,
.third-login h5::before { display: inline-block; content: " ";position: absolute; width: 114px; height: 1px; background-color: #ffffff; opacity: 0.1; top: 7px; left: 0;}
.third-login h5::after { left: unset; right: 0;}
.third-login-icons { display: flex; justify-content: space-around; margin-top: 16px;}

.warningBox { width:280px; position:absolute; top: 74px; left: -250px;}
.warningBoxOut { width:335px; margin-top:20px; float:right; padding-right:2px; position:relative;}
.warningBar { position:absolute; width:100%; left:0; z-index:999;}
/*.warning { width:335px; height:36px; line-height:36px; margin:10px 0; clear:both; background:url(../images/warning.png) no-repeat 0 0;}*/
.wColor1 { color:#ff8400;}
.wColor2 { color:#18ff00;}
.wColor3 { color:#ff8400;}
.closeBt { display:block; width:32px; height:22px; float:left; background:url(../images/close_bt.png) no-repeat center center; cursor:pointer;}
.infoBt { display:block; width:32px; height:22px; float:left; background:url(../images/ico_prompt1.png) no-repeat center center; cursor:pointer;}
.closeBt1 { display:block; width:32px; height:22px; float:left; background:url(../images/close_bt.png) no-repeat center center; cursor:pointer;}
/*.warning2 { width:315px; height:360px; padding:5px 20px 5px 0; margin:10px 0; clear:both; background:url(../images/warning2.png) no-repeat 0 0;}*/
.warningBg { width:250px;margin:11px 0; line-height:22px; border-radius:5px; padding:7px 10px 7px 0px; background:url(../images/warning_bg.png) repeat 0 0; position:relative;}
.warningBgSetPasswordHint { width:335px;margin:11px 0;margin-top:42px;  line-height:22px; border-radius:5px; padding:7px 10px 7px 0px; background:url(../images/warning_bg.png) repeat 0 0; position:relative;}
.warningBgUserInfo { width:335px;margin:11px 0; line-height:22px; border-radius:5px; padding:7px 10px 7px 0px; background:url(../images/warning_bg.png) repeat 0 0; position:relative;}
.warningArr { display:block; width:6px; height:30px; background:url(../images/warningArr.png) no-repeat 0 0; position:absolute; right:-6px; top:0px; z-index:1;}
.warningTxt { overflow:hidden; line-height:22px;}

.footerNavBar { width:1050px; height:100px; margin:38px auto 15px; background:url(../images/login_navline.png) no-repeat right center;}
.footerNavBar li { width:150px; height:100px; float:left; text-align:center; background:url(../images/login_navline.png) no-repeat left center;}
.fNav { display:inline-block; width:60px; height:60px; background-image:url(../images/login_footernav.png); background-repeat:no-repeat;}
.fNav1 { background-position:0 0;}
.fNav2 { background-position:0 -70px;}
.fNav3 { background-position:0 -140px;}
.fNav4 { background-position:0 -210px;}
.fNav5 { background-position:0 -280px;}
.fNav6 { background-position:0 -350px;}
.fNav7 { background-position:0 -420px;}
.footerNavBar .tit { display:block; width:100%; clear:both;  line-height:18px; padding-top:4px;}

.copyright {line-height:20px; width:100%; text-align:center; padding-top:10px;font-size: 14px;}/*yan*min-width:1000px;**/

/*-----20161025----*/
.passwordLayer { display:flex; width:230px; height:25px; line-height:25px; background-color:#ffffff; position:absolute; left:47px; padding:0 5px; overflow:hidden; top:12px; color:#cccccc;}
.passwordLayer span { display:none;}

.mibaoScroll { height:220px; overflow-y:auto; padding-right:5px; margin-bottom:10px;}
.buttonBarCol2 li { width:100%;  overflow:hidden;}
a.button1,
input.button1 { display:block; margin:10px 0px; height:38px; line-height:38px; font-size:14px; border-radius: 4px; text-align:center; background-color: #0D5EAD; margin-right:3px;}
a.button2,
input.button2 { display: block; width: 100%; text-align: center; }

.loginOutBox {/* width:300px;*/ width:550px; height:275px; padding:20px; background-color:#f3fbfd; border-radius:3px; float:right; -webkit-box-shadow:0px 5px 5px #195c91;-moz-box-shadow:0px 5px 5px #195c91; margin-top:65px; font-size:16px; color:#666666;}
.loginOutTxt { font-size:26px; position:absolute; z-index:9; top:160px;/* left:-70px;*/ left:70px;}
.loginOutBox .tit { height:30px; line-height:30px;}
.loginOutcon { height:130px; overflow-y:auto; margin:5px 0; padding:18px 18px; background-color:#ffffff; border-radius:3px; border:#cad2d7 1px solid;}
.loginOutcon li { line-height:20px; padding:5px 0px; clear:both;}
.loginOutBt { width:330px; height:50px; margin:20px auto 40px auto;}

.warningBox.warningBoxMibao { margin-top:0; left: 50%; top: 2px; margin-left: -480px;}
.loginBoxMibao { width: 470px;  height:auto; margin-top:-50px; overflow:hidden; background: rgba(255, 255, 255, 0.4); z-index:100; position:absolute; right:0px; min-height:380px; padding: 24px 35px;}
.loginCoverBg { z-index: 10; left: 0px; top: 0px; position: fixed; opacity: 0.4; filter:Alpha(Opacity=40); width:100%; height:100%; display: block; background-color: rgb(0, 0, 0);}

.loginBox .inputMibao {border:#e2e2e2 1px solid; height:40px; padding:0px 10px; overflow:hidden; border-radius:3px; margin:5px 0; background-color:#ffffff; }
.loginBox .inputMibao input { width:100%; height:20px; line-height:20px; padding:10px 0; background:none;}

.loginBox .selectBox.selectMibao {border:#e2e2e2 1px solid; height:40px;  overflow:hidden; border-radius:3px;  margin:5px 0;}
.loginBox .selectBox.selectMibao .select {display:block; width:100%; height:40px; line-height:30px; padding-right:5px; padding-left:5px; text-align:left; padding:4px 2px 4px 2px\9;/*IE8*/ /*IE7*/ /*border:#ffffff 1px solid; */}
.hrMibao { height:5px; overflow:hidden; margin:10px 0 5px 0; border-top:#e2e2e2 1px solid;}

.loginMainRel { position:relative; height:390px;}
.loginBoxAbsolute {  height:auto; overflow:hidden; -webkit-box-shadow:none;-moz-box-shadow:none; z-index:100; position:absolute; right:0px; top:50%;min-height:280px;}

select:focus {border:#ffffff 1px solid; }

.promptTit { height:62px; line-height:62px; padding:10px 50px; font-size:24px;}
.promptTit span.promptIco { display:block; float:left; width:62px; height:62px; margin-right:10px;} .promptTit span.promptIco img { width:62px; height:62px;}
.promptTxt { min-height:100px; padding:10px 50px; font-size:18px; line-height:28px; color:#666666; }
.promptTxt2 { min-height:100px; padding:10px 50px 20px 50px; font-size:16px; line-height:26px; color:#666666; } .promptTxt2 p { padding:8px 0;}

.popBox { background-color:#ffffff; border-radius:3px; overflow:hidden; z-index:100011; visibility:hidden; position:fixed; }
.popTitBar { height:30px; line-height:30px; padding:5px 10px 5px 20px; background:url(../images/pop_titbg.png) repeat-x 0 0;  cursor:move;}
.popCon { padding:10px 20px;  overflow-y:auto;}
.popCon p { padding:8px 0;}
.colseBt { display:inline-block; width:30px; height:30px; overflow:hidden; text-indent:-999px; background:url(../images/close.png) no-repeat center center;}
.chaxunBt,.chongzhiBt,a.chaxunBt,a.chongzhiBt { display:inline-block; width:110px; height:30px;  border-radius:3px; overflow:hidden; line-height:30px; text-align:center; margin-left:10px; }
.chaxunBt { background:url(../images/bar_bg.png) repeat-x 0 0; border:#208ad6 1px solid;}
.chongzhiBt { background:url(../images/bar_bg.png) repeat-x 0 -40px;  border:#cad2d7 1px solid;}

.loginText {margin-left:30%}
.loginTe {margin-bottom:33px; color: #ffffff; font-size: 20px; text-align: center;}
.loginImg {margin-bottom: 24px;}
.loginT { color: #ffffff;}