label {
    -webkit-appearance: none;
}

html,
body {
    width: 100%;
    height: 100%;
    background: #7f7f7f;
}

body {
    font-family: "微软雅黑";
    font-size: 0.21875rem !important;
    color: #fff;
}

a:visited,
a:link,
a:active,
a:hover {
    text-decoration: none !important;
}

.tips {
    font-size: 5vw;
    text-align: center;
    color: #fff0ff;
    margin-top: 10vh;
    padding: 2vw;
}

.wrapper {
    background: #7f7f7f;
    overflow: hidden;
}

input,
select,
option {
    border: none;
    background: none;
}

input[type="text"],
input[type="password"] {
    -webkit-appearance: none;
}

/* 充值页面 */

.header,
.personal_top {
    background-size: cover;
    position: relative;
}

.back {
    position: absolute;
    left: 0.234375rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/back.png) no-repeat center center;
    background-size: 34% 33%;
    background-position: left;
    display: block;
    width: 1.5rem;
    height: 100%;
}

.back a {
    display: block;
    width: 100%;
    height: 100%;
}

.personal_header .back,
.personal_header .error {
    top: 25%;
}

.header,
.personal_top {
    width: 100%;
    height: 1.953125rem;
    font-size: 0.71875rem;
    text-align: center;
    letter-spacing: 2px;
}

.header h1,
.personal_top h1 {
    line-height: 1.953125rem;
    font-size: 100%;
}

.personal_header .person_name {
    font-size: 0.4rem;
}

.personal_header .person_id {
    font-size: 0.38rem;
}

.container {
    overflow: hidden;
}

.tap {
    height: 1.15625rem;
    border-bottom: 1px solid #a5a5a5;
}

.tap span {
    width: 50%;
    height: 1.15625rem;
    text-align: center;
    line-height: 1.15625rem;
    font-size: 0.53125rem;
    letter-spacing: 1px;
    float: left;
}

.tap span.cur {
    background: #c3c3c3;
}

.tap span i,
.tap span em {
    display: inline-block;
    line-height: 0.53125rem;
}

.tap span i {
    margin: 0 0.078125rem 0 0;
    vertical-align: text-top;
}

.tap .wechat i {
    width: 0.6875rem;
    height: 0.65625rem;
    background: url(../images/pay_wechat.png) no-repeat left center;
    background-size: contain;
}

.tap .alipay i {
    width: 0.6875rem;
    height: 0.640625rem;
    background: url(../images/pay_ali.png) no-repeat left center;
    background-size: contain;
}

.container_in {
    padding: 1.21875rem 1.453125rem 0;
}

.container_in label {
    display: block;
    -webkit-appearance: none;
}

.container_in .label {
    width: 100%;
    height: 1.140625rem;
    background: #545454;
    border-radius: 0.078125rem;
    font-size: 0.5rem;
}

.container_in .label input {
    background: none;
    border: none;
    height: 1.140625rem;
    padding-left: 0.21875rem;
}

.container_in .label span {
    padding-right: 0.28125rem;
    float: right;
    line-height: 1.140625rem;
}

.container_in .intro_txt {
    font-size: 0.328125rem;
    color: #d1d1d1;
    line-height: 0.328125rem;
    margin: 0.375rem 0;
    text-shadow: 1px 2px 1px #626262;
}

.container_in .submit_btn {
    margin-top: 0.5625rem;
    width: 100%;
    height: 1.625rem;
    background-size: cover;
    border: none;
    border-radius: 0.078125rem;
    overflow: hidden;
    font-size: 0.65625rem;
    letter-spacing: 1px;
}

/* 个人中心 */

.personal_header {
    position: relative;
    height: 3.203125rem;
    text-align: center;
    padding-top: 0.078125rem;
}

.person_img {
    width: 1.921875rem;
    height: 1.921875rem;
    display: inline-block;
    margin-bottom: 0.046875rem;
}

.person_img img {
    width: 100%;
}

.personal_header p {
    line-height: 0.5rem;
}

