* {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

.enroll {
    display: flex;
    justify-content: center;
}

.enrolls {
    max-width: 9.76rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.enroll-1 {
    margin: 0.82rem 0 0.47rem 0;
    /*width: 1.28rem;*/
    height: 0.45rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.48rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.enroll-2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0.2rem 0;
}

.enroll-2 p {
    height: 0.22rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #7D7D7D;
    line-height: 0.24rem;
    text-align: right;
    font-style: normal;
    text-transform: none;
}

.enroll-2 input {
    width: 4rem;
    height: 0.44rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #E6E5E5;
}

.enroll-2 input::placeholder {
    color: #d7d7d7;
}

.enroll-2 input:focus {
    outline: none;
}

.enroll-3 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 2.61rem;
}

.enroll-3 p:nth-child(1) {
    display: flex;
    align-items: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #999999;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    column-gap: 0.1rem;
}

.custom-checkbox {
    width: 0.18rem;
    height: 0.18rem;
}

.custom-checkbox:checked::before {
    content: "\2713";
    display: block;
    width: 0.18rem;
    height: 0.18rem;
    background: #041e3a;
    border-radius: 0.02rem;
    color: #fff;
    text-align: center;
}

.enroll-3 p:nth-child(2) a {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #999999;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    display: flex;
}

.enroll-4 {
    display: flex;
    justify-content: center;
    width: 3.62rem;
    margin-top: 0.49rem;
}

.enroll-4 p {
    display: flex;
    align-items: center;
    height: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.12rem;
    color: #999999;
    line-height: 0.23rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    column-gap: 0.1rem;
}



.enroll-5 {
    margin: 0.47rem auto 0.23rem;
    width: 4rem;
    height: 0.44rem;
    background: #041E3A;
    border-radius: 0rem;
    /*margin-left: 0.9rem;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.enroll-5 a {
    align-content: center;
    /*width: 0.32rem;*/
    height: 0.22rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
    /*line-height: 0rem;*/
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

.enroll-6 {
    margin: 0 0 0.75rem 0rem;
    display: flex;
    justify-content: center;
}

.enroll-6 a {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #041E3A;
    line-height: 0.23rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}





.password-3 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0.2rem 0;
}

.password-3 p {
    height: 0.22rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #7D7D7D;
    line-height: 0.24rem;
    text-align: right;
    font-style: normal;
    text-transform: none;
}


.password-3 input {
    width: 2.61rem;
    height: 0.44rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #E6E5E5;
    margin-right: 0.11rem;
}

.password-3 input::placeholder {
    color: #d7d7d7;
}

.password-3 input:focus {
    outline: none;
}

.password-3 button {
    width: 1.28rem;
    height: 0.44rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #E6E5E5;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.24rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}


@media only screen and (max-width: 1024px) {
    .enroll-2 p,
    .password-3 p,
    .enroll-4 p
    {
        font-size: 0.24rem !important;
    }
    .enroll-4{
        width: auto;
        justify-content: flex-start;
    }
    .password-3 button{
        line-height: 0.15rem !important;
    }
        input::placeholder,
    .enroll-6 a
    {
        font-size: 0.24rem;
    }
    .enroll-6{
        margin: 0 0 0.75rem 0rem;
    }
    .enroll-5 a{
        font-size: 0.24rem;
        height: auto;
    }
}