html,body{
    height:100%;
}
.top-bg{
    position:absolute;
    left:0;
    top:0;
    background:url("../images/img_1.png");
    background-size:100% 100%;
    width:8.195rem;
    height:0.8867rem;
}
.bottom-bg{
    position:absolute;
    right:0;
    bottom:0;
    background:url("../images/img_2.png");
    background-size:100% 100%;
    width:7.49rem;
    height:2.23rem;
}
.login-box{
    position:absolute;
    width: 14.8rem;
    left:50%;
    height:7.2rem;
    top:50%;
    margin-left: -7.4rem;
    margin-top:-3.6rem;
}
.login-box .left{
    width: 10.4rem;
    height:100%;
    padding:0.6rem 1rem;
    box-sizing:border-box;
    border-radius:0.2rem;
    background:url("../images/img_3.png");
    background-size:100% 100%;
    color:#FFFFFF;
}
.login-box .left .title{
    font-size:0.32rem;
    position:relative;
    height:0.7rem;
    line-height:0.7rem;
    padding-left: 0.9rem;
}
.login-box .left .title img{
    width:0.7rem;
    height:0.7rem;
    position:absolute;
    left:0;
    top:0;
}
.login-box .left .big-title{
    font-size:0.4rem;
    margin-top: 1.2rem;
    padding-bottom:0.5rem;
    border-bottom: 0.02rem solid #FFFFFF;
    width:3rem;
}
.login-box .left .third-title{
    font-size: 0.28rem;
    font-weight: 400;
    margin-top:0.5rem;
    margin-bottom:0.2rem;
    opacity:0.8;
}
.login-box .left .desc{
    opacity:0.8;
}
.login-box .right{
    position:absolute;
    width: 4rem;
    padding:0.42rem;
    height: 4.5rem;
    right:0;
    top:0.99rem;
    background: #FFFFFF;
    box-shadow: 1px 4px 15px 0px rgba(0,0,0,0.15);
    border-radius: 0.08rem;
    opacity: 1;
    border: 2px solid;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.20000000298023224), rgba(255, 255, 255, 0.10000000149011612)) 2 2;
}
.login-title{
    font-size: 0.32rem;
    font-weight: bold;
    color: #131414;
    width:100%;
    position:relative;
    padding-left:0.46rem;
    height:0.4rem;
    line-height:0.4rem;
}
.login-title img{
    position:absolute;
    width:0.4rem;
    height:0.4rem;
    left:0;
    top:0;
}
.login-body{
    width:100%;
    text-align:left;
    margin:auto;
    margin-top:0.6rem;
}
.login-body .item{
    background: #FFFFFF;
    border-radius: 0.04rem;
    border: 0.01rem solid #DCDFE6;
    display:flex;
    height:0.48rem;
    margin-bottom: 0.3rem;
    overflow: hidden;
}
.login-body .item.no-bottom{
    margin-bottom:0;
}
.login-body .item .icon{
    width:0.4rem;
    color:#DCDFE6;
    text-align:center;
    line-height:0.48rem;
    font-size:0.18rem;
}
.login-body .item input{
    flex:1;
    height:100%;
    border:none;
    background-color:#FFFFFF !important;
}
.captcha-box input{
    margin-left:0.1rem;
}
.login-body .item .captcha-img{
    width:1.4rem;
    height:100%;
    cursor:pointer;
}
.login-body .item .captcha-img img{
    width:100%;
    height:100%;
}
.login-body .item input:-internal-autofill-selected{
    background-color:#FFFFFF !important;
}
.login-btn{
    background: #008CFF;
    border-radius: 0.04rem;
    color:#FFFFFF;
    font-weight: 400;
    font-size:0.16rem;
    height:0.48rem;
    line-height:0.48rem;
    text-align:center;
    margin-top:0.6rem;
}