.personal_container_in p {
    margin-top: 0.3125rem;
    height: 1.609375rem;
    background: #8e8e8e;
    font-size: 0.5rem;
    padding: 0 0.3125rem;
    line-height: 1.609375rem;
}

.personal_container_in p .right,
.personal_container_in p .more {
    float: right;
}

.personal_container_in p .more {
    width: 0.3125rem;
    height: 0.625rem;
    background: url(../images/go_icon.png) no-repeat right center;
    background-size: cover;
    margin-top: 0.5rem;
    margin-left: 0.078125rem;
}

.personal_container_in .submit_btn,
.personal_header .submit_btn {
    width: 7.09375rem;
    height: 1.328125rem;
    line-height: 1.328125rem;
    text-align: center;
    background-size: cover;
    font-size: 0.65625rem;
    margin: 0.859375rem auto;
}

.personal_container_in .submit_btn span,
.personal_header .submit_btn span,
.personal_container_in .submit_btn i,
.personal_header .submit_btn i {
    display: inline-block;
}

.personal_container_in .submit_btn i,
.personal_header .submit_btn i {
    width: 0.75rem;
    height: 0.78125rem;
    background: url(../images/log_off_icon.png) no-repeat left center;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 0.078125rem;
    vertical-align: middle;
}

.personal_top,
.personal_header .submit_btn,
.person_img_02 {
    display: none;
}

/* 修改密码 */

.psw_container_in {
    padding: 0;
}

.psw_container_in .label {
    background: none;
    height: 1.125rem;
    width: 100%;
    border-bottom: 1px solid #b7b7b7;
    padding: 0 0.15625rem;
    margin-top: 0.3125rem;
}

.psw_container_in .label input {
    line-height: 1.125rem;
    width: 100%;
}

.psw_container_in .submit_btn {
    width: 7.078125rem;
    height: 1.609375rem;
    margin: 1.25rem auto 0;
    display: block;
}

/* 客服中心 */

.error {
    width: 1.5rem;
    height: 100%;
    position: absolute;
    right: 0.234375rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/error.png) no-repeat center center;
    background-position: right;
    background-size: 34% 34%;
}

.service_container_in {
    padding: 0;
}

.service_container_in dl {
    width: 7.46875rem;
    height: 3.359375rem;
    background: #a6a6a6;
    border-radius: 0.078125rem;
    margin: 0.734375rem auto 0;
    padding: 0.890625rem 0 0 0.65625rem;
}

.img_code {
    position: absolute;
    right: 2vw;
}

.service_container_in dt {
    width: 1.8125rem;
    height: 1.734375rem;
    float: left;
}

.service_container_in dt img {
    width: 100%;
}

.service_container_in dd {
    float: left;
    margin-left: 0.4375rem;
    color: #fff;
}

.service_container_in dd h3 {
    font-size: 0.6rem;
    line-height: 0.6rem;
    margin-top: 0.1rem;
}

.service_container_in dd p {
    font-size: 0.5rem;
    margin-top: 0.3125rem;
}

/* 安全方式 */

.security_container_in {
    padding: 0;
}

.security_container_in .state {
    overflow: hidden;
    text-align: center;
    padding: 0.640625rem 0 0.390625rem 0;
    border-bottom: 1px solid #929292;
    margin-bottom: 0.15625rem;
}

.security_container_in .state span {
    font-size: 0.40625rem;
    display: inline-block;
}

.security_container_in .state i {
    width: 1.3125rem;
    height: 1px;
    background: #929292;
    display: inline-block;
    vertical-align: middle;
}

.security_container_in .state .cur {
    font-size: 0.5rem;
}

.security_container_in .word {
    font-size: 0.375rem;
    line-height: 0.78125rem;
    padding-left: 0.765625rem;
}

.security_container_in .security_label {
    width: 100%;
    height: 1.078125rem;
    background: #adadad;
    border-bottom: 1px solid #c4c4c4;
    padding-left: 0.765625rem;
}

