body {
    height: 100%;
}
#LAY_layuipro{
    height: 240px!important;
}
#max_box {
    width: 100%;
    height: 100%;
    background: url(../images/login_register/login_register.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_bg {
    /* width: 583px;
    height: 684px; */
    min-width: 30%;
    max-width: 84%;
    width: 22rem;
    background: rgba(255, 255, 255, 1);
}

.login_bg p:nth-child(1) {
    width: 180px;
    height: 39px;
    margin: 60px auto 65px;
}


.login_bg p:nth-child(2),
.login_bg p:nth-child(3),
.login_bg p:nth-child(4),
.login_bg p:nth-child(5),
.login_bg p:nth-child(6) {

    width: 50%;
    min-width: 15rem;
    /* width: 446px; */
    height: 45px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(217, 217, 217, 1);
    margin: 0 auto 25px;
    position: relative;
}

.login_bg p:nth-child(2) input,
.login_bg p:nth-child(3) input,
.login_bg p:nth-child(4) input,
.login_bg p:nth-child(5) input,
.login_bg p:nth-child(6) input {
    width: 70%;
    height: 100%;
    border: none;
    padding-left: 20px;
}

.login_bg p:nth-child(2) span,
.login_bg p:nth-child(3) span,
.login_bg p:nth-child(4) span,
.login_bg p:nth-child(5) span,
.login_bg p:nth-child(6) span {
    /* display: none; */
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(240, 80, 80, 1);
    line-height: 23px;
}

.login_bg p:nth-child(2) img,
.login_bg p:nth-child(3) img,
.login_bg p:nth-child(4) img,
.login_bg p:nth-child(5) img {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 15px;
    
}

.login_bg p.phone_code {
    /* width: 446px; */
    width: 50%;
    min-width: 15rem;
    height: 45px;
    border: none;
    margin: 20px auto;
    position: unset;
}

.login_bg p.phone_code input {
    float: left;
    /* width: 315px; */
    width: 45%;
    /* border: none; */

    height: 40px;
    border-radius: 4px;  
    border: 1px solid rgba(217, 217, 217, 1);
}
.get_code{
    position: unset;
    display: inline-block;
    width: 100px;
    height: 45px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(217, 217, 217, 1);
    margin-left: 8px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}

.login_bg p.phone_code button {
    position: unset;
    display: inline-block;
    width: 100px;
    height: 45px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(217, 217, 217, 1);
    margin-left: 8px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}

.login_bg p:nth-child(7) {
    /* width: 392px; */
    width: 50%;
    min-width: 15rem;
    height: 40px;
    margin: 10px auto;
    background: #FFE100;
    border-radius: 4px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.login_bg p:nth-child(8) {
    /* width: 392px; */
    width: 50%;
    min-width: 15rem;
    height: 40px;
    margin: 10px auto;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 40px;
}
.login_bg p:nth-child(8) a{
    color: rgba(153, 153, 153, 1);
}