/* commen:start */

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Microsoft Yahei', Helvetica, sans-serif;
    font-size: 15px;
    color: #1a1a1a;
    background: #f6f6f6;
}

a {
    text-decoration: none;
}

input {
    color: #1a1a1a;
    font-family: 'Microsoft Yahei', Helvetica, sans-serif;
}

.lf {
    float: left;
}

.rt {
    float: right;
}

.button {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    /* color: #8590a6; */
    color: #006bd3;
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 3px;
}

.ErrorMsg {
    color: #ff0000;
    display: none;
    float: left;
    font-size: 14px;
    text-align: left;
}

button {
    outline: none;
}

    button:focus {
        outline: none;
    }

.unView {
    display: none;
}


/* commen:start */


/* main */

.main {
    width: 100%;
    height: 100vh;
    overflow: auto;
    display: flex;
}

.main_bg {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center no-repeat;
    background-image: url(/images/BG.jpg);
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: auto;
}


/* loginBox */

.loginBox {
    box-sizing: border-box;
    margin: auto;
    min-width: 0;
    padding: 0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1);
    border-radius: 2px;
    background-color: #FFFFFF;
    width: 480px;
    overflow-x: hidden;
}

.signContentPre, .signContent {
    text-align: center;
    margin: 0 auto;
}

.signContainer {
    position: relative;
    border-radius: 4px 4px 0 0;
    padding-top: 40px;
}

    .signContainer .img2 {
        display: flex;
        padding-left: 30px;
    }

    .signContainer .externalList {
        margin-top: 10px;
        display: inline-block;
        overflow: hidden;
    }

        .signContainer .externalList .element {
            align-items: center;
            width: 60px;
            cursor: pointer;
            float: left;
        }

            .signContainer .externalList .element + .element {
                margin-left: 10px;
            }

            .signContainer .externalList .element div:nth-of-type(1) {
                background-repeat: no-repeat;
                background-position: center;
                width: 36px;
                height: 36px;
                margin: 0 12px;
                background-size: 100%;
            }

            .signContainer .externalList .element .name {
                margin-top: 2px;
                width: 60px;
                height: 18px;
                font-size: 13px;
                font-weight: 400;
                color: #737c84;
                font-family: 'Microsoft Yahei', Helvetica, sans-serif;
            }


.input-list-no a {
    color: #006bd3;
}

.fr {
    right: 0;
    position: absolute;
}

.title36 {
    margin-top: 30px;
}

.text-center {
    text-align: center;
    margin: 0 auto;
}

.title36 p {
    font-size: 16px;
    color: #7d7d7d;
    line-height: 1.8em;
    max-width: 100%;
    margin: 0 auto;
}

.size14 {
    font-size: 14px !important;
}

.color006bd3 {
    color: #006bd3;
}

.loginForm {
    padding: 70px 30px 54px;
}

    .loginForm .tabBoxSwitch .tabBoxSwitchUl {
        list-style: none;
    }

        .loginForm .tabBoxSwitch .tabBoxSwitchUl li {
            display: inline-block;
            height: 50px;
            font-size: 16px;
            line-height: 60px;
            margin-right: 4px;
            cursor: pointer;
        }

            .loginForm .tabBoxSwitch .tabBoxSwitchUl li [data-id] {
                margin-top: 40px;
                line-height: normal;
            }

.tab-active {
    position: relative;
    color: #006bd3;
    font-weight: 600;
    font-synthesis: style;
}

.sendCode {
    position: relative;
    color: #006bd3;
    /* font-weight: 600; */
    font-synthesis: style;
}

.tab-active::before {
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #006bd3;
}

.tabBox {
    text-align: left;
    margin-bottom: 6px;
}

.ercode_tab {
    background: url(/images/qrcode1.png);
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
}

.code_tabdesktop {
    background: url(/images/desktop2.png);
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
}

.ercode_tab svg {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.tabcont,
#closeForm {
    display: none;
}

.active {
    display: block;
}

.fr a,
.color006bd3 {
    color: #006bd3;
    cursor: pointer;
}

.tabcontent {
    /* margin-top: 0.4px;
    border-bottom: 1px solid #ebebeb; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    position: relative;
}

.loginMsg {
    display: flex;
    color: red;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
}

    .loginMsg p {
        text-align: left;
    }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #1a1a1a !important;
    /* 这个地方的颜色是字体颜色，可以根据实际情况修改 */
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    /* 设置input输入框的背景颜色为透明色*/
    background-color: transparent;
    /* 设置input输入框的背景颜色为透明色*/
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}

