@charset "utf-8";
/* CSS Document */
body { overflow-y:hidden;font-family:'PingFang SC','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:#fff;}a:hover { color:#fff;}
a:visited { color: #fff;;  text-decoration: none; }
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?gw10s5');
    src:  url('../fonts/icomoon.eot?gw10s5#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?gw10s5') format('truetype'),
    url('../fonts/icomoon.woff?gw10s5') format('woff'),
    url('../fonts/icomoon.svg?gw10s5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.custom-icon {
    font-family: 'icomoon';
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
}
.form-left-icon {
    font-size: 1.3rem;
    width: 1.5625rem;
    padding-right: 0.5625rem;
}
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:'PingFangSC-Regular','PingFang SC','STHeiti','Microsoft YaHei','宋体','arial'; font-size:14px; color:#696969;}
input,textarea { outline: 0;  -webkit-user-modify: read-write-plaintext-only; border:0px; font-family:'PingFangSC-Regular','PingFang SC','STHeiti','Microsoft YaHei','宋体','arial'; font-size:1.13rem; 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;text-align: left;}
input::placeholder {
    color: #fff!important; /* 设置为灰色 */
  }
  ::placeholder {
    color: #fff!important; ;/* 设置为灰色 */
  }
  ::-webkit-input-placeholder {
    color: #fff!important; ;
}
/* Mozilla Firefox */
::-moz-placeholder {
    color: #fff!important; ;
}
/* internet Explorer */
::-ms-input-placeholder {
    color: #fff!important; ;
}
/*-----*/
.header { height:95px; width:100%;display: none; }
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.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:440px;*/ height:100vh;  background-image: url('../images/backImg.png');background-position: center center;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 {    
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 9.45rem;
    text-align: center;
    z-index: 9;
}
.logo{
    display: inline-block;
    width: 13.22rem;
}

.logo-tip{
    margin-top: 1.19rem;
    margin-bottom: 2.75rem;
    color: #ffffff;
    font-size: 3.13rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.vertical-line{
    display: inline-block;
    width: 0.06rem;
    height: 1.31rem;
    background-color: #ffffff;
    margin-left: 1.72rem;
    margin-right: 1.72rem;
    opacity: 0.6;
    min-width: 1px;
}
 .change{position: absolute;top: 42.25%;right: 7.5%;}
 .loginBox { width:27.5rem; position: relative; border-radius: 4px;font-size: 1.13rem;
    background: #2176f233; border-radius:5px; }
 .tabBar {
     box-sizing: border-box;
     padding: 0 30px;
     text-align: left;
     font-size: 1.38rem;
}
 .tabBar a {
    display: inline-block;
 }
.tabBar li { display: inline-block; cursor:pointer;position: relative; color: #A5B5F9;}
.tab { display:block; }
.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;}
.tab30{background-position:center 0px}
.tabCertBind { background-position:center -490px;}
.tabBar li.dq { color: #fff;font-weight: bold}
.tabBar li.dq::after{
    width: 5.63rem;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.63rem;
    display: block;
    height: 0.25rem;
    border-radius: 0.63rem;
    background-image: linear-gradient(270deg, #C2E1FD 0%, #EDF4FF 100%);
}
.tabBar li.dq .tab { }
.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 .tab30 { background-position:center -240px;}
.tabBar li.dq .tabCertBind { background-position:center -550px;}

.tabCon { padding:15px 20px; display:none;position: relative}
.inputBox {   overflow:hidden; }

.inputBox li {
    display: flex;
    align-items: center;
    border-radius: 0.19rem;
    border: 0.06rem solid #C5D5F2;
    height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-sizing: border-box;
    margin-bottom: 1.75em;
    padding-left: 0.75rem;
}
.svg-icon {
    margin-left: 1.06rem;
}
.inputBox > li > input { flex: 1 }
.inputBox li input.inputTl { width:100%; height:20px; line-height:20px; padding:2px 0px; color:#fff; }
.input_ico { display:block; width:25px; height:25px; background-image:url(../images/login_ico.png); background-repeat:no-repeat;}
.icoUser { float:left; background: url(../images/user.png) no-repeat;  padding-right:0.5625rem; }
.icoPass { float:left;background: url(../images/pass.png)  no-repeat;padding-right:0.5625rem;}
.icoYzm { display: none;float:left; background-position:0 -70px; padding-right:10px;}
.icoOtp { float:left; background-position:0 -175px; padding-right:10px;  border-right:#F5F5F5 1px solid;}
.icoSms { float:left; background-position:0 -210px; padding-right:10px;  border-right:#F5F5F5 1px solid;}
.icoDel { float:right; background-position:0 -105px; cursor:pointer;}
.icoLook { float:right; background-position:0 -140px; cursor:pointer; }
.inputLogin {  background-color: transparent;
    width: 23.75rem;
    float: left;
    margin-left: 0.625rem;
    line-height: 25px;
    background: transparent;
    color: #fff!important;
    z-index: 9999;
}
.inputLogin2 {  background-color: transparent;  width:260px; float:left; height:20px; line-height:20px; padding:2px 8px; color:#fff;}

.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,.yzmBar1 {    
    height: 3rem;
    display: flex !important;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    align-items: flex-end;
}
#yzm1Bar,
#yzm123Bar1,
#yzm133Bar1{
    display: none !important;
}
.yzmBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #C5D5F2;
    width: 13.47rem;
    height: 3rem;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
}
.inputYzm {
    background: transparent;
    color: #fff!important;
    padding: 0 1.25rem;
}
.inputYzm::-ms-input-placeholder{
    text-indent: 2.1875rem;
}
.inputYzm::-webkit-input-placeholder{
    text-indent: 2.1875rem;
}
.yzmPic {
    width: 9.53rem !important;
    height: 3rem;
    margin-top: -2px;
}
.yzmBox2 {
    width:13.47rem;
    float: left;
    border-radius: 4px;
    border: 1px solid #C5D5F2;
    height: 3rem;
    padding: 10px 0.75rem;
    box-sizing: border-box;
}
.inputYzm2 { width:6.63rem; float:left;line-height:20px; padding:2px 0.625rem; color:#ffffff!important; background: none}
.yzmBt {
    display: block;
    width: 9.53rem;
    height: 100%;
    text-align: center;
    float: right;
    font-size: 1.13rem;
    background-color: #ffffff40;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
}
.zhengshuTxt { background-color:#ffffff; border-radius:3px; line-height:26px; font-size:16px; padding:10px 10px;}

a.loginBt { display:block; margin:20px 0px; height:49px; line-height:49px; font-size:20px;/* font-weight:bold;*/ text-align:center; background:url(../images/loginbt.png) repeat-x 0 0; border-radius:5px; border:#208ad6 1px solid;}
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 { width: 100%; display:block; height:3.5rem; font-size:1.375rem; text-align:center; background: #ffffff40; border-radius:5px; color:#ffffff;}
button.loginBt:hover {background: #fcf7f740;}
.a-pwd{
    float: right;
    cursor: pointer;
    margin-top: -0.4375rem;
    margin-bottom: 0.8125rem;
    font-size: 0.88rem;
}
.warningBox { position:relative;}
.warningBoxOut { width:335px; margin-top:20px; float:right; padding-right:2px; position:relative;}
.warningBar { position:absolute; 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 {
    margin:11px 0;line-height:22px; border-radius:6px; padding:1.25rem;box-sizing: border-box; position:relative;
    top: 8.35rem; left: -95%;
}
.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;}
.warningBg:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 6px;
}
.warningBg:after {
    content: "";
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-left-color: #FFFFFF;
    opacity: 0.7;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -9px;
}
.warningTxt { overflow:hidden; line-height:22px;z-index: 2;position: relative}

.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 {color: #FFFFFF;line-height:1.5; width:100%; text-align:center; padding:1.25rem 0;opacity: 70%;}/*yan*min-width:1000px;**/

@media screen and (max-width: 1400px) {
    .copyright {
        font-size: 10px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .copyright {
        font-size: 11px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
    .copyright {
        font-size: 13px;
    }
}


@media screen and (min-width: 1800px) {
    .copyright {
        font-size: 1rem;
    }
}

/*-----20161025----*/
.passwordLayer { 
    display: block;
    margin-left: 0.625rem;
    text-align: left;
    background-color: transparent;
    position: absolute;
    left: 45px;
    overflow: hidden;
    top: 11px;
    color: #fff!important;
}
.passwordLayer textarea{
    background: rgba(9,69,139)!important;
    border: none;
    color: #fff;
    outline: none;
}
.inputBox li:nth-child(n+2) {
   
}
.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 { background: #ffffff40;display:block; margin:10px 0px; height:38px; line-height:38px; font-size:18px;/* font-weight:bold;*/ text-align:center;  border-radius:5px;  margin-right:3px;}
a.button1:hover {background: #fcf7f740;}
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 {     position: absolute;
    top: 0;
    text-align: left;
    text-indent: 18px;
    left: 0;
}
.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%;right:50%;transform: translate(50%, 0);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;}
.loginBoxMibao{
    margin-top: 0px!important;
    position: relative!important;
}
.loginText {margin-left:30%}
.loginTe {margin-left:39%;margin-bottom:1%}
.loginImg {margin-left:15%}
.loginT {margin-left:23%}
#loginFormWaringBox{
    max-height: 300px;
    position: absolute;
    top: 0;
    text-align: left;
}



.modalShelter{
    background: transparent!important;
}
label{
    color: #fff;
}

@media screen and (max-width: 1280px) {
    .vertifyWrap {
        zoom: .75;
    }

}