@charset "utf-8";

html,body{ width:100%; height:100%; }
.page{ position:relative; height:100%; background:url(../images/login/bg.jpg) no-repeat center; background-size:cover; }
@media screen and (max-width:1400px){
    html{ font-size:0.75rem; }
}
.header{ position: absolute;top: 0;left: 0;z-index: 100;}
.header__inner{ background-image:none !important; background-color: transparent !important;}
.header__inner .logo span{display: block !important;}

.header__inner .logo span>img:first-child{display: block!important;}
.header__inner .logo span>img:last-child{display: none !important;}
.mobile .header__inner .logo span>img:first-child{display: none!important;}
.mobile .header__inner .logo span>img:last-child{display: block!important;}

.container{  }

.item{ position:absolute; top:0; right:0; width:75rem; height:100%; background:url(../images/login/bg2.png) no-repeat left center; background-size:cover; }
.login{ position:absolute; top:50%; right:10rem; width:30rem; transform:translateY(-50%); }
.login__title{ margin-bottom:4rem; font-size:2rem; color:#222; text-align:center; }
.login .o-form-group{ position:relative; margin-top:1rem; }
.login .o-form-label{ position:absolute; top:0.75rem; left:0.75rem; }
.login .o-form-label .iconfont{ font-size:1.5rem; color:#666; }
.login .o-form-control{ height:calc(1.5em + 2rem + 2px); padding:1rem 0.75rem 1rem 3rem; }
.login .o-form-control:focus{ border-color:#a01421; }
#loginBtn{margin-top: 3rem;}
.login .o-btn{ padding:1rem 0.75rem; border:1px solid #a01421; background-color:#a01421; }
.login .o-btn:hover,.login .o-btn:focus{ border-color:#a01421; background-color:#a01421; }
.login .o-form-group--verification .o-form-label{ top:1.125rem; left:auto; right:0.75rem; color:#a01421; cursor:pointer; }
.login .o-form-group--verification .o-form-control{ padding-right:6.5rem; }
.footer{display: inline-block;width: auto;right: 0;line-height: 2;right: 2rem;}
.footer>span{display: block;}
.footer>span{padding: 0 !important;}
.footer>span:last-child::before{content: none;}
.footer span+span::before{top: 50%;margin-top: -.44rem;}



/* 移动端 */
/* .mobile .login__title{color: #FFFFFF;} */
.mobile .page{min-height:540px}
.mobile .login{ left:1rem; right:1rem; width:auto;padding: 2rem;margin: 0 5%; background-color: rgba(255,255,255,1);border-radius: .5rem; }
.mobile .login .o-form-label{top:1rem;}
.mobile .item{ width:100%; background:rgba(0, 0, 0, 0.15); }
.mobile .login{ left:1rem; right:1rem; width:auto; }
.mobile .footer{color: #FFFFFF;width: 100%;padding: .5rem;}
.mobile .footer>span,.mobile .footer>span>span{display: block;padding: 0;}
.mobile .footer span::before{background-color: #FFFFFF;opacity: .8;}
.mobile .footer>span::before,.mobile .footer>span>span::before{content: none;}