/*消息*/
.msg_list {
    margin-top: 0.9rem;
    padding: 0 0.3rem
}

.msg_lists span {
    text-align: right;
    display: block;
}

.msg_list .cur {
    color: #999;
}

.msg_list i {
    width: 0.2rem;
    height: 0.2rem;
    background: #ff4d64;
    border-radius: 50%;
    display: inline-block;
    margin: 0.2rem;
    float: left
}

.msg_list .cur div span:first-child:before {
    display: none
}

.msg_list .cur i {
    background: #ccc
}

.msg_detail {
    height: 1.58rem;
    color: #333
}

.msg_detail span {
    float: left;
    position: relative;
    margin-right: 0.3rem
}

.msg_detail span img {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.27rem;
}

.msg_detail i, .msgNoticRed {
    position: absolute;
    min-width: 0.35rem;
    height: 0.35rem;
    text-align: center;
    line-height: 0.35rem;
    border-radius: 50%;
    background: #fb4346;
    color: #fff;
    top: 0.15rem;
    right: -0.15rem;
    margin: 0;
    padding: 0.02rem;
    font-size: 0.23rem;
}

.foot_meg {
    top: -0.1rem;
    right: 0.4rem;
}

.msg_right {
    padding: 0.3rem 0;
    border-bottom: 0.5px solid #e6e6e6;
    float: left;
    width: 80%;
    font-size: 0.26rem;
}

.msg_right p:first-child {
    margin-bottom: 0.3rem
}

.msg_right p:first-child + p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666
}

.msg_index, .msg_lists {
    padding: 0.3rem 0;
    font-size: 0.26rem;
    line-height: 0.55rem;
    border-bottom: 0.5px solid #e6e6e6;
    color: #333
}

