@charset "utf-8";
body {
    /* IOS禁止微信浏览器调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
/* CSS Document $color: #3E74FA;*/
/*html, body{*/
/*    height: 100%;*/
/*    min-height:400px;*/
/*    min-width: 1100px;*/
/*    position: relative;*/
/*    overflow-y: hidden;*/
/*}*/
/*input{*/
/*    font-family: PingFangSC-Regular;*/
/*}*/
:root {
    --color--: #406CFF;
    --box-shadow--: none;
    /*0 0 28px 0 rgb(208 219 255 / 63%)*/
}
html, body{
    height: 100%;
    min-height:400px;
    /*     min-width: 1200px; */
    position: relative;
    overflow-y: hidden;
}
@media screen and (max-width: 576px) {
    .left-wrap {
        display:none;
    }
    .right-wrap-outer{
        width:100% !important;
        float:none;
    }
    html, body{
        min-height:0px !important;
        min-width: 0px !important;
    }
    .layui-check-mobile{
        transform:scale(0.9);
    }
    .otp-dialog-300{
        transform:scale(0.8) !important;
    }
    .otp-dialog-500{
        transform:scale(0.7) !important;
    }
}
@media screen and (max-width: 320px){
    .right-wrap{
        transform:scale(0.8,0.8) !important;
        overflow:visible !important;

    }
    html, body{
        min-height:0px !important;
        min-width: 0px !important;
    }
    .right-wrap-outer{
        width:100% !important;
        float:none;
    }


    .layui-check-mobile{
        transform:scale(0.8);
    }
    .otp-dialog-300{
        transform:scale(0.7) !important;
    }
    .otp-dialog-500{
        transform:scale(0.7) !important;
    }
}
@media screen   and (max-width: 768px){
    .left-wrap {
        display:none;
    }
    html, body{
        min-height:0px !important;
        min-width: 0px !important;

    }
    .right-wrap-outer{
        width:100% !important;
        float:none;
    }
}

@media screen and (max-width: 1200px){

    html, body{
        min-height:100% !important;
        /* min-width: 1024px !important; */
    }
    .right-wrap{
        transform:scale(0.9,0.9);
        overflow:visible !important;

    }

}
@media screen and (max-height: 812px) and (max-width: 414px){
    .login-footer{
        display:none;
    }
}
/* 春节 */
.springBg{
    height: 87px;
    margin: 24px 7% 17px 7% !important;
    padding: 0 !important;
    background: url(../images/spring_bg.png) no-repeat top !important;
    background-size: 263px 87px  !important;
    background-position: 92px;
}
/* 春节 end*/
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: top;}
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%; }
.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;}
/*登录页淡入导出*/
#login-pack-up {
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -57px;
    transform: translateY(-50%);
    z-index: 999;
    width: 42px;
    height: 42px;
    cursor: pointer;
}

#login-open {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: -169px;
    z-index: 999;
    padding: 14px 0;
    box-sizing: border-box;
    width: 169px;
    height: 92px;
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.10);
    border-radius: 77px 0px 0px 77px;
    cursor: pointer;
    text-align: center;
}
#login-open:hover{
    box-shadow: 0px 9px 42px 0px rgba(255,255,255,0.60);
}
#login-open>img {
    width: 92px;
    height: 27px;
    margin-bottom: 12px;
    display: inline-block;
}
#login-open>div>span {
    font-size: 18px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    color: #3e74fa;
    line-height: 25px;
    letter-spacing: 1px;
    display: inline-block;
}
#login-open {
    display: none;
}
.right-wrap-outer{
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    position: relative;
    float:left;
    width: 36%;
    height: 100%;
    overflow: visible !important;
    /*z-index: 99;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/*登录页淡入导出 end*/

.loginMainBg {
    height: 100%;
    min-height: 100%;
    clear: both;
    position: relative;
}/**yan* min-width:980px;**/
.loginMainBg .left-wrap {
    /*height: 100%;*/
    /*flex:1;*/
    position: relative;
    float: left;
    width: 64%;
    height: 100%;
    min-height: 100%;
}
.loginMainBg .right-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    text-align: center;
    overflow: hidden;
    /*overflow-x: hidden;*/
    /*background: #fff no-repeat left top;*/
    background-size:cover;
}