.security_label i,
.security_label input {
    display: inline-block;
}

.security_label i {
    vertical-align: middle;
}

.security_label.phone i {
    background: url(../images/save_phone_icon.png) no-repeat left center;
    width: 0.40625rem;
    height: 0.546875rem;
    background-size: cover;
}

.security_label.code i {
    background: url(../images/save_code_icon.png) no-repeat left center;
    width: 0.484375rem;
    height: 0.328125rem;
    background-size: cover;
}

.security_label input {
    line-height: 1.078125rem;
    padding-left: 0.078125rem;
    font-size: 4vw;
}

.security_container_in .submit_btn {
    width: 7.078125rem;
    height: 1.328125rem;
    margin: 0.921875rem auto 0;
    display: block;
}

/* 实名认证 */

.id_container_in {
    padding: 0;
}

.id_container_in .id_label {
    border-bottom: 1px solid #eee;
    height: 1.5625rem;
    padding-left: 1.390625rem;
    /* 这一条在登录的css中注释了 */
}

.id_container_in .id_label i {
    display: inline-block;
    vertical-align: middle;
}

.id_container_in .id_label input,
.id_container_in .id_label select {
    display: inline-block;
    margin-left: 0.078125rem;
    height: 100%;
    font-size: 0.4rem;
}

.id_container_in .id_label select {
    height: 1.5625rem;
}

.id_container_in .name_label i {
    width: 0.671875rem;
    height: 0.671875rem;
    background: url(../images/people_icon.png) no-repeat left center;
    background-size: cover;
}

.id_container_in .type_label i {
    width: 0.703125rem;
    height: 0.5rem;
    background: url(../images/card_type_icon.png) no-repeat center center;
    background-size: 100% 100%;
}

.id_container_in .card_label i,
.id_container_in .phone_label i {
    width: 0.6875rem;
    height: 0.484375rem;
    background: url(../images/card_num_icon.png) no-repeat left center;
    background-size: 100% 100%;
}

.id_container_in .submit_btn {
    width: 80%;
    display: block;
    margin: 0.9375rem auto 0.625rem;
}

.id_container_in .txt {
    font-size: 0.390625rem;
    text-align: center;
}

.psw_container_in .label input {
    line-height: 15vh;
    height: 15vh;
}

/* 忘记密码 */

.forget_container_in {
    padding: 0;
}

.forget_container_in .forget_label {
    height: 1.5625rem;
    padding-left: 0.3125rem;
    border-bottom: 1px solid #c4c4c4;
    vertical-align: middle;
    padding-top: 0.265625rem;
}

.forget_container_in .forget_label input {
    padding-left: 0.328125rem;
    margin-left: 0.390625rem;
    display: inline-block;
    height: 1.09375rem;
    line-height: 0.78125rem;
    vertical-align: middle;
    border-left: 1px solid #c4c4c4;
    font-size: 0.4rem;
}

.forget_container_in .forget_label i {
    display: inline-block;
    vertical-align: middle;
}

.forget_container_in .forget_label .phone {
    width: 0.796875rem;
    height: 1.1rem;
    background: url(../images/icon_phone.png) no-repeat left center;
    background-size: contain;
}

.forget_container_in .forget_label .code {
    width: 0.78125rem;
    height: 0.578125rem;
    background: url(../images/icon_email.png) no-repeat left center;
    background-size: cover;
}

.forget_container_in .forget_label .psw {
    width: 0.734375rem;
    height: 0.953125rem;
    background: url(../images/lock_icon.png) no-repeat left center;
    background-size: cover;
}

.forget_container_in .forget_label .getcode {
    background: #616161;
    padding: 0.09375rem;
    border-radius: 4px;
    display: inline-block;
    text-align: right;
    font-size: 0.2875rem;
    float: right;
    margin-right: 0.5rem;
    margin-top: 0.1rem;
}

.forget_container_in .submit_btn {
    line-height: 1.625rem;
    width: 80%;
    display: block;
    margin: 0.75rem auto;
}

/* 支付 */

