body{
    background: rgba(247, 247, 247, 1);
}
.root{
    width:1440px;
    height: 100vh;
    background: rgba(247, 247, 247, 1) url(https://redhat.cellz.cn/images/login_big_bg.jpg) no-repeat top left;
    background-size:cover;
    margin:0 auto;
    margin-top:0px;
    position: relative;
}
.root .container{
    width: 1110px;
    height: calc(100vh - 200px);
    background: #FFFFFF;
    border-radius: 32px;
    display: flex;
    position: absolute;
    left:50%;
    top:100px;
    margin-left:-555px;overflow: hidden;


}
.root .container .left{
    flex:1;
    border-radius: 32px;
}
.root .container .left .logo{
    width: 98px;
    height: 98px;
    margin-top:25px;
    margin-left:49px;
}
.root .container .left .header{
    width: 150px;
    height: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #1E1F20;
    line-height: 30px;
    margin-top:62px;
    margin-left:65px;
}
.root .container .left .headertip{
    width: 242px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #8F92A1;
    line-height: 20px;
     margin-top:10px;
    margin-left:65px;
    margin-bottom: 30px;
}
.root .container .left .inputbox{
    height: 78px;
    width: 410px;
    margin-top:30px;
    margin-left:65px;
    position: relative;
}
.root .container .left .inputbox:first-child{
    margin-top:60px;
}
.root .container .left .inputbox .subtitle{
    width: 126px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #1E1F20;
    line-height: 20px;
    letter-spacing: 1px;
}
.root .container .left .inputbox .inp{
    width: 382px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid rgba(143, 146, 161, 0.2);
    margin-top:10px;
    padding: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #8F92A1;
}

.root .container .left .inputbox .sendsms{
    width: 150px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(30, 31, 32, 1);
    line-height: 20px;
    text-align: right;
    position: absolute;
    right: 20px;
    top: 46px;

}
.root .container .changelogin{
    width: 100px;
    height: 20px;
    font-family: PingFangSCSemibold, PingFangSCSemibold;
    font-weight: normal;
    font-size: 12px;
    color: #6286ED;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 10px;
    margin-left: 65px;
    cursor: pointer;
}

.root .container .left .inputbox .sendsms.active{
    color: #8F92A1;
}
.root .container .left .errortip{
    width: 400px;
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #E56862;
    line-height: 22px;
    margin-top:20px;
    margin-left:65px;
}

.root .container .left .btn{
    width: 410px;
    height: 58px;
    background: #6286ED;
    border-radius: 12px;
    margin-top:30px;
    margin-left:65px;

    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
}



.root .container .right{
    flex:1;
    background: rgba(247, 247, 247, 1);
    border-radius: 32px;
    position: relative;
}
.root .container .right .rico{
    width:120px;
    height: 88px;
    margin-top:100px;
    margin-left:80px;
}
.root .container .right .rtitle{
    width: 378px;
    height: 72px;
    font-size: 30px;
    font-weight: bold;
    color: #1E1F20;
    line-height: 36px;
      margin-top:60px;
    margin-left:80px;
}
.root .container .right .rtitle2{
    width: 393px;
    height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #1E1F20;
    line-height: 22px;
    margin-top:40px;
    margin-left:80px;
}
.root .container .right .rtitle3{
    width: 393px;
    height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #1E1F20;
    line-height: 22px;
    margin-top:0px;
    margin-left:80px;
}
.root .container .right .rtip{
    width: 393px;
    height: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #8F92A1;
    line-height: 22px;
      margin-top:40px;
    margin-left:80px;
}


@media (min-height: 600px) and (max-height: 900px) {
    .root .container {
        /*transform: scale(0.6);*/
        height: calc(100vh - 20px);
        top:10px;
    }
    .root .container .right .rico{
        margin-top:100px;
    }
}

@media (min-height: 100px) and (max-height: 600px) {
    .root .container {
        transform: scale(0.5);
        height: 129%;
        top: -54px;
    }
    .root .container .right .rico{
        margin-top:100px;
    }
}