.loginMainBg .right-wrap .right-box{
    position: absolute;
    width: 349px;
    padding: 10px 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
/*.loginMainBg .right-wrap:before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    height: 100%;*/
/*    vertical-align: middle;*/
/*    margin-right: -0.25em; !* Adjusts for spacing *!*/
/*}*/
.loginMainBg .right-box .slogan{
    height: 36px;
    margin: 10px 0 18px 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 92px;
}
.loginMainBg .notice-title-logo{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #FF4D4F;
    line-height: 13px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}
.loginMainBg .right-wrap .right-box .login-logo{
    height: 64px;
    /*width: 350px;*/
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 39px;
}
.login-footer{
    height: 130px;
    width: 100%;
    /*overflow: hidden;*/
    margin-top: 30px;
    position: relative;
}
.login-footer .login-code{
    float: left;
    width: 45%;
    text-align: center;
}
.login-footer .login-code p{
    font-size: 12px;
    color: #292F4D;
    /*color: #fff;*/
}
.login-footer .login-code .app-code{
    width: 108px;
    height: 108px;
    background:#fff no-repeat center center;
    background-size: 100% 100%;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 7px;
}
.login-footer .service{
    float:left;
    width: 55%;
    text-align: center;
    height: 100%;
    color: #292F4D;
    font-size: 12px;
}
.login-footer .service:before{
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: top;
}
.login-footer .service .service-wrap{
    display: inline-block;
    vertical-align: top;
    margin-top: 13px
}
.login-footer .service .service-content{
    line-height: 21px;
    color: #292F4D;
    text-align: left;
    padding-top: 13px;
    /*padding: 0 10px;*/
    /*color:#fff;*/
}
.loginMainBg .notice-wrap{
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 17px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #FFF1F0;
    border-radius: 2px;
    border: 1px solid #FFA39E;
    z-index: 9;
}
.loginMainBg .notice-wrap .notice-title-wrap{
    float: left;
}
.loginMainBg .notice-wrap .check-info{
    color: #3E74FA;
    right: 17px;
    position: absolute;
}
.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; } /*yan width:960px;*/
.change{position: absolute;top:0;bottom:0;left:0;right:0;}
.loginBox {
    position: relative;
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    /*box-shadow: var(--box-shadow--);*/
    box-shadow: 0 0 28px 0 rgb(208 219 255 / 63%);
    border-radius: 13px;
    box-sizing: border-box;
    /*overflow: hidden;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.browser-tip-title{
    /*color: #909398;*/
    letter-spacing: 1px;
    text-align: left;
    /*color: #fff;*/
}
.browser-icon{
    text-align: center;
    margin: 11px 0 17px 0;
}
.browser-icon li {
    display: inline-block;
    margin:0 8px;
}
.browser-icon li img{
    width: 21px;
    height: 21px;
}
/*.browser-icon li {*/
/*    display: inline-block;*/
/*    width: 74px;*/
/*    line-height: 1;*/
/*    background: rgba(209,33,25,0.7);*/
/*    border: 1px solid #ffffff;*/
/*    border-radius: 4px;*/
/*    color: #fff;*/
/*    font-size: 11px;*/
/*    padding: 3px 6px 3px 2px;*/
/*}*/
/*.browser-icon li img{*/
/*    width: 14px;*/
/*    height: 14px;*/
/*    padding: 1px;*/
/*}*/
.browser-icon li span{
    vertical-align: top;
    line-height: 16px;
}

.tabBar {
    width: 100%;
    height: 84px;
    line-height: 84px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    /*display: flex;*/
    /*justify-content: space-evenly;*/
}

