.page {
    height: 100%;
    position: relative
}

.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.login-box {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    z-index: 9999
}

.login-page {
    position: absolute;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    -webkit-animation: slideIn .3s;
    animation: slideIn .3s;
    -webkit-box-shadow: -1px 1px .1875rem #ccc;
    box-shadow: -1px 1px .1875rem #ccc
}

.login-page .lg-head {
    height: 2.75rem;
    position: relative
}

.login-page .lg-head .closebtn {
    width: 2.1875rem;
    height: 2.1875rem;
    display: block;
    background: url(../img/icon_icons.png?v=20240510) -1.25rem -4.5625rem no-repeat;
    background-size: 2.8125rem auto;
    text-indent: -999em;
    position: absolute;
    top: .28125rem;
    left: .625rem
}

.login-page .lg-head .registbtn {
    line-height: 2.75rem;
    padding: 0 1.25rem;
    color: #3b4144;
    font-size: .9375rem;
    position: absolute;
    top: 0;
    right: 0
}

.login-page .lg-head .backbtn {
    text-indent: -999em
}

.login-page .lg-body {
    padding: 1.875rem
}

.login-page .lg-body .htit {
    color: #3b4144;
    font-size: 1.4375rem
}

.login-page .lg-body .form_ul {
    margin-top: 1.4375rem
}

.login-page .lg-body .form_ul li {
    height: 2.8125rem;
    border-bottom: 1px solid #e5e5e5;
    margin-top: .625rem
}

.login-page .lg-body .form_ul .extra, .login-page .lg-body .form_ul li.btn {
    border-bottom: none;
    margin-top: 1.25rem
}

.login-page .lg-body .form_ul li.login-input {
    border: 1px solid #e5e5e5;
    border-radius: 1.4062rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.login-page .lg-body .form_ul li input {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .9375rem;
    background: 0 0;
    border: none;
    outline: 0
}


.login-page .lg-body .form_ul li input::-webkit-input-placeholder {
    color: #ccc
}

.login-page .lg-body .form_ul li .getyzm {
    color: #869099;
    font-size: .9375rem;
    white-space: nowrap;
    line-height: 2.8125rem
}

.login-page .lg-body .form_ul li button {
    width: 100%;
    border: none;
    outline: 0
}

.login-page .lg-body .form_ul .extra {
    height: auto;
    color: #ccc;
    font-size: .75rem;
    padding-bottom: .3125rem
}

.login-page .lg-body .form_ul .extra .check-item i {
    width: .875rem;
    height: .875rem;
    display: inline-block;
    background: url(../img/icon_icons.png?v=20240510) 0 -12.5rem no-repeat;
    background-size: 2.8125rem auto;
    vertical-align: middle;
    margin-right: .4375rem;
    position: relative;
    top: -.0625rem
}

.login-page .lg-body .form_ul .extra a:active {
    color: #14be46
}

.login-page .lg-body .form_ul .extra .checked i {
    background-position: 0 -13.6875rem
}

.login-page .lg-body .links {
    text-align: center;
    margin-top: 1.875rem;
    font-size: 0
}

.login-page .lg-body .links a {
    color: #869099;
    font-size: .75rem
}

.login-page .lg-body .links a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: .75rem;
    background: #e5e5e5;
    margin-left: .625rem;
    margin-right: .625rem;
    vertical-align: middle
}

.login-page .lg-body .links a:last-child:after, .user-agree:after {
    display: none
}


/* 个人信息 */
.personal {
    width: 100%;
    height: auto;
    margin-top:.75rem;
}

.personal ul, .personal ul li {
    list-style: none;
}

.personal ul
{
    width: 100%;
    height: auto;
}

.personal ul li {
    height: 2.75rem;
    line-height: 2.75rem;
    padding: 0 1.25rem;
    display: flex;
    margin-bottom: .25rem;
    background: white;
}

.personal ul li.li-avatar {
    margin-bottom: .1rem;
}

.personal ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    background: url(../img/icon_right_arrow.png) right center no-repeat;
    background-size: .35rem .65rem;
}

/*.infor .personal li a, .pcenter .info .icon_box li a {*/
/*    line-height: 2.5rem;*/
/*    font-size: .75rem;*/
/*    display: block;*/
/*    width: 100%;*/
/*    background: url(../../images/v5.0/right_arrow.png) right center no-repeat;*/
/*    background-size: .35rem .65rem;*/
/*}*/

.personal ul li .left {
    width: auto;
    height: 100%;
    /*background: grey;*/
    flex: 1;
    text-align: left;
}

.personal ul li .right {
    width: auto;
    padding-right: 1.0rem;
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateX(110%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes slideIn {
    0% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.pop-content-dlb .user-agree {
    margin-top: .5rem;
    margin-bottom: 1rem
}

.user-agree {
    height: auto !important;
    margin-top: 1.25rem;
    border: none !important
}

.user-agree .check-agree.on {
    background: url(../img/icon_chcek-sure.png) center no-repeat !important;
    background-size: .75rem !important
}

.user-agree .check-agree {
    width: .8rem !important;
    height: .8rem !important;
    border: 1px solid #d9d9d9 !important;
    background: #fff !important;
    -webkit-appearance: none;
    display: inline-block !important;
    margin-right: .2rem;
    margin-bottom: 0 !important
}

.user-agree span {
    font-size: .75rem !important;
    font-weight: 500;
    color: #bfbfbf !important;
    padding: 0 !important
}

.user-agree span:before {
    display: none !important
}

.default-btn {
    height: 2.75rem;
    display: block;
    text-align: center;
    line-height: 2.75rem;
    background-color: #14be46;
    color: #fff;
    font-size: 1rem;
    border-radius: 1.375rem
}

.wzc {
    line-height: 1.3rem;
    font-weight: 700
}

.wzc p {
    font-size: .75rem;
    line-height: .8rem;
    font-weight: 400
}