input {
    background-color: transparent;
}

.phoneBox {
    position: relative;
    display: inline-block;
}

.phoneGroup {
    display: inline-block;
    min-width: 72px;
    text-align: left;
}

.phone-btn {
    border: none;
    height: auto;
    padding: 0;
    line-height: inherit;
    background-color: transparent;
    border: none;
    border-radius: 0;
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer;
}

    .phone-btn:focus {
        outline: none;
    }

.selectBtn {
    text-align: left;
    padding: 1px;
    color: #8590a6;
    text-align: center;
    background: none;
    /* border: 1px solid; */
    border-radius: 3px;
    height: calc(100% - 42px);
}

.selectConentent {
    display: none;
    position: absolute;
    top: 0;
    z-index: 233;
    background-color: #ffffff;
    left: -24px;
    border: 1px solid #ebebeb;
    width: 110px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
    box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
}

.selectOptions {
    overflow: auto;
    position: relative;
    max-height: 300px;
    padding: 8px 0;
    border-radius: 4px;
    text-align: left;
}

    .selectOptions::-webkit-scrollbar {
        width: 10px;
        height: 1px;
        background-color: #f6f6f6;
    }


    /*������������ ����Ӱ+Բ��*/

    .selectOptions::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #f6f6f6;
    }

    .selectOptions::-webkit-scrollbar-thumb {
        background-color: #afadad;
        width: 5px;
        max-height: 10px;
        border-radius: 10px;
    }

.select-option {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    color: #8590a6;
    text-align: left;
    background: none;
    border: none;
}


/* .select-option:hover{
    background: #f6f6f6;
} */

.line-show {
    width: 1px;
    height: 22px;
    margin: 0 12px;
    margin-left: 0;
    background: #ebebeb;
}

.phoneInputGroup {
    display: inline-block;
    position: relative;
    width: 100%;
}

