.m-account .m-tip-1_3_1 {
    width: 6.66666667rem;
    top: 2.4rem;
    border-radius: .26666667rem;
    padding-bottom: .4rem;
    color: #fff;
    font-size: 26px;
    background: #333;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    opacity: .9;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0
}

.m-account .m-tip-1_3_1 .m-tip-content {
    width: 5.6rem;
    margin: 0 auto;
    margin-top: .4rem;
    text-align: center;
    font-size: .34666667rem;
    word-wrap: break-word
}

.m-account .m-tip-1_3_1 .m-tip-content a {
    color: #fff
}

.m-header {
    background-color: #fff
}

.m-header .m-header-top {
    height: 1.2rem;
    line-height: 1.2rem;
    width: 100%
}

.m-header .m-header-top i {
    display: block;
    float: left;
    height: .46666667rem;
    width: .26666667rem;
    background: url("../img/revert-icon_35cb43b.png") no-repeat center;
    margin-top: .37333333rem;
    background-size: contain;
    margin-left: .4rem
}

.m-header .m-header-top #m-register {
    float: right;
    display: none;
    font-size: .4rem;
    margin-right: .4rem
}

.m-header .m-header-content {
    height: 1.62666667rem;
    width: 3.12rem;
    background: url("../img/zbj-logo_d96e931.png") no-repeat center;
    background-size: contain;
    margin: 0 auto
}

#m-register {
    display: inline-block !important
}

.m-login-content {
    position: relative
}

.m-login-content .m-login-form {
    margin-top: 1.6rem
}

.m-login-content .m-login-form .m-login-header {
    height: .8rem;
    line-height: .8rem;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 1.33333333rem
}

.m-login-content .m-login-form .m-login-header ul {
    width: 8.66666667rem;
    margin: 0 auto
}

.m-login-content .m-login-form .m-login-header ul li {
    list-style: none;
    width: 4.32rem;
    float: left;
    text-align: center;
    font-size: .4rem;
    height: .4rem;
    line-height: .4rem;
    color: #999
}

.m-login-content .m-login-form .m-login-header ul li span {
    display: inline-block;
    height: .8rem;
    cursor: pointer
}

.m-login-content .m-login-form .m-login-header ul .zbj-tabs-active span {
    border-bottom-style: solid;
    border-bottom-width: .02666667rem;
    border-bottom-color: #ff6900;
    color: #ff6900
}

.m-login-content .m-login-form .m-login-header ul .split-line {
    height: .4rem;
    width: .01333333rem;
    margin-left: .01333333rem;
    float: left;
    background: #d9d9d9
}

.m-login-content .m-login-form .m-login-main {
    width: 8.66666667rem;
    margin: 0 auto
}

.m-login-content .m-login-form .m-login-main .m-login-row {
    height: .53333333rem;
    font-size: .4rem;
    padding-bottom: .53333333rem;
    border-bottom: 1px solid #e6e6e6
}

.m-login-content .m-login-form .m-login-main .m-login-row p {
    width: 1.93333333rem;
    text-align: left;
    height: .53333333rem;
    line-height: .53333333rem;
    font-size: .4rem;
    float: left;
    color: #333
}

.m-login-content .m-login-form .m-login-main .m-login-row input {
    border: 0;
    float: left;
    width: 3.62666667rem;
    padding: 0;
    padding-left: .01333333rem;
    font-size: .4rem;
    height: .53333333rem
}

.m-login-content .m-login-form .m-login-main .m-login-row input::-webkit-input-placeholder {
    color: #d9d9d9
}