.tabBar a{
    margin: 0 20px;
    display: inline-block;
}
.tabBar li { font-size: 14px;color: #CACACA;cursor: pointer; cursor:pointer;}
.tabBar li:hover{
    color: #406CFF;
}
.tab { display:block; width:100%; height:30px; overflow:hidden; text-indent:-999px; margin:10px 0; border-right:#468db3 1px solid; background-image:url(../images/login_tab.png); background-repeat:no-repeat;}
.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 {color: #406CFF; font-weight: 600;}
.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 { display:none;margin: 0 auto; width: 90%; text-align: left;position: relative;}
.tabConMask:after {content:' ';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.no-click-event{pointer-events: none;}
.inputBox { border-radius:3px; overflow:hidden; background-color:#ffffff;}

.inputBox li { border-bottom:#e5e5e5 1px solid; width:100%; height:33px; padding:0 0 7px 0; margin-bottom: 20px; position: relative;box-sizing: border-box}
.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-repeat:no-repeat; background-size: 100% 100%;box-sizing: border-box;}
.input_ico_otp { margin-left: 4px;display:block; width:16px; height:16px; background-repeat:no-repeat; background-size: 100% 100%;box-sizing: border-box;vertical-align: middle}
.icoUser { float:left; background-position:0 0; padding-right:10px;  background-image:url(./svg/user.svg);}
.icoPass { float:left; background-position:0 0; padding-right:10px;  background-image: url(./svg/password.svg);}
.icoYzm { float:left; background-position:0 0; padding-right:10px; background-image: url(./svg/note.svg);}
.icoOtp { float:left; background-position:0 -175px; padding-right:10px;}
.icoSms { float:left; background-position:0 0; padding-right:10px; background-image: url(./svg/note.svg);}
.icoSms_otp {     position: relative;top: 1px;float:left; background-position:0 0; padding-right:10px; background-image: url(./svg/note_otp.svg);}
.icoPho { float:left; background-position:0 0; padding-right:10px; background-image: url(./svg/iphone.svg);}
.icoDel { float:right; background-position:0 0px; cursor:pointer; background-image: url(../images/clear.png);}
.icoLook { float:right; background-position:0 0; cursor:pointer; background-image: url(./svg/egehide.svg);}
.icoShow { background-image: url(./svg/ege.svg);}
.inputLogin { width:75%; float:left; height:25px; line-height: 25px; padding:1px 8px; color:#cccccc; font-size: 12px;}
.inputLogin2 { width:260px; float:left; height:26px; line-height:26px; 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-bottom: 20px; clear:both; height:33px; line-height:33px; position: relative;}
.yzmBar3 { margin-bottom: 17px; clear:both; height:28px; line-height:28px; position: relative;}
.yzmBar3_otp { margin-bottom: 17px; clear:both; height:28px; line-height:28px; position: relative;}
.yzmBox {     width: 145px;height: 25px;padding: 0 0 7px 0;float: left;background-color: #ffffff;border-radius: 3px;margin-right: 10px;border-bottom: #e5e5e5 1px solid;}
.inputYzm { width:75%; float:left; height:25px; line-height:25px; padding: 1px 0; font-size: 12px; color:#cccccc; margin-left: 7px;}
.yzmPic { width:85px; height:40px; overflow:hidden; float:right;}
.yzmBox2 { width:227px; height:33px; padding:0 0 7px 0; float:left; background-color:#ffffff; border-radius:3px; border-bottom: 1px solid #e5e5e5;box-sizing: border-box}
.yzmBox3 { width:227px; height:25px; font-size:14px;padding:0 0 7px 0; float:left; background-color:#ffffff; border-radius:3px; border-bottom: #e5e5e5 1px solid;}
.yzmBox3_otp { width:187px; height:25px; font-size:14px;padding:0 0 1px 0; float:left; background-color:#ffffff; border-radius:3px; border-bottom: #e5e5e5 1px solid;}
.inputYzm2 {
    width: 75%;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 1px 0;
    color: #cccccc;
    font-size: 12px;
    margin-left: 7px;
}
.inputYzm2_otp {
    font-family: PingFangSC-Regular;
    width: 75%;
    float: left;
    height: 20px;
    line-height: 25px;
    color: #cccccc;
    font-size: 14px;
    margin-left: 10px;
}
.yzmBt {display: block;width: 74px; height: 26px; text-align: center;float: right;font-size: 12px;overflow: hidden;background: #406CFF; cursor: pointer; border-radius: 5px; margin: 7px 0 0 0;}
.yzmBt_otp {font-family: PingFangSC-Regular;display: block;min-width: 100px; height: 28px;line-height: 28px; text-align: center;float: right;font-size: 12px;overflow: hidden;background: white !important; cursor: pointer; border-radius: 5px; border: 1px solid #D8D8D8;color: #4A6BF6 !important;}
.yzMBting{
    opacity: 0.41;
    background: #929292;
}
.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 {
    display: block;
    width: 86%;
    height: 36px;
    margin: 40px auto 49px;
    padding: 7px 0;
    background: #406CFF;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    cursor: pointer;
}
.tongyong-logo{
    position: absolute;
    top: 8.43%;
}
/*button.loginBt:hover {background:url(../images/loginbt.png) repeat-x 0 -51px;}*/

.warningBox { position: absolute;top: 35px;width:100%;padding: 0 20px; box-sizing: border-box; margin-top:80px; float:right; font-size: 12px;}
.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;}
.wFontSize3{font-size: 16px;}
.closeBt {
    display: none;
    width: 14px;
    height: 14px;
    background: #FF4D4F;
    line-height: 13px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    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 {
     line-height:22px;
     border-radius:5px;
     position: absolute;
     bottom: -20px;
     left: 12px;
     font-size: 12px;
 }
.global-warning{
    margin: -32px 0 10px 0;
    font-size:12px;
    padding: 0px 10px;
    display: none;
}
/*强制修改密码 最新修改*/
.modifyModal{
    height: 100%;
    min-height: 100%;
    clear: both;
    position: relative;
    background: #fff;
}
.modifyModal .left-wrap{
    position: relative;
    float: left;
    width: 64%;
    height: 100%;
    min-height: 100%;
    z-index: -9;
}

.modifyModal .right-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    float: right;
    text-align: center;
    overflow: hidden;
    /*overflow-x: hidden;*/
    /*background: #fff no-repeat left top;*/
    background-size:cover;
    z-index: 99;
}
.modifyModal .right-wrap .right-box{
    position: absolute;
    width: 349px;
    padding: 10px 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
/*.modifyModal .right-wrap:before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    height: 100%;*/
/*    vertical-align: middle;*/
/*    margin-right: -0.25em; !* Adjusts for spacing *!*/
/*}*/
.modifyModal .right-box .slogan{
    height: 36px;
    margin: 10px 0 18px 0;
    background: url(../images/loginImages/solgan.png) no-repeat center;
    background-size: contain;
    background-position: 92px;
}
#modifyModal .right-wrap .right-box .login-logo{
    height: 40px;
    background: url(../styles/svg/tong_yong_logo.svg) no-repeat center center;
}
#modifyModal .warningBar{
    position: static;
    margin-top: 20px;
}
#modifyModal .warningBg{
    position: static;
    text-align: center;
}
#modifyModal .tabCon{
    margin: 30px auto 0 auto;
    text-align: center;
}
#modifyModal .inputBox{
    text-align: left;
}
#modifyModal .warningBoxMibao {
    margin: 0;
}
.modalShelter{
    display: none;
}
#modifyModal .errorBox{
   margin-top: -18px;
   min-height: 20px;
}
/*强制修改密码  end*/
.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; word-wrap:break-word;}

.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 {
    width: 75%;
    background-color: #ffffff;
    position: absolute;
    left: 25px;
    overflow: hidden;
    color: #cccccc;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 1px 8px;
}
.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; margin-top:-50px; overflow:hidden; -webkit-box-shadow:none;-moz-box-shadow:none; z-index:100; position:absolute; right:0px; min-height:380px;*/
/*}*/
/*.loginBoxMibao {  height:auto; margin-top:-50px; overflow:hidden; -webkit-box-shadow:none;-moz-box-shadow:no; z-index:100; position:absolute; right:0px;}*/
.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-left:39%;margin-bottom:1%}
.loginImg {margin-left:15%}
.loginT {margin-left:23%}

/*解决浏览器记住密码input背景色问题*/
input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;/*通过延时渲染背景色变相去除背景颜色*/
}
input:focus { outline: none; }/*外边框线去除*/
/*解决浏览器记住密码input背景色问题 end*/
/* 外部网络登录需要手机号验证吗登录弹窗 */
.layui-layer.layui-check-mobile{
    border-radius: 5px;
    box-shadow: 0px 0px 47px 11px rgba(74, 107, 246, 0.05);
    overflow:hidden
}
.layui-check-mobile .container{
    width:384px;
    height: 283px;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}
.layui-check-mobile .content{
    padding: 32px 40px 0 40px;
    height: 229px;
    box-sizing: border-box;
}
.layui-check-mobile .content .title{
    font-family: PingFangSC-Medium;font-size: 18px;font-weight: 500;letter-spacing: 0.35px;
}
.layui-check-mobile .content .sub-title{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #999999;
    margin-top:16px;
    /* -webkit-font-smoothing: antialiased; */
}
.layui-check-mobile .content .input-box{
    width: 297px;
    border-bottom: 1px solid #D8D8D8;
    overflow: hidden;
    padding-bottom: 5px;
    margin-top: 36px;
:
border-box;
    box-sizing: border-box;
}
.layui-check-mobile .content .input-box input{
    border:0;
    float: left;
    width: 252px;
    height: 21px;
    margin-top: 2px;
}
.layui-check-mobile .content .input-box input::-webkit-input-placeholder{
    color:#ccc;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0em;
}
.layui-check-mobile .footer{
    background: #EEEEEE;
    height: 54px;
    line-height: 54px;
    text-align: right;
    padding-right: 24px;
}
.layui-check-mobile .footer .cancel-button{
    width: 60px;
    height: 32px;
    border-radius: 5px;
    background: #FFFFFF;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.6);
    line-height:32px;
    text-align: center;
    cursor: pointer;
}
.layui-check-mobile .footer .confirm-button{
    width: 92px;
    height: 32px;
    border-radius: 5px;
    background: #4A6BF6;
    margin-left: 8px;
    line-height: 32px;
    color:#fff;
    cursor: pointer;
    padding: 0;
}
/* 外部网络登录需要手机号验证吗登录弹窗 end*/
/* otp相关样式 start */
.ico_otp_help{
    display:block; width:16px; height:16px; background-repeat:no-repeat; background-size: 100% 100%;box-sizing: border-box;
    float:right; background-position:0 0; padding-right:10px;  background-image:url(./svg/help.svg);margin-top: 8px;
    cursor: pointer;
}
.transfer_button{
    width: 104px;
    height: 28px;
    padding: 0 8px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius:  5px;
    line-height: 28px;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #4A6BF6;
    cursor: pointer;
}
.transfer_button:focus{
    border: 1px solid #D8D8D8 !important;
    opacity: 0.8;
}
.ico_otp_transfer{
    display:block; width:26px; height:26px; background-repeat:no-repeat; background-size: 100% 100%;box-sizing: border-box;
    float:right; background-position:0 0; padding-right:10px;  background-image:url(./svg/transferOtp.svg);margin-top: 8px;margin-left: 4px;
    cursor: pointer;
}
    /* otp相关样式 start */
.auto-height .layui-layer-content{
    height: auto !important;
}
.layui-dialog-format .container{
        padding:32px 40px 30px;
        position: relative;
}
.layui-dialog-format .container .content{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    /*font-weight: 500;*/
    line-height: 20px;
    /* 文字颜色/T2-65% */
    color: rgba(0, 0, 0, 0.65);
}
.layui-dialog-format .container .title{
    font-family: PingFangSC-Medium;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.35px;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 16px;
}
.layui-dialog-format .container .button-container{
    text-align: center;
    margin-top: 20px;
}
.layui-dialog-format .container .button-close{
    display:block; width:10px; height:10px; background-repeat:no-repeat; background-size: 100% 100%;box-sizing: border-box;
    float:right; background-position:0 0; padding-right:10px;  background-image:url(./svg/close.svg);
    cursor: pointer;position: absolute; top:33px;right: 26px;
}
.layui-dialog-format .container .button-container .layui-btn{
    height: 32px;
    line-height: 32px;
    padding:0 25px;
    width: auto;
    cursor: pointer;
}
.layui-dialog-format .container .step-box{
    margin-top: 24px;
    overflow: hidden;
}
.layui-dialog-format .container .step-box .item{
    float: left;
    position: relative;
    width:56px;
    margin-right: 29%;
    /*margin-right: 125px;*/
    text-align: center;
}
.layui-dialog-format .container .step-box .item .icon{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: none;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.layui-dialog-format .container .step-box .item .title{
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 8px;
    margin-bottom: 0;
}
.layui-dialog-format .container .step-box .finish .finish-icon{
    display: inline-block;
    background-color: #4A6BF6;
    color: white;
}
.layui-dialog-format .container .step-box .process .process-icon{
    display: inline-block;
    background-color: #4A6BF6;
    color: white;
}
.layui-dialog-format .container .step-box .wait .wait-icon{
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.25);
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.layui-dialog-format .container .step-box .wait .title{
    color: rgba(0, 0, 0, 0.45);
}
.layui-dialog-format .container .step-box .item .line{
position: absolute;
    /*width: 105px;*/
    width: 187.5%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.15);
    margin: 0 10px;
    right: -125px;
    top:16px;
}
.primary{
    background-color: #4A6BF6;
    border-radius: 5px;
    color: white;
}
.plain{
    border: 1px solid #4A6BF6;
    background-color: white;
    border-radius: 5px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #4A6BF6;
}
@font-face {
    font-family: layui-icon;
    src: url(../js/layui/font/iconfont.eot?v=256);
    src: url(../js/layui/font/iconfont.eot?v=256#iefix) format('embedded-opentype'), url(../js/layui/font/iconfont.woff2?v=256) format('woff2'), url(../js/layui/font/iconfont.woff?v=256) format('woff'), url(../js/layui/font/iconfont.ttf?v=256) format('truetype'), url(../js/layui/font/iconfont.svg?v=256#layui-icon) format('svg')
}

.layui-icon {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.layui-icon-ok:before {
    content: "\e605"
}
[v-cloak] { display: none }
    /* otp相关样式 end */
/* 二维码登录相关样式 start */
.qrcode-tab{
    position: absolute;
    top: 0px;
    right: 0;
    width: 30px;
    height: 30px;
    padding: 10px 10px 9px 9px;
    background: rgba(74, 108, 247, 0.2);
    border-radius: 0 13px 0 0;
}
.qrcode-tab:before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: -1px;
    bottom: 0px;
    top: 0px;
    right: 0;
    border: 25px white solid;
    border-top: 25px transparent solid;
    border-right: 25px transparent solid;
}
.qrcode-tab .cursor{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.qrcode-tab .cursor:after{
    content: '';
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: -36px;
    transform: rotate(45deg) translate(0px, 0px);
    right: -36px;
    border: 36px transparent solid;
    cursor: pointer;
    /*border-top: 36px transparent solid;*/
    /*border-right: 36px transparent solid;*/
}
.qrcode-tab .scanner{
    width: 30px;
}
.qrcode-tab .scanner1{
    width: 26px;
    display: none;
    position: relative;
    cursor: pointer;
    left: 6px;
    top: -2px;
}
.qrcode-active .scanner,.qrcode-active .tip{
    display: none !important;
}
.qrcode-tab .tip1{
    display: none;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    top: 12px;
    left: -96px;
    width:100px;
    height: 28px;
    padding:6px 8px;
    background: #4A6BF6;
    color:white;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}
.qrcode-active .scanner1,.qrcode-active .tip1{
    display: block;
}
.qrcode-tab:hover .tip{
    display: block;
}
.qrcode-tab .tip1:after{
    content:'';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    /*right:-14px;*/
    right:-13px;
    top: 7px;
    border: 7px solid #4A6BF6;
    border-right: 7px transparent solid;
    border-top: 7px transparent solid;
    border-bottom: 7px transparent solid;

}
.qrcode-tab .tip{
    display: none;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    top: -40px;
    right:4px;
    width:120px;
    height: 28px;
    padding:6px 8px;
    background: #4A6BF6;
    color:white;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}
.qrcode-tab .tip img{
    vertical-align: top;
    margin-right: 4px;
}
.qrcode-tab .tip:after{
    content:'';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    /*bottom:-14px;*/
    bottom:-13px;
    right: 16px;
    border: 7px solid #4A6BF6;
    border-right: 7px transparent solid;
    border-left: 7px transparent solid;
    border-bottom: 7px transparent solid;

}
.tip-message{
    margin: 35px auto 35px;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    color: #595959;
}
.tip-message img{
    margin-right: 12px;
    vertical-align: top;
}
.qrcode-overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    background: rgba(255,255,255,.9);
}
.qrcode-overlay .text{
    margin:  48px auto 16px;
    text-align: center;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.8);
}
.qrcode-overlay .qrcode-button{
    width: 92px;
    height: 32px;
    background: #4A6BF6;
    font-family: Noto Sans SC-Regular;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 2px;
    margin: auto;
    cursor: pointer;
}
.scanner-success .scanner-success-icon{
    display: block;
    width: 100px;
    margin: auto;
    margin-bottom: 24px;
}
.scanner-success .scanner-success-title{
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 16px;
}
.scanner-success .scanner-success-text{
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 99px;
}
#qr_login_qrcode canvas{
    width: 160px;
}
/* 二维码登录相关样式 end */
/*.animate-swiper{*/
/*    position: relative;*/
/*}*/
/*.animate-swiper:after{*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    !* left: 0; *!*/
/*    !* bottom: 0; *!*/
/*    width: 1300px;*/
/*    height: 1400px;*/
/*    transform: translate(0, -50%);*/
/*    right: -1px;*/
/*    background-image: url(/idp/themes/default/images/coverImg.jpg);*/
/*    background-size: 100% 100%;*/
/*}*/
/*.animate-swiper .cover-img{*/
/*    !*content:'';*!*/
/*    !*display: block;*!*/
/*    position: absolute;*/
/*    top:0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    background-image: url('/idp/themes/default/images/coverImg.png');*/
/*}*/
/*.animate-swiper:after{*/
/*    content:'';*/
/*    display: block;*/
/*    position: absolute;*/
/*    top:0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    background-image: url('/idp/themes/default/images/coverImg.png');*/
/*    background-size: 100% 100%;*/
/*}*/
/*.img-container{*/
/*    position: relative;*/
/*    display: inline-block;*/
/*}*/
/*.img-container:after{*/
/*    content:'';*/
/*    display: block;*/
/*    position: absolute;*/
/*    top:0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    background-image: url('/idp/themes/default/images/coverImg.png');*/
/*    background-size: 100% 100%;*/
/*}*/