@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;}
 /*去除ie edge的密码框默认出现的小眼睛*/
input[type="password"]::-ms-reveal{
  display: none;
}
input[type="password"]::-ms-clear{
  display: none;
}
input[type="password"]::-o-clear{
  display: none;
}

/*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:#D32A23;}
.blue a:hover,a.blue:hover { color:#D32A23;}
.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:80px; width:100%; box-sizing: border-box; position: absolute;}
.logo { padding: 80px 0 0 50px; }
.logo img { width: 286px; height: 68px; }
.logo span { display: inline-block; border-left: 1px solid #ffffff; height: 20px; padding-left: 16px;  line-height: 20px; vertical-align: middle; color: #CB9853;}
#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;}
.footer { position: fixed; bottom: 0; width: 100%; text-align: center; }
.wrapMain { overflow:hidden; width:100%; min-width:1280px; padding-top:105px; position:relative;}
.loginMainBg { width:100%; height: 100%; background:url(../images/login_mainbg.png?t=202407261) no-repeat center center; background-size: 100% 100%;}/**yan* min-width:980px;**/

#tab4Con .loginBt {
  margin-top: 102px;
}

.loginoutMainBg { width:100%; height: 100%; background:#2090d8 url(../images/loginout_mainbg.png) no-repeat center center; background-size: cover;}/*yan*min-width:980px;*/
.loginMain {
  width: 490px;
  min-height: 572px;
  padding: 0;
  background: linear-gradient(180deg, rgba(250, 211, 146, .5) 0%, rgba(226, 171, 136, .5) 100%);
  border-radius: 20px;
} /*yan width:960px;*/
.change{position: absolute;bottom:0;left:50%;right:0;top: 50%; margin-top: -300px; margin-left: -250px; width: 500px!important; background: none;}
.change .tips {
    color: #999;
    font-size: 14px;
    line-height: 26px;
}
.change .tips span {
    argin-right: 5px;
    color: rgb(211, 42, 35);
}
.change .password-tips {
    color: #999;
    font-size: 14px;
    line-height: 26px;
}
.change .password-tips .title {
    color: #232323;
    font-size: 16px;
    font-weight: bold;
    margin: 6px 0;
}
.change .inputBox li {
    margin-bottom: 20px;
}
.change .tabCon { width: 400px;}
.change .inputLogin { margin-left: 10px; width: 340px;}
.loginBox { width: 100%;height: 100%; padding: 100px 60px; box-sizing: border-box;  overflow: hidden;}
.tabBar { width: 100%; float: right; margin: 0 0 44px; display: flex; justify-content: flex-start; padding-bottom: 8px; border-bottom: 2px solid rgba(200,150,77,0.19);}
.tabBar li { float:left; cursor:pointer;margin-right:50px}
.tab { display:block; font-size: 16px; line-height: 22px; color: rgba(31,26,26,0.85); position: relative; }

.tabCertBind { background-position:center -490px;}
.tabBar li.dq {  }
.tabBar li.dq .tab {
  color: #D32A23;
  font-weight: bold;
}
.tabBar li.dq .tab::after { display: inline-block; content: " "; position: absolute; left: 0; right: 0; bottom: -10px; height: 3px; border-radius: 5px; background-color: #D32A23;}
.tabBar li.dq .tabCertBind { background-position:center -550px;}
.tabBar li .tab12 { display: none; width: 0 }

.tabCon { width: 100%;display:none; float: right;}
/* #tab12Con { width: 288px; position: absolute; top: 58px; left: 90px;} */
.inputBox { width: 100%;}
#tabA12 {display: none !important;}
.inputBox li { position: relative; margin-bottom: 32px; width: 100%; height: 48px; padding: 4px 0; line-height: 48px; border-radius: 4px; box-sizing: border-box; background: rgba(255, 255, 255, .7);}
.inputBox li input.inputTl { width:100%; height:20px; line-height:20px; padding:2px 0px; color:#cccccc; }
.input_ico { display:block; width: 17px; height: 17px; position: absolute; top: 16px;cursor: pointer; }
.icoUser { left: 14px; background: url(../images/icon_user.png) no-repeat center; background-size: contain; }
.icoPass { left: 14px; background: url(../images/icon_lock.png) no-repeat center;  background-size: contain; }
.icoYzm,
.icoSms { width: 14px; height: 16px; left: 14px; background: url(../images/icon_yanzhengma.png) no-repeat center;  background-size: contain; }
.icoOtp { float:left; background-position:0 -175px; padding-right:10px;  }
.icoDel { right: 12px; background: url(../images/icon_close.png) no-repeat center;  background-size: contain; }
.icoLook { width: 14px; right: 12px; background: url(../images/icon_eye.png) no-repeat center;  background-size: contain; }
.inputLogin,
.inputLogin2,
.inputYzm,
.inputYzm2 { width: 280px; height:40px; line-height:40px; padding: 0 4px; border: none; float: left; margin-left: 45px; font-size: 14px;cursor: pointer;background-color:transparent;}
.inputLogin2 { width:260px; float:left;}
.inputYzm, .inputYzm2 {
  width: 190px;
}

.loginBox .inputBox2 {border:#e2e2e2 1px solid; height:30px;padding:0px 4px; overflow:hidden; border-radius:3px; margin:3px 0; background: none; }
.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 { clear:both; height: 48px; position: relative;}
.yzmBox,
.yzmBox2 { float: left; position: relative; margin-bottom: 32px; width: 100%; height: 48px; padding: 4px 0; line-height: 48px; border-radius: 4px; box-sizing: border-box; background: rgba(255, 255, 255, .7);}
.inputYzm { width: 176px; float:left;}
.yzmPic { width:110px!important; height: 48px !important; overflow:hidden; border-radius: 4px; position: absolute; top: 0; right: 0;}
.yzmPic img { width: 100%; height: 100%;}

.yzmBt {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 110px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 14px;
  background-color: #D32A23;
  color: #FFFFFF;
  border-radius: 4px;
}
.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-top: 51px; height: 48px; width: 100%; line-height:48px; font-size: 16px; text-align:center; background-color: #D32A23; color:#ffffff; border-radius: 24px;}

.input-error {
  border: 1px solid #F54141 !important;
}
.input-error-tip {
  position: absolute;
  top: 100%;
  left: 27px;
  line-height: 1;
  padding-top: 4px;
  color: #F54141;
  font-size: 14px;
}
.forget-pwd { margin-bottom: 16px; text-align: right;}
.forget-pwd a { color: rgba(31,26,26,0.85); 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: 578px; position:absolute; top: -92px; right: 2%;}
.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,
.closeBt1 { display:block; width:24px; height:12px; float:right; background:url(../images/closeBlack.png) no-repeat center center; cursor:pointer; background-size: auto 100%; margin-top: 4px}
.infoBt { display:block; width:32px; height:22px; float:left; background:url(../images/ico_prompt1.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: 100%; line-height:22px; border-radius:5px; padding:10px 10px 10px 40px; background: #FFF4EA; position:relative;box-sizing: border-box;}
.warningBg::after {content: " "; display: inline-block; width: 20px; height: 20px; background:url(../images/icon_tip.png) no-repeat center center;position: absolute; top: 10px;left: 10px;}
.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:none; 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;font-size: 14px;color: #54575D!important;}

.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; color: #ffffff;}/*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: -121px; margin-left: -263px;  width: 527px!important;}
.loginBoxMibao { width: 100%;  height:auto; background: #FFF}
.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; background: none;}  
.loginBoxAbsolute { width: auto; height:auto; overflow:hidden; -webkit-box-shadow:none;-moz-box-shadow:none; z-index:100; position:absolute; right:0px; top:50%;min-height:280px; background-color: rgba(255, 255, 255, 0.4); padding: 16px;}
.loginBoxAbsolute > div { background: #ffffff;}
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:22px; color: rgba(0,0,0,0.8); font-size: 22px; line-height: 30px; text-align: center; font-weight: normal;}
.loginImg {margin-bottom: 24px; width: 203px; height: 203px;}
.loginT { color: #979797; font-size: 16px; margin-left: 35px;}

.wechat-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wechat-wrap .loginTe {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  color: #FFFFFF;
  margin-bottom: 24px;
}
.wechat-wrap .loginT {
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  margin: 11px 0 0;
}
.wechat-wrap .refresh {
  font-size: 14px;
  line-height: 20px;
  color: #D32A23;
  margin-top: 9px;
  cursor: pointer;
}
.wechat-wrap .refresh i {
  margin-right: 4px;
}
.login-wrap{
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#tab11Con{
  background-color: #f6f6f6;
}

.loginChange {
  width: 72px;
  height: 72px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.loginChange img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1536px) {
    .loginMainBg,
    .change,
    .header,
    .footer {
        zoom: 0.75;}
}
@media screen and (max-width: 1280px) {
    .loginMainBg,
    .change,
    .header,
    .footer {
        zoom: 0.6;}
}

@media screen and (max-width: 799px) {
    .loginMainBg {
        background: linear-gradient(176deg, #9ed3d9,#dbcd84,#a6816d);
    }
    .loginBox { width: 100%;height: 100%; padding: 46px 50px; box-sizing: border-box; border-radius: 8px;  overflow: hidden;}

}