@media (max-width:767px) {
    body { max-width: 46.875rem; padding: 0px 0.96875rem; margin: 0 auto; background: #FFFFFF; }

    .tilte { font-size: 1rem; color: #333; font-family: PingFang-SC-Medium; }

    .input { height: 2.5rem; border-radius: 1.25rem; border: 0.0625rem solid #E0E0E0; text-indent: 1.25rem; width: 100%; font-family: PingFang-SC-Regular; }

    ::-webkit-input-placeholder { /* WebKit browsers */ color: #888; font-size: 0.9375rem; }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888; font-size: 0.9375rem; }

    :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #888; font-size: 0.9375rem; }

    .button { margin-top: 1.875rem; width: 100%; color: #FFFFFF; background-color: #ff5400; font-size: 1.125rem; height: 2.5rem; border-radius: 1.25rem; border: none; font-family: PingFang-SC-Medium; }

    .more { color: #ff5400; font-size: 18px; font-family: PingFang-SC-Regular; margin-top: 1.25rem; text-align: center; }

    input[type="checkbox"] { border: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; height: 14px; width: 14px; color: white; }

        input[type="checkbox"]:after { content: ' '; position: relative; left: 31%; top: 13%; width: 23%; height: 45%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(50deg); display: none; }

    .logged-out-page { text-align: center; }

        .logged-out-page div { font-size: 7vw; font-family: PingFang SC; font-weight: 500; color: #585858; line-height: 35px; }

        .logged-out-page small { display: block; font-size: 6vw; font-family: PingFang SC; font-weight: 500; color: #6E6E6E; line-height: 35px; margin-top: 5px; }

            .logged-out-page small a { font-size: 6vw; font-family: PingFang SC; font-weight: 500; color: #EF402E; line-height: 35px; }

        .logged-out-page img { margin-top: 35%; width: 100%; }

        .logged-out-page iframe { display: none; width: 0; height: 0; }
}


@media (min-width:768px) {
    html { width: 100%; height: 100%; background: #FFFFFF; }

    body { max-width: 1080px; margin: 0 auto; background-color: #FFF; }

    .container { width: 600px; margin: 0 auto; }

    .tilte { padding-top: 74px; font-size: 24px; color: #333; font-family: PingFang-SC-Medium; }

    .input { height: 60px; font-size: 18px; border-radius: 30px; border: 1px solid #E0E0E0; text-indent: 40px; width: 100%; font-family: PingFang-SC-Regular; }

    ::-webkit-input-placeholder { /* WebKit browsers */ color: #888; font-size: 18px; }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888; font-size: 18px; }

    :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #888; font-size: 18px; }

    .button { margin-top: 60px; width: 100%; color: #FFFFFF; background-color: #ff5400; font-size: 22px; height: 60px; border-radius: 30px; border: none; font-family: PingFang-SC-Medium; }

    .more { color: #ff5400; font-size: 18px; font-family: PingFang-SC-Regular; margin-top: 36px; text-align: center; }

    .checkbox_align { vertical-align: text-bottom; margin-bottom: 4px; }

    input[type="checkbox"] { border: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; height: 18px; width: 18px; color: white; }

        input[type="checkbox"]:after { content: ' '; position: relative; left: 37%; top: 11%; width: 22%; height: 45%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(50deg); display: none; }

    .logged-out-page { text-align: center; }

        .logged-out-page div { font-size: 7vw; font-family: PingFang SC; font-weight: 500; color: #585858; }

        .logged-out-page small { display: block; font-size: 6vw; font-family: PingFang SC; font-weight: 500; color: #6E6E6E; margin-top: 5px; }

            .logged-out-page small a { font-size: 6vw; font-family: PingFang SC; font-weight: 500; color: #EF402E; }

        .logged-out-page img { margin-top: 35%; width: 100%; }

        .logged-out-page iframe { display: none; width: 0; height: 0; }
}

.input:focus { border: none !important; outline: 1px solid #5FB878 !important; }

input[type="checkbox"]:checked { background: #ff5400; color: white; border: none; }
    input[type="checkbox"]:checked:after { display: block; }

.clear { clear: both; }
.lefta { text-align: left; }
    .lefta a { color: #ff5400; text-decoration: none; }
.righta { text-align: right; }
    .righta a { color: #ff5400; text-decoration: none; }
.error { color: #ff0000; margin-top: 10px; }

/*radio*/
input[type="radio"] { border: 1px solid #ccc; border-radius: 12px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; height: 22px; width: 22px; color: white; }
    input[type="radio"]:checked { background: #ff5400; color: white; border: none; }
        input[type="radio"]:checked:after { display: block; }
    input[type="radio"]:after { content: ' '; position: relative; left: 37%; top: 11%; width: 22%; height: 45%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(50deg); display: none; }

/*协议*/
.protocol { display: none; z-index: 11111; width: 100%; height: 100%; top: 0px; }
    .protocol .content { padding: 0 0 10px }
    .protocol .bottom1 { padding-bottom: 10px }
        .protocol .bottom1 .button { padding-bottom: 10px }

/*登录页顶部区域*/
.login-top { margin-top: 30px; width: 100%; display: flex; }
    .login-top .back_icon { float: left; cursor: pointer; height: 18px; }
    .login-top .close { display: block; float: right; }
    .login-top .help_icon { float: right; cursor: pointer; height: 20px; }

/*显示区号*/
.telcode { display: none; z-index: 11111; width: 100%; height: 100%; top: 0px; }
/*显示点击是哪个字母*/
.showLetter { position: fixed; color: #afafaf; width: 50px; height: 50px; top: 45%; left: 45%; border-radius: 50%; border: #afafaf 1px solid; text-align: center; display: none; }
    .showLetter span { width: 50px; height: 50px; line-height: 50px; font-size: 30px; }
.seach { width: 90%; height: 45px; padding-top: 10px; background: #fff; }
    .seach input { width: 90%; height: 45px; font-size: 16px; padding-left: 10px; padding-right: 10px; border: 1px solid #eee; color: #000 }
/*城市弹层*/
.containercity { width: 90%; overflow-y: scroll }
.letter { width: auto; position: fixed; top: 10%; right: 35px; text-align: center; }
    .letter ul { list-style-type: none; }
        .letter ul li a { text-decoration: none; color: #afafaf; font-size: 16px }
.city { width: 90%; padding: 60px 20px 20px 10px; }
.history { margin-top: 15px; }
.hot { overflow: hidden; }
    .hot div { display: block; width: 29%; height: 40px; float: left; text-align: center; line-height: 40px; color: #afafaf; margin-top: 10px; margin-right: 3%; border: 1px solid #eee; border-radius: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.clear-history { display: block; float: right; }
.city-list { width: 100%; }
    .city-list .city-letter { font-size: 20px; display: inline-block; padding-top: 15px; padding-bottom: 5px; border-bottom: 1px solid #e8ecf1; width: 100%; }
    .city-list p { color: #afafaf; width: 95%; min-height: 50px; line-height: 50px; border-bottom: 1px solid #e8ecf1; cursor: pointer; }
.UISelect { margin-top: 5px }

/*其他登录方式*/
.other-login { margin-top: 60px; display: block; height: 100px; }
    .other-login .qt { display: flex; width: 100%; justify-content: center; align-items: center; }
        .other-login .qt .qtlogin { padding: 0px 10px; font-size: 14px; color: #ABABAB; font-family: PingFang-SC-Regular; text-align: center; }
        .other-login .qt .qt-left { text-align: left; width: 30%; }
        .other-login .qt .qt-right { text-align: right; width: 30%; }
        .other-login .qt .hr { height: 1px; border: none; border-top: 1px solid #E2E2E2; }

    .other-login .fs { margin-top: 20px; display: flex; width: 100%; justify-content: center; align-items: center; }
        .other-login .fs .div { width: 30px; text-align: center; color: #ABABAB; font-size: 20px; font-family: PingFang-SC-Medium; float: left; }
            .other-login .fs .div .fsname { width: 30px; font-size: 14px; }
            .other-login .fs .div img { height: 20px; width: 25px; }
            .other-login .fs .div .fourimg { padding: 11px 0px; width: 40px; height: 8px; }
        .other-login .fs .wei-login { border: none; width: 50px; background-color: transparent; color: #a3a3a3; font-size: 12px; }
            .other-login .fs .wei-login img { width: 100% }

.password { position: relative; }
    .password .fa { width: 20px; position: absolute; right: 0.9375rem; top: 2rem; font-size: 0.9375rem; cursor: pointer; }


.protocol-commit-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; display: none; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); }
    .protocol-commit-backdrop.show { display: block; opacity: var(--bs-backdrop-opacity) !important; position: fixed !important }

.protocol-commit { display: none; z-index: 1051; position: relative; width: auto; height: 140px; pointer-events: none; max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; background: #fff }
    .protocol-commit.show { display: block !important; }

    .protocol-commit .content { font-size: 14px; padding: 10px; position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid #dee2e6; border-radius: 0.5; outline: 0; }

    .protocol-commit .bottom { z-index: 1051; text-align: right; position: relative; padding: 10px; width: 100%; height: 60px; }
        .protocol-commit .bottom .button { margin: 0px; width: 80px; height: 32px; color: #FFFFFF; background-color: #ff5400; font-size: 14px; border-radius: 1.25rem; border: none; font-family: PingFang-SC-Medium; }

        .protocol-commit .bottom .reject { background-color: #cac1c1; color: #fff; }

/*协议弹出内容样式*/
.xieyi_content { padding-bottom: 5px; padding-top: 25px; padding-left: 15px; padding-right: 15px; }
    .xieyi_content b { color: #ff5400 }