@charset "utf-8";
.page{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.header{background: transparent;box-shadow: none;padding: 0 .24rem;}
.header__inner{background-image:none}
.container{
  position:relative;
  width:100%;
  height:100%; 
}
.content-left{
  position:absolute; 
  top:0; 
  left:0;
  bottom:0;
  width:70.833%;
  background:url(../images/login_index/bg-left.jpg) left top no-repeat;
  background-size:cover;
}
.item{ 
  position:absolute; 
  top:0; 
  right:0;
  bottom:0;
  width:62.083%;
  min-width:10.6rem;
  /* width:13.5rem; */
  background:url(../images/login_index/bg-right.png) left top no-repeat; 
  background-size:cover;}
.login{ position:absolute; top:50%; right:.84rem; width:5rem; transform:translateY(-50%)}
.login__title{ margin-bottom:.4rem; font-size:.36rem; color:#222; text-align:center; }
.login .o-form-group{ position:relative; margin-top:.18rem; }
.login .o-form-group--verification{margin-bottom:.2rem}
.login .button{margin-top: .4rem;}
.login .o-form-label{ position:absolute; top:0.16rem; left:0.13rem; }
.login .o-form-label .iconfont{ font-size:.28rem; color:#666; background:none }
.login .o-form-control{ 
  width: 100%;    
  height: .64rem;
  padding: .18rem 0.14rem .18rem .54rem;
  font-size:.18rem;
  line-height:.28rem;
  border: 1px solid #ced4da;
  border-radius: 8px;
  outline:0
}
.login .o-form-control:focus{ border-color:#064576; }
.login .o-btn{ padding:.18rem 0; border:1px solid #064576; background-color:#064576;width:100%;font-size:.18rem;line-height:.28rem;border-radius:8px;color:#fff }
.login .o-btn:hover,
.login .o-btn:focus{ border-color:#1982ba; background-color:#1982ba; }
.login .o-form-group--verification .o-form-label-img{ 
  position:absolute;
  top:0;
  left:auto; 
  right:0; 
  width:31%;
  height:100%;
  cursor:pointer;
  border: 1px solid #ced4da;
  border-radius: 8px
}
.login .o-form-group--verification .o-form-control{ 
  width: 67%;
}
.footer{ 
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  padding-right:15em;
  margin: .1rem auto;
  text-align: right;
  font-size:.14rem;
}
#login_but{margin-top:.72rem}

/* 移动端 */
.mobile .portrait .login__title{color:#fff;font-size: .54rem;}
.mobile .header__inner .logo{padding: 0.05rem 0;}
.mobile .landscape .header__inner .logo{width: 50%;}
.mobile .content-left{width:100%}
.mobile .item{ width:100%; min-width:100%;background:rgba(0, 0, 0, 0.15)}
.mobile .login{ left:.5rem; right:.5rem; width:auto;padding: .7rem .5rem;background-color: #fff;box-shadow: 0 0 .3rem 0 rgba(0,0,0,0.4) }
.mobile .login .o-form-group{margin-top:.27rem;}
.mobile #login_but{margin-top:1.08rem}
.mobile .login .o-form-label{top: 0.24rem;
  left: 0.195rem;}
.mobile .login .o-form-label .iconfont{font-size:.42rem}
.mobile .login .o-form-control{
  height: .96rem;
  padding: 0.27rem 0.21rem .27rem .81rem;
  font-size: .27rem;
  line-height: .42rem;
  border-radius: 4px;}
.mobile .login .o-btn {
    padding: .27rem 0;
    width: 100%;
    font-size: .27rem;
    line-height: .42rem;
    border-radius: 4px;
}
.mobile .footer{font-size: .14rem;text-align: center;padding-right:0;color: #fff}
/*横屏*/
.mobile .landscape .item{
  width: 65%;
  height: 100%;
}
.mobile .landscape .login{left:50%;right:5%}
.mobile .landscape .login__title,
.mobile .landscape .o-form-group--verification{margin-bottom:.2rem}