body { height: 100%; max-width: 46.875rem; padding: 0px 2.25rem; margin: 0 auto; }

.tilte { font-size: 1.2rem; font-family: ΢ÈíÑźÚ; margin-top: 70px; margin-bottom: 30px; }
    .tilte b { color: #ff5200d1 }

.layui-form-radio { margin: 0px; }
    .layui-form-radio > i:hover, .layui-form-radioed > i { color: #5FB878 !important; }

@media (max-width:767px) {
    .selecttype { margin-top: 40px; }
    .titlename { color: #333; font-family: PingFang-SC-Medium; font-size: 18px; }
    .titlecontent { color: #999; font-family: PingFang-SC-Regular; font-size: 0.9375rem; margin-top: 0.625rem; }
    .left { float: left; height: 2.625rem; margin-top: 0.5rem; width: 2.625rem; }
    .hr { margin-top: 1.5625rem; height: 1px; border: none; background-color: #E2E2E2; }
    .second { margin-top: 1.6875rem; }
    .radio { width: 1rem; height: 1rem; }

    /*Email*/
    .image { margin-top: 3.215rem; text-align: center; }
    .img { width: 6.375rem; }
    .pwd { margin-top: 0.875rem; }
    .input2 { text-indent: 3.3rem; }
    /**/
    .smalltitle { color: #666; font-family: PingFang-SC-Regular; font-size: 0.875rem; margin-top: 0.9375rem; }

    .acconut { margin-top: 1.875rem; position: relative; }
    .yzm { height: 2rem; width: 7rem; border-radius: 1.5rem; background-color: #ff5400; border: none; position: relative; color: aliceblue; }

    .hqdiv { position: absolute; right: 0rem; top: 0.4rem; }
    .huoqu { color: #ff5400; position: absolute; left: 1.1rem; top: 0.15rem; font-size: 0.8125rem; font-family: PingFang-SC-Regular; }

    .bottom { margin-top: 1.125rem; color: #666; font-size: 0.875rem; font-family: PingFang-SC-Medium; padding: 0rem 0.5rem; }
    .xy { margin-top: 1.875rem; color: #666; font-size: 0.75rem; font-family: PingFang-SC-Medium; /*padding: 0 0.8075rem;*/ }

    .checkbox_align { vertical-align: text-bottom; margin-bottom: 1px; }
    .span { text-align: right; color: #ff5400; font-family: PingFang-SC-Medium; font-size: 0.8125rem; margin-top: 1.3125rem; }

    .telarea { height: 100%; position: absolute; left: 1rem; color: #333; text-decoration: none; font-size: 0.9rem; }
        .telarea span { height: 100%; display: flex; align-items: center; }
    .input1 { text-indent: 4rem; }
    .letter { right: 35px !important; }

    .skip { margin-top: 15px; width: 100%; color: #1a1818; background-color: transparent; font-size: 15px; height: 2.5rem; border: none; font-family: PingFang-SC-Medium; }
}

@media (min-width:768px) {
    .selecttype { margin-top: 60px; }
    .titlename { color: #333; font-family: PingFang-SC-Medium; font-size: 22px; }
    .titlecontent { margin-top: 5px; color: #999; font-family: PingFang-SC-Regular; font-size: 18px; }
    .left { float: left; height: 66px; margin-top: 16px; }
    .hr { margin-top: 30px; height: 1px; border: none; background-color: #E2E2E2; }
    .second { margin-top: 30px; }
    .radio { width: 22px; height: 22px; }

    /*Email*/
    .input2 { text-indent: 90px; }
    /**/
    .telarea { position: absolute; top: 20px; left: 40px; color: #333; text-decoration: none; }
    .letter { right: 25% !important; }
    .input1 { text-indent: 90px; }
    .telcode { max-width: 1080px; }
    .containercity { width: 100% !important; height: 100%; }
    .image { padding-top: 62px; text-align: center; }
    .img { width: 206px; }

    .smalltitle { color: #666; font-family: PingFang-SC-Regular; font-size: 18px; margin-top: 16px; }

    .pwd { margin-top: 40px; }

    .acconut { margin-top: 60px; position: relative; }

    .yzm { height: 40px; width: 140px; border-radius: 20px; background-color: #ff5400; border: none; position: relative; color: aliceblue; }

    .hqdiv { position: absolute; right: 10px; top: 10px; cursor: pointer; }

    .huoqu { color: #ff5400; position: absolute; left: 20px; top: 7px; font-size: 20px; font-family: PingFang-SC-Regular; }

    .bottom { margin-top: 28px; color: #666; font-size: 18px; font-family: PingFang-SC-Medium; padding: 0rem 10px; }

    .xy { margin-top: 60px; color: #666; font-size: 18px; font-family: PingFang-SC-Medium; }

    .span { text-align: right; color: #ff5400; font-family: PingFang-SC-Medium; font-size: 18px; margin-top: 40px; }

    .skip { margin-top: 15px; width: 100%; color: #1a1818; background-color: transparent; font-size: 15px; height: 2.5rem; border: none; font-family: PingFang-SC-Medium; }
}


.password { position: relative; }
    .password .fa { position: absolute; right: 0.9375rem; top: 1rem; font-size: 0.9375rem; cursor: pointer; }

.question { color: #181616; font-family: PingFang-SC-Regular; font-size: 16px; margin-top: 20px; margin-bottom: 10px; }

.input3 { font-size: 16px; }