#mask-login{
    width: calc(100vw - 3rem);
    margin: 0 1.5rem;
    border-radius: .5rem;
}
#mask-login .top{
    padding: 2.5rem 0;
}
#mask-login .top .title{
    font-size: 2.4rem;
}
#mask-login .mian{
    padding: 0 1.5rem 4rem;
}
.edit-info .input-label,
#mask-login .mian .label{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
}
#mask-login .btn.next{
    margin-top: 3rem;
    margin-bottom: 2.5rem;
}
.edit-info .input-box,
#mask-login .mian .input{
    padding: 1.5rem;
}

.edit-info{
    width: 100vw;
    border-radius: .5rem;
}
.edit-info .title{
    padding: 2rem 0;
    font-size: 2.4rem;
}
.edit-info .main{
    padding: 2rem 1.5rem 3rem;
}
.edit-info .main .btn{
    margin-top: 0;
    padding: 1.2rem 0;
}
.edit-info .main .up-btn{
    margin: 2rem 0;
}

#login .container{
    margin: 0 auto;
    flex-direction: column-reverse;
    text-align: center;
}
#login .brand-login-right{
    flex-direction: row;
    width: 100%;
}
#login .brand-login-right .logo{
    padding: 10rem 0;
    width: 10rem;
    height: 7rem;
}

#login .left{
    transform: translateY(-5rem);
}
#login .left .player{
    margin: auto;
    width: 19.3rem;
    height: 4rem;
}

#login .btn-box{
    margin: 30px auto 0;
}
#login .left h2{
    font-size: 3rem;
}
#login .left>p{
    font-size: 2.2rem;
}
#login .login{
    width: 19rem;
    height: 4.3rem;
    background-position: center;
    background-size: cover;
}