@media screen and (max-width: 709px) {
    html {
        font-size: 16px;
    }

    body {
        background: url("/auth/images/registerimage/mobilebg.png") no-repeat !important;

    }

    input {
        text-indent: 0.525em !important;
    }

    .body {
        margin-top: 0px !important;
    }

    div.login {
        width: 92%;
        margin: auto;
        border-radius: 0.9375rem 0.9375rem 0 0;
        height: auto;
        background-color: #fff;
    }

    .phone-way-login .get-phonenumber-valid {
        outline: none;
        height: 2.5rem !important;
        line-height: 1.5rem !important;
        width: 110px;
        text-indent: 0px !important;
        border-radius: 10px;
        border: 1px solid #e0e0e0!important;
        opacity: 1!important;
    }

    .bd {
        height: auto;
        background-color: #e9f0fd;
        margin-bottom: 20px;
        margin-top: 0px !important;
        border-radius: 0.9375rem 20px 0 0;
        border: 1px solid #fff;

    }

    .bdcontant {
        background-color: #fff;
        width: 100% !important;
        border-radius: 0.9375rem 0.9375rem 0 0;
    }

    .bdcontant-left {
        border-radius: 0px 0.9375rem 0 0;
    }

    .bdcontant-right {
        border-radius: 0.9375rem 0px 0 0;
    }

    .bd div {
        width: calc(100% - 1.875rem);

    }

    .bd .row_text {
        border: none;
        margin-bottom: 1.25rem;
    }

    .bd .row_password {
        border: none;
        margin-bottom: 0.3557rem;
        position: relative;
    }

    #alicaptcha {
        margin-top: 1.5rem;
    }

    #alicaptcha.classh5 ._nc .stage1 .slider {
        width: 100%;
    }

    #alicaptcha.classh5 ._nc .stage1 .track div,
    ._nc .stage1 .label {
        line-height: 2.5rem !important;
        height: 2.5rem !important;
        font-size: 14px !important;
    }

    .login .ip_text {
        margin-top: 0.9735rem;
    }

    #alicaptcha.classh5 ._nc .stage1 .slider {
        height: 2.5rem !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        background-color: #eee !important;
        left: 0px !important;
        right: 48px !important;
    }

    .body .flexspan {
        display: block !important;
        box-shadow: none !important;
        border-radius: 0px;
        font-size: 0;
        box-shadow: none !important
    }

    .bg_left {
        display: none;
    }

    .login_logo {
        position: absolute;
        top: 40px !important;
        width: 90% !important;
        left: 1.6825rem !important;
    }

    .peitu {
        display: block;
    }

    .welcometitle {
        display: block;
        top: 0px;
        margin-left: 0px;
        font-weight: bold;
        font-size: 0.9735rem;
        line-height: 0.9735rem;
        margin-top: 1.25rem;
    }

    .links div {
        width: 20%;
        margin: auto;
        height: 2.5rem;
        display: inline-block;
        text-align: center;
    }

    .loginimg {
        display: block !important;
    }

    .bd .all_login-way-change,
    .jg_login-way-change {
        text-align: center;
        padding-top: 0px;
        font-size: 0px;
        padding-bottom: 0px;

    }

    .all_login-way-change::before {
        content: "";
        width: 10%;
        height: 2.5rem;
        background-color: #fff;
        position: absolute;
        top: 0px;
        left: 50%;
    }

    .all_login-way-change::after {
        content: "";
        width: 11%;
        height: 2.5rem;
        background-color: #e9f0fd;
        position: absolute;
        top: 0px;
        right: 50%;
    }

    .all_login-way-right-change::after {
        content: "";
        width: 11%;
        height: 2.5rem;
        background-color: #fff;
        position: absolute;
        top: 0px;
        right: 50%;
    }

    .all_login-way-right-change::before {
        content: "";
        width: 10%;
        height: 2.5rem;
        background-color: #e9f0fd;
        position: absolute;
        top: 0px;
        left: 50%;
    }

    .bd .all_login-way-change {
        width: 100%;
        background: #e9f0fd;
        padding-bottom: 0px;
        font-size: 0px;
        display: flex;
        justify-content: space-between;
        position: relative;
        border-radius: 0.9375rem;
    }

    .forget,
    .register {
        color: #333 !important;
    }

    .ip_text,
    .third_title {
        color: #666 !important;
    }

    .third_title {
        font-weight: bold;
    }

    .autoRegisterAndLogin {
        margin: 0 !important;
        margin-top: 1.4375rem !important;
        width: 100% !important;
        padding: 0px;
        color: #333 !important;
        text-align: center !important;
    }

    .loginimg img {
        width: 55%;
        padding-left: 45%;
    }

    .loginimg .wflogo {
        width: 6.125rem;
        height: auto;
        padding-left: 0%;
    }

    .all_login-way-change-qrcode {
        display: none;
    }

    .all_login-way-change-nopassword span {
        border: none;
    }

    .username-way-login .row_password input {
        width: 100%;
    }

    .all_login-way-change-password,
    .all_login-way-change-nopassword {
        display: inline-block;
        width: 50%;
        padding: 0;
        height: 40px;
        background: #e9f0fd;
    }

    .all_login-way-change-password {
        border-radius: 0.9375rem 0px 1.25rem 0px;

    }

    .all_login-way-change-nopassword {
        border-radius: 0px 0.9375rem 0px 1.25rem
    }

    .all_login-way-change-password.all_login-way-change-active {
        border-radius: 0.9375rem 1.25rem 0px 0px;
        background: #fff !important;

    }

    .all_login-way-change-nopassword.all_login-way-change-active {
        border-radius: 1.25rem 0.9735rem 0px 0px;
        background: #fff !important;

    }

    .bd div.mgtop20 {
        margin-top: 1.25rem;

    }

    .third_title::after {
        content: "";
        position: absolute;
        right: 110px;
        bottom: 8px;
        width: 94%;
        height: 1px;
        background: #ddd;
    }

    .row_auto_login .forget a {
        color: #333;
    }

    .third_title::before {
        content: "";
        position: absolute;
        left: 110px;
        bottom: 8px;
        width: 94%;
        height: 1px;
        background: #ddd;
    }

    .row_auto_login .forget {
        margin-left: 5%;
    }

    .row_auto_login .register {
        margin-right: 5%;
    }

    .bd input {
        width: 100%;
        border-radius: 10px;
        line-height: 2.5rem !important;
        height: 2.5rem;
    }

    .showpassword {
        top: 0.629rem;
    }

    .bd input.comminput {
        width: calc(100% - 1.875rem);
    }

    .row_btn .btn_login {
        width: 100%;
        margin: 0;
        height: 2.5rem;
        border-radius: 40px;
        text-indent: 0px !important;
        font-size: 1rem;
    }

    .login .ft {
        width: calc(100% - 1.875rem);
    }

    .login .ft {
        margin: 0 auto;
        margin-top: 0px;
        padding-top: 22px;
        overflow: hidden;
    }

    .links {
        width: 100%;
        padding-bottom: 40px;
    }

    .autoRegisterAndLogin dl {
        width: 90%;
        margin: 0 auto;
    }

    #myform {
        padding-top: 1.25rem;
        border-radius: 0.9375rem 20px 0 0;
    }

    #myform>div {
        width: 100%
    }

    .special-tip-box {
        top: 20%;
        width: 90%;
        margin-left: 0;
        height: auto;
        margin-left: -48%;
    }

    .all_login-way-change-active {
        font-size: 0.9375rem !important;
    }

    #captcha_div.login-captcha #alicaptcha.classh5 {
        width: 100% !important;
    }

    .phone-way-login .phone-password.comminput {
        width: 60%;
    }

    .bd .all_login-way-change>span,
    .jg_login-way-change span {
        font-size: 0.8125rem;
        border-right: none;
        padding: 0;
        height: 2.5rem;
        line-height: 2.5rem;
        z-index: 10;
    }

    .links img {
        width: 2rem;
        height: 2rem;
    }

    .links div span {
        padding-top: 0px !important;
        font-weight: 500 !important;
    }


    .all_login-way-change-active:after,
    .jg_login-way-change-active:after {
        left: 50%;
        transform: translateX(-50%);
        width: 22px;
        bottom: -1px
    }

    .gr_login-way-change.all_login-way-change-active:after {
        left: 50%;
        transform: translateX(-50%);
        width: 22px;
        bottom: -1px
    }

    ._nc .stage {
        /*為了覆蓋內部樣式，使用important*/
        padding: 0 !important;
        width: 100%;
    }

    .bd #msg_word {
        width: calc(100% - 1.875rem)
    }

    /*注册页样式*/
    .register_page1 .register_distance {
        padding: 0;
    }

    .tab_switch .register_info dl dt {
        width: 80px;
    }

    .register_page1 .tab_switch .register_info dl {
        width: 90%;
        margin: 0 auto;
    }

    .register_page1 .tab_switch .register_info dl dt {
        font-size: 14px;
    }

    .tab_switch .register_info dl dd {
        float: none;
        margin-left: 90px;
        width: calc(100% - 90px);
    }

    .register_page1 .tab_switch .register_info dl dd input {
        width: 100%;
    }

    .tab_switch .register_info .dd-regionCode input.phoneNum {
        width: 100%;
    }

    .icon {
        background-image: none;
    }

    #alicaptcha ._nc .stage1 .track div,
    #alicaptcha ._nc .stage1 .label {
        line-height: 44px;
        height: 44px;
        text-align: center;
        font-size: 12px;
        border: 1px solid #eee;
    }

    #alicaptcha.classh5 {
        width: calc(100% - 90px) !important;
        float: none !important;
    }

    ._nc .stage1 div.slider {
        left: 0;
        height: 44px;
        overflow: hidden;
    }

    ._nc .stage1 {
        height: 44px;
        position: relative;
    }

    ._nc .stage1 div.button {
        width: 44px;
        height: 44px;
    }

    .register_page1 .tab_switch .register_info dl dd input {
        width: 100%;
    }

    .register_page1 .tab_switch .register_info dl dd input.phoneCode.phonecodeinput {
        width: 60% !important;
    }

    .phonecodeinput {
        margin-top: 1.25rem !important;
    }
  
    .register_page1 .tab_switch .register_info dl dd.get-code {
        float: right;
        width: auto;
        margin-left: 0;
        margin-top: -36px;
    }

    .register_page1 .tab_switch .register_info dl dd.get-code .get_code {
        margin-right: 0;
    }
    .register_page1 .tab_switch .register_info dl dd.get-code input {
        text-indent: 0px!important;
    }
    .register_page1 .tab_switch .register_info dl.register_btn dd {
        margin: 0 auto;
    }

    .register_page1 .tab_switch .register_info dl.register_btn dd input {
        margin: 0 auto;
    }

    .register-jump-login {
        right: 0;
        bottom: 2px;
        top: auto;
    }

    .get-code>dd.register_password {
        display: none;
    }

    .password-dd {
        display: none;
    }

    .tab_switch .register_info dl .register_tip {
        left: 0px;
        width: 70% !important;
        bottom: 42px;
        top: auto;
    }

    .register-agreement-tips {
        height: 40px !important;
    }

    .msg_err_tip {
        height: auto !important;
        margin: 0 auto !important;
        line-height: 20px;
    }

    .msg_err_tip dd {
        height: auto !important;
        line-height: 20px;
    }

    div.register_page {
        /* [disabled]overflow: hidden; */
        /*margin-top: 10px;*/
        overflow: hidden;
        width: 80%;
    }

    #phonesBut {
        width: 100% !important;
        margin: 0 !important;
        height: 2.5rem !important;
        border-radius: 40px !important;
    }

    .register_page1 .register_title {
        margin-top: 0px;
    }

    .register_page1 .register_title span::after {
        content: '';
        width: 20px;
        background: linear-gradient(91deg, #C3BBFF, #75B5F8);
        height: 6px;
        position: absolute;
        border-radius: 3px;
        left: 50%;
        transform: translate(-50%, 0px);
        bottom: -12px
    }

    #alicaptcha.classh5 ._nc .stage1 .icon {
        top: 0.625 !important;
        left: 10px !important;
        line-height: 17px !important;
    }

    ._nc .icon-slide-arrow {
        font-size: 30px;
        color: #666 !important;
    }
    #alicaptcha.classh5 ._nc .stage1 .button {
        width: 45px !important;
        border: 1px solid #eee;
        height: calc(2.5rem - 2px) !important;
        text-indent: -3px !important;
    }
    ._nc .stage1 .button {
        position: absolute;
        left: 0;
        top: 0px;
        background-color: #fff;
        cursor: pointer;
    }
    #alicaptcha.classh5 ._nc .stage1 .bg-green {
        background-color: #93A9FD !important;
    }
}