@charset "utf-8";

html,body{ width:100%; height:100%; }
.page{ position:relative; height:100%; background:url(../images/login_index/bg.jpg) no-repeat left center; background-size:auto 100%; }
@media screen and (max-width:1400px){
    html{ font-size:0.75rem; }
}
@media screen and (orientation: landscape){
    html.mobile{ font-size:1.3333vw; }
}

.header__inner{ background-image:none; }

.container{  }

.item{ position:absolute; top:0; right:0; width:75rem; height:100%; background:url(../images/login_index/bg2.png) no-repeat left center; background-size:cover; }
.login{ position:absolute; top:50%; right:5rem; width:30rem; transform:translateY(-60%); }
.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-group--verification{margin-bottom:4rem;}
.login .button{margin-top: 4rem;}
.login .o-form-label{ position:absolute; top:0.75rem; left:0.75rem; }
.login .o-form-label .iconfont{ font-size:1.5rem; color:#666; background:none }
.login .o-form-control{ height:calc(1.5em + 2rem + 2px); padding:1rem 0.75rem 1rem 3rem; }
.login .o-form-control:focus{ border-color:#621A87; }
.login .o-btn{ padding:1rem 0.75rem; border:1px solid #621A87; background-color:#621A87; }
.login .o-btn:hover,.login .o-btn:focus{ border-color:#621A87; background-color:#621A87; }
.login .o-form-group--verification .o-form-label{ top:1.125rem; left:auto; right:0.75rem; color:#621A87; cursor:pointer; }
.login .o-form-group--verification .o-form-control{ padding-right:6.5rem; }
.footer{ position: fixed;width: 100%;bottom: 0;right: 0;margin: 1rem auto;left: 0;margin: 1rem auto;text-align: right;padding-right:2.5em;font-size: .78rem;}
#login_but{margin-top:4em}

/* 移动端 */
.mobile .portrait .login__title{color:#fff}
.mobile .header__inner .logo{padding: 0.75rem 0;}
.mobile .landscape .header__inner .logo{width: 50%;}
.mobile .logo img{max-width:100%}
.mobile .item{ width:100%; background:rgba(0, 0, 0, 0.15); }
.mobile .login{ left:1rem; right:1rem; width:auto; }
.mobile .login .o-form-label{top:1rem;}
.mobile .footer{font-size:.3rem;text-align: center;padding-right:0;color:#621A87}
.mobile .portrait .footer{}
/*横屏*/
.mobile  .landscape .item{width: 65%;height: 100%;background: url(../images/login_index/bg2.png) no-repeat left center;background-size: cover;}
.mobile  .landscape .login{left:50%;right:5%}
.mobile .landscape .login__title,.mobile .landscape .o-form-group--verification{margin-bottom:2rem}