.msg_index div span:first-child {
    font-size: 0.3rem;
    position: relative;
    width: 78%;
    overflow: hidden;
    height: 0.5rem;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msg_index div span:first-child:before {
    content: "";
    width: 0.2rem;
    height: 0.2rem;
    background: #ff4d64;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: -0.28rem;
    top: 0;
}

.msg_index p {
    height: 1rem;
    overflow: hidden;
}

.msg_index p:after {
    content: "…"
}

.msg_indexs p {
    float: left;
    width: 90%;
}

.msg_text, .msg_bottom {
    margin-top: 0.9rem;
    font-size: 0.3rem;
    color: #666;
    padding: 0.3rem;
    line-height: 0.6rem
}

.msg_text p:first-child {
    margin-bottom: 0.7rem
}


/*登录*/
.login_box {
    padding: 0.2rem 0.4rem
}

.login_head {
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.36rem;
    position: relative
}

.login_head img {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
}

.login_head a {
    position: absolute;
    right: 0;
    color: #999;
    font-size: 0.32rem
}

.login_logo {
    background: url("../img/logo.png") no-repeat center;
    display: block;
    height: 2.6rem;
    background-size: 2.2rem
}

.login_account input, .login_password input, .verify_code input, .login_index .phone input, .login_index .ver_code input, .login_index .invite_code input {
    height: 1.09rem;
    padding-left: 0.7rem;
    width: 90%;
    border: none;
    border-bottom: 0.5px solid #e5e5e5;
    font-size: 0.3rem;
    background: url("../img/user.png") no-repeat left 0.35rem;
    background-size: 0.4rem;
}

.login_index .phone input {
    background: url("../img/phone.png") no-repeat left 0.35rem;
    background-size: 0.4rem
}

.login_index .ver_code input {
    background: url("../img/wer_code.png") no-repeat left 0.35rem;
    background-size: 0.4rem
}

.login_index .invite_code input {
    background: url("../img/invite_code.png") no-repeat left 0.35rem;
    background-size: 0.4rem
}

.login_index .ver_code i {
    position: absolute;
    padding: 0.3rem 0.22rem;
    display: block;
    right: 0;
    bottom: 0;
    background: #0babfe;
    color: #fff;
    border-radius: 8px
}

.login_index .ver_code .cur {
    background: #e6e6e6;
    color: #999
}

.login_password, .login_index .ver_code {
    position: relative
}

.login_password input {
    background: url("../img/password.png") no-repeat left 0.35rem;
    background-size: 0.4rem
}

.login_password i, .login_password .cur {
    background: url("../img/eye2.png") no-repeat right center;
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0.4rem;
}

.login_password .cur {
    background: url("../img/eye.png") no-repeat right center;
    background-size: 0.4rem
}

.verify_code input {
    background: url("../img/invite_code.png") no-repeat left 0.35rem;
    background-size: 0.4rem
}

.code_pic {
    margin-top: 0.4rem;
}

.code_pic .geetest_radar_btn {
    width: 110% !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 8px !important;
}

.code_pic .geetest_success_animate {
    width: 110% !important;
    right: -30px !important;
}

.code_pic .geetest_success_btn {
    width: 100% !important;
}

.login-qq img {
    height: 0.6rem;
}

/*注册*/
.login_rem {
    margin-top: 0.37rem;
    color: #555
}

.login_rem i {
    width: 0.35rem;
    height: 0.35rem;
    border: 0.5px solid #e5e5e5;
    border-radius: 50%;
    display: block;
    margin-right: 0.2rem;
    float: left
}

.login_rem .cur {
    background: url("../img/choose_icon.png") no-repeat left center;
    background-size: 0.35rem;
    border-color: #0babfe
}

.login_btn {
    margin-top: 0.8rem;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    background: #0babfe;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    font-size: 0.36rem;
    margin-bottom: 0.32rem;
    display: block
}

.login_index input::-webkit-input-placeholder {
    color: #ccc;
}

.login_index input:-moz-placeholder {
    color: #ccc;
}

.login_index input:-ms-input-placeholder {
    color: #ccc;
}

/*忘记密码*/
.service_index {
    margin-top: 0.9rem;
    padding: 0 0.3rem;
    font-size: 0.26rem;
    line-height: 0.5rem
}

.login_forget {
    margin-top: 0.9rem;
}

.login_forget .title {
    height: 1.06rem;
}

.login_forget .title ul li {
    float: left;
    text-align: center;
    width: 49.9%;
    /*height: 0.6rem;*/
    line-height: 0.6rem;
    border-bottom: 2px solid #e0e0e2;
    padding: 0.2rem 0;
    position: relative;
    font-size: 0.32rem
}

.login_forget .title ul li:first-child:after {
    content: "";
    width: 1px;
    height: 0.5rem;
    background: #e0e0e2;
    position: absolute;
    right: 0;
    top: 0.25rem;
}

.login_forget .title ul li:last-child {
    border-right: none
}

.login_forget .title .cur {
    color: #0babfe;
    border-color: #0babfe
}

.forget_phone {
    padding: 0.6rem 0.4rem 0 0.4rem
}

.forget_phone input::-webkit-input-placeholder {
    color: #ccc;
}

.forget_phone input:-moz-placeholder {
    color: #ccc;
}

.forget_phone input:-ms-input-placeholder {
    color: #ccc;
}

.find_phone input, .find_code input, .find_email input, .sure_pass input {
    height: 0.88rem;
    padding-left: 0.9rem;
    width: 87%;
    margin-bottom: 0.3rem;
    border: none;
    font-size: 0.28rem;
    background: #f2f2f5 url(../img/phone.png) no-repeat 0.3rem 0.15rem;
    background-size: 0.4rem;
    border-radius: 8px;
}

.find_code input {
    background: #f2f2f5 url(../img/wer_code.png) no-repeat 0.3rem 0.15rem;
    background-size: 0.4rem;
    width: 58%;
    display: inline-block
}

.find_code span {
    height: 0.88rem;
    line-height: 0.88rem;
    width: 1.8rem;
    text-align: center;
    display: inline-block;
    background: #0babfe;
    color: #fff;
    border-radius: 8px;
}

.forget_phone .cur {
    background: #e6e6e6;
    color: #999;
}

.find_email input {
    background: #f2f2f5 url(../img/email.png) no-repeat 0.3rem;
    background-size: 0.4rem;
}

.sure_pass input {
    background: #f2f2f5 url(../img/password.png) no-repeat 0.3rem;
    background-size: 0.4rem;
}

/*设置*/

.set_index {
    margin-top: 0.9rem;
    font-size: 0.28rem;
    clear: both;
}

.set_personal {
    padding: 0 0.3rem;
    background: #fff;
    margin-bottom: 0.2rem
}

.set_personal p {
    height: 0.9rem;
    line-height: 0.9rem;
    background: url("../img/sy_icon_bar_right.png") no-repeat right center;
    background-size: 0.2rem;
}

.set_personal .line {
    border-bottom: 0.5px solid #efeded
}

.sign_out {
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    text-align: center;
    width: 94%;
    margin-left: 3%;
    border-radius: 8px;
    color: #f95146;
    font-size: 0.32rem;
    margin-bottom: 2rem
}

/*申请收录*/
.included_info {
    background: #fffdec;
    border: 1px solid #f3eec1;
    line-height: 0.5rem;
    padding: 0.3rem 0.25rem
}

.included_info h2 {
    font-size: 0.3rem;
    margin-bottom: 0.2rem
}

/*发布求购*/
.pur_contact {
    border-bottom: 0.5px solid #efeded;
    padding: 0.2rem 0 0.3rem 0
}

.pur_contact p {
    height: 0.88rem;
    line-height: 0.6rem
}

.pur_contact .qq {
    width: 45%;
    margin-right: 5%;
    float: left
}

.pur_contact .qq input {
    width: 100%;
    height: 0.58rem;
    border: 0.5px solid #e6e6e6;
    border-radius: 5px;
    margin-bottom: 0.2rem;
}

.pur_contact .qq span {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.26rem;
    color: #666
}

.contact_type {
    margin-top: 0.3rem;
}

.contact_type span {
    margin-left: 0.22rem;
}

.contact_type h2 {
    font-size: 0.3rem
}

.contact_type p {
    padding-top: 0.5rem
}

.contact_type p .cur {
    background: url("../img/choose_icon.png") no-repeat left center;
    background-size: 0.3rem;
    border-color: #0babfe
}

.contact_type p i {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    display: inline-block;
    float: left
}

.code_box {
    padding: 0.4rem 0.2rem 0.6rem 0.2rem;
    font-size: 0.26rem
}

.code_box input {
    width: 50%;
    height: 0.57rem;
    line-height: 0.57rem;
    border: 0.5px solid #e6e6e6;
    margin-top: 0.2rem;
    float: left
}

.code_box span {
    height: 0.57rem;
    width: 40%;;
    display: inline-block;
    float: left;
    margin: 0.2rem 0 0.2rem 5%
}

.code_box span img {
    width: 1.89rem;
    height: 0.6rem;
}

.code_box p {
    clear: both;
}

/*余额*/

.balance_top {
    position: fixed;
    width: 100%;
    top: 0;
}

.balance_detail, .integral_top {
    background: url("../img/bg.png") no-repeat;
    background-size: 100%;
    height: 3.5rem;
    color: #fff;
    padding: 0 0.3rem;
    font-size: 0.28rem
}

.balance_detail p, .integral_title p {
    height: 0.88rem;
    line-height: 0.88rem;
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
    position: relative
}

.balance_detail p i, .integral_title i {
    background: url(../img/back_white.png) no-repeat;
    background-size: 0.25rem;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0rem;
    top: 0.2rem;
}

.balance_detail ss {
    margin: 0.5rem 0 0.24rem 0;
    display: block;
    color: #cce6fd
}

.balance_detail h2 {
    font-size: 0.56rem;
}

.balance_btn {
    margin-top: 0.1rem;
    height: 0.55rem;
    line-height: 0.55rem;
}

.balance_btn span:first-child {
    color: #cce6fd
}

.balance_btn span:last-child, .balance_btn span:first-child + span {
    width: 1.22rem;
    height: 0.55rem;
    text-align: center;
    background: #fff;
    color: #0babfe;
    border-radius: 7px;
    margin-right: 0.23rem;
    border: 0.5px solid #fff
}

.balance_btn span:first-child + span {
    background: none;
    margin: 0;
    color: #fff
}

.balance_select {
    height: 1rem;
    line-height: 1rem;
    font-size: 0.3rem;
    padding: 0 0.3rem;
    background: #fff
}

.balance_select span:after {
    content: "";
    background: url("../img/down.png") no-repeat center;
    background-size: 0.25rem;
    width: 0.3rem;
    height: 0.2rem;
    display: inline-block;
    padding-left: 0.2rem
}

.balance_select img {
    width: 0.45rem;
    height: 0.45rem;
    margin-top: 0.3rem;
}

.balance_select ss:before {
    content: "";
    border: 1px solid #bbb;
    height: 0.4rem;
    display: inline-block;
    margin: 0.25rem 0.2rem 0 0;
    float: left
}

.balance_totle {
    line-height: 0.5rem;
    font-size: 0.24rem;
    padding: 0.2rem 0.3rem;
    background: #f5f5f5
}

.balance_totle ss:first-child {
    margin-right: 0.2rem
}

.balance_box {
    position: fixed;
    background: #333;
    bottom: 0;
    top: 4.7rem;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
}

.balance_boxs {
    position: fixed;
    z-index: 999;
    background: #fff;
    height: 2rem;
    width: 100%;
    padding: 0.3rem 0.3rem 0 0.3rem
}

.balance_boxs ul li {
    width: 1rem;
    height: 0.52rem;
    line-height: 0.52rem;
    text-align: center;
    border: 0.5px solid #e6e6e6;
    margin: 0 0.44rem 0.44rem 0;
    float: left;
    border-radius: 5px
}

.balance_boxs .cur {
    background: #e7f4fd;
    border-color: #1e98ee;
    color: #1e98ee
}

.balance_list {
    background: #fff;
    font-size: 0.24rem;
    margin-top: 5.5rem
}

.balance_list .detail_ye {
    background: #fff url("../img/sy_icon_bar_right.png") no-repeat right center;
    border-bottom: 0.5px solid #e6e6e6;
    margin: 0 0.3rem;
    padding: 0.38rem 0;
    line-height: 0.45rem;
    background-size: 0.16rem;
    color: #999
}

.balance_list .shop, .balance_list .cr1, .balance_list .cr2, .balance_list .cr3, .balance_list .cr4, .balance_list .cr5, .balance_list .cr6, .balance_list .cr7 {
    background: url("../img/shop.png") no-repeat center;
    width: 0.8rem;
    height: 0.8rem;
    background-size: 0.8rem;
    display: inline-block;
    float: left
}

/*默认是购买*/
.balance_list .cr6 {
    background: url("../img/accounts.png") no-repeat center;
    background-size: 0.8rem;
}

/*结算*/
.balance_list .cr1 {
    background: url("../img/else.png") no-repeat center;
    background-size: 0.8rem;
}

/*其他*/
.balance_list .cr4 {
    background: url("../img/recharge.png") no-repeat center;
    background-size: 0.8rem;
}

/*充值*/
.balance_list .cr3 {
    background: url("../img/refund.png") no-repeat center;
    background-size: 0.8rem;
}

/*退款*/
.balance_list .cr5 {
    background: url("../img/withdraw.png") no-repeat center;
    background-size: 0.8rem;
}

/*提现*/

.balance_index {
    float: left;
    width: 30%;
    display: inline-block;
    margin-left: 0.3rem
}

.balance_index p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.balance_index p:first-child {
    font-size: 0.32rem;
    color: #000;
    font-weight: bold;
}

.balance_time {
    float: right;
    text-align: right;
    margin-right: 0.3rem
}

/*账单详情*/
.balance_details {
    padding: 0 0.3rem;
    font-size: 0.3rem;
    margin-top: 0.9rem
}

.balance_details .top {
    height: 1.64rem;
    line-height: 1.64rem;
    border-bottom: 0.5px solid #e6e6e6
}

.balance_details .top b {
    font-size: 0.64rem
}

.detail_list {
    margin-top: 0.3rem;
}

.detail_list p {
    padding: 0.2rem 0
}

.detail_list ss {
    color: #666;
    width: 30%;
    display: inline-block
}

.detail_list span {
    width: 70%;
    float: right;
    overflow-x: hidden;
    display: inline-block;
    text-align: right
}

/*账号充值*/
.recharge_top {
    margin-top: 1.1rem;
    background: #fff;
    padding: 0 0.3rem
}

.recharge_top .all {
    line-height: 0.75rem;
    float: right
}

.recharge_top input {
    float: right;
    width: 89%;
    height: 1.4rem;
    border: none;
}

.recharge_top b {
    background: url("../img/close.png") no-repeat;
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0;
    top: 0.4rem
}

.recharge_top span {
    padding-top: 0.35rem;
    display: block
}

.recharge_top p {
    height: 1.5rem;
    line-height: 1.5rem;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 0.64rem;
    position: relative
}

.recharge_top ss {
    height: 0.75rem;
    line-height: 0.75rem;
    color: #999
}

.recharge_type, .withdraw_code {
    margin-top: 0.2rem;
    background: #fff
}

.recharge_type .wechat, .recharge_type .alipay {
    height: 1rem;
    border-bottom: 0.5px solid #e6e6e6;
    background: url(../img/alipay.png) no-repeat 0.3rem center;
    background-size: 0.68rem;
    padding: 0.1REM 0 0 1.25rem;
    font-size: 0.28rem;
    position: relative
}

.recharge_type .wechat {
    background: url(../img/wechat.png) no-repeat 0.3rem center;
    background-size: 0.68rem;
}

.recharge_type p ss {
    padding: 0.02rem 0.05rem;
    color: #ff7474;
    border: 0.5px solid #ff7474;
    border-radius: 3px;
    display: inline-block;
    font-size: 0.16rem;
}

.recharge_type i {
    width: 0.46rem;
    height: 0.46rem;
    position: absolute;
    top: 0.2rem;
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    right: 0.3rem
}

.recharge_type .cur {
    background: url("../img/choose_icon.png") no-repeat 98% center;
    background-size: 0.46rem;
    border-color: #0babfe
}

/*充值记录*/
.record_list {
    margin-top: 0.9rem
}

.record_list h3 {
    height: 0.6rem;
    line-height: 0.6rem;
    color: #999;
    padding: 0 0.3rem;
}

.record_detail {
    background: #fff;
    height: 1.55rem;
    margin: 0 0.3rem;
    border-bottom: 0.5px solid #efeded
}

.record_detail p {
    padding-top: 0.3rem;
    clear: both
}

/*提现*/
.bank_type {
    margin-top: 1.1rem;
    padding: 0.2rem 0.3rem;
    background: #fff no-repeat 96% center;
    background-size: 0.2rem
}

.bank_type span {
    /*line-height: 0.45rem;*/
    margin-left: 0.38rem;
    display: inline-block;
    font-size: 0.28rem
}

.bank_type p:first-child {
    font-size: 0.32rem;
}

.bank_type img {
    float: left
}

.withdraw_code {
    padding: 0.4rem 0.3rem 0.2rem 0.3rem;
    height: 1.78rem;
    font-size: 0.3rem
}

.withdraw_code p {
    margin-bottom: 0.45rem
}

.withdraw_code input {
    height: 0.88rem;
    background: #f2f2f5;
    border-radius: 8px;
    border: 0.5px solid #f2f2f5;
    width: 69%;
    margin-right: 3%;
    float: left;
    padding-left: 0.2rem;
}

.withdraw_code span {
    height: 0.88rem;
    line-height: 0.88rem;
    width: 24%;
    text-align: center;
    display: inline-block;
    background: #0babfe;
    color: #fff;
    border-radius: 5px
}

.withdraw_time {
    color: #999;
    margin: 0.3rem 0 0.8rem 0;
    display: block;
    padding-left: 0.3rem
}

/*账户管理*/

.account_bank {
    height: 2.4rem;
    width: 85%;
    margin: 0.2rem 0.3rem;
    background: #0babfe;
    border-radius: 8px;
    padding: 0.3rem 0.2rem 0.4rem 0.4rem;
    color: #fff
}

.account_bank .logo {
    height: 0.73rem;
    width: 0.73rem;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 0.2rem
}

.account_bank .logo img {
    width: 0.5rem;
    margin: 0.12rem
}

.bank_info {
    margin-left: 0.1rem;
    float: left;
    width: 80%
}

.bank_info p:first-child {
    font-size: 0.36rem
}

.bank_info p i {
    font-size: 0.24rem;
    float: right
}

.bank_info p:first-child + p {
    margin: 0.2rem 0 0.3rem 0
}

.bank_info p:last-child {
    font-size: 0.4rem
}

/*添加账号*/
.add_account {
    margin: 1.2rem 0 0.3rem 0;
    font-size: 0.32rem
}

.add_bank p{
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 0.5px solid #efeded;
    margin: 0 0.3rem;
    position: relative
}

.add_bank p:first-child img {
    width: 0.55rem;
    float: left;
    margin: 0.3rem 0.4rem 0 0
}

.add_bank p:first-child + p {
    height: 0.88rem;
    line-height: 0.88rem;
}

.add_bank p:first-child + p + p {
    height: 0.88rem;
    line-height: 0.88rem;
}
.add_bank p:first-child + p + p + p {
    height: 0.88rem;
    line-height: 0.88rem;
}

.add_bank p input {
    height: 0.76rem;
    border: none;
    width: 74%
}



.add_bank p:first-child:after {
    content: "";
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    width: 0.3rem;
    height: 0.3rem;
    background-size: 0.3rem;
    display: block;
    position: absolute;
    right: 0.3rem;
    top: 0.5rem;
}

.account_banks {
    margin-top: 0.3rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border-bottom: 0.5px solid #efeded;
    padding: 0 0.3rem;
    border-top: 0.5px solid #efeded;
    background: #fff
}

.bank_choose ul li {
    height: 0.86rem !important;
    line-height: 0.86rem !important;
    font-size: 0.28rem
}

.bank_choose img {
    width: 0.4rem;
    margin: 0.2rem;
    float: left;
}

.add_account input::-webkit-input-placeholder {
    color: #ccc;
}

.add_account input:-moz-placeholder {
    color: #ccc;
}

.add_account input:-ms-input-placeholder {
    color: #ccc;
}

/*积分首页*/
.integral_top {
    height: 5.1rem;
    background: url("../img/bg.png") no-repeat;
    background-size: 100%;
    padding: 0 0.28rem;
}

.integral_title a {
    font-size: 0.26rem;
    right: 0;
    color: #fff;
    position: absolute;
    top: 0.1rem;
}

.integral_grad {
    margin-top: 0.6rem;
    height: 1.5rem
}

.integral_grad a, .level_info a {
    background: url(../img/integral/grad_bg.png) no-repeat;
    background-size: 2rem;
    width: 3rem;
    display: inline-block;
    height: 0.5rem;
    line-height: 0.5rem;
    padding-left: 0.6rem;
    color: #fff;
    margin-top: 0.1rem
}

.integral_grad span:first-child {
    float: left
}

.integral_grad span:first-child p {
    font-size: 0.72rem;
}

.integral_grad span:first-child ss {
    font-size: 0.24rem;
}

.integral_grad b {
    background: url(../img/integral/sign_btn.png) no-repeat;
    background-size: 100%;
    margin-top: 0.6rem;
    display: block;
    width: 2rem;
    height: 0.95rem;
    float: right;
    color: #23aeff;
    text-align: center;
    line-height: 0.95rem;
    font-size: 0.36rem;
}

.integral_titles {
    margin-top: 0.3rem;
    color: #fff5d1;
    margin-bottom: 0.3rem
}

.integral_sign ul li {
    width: 0.867rem;
    float: left;
    font-size: 0.2rem;
}

.integral_sign ul li h4, .integral_sign .cur h4 {
    width: 0.55rem;
    height: 0.55rem;
    line-height: 0.55rem;
    text-align: center;
    margin-top: 0.1rem;
    float: left;
    background: url("../img/unsign.png") no-repeat center;
    background-size: 0.55rem;
    color: #ff8900
}

.integral_sign ul li i {
    width: 0.29rem;
    height: 0.04rem;
    background: #fff;
    display: inline-block;
    margin-top: 0.35rem;
    opacity: 0.6;
    float: left
}

.integral_sign ul li:last-child i {
    display: none
}

.integral_sign ul li.cur {
    color: #fff5d1
}

.integral_sign ul li span {
    width: 0.55rem;
    display: inline-block;
    text-align: center;
}

.integral_sign .cur h4 {
    background: url("../img/sign_choose.png") no-repeat center;
    background-size: 0.55rem
}

.integral_menu {
    height: 2.5rem;
    background: #fff;
    padding: 0 0.3rem
}

.integral_menu ul {
    width: 100%
}

.integral_menu ul li:first-child, .integral_menu ul li:first-child + li, .integral_menu ul li:last-child {
    width: 33.33%;
    text-align: center;
    float: left;
    padding-top: 1.5rem;
    background: url("../img/jfdh.png") no-repeat center;
    background-size: 1rem
}

.integral_menu ul li:first-child + li {
    background: url("../img/jfcj.png") no-repeat center;
    background-size: 1rem
}

.integral_menu ul li:last-child {
    background: url("../img/jfkq.png") no-repeat center;
    background-size: 1rem
}

.integral_earn {
    margin-top: 0.3rem;
    background: #fff;
}

.integral_earn h3 {
    background: url("../img/earn_bg.png") no-repeat center;
    height: 0.9rem;
    background-size: 7.5rem;
    display: block;
    border-bottom: 0.5px solid #efeded
}

.integral_list, .integral_earn .invite, .integral_earn .shop, .integral_earn .info, .integral_earn .submit {
    background: url("../img/icon1.png") no-repeat 0.3rem center;
    background-size: 0.8rem;
    padding: 0 0.3rem;
    height: 1.6rem;
    border-bottom: 0.5px solid #efeded;
    font-size: 0.32rem
}

.integral_earn .invite {
    background: url("../img/icon2.png") no-repeat 0.3rem center;
    background-size: 0.8rem;
}

.integral_earn .shop {
    background: url("../img/icon3.png") no-repeat 0.3rem center;
    background-size: 0.8rem;
}

.integral_earn .info {
    background: url("../img/icon4.png") no-repeat 0.3rem center;
    background-size: 0.8rem;
}

.integral_earn .submit {
    background: url("../img/icon5.png") no-repeat 0.3rem center;
    background-size: 0.8rem;
}

.integral_list b {
    background: url("../img/sign.png") no-repeat 0 center;
    background-size: 0.3rem;
    padding-left: 0.4rem;
    width: 0.8rem;
    line-height: 0.32rem;
    color: #fa5046;
    display: inline-block;
}

.integral_list span {
    margin: 0.4rem 0 0 1.07rem;
    display: inline-block;
    line-height: 0.45rem;
}

.integral_list ss {
    display: inline-block;
    float: right;
    width: 1.29rem;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    background: #fff4ca;
    color: #c8882f;
    border-radius: 24px;
    margin-top: 0.4rem
}

.integral_list .cur {
    background: #f2f2f2;
    color: #999
}

/*我的积分*/
.my_integral_head {
    height: 0.88rem;
    line-height: 0.88rem;
    background: #fff;
    text-align: center;
    font-size: 0.36rem;
    border-bottom: 0.5px solid #e6e6e6;
    position: fixed;
    z-index: 2;
    width: 100%;
    top: 0;
}

.my_integral_head i {
    background: url(../img/back.png) no-repeat;
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.3rem;
    top: 0.2rem;
}

.my_integral_head a {
    position: absolute;
    right: 0.3rem;
}

.my_integral {
    height: 2.13rem;
    background: #fff;
    text-align: center;
    position: relative;
    color: #ff7800;
    margin-top: 0.88rem
}

.my_integral a {
    position: absolute;
    top: 0.2rem;
    right: 0.3rem;
    color: #999;
    background: url("../img/rule.png") no-repeat right center;
    background-size: 0.3rem;
    padding-right: 20px
}

.my_integral span {
    line-height: 2.13rem;
}

.my_integral span b {
    font-size: 0.6rem;
    background: url("../img/sign.png") no-repeat left center;
    background-size: 0.4rem;
    display: inline-block;
    padding: 0 0.1rem 0 0.5rem
}

.my_integral_list .title {
    margin-top: 0.2rem;
    height: 0.9rem
}

.my_integral_list .title ul {
    height: 0.88rem;
    line-height: 0.88rem;
    background: #fff;
    width: 100%;
    font-size: 0.3rem;
    color: #666;
    border-bottom: 0.5px solid #efeded
}

.my_integral_list .title ul li {
    width: 25%;
    text-align: center;
    float: left;
}

.my_integral_list .title .cur {
    border-bottom: 2px solid #2ea7fc;
    color: #2ea7fc
}

.height_fixed .title {
    position: fixed;
    top: 0.88rem;
    margin: 0;
    width: 100%;
}

.height_fixed .my_integral_lists {
    margin-top: 1.1rem
}

.my_integral_lists {
    clear: both;
    background: #fff
}

.my_integral_lists .list {
    padding: 0.3rem;
    border-bottom: 0.5px solid #efeded;
    line-height: 0.45rem
}

.my_integral_lists .list span {
    font-size: 0.3rem;
}

.my_integral_lists .list b {
    font-size: 0.36rem;
    color: #ff6600;
    float: right
}

.my_integral_btn {
    height: 1rem;
    background: #0babfe;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.my_integral_btn ul li {
    width: 25%;
    float: left;
    font-size: 0.36rem;
    border-right: 1px solid #fff;
    height: 0.6rem;
    margin-top: 0.2rem;
    background: url(../img/integral/lottery.png) no-repeat 1.1rem 0;
    background-size: 0.5rem;
    padding-left: 1.8rem;
}

.my_integral_btn ul li:last-child {
    border: none;
    background: url(../img/integral/exchange.png) no-repeat 1.1rem 0;
    background-size: 0.5rem;
}

/*积分规则*/
.integral_rule {
    margin-top: 0.9rem;
    padding: 0 0.3rem;
    background: #fff;
    color: #666
}

.integral_rule .list {
    border-bottom: 0.5px solid #efeded;
    padding: 0.36rem 0;
    line-height: 0.45rem
}

.integral_rule .list h3 {
    font-size: 0.32rem;
    margin-bottom: 0.4rem;
    color: #333
}

.integral_rules {
    padding-left: 0.3rem
}

.integral_rules span {
    background: #0babfe;
    color: #fff;
    padding: 0.05rem 0.15rem;
    border-radius: 15px
}

.integral_rules p {
    margin-bottom: 0.2rem
}

/*积分兑换*/
.jf_exchange {
    margin-top: 0.9rem;
}

.jf_title {
    background: url("../img/jf_bg.png") no-repeat center;
    background-size: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    padding: 0 0.3rem
}

.jf_title ss {
    font-size: 0.6rem;
    background: url("../img/sign.png") no-repeat 0 0.5rem;
    background-size: 0.5rem;
    display: inline-block;
    padding-left: 0.6rem;
    margin-right: 0.1rem
}

.jf_title a {
    color: #fff;
    float: right
}

.jf_list {
    margin-top: 0.2rem;
    background: #fff;
}

.jf_list1 {
    width: 49.6%;
    border-top: 0.5px solid #e5e5e5;
    border-right: 0.5px solid #efeded;
    padding: 0.63rem 0 0.50rem 0;
    font-size: 0.28rem;
    float: left
}

.jf_list1 h3 {
    background: url("../img/month_card.png") no-repeat center;
    background-size: 2.7rem;
    width: 100%;
    height: 2rem;
}

.jf_list1 .cur {
    background: url("../img/week_cark.png") no-repeat center;
    background-size: 2.7rem;
}

.jf_list1 p {
    padding: 0 0.36rem;
    font-size: 0.3rem
}

.jf_list1 b {
    background: url("../img/jf.png") no-repeat;
    background-size: 0.35rem;
    padding-left: 0.5rem;
    color: #ff6600;
    margin-top: 0.27rem;
    display: inline-block
}

.jf_list1 span {
    float: right;
    padding: 0.05rem 0.33rem;
    background: #e7f6ff;
    border-radius: 15px;
    color: #38adff;
    margin-top: 0.18rem
}

.jf_less p {
    height: 2rem;
    line-height: 2rem;
}

.jf_indexs .closed {
    padding: 0.8rem 3rem;
}

/*红包卡券*/
.card_top {
    width: 100%;
}

.card_tops {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
}

.card_title {
    height: 0.9rem;
    border-bottom: 0.5px solid #e6e6e6;
    line-height: 0.9rem;
    font-size: 0.3rem;
    color: #666;
    margin-top: 0.88rem
}

.card_title ul li {
    width: 50%;
    text-align: center;
    float: left;
    background: #fff
}

.choose_title ul li {
    width: 33.3%;
}

.card_title .cur {
    color: #2ea7fc;
    border-bottom: 3px solid #2ea7fc
}

.card_list {
    margin-top: 2.1rem
}

.card_list .use, .card_list .use p, .card_list .use span {
    color: #999 !important;
}

.card_list .use a {
    background: #ccc !important;
}

.card_info {
    margin: 0 0.2rem 0.2rem 0.2rem;
    font-size: 0.22rem;
    background: #fff;
    height: 2rem;
    position: relative;
    z-index: 1
}

.card_left {
    background: url("../img/rec_month.png") no-repeat;
    background-size: 100%;
    height: 2rem;
    width: 2.3rem;
    display: inline-block;
    float: left
}

/*推荐一个月*/
.card_info .cur {
    background: url("../img/rec_week.png") no-repeat;
    background-size: 100%;
    height: 2rem;
    width: 2.3rem;
    display: inline-block;
    float: left
}

/*推荐一周*/
.card_info .fail_month {
    background: url("../img/fail_month.png") no-repeat;
    background-size: 100%;
    height: 2rem;
    width: 2.3rem;
    display: inline-block;
    float: left
}

/*失效一个月*/
.card_info .fail_week {
    background: url("../img/fail_week.png") no-repeat;
    background-size: 100%;
    height: 2rem;
    width: 2.3rem;
    display: inline-block;
    float: left
}

/*失效一个月*/
.card_right {
    border: 0.5px solid #e5e5e5;
    float: left;
    width: 64%;
    padding: 0.3rem 0.1rem;
    height: 1.4rem;
}

.card_right p:first-child {
    font-size: 0.2rem
}

.card_right p:first-child a, .card_right i {
    font-size: 0.15rem;
    padding: 0.02rem;
    background: #ff5858;
    color: #fff;
    border-radius: 3px
}

.card_right .info_des {
    margin: 0.2rem 0;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%
}

.card_right .info_rec {
    margin: 0.1rem 0;
    color: #666;
    height: 0.4rem;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card_right .info_time {
    border-top: 0.5px dotted #e6e6e6;
    height: 0.7rem;
    line-height: 0.7rem;
    display: block;
}

.card_right span {
    background: url("../img/time.png") no-repeat;
    background-size: 0.25rem;
    padding-left: 0.4rem;
    color: #666;
}

.card_right ss {
    display: inline-block;
    padding: 0.05rem 0.25rem;
    border: 0.5px solid #ff5858;
    color: #ff5858;
    border-radius: 15px;
    line-height: 0.3rem;
    float: right;
    margin-top: 0.15rem;
}

.card_right i {
    background: #ff8956;
}

.recommend_time {
    overflow: hidden;
    height: 0.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card_recommend, .card_used, .card_later, .card_wait {
    position: absolute;
    bottom: 0.45rem;
    right: 0.1rem;
    background: url(../img/integral/recomment.png) no-repeat;
    background-size: 1rem;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    z-index: 3
}

/*推荐中*/
.card_wait {
    background: url(../img/integral/wait.png) no-repeat;
    background-size: 1rem;
}

/*排队中*/
.card_used {
    background: url(../img/integral/used.png) no-repeat;
    background-size: 1rem;
}

/*已使用*/
.card_later {
    background: url(../img/integral/later.png) no-repeat;
    background-size: 1rem;
}

/*已过期*/

/*选择网站商品*/
.choose_totle {
    height: 0.9rem;
    line-height: 0.9rem;
    background: #fefcec url("../img/times.png") no-repeat 0.3rem center;
    color: #ff6600;
    clear: both;
    font-size: 0.28rem;
    padding: 0 0.3rem;
    background-size: 0.4rem;
    padding-left: 0.8rem;
}

.choose_list {
    margin: 3rem 0.2rem 0 0.2rem;
}

.choose_list .type_bg a {
    background: #f4f4f4;
    color: #666;
    padding: 0.05rem 0.1rem;
}

.choose_prices a {
    background: #eff3f6;
    padding: 0.05rem;
    border: 0.5px solid #eff3f6;
    border-radius: 5px;
    margin: 0.1rem 0.2rem 0 0;
    display: inline-block;
    color: #999
}

.choose_prices .cur {
    background: #e1f5ff;
    border-color: #0bacfd;
    color: #0bacfd
}

.success_btn {
    text-align: center;
    color: #53bcfb;
}

.success_btn span {
    text-align: center;
    border-right: 0.5px solid #efeded;
    height: 0.9rem;
    display: inline-block;
    width: 49%;
}

.success_btn span:last-child {
    color: #333;
    border: none
}

.rec_boxs {
    width: 6.4rem !important;
    padding-bottom: 0.4rem
}

.rec_info h1 {
    height: 0.88rem;
    line-height: 0.88rem;
    display: block;
    text-align: center;
    font-size: 0.36rem;
    border-bottom: 0.5px solid #efeded;
    position: relative;
}

.rec_info i {
    background: url("../img/closed.png") no-repeat;
    background-size: 0.3rem;
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    right: 0.3rem;
    top: 0.25rem
}

.rec_detail {
    padding: 0 0.3rem;
}

.rec_detail span {
    margin: 0.2rem 0 0.1rem 0;
    color: #09b6ff;
    display: block
}

.rec_detail p {
    line-height: 0.4rem;
    color: #666
}


/*卡券详情*/
.card_index {
    margin-top: 1.2rem;
    padding: 0 0.3rem;
    font-size: 0.28rem;
}

.card_index_top {
    background: url(../img/integral/card.png) no-repeat;
    background-size: 100%;
    height: 2rem;
    color: #fff;
    font-size: 0.32rem;
    padding: 0.4rem 0 0 1.4rem;
    margin-bottom: 0.6rem
}

.card_index_top h2 {
    font-size: 0.42rem;
    margin-bottom: 0.3rem
}

.card_detail p {
    color: #666;
    line-height: 0.4rem;
    margin-top: 0.2rem
}

.card_detail {
    margin-bottom: 0.4rem
}

.exchange_btn {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    background: #2ea7fc;
    color: #fff;
    position: fixed;
    bottom: 0;
    font-size: 0.36rem
}

.jf_less {
    background: #d5d5d5;
}

/*用户等级*/
.level_top {
    background: url("../img/grade_bg.png") no-repeat;
    background-size: 100%;
    height: 4.1rem;
    margin-top: 0.9rem;
    color: #fff;
    padding: 0 0.3rem;
    font-size: 0.28rem;
    position: relative
}

.level_top p {
    padding: 0.28rem 0 0.2rem 0;
}

.level_list ul li {
    width: 0.6rem;
    text-align: center;
    float: left
}

.level_list ul li i, .level_list .leve2 i, .level_list .leve3 i, .level_list .leve4 i, .level_list .leve5 i, .level_list .leve6 i {
    background: url("../img/v1.png") no-repeat center;
    background-size: 0.5rem;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.1rem
}

.level_list .level2 i {
    background: url("../img/v2.png") no-repeat center;
    background-size: 0.5rem
}

/*灰色等级2*/
.level_list .level3 i {
    background: url("../img/v3.png") no-repeat center;
    background-size: 0.5rem
}

/*灰色等级3*/
.level_list .level4 i {
    background: url("../img/v4.png") no-repeat center;
    background-size: 0.5rem
}

/*灰色等级4*/
.level_list .level5 i {
    background: url("../img/v5.png") no-repeat center;
    background-size: 0.5rem
}

/*灰色等级5*/
.level_list .level6 i {
    background: url("../img/v6.png") no-repeat center;
    background-size: 0.5rem
}

/*灰色等级6*/

.level_list .cur1 {
    background: url("../img/level1.png") no-repeat center !important;
    background-size: 0.5rem !important;
}

/*用户等级1*/
.level_list .cur2 {
    background: url("../img/level2.png") no-repeat center !important;
    background-size: 0.5rem !important;
}

/*用户等级2*/
.level_list .cur3 {
    background: url("../img/level3.png") no-repeat center !important;
    background-size: 0.5rem !important;
}

/*用户等级3*/
.level_list .cur4 {
    background: url("../img/level4.png") no-repeat center !important;
    background-size: 0.5rem !important;
}

/*用户等级4*/
.level_list .cur5 {
    background: url("../img/level5.png") no-repeat center !important;
    background-size: 0.5rem !important;
}

/*用户等级5*/
.level_list .cur6 {
    background: url("../img/level6.png") no-repeat center !important;
    background-size: 0.5rem !important;
}

/*用户等级6*/

.level_list .level1 {
    margin: 1.25rem 0.5rem 0 0;
}

.level_list .level2 {
    margin: 1.15rem 0.6rem 0 0;
}

.level_list .level3 {
    margin: 1rem 0.65rem 0 0;
}

.level_list .level4 {
    margin: 0.75rem 0.7rem 0 0;
}

.level_list .level5 {
    margin: 0.3rem 0.75rem 0 0;
}

.level_list .level6 {
    margin: -0.4rem 0 0 0;
}

.next_level {
    padding: 0.1rem 0.2rem;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background: #8ad1fd;
    position: absolute;
    bottom: 0.2rem;
    right: 0;
    font-size: 0.24rem
}

.next_level ss {
    color: #f1761c
}

.level_grow {
    margin: 0.3rem 0.2rem;
    background: #f6f7f8;
}

.level_grow h2 {
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.3rem;
    padding: 0.3rem 0 0.52rem 0
}

.level_grow h2:before {
    content: "";
    border: 2px solid #ff8300;
    margin-right: 0.2rem
}

.growth_process {
    margin-bottom: 0.35rem
}

.growth_process i {
    background: url(../img/integral/vip6.png) no-repeat center;
    background-size: 100%;
    width: 2.2rem;
    height: 0.5rem;
    display: inline-block;
    float: left;
    margin-right: 0.2rem
}

.growth_process .vip5 {
    background: url(../img/integral/vip5.png) no-repeat center;
    background-size: 100%;
}

.growth_process .vip4 {
    background: url(../img/integral/vip4.png) no-repeat center;
    background-size: 100%;
}

.growth_process .vip3 {
    background: url(../img/integral/vip3.png) no-repeat center;
    background-size: 100%;
}

.growth_process .vip2 {
    background: url(../img/integral/vip2.png) no-repeat center;
    background-size: 100%;
}

.growth_process .vip1 {
    background: url(../img/integral/vip1.png) no-repeat center;
    background-size: 100%;
}

.growth_process p {
    line-height: 0.5rem;
    color: #666;
    clear: both
}

/*积分抽奖页面*/
.integral_back {
    position: fixed;
    z-index: 999
}

.integral_back i {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1rem;
    left: 1rem;
    background: url(../img/back_white.png) no-repeat;
    background-size: 0.8rem;
}

.mt_height {
    margin-top: 0.9rem;
}

.mt_heights {
    margin-top: 2rem;
}


/*邀请好友*/
.invite_friend {
    margin-top: 0.9rem;
    background: url("../img/invite.jpg") no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #f1f8ff;
    font-size: 0.28rem
}

.invite_codes ss {
    color: #fffbce;
    font-size: 0.3rem;
    margin-bottom: 0.25rem;
    display: block
}

.invite_codes ss:before {
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    background: #fffbce;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.1rem
}

.invite_codes span {
    background: #b2ccf5;
    color: #333;
    border: 3px solid #d4e1fd;
    border-radius: 8px;
    display: block;
    width: 100%;
    padding: 0.3rem 0.2rem;
    margin-bottom: 0.15rem
}

.mt4 {
    bottom: 0.4rem !important;
}

.invite_codes {
    position: absolute;
    bottom: 3.8rem;
    width: 85%;
    margin: 0 0.3rem;
}

.why_error {
    text-align: left !important;
    margin: 0.2rem
}


@media screen and (max-width: 359px) and (min-width: 320px) {
    .code_pic .geetest_radar_btn {
        width: 96% !important;
    }

    .code_pic .geetest_success_animate {
        width: 96% !important;
        right: 11px !important;
    }

    .code_pic .geetest_success_btn {
        width: 100% !important;
    }

}

/*iPhoneX的适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .invite_codes {
        bottom: 5.2rem;
    }

    .mt4 {
        bottom: 1.8rem !important;
    }
}