.pay_header {
    background: url(../../1/images/header_bg.png) no-repeat center center;
    background-size: 100% 100%;
}

/*竖屏时*/

/*横屏时*/

@media all and (orientation: landscape) {

    /* 充值页面 */
    .header,
    .personal_top {
        height: 1rem;
        font-size: 0.46875rem;
        line-height: 1rem;
    }

    .header h1,
    .personal_top h1 {
        line-height: 1rem;
    }

    .back {
        width: 1rem;
        height: 1rem;
    }

    .error {
        width: 1rem;
        height: 1rem;
        background-size: 44% 44%;
    }

    .tap {
        float: left;
        width: 3.78125rem;
        border-right: 1px solid #a5a5a5;
        height: 100%;
        border-bottom: none;
    }

    .tap span {
        width: 100%;
        display: block;
        font-size: 0.4375rem;
        text-align: left;
        padding-left: 0.15625rem;
    }

    .container_in {
        float: left;
        padding: 0.640625rem 0.4rem 0;
        width: 8rem;
        box-sizing: border-box;
    }

    .container_in .label {
        font-size: 0.375rem;
    }

    .container_in .submit_btn {
        background-size: cover;
        border-radius: 0.15625rem;
        height: 1.296875rem;
        font-size: 0.5rem;
    }

    /* 个人中心 */
    .personal_header .back,
    .personal_header .error {
        width: 1rem !important;
        height: 1.3rem !important;
        position: fixed;
        top: 10%;
    }

    .personal_top {
        display: block;
        height: 1.25rem;
    }

    .personal_top h1 {
        line-height: 1.25rem;
    }

    .personal_header {
        float: left;
        width: 25.9%;
        overflow: hidden;
        height: 100%;
        background: #fff;
        padding-top: 0.3rem;
    }

    .person_img {
        display: none;
    }

    .person_img_02 {
        display: inline-block;
        width: 1.71875rem;
        height: 1.71875rem;
    }

    .personal_header p {
        color: #08c6ae;
        font-size: 0.45rem;
        width: 100%;
        line-height: 0.7rem;
    }

    .personal_container {
        width: 74.1%;
        overflow: hidden;
        background: #fff;
        height: 100%;
    }

    .container .submit_btn {
        border-radius: 10px;
    }

    .personal_container_in .submit_btn {
        display: none;
    }

    .personal_header .submit_btn {
        color: #fff;
        width: 80%;
        font-size: 0.3125rem;
        border-radius: 0.078125rem;
        margin: 0.1875rem auto;
        height: 0.8rem;
        line-height: 0.8rem;
        display: block;
    }

    .personal_header .submit_btn i {
        width: 0.578125rem;
        height: 0.59375rem;
        padding-top: 0.296875rem;
    }

    .personal_container_in .more,
    .personal_container_in .right {
        display: none;
    }

    .personal_container_in {
        background: #fff;
    }

    .personal_container_in p {
        float: left;
        font-size: 0.1875rem;
        padding: 0 0.078125rem;
        margin: 0.15625rem 0 0;
        height: 0.765625rem;
        width: 98%;
        text-align: center;
        line-height: 0.765625rem;
        background: #03b6a3;
        color: #fff;
        border-right: 1px solid #04a695;
    }

    .personal_container_in .cur {
        background: #0ce8d1;
    }

    /* 修改密码 */
    .psw_container_in {
        padding: 0;
        width: 100%;
    }

    .psw_container_in .label {
        margin-top: 0.109375rem;
        height: 15vh;
    }

    .psw_container_in .submit_btn {
        height: .9rem;
        width: 80%;
        margin-top: .3rem;
        line-height: .9rem;
    }

    .tips {
        font-size: 3vw;
        text-align: center;
        color: #fff0ff;
        margin-top: 0;
        padding: 2vw;
    }

    /* 客服中心 */
    .service_container_in {
        width: 100%;
        height: 100%;
        padding: 0;
        text-align: center;
    }

    .service_container_in .kefu {
        display: inline-block;
        overflow: hidden;
        width: 40%;
        height: 2.71875rem;
        padding: 0.71875rem 0 0 0;
        margin: 0 0.3125rem;
    }

    .service_container_in dl {
        width: 100%;
        height: 100%;
        float: left;
        padding: 0;
        margin: 0;
    }

    .service_container_in dt {
        width: 1.484375rem;
        height: 1.421875rem;
        margin: 0.25rem 0 0 0.4rem;
    }

    .service_container_in dd {
        margin: 0;
        margin-left: 0.078125rem;
        margin-top: 0.15625rem;
    }

    .service_container_in dd h3 {
        font-size: 0.5rem;
    }

    .service_container_in dd p {
        font-size: 0.375rem;
        margin-top: 0.15625rem;
    }

    /* 账号安全方式 */
    .security_container_in {
        width: 100%;
        padding: 0;
    }

    .security_container_in .state {
        padding: 0.3125rem 0 0.203125rem 0;
        margin-bottom: 0;
    }

    .security_container_in .state span {
        font-size: 0.3125rem;
    }

    .security_container_in .state i {
        width: 1.3125rem;
        height: 1px;
        background: #929292;
        display: inline-block;
        vertical-align: middle;
    }

    .security_container_in .state .cur {
        font-size: 0.375rem;
    }

    .security_header {
        height: 1rem;
    }

    .security_header h1 {
        height: 1rem;
    }

    .security_container_in .word {
        font-size: 2.5vw;
        line-height: 0.625rem;
    }

    .security_container_in .security_label {
        height: 0.9rem;
    }

    .security_label input {
        line-height: 0.9rem;
        font-size: 2.5vw;
    }

    .security_container_in .submit_btn {
        height: 1rem;
        width: 80%;
        margin: 3vh auto 0;
        line-height: 1rem;
    }

    /* 实名认证 */
    .id_header,
    .forget_header {
        height: 1rem;
    }

    .id_header h1,
    .forget_header h1 {
        line-height: 1rem;
    }

    .id_container_in {
        width: 100%;
        padding: 0;
    }

    .id_container_in .id_label {
        height: 15vh;
        border-bottom: 1px solid #c4c4c4;
        padding-left: 1.390625rem;
    }

    .id_container_in .id_label i {
        display: inline-block;
        vertical-align: middle;
    }

    .id_container_in .id_label input,
    .id_container_in .id_label select {
        line-height: .9rem;
        display: inline-block;
        margin-left: 0.078125rem;
    }

    .id_container_in .id_label select {
        height: .9rem;
    }

    .id_container_in .name_label i {
        width: 5vh;
        height: 5vh;
        position: relative;
        top: -.8vh;
    }

    .id_container_in .type_label i,
    .id_container_in .card_label i,
    .id_container_in .phone_label i {
        width: 5vh;
        height: 5vh;
        position: relative;
        top: -.8vh;
    }

    .id_container_in .submit_btn {
        width: 80%;
        display: block;
        margin: 0.3125rem auto 0.15625rem;
        height: 1.0rem;
        line-height: 1.0rem
    }

    .id_container_in .txt {
        font-size: 2.5vw;
        text-align: center;

    }

    /*  */
    .forget_container_in {
        width: 100%;
        padding: 0;
    }

    .forget_container_in .forget_label {
        height: 13vh;
        padding-top: 0.1rem;
    }

    .forget_container_in .forget_label input {
        height: 100%;
        font-size: 0.4rem;
    }

    .forget_container_in .forget_label .phone {
        width: 0.546875rem;
        height: 0.71875rem;
    }

    .forget_container_in .forget_label .code {
        width: 0.546875rem;
        height: 0.40625rem;
    }

    .forget_container_in .forget_label .psw {
        height: 0.64rem;
        width: 0.546875rem;
    }

    .forget_container_in .submit_btn {
        border-right: 1vh;
        line-height: 12vh;
        margin: 0.3125rem auto;
        height: 12vh;
        font-size: 5vh;
    }
}