.main-body {top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;}
.login-main .login-bottom .center .item input {display:inline-block;width:227px;height:22px;padding:0;position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0;}
.login-main .login-bottom .center .item .icon-1 {background:url(https://cdn.fuioupay.com/sys/wmp/static/images/icon-login.png) no-repeat 1px 0;}
.login-main .login-bottom .center .item .icon-2 {background:url(https://cdn.fuioupay.com/sys/wmp/static/images/icon-login.png) no-repeat -54px 0;}
.login-main .login-bottom .center .item .icon-3 {background:url(https://cdn.fuioupay.com/sys/wmp/static/images/icon-login.png) no-repeat -106px 0;}
.login-main .login-bottom .center .item .icon-4 {background:url(https://cdn.fuioupay.com/sys/wmp/static/images/icon-login.png) no-repeat 0 -43px;position:absolute;right:-10px;cursor:pointer;}
.login-main .login-bottom .center .item .icon-5 {background:url(https://cdn.fuioupay.com/sys/wmp/static/images/icon-login.png) no-repeat -55px -43px;}
.login-main .login-bottom .center .item .icon-6 {background:url(https://cdn.fuioupay.com/sys/wmp/static/images/icon-login.png) no-repeat 0 -93px;position:absolute;right:-10px;margin-top:8px;cursor:pointer;}
.login-main .login-bottom .tip .icon-nocheck {display:inline-block;width:10px;height:10px;border-radius:2px;border:solid 1px #9abcda;position:relative;top:2px;margin:1px 8px 1px 1px;cursor:pointer;}
.login-main .login-bottom .tip .icon-check {margin:0 7px 0 0;width:14px;height:14px;border:none;background:url(https://cdn.fuioupay.com/sys/wmp/static/images/icon-login.png) no-repeat -111px -48px;}
.login-main .login-bottom .center .item .icon {display:inline-block;width:33px;height:22px;}
.login-main .login-bottom .center .item {width:288px;height:35px;border-bottom:1px solid #dae1e6;margin-bottom:35px;}
.login-main {width:428px;position:relative;float:left;}
.login-main .login-top {height:117px;background-color:#148be4;border-radius:12px 12px 0 0;font-family:SourceHanSansCN-Regular;font-size:30px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff;line-height:117px;text-align:center;overflow:hidden;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.login-main .login-top .bg1 {display:inline-block;width:74px;height:74px;background:#fff;opacity:.1;border-radius:0 74px 0 0;position:absolute;left:0;top:43px;}
.login-main .login-top .bg2 {display:inline-block;width:94px;height:94px;background:#fff;opacity:.1;border-radius:50%;position:absolute;right:-16px;top:-16px;}
.login-main .login-bottom {width:428px;background:#fff;border-radius:0 0 12px 12px;padding-bottom:53px;}
.login-main .login-bottom .center {width:288px;margin:0 auto;padding-top:40px;padding-bottom:15px;position:relative;}
.login-main .login-bottom .tip {clear:both;height:16px;line-height:16px;width:288px;margin:0 auto;}
/*body {background:url(${ctx}/static/images/loginbg.png) 0% 0% / cover no-repeat;position:static;font-size:12px;}*/
body {background:url(https://cdn.fuioupay.com/sys/wmp/static/images/loge_bg.jpg) 0% 0% / cover no-repeat;position:static;font-size:12px;}
input::-webkit-input-placeholder {color:#a6aebf;}
input::-moz-placeholder {/* Mozilla Firefox 19+ */            color:#a6aebf;}
input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */            color:#a6aebf;}
input:-ms-input-placeholder {/* Internet Explorer 10-11 */            color:#a6aebf;}
input:-webkit-autofill {/* 取消Chrome记住密码的背景颜色 */            -webkit-box-shadow:0 0 0 1000px white inset !important;}
html {height:100%;}
.login-main .login-bottom .tip {clear:both;height:16px;line-height:16px;width:288px;margin:0 auto;}
.login-main .login-bottom .tip .login-tip {font-family:MicrosoftYaHei;font-size:12px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#9abcda;cursor:pointer;}
.login-main .login-bottom .tip .forget-password {font-stretch:normal;letter-spacing:0;color:#1391ff;text-decoration:none;position:absolute;right:62px;}
.login-main .login-bottom .login-btn {width:288px;height:40px;background-color:#1E9FFF;border-radius:16px;margin:24px auto 0;text-align:center;line-height:40px;color:#fff;font-size:14px;letter-spacing:0;cursor:pointer;border:none;}
.login-main .login-bottom .center .item .validateImg {position:absolute;right:1px;cursor:pointer;height:36px;border:1px solid #e6e6e6;}
.footer {left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;text-shadow:#000 0.1em 0.1em 0.1em;font-size:14px;}
.padding-5 {padding:5px !important;}
.footer a,.footer span {color:#fff;}
@media screen and (max-width:428px) {.login-main {width:360px !important;}
    .login-main .login-top {width:360px !important;}
    .login-main .login-bottom {width:360px !important;}
}


html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling : touch; font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self; color:#000;}/* 禁用iPhone中Safari的字号自动调整 */
body { font-family:"microsoft yahei",Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;/*移动端和PC端字体美化*/font-size:1.6em;}
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,button,input,textarea,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}/* 取消链接高亮  */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}/* 设置HTML5元素为块 */
img { height: auto; width: auto\9; /* ie8 */display: block;-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/ border: none;}

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font-family: "Microsoft YaHei"; background-color:rgb(245,245,245);height:100%;font-size:16px; }
em,i,dfn{font-style:normal;}

.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; font-family: "Microsoft YaHei" ,Tahoma, Arial, sans-serif;}
a:hover{ text-decoration:none;}
ul,li{ list-style-type: none; }
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
/* input[type="submit"],input[type="reset"],input[type="button"],input,button{-webkit-appearance:none; resize: none; outline:none;}去除iPhone中默认的input样式 */
input[type='text'],input[type='password']{ background-color:white;}
html{font-size:calc(100vw/37.5);height:100%}
.common_btn{position:absolute;right:0;font-size:1.4rem;border:1px solid #ddd;border-radius:0.5rem;padding:0 0.6rem;}

@media screen and (min-width:1200px){ html{ font-size: 30px;} } /* 大型设备（大台式电脑，1200px 起） */
@media screen and (min-width:992px){ html{ font-size: 28px;} } /* 中型设备（台式电脑，992px 起） */
@media screen and (min-width:768px){ html{ font-size: 26px;} } /* 小型设备（平板电脑，768px 起） */
@media screen and (min-width:640px){ html{ font-size: 22px;} } /* 小设备（手机，640px起） */
@media screen and (min-width:480px){ html{ font-size: 20px;} } /*超小设备（手机，小于 768px）*/

/* 登录页start */
/*.login{*/
    /*height:100%;*/
    /*background:url('/static/images/login/login_bg.jpg');*/
/*}*/
/*.login .login_box{*/
    /*width:428px;*/
    /*position:absolute;*/
    /*top:50%;*/
    /*left:50%;*/
    /*transform: translate(-50%,-50%);*/
/*}*/
/*.login .top{*/
    /*background-color:#148be4;*/
    /*height:117px;*/
    /*border-radius:12px 12px 0 0;*/
    /*color:#fff;*/
    /*font-family: SourceHanSansCN-Regular;*/
    /*font-size: 30px;*/
    /*font-weight: 400;*/
    /*font-stretch: normal;*/
    /*line-height: 117px;*/
    /*text-align: center;*/
    /*transform: rotate(0);*/
    /*overflow: hidden;*/
/*}*/
.login .bg1{
    display: inline-block;
    width: 74px;
    height: 74px;
    background: #fff;
    opacity: .1;
    border-radius: 0 74px 0 0;
    position: absolute;
    left: 0;
    top: 43px;
}
.login .bg2{
    display: inline-block;
    width: 94px;
    height: 94px;
    background: #fff;
    opacity: .1;
    border-radius: 50%;
    position: absolute;
    right: -16px;
    top: -16px;
}
.login .content{
    background:#fff;
    padding:20px 64px 38px;
    border-radius:0 0 12px 12px;
}
.login .login_type{
    display: flex;
    justify-content: space-around;
}
/*.login .login_type span{*/
    /*font-size:20px;*/
    /*font-weight: bold;*/
    /*cursor: pointer;*/
/*}*/
.login .login_type>div{
    position:relative;
}
/*.login .login_type b{*/
    /*position:absolute;*/
    /*bottom:-8px;*/
    /*left:50%;*/
    /*transform: translateX(-50%);*/
    /*width:40px;*/
    /*height:4px;*/
    /*display:none;*/
/*}*/
.login .login_type .init{
    display:block;
    background:#1E9FFF;
}
.login .center{
    margin-top:30px;
}
.login .item{
    border-bottom:1px solid #dae1e6;
    display: flex;
    height:40px;
    align-items: center;
    margin-top:20px;
    justify-content: space-between;
}
.login .phone{
    display:none;
}
.login .account{
    display:flex;
}
.login .password{
    display:flex;
}
.login .verification{
    display:none;
}
.login .verification .get_code{
    font-size:14px;
    color:#148be4;
    cursor: pointer;
    margin-right: 15px;
}
.login .icon{
    display: inline-block;
    width: 33px;
    height: 22px;
}
.login .icon_person{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat -54px -2px;
}
.login .icon_pas{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat -106px -2px;
}
.login .icon_code{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat -106px -89px;
}
.login .icon_eye{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat 0 -43px;
    cursor: pointer;
}
.login .icon_eye_open{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat -54px -43px;
    cursor: pointer;
}
.login .icon_phone{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat -54px -93px;
}
.login .icon_close{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat 3px -157px;
    cursor: pointer;
}
.login input{
    flex-grow:1;
    line-height:30px;
}
.login .type_change{
    font-size:14px;
    display: flex;
    justify-content: space-between;
    line-height:50px;
}
.login .type_change>span:nth-child(1){
    color:#148be4;
    cursor: pointer;
}
.login .forget_pas {
    cursor: pointer;
}
.login .right{
    display: flex;
}
.login .right .remind{
    cursor: pointer;
    display: flex;
    align-items: center;
}
.login .right .box{
    width:20px;
    height:20px;
    border:1px solid #ddd;
    display: inline-block;
    margin-right:10px;
    border-radius:7px;
}
.login .blue_box{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat -107px -44px;
}
.login .right .border{
    height:15px;
    width:1px;
    background-color: #ddd;
    margin:0 10px;
    position: relative;
    top:17px;
}
.login .login_btn{
    font-size:16px;
    color:#fff;
    background:#1E9FFF;
    text-align: center;
    line-height:42px;
    width:100%;
    border-radius:12px;
    cursor: pointer;
    margin-top:10px;
}
.login .footer{
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
    position: absolute;
    text-align: center;
    line-height: 30px;
    padding-bottom: 10px;
    text-shadow: #000 0.1em 0.1em 0.1em;
    font-size: 14px;
}
.login .footer a{
    color:#fff;
    font-size:14px;
}
.login .footer .border{
    width:1px;
    background:#fff;
    display:inline-block;
    height:15px;
    position:relative;
    top:3px;
}
/* 登录页end */

/* 模态框-选择账号start */
.modal{
    position: fixed;
    background:rgba(0,0,0,.45);
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.account_modal{
    display:none;
}
.modal_box{
    width:360px;
    min-height:200px;
    background:#fff;
    border-radius:12px;
    position:absolute;
    top:50%;
    left:71.5%;
    transform: translate(-50%,-50%);
}
.modal_box .modal_close{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/icon-login.png') no-repeat -56px -157px;
    cursor: pointer;
    width:20px;
    height:20px;
    position:absolute;
    right:10px;
    top:10px;
}
.modal_title{
    font-size:16px;
    text-align: center;
    margin:30px 0;
}
.account_modal .wrap{
    max-height:400px;
    overflow: auto;
}
.account_modal ul{
    margin:0 55px 40px;
}
.account_modal li{
    margin:10px 0;
    border:1px solid #D1DDE8;
    display:flex;
    justify-content: space-between;
    padding:10px 15px;
    cursor: pointer;
}
.account_modal li.active{
    border-color:#1E9FFF;
}
.account_modal li img{
    width:44px;
    height:44px;
}
.account_modal li .right{
    flex-grow: 1;
    margin-left:15px;
    display: flex;
    flex-direction: column;
}
.account_modal li .right p{
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:160px;
}
.account_modal li .right p:nth-child(1){
    font-size:14px;
}
.account_modal li .right p:nth-child(2){
    font-size:12px;
    color:#A6AEBF;
}
/* 模态框-选择账号end */

/* 模态框-忘记密码start */
.password_modal{
    display:none;
}
.password_modal .modal_box{
    width:500px;
}
.password_modal .wrap{
    padding:0 30px 20px;
}
.password_modal .list{
    border:1px solid #ddd;
    max-height:300px;
    overflow: auto;
    margin:10px 0;
    padding:10px;
}
.password_modal .title{
    width:100%;
    display: flex;
}
.password_modal .title span:nth-child(1){
    width:45%;
    display: inline-block;
}
.password_modal .title span:nth-child(2){
    width:55%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 10px;
}
.password_modal li{
    display:flex;
    line-height:30px;
}
.password_modal li label{
    /*width:70%;*/
    flex: 1;
}
.password_modal li label input{
    vertical-align: -2px
}
/*.password_modal li span{*/
    /*width:30%;*/
/*}*/
.password_modal .red{
    text-align: center;
    color:red;
    margin:10px 0;
}
.password_modal .tip{
    text-align: center;
    margin:10px 0;
}
.password_modal button{
    width:180px;
    height:35px;
    text-align:center;
    color:#fff;
    background:#1E9FFF;
    margin:0 auto;
    display: block;
    cursor: pointer;
}
/* 模态框-忘记密码end */

/* 登录页头部start */
.login_header{
    height:100px;
    background:#fff;
}
.login .header_content{
    width:1200px;
    margin:0 auto;
    height:100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login .header_content a{
    color:#454545;
    font-size:14px;
}
.login .footer{
    height:100px;
    background:#fff;
}
.login .login_content{
    background:url('https://cdn.fuioupay.com/sys/wmp/static/images/login/login_bg.jpg');
    height:calc(100% - 200px);
    min-height:600px;
    background-size: 100% 100%;
}
.login{
    height:100%;
}
.login .footer p{
    font-size:14px;
    display:flex;
    justify-content: center;
    padding:20px 0 10px;
    color:#000;
    text-shadow:none;
}
.login .footer .img_item{
    display:flex;
    justify-content: center;
}
.login .footer .img_item img{
    margin:5px 10px;
}
.login .login_box{
    width:428px;
}
.login .login_wrap{
    display:flex;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:calc(50% - 600px);
}
.login .qrcode{
    color:#fff;
    padding:100px 60px 0 0;
}
.login .er_item{
    margin:20px 0;
}
.login .login_wrap form{
    padding:0;
}
.login .login_type>div{
    width:50%;
    text-align: center;
    line-height:50px;
    cursor: pointer;
}
.login .login_type>div.active{
    font-weight:bold;
    border-bottom:1px solid #148be4;
}
.login .login_type b{
    bottom:-8px;
    left:50%;
    transform: translateX(-50%);
    width:40px;
    height:4px;
    display:none;
}
.login .login_box{
    width:380px;
    border-radius: 12px;
    overflow: hidden;
}
.login_box .center{
    padding:0 30px;
}
.login .item{
    border:1px solid #ddd;
    border-radius: 5px;
    margin-top:30px;
}
.login .btn{
    display:flex;
    justify-content: space-between;
    padding:10px 30px 0;
    margin-top:20px;
    cursor: pointer;
}
.login .btn>div{
    width:100%;
    height:40px;
    border-radius:6px;
    background:#148be4;
    text-align: center;
    line-height:40px;
    color:#fff;
}
.login .box{
    width:20px;
    height:20px;
    border:1px solid #ddd;
    display: inline-block;
    margin-right:10px;
    border-radius:7px;
}
.login .type_change{
    padding:10px 30px;
}
.login .type_change .remind{
    display:flex;
    align-items: center;
}
.login .identify_code{
    width:200px;
}
.login .identify_code img{
    position:absolute;
    right:30px;
}
.login .codeType{
    display:none;
}
/* 登录页头部end */
#silderblock{
    display: none;
    border:none
}
#silderblock .nc_scale{
    width:321px;
    height:40px;
    line-height:40px;
    border-radius: 5px;
}
#silderblock .nc_scale span{
    display:block;
    height:40px;
    line-height:40px;
}
#silderblock .sm-pop-inner{
    position: relative;
}