.m-login-content .m-login-form .m-login-main .m-login-row em.clear-input-icon {
    display: none;
    width: .37333333rem;
    height: .37333333rem;
    margin-top: .08rem;
    background-image: url("../img/clear-input_bc5fddf.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    cursor: pointer
}

.m-login-content .m-login-form .m-login-main .m-login-row em.clear-icon-show {
    display: block
}

.m-login-content .m-login-form .m-login-main .login-mobile-row button.m-getCode {
    background: 0 0;
    border: 0;
    float: right;
    text-align: right;
    color: #d9d9d9;
    cursor: pointer;
    font-size: .4rem;
    height: .53333333rem;
    line-height: .53333333rem;
    display: block;
    width: 2.66666667rem;
    border-left: 1px solid #d9d9d9
}

.m-login-content .m-login-form .m-login-main .login-mobile-row button.m-getCode.active-status {
    color: #ff6900
}

.m-login-content .m-login-form .m-login-main .mobile-input-row {
    margin-bottom: .53333333rem
}

.m-login-content .m-login-form .m-login-main .mobile-input-row input {
    width: 3.53333333rem
}

.m-login-content .m-login-form .m-login-main .code-input-row {
    margin-bottom: .42666667rem
}

.m-login-content .m-login-form .m-login-main .code-input-row input {
    border: 0
}

.m-login-content .m-login-form .m-login-main .code-input-row em.clear-input-icon {
    float: right
}

.m-login-content .m-login-form .m-login-main .login-account-row input {
    border: 0;
    width: 6.29333333rem
}

.m-login-content .m-login-form .m-login-main .account-input-row {
    margin-bottom: .53333333rem
}

.m-login-content .m-login-form .m-login-main .account-input-row em.clear-input-icon {
    float: right
}

.m-login-content .m-login-form .m-login-main .password-input-row {
    margin-bottom: .8rem
}

.m-login-content .m-login-form .m-login-main .forget-password-row {
    border: 0;
    margin-top: .4rem;
    height: .26666667rem;
    line-height: .26666667rem;
    padding-bottom: 0
}

.m-login-content .m-login-form .m-login-main .forget-password-row a {
    font-size: .34666667rem;
    color: #666;
    float: right
}

.m-login-content .m-login-form .m-login-main .m-login-agreement {
    font-size: .34666667rem;
    color: #999
}

.m-login-content .m-login-form .m-login-main .m-login-agreement a {
    color: #333
}

.m-login-content .m-login-form .m-login-main button.m-login-btn {
    border: 0;
    font-size: .46666667rem;
    width: 100%;
    text-align: center;
    height: 1.06666667rem;
    line-height: 1.06666667rem;
    background: #ff6900;
    display: block;
    color: #ff9400;
    margin-top: .8rem;
    cursor: not-allowed
}

.m-login-content .m-login-form .m-login-main button.m-login-btn.active-status {
    color: #fff;
    cursor: pointer
}

.m-login-content .zbj-tabs {
    border: 0
}

.label-checkbox-protocal {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    font-size: .34666667rem;
    line-height: .93333333rem
}

.label-checkbox-protocal i input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.label-checkbox-protocal i input[type=checkbox]+span {
    display: inline-block;
    height: .34666667rem;
    width: .34666667rem;
    border-radius: 4px;
    border: 1px solid gray
}

.label-checkbox-protocal p {
    padding-left: .13333333rem;
    line-height: .8rem
}

.label-checkbox-protocal p a {
    text-decoration: underline;
    text-underline-position: under
}

.label-checkbox-protocal input[type=checkbox]:checked+span {
    border: 1px solid #ff9400;
    text-align: center;
    position: relative
}

.label-checkbox-protocal input[type=checkbox]:checked+span::after {
    content: '✓';
    color: #ff9400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-login-other-way {
    width: 8.66666667rem;
    margin: 0 auto;
    margin-top: 1.93333333rem
}

.m-login-other-way .m-login-footer-title {
    height: .26666667rem;
    line-height: .26666667rem
}

.m-login-other-way .m-login-footer-title i {
    margin-top: .12rem;
    height: 1px;
    display: block;
    float: left;
    width: 3.06666667rem;
    background: #e6e6e6
}

.m-login-other-way .m-login-footer-title i.m-login-split-back {
    float: right
}

.m-login-other-way .m-login-footer-title h5 {
    display: inline-block;
    margin: 0;
    margin-left: .29333333rem;
    height: .26666667rem;
    line-height: .26666667rem;
    font-size: .34666667rem
}

.m-login-other-way ul {
    margin: 0 auto;
    margin-top: .53333333rem;
    width: 6.05333333rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m-login-other-way ul li {
    height: 1.17333333rem;
    display: block;
    float: left;
    text-align: center
}

.m-login-other-way ul li a {
    display: block;
    margin: 0 auto
}

.m-login-other-way ul li span {
    margin-top: .4rem;
    display: block
}

.m-login-other-way ul li a.mqq-icon {
    width: .48rem;
    height: .53333333rem;
    background: url("../img/qq-icon_935177f.png") no-repeat;
    background-size: contain
}

.m-login-other-way ul li a.mweibo-icon {
    width: .58666667rem;
    height: .46666667rem;
    background: url("../img/weibo-icon_9e14ff1.png") no-repeat;
    background-size: contain
}

.m-login-other-way ul li .key-login {
    width: .61333333rem;
    height: .53333333rem
}

.m-login-other-way ul li.qq-area {
    float: left
}

.m-login-other-way ul li.weibo-area {
    float: right
}

.m-login-other-way .mobile-login span {
    margin-top: .26666667rem
}

.m-login-other-way .weibo-area span {
    margin-top: .46666667rem
}

.key-login-liantong .mobile-warp {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4)
}

.key-login-liantong .tips-modal {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: 220px;
    background: #fff;
    z-index: 99;
    border-radius: 10px
}

.key-login-liantong .tips-modal .close {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 20px;
    height: 20px
}

.key-login-liantong .tips-modal .title {
    margin-top: 35px;
    margin: 20px auto 23px;
    font-size: 20px;
    text-align: center
}

.key-login-liantong .tips-modal .phone {
    font-weight: 500;
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-top: 10px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.key-login-liantong .tips-modal .phone .my-radio {
    width: 41px;
    height: 50px;
    border: 1px solid #E5E5E5;
    position: absolute;
    left: .3125rem;
    opacity: 0;
    z-index: -5
}

.key-login-liantong .tips-modal .phone span {
    display: block;
    float: left;
    margin-right: 8px;
    width: 31px;
    height: 30px;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    line-height: 30px
}

.key-login-liantong .tips-modal .phone span:nth-child(1) {
    border-color: #FF6900
}

.key-login-liantong .tips-modal .policy {
    width: 70%;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 23px;
    font-size: 12px;
    color: #999
}

.key-login-liantong .tips-modal .policy input[type=checkbox] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.key-login-liantong .tips-modal .policy input[type=checkbox]::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0;
    text-align: center;
    content: ' '
}

.key-login-liantong .tips-modal .policy input[type=checkbox]:checked::after {
    content: "✓";
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    background-color: #FF6900
}

.key-login-liantong .tips-modal .policy a {
    color: #FF6900
}

.key-login-liantong .tips-modal .policy input {
    color: #ff6900;
    margin-top: 2px
}

.key-login-liantong .tips-modal .policy radio {
    width: 14px;
    height: 14px
}

.hidden-box {
    display: none
}

.go-wx {
    height: 1.33333333rem;
    width: 90%;
    margin: 0 auto;
    border-radius: .26666667rem;
    display: -ms-flexbox;
    display: flex;
    line-height: 100px;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: .26666667rem;
    font-size: .32rem;
    padding: .2rem
}

.go-wx span {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .32rem
}

.go-wx .btn {
    border-radius: .2rem;
    background-color: #f2d3b5;
    color: #a79576;
    padding: 0 15px;
    margin-left: .26666667rem
}

.go-wx .btn a {
    font-size: .32rem
}

.go-wx .msg {
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    border: 1px solid #fff;
    top: -.26666667rem;
    left: -.26666667rem;
    background: #a30014;
    color: #fff;
    font-size: .32rem
}

.open {
    animation: slideContentUp .3s linear both
}

@keyframes slideContentUp {
    from {
        bottom: -1.6rem
    }

    to {
        bottom: .26666667rem
    }
}

.hiddenInput {
    width: .0625rem;
    height: 0;
    line-height: 1.875rem;
    font-size: .5rem;
    position: absolute;
    left: .3125rem;
    opacity: 0;
    z-index: -5
}

.write-input {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.write-input .vux-no-group-title {
    padding-bottom: 1rem
}

.write-input li {
    display: inline-block;
    width: 1.75rem;
    height: 1.85rem;
    border: .04rem solid #E7E7E7;
    border-radius: .25rem;
    list-style-type: none;
    line-height: 1 !important;
    min-height: 1.85rem !important;
    margin: 0 .11rem
}

.write-input li input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    resize: none;
    outline: 0;
    border: 0;
    padding: .5rem 0;
    width: 1.67rem;
    border-radius: .25rem;
    text-align: center;
    font-size: 16px;
    background: none !important
}

.write-input .realInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    resize: none;
    outline: 0;
    border: 0;
    z-index: 50;
    position: absolute;
    padding: .61rem 0;
    background: 0 0;
    display: block;
    margin-left: -30%;
    top: 34px;
    opacity: 0;
    caret-color: #fff;
    color: #000;
    text-indent: -5rem;
    font-size: .63rem;
    width: 150%;
    top: 1px
}