@charset "utf-8";
/* CSS Document */
body { font-size:14px;  font-family:'STHeiti','Microsoft YaHei','宋体','arial'; color:#566570;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 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;}
input:focus,select:focus { /*border:#7bb7f6 1px solid;*/ border:none;}
* {  -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:95px; width:100%; */ display: none; }
.footer { display: none; }
.logo {  width:50%;height:95px; display:block; float:left; overflow:hidden; text-indent:-999px; background:url(../images/logo.png) no-repeat 0 center;}/*yan width:500px;*/
.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: 390px;*/ height: 100vh; transition: all 0.5s; background: url(../images/login_bg_img1.jpg) no-repeat; background-size: cover;  } /**yan* min-width:980px;**/
.loginoutMainBg { width:100%; height:440px;  background:#2090d8 url(../images/loginout_mainbg.jpg) no-repeat center center;}/*yan*min-width:980px;*/
.loginMain { /* margin:0px auto 0 auto; margin-right:5% */ height: 100%;  } /*yan width:960px;*/  
 .change{position: absolute;top:140px;bottom:0;left:0;right:0;}
 .loginBox { width: 400px; height:370px; background: rgba(255,255,255,0.7); text-align:center;  position: absolute; left: calc(50% - 200px);  margin-top: 2%; overflow:hidden; display: inline-block; border-radius: 4px; /* -webkit-box-shadow:0px 5px 5px #195c91;-moz-box-shadow:0px 5px 5px #195c91; */ }
 .tabBar { width: 400px; height:54px; display: flex; }
 .tabBar a { width: 200px; height: 100%; }
.tabBar li { width:100%; height: 100%; font-size:16px;  display: flex; justify-content: center; align-items: center;  cursor:pointer; border-bottom: 3px solid #fff; }
.tab { display:block; width: 100%;  overflow:hidden; }
.tab1 { background-position:center -10px;}
.tab2 { background-position:center -70px;}
.tab3 { background-position:center -130px;}
.tab4 { background-position:center -190px;}
.tab5 { background-position:center -610px;}
.tab10 { background-position:center -736px;}
.tab11 { background-position:center -876px;}
.tab12 { background-position:center -1009px;}
.tab15 { background-position:center -1137px;}
/* .tab16 { background-position:center -1260px;} 140 64*/
.tab16 { background-position:center -1384px;}
.tab17 { background-position:center -1513px;}
.tab18 { background-position:center -1640px;}
.tab19 { background-position:center -1765px;}
.tab20 { background-position:center -1910px;}
.tabCertBind { background-position:center -490px;}
.tabBar li.dq { overflow:hidden; border-bottom: 3px solid #ff5967; color: #ff5967; }
.tabBar li.dq .tab { /* border-right:#f3fbfd 1px solid;*/ }
.tabBar li.dq .tab1 { background-position:center -250px;}
.tabBar li.dq .tab2 { background-position:center -310px;}
.tabBar li.dq .tab3 { background-position:center -370px;}
.tabBar li.dq .tab4 { background-position:center -430px;}
.tabBar li.dq .tab5 { background-position:center -670px;}
.tabBar li.dq .tab10 { background-position:center -803px;}
.tabBar li.dq .tab11 { background-position:center -943px;}
.tabBar li.dq .tab12 { background-position:center -1071px;}
.tabBar li.dq .tab15 { background-position:center -1201px;}
/* .tabBar li.dq .tab16 { background-position:center -1323px;} */
.tabBar li.dq .tab16 { background-position:center -1448px;}
.tabBar li.dq .tab17 { background-position:center -1577px;}
.tabBar li.dq .tab18 { background-position:center -1703px;}
.tabBar li.dq .tab19 { background-position:center -1837px;}
.tabBar li.dq .tab20 { background-position:center -1974px;}
.tabBar li.dq .tabCertBind { background-position:center -550px;}

.tabCon { padding: 20px 30px; display:none;}
.inputBox {  overflow:hidden; line-height: 30px; }

.inputBox li { margin-top:20px; width: 340px; height: 44px; box-sizing: border-box;  padding:12px 10px; background-color:#ffffff; }
.inputBox li input.inputTl { width:100%; height:20px; line-height:20px; padding:2px 0px; color:#cccccc; }
.input_ico { display:block; width:25px; height:25px; background-image:url(../images/login_ico.png); background-repeat:no-repeat;}
.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;}
.icoLook { float:right; background-position:0 -140px; cursor:pointer; }
.inputLogin { width:225px; float:left; height:20px; line-height:20px; padding:2px 8px; color:#cccccc;}
.inputLogin2 { width:260px; float:left; height:20px; line-height:20px; padding:2px 8px; color:#cccccc;}

.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:15px 0; clear:both; height:40px; line-height:40px; }
.yzmBox { width:145px; height:25px; padding:8px 10px 7px 10px; float:left; background-color:#ffffff; border-radius:3px; margin-right:10px;}
.inputYzm { width:90px; float:left; height:20px; line-height:20px; padding:2px 8px; color:#cccccc;}
.yzmPic { width:85px; height:40px; overflow:hidden; float:left;}
.yzmBox2 { width:185px; height:25px; padding:8px 10px 7px 10px; float:left; background-color:#ffffff; border-radius:3px;}
.inputYzm2 { width:130px; float:left; height:20px; line-height:20px; padding:2px 8px; color:#cccccc;}
.yzmBt { display:block; width:110px; height:40px; line-height:40px; text-align:center; float:right; font-size:16px; background-color:#1870a0; border-radius:3px; overflow:hidden;}
.zhengshuTxt { background-color:#ffffff; border-radius:3px; line-height:26px; font-size:16px; padding:10px 10px;}

a.loginBt { display:block; margin:20px 0px; width:340px;  height: 44px; font-size: 18px; background-color: #FF5967; color: #fff; text-align:center; border-radius: 4px; opacity: 1!important; }
/* a.loginBt:hover {background:url(../images/loginbt.png) repeat-x 0 -51px;} */
input.loginBt { display:block; width:330px; margin:20px 0px; height:49px; line-height:49px; font-size:20px; text-align:center; background:url(../images/loginbt.png) repeat-x 0 0; border-radius:5px; border:#208ad6 1px solid; color:#ffffff;}
input.loginBt:hover {background:url(../images/loginbt.png) repeat-x 0 -51px;}
button.loginBt { display:block; width:340px; margin-top: 20px;  height: 44px; font-size: 18px; background-color: #FF5967; color: #fff; text-align:center; border-radius: 4px; opacity: 1!important;}
/* button.loginBt:hover {background:url(../images/loginbt.png) repeat-x 0 -51px;} */

.warningBox { width:335px; margin-top: 13%; padding-right:35px; position: absolute; left: calc(50% - 570px); }
.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:#00fcff;}
.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:350px;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:26px; width:100%; text-align:center; padding:20px 0;}/*yan*min-width:1000px;**/

/*-----20161025----*/
.passwordLayer { display:block; /* 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:50%; float:left; overflow:hidden;}
a.button1 { display:block; margin:10px 0px; height:38px; line-height:38px; font-size:18px;/* font-weight:bold;*/ text-align:center; background:url(../images/loginbt.png) repeat-x 0 0; border-radius:5px; border:#208ad6 1px solid; margin-right:3px;}
a.button1:hover {background:url(../images/loginbt.png) repeat-x 0 -51px;}
input.button1 { display:block; margin:10px 0px; height:38px; line-height:38px; font-size:18px;  text-align:center; background:url(../images/loginbt.png) repeat-x 0 0; border-radius:5px; border:#208ad6 1px solid; color:#ffffff;  margin-right:3px;}
input.button1:hover {background:url(../images/loginbt.png) repeat-x 0 -51px;}
a.button2 { display:block; margin:10px 0px; height:38px; line-height:38px; font-size:18px;/* font-weight:bold;*/ text-align:center; background:url(../images/loginbt.png) repeat-x 0 -110; border-radius:5px; border:#cad2d7 1px solid;  margin-left:3px;}
a.button2:hover {background:url(../images/loginbt.png) repeat-x 0 -170px;}
input.button2 { display:block; margin:10px 0px; height:38px; line-height:38px; font-size:18px; text-align:center; background:url(../images/loginbt.png) repeat-x 0 -110; border-radius:5px; border:#cad2d7 1px solid;  margin-left:3px;}
input.button2:hover {background:url(../images/loginbt.png) repeat-x 0 -170px;}

.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-right:370px; margin-top:0;}
.loginBoxMibao { height:auto; overflow:hidden;  z-index:100; position:absolute; right:0px; min-height:380px; background-color: #eee; padding: 30px;box-sizing: border-box; }
.loginBoxMibao > .tabBar { display: none; }
.loginBoxMibao > form { min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.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;}

#authen12Form { text-align: center; }
.loginText {/* margin-left:30% */ }
.loginTe {/* margin-left:39%; */  margin-bottom:1%}
.loginImg {/* margin-left:15% */ margin: 10px 0; }
.loginT {/* margin-left:23% */}