.Select-arrow {
    margin-left: 8px;
    fill: currentcolor;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.inputLabel {
    width: 100%;
    height: 38px;
    padding: 0;
    color: #8590a6;
    border: none;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
    display: flex;
}

.isShow::after {
    content: attr(data-content);
    color: red;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    display: flex;
    z-index: 90;
}

.inputStyle {
    display: inline-block;
    outline: none;
    flex: 1 1;
    padding: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 300;
    background: transparent;
    border: none;
    resize: none;
    z-index: 100;
    /* height: 89px; */
}

.input,
.input label,
.input input,
.phoneInputGroup .spin,
.button,
.button button .button.login button i.fa,
.material-button .shape:before,
.material-button .shape:after,
.button.login button {
    transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -ms-transition: 300ms cubic-bezier(.4, 0, .2, 1);
}

.SignFlow-accountSeperator {
    width: 2px;
    height: 32px;
    margin: 0 6px;
    background: #ebebeb;
}

.phoneInputGroup .spin {
    background: #2b6bff;
    z-index: 4;
    width: 0;
}

.phoneInputGroup:before,
.phoneInputGroup .spin {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

input.passwordInput {
    appearance: none;
    -webkit-appearance: none;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -ms-progress-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.msgBtn {
    position: absolute;
    top: 24px;
    right: 0;
    padding: 4px 0;
    color: #175199;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .msgBtn:hover,
    .voice-btn:hover {
        color: #76839b;
    }

.login_box {
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    position: relative;
}

.voice-btn {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: #8590a6;
    text-align: center;
    cursor: pointer;
    background: none;
    border-radius: 3px;
    position: absolute;
    right: 0;
}

.fromSubmit {
    color: #fff;
    background-color: #0084ff;
    width: 100%;
    margin-top: 30px;
    height: 36px;
    border-color: #0084ff;
}

.SignFlow-switchPassword {
    margin-top: -1px;
    position: absolute;
    right: 0;
    z-index: 100;
    cursor: pointer;
}

.SignFlow-switchLogin {
    position: absolute;
    left: 0;
}

.out-login-btn-shw {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: #175199;
    text-align: center;
    cursor: pointer;
    background: none;
    border-radius: 3px;
    display: none;
}

    .out-login-btn-shw:hover {
        color: #76839b;
    }

input[type="password"]::-ms-reveal {
    display: none;
}

.passwordShow {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    z-index: 100;
}

    .passwordShow label {
        width: 22px;
        height: 22px;
        margin: auto;
        position: relative;
        cursor: pointer;
    }

        .passwordShow label input {
            width: 0;
            height: 0;
            position: absolute;
            z-index: 0;
            opacity: 0;
        }

            .passwordShow label input:checked + i {
                background-image: url("../img/icon/icon-openEyes.png");
            }

        .passwordShow label i {
            display: block;
            width: 100%;
            height: 100%;
            background-color: transparent;
            position: relative;
            z-index: 1;
            background-image: url("../img/icon/icon-closeEyes.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }



.hover-style2:hover {
    background: #43a0fa;
    color: #fff;
}

.hover-style2 {
    transition: all .4s;
}

.ljzc {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #006bd3;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
}

.margin-bot30 {
    margin-top: 30px;
}

.login-out-phoneBox {
    display: none;
}

.SignContainer-tip {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 24px;
    color: grey;
    font-size: 13px;
    text-align: left;
}

    .SignContainer-tip a {
        color: #006bd3;
        text-decoration: none;
        cursor: pointer;
    }

.ercodeSignBox {
    position: relative;
    text-align: center;
    padding: 40px 0;
    display: none;
}

.Qrcode-title {
    font-size: 24px;
    color: #1a1a1a;
    line-height: 33px;
    margin-bottom: 50px;
    margin-top: 3px;
}

.ercodeBox {
    height: 210px;
}

    .ercodeBox .Qrcode-img {
        margin: 0 auto 15px;
        line-height: 0;
        height: 150px;
        width: 150px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .ercodeBox p {
        font-size: 14px;
        line-height: 22px;
    }

        .ercodeBox p a {
            color: #175199;
        }

.css-1hmxk26 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    border-top: 1px solid;
    border-color: #EBEBEB;
    margin-left: 24px;
    margin-right: 24px;
}

.footSign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #8590a6;
    height: 60px;
    line-height: 60px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.signSocial {
}

.Login-socialButtonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 2px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.Login-socialButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: auto;
    padding: 0 6px;
    line-height: inherit;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.Login-socialIcon {
    margin-right: 6px;
}

.signDownload {
    background-color: #f6f6f6;
    color: #0084ff;
}

.css-eow14e {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
}

.css-c01qo8 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    text-align: center;
    line-height: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: inherit;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    background-color: #0084FF;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #0084FF;
    border-radius: 4px;
    background-color: unset;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
}

.slidercaptcha {
    margin: 0 auto;
    width: 314px;
    height: 286px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
}


    /* .slidercaptcha .card-body {
        padding: 1rem;
    } */

    .slidercaptcha canvas:first-child {
        border-radius: 4px;
        border: none;
    }

    .slidercaptcha.card .card-header {
        background-image: none;
        position: relative;
        background-color: #fff;
        padding-right: 0px;
    }

.card-header > span {
    margin-left: -40px;
}



.form-float {
    width: 100%;
    height: 100%;
    display: none;
    /* background-color: rgba(0, 0, 0, 0.5); */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bing-phone,
.verify-phone {
    /* padding: 15px 20px 15px; */
    margin: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

    .verify-phone .verify-phone-box {
        width: 314px;
        height: 288px;
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0px 0px 6px 0px #9ac1e2;
        margin: auto;
        /* margin-top: 1.2rem; */
    }

.agree,
.Keeplogged {
    cursor: pointer;
}

.PrivacyBox,
.ServiceAgreementBox {
    background-color: white;
    height: 100%;
    padding: 0rem;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    flex-direction: column;
}
.PrivacyBox.iPhone,
.ServiceAgreementBox.iPhone {
	padding: 44pt 0 0pt;
}
.PrivacyBox.Android,
.ServiceAgreementBox.Android {
	padding: 32px 0 40px;
}


    .PrivacyBox .box,
    .ServiceAgreementBox .box {
        width: 100%;
        height: 80%;
        margin-top: 10px;
        margin-bottom: 0.1rem;
        background-color: #FFFFFF;
        overflow: auto;
        border-radius: 0.0rem;
    }

.PrivacyBoxHeader, .ServiceAgreementBoxHeader {
    position: relative;
    text-align: center;
    margin-top: 50px;
}

.PrivacyBox.iPhone .PrivacyBoxHeader,
.ServiceAgreementBox.iPhone .ServiceAgreementBoxHeader {
	margin: 0;
	padding: 0 40pt;
}
.PrivacyBox.Android .PrivacyBoxHeader,
.ServiceAgreementBox.Android .ServiceAgreementBoxHeader {
	margin: 0;
	padding: 0 40px;
}

.PrivacyBox .cbtn,
.ServiceAgreementBox .cbtn {
    max-width: 3rem;
    min-width: 1.4rem;
    height: .8rem;
    background-color: #2c82ca;
    color: #FFFFFF;
    line-height: .8rem;
    font-size: 0.28rem;
    margin: auto;
    border-radius: 0.1rem;
    text-align: center;
    flex-shrink: 0;
    padding: 0 0.4rem;
}

.privacy-zhCN .center {
    min-width: 300px !important;
}

div.just-tooltip {
    position: absolute;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: #86181d;
    height: 30px;
    border: 1px solid #ebebeb;
    border-radius: 7px;
    /*圆角弧度为7px*/
}

    div.just-tooltip::before {
        content: '';
        width: 0;
        height: 0;
        border: 20px solid;
        position: absolute;
        bottom: -40px;
        left: 80px;
        border-color: #ebebeb transparent transparent;
    }

    div.just-tooltip::after {
        content: '';
        width: 0;
        height: 0;
        border: 20px solid;
        position: absolute;
        bottom: -38px;
        left: 80px;
        border-color: #fff transparent transparent;
    }

.just-tooltip .just-con {
    padding: 5px 5px;
    color: rgb(75, 72, 72);
    display: inline-block;
}


/* Animations */

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
}

.sureToLeave {
    background-color: #006bd3;
    width: 410px;
    color: white;
    border: none;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
    margin: 62px auto 15px;
    font-size: 15px;
}

    .sureToLeave:hover,
    .sureToLeave:active {
        background-color: #43a0fa;
    }

.quitToLeave {
    background-color: #fff;
    color: #006bd3;
    border: 0px solid #cccccc;
    width: 410px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 20px;
}

    .quitToLeave:hover,
    .quitToLeave:active {
        color: hsl(210, 94%, 34%);
        border: 0px solid #006bd3;
    }

.form-horizontal {
    display: none;
    margin: 20px;
}

.login-scan-wrap {
    padding-top: 5px;
}

.scan-qrcode {
    height: 385px;
    overflow: hidden;
    width: 480px;
    max-width: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.closeTip {
    margin: 4% 35px;
    padding-top: 65px;
}

.closeLogo {
    float: left;
    width: 100%;
    text-align: left;
    padding: 40px 34px 14px;
}

.posts-nav li {
    display: inline-block;
    /* box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%); */
    padding: 15px;
    background: #f7f7f7 url(../images/ico-pagination-arrow-next.svg) no-repeat 90%;
    background-size: 19px 19px;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.posts-nav p {
    width: 80%;
    height: 1px;
    background-color: #cccccc;
    text-align: center;
    margin-left: 10%;
}

.posts-nav li:hover {
    box-shadow: 10px 5px 10px 0 #f5e9c5;
}

.posts-nav .next a {
    min-height: 13px;
    color: black;
    width: 100%;
}

    .posts-nav .next a:hover {
        text-decoration: none;
        /* background: #f5e9c5 url(../img/ico-pagination-arrow-next.svg) no-repeat right; */
    }

.posts-nav li div a {
    text-indent: .9em;
    text-align: left;
    white-space: nowrap;
    /* 强制性的在一行显示所有的文本，直到文本结束或者遭遇br标签对象才换行*/
    overflow: hidden;
    /* 溢出的文字隐藏起来*/
    text-overflow: ellipsis;
    /*溢出的文字使用圆点显示*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}

.posts-nav li div {
    display: inline-block;
}

    .posts-nav li div img {
        height: 34px;
    }

    .posts-nav li div:first-child {
        margin-left: 5%;
    }

    .posts-nav li div:last-child {
        width: 80%;
    }

    .posts-nav li div a:last-child {
        text-indent: 1.8em;
        font-size: 8px;
        font-weight: 200;
    }

.closeTip p:nth-child(3) {
    margin-top: 28px;
}

.closeTip p {
    text-align: left;
    font-size: 14px;
    color: #242424;
    margin: 20px auto;
}

.closeTip h4 {
    margin-bottom: 22px;
    margin-top: -22px;
    font-size: 20px;
    color: #242424;
}

[type="checkbox"] {
    cursor: pointer;
}

#closeAccountTip {
    text-align: center;
    bottom: 50px;
    float: left;
    align-items: center;
    display: block;
    margin: 10px 35px;
    height: 50px;
    width: 410px;
    font-size: 20px;
}

#u123_text {
    display: none;
    margin: -1% 31px;
    text-align: left;
}

.WarnTips_p {
    display: none;
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 200;
    background-color: rgb(110, 18, 18);
}

.iframe_loading {
    width: 100%;
    height: 100%;
}

.moreExternalList {
}

    .moreExternalList .element {
        align-items: center;
        height: 40px;
        width: auto;
        min-width: 200px;
        cursor: pointer;
        display: flex;
        border: 1px solid #006bd3;
        border-radius: 10px;
        color: #1a1a1a;
    }

        .moreExternalList .element:hover {
            border-color: #43a0fa;
            background: #43a0fa;
            color: white;
        }

        .moreExternalList .element + .element {
            margin-top: 10px;
        }

        .moreExternalList .element div:nth-of-type(1) {
            background-repeat: no-repeat;
            background-position: center;
            width: 32px;
            height: 32px;
            margin: 0 8px;
            background-size: 100%;
            border-radius: 16px;
        }

        .moreExternalList .element .name {
            width: auto;
            min-width: 160px;
            margin-right: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Microsoft Yahei', Helvetica, sans-serif;
        }


#iframe_loading .sk-three-bounce,
#preloader .sk-three-bounce {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: white;
    top: 50%;
}

#loading {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 200;
}

    #loading .sk-three-bounce {
        margin: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

.sk-three-bounce .sk-child {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #2953E8;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media all and (orientation: landscape) {
    .PrivacyBox .cbtn,
    .ServiceAgreementBox .cbtn {
        position: fixed;
        width: 2rem;
        height: 0.8rem;
        background-color: #2c82ca;
        color: #FFFFFF;
        line-height: 0.8rem;
        font-size: 0.28rem;
        margin: auto;
        flex-shrink: 0;
        border-radius: 0.1rem;
        text-align: center;
        bottom: 0.4rem;
        left: 45%;
    }

    .PrivacyBox .box,
    .ServiceAgreementBox .box {
        height: 66%;
    }

    #closeAccountTip {
        margin: 1px auto !important;
        float: none;
    }
}

@media (max-height:500px) {
    .login-scan-wrap {
        padding-top: 0px !important;
    }
}


/* 
@media screen and (max-width: 900px) and (orientation: landscape) {
    .main_bg {
        padding-bottom: 222px;
    }
}*/

@media screen and (max-width: 470px) {
    .phoneInputGroup {
        width: calc(100% - 0px);
    }

    .loginBox {
        width: calc(100% - 40px);
    }

    .sidetool {
        display: none;
        top: auto !important;
        margin-top: -120px !important;
        bottom: 0 !important;
    }

    #closeAccountTip {
        width: 80%;
    }

    #DeletePersonalForm {
        margin: 30px;
    }

    #closeAccount {
        margin: 62px auto 1px;
        width: 100%;
    }

    .quitToLeave {
        margin: 10px auto;
        width: 100%;
    }
}

.btn-show {
    width: 200px;
    height: 60px;
    margin: 0 auto;
    background: #0a92cc;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 16px;
    line-height: 60px;
}

.sidetool {
    display: none;
    box-shadow: 0 3px 3px #ededed;
    border-radius: 5px;
    transition: .2s;
    position: fixed;
    z-index: 99;
    right: 20px;
    bottom: 30%;
    transition: .2s;
}

    .sidetool .fr {
        position: relative;
    }

    .sidetool ul {
        margin-bottom: 0px;
    }

        .sidetool ul li {
            text-align: center;
            list-style: none;
            cursor: pointer;
        }

            .sidetool ul li .li-content,
            .sidetool-qrcode-box {
                border: 1px solid #dadada;
                background-color: #ffffff;
            }

            .sidetool ul li .li-content {
                width: 100%;
                height: 100%;
                border-bottom: none;
                border-top: none;
            }

            .sidetool ul li .sidetool-down {
                border-top: 1px solid #dadada;
                border-radius: 5px 5px 0 0;
            }

            .sidetool ul li .sidetool-top {
                border-bottom: 1px solid #dadada;
            }

    .sidetool .li-content p {
        display: none;
    }

    .sidetool ul li .sidetool-grzx .zwiconfont {
        font-size: 28px;
    }

.sidetool {
    bottom: auto;
    top: 50%;
    margin-top: -60px;
    box-shadow: none;
}

.sidetool {
    width: 45px;
}

    .sidetool .li-content p {
        display: none;
        line-height: 40px;
        height: 40px;
        padding-top: 0 !important;
        color: #707070;
    }

    .sidetool ul li p {
        font-size: 12px;
        line-height: 2em;
    }

    .sidetool li {
        height: 40px;
        width: 45px;
    }

    .sidetool .zwiconfont {
        color: #707070;
        font-size: 24px;
        width: 24px;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
        border-bottom: none;
        /* display: block; */
    }

    .sidetool .li-content.active p {
        display: block;
        color: #fff;
    }

    .sidetool .li-content.active .zwiconfont {
        display: none;
    }

    .sidetool .li-content {
        box-sizing: border-box;
    }

    .sidetool ul li .li-content.active {
        border: none;
        background-color: #3388db;
    }

    .sidetool ul li .li-content p {
        padding-top: 30px;
    }

.sidetool-qrcode-box {
    right: 55px;
    overflow: visible;
    display: none;
    position: absolute;
    top: 0px;
    padding: 10px 10px 3px 10px;
    -webkit-transition: .2s;
    transition: .2s;
    text-align: center;
    border-radius: 5px;
}

    .sidetool-qrcode-box .sidetool-qrcode {
        width: 84px;
        height: 84px;
        display: block;
    }

    .sidetool-qrcode-box .arrow-right {
        position: absolute;
        left: 100%;
        top: 12px;
        background: url(https://cdn.zwsoft.cn/uploadfile/content/2021/07/60ee950ad542d.png);
        height: 11px;
        width: 7px;
    }

    .sidetool-qrcode-box p {
        margin-top: 5px;
    }

    .sidetool-qrcode-box.code-qw {
        top: 40px;
        /* width: 160px; */
        width: auto;
    }

.zxCode-wrapper {
    text-align: center;
    color: #626262;
    word-break: keep-all;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .content-jishukefu {
        top: 40px
    }

    .content-fuwurexain {
        top: 80px
    }

    .code-wechat {
        top: 120px
    }
}

.content-box {
    padding: 10px 10px 10px 10px
}

.sidetool-qrcode-box .sidetool-qrcode {
    width: 75px;
    height: 75px;
}

@font-face {
    font-family: "zwiconfont";
    /* IE9 */
    /*src: url('../font/iconfont.eot') format('embedded-opentype'), */
    src: url('../fonts/iconfont.woff2?v=1.0') format('woff2') /* iOS 4.1- */
}

.zwiconfont {
    font-family: "zwiconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.zwicon-zwicon-logo:before {
    content: "\e601";
}

.zwicon-language-De:before {
    content: "\e604";
}

.zwicon-language-En:before {
    content: "\e605";
}

.zwicon-language-It:before {
    content: "\e606";
}

.zwicon-language-Es:before {
    content: "\e607";
}

.zwicon-language-Vn:before {
    content: "\e608";
}

.zwicon-language-Jp:before {
    content: "\e609";
}

.zwicon-language-Zh:before {
    content: "\e60a";
}

.zwicon-language-Kr:before {
    content: "\e60b";
}

.zwicon-language-Pt:before {
    content: "\e60c";
}

.zwicon-language-earth:before {
    content: "\e60d";
}

.zwicon-language-Fr:before {
    content: "\e60e";
}

.zwicon-language-De-flag:before {
    content: "\e60f";
}


/*.icon-search:before{content: "\e96b";}*/

.zwicon-gouwuche1:before {
    content: "\e681";
}

.zwicon-zhanghao:before {
    content: "\e6e3";
}

.zwicon-gongzhonghao1:before {
    content: "\e614";
}

.zwicon-zixun1:before {
    content: "\e62e";
}

.zwicon-xialajiantou1:before {
    content: "\e625";
}

.zwicon-yonghu:before {
    content: '\e640';
}

.zwicon-qq:before {
    content: '\e62b';
}

.zwicon-gongzhonghao2:before {
    content: "\e664"
}

.zwicon-dianhua:before {
    content: "\e63b"
}

.zwicon-dianhua1:before {
    content: "\e615"
}

.zwicon-robot:before {
    content: "\e667"
}

.zwicon-24gf-phoneLoudspeaker:before {
    content: "\e969"
}

.zwicon-gongzhonghao4:before {
    content: "\e613"
}

.zwicon-jiqiren:before {
    content: "\e70e"
}

.zwicon-jiqiren1:before {
    content: "\e68c"
}

.zwicon-kefu:before {
    content: "\e65a";
}

.zwicon-kefu1:before {
    content: "\e73a";
}

@font-face {
    font-family: "iconfont";
    src: url('../font/icon/iconfont.eot?t=1601361565873');
    /* IE9 */
    src: local('?'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('../font/icon/iconfont.woff?t=1601361565873') format('woff'), url('../font/icon/iconfont.ttf?t=1601361565873') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/icon/iconfont.svg?t=1601361565873#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mainjiantou:before {
    content: "\e60e";
}

.icon-shijieditudiqiu:before {
    content: "\e60d";
}

.icon-jiantou:before {
    content: "\e60c";
}

.icon-jiantouzuoleft:before {
    content: "\e60a";
}

.xiajiantou:before {
    content: "\e610";
}

.shijiantoushangup:before {
    content: '\e611';
}

.shijian:before {
    content: '\e612';
}

.yanjing:before {
    content: '\e613';
}

.home:before {
    content: '\e614';
}

.home:before {
    content: '\e614';
}

.toplay:before {
    content: '\e615';
}

.close:before {
    content: '\e616';
}

.fanhuiyou:before {
    content: '\e617';
}

.online:before {
    content: '\e618';
}

.xiazaiwenjian:before {
    content: '\e619';
}

.fanhui:before {
    content: '\e61a';
}

.jiantoushixin_zuo:before {
    content: '\e61b';
}

.jiantoushixin_you:before {
    content: '\e61c';
}

.dianhua:before {
    content: '\e61d';
}

.yingjianweixiu:before {
    content: '\e61e';
}

.shijiantouxiadown:before {
    content: '\e61f';
}

.phonenumber:before {
    content: '\e620';
}

.dingwei:before {
    content: '\e624';
}

.jiantoushang:before {
    content: '\e625';
}

.jiantouxia:before {
    content: '\e626';
}

.jiantouyou:before {
    content: '\e627';
}

.jiantouzuo:before {
    content: '\e628';
}

.shuangjiantouxia:before {
    content: '\e629';
}

.gengduo3:before {
    content: '\e62a';
}

.icon-_jiantouzuo:before {
    content: '\e62b';
}

.wujiaoxing:before {
    content: '\e62c';
}

.shuangjiantouyou:before {
    content: '\e62d';
}

.headerjiantou:before {
    content: '\e62e';
}

.xiaoxi:before {
    content: '\e630';
}

.qqicon:before {
    content: '\e62f';
}

.fenxiang-shise:before {
    content: '\e631';
}

.wenzhang1:before {
    content: '\e632';
}

.wenzhang2:before {
    content: '\e633';
}

.fanhuizuoshixin:before {
    content: '\e635';
}

.guanbi:before {
    content: '\e636';
}

.daima:before {
    content: '\e637';
}

.youjianfasongchenggong:before {
    content: '\e638';
}

.xiazai:before {
    content: '\e63a';
}

.xzwj:before {
    content: '\e63b';
}

.lanmu:before {
    content: '\e648';
}

.play-kong:before {
    content: '\e649';
}

.load-kong:before {
    content: '\e64a';
}

@font-face {
    font-family: 'icomoon';
    src: url('../font/icomoon.eot');
    src: local('?'), /* IE6-IE8 */
    /*src: url('../font/icomoon.eot') format('embedded-opentype'),*/
    url('../font/icomoon.ttf') format('truetype'), url('../font/icomoon.woff') format('woff'), url('../font/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icomoon {
    font-family: "icomoon" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
    content: "\e96b";
}

.icon-language:before {
    content: "\e925";
}

@media (max-width: 768px) {
    /* 新版侧边栏 start */
    .li-top {
        display: none;
    }

    .sidetool {
        position: fixed;
        width: 100%;
        height: 45px;
        line-height: 45px;
        margin-top: 0 !important;
        bottom: 0;
        top: auto;
        right: 0;
    }

        .sidetool ul li {
            height: 100%;
            float: left;
        }

        .sidetool .li-content p {
            line-height: 45px;
            height: 45px;
        }

        .sidetool .zwiconfont {
            line-height: 40px;
            height: 40px;
            font-size: 20px;
        }

        .sidetool ul li .sidetool-grzx .zwiconfont {
            font-size: 22px;
        }

        .sidetool ul li .li-content {
            border-radius: 0;
            border-bottom: 1px solid #dadada;
            border-top: 1px solid #dadada;
            border-left: none;
            border-right: 0;
        }

    .sidetool-qrcode-box,
    .sidetool-qrcode-box.code-qw {
        right: 0;
        top: auto;
        margin-left: -53px;
        width: fit-content;
        bottom: 53px;
        height: 55px;
        box-sizing: border-box;
        overflow: visible;
    }

        .sidetool-qrcode-box.content-jishukefu {
            right: 0;
            top: auto;
            margin-left: 53px;
            width: fit-content;
            bottom: 53px;
            height: 55px;
            box-sizing: border-box;
            overflow: visible;
        }

        .sidetool-qrcode-box.content-fuwurexain {
            margin-left: 183px;
        }

        .sidetool-qrcode-box .arrow-right {
            transform: rotate(90deg);
            left: 50%;
            margin-left: -5.5px;
            top: auto;
            bottom: -9px;
        }
    /* 以下两行控制icon显示个数（qrcode要+1%） */
    .sidetool ul li {
        width: 33.33%;
    }

    .sidetool-qrcode-box {
        left: 17.67%;
    }
    /* 新版侧边栏 end */
    .home-banner-bg-a {
        height: 400px !important
    }
}

.loginCodeMsg {
    color: #006bd3;
}

.btnLoading:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    vertical-align: -10%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 30%);
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotatez(0deg);
    }

    to {
        transform: rotatez(360deg);
    }
}


.signContainer .quickLogin {
    display: flex;
    width: 480px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

    .signContainer .quickLogin .logo {
        display: flex;
        width: 100%;
        justify-content: left;
        align-content: center;
        margin: 0 0 0 30px;
    }

    .signContainer .quickLogin .row {
        display: flex;
        width: 100%;
        justify-content: center;
        align-content: center;
    }

    .signContainer .quickLogin .quickLoginTitle {
        width: 100%;
        margin: 60px 0 30px;
        font-size: 20px;
        font-weight: 600;
        color: #006bd3;
    }

    .signContainer .quickLogin .profileImg {
        width: 120px;
        height: 120px;
        border-radius: 60px;
    }

    .signContainer .quickLogin .userName {
        font-size: 18px;
        margin: 15px 20%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 48px;
        cursor: default;
    }

    .signContainer .quickLogin .left {
        width: 100%;
        margin: 0 30px;
    }

    .signContainer .quickLogin .ljzc {
        display: block;
        text-align: center;
        font-size: 18px;
        color: #fff;
        background: #006bd3;
        height: 50px;
        line-height: 50px;
        border-radius: 5px;
        width: 420px;
        cursor: pointer;
    }

    .signContainer .quickLogin .secondBtn {
        height: 30px;
        width: 100%;
        font-size: 14px;
        color: #006bd3;
        margin-top: 17px;
        cursor: pointer;
    }

.passwordRules {
    position: absolute;
    z-index: 3000;
    border-radius: 4px;
}

    .passwordRules::before {
        content: "";
        position: absolute;
        top: -15px;
        left: 20px;
        transform: translateY(50%) rotate(180deg);
        border-style: solid;
        border-width: 15px 15px 0 15px;
        border-color: gray transparent;
    }

    .passwordRules .inner {
        background-color: gray;
        padding: 6px 0;
        color: white;
        font-size: 12px;
        border-radius: 4px;
        padding-right: 2px;
    }

        .passwordRules .inner .list {
            padding: 6px 0 6px 24px;
            text-align: left;
        }

.supportMultiVerify {
    right: 32px;
    padding-right: 0;
}

.rvCodeVerifyLable {
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    display: flex;
}

.changeCodeMethod {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    z-index: 100;
}

    .changeCodeMethod label {
        width: 22px;
        height: 22px;
        margin: auto;
        position: relative;
        cursor: pointer;
    }

        .changeCodeMethod label i {
            display: block;
            width: 100%;
            height: 100%;
            background-color: transparent;
            position: relative;
            z-index: 1;
            background-image: url("../img/icon/change.svg");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

#rvCodeMsg {
    cursor: text;
    text-align: left;
    font-weight: 600;
}
@media only screen and (min-width: 3000px) and (min-height: 1800px) {
	.verify-phone .verify-phone-box{
		zoom: 1.4;
	}
}
@media only screen and (min-width: 1921px) and (min-height: 912px) {
	.verify-phone .verify-phone-box{
		zoom: 1.2;
	}
}