/*方正大黑简体*/
@font-face {
    font-family: "FZDaHei";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/FZDaHei-B02S.ttf");
}
/*方正大黑简体 压缩后900kb*/
@font-face {
    font-family: "FZDaHeiMin";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/FZDaHei-B02S-min.ttf");
}
/*思源黑体*/
@font-face {
    font-family: "Source-HanSans-CN";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/Source-HanSans-CN.otf");
}
/*思源黑体 压缩后1.92MB*/
@font-face {
    font-family: "Source-HanSans-CNMin";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/Source-HanSans-CN-min.ttf");
}
/*方正黑体简体*/
@font-face {
    font-family: "FZHei";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/FZHei-B01S.ttf");
}
/*方正黑体简体 压缩后1.2MB*/
@font-face {
    font-family: "FZHeiMin";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/FZHei-B01S-min.ttf");
}
/*方正正准黑简体*/
@font-face {
    font-family: "FZZhengHeiS";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/FZZhengHeiS-M-GB.ttf");
}
/*方正正准黑简体 压缩后800kb*/
@font-face {
    font-family: "FZZhengHeiSMin";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/FZZhengHeiS-M-GB-min.ttf");
}

/*方正正中黑简体*/
@font-face {
    font-family: "FZZhengHeiM";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/FZZhengHeiM-M-GB.ttf");
}
/*方正美黑简体*/
@font-face {
    font-family: 'FZMHJW';
    src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/120220324xwsh/24/FZMHJW.TTF');
    font-display: swap;
}
/*方正兰亭黑简体*/
@font-face {
    font-family: 'FZLTHJT';
    src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220606/vip/方正兰亭黑简体的副本.TTF');
}

@font-face {
    font-family: 'DIN-Bold';
    src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220606/vip/DIN-Bold.otf');
}
@font-face {
    font-family: "DINCondBold";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/120220324xwsh/29/字体/DINCondBold.ttf");
}

@font-face {
    font-family: "DINCondMedium";
    src: url("https://telunsu-cdn.mengniu.com.cn/telunsu/static/font-family/DINCOND-MEDIUM.OTF");
}
/*方正姚体简体*/
@font-face {
    font-family: 'FZYaoTi-M06S';
    src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220718/FZYaoTi-M06S.ttf');
}
@font-face {
    font-family: 'FZYaoTi-M06S';
    src: url('https://telunsu-cdn.mengniu.com.cn/tls/1/b/f/b/1/FZYTJW--GB1-0.woff2') format('woff2'),
    url('https://telunsu-cdn.mengniu.com.cn/tls/1/b/f/b/1/FZYTJW--GB1-0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'a2';
    src: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220118nft/hdgz/FZYTJW.TTF');
}
/*new start*/
* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

html {
    margin: 0;
    padding: 0;
    height: 100%
}

body {
    width: 100%;
    height: 100%;
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.24rem;
    color: #404040
}

ul, ol, li {
    list-style: none
}

a, input, li, label, span, button, textarea, #club_comment {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

/*input { -webkit-appearance: none }*/
a {
    color: #404040
}

[v-cloak] {
    display: none
}

.bg-efefef {
    background: #efefef;
}

#app {
    width: 7.5rem;
    margin: 0 auto;
}

/*处理滚动条*/
::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    display: none;
}

@media screen and (min-width: 320px) {
    html {
        font-size: 42.666666px
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 48px
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 50px
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 55.2px
    }
}

@media screen and (min-width: 440px) {
    html {
        font-size: 58.666666px
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 64px
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 85.333333px
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 96px
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px
    }
}

/*footer start*/
.footer {
    position: fixed;
    margin: auto;
    z-index: 110;
    bottom: 0;
    left: 0;
    right: 0;
    width: 7.5rem;
    height: 1.25rem;
    user-select: none;
    -webkit-user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px .25rem 0px rgba(0,0,0,0.1);
    border-radius: .25rem .25rem 0px 0px;
}

.footer-item {
    height: 1.1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
    color: #9c9c9c;
    font-size: 0.2rem;
    position: relative;
}

.footer-item em#userCartNum {
    display: none;
    position: absolute;
    left: 52%;
    top: .1rem;
    min-width: .14rem;
    padding: 0 .08rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 20px;
    background: #be0f34;
    color: #fff;
    font-size: .24rem;
    font-style: normal;
    text-align: center;
}

.footer .footerItem em#userCartNum {
    display: none;
    position: absolute;
    left: 52%;
    top: -0.1rem;
    min-width: .14rem;
    padding: 0 .08rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 20px;
    background: #be0f34;
    color: #fff;
    font-size: .24rem;
    font-style: normal;
    text-align: center;
}

.footer-item em#userCartNum1 {
    display: none;
    position: absolute;
    left: 52%;
    top: .1rem;
    min-width: .14rem;
    padding: 0 .08rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 20px;
    background: #be0f34;
    color: #fff;
    font-size: .24rem;
    font-style: normal;
    text-align: center;
}

.footer-item em#userVipTip {
    display: none;
    position: absolute;
    top: 0.1rem;
    right: 0.55rem;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 0.16rem;
    background: #be0f34;

}

.footer-item em#redCouponPoint {
    display: none;
    position: absolute;
    top: 0.1rem;
    right: 0.55rem;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 0.16rem;
    background: #be0f34;

}

.footer-item em#redCouponPoint2 {
    display: none;
    position: absolute;
    top: 0.1rem;
    right: 0.55rem;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 0.16rem;
    background: #be0f34;

}

.footer-item .icon_img {
    width: 0.52rem;
    height: 0.56rem;
}

.footer-item .active {
    color: #071263
}

/*footer end*/

/*cart btn end*/
/*个人中心页面 start*/
.my_userBox {
    width: 6.88rem;
    height: 3.43rem;
    margin: 0.37rem auto 0.19rem;
    /*background-image:url("../../static/himilk/images/newshop/userCenter/ptCard_01.png");*/
    background-size: 100% 100%;
    overflow: hidden;
    border-radius: 0.2rem;
}

.my_userBox.level1 {
    background-image: url("../images/newshop/userCenter/ptCard_01.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.my_userBox.level2 {
    background-image: url("../images/newshop/userCenter/ptCard_01.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.my_userBox.level3 {
    background-image: url("../images/newshop/userCenter/hjCard_01.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.my_userBox.level4 {
    background-image: url("../images/newshop/userCenter/zsCard_01.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.my_headImg {
    width: 0.85rem;
    height: 0.76rem;
    text-align: center;
}

.my_headImg img {
    width: 0.76rem;
    height: 0.76rem;
    border-radius: 0.76rem;
    overflow: hidden;
}

.my_headInfo {
    width: 5.02rem;
    height: auto;
    padding-left: 0.15rem;
}

.my_headInfo_top1 {
    height: 0.5rem;
    line-height: 0.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.my_headInfo_top1 .userName {
    height: 0.57rem;
    line-height: 0.57rem;
    font-size: 0.3rem;
    color: #fff;
    font-weight: 600;
    max-width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my_headInfo_top1 .userVipBox {
    width: 1.27rem;
    height: 0.29rem;
    padding-left: 0.1rem;
    margin-left: 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/newshop/userCenter/card/vipNameBg.png");
    background-size: 1.27rem 0.29rem;
    background-repeat: no-repeat;
}

.my_headInfo_top1 .userVipBox .userVipName {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.18rem;
    color: #fff;
    padding-left: 0.05rem;
}

.my_headInfo_top2 {
    width: 4.1rem;
    height: 0.4rem;
    line-height: 0.2rem;
    color: #fff;
    font-size: 0.20rem;
}

.my_headInfo_top2 .item {
    display: inline-block;
    font-size: 0.18rem;
    padding: 0.02rem 0.21rem;
    color: #0b4249;
    border-radius: 0.2rem;
    background: #e1c99b;
}

.myUserTop_JT {
    color: #fff;
    width: 0.17rem;
    height: 0.38rem;
}

.myUserTop_JT img {
    width: 0.17rem;
    height: 0.38rem;
}

.my_user_jy_Box {
    position: relative;
    width: 4.1rem;
    height: 0.3rem;
    /*padding-top:0.2rem;*/
}

.my_user_jy_Box .box {
    width: 4.1rem;
    height: 0.16rem;
    border-radius: 0.16rem;
    position: relative;
}

.my_user_jy_Box .box .boxBorder {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.1rem;
    height: 0.16rem;
    background: #fff;
    border-radius: 0.16rem;
    z-index: 1;
}

.my_user_jy_Box .box .jy_textVal {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.1rem;
    height: 0.16rem;
    line-height: 0.16rem;
    text-align: center;
    background: transparent;
    border-radius: 0.16rem;
    z-index: 5;
    color: #333333;
    font-size: 0.14rem;
}

.my_user_jy_Box .box .jd {
    position: absolute;
    top: 0;
    left: 0;
    width: 1%;
    height: 0.16rem;
    border-radius: 0.16rem;
    overflow: hidden;
    z-index: 3;
}

.my_user_qy_box {
    width: 6.26rem;
    height: 0.98rem;
    padding-top: 0.21rem;
    margin: 0 auto;
}

.my_user_qy_box .qy_title {
    padding-left: 0.28rem;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #fff;
}

.my_user_qy_box .qy_list {
    width: 100%;
    height: 0.5rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.my_user_qy_box .qy_item {
    color: #fff;
}

.qy_line {
    width: 2px;
    height: 0.24rem;
    background: #e0ca99;
}

.my_user_navBox {
    width: 7.18rem;
    height: 2.33rem;
    padding-top: 0.17rem;
    /*border:0.02rem solid #efefef;*/
    border-radius: 0.2rem;
    overflow: hidden;
    margin: 0 auto 0.2rem;
    box-shadow: 2px 3px 8px #dadada;
    background: #fff;
}

.my_user_navBox .order_nav_item_all {
    width: 6.2rem;
    height: 0.79rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.02rem solid #e5e5e5;
    font-size: 0.32rem;
    color: #000;
}

.my_user_navBox .order_nav_item_all .order_nav_item_all_jt {
    width: 0.18rem;
    height: 0.30rem;
}

.my_user_navBox .my_user_order_nav {
    width: 6.84rem;
    height: 1.54rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.my_user_order_nav .order_nav_item_all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.my_user_order_nav .order_nav_item {
    width: 1.376rem;
    height: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.my_user_order_nav .order_nav_item .order_nav_imgBox {
    width: 100%;
    height: 0.93rem;
    padding-top: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.my_user_order_nav .order_nav_item .order_nav_imgBox .tip {
    position: absolute;
    top: 0.2rem;
    right: 0.25rem;
    min-width: 0.14rem;
    padding: 0 .08rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 20px;
    background: #be0f34;
    color: #fff;
    font-size: .24rem;
    font-style: normal;
    text-align: center;
}

.my_user_order_nav .order_nav_item .order_nav_imgBox .order_nav_icon {
    width: 0.47rem;
    height: 0.47rem;
}

.my_user_order_nav .order_nav_item .order_nav_title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0.26rem;
    font-size: 0.24rem;
    color: #000;
}

.my_user_mc_btn {
    width: 7.18rem;
    height: 1.46rem;
    overflow: hidden;
    margin: 0.2rem auto;
    border-radius: 0.2rem;
}

.my_user_mc_btn .my_user_mc_btn_img {
    width: 7.18rem;
    height: 1.46rem;
}

.my_user_link_box {
    width: 7.18rem;
    height: auto;
    border-radius: 0.2rem;
    overflow: hidden;
    background: #fff;
    color: #000;
    font-size: 0.23rem;
    margin: 0 auto 0.2rem;;
    font-weight: 500;
    box-shadow: 0 0.1rem 0.3rem #d8d8d8;
}

.my_user_link_box .my_user_link_item_box {
    width: 6.38rem;
    height: auto;
    margin: 0 auto;
}

.my_user_link_box .my_user_link_item_box .my_user_link_item_box_item {
    width: 100%;
    height: 1.08rem;
    border-bottom: 0.02rem solid #dadada;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    color: #000;
    font-size: 0.28rem;
}

.my_user_link_box .my_user_link_item_box .my_user_link_item_box_itempr {
    position: relative;
    width: 100%;
    height: 1.08rem;
    border-bottom: 0.02rem solid #dadada;
    margin: 0 auto;
    /*   display:flex;
       justify-content: space-between;
       align-items: center;
       overflow:hidden;*/
    color: #000;
    font-size: 0.28rem;
}

.my_user_link_item_box_itempr em#redCouponPoint1 {
    display: none;
    position: absolute;
    top: 0.3rem;
    left: 1.7rem;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 0.16rem;
    background: #be0f34;
}

.my_user_link_box .my_user_link_item_box .my_user_link_item_box_item > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.my_user_link_box .my_user_link_item_box .my_user_link_item_box_item > div img {
    width: 0.56rem;
    height: 0.56rem;
}

.my_user_link_box .my_user_link_item_box .my_user_link_item_box_item:last-child {
    border-bottom-color: #fff;
}

.my_user_link_box .my_user_link_item_box .my_user_link_item_box_item .my_user_link_item_jt {
    width: 0.12rem;
    height: 0.21rem;
}

/*start 卡面*/
.userCenterTop {
    position: relative;
    width: 7.5rem;
    height: 5.6rem;
}

.userCenterTop2 {
    position: relative;
    width: 7.5rem;
    height: 4.6rem;
    background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/202108123/24.png?v=002") 0 0/100% auto no-repeat;
}

.userCenterTop .sjBtn {
    position: absolute;
    top: 0.47rem;
    right: 0;
    width: 0.46rem;
    height: 1.22rem;
}

.userCenterTop .sjBtn img {
    width: 0.46rem;
    height: 1.22rem;
}

.userCenterTop .userCenterBox {
    position: relative;
    width: 7.5rem;
    height: 5.6rem;
    margin: 0 auto;
}

.userCenterTop2 .userCenterBox {
    position: relative;
    width: 7.5rem;
    height: 4.6rem;
    margin: 0 auto;
}

.userCenterTop2 .userCenterBox .userCenter_title {
    position: relative;
    width: 7.5rem;
    height: 4.6rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.userCenterTop2 .userCenterBox .userCenter_title .my_userTop {
    position: relative;
    width: 7.5rem;
    height: 2.6rem;
    display: flex;
    box-sizing: border-box;
    /*justify-content: flex-start;*/
    /*align-items: center;*/
    padding: 0.6rem 0 0 0.2rem;
}

.userCenterTop2 .userCenterBox .userCenter_title .my_userTop .my_headInfo {
    width: 6rem;
}

.userCenterTop2 .userCenterBox .userCenter_title .my_userTop .my_headInfo .speedProgress {
    width: 3rem;
    height: 0.2rem;
    border-radius: 0.16rem;
    position: relative;
}

.userCenterTop2 .userCenterBox .userCenter_title .my_userTop .my_headInfo2 {
    position: absolute;
    left: 1.23rem;
    top: 1.7rem;
    color: #f0d19a;
}

.userCenterTop2 .userCenterBox .userCenter_title .my_userTop .my_headInfo .speedProgress .progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 0.2rem;
    line-height: 0.16rem;
    text-align: center;
    border: 0.02rem solid #dadada;
    border-radius: 0.16rem;
    z-index: 5;
    background: #fff;
}

.userCenterTop2 .userCenterBox .userCenter_title .my_userTop .my_headInfo .speedProgress .progress .progressOut {
    height: 0.2rem;
    display: flex;
    justify-content: center;
    border-radius: 0.16rem;
    position: absolute;
    width: 3rem;
    top: 0;
}

.userCenterTop2 .userCenterBox .userCenter_title .my_userTop .my_headInfo .speedProgress .progress .progressOut img {
    width: 0.34rem;
    height: 0.3rem;
    position: absolute;
    top: -0.03rem;
}

.userCenterTop2 .userCenterBox .userCenter_title .my_userTop .my_headInfo .speedProgress .progress .progressInner {
    background-image: linear-gradient(to right, #e0b873, #eccb95, #fde6bd);
    border-radius: 0.16rem;
    height: 0.2rem;
}


.userCenterTop .userCenterBox .userCenter_title .my_userTop .my_headImg {
    width: 1rem;
    height: 1rem;
    border-radius: 1.36rem;
    border: 0.02rem solid #ede4d3;
}

.userCenterTop .userCenterBox .userCenter_title .my_userTop .my_headImg img {
    width: 1rem;
    height: 1rem;
    border-radius: 1.34rem;
    border: 0.02rem solid #0f206f;
}

.userCenter_title .my_headInfo .my_headInfo_top1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userCenter_title .my_headInfo .my_headInfo_top1 .my_headInfo_top1_1 {
    display: flex;
    align-items: center;
}

.userCenter_title .my_headInfo .my_headInfo_top1 .my_headInfo_top1_1 .userName {
    color: #dfb772;
    margin-right: 0.1rem;
}

.userCenter_title .my_headInfo .my_headInfo_top1 .grade {
    border-radius: 0.3rem;
    height: 0.3rem;
    width: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0b873;
    border: 1px solid #e0b873;
}


.userCenter_title .gradeSwiper {
    height: 2rem;
    width: 7.5rem;
}

.gradeSwiper .gradeBox {
    width: 6.8rem;
    height: 2rem;
}

.gradeSwiper .gradeBox .nowLevel {
    position: absolute;
    /*width: 1.09rem;*/
    height: 0.34rem;
    line-height: 0.34rem;
    padding: 0 0.24rem;
    font-size: 0.19rem;
    border-top-left-radius: 0.15rem;
    border-bottom-right-radius: 0.15rem;
    background-image: linear-gradient(to right, #9f9fa0, #cecece);
    /*background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/202108123/32.png") 0 0/100% auto no-repeat;*/
}

.gradeSwiper .gradeBox .zs {
    background-image: linear-gradient(to right, #d2e6f7, #a3c2f2);
    color: #5b5b5b;
}

.gradeSwiper .gradeBox .jp {
    background-image: linear-gradient(to right, #fff4d9, #ffe4a9);
    color: #7d4921;
}

.gradeSwiper .gradeBox .yp {
    background-image: linear-gradient(to right, #d0d0d0, #9c9c9c);
    color: #5a5a5a;
}

.gradeSwiper .gradeBox .pt {
    background-image: linear-gradient(to right, #ffffff, #bababa);
    color: #5b5b5b;
}

.gradeSwiper .gradeBox .levelWelfare {
    padding: 0 0.22rem;
    height: 2rem;
    display: flex;
}

.gradeSwiper .gradeBox .levelWelfare .item {
    width: 1.32rem;
    display: flex;
    margin-top: 0.55rem;
    flex-direction: column;
    align-items: center;
}

.gradeSwiper .swiper-container .swiper-wrapper .swiper-slide {
    width: 6.8rem;
}

.centerBanner {
    width: 7rem;
    height: 2rem;
    margin: 0.2rem 0.25rem;
    border-radius: 0.15rem;
}

.centerBanner .swiper-slide {
    height: 2rem;
}

.centerBanner .textTip {
    height: 2rem;
    width: 7.5rem;
    background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/202108123/23.png?v=03") 0 0/100% auto no-repeat;
    overflow: hidden;
    margin-top: -0.02rem;
}


.centerRecord {
    display: flex;
    width: 7rem;
    height: 1.5rem;
    margin: 0 0.25rem;
    background: #ffffff;
    align-items: center;
}

.centerRecord .recordItem {
    width: 2.4rem;
    height: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.3rem;
    color: #808080;
}

.centerRecord .recordItem .recordItem2 {
    font-size: 0.44rem;
    color: #183368;
    display: flex;
    align-items: baseline;
    font-weight: 600;
}

.centerRecord .recordItem .recordItem2 .recordItem3 {
    font-size: 0.2rem;
    font-weight: 600;
}

.centerRecord .recordItem .recordItem2 .recordItem3 .img {
    width: 0.12rem;
    height: 0.21rem;
}

.myOrder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 7rem;
    min-height: 2.5rem;
    margin: 0.25rem;
    background: #ffffff;
}

.myOrder .myOrderDetail {
    width: 6.5rem;
    display: flex;
    height: 0.9rem;
    align-items: center;
    justify-content: space-between;
    font-size: 0.3rem;
    margin: 0 0.3rem;
    border-bottom: 2px solid #f4f4f4;
}

.myOrder .myOrderDetail img {
    width: 0.18rem;
    height: 0.30rem;
}

.myOrder .myOrderNav {
    padding: 0 0.13rem;
    display: flex;
    width: 6.75rem;
    min-height: 1.6rem;
    flex-wrap: wrap;
}

.myOrder .myOrderNav .iconNav {
    width: 1.35rem;
    height: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.myOrder .myOrderNav .iconNav .top {
    position: relative;
}

.myOrder .myOrderNav .iconNav .top .tip {
    position: absolute;
    right: -0.2rem;
    top: -0.1rem;
    min-width: 0.14rem;
    padding: 0 .08rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 20px;
    background: #be0f34;
    color: #fff;
    font-size: .24rem;
    font-style: normal;
    text-align: center;
}

.myOrder .myOrderNav .iconNav img {
    width: 0.62rem;
    height: 0.47rem;
}


.commonFunction {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 7rem;
    height: 4.5rem;
    margin: 0.25rem;
    background: #ffffff
}

.commonFunction .title {
    font-size: 0.3rem;
    height: 0.9rem;
    width: 6.5rem;
    margin: 0 0.3rem;
    border-bottom: 2px solid #f4f4f4;
    display: flex;
    align-items: center;
}

.commonNav {
    width: 100%;
    padding: 0.3rem 0.13rem;
    box-sizing: border-box;
}

.commonNav .iconNav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.commonNav .iconNav div {
    width: 1.3rem;
    height: 1.5rem;
}

.commonNav .iconNav div img {
    width: 0.62rem;
    height: auto;
    display: block;
    margin: 0 auto 0.22rem;
}

.commonNav .iconNav div span {
    color: #7f7f7f;
    display: block;
    text-align: center;
}

.myService {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 7rem;
    /*height: 2.5rem;*/
    margin: 0.25rem;
    background: #ffffff
}

.myService .title {
    font-size: 0.3rem;
    height: 0.9rem;
    width: 6.5rem;
    margin: 0 0.3rem;
    border-bottom: 2px solid #f4f4f4;
    display: flex;
    align-items: center;
}

/* 隐私条款弹窗 */
.privacyMark {
    position: relative;
    width: 6rem;
    /*height: 8.1rem;*/
    display: flex;
    background: #fff;
    border-radius: 0.1rem;
    /*background-image: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211023/privacyMark.png?v=002');*/
    /*background-size: 5.2rem 8.1rem;*/
}

.privacyMark .privacyMark_con .title-box {
    padding: 0.7rem 0 0.42rem;
    text-align: center;
    font-size: 0.36rem;
    color: #3c3c3c;
    /*font-weight: bold;*/
}

.privacyMark .privacyMark_con .content-box {
    padding: 0 0.6rem;
}

.privacyMark .privacyMark_con .content-box span {
    display: block;
    /*text-indent: 0.4rem;*/
    text-align: justify;
    font-size: 0.26rem;
    color: #3c3c3c;
}

.privacyMark .privacyMark_con .content-box span:first-child {
    margin-bottom: 0.45rem;
}

.privacyMark .privacyMark_con .content-box span:last-child {
    margin-bottom: 0.5rem;
}

.privacyMark .privacyMark_con .content-box span i {
    font-size: 0.26rem;
    color: #b38036;
    font-style: normal;
}

.privacyMark .privacyMark_handle {
    /*position: absolute;*/
    /*bottom: 0.4rem;*/
    /*left: 0;*/
    padding: 0 0.6rem;
    overflow: hidden;
    margin: 0 auto 0.7rem;
    /*display: flex;*/
    /*justify-content: space-between;*/
}

.privacyMark_handle div {
    height: 0.6rem;
    box-sizing: border-box;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.24rem;
    border-radius: 0.04rem;
}

.privacyMark_handle .privacyMark_confirm {
    color: #fff;
    background: #1e1e1e;
    margin-bottom: 0.3rem;
}

.privacyMark_handle .privacyMark_close {
    box-sizing: border-box;
    border: 1px solid #3c3c3c;
    color: #3c3c3c;
}

.footerLogo {
    display: flex;
    height: 2rem;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.footerLogo img {
    width: 6rem;
    /*height: 0.71rem;*/
}

.userCenterTop .userCenterBox .imgCard {
    width: 7.5rem;
    height: 3.65rem;
    margin: 0 auto;
}

.userCenterTop .userCenterBox .imgCard .my_userTop {
    position: relative;
    width: 6.2rem;
    height: 1.41rem;
    padding: 0.37rem 0.66rem;
    display: flex;
    justify-content: flex-start;
}

.userCenterTop .userCenterBox .imgCard .my_userTop .my_headImg {
    width: 1.36rem;
    height: 1.36rem;
    border-radius: 1.36rem;
    border: 0.02rem solid #ede4d3;
}

.userCenterTop .userCenterBox .imgCard .my_userTop .my_headImg img {
    width: 1.34rem;
    height: 1.34rem;
    border-radius: 1.34rem;
    border: 0.02rem solid #0f206f;
}

.userCenterTop .userCenterBox .imgCard .my_userTop .my_headInfo {
    width: 5.24rem;
    height: 1.4rem;
    /*padding-top:0.08rem;*/
    overflow: hidden;
}

.userCenterTop .userCenterBox .imgCard .my_userTop .JFBtn {
    position: absolute;
    top: 0.42rem;
    right: 0.59rem;
    /*width:2.7rem;*/
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #fff;
}

.userCenterTop .userCenterBox .imgCard .my_userTop .JFBtn > img {
    width: 0.1rem;
    height: 0.16rem;
    margin: 0 0.05rem;
}

.my_headInfo .my_headInfo_top1 {
    width: 100%;
    height: 0.76rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.my_user_jy_Box .my_user_jy_text {
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    color: #fff;
    font-size: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.userCenterTop .userCenterBox .messBox {
    width: 7.5rem;
    height: 2.07rem;
    margin: -0.02rem auto 0;
    background: url("../images/newshop/userCenter/card/6.png");
    background-size: 7.5rem 2.07rem;
}

.userCenterTop .qy_box {
    width: 7.4rem;
    height: 1.7rem;
    /*padding-top:1.75rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.userCenterTop .qy_box .qy_box_item {
    width: 1.37rem;
    height: 1.5rem;
}

.userCenterTop .qy_box .qy_box_item .qy_box_item_imgBox {
    width: 1.37rem;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.userCenterTop .qy_box .qy_box_item .qy_box_item_imgBox img {
    width: 0.5rem;
    height: 0.5rem;
}

.userCenterTop .qy_box .qy_box_item .qy_box_item_imgBox img.gray {
    width: 0.95rem;
    height: 0.6rem;
}

.userCenterTop .qy_box .qy_box_item .qy_box_item_text {
    width: 100%;
    height: 0.47rem;
    font-size: 0.20rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

/*昵称 积分*/
.userCenterTop .level4 .zsColorName1 {
    color: #e9cf9f !important;
}

/* 会员的字*/
.userCenterTop .level4 .zsColorVipName1 {
    color: #979797 !important;
}

/*到期的*/
.userCenterTop .level4 .zsColorTime1 {
    color: #b8a685 !important;
}

/*经验值*/
.userCenterTop .level4 .zscolorText1 {
    color: #e9cf9f !important;
}

.userCenterTop .level4 span.zscolorText1 {
    font-weight: bold !important;
}

/*进度条BG*/
.userCenterTop .level4 .zsbgColor {
    background: #515151 !important;
}

/*积分的Color*/
.userCenterTop .level4 .zscolorjf {
    color: #e9cf9f !important;
}

/*升级*/
.userCenterTop .level4 .zscolorText2 {
    color: #e9cf9f !important;
}

.userCenterTop .level4 .zscolorText2 > span {
    color: #113469 !important;
    background-image: linear-gradient(to right, #fff3da, #d09a44) !important;
}

/*昵称 积分 JP*/
.userCenterTop .level3 .zsColorName1 {
    color: #173065 !important;
}

/* 会员的字*/
.userCenterTop .level3 .zsColorVipName1 {
    color: #979797 !important;
}

/*到期的*/
.userCenterTop .level3 .zsColorTime1 {
    color: #786e69 !important;
}

/*经验值*/
.userCenterTop .level3 .zscolorText1 {
    color: #173065 !important;
}

.userCenterTop .level3 span.zscolorText1 {
    font-weight: bold !important;
}

/*进度条BG*/
.userCenterTop .level3 .zsbgColor {
    background: #cb9d55 !important;
}

/*积分的Color*/
.userCenterTop .level3 .zscolorjf {
    color: #173065 !important;
}

/*升级*/
.userCenterTop .level3 .zscolorText2 {
    color: #f0d8ae !important;
}

.userCenterTop .level3 .zscolorText2 > span {
    color: #113469 !important;
    background-image: linear-gradient(to right, #fff3da, #d09a44) !important;
}

/*昵称 积分 YP*/
.userCenterTop .level2 .zsColorName1 {
    color: #173065 !important;
}

/* 会员的字*/
.userCenterTop .level2 .zsColorVipName1 {
    color: #cfcfcf !important;
}

/*到期的*/
.userCenterTop .level2 .zsColorTime1 {
    color: #656d85 !important;
}

/*经验值*/
.userCenterTop .level2 .zscolorText1 {
    color: #173065 !important;
}

.userCenterTop .level2 span.zscolorText1 {
    font-weight: bold !important;
}

/*进度条BG*/
.userCenterTop .level2 .zsbgColor {
    background: #a0a0a0 !important;
}

/*积分的Color*/
.userCenterTop .level2 .zscolorjf {
    color: #173065 !important;
}

/*升级*/
.userCenterTop .level2 .zscolorText2 {
    color: #cfcfcf !important;
}

.userCenterTop .level2 .zscolorText2 > span {
    color: #113469 !important;
    background-image: linear-gradient(to right, #fff3da, #d09a44) !important;
}

/*昵称 积分 PT*/
.userCenterTop .level1 .zsColorName1 {
    color: #e9cf9f !important;
}

/* 会员的字*/
.userCenterTop .level1 .zsColorVipName1 {
    color: #5189ce !important;
}

/*到期的*/
.userCenterTop .level1 .zsColorTime1 {
    color: #5189ce !important;
}

/*经验值*/
.userCenterTop .level1 .zscolorText1 {
    color: #e9cf9f !important;
}

.userCenterTop .level1 span.zscolorText1 {
    font-weight: bold !important;
}

/*进度条BG*/
.userCenterTop .level1 .zsbgColor {
    background: #133975 !important;
}

/*积分的Color*/
.userCenterTop .level1 .zscolorjf {
    color: #e9cf9f !important;
}

/*升级*/
.userCenterTop .level1 .zscolorText2 {
    color: #133975 !important;
}

.userCenterTop .my_user_next_btn {
    width: 6.2rem;
    height: 0.77rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.userCenterTop .my_user_next_btn_l {
    width: 3rem;
    height: 0.34rem;
    display: flex;
    align-content: flex-start;
    align-items: center;
    font-size: 0.26rem;
    font-weight: 500;
    color: #e9cf9f;
}

.my_user_next_btn_l_btn {
    padding: 0 0.1rem;
    border-radius: 0.05rem;
}

.my_user_next_btn_l_btn > img {
    width: 0.13rem;
    height: 0.19rem;
}

.userCenterTop .my_user_next_btn_r {
    width: 1.6rem;
    height: 0.33rem;
    color: #133975;
}

.userCenterTop .my_user_next_btn_r_btn {
    width: 1.4rem;
    height: 0.33rem;
    text-align: left;
    font-size: 0.24rem;
    /*padding-left:0.2rem;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.userCenterTop .my_user_next_btn_r_btn > span {
    width: 0.24rem;
    height: 0.33rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: linear-gradient(to right, #6598e8, #1f3f7b);
    padding: 0 0.06rem 0 0.06rem;
    border-bottom-left-radius: 0.1rem;
    border-top-left-radius: 0.1rem;
}

.userCenterTop .level1 .bg1 {
    background-image: url("../images/newshop/userCenter/card/bg3.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.userCenterTop .level2 .bg1 {
    background-image: url("../images/newshop/userCenter/card/bg2.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.userCenterTop .level3 .bg1 {
    background-image: url("../images/newshop/userCenter/card/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.userCenterTop .level4 .bg1 {
    background-image: url("../images/newshop/userCenter/card/bg4.png");
    background-size: cover;
    background-repeat: no-repeat;
}

/*End卡面*/

/*个人中心页面 end*/

/*userCenter start*/
.bg-efefef {
    background: #efefef;
}

.userCenter_top_box {
    /*width:6.88rem;*/
    /*height:3.43rem;*/
    /*margin:0.37rem auto 0.07rem;*/
    /*background-size: 100% 100%;*/
    /*overflow:hidden;*/
    /*border-radius:0.2rem;*/
    position: relative;
    width: 7.5rem;
    overflow: hidden;
    /*height:2rem;*/
}

/*.userCenter_top_box.level1 { background-image: url("../images/newshop/userCenter/ptCard_01.png");  background-size: 100% 100%; -webkit-background-size: 100% 100%; }*/
/*.userCenter_top_box.level2 { background-image: url("../images/newshop/userCenter/ptCard_01.png");  background-size: 100% 100%; -webkit-background-size: 100% 100%; }*/
/*.userCenter_top_box.level3 { background-image: url("../images/newshop/userCenter/hjCard_01.png");  background-size: 100% 100%; -webkit-background-size: 100% 100%; }*/
/*.userCenter_top_box.level4 { background-image: url("../images/newshop/userCenter/zsCard_01.png");  background-size: 100% 100%; -webkit-background-size: 100% 100%; }*/

.level11 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220606/vip/bg2.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.level22 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220606/vip/bg3.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.level33 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220606/vip/bg4.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.level44 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220606/vip/bg5.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}
.level55 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220606/vip/bg6.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.userCenterBox .level1 {
    background-image: url("../images/newshop/userCenter/card/7.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.userCenterBox .level2 {
    background-image: url("../images/newshop/userCenter/card/8.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.userCenterBox .level3 {
    background-image: url("../images/newshop/userCenter/card/9.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.userCenterBox .level4 {
    background-image: url("../images/newshop/userCenter/card/5.png");
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.userCenter_top_box .userCenter_top {
    width: 7rem;
    margin: 0 auto;
    overflow: hidden;
}

.userCenter_top_box .vip-box {
    height: 4.45rem;
    padding: 0.46rem 0.25rem 0.2rem;
    box-sizing: border-box;
}

.userCenter_top_box .vip-box .vip-box-top {
    display: flex;
    justify-content: space-between;
}

.userCenter_top_box .vip-box .vipEndText {
    color: #00367e;
    font-size: 0.18rem;
    margin-bottom: 0.27rem;
}

.userCenter_top_box .vip-box .vip-box-top .left-box .vipText {
    display: flex;
}

.userCenter_top_box .vip-box .vip-box-top .left-box .vipText span {
    display: block;
    margin: 0.04rem 0 0.2rem;
    font-size: 0.33rem;
    color: #00367e;
    font-weight: 600;
}

.userCenter_top_box .vip-box .vip-box-top .left-box .vipText img {
    display: block;
    width: 0.9rem;
    margin: 0.12rem 0 0 0.1rem;
}

.userCenter_top_box .vip-box .vip-box-top .right-box img {
    display: block;
    width: 1.5rem;
    height: 0.4rem;
}

.pt-bg {
    background-image: linear-gradient(to bottom, #f6f6f6, #e1e1e1);
}

.yp-bg {
    background-image: linear-gradient(to bottom, #f6f6f6, #c0c0c0);
}

.jp-bg {
    background-image: linear-gradient(to bottom, #fff, #f9ebc5);
}

.zs-bg {
    background-image: linear-gradient(to bottom, #d2eeff, #a6cff5);
}

.userCenter_top_box .vip-box .vip-card-box {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0.15rem;
}

.userCenter_top_box .vip-box .vip-card-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    padding: 0.32rem 0 0;
}

.userCenter_top_box .vip-box .vip-card-box ul li {
    width: 2.18rem;
    margin-bottom: 0.23rem;
}

.userCenter_top_box .vip-box .vip-card-box ul li img {
    display: block;
    width: 0.72rem;
    height: 0.72rem;
    margin: 0 auto 0.22rem;
}

.userCenter_top_box .vip-box .vip-card-box ul li span {
    display: block;
    font-size: 0.23rem;
    color: #5f5f5f;
    text-align: center;
}

/*.userCenter_top_box .vip-box .vip-card-box div img {*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*    width: 3rem;*/
/*}*/

.userCenter_top_box .vip-box .card-info-box {
    display: flex;
    justify-content: center;
}

.userCenter_top_box .vip-box .card-info-box img {
    display: block;
    width: 0.2rem;
    margin: 0.23rem 0.08rem 0 0;
}

.userCenter_top_box .vip-box .card-info-box span {
    display: block;
    margin: 0.2rem 0 0;
}

/*.userCenter_top_box .userCenter_top .imgBox{*/
/*    !*width:100%;*!*/
/*    !*height:0.8rem;*!*/
/*    width:1.38rem;*/
/*    height:1.38rem;*/
/*    margin:0.22rem 0.25rem;*/
/*    display:flex;*/
/*    justify-content: center;*/
/*    align-items:center;*/
/*    border:0.02rem solid #a2b5c9;*/
/*    border-radius:50%;*/
/*}*/
/*.userCenter_top_box .userCenter_top .imgBox .img{*/
/*    width:1.36rem;*/
/*    height:1.36rem;*/
/*    border:0.02rem solid #0b1c6d;*/
/*    border-radius:50%;*/
/*}*/
/*.userCenter_top_box .userCenter_top .textBox{*/
/*    width:3rem;*/
/*    height:1.4rem;*/
/*    margin-top:0.35rem;*/
/*    color:#fff;*/
/*}*/

/*.userCenter_top_box .userCenter_top .textBox{*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*    margin: 0 0 0.26rem;*/
/*}*/

/*.userCenter_top_box .userCenter_top .textBox .vipText{*/
/*    width:1.27rem;*/
/*    height:0.29rem;*/
/*    line-height:0.29rem;*/
/*    font-size:0.18rem;*/
/*    background-image:url("../images/newshop/userCenter/card/vipNameBg.png");*/
/*    background-size:1.27rem 0.29rem;*/
/*    background-repeat: no-repeat;*/
/*    padding-left:0.35rem;*/
/*    margin-bottom:0.6rem;*/
/*}*/

/*.userCenter_top_box .userCenter_top .textBox .left_box .vipText{*/
/*    margin: 0.34rem 0 0.2rem;*/
/*    font-size: 0.33rem;*/
/*    color: #00367e;*/
/*    font-weight: 600;*/
/*}*/

/*.userCenter_top_box .userCenter_top .textBox .left_box .vipEndText{*/
/*    color: #00367e;*/
/*    font-size: 0.18rem;*/
/*}*/

/*.userCenter_top_box .userCenter_top .textBox .right_box img{*/
/*    display: block;*/
/*    height: 0.4rem;*/
/*    margin: 0.3rem 0 0;*/
/*}*/

/*.userCenter_top_box .userCenter_top .vipBox{*/
/*    overflow: hidden;*/
/*    background: #fff;*/
/*    margin: 0 0 0.2rem;*/
/*    padding: 0.32rem 0.2rem 0.1rem;*/
/*    border-radius: 0.12rem;*/
/*    box-sizing: border-box;*/
/*}*/

/*.userCenter_top_box .userCenter_top .vipBox ul{*/
/*    overflow: hidden;*/
/*}*/

/*.userCenter_top_box .userCenter_top .vipBox ul{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*}*/

/*.userCenter_top_box .userCenter_top .vipBox ul li{*/
/*    width: 2.18rem;*/
/*    margin-bottom: 0.23rem;*/
/*}*/

/*.userCenter_top_box .userCenter_top .vipBox ul li img{*/
/*    display: block;*/
/*    width: 0.72rem;*/
/*    height: 0.72rem;*/
/*    margin: 0 auto 0.22rem;*/
/*}*/

/*.userCenter_top_box .userCenter_top .vipBox ul li span{*/
/*    display: block;*/
/*    font-size: 0.23rem;*/
/*    color: #5f5f5f;*/
/*    text-align: center;*/
/*}*/

/*.userCenter_top_box .userCenter_top .vipBox div img{*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*    height:2.96rem;*/
/*}*/
/*.userCenter_top_box .userCenter_top .textBox .vipEndTime{*/
/*    width:3rem;*/
/*    height:0.4rem;*/
/*    line-height:0.4rem;*/
/*    font-size:0.2rem;*/
/*}*/

/*.userCenter_top_box .userCenter_top .userName{*/
/*    height:0.48rem;*/
/*    line-height: 0.48rem;*/
/*    text-align:center;*/
/*    font-size:0.33rem;*/
/*    color:#fff;*/
/*    font-weight:600;*/
/*    text-overflow:ellipsis;*/
/*    overflow:hidden;*/
/*}*/
/*.userCenter_top_box .next-level{*/
/*    position:absolute;*/
/*    top:0.26rem;*/
/*    right:0.26rem;*/
/*    width:2.68rem;*/
/*    height:0.25rem;*/
/*    font-size:0.18rem;*/
/*    display:flex;*/
/*    justify-content: flex-end;*/
/*    align-items: center;*/
/*    color:#fff;*/
/*}*/
/*.userCenter_top_box .rhsjBtn{*/
/*    position:absolute;*/
/*    right:0.27rem;*/
/*    bottom:0.31rem;*/
/*    width:1.59rem;*/
/*    height:0.34rem;*/
/*    display:flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*    color:#714c00;*/
/*    font-size:0.24rem;*/
/*    background-size:1.59rem 0.34rem;*/
/*    background-repeat:no-repeat;*/
/*    !*padding-left:0.3rem;*!*/
/*}*/
/*.userCenter_top_box .rhsjBtn >span{*/
/*    width:0.24rem;*/
/*    height:0.33rem;*/
/*    display:flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*    background-image:linear-gradient(to right,#6598e8,#1f3f7b);*/
/*    padding:0 0.06rem 0 0.06rem;*/
/*    border-bottom-left-radius: 0.1rem;*/
/*    border-top-left-radius: 0.1rem;*/
/*}*/


.level11 .bg1 {
    background-image: url("../images/newshop/userCenter/card/bg3.png");
}

.level22 .bg1 {
    background-image: url("../images/newshop/userCenter/card/bg2.png");
}

.level33 .bg1 {
    background-image: url("../images/newshop/userCenter/card/bg1.png");
}

.level44 .bg1 {
    background-image: url("../images/newshop/userCenter/card/bg4.png");
}

.level11 .colorVipName1 {
    color: #5892d9 !important;
}

.level11 .colorEndTime {
    color: #ab9e89 !important;
}

.level11 .colorNextVipName1 {
    color: #e9cf9f !important;
}

.level11 .colorbtn {
    color: #133975 !important;
}

.level22 .colorVipName1 {
    color: #cfcfcf !important;
}

.level22 .colorEndTime {
    color: #606880 !important;
}

.level22 .colorNextVipName1 {
    color: #173065 !important;
}

.level22 .colorbtn {
    color: #cfcfcf !important;
}

.level22 .colorbtn > span {
    color: #113469 !important;
    background-image: linear-gradient(to right, #fff3da, #d09a44) !important;
}

.level33 .colorVipName1 {
    color: #e0c597 !important;
}

.level33 .colorEndTime {
    color: #746863 !important;
}

.level33 .colorNextVipName1 {
    color: #173065 !important;
}

.level33 .colorbtn {
    color: #f0d8ae !important;
}

.level33 .colorbtn > span {
    color: #113469 !important;
    background-image: linear-gradient(to right, #fff3da, #d09a44) !important;
}

.level44 .colorVipName1 {
    color: #979797 !important;
}

.level44 .colorEndTime {
    color: #b8a685 !important;
}

.level44 .colorNextVipName1 {
    color: #e9cf9f !important;
}

.level44 .colorbtn {
    color: #f0d8ae !important;
}

.level44 .colorbtn > span {
    color: #113469 !important;
    background-image: linear-gradient(to right, #fff3da, #d09a44) !important;
}

/*.userCenter_top_box .userCenter_nav{*/
/*    width:100%;*/
/*    height:auto;*/
/*    display:flex;*/
/*    justify-content: space-around;*/
/*    align-items:center;*/
/*    overflow:hidden;*/
/*}*/
/*.userCenter_top_box .userCenter_nav .userCenter_nam_item{*/
/*    width:2.27rem;*/
/*    height:auto;*/
/*    font-size:0.24rem;*/
/*}*/
.userCenter_nav .userLine {
    width: 0.02rem;
    height: 0.8rem;
    margin: 0.2rem 0.04rem;
    background: #e3e6ee;
}

.userCenter_nam_item .info1 {
    width: 2.27rem;
    height: 0.46rem;
    line-height: 0.46rem;
    text-align: center;
    color: #fff;
}

.userCenter_nam_item .info2 {
    width: 2.27rem;
    height: 0.34rem;
    line-height: 0.34rem;
    text-align: center;
    color: #ebdcb1;
}

.userCenter_nam_item .info3 {
    width: 1.15rem;
    height: 0.26rem;
    font-size: 0.2rem;
    background: #ebdcb1;
    border-radius: 0.5rem;
    margin: 0.07rem auto;
    text-align: center;
    color: #162856;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.userCenter_Vip_Grade {
    width: 7.5rem;
    height: 8rem;
    height: auto;
    margin: 0rem auto;
    border-radius: 0.15rem;
}

.userCenter_Vip_Grade .Grade_nav {
    /*width: 7.5rem;*/
    /*height:0.8rem;*/
    width: 6.9rem;
    height: 1.03rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.userCenter_Vip_Grade .Grade_nav .Grade_nav_btn {
    width: 3rem;
    /*height:0.5rem;*/
    /*line-height:0.5rem;*/
    height: 1.03rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.userCenter_Vip_Grade .Grade_nav .Grade_nav_btn .item {
    width: 0.79rem;
    height: 0.99rem;
    text-align: center;
    border-bottom: 0.04rem solid transparent;
    /*border:0.02rem solid #af8e53;*/
    /*border-radius:0.32rem;*/
    font-size: 0.24rem;
    white-space: nowrap;
    color: #525252;
    display: flex;
    justify-content: center;
    align-items: center;
}

.userCenter_Vip_Grade .Grade_nav .Grade_nav_btn .item.active {
    color: #131761 !important;
    border-bottom: 0.04rem solid #131761 !important;
}

.userCenter_Vip_Grade .Grade_nav .Grade_line {
    width: 0.02rem;
    height: 0.3rem;
    background: #ceab73;
    margin: 0.25rem 0;
}

.userCenter_Vip_Grade .Grade_con {
    width:7.5rem;
    /*height:auto;*/
    /*width: 6.9rem;*/
    height: 4.73rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Grade_con_box .info1 {
    width: 7.5rem;
    height: 2.28rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Grade_con_box .info2 {
    width: 7.5rem;
    height: 0.55rem;
    line-height: 0.55rem;
    text-align: center;
    font-size: 0.22rem;
    color: #636363;
}

.Grade_con_box .info2 .jy {
    color: #192e63;
}

.Grade_con_box .info3 {
    width: 7.5rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    font-size: 0.2rem;
}

.Grade_con_box .info4 {
    width: 7.2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 0.3rem;
    font-size: 0.28rem;
}

.Grade_con_box .info5 {
    width: 7.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    padding-left: 0.3rem;
    font-size: 0.24rem;
}

.Grade_con_box .info6 {
    width: 7.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 auto;
    font-size: 0.24rem;
    text-align: center;
}

.Grade_con_box .info6 .jdMax {
    width: 6.8rem;
    height: 0.3rem;
    line-height: 0.3rem;
    background: lightblue;
    border-radius: 0.3rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.Grade_con_box .info6 .jdMax .jdNow {
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    background: lightpink;
    border-radius: 0.3rem;
}

.Grade_con_box .info7 {
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.22rem;
}

.user_task_box .user_task_box_wrap {
    width: 6.9rem;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border-radius: 0.12rem;
}

.user_task_box .user_task_box_wrap .user_task_title {
    display: flex;
    justify-content: space-between;
    width: 6.5rem;
    margin: 0 auto;
    border-bottom: 1px solid #f4f4f4;
}

.user_task_box .user_task_box_wrap .user_task_title .left_text {
    font-size: 0.28rem;
    line-height: 0.9rem;
    color: #333;
}

.user_task_box .user_task_box_wrap .user_task_title .right_text {
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.user_task_box .user_task_box_wrap .user_task_title .right_text span {
    display: block;
    margin-right: 0.05rem;
    font-size: 0.24rem;
    color: #bababa;
}

.user_task_box .user_task_box_wrap .user_task_title .right_text img {
    display: block;
    height: 0.23rem;

}

.user_task_box .user_task_box_wrap .user_task_con {
    display: flex;
    justify-content: space-between;
    width: 6.5rem;
    margin: 0 auto;
}

.user_task_box .user_task_box_wrap .user_task_con ul {
    width: 100%;
}

.user_task_box .user_task_box_wrap .user_task_con ul li {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0.15rem 0.4rem 0.12rem;
}

.user_task_box .user_task_box_wrap .user_task_con ul li .left_con {
    display: flex;
}

.user_task_box .user_task_box_wrap .user_task_con ul li .left_con img.icon {
    width: 0.35rem;
    height: 0.35rem;
    margin-right: 0.2rem;
}

.user_task_box .user_task_box_wrap .user_task_con ul li .left_con span {
    display: block;
    line-height: 0.4rem;
    font-size: 0.23rem;
    color: #808080;
}

.user_task_box .user_task_box_wrap .user_task_con ul li .left_con span i {
    font-style: normal;
    font-size: 0.23rem;
}

.user_task_box .user_task_box_wrap .user_task_con ul li .right_con {
    width: 1.1rem;
    color: #fff;
    font-size: 0.23rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #173066;
    text-align: center;
    border-radius: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.userCenter_Vip_Interest{*/
/*    width:6.88rem;*/
/*    height:auto;*/
/*    margin:0 auto;*/
/*    box-shadow: 0 0 0.04rem #e6e6e6;*/
/*    background:#fff;*/
/*    border-radius:0.15rem;*/
/*    border:1px solid #e6e6e6;*/
/*}*/
/*.userCenter_Vip_Interest_box{*/
/*    width:6.4rem;*/
/*    height:auto;*/
/*    margin:0 auto;*/
/*    padding-top:0.1rem;*/
/*}*/
/*.userCenter_Vip_Interest_box .title{*/
/*    width:100%;*/
/*    height:0.57rem;*/
/*    line-height:0.57rem;*/
/*    font-size:0.25rem;*/
/*    font-weight:bold;*/
/*    color:#000;*/
/*    display:flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*}*/
/*.userCenter_Vip_Interest_box  .title .line{*/
/*    display:inline-block;*/
/*    width:0.07rem;*/
/*    height:0.26rem;*/
/*    background:linear-gradient(to right,#af8e53,#d1b17e);*/
/*    margin:0 0.23rem 0 0.25rem;*/
/*}*/
/*.userCenter_Vip_Interest_box  .title .line.bg_a7a7a7{*/
/*    background:#a7a7a7;*/
/*}*/
/*.userCenter_Vip_Interest_box .content{*/
/*    width:100%;*/
/*    height:auto;*/
/*    display:flex;*/
/*    justify-content:flex-start;*/
/*    align-items:center;*/
/*    flex-wrap: wrap;*/
/*}*/
/*.userCenter_Vip_Interest .content .item{*/
/*    width:1.04rem;*/
/*    height:1.05rem;*/
/*    font-size:0.24rem;*/
/*    color:#666;*/
/*    margin:0.1rem;*/
/*    display:flex;*/
/*    justify-content: center;*/
/*    align-items:center;*/
/*    flex-direction: column;*/
/*}*/
/*.userCenter_Vip_Interest .content .item .IconBox{*/
/*    display:block;*/
/*    width:0.75rem;*/
/*    height:0.75rem;*/
/*    background:#f1eddd;*/
/*    border-radius:0.75rem;*/
/*}*/
/*.userCenter_Vip_Interest .content .item .IconBox.bg_e9e9e9{*/
/*    background:#e9e9e9;*/
/*}*/
/*.userCenter_Vip_Interest .content .item .IconBox img{*/
/*    width:0.75rem;*/
/*    height:0.75rem;*/
/*    border-radius:0.75rem;*/
/*}*/
/*.userCenter_Vip_Interest .content .item .IconTitle{*/
/*    width:100%;*/
/*    height:0.43rem;*/
/*    line-height:0.43rem;*/
/*    text-align:center;*/
/*    color:#ba9f71;*/
/*    font-size:0.2rem;*/
/*}*/
/*.userCenter_Vip_Interest .content .item .IconTitle.color_000{*/
/*    color:#000;*/
/*}*/
/*userCenter end*/

/*kefu start*/
.kefu_btn_box {
    position: fixed;
    bottom: 10%;
    right: 0.1rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 2rem;
    z-index: 999999;
    overflow: hidden;
    font-size: 0;
    /* background:#00aabb;*/
    touch-action: none;
}

.kefu_img {
    width: 1.3rem;
    height: 1.3rem;
}

/*kefu end*/

/* TC start*/
/*去牧场的弹窗*/
.mcMark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 111;
}

.mcMarkBox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 112;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-in {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}

.mcTc {
    position: relative;
    width: 7.5rem;
    height: 8.03rem;
    z-index: 101;
    /* animation: bounce-in 2s ease;*/
    animation: bounceIn 0.3s ease;
    -webkit-animation: bounceIn 0.3s ease;
}

.mcTc img {
    width: 7.5rem;
    height: 8.03rem;
}

.mcTc .mcClose {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2rem;
    height: 0.9rem;
    z-index: 100;
    text-align: right;
}

.mcTc .mcClose img {
    width: 1.2rem;
    height: 0.9rem;
    margin-top: 0.17rem;
}

.mcTc .mcBtn {
    position: absolute;
    bottom: 1rem;
    right: 0;
    left: 0;
    width: 5.2rem;
    height: 1rem;
    margin: 0 auto;
}

/* TC end*/
/*首页红包弹窗 start*/
.redPackage_mark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none;
}

.redPackage_mark_box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 201;
}
.redPackage_mark_box .close.bottom{
    width: 100%;height: 0.9rem;position:absolute;bottom: 0rem;
}
.redPackage_mark_box .close.top{
    width: 100%;height: 0.9rem;position:absolute;top: 0rem;
}

.redPackage_mark_box .jump.bottom{
    width: 100%;height: 4rem;position:absolute;bottom: 1rem;
}
.redPackage_mark_box .jump.top{
    width: 100%;height: 4rem;position:absolute;bottom: 0rem;
}
.redPackage_mark_box .jump1.bottom{
    width: 100%;height: 1.4rem;position:absolute;bottom: 3.4rem;
}
.redPackage_mark_box .jump2.bottom{
    width: 100%;height: 1.4rem;position:absolute;bottom: 2rem;
}
.redPackage_mark_box .popImg{
    width: 100%;height: 100%;
}

@-webkit-keyframes redBounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.redPackage_img {
    position: relative;
    width: 5rem;
    height: 7.35rem;
    z-index: 202;
    animation: bounceIn 0.3s ease;
    -webkit-animation: bounceIn 0.3s ease;
}

.redPackage_img .img {
    width: 5rem;
    height: 7.35rem;
}

.redPackage_close {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5rem;
    height: 1.2rem;
}

.redPackage_close2 {
    position: absolute;
    bottom: 1.8rem;
    left: 0;
    height: 0.6rem;
    margin-left: 1.7rem;
    width: 2.2rem;
}

.birthday_img {
    position: relative;
    width: 7.4rem;
    height: 7.26rem;
    z-index: 202;
    animation: bounceIn 0.3s ease;
    -webkit-animation: bounceIn 0.3s ease;
}

.birthday_img {
    width: 7.4rem;
    height: 7.26rem;
}

.birthday_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
    height: 1rem;
    z-index: 203;
}

.redPackage_img10 {
    position: relative;
    width: 7.1rem;
    height: 9.99rem;
    z-index: 202;
    animation: bounceIn 0.3s ease;
    -webkit-animation: bounceIn 0.3s ease;
}

.img {
    width: 7.1rem;
    height: 9.99rem;
}

.redPackage_close10 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7.1rem;
    height: 3.54rem;
}

/*首页红包弹窗 end*/

/*    购买弹窗 start   新人购买108商品的*/
.popWrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 109;
}

.popWrap:before {
    content: '\20';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
    -webkit-animation: popShow .3s;
    animation: popShow .3s;
}

.popWrap .popLayer {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 110;
}

.popWrap .popLayer .buyBox {
    position: absolute;
    width: 7rem;
    height: 3.4rem;
    padding-top: 0.4rem;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #ffffff;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-animation: buyBoxAmi .5s .1s backwards;
    animation: buyBoxAmi .5s .1s backwards;
}

.popWrap .popLayer .buyBox.max {
    height: 4.2rem;
}

.popWrap .popLayer .buyBox.max1 {
    height: 5rem;
}

.popWrap .popLayer .buyBox.maxx {
    height: 7rem;
}

.popWrap .popLayer .buyBox .buyClose {
    position: absolute;
    z-index: 202;
    right: 0.02rem;
    top: 0.02rem;
    width: 0.6rem;
    height: 0.6rem;
    background-position: -3rem -0.6rem;
}

.popWrap .popLayer .buyBox .buyDetail {
    min-height: 1.8rem;
    padding: 0 0 0.2rem 0.3rem;
    border-bottom: 0.02rem #05215a solid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.popWrap .popLayer .buyBox .buyDetail .buyL {
    float: left;
    width: 1.8rem;
    height: 1.6rem;
    overflow: hidden;
}

.popWrap .popLayer .buyBox .buyDetail .buyL span {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.popWrap .popLayer .buyBox .buyDetail .buyL span img {
    width: 1.6rem;
    height: 1.6rem;
}

.popWrap .popLayer .buyBox .buyDetail .buyR {
    float: left;
    position: relative;
    width: 4.9rem;
    min-height: 1.7rem;
    overflow: hidden;
    line-height: 0.5rem;
}

.popWrap .popLayer .buyBox .buyDetail .buyR h1 {
    width: 4.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    color: #313131;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item1 {
    height: 0.5rem;
    color: #aa6e0f;
    font-size: 0.26rem;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item1 span.t1 {
    font-size: 0.36rem;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item1 span.t2 {
    font-size: 0.38rem;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item1 span.t3 {
    color: #b8b8b8;
    text-decoration: line-through;
    margin-left: 0.2rem;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 {
    height: 0.8rem;
    line-height: 0.8rem;
    color: #313131;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 .choose-txt {
    float: left;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 .choose-num {
    width: 2.04rem;
    height: 0.5rem;
    margin-top: 0.14rem;
    border: 0.02rem #002456 solid;
    overflow: hidden;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 .choose-num > a {
    display: inline-block;
    float: left;
    width: 0.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    overflow: hidden;
    cursor: pointer;
    color: #555555;
    font-size: 0.4rem;
    text-align: center
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 .choose-num > a.btn-add {
    float: right;
    border-left: 0.02rem #002456 solid;
    background-position: -4.2rem 0;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 .choose-num > a.btn-reduce {
    border-right: 0.02rem #002456 solid;
    background-position: -3.6rem 0;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 .choose-num > i {
    display: inline-block;
    float: left;
    width: 0.75rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    overflow: hidden;
    font-size: 0.3rem;
    color: #002456;
    font-style: normal;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 span {
    display: block;
    float: left;
    width: 1rem;
    height: 0.5rem;
    margin: 0.14rem 0.1rem 0 0;
    line-height: 0.5rem;
    text-align: center;
    border: 0.02rem #bebebe solid;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    color: #b8b8b8;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 span.max {
    width: 1.6rem;
}

.popWrap .popLayer .buyBox .buyDetail .buyR .item2 span.cur {
    border-color: #002456;
    color: #002456;
}

.popWrap .popLayer .buyBox .buyLine {
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
}

.popWrap .popLayer .buyBox .buyLine .price {
    float: left;
    width: 2.8rem;
    height: 1rem;
    padding-left: 0.3rem;
    overflow: hidden;
    color: #05215a;
    font-size: 0.26rem;
}

.popWrap .popLayer .buyBox .buyLine .price span.t1 {
    font-size: 0.36rem;
    margin-left: 0.06rem;
}

.popWrap .popLayer .buyBox .buyLine .price span.t2 {
    font-size: 0.38rem;
}

.popWrap .popLayer .buyBox .buyLine .select {
    float: right;
    width: 3.6rem;
    height: 1rem;
    overflow: hidden;
    padding-right: 0.3rem;
    text-align: right;
}

.popWrap .popLayer .buyBox .buyLine .select a {
    display: inline-block; /*height:0.54rem;*/
    line-height: 0.54rem;
    padding: 0 0.2rem;
    border: 0.02rem #05215a solid;
    margin-left: 0.2rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #05215a;
}

.popWrap .popLayer .buyBox .buyLine .select a:last-child {
    background-color: #05215a;
    color: #ffffff;
}

.popWrap .popLayer .buyBox .list {
    height: 5.6rem;
    padding: 0 0 0.2rem 0.3rem;
    border-bottom: 0.02rem #05215a solid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.popWrap .popLayer .buyBox .list h1 {
    width: 6.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.36rem;
    color: #05215a;
    margin-bottom: 0.2rem;
}

.popWrap .popLayer .buyBox .list .listul {
    width: 6.6rem;
    height: 4.8rem;
    overflow: hidden;
}

.popWrap .popLayer .buyBox .list ul {
    width: 6.4rem;
}

.popWrap .popLayer .buyBox .list ul li {
    height: 1.3rem;
    border-bottom: 0.02rem #f0f0f0 solid;
    padding-top: 0.1rem;
}

.popWrap .popLayer .buyBox .list ul li:last-child {
    border-bottom: 0;
}

.popWrap .popLayer .buyBox .list ul li .limg {
    width: 1.1rem;
    height: 1.1rem;
    float: left;
    overflow: hidden;
    margin: 0.04rem 0.3rem 0 0;
}

.popWrap .popLayer .buyBox .list ul li .limg img {
    width: 1.1rem;
    height: 1.1rem;
}

.popWrap .popLayer .buyBox .list ul li .rcon {
    float: left;
    width: 5rem;
    height: 1.4rem;
}

.popWrap .popLayer .buyBox .list ul li .rcon h3 {
    width: 5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    font-weight: normal;
}

.popWrap .popLayer .buyBox .list ul li .rcon h3 span {
    font-size: 0.24rem;
    margin-left: 0.3rem;
    color: #b2b2b2;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 {
    width: 5rem;
    height: 0.6rem;
    line-height: 0.6rem;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .price {
    float: left;
    width: 1.6rem;
    line-height: 0.6rem;
    overflow: hidden;
    color: #aa6e0f;
    font-size: 0.26rem;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .price span.t1 {
    font-size: 0.36rem;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .price span.t2 {
    font-size: 0.38rem;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .choose-txt {
    float: left;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .choose-num {
    width: 2.04rem;
    height: 0.5rem;
    margin-top: 0.04rem;
    border: 0.02rem #002456 solid;
    overflow: hidden;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .choose-num > a {
    display: inline-block;
    float: left;
    width: 0.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    overflow: hidden;
    cursor: pointer;
    color: #555555;
    font-size: 0.4rem;
    text-align: center
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .choose-num > a.btn-add {
    float: right;
    border-left: 0.02rem #002456 solid;
    background-position: -4.2rem 0;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .choose-num > a.btn-reduce {
    border-right: 0.02rem #002456 solid;
    background-position: -3.6rem 0;
}

.popWrap .popLayer .buyBox .list ul li .rcon .line2 .choose-num > i {
    display: inline-block;
    float: left;
    width: 0.75rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    overflow: hidden;
    font-size: 0.3rem;
    color: #002456;
    font-style: normal;
}

@-webkit-keyframes buyBoxAmi {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
    }
    40% {
        opacity: 1;
        -webkit-transform: translate3d(0, 2%, 0);
    }
    55% {
        opacity: 1;
        -webkit-transform: translate3d(0, -1.5%, 0);
    }
    70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 1%, 0);
    }
    85% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.5%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes buyBoxAmi {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
    40% {
        opacity: 1;
        -webkit-transform: translate3d(0, 2%, 0);
        transform: translate3d(0, 2%, 0);
    }
    55% {
        opacity: 1;
        -webkit-transform: translate3d(0, -1.5%, 0);
        transform: translate3d(0, -1.5%, 0);
    }
    70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 1%, 0);
        transform: translate3d(0, 1%, 0);
    }
    85% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.5%, 0);
        transform: translate3d(0, -0.5%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*    购买弹窗 end*/


/*leaveMassageDetail start*/
.leaveMassageDetailTop {
    width: 7.5rem;
    height: 3.77rem;
    padding-top: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.leaveMassageDetailTop img {
    width: 7.14rem;
    height: 3.77rem;
}

.leaveMassageDetailBtnBox {
    width: 7.5rem;
    height: 1.67rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.07rem;
}

.leaveMassageDetailBtnBox .msgSubmitBtn {
    width: 4.62rem;
    height: 0.67rem;
    border: 0.02rem;
    box-shadow: 0 0 0.1rem #f1d299;
    border-radius: 0.56rem;
}

.leaveMassageDetailBtnBox .msgSubmitBtn .btn {
    width: 4.58rem;
    height: 0.63rem;
    line-height: 0.63rem;
    border: 0.02rem solid #fff;
    border-radius: 0.52rem;
    font-size: 0.28rem;
    color: #021363;
    text-align: center;
    background: linear-gradient(#f5deb3, #edc880);
}

.leaveMassageDetailRulsBox {
    width: 7.5rem;
    height: auto;
}

.leaveMassageDetailRulsBox .title {
    width: 6.4rem;
    height: 0.61rem;
    line-height: 0.61rem;
    text-align: center;
    font-size: 0.24rem;
    color: #000;
    margin: 0 auto;
}

.leaveMassageDetailRulsBox .item {
    width: 6.4rem;
    font-size: 0.2rem;
    color: #656565;
    line-height: 0.35rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}

.leaveMassageDetailRulsBox .item .xh {
    width: 0.21rem;
    height: 0.35rem;
    line-height: 0.35rem;
}

.leaveMassageDetailRulsBox .item .wz {
    width: 6.18rem;
    min-height: 0.35rem;
    line-height: 0.35rem;
}

.leaveMassageDetailRulsBox .item .wz.big {
    margin-top: 0.25rem;
    width: 100%;
}

/*leaveMassageDetail edn*/

/*vipCommunity.html start */
.task-nav-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
}

.task-nav-box-ui {
    width: 100%;
    height: 0.65rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 0.02rem solid #e7e7e7;
    padding-top: 0.15rem;
    font-size: 0.28rem;
}

.task-nav-box-ui .item {
    width: 1.76rem;
    height: 0.64rem;
    line-height: 0.64rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0.02rem solid transparent;
    font-size: 0.26rem;
    color: #aa8f5a;
}

.task-nav-box-ui .item.active {
    color: #031464;
    border-bottom: 0.02rem solid #0b1c6d;
}

.task-nav-box-ui .item:last-child {
    border-right: 0.02rem solid transparent;
}

.positionR {
    position: relative;
}

.item-positionR-tip {
    position: absolute;
    top: -0.2rem;
    right: -0.3rem;
    height: 0.3rem;
    padding: 0 0.08rem;
    min-width: 0.14rem;
    background: #be0f34;
    border-radius: 0.3rem;
    color: #fff;
}

.task-list-box {
    width: 7.5rem;
    margin: 0 auto;
    position: fixed;
    top: 0.8rem;
    /*top: 2.6rem;*/
    left: 0;
    right: 0;
    bottom: 1.1rem;
    overflow-y: scroll;
}

.task-list-box .ListTitle1 {
    width: 7.5rem;
    height: 1.45rem;
    overflow: hidden;
}

.vip-community-new {
    width: 7.5rem;
    height: auto;
    display: flex;
    flex-direction: column;
}

.vip-community-new .index-item {
    width: 6.85rem;
    margin: 0 auto;
}

.vip-community-new .index-item .index-item-banner {
    width: 6.85rem;
    height: 3.8rem;
    margin: 0 auto 0.2rem;
    border-radius: 0.15rem;
    overflow: hidden;
}

.vip-community-new .index-item .index-item-banner .swiperBox {
    width: 6.85rem;
    height: 3.8rem;
}

.vip-community-new .index-item .index-item-banner .swiperBox .img {
    width: 6.85rem;
    height: 3.8rem;
}

.vip-community-new .index-item .index-item-btn {

    width: 6.85rem;
    height: 1.94rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vip-community-new .index-item .index-item-btn .btn-index-img {
    position: relative;
    width: 3.35rem;
    height: 1.94rem;
    border-radius: 0.15rem;
    overflow: hidden;
    box-shadow: 0 0 0.15rem #e8e8e8;
}

.vip-community-new .index-item .index-item-btn .btn-index-img .btn-index-text {
    position: absolute;
    bottom: 0.6rem;
    padding-top: 1.1rem;
    width: 3rem;
    left: 0.45rem;
    height: 0.3rem;
    color: #5d5958;
    font-size: 0.28rem;
}

.bg1 {
    /*background: url("../images/newshop/taskImg/mtc/allvip.png?v=0607") no-repeat;*/
    background-size: 100% 100%;
}

.bg2 {
    background: url("../images/newshop/taskImg/mtc/mycontent.png?v=0607") no-repeat;
    background-size: 100% 100%;
}

.vcn-index-item-content {
    width: 7.38rem;
    height: 0.72rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #404040;
}

.vcn-index-item-content .item-choice {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.3rem;
    height: 0.72rem;
    font-size: 0.28rem;
    position: relative;
}

.vcn-index-item-content .item-choice.active {
    color: #031464;
    font-weight: bold;
}

/*发布内容 btn start*/
.vcn_push_btn {
    position: fixed;
    bottom: 20%;
    right: 0.1rem;
    width: 1.22rem;
    height: 1.22rem;
    z-index: 99;
    overflow: hidden;
    font-size: 0;
    touch-action: none;
}

.vcn_push_btn_img {
    width: 1.22rem;
    height: 1.22rem;
    border-radius: 1.22rem;
    overflow: hidden;
}

/*发布内容 btn end*/
/*vcnList start*/
.vcn_List_Con1 {
    width: 6.85rem;
    column-count: 2;
    /*padding:0 0.3rem 0.3rem;*/
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    /*align-items: flex-start;*/
    /*flex-wrap: wrap;*/
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
}

.vcn_List_Con1 .list_item {
    break-inside: avoid;
    width: 3.35rem;
    height: auto;
    padding-bottom: 0.2rem;
}

.vcn_List_Con1 .list_item .list_item_box1 {
    width: 3.35rem;
    /*height: 5.2rem;*/
    margin: 0 auto;
    border-radius: 0.15rem;
    border:0.01rem solid #e8e8e8;
    box-shadow: 0 0 0.15rem #e8e8e8;
}

.vcn_List_Con1 .list_item .list_item_box {
    width: 3.35rem;
    /*height:3.25rem;*/
    border-top-left-radius: 0.15rem;
    border-top-right-radius: 0.15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.vcn_List_Con1 .list_item .list_item_box > img {
    width: 3.35rem;
    height: auto;
}

.vcn_List_Con1 .list_item .list_item_info {
    width: 3.3rem;
    /*height: 1.5rem;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.vcn_List_Con1 .list_item .list_item_info div img.headImg {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.5rem;
    margin: 0 0.12rem;
    overflow: hidden;
}

.vcn_List_Con1 .list_item .list_item_info div p {
    width: 1rem;
    height: 0.74rem;
    line-height: 0.74rem;
    font-weight: 500;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.vcn_List_Con1 .list_item .list_item_text {
    width: 3.1rem;
    font-size: 0.24rem;
    line-height: 0.35rem;
    padding: 0 0.1rem;
    color: #888;
    margin-top: 0.2rem;
}

.vcn_List_Con1 .list_item .list_item_text1 {
    height: 0.7rem;
    margin: 0;
    color: #585657;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.vcn_List_Con1 .list_item .list_item_text > span {
    color: #152678;
    width: 3.1rem;
    font-weight: 500;
    display: -webkit-box;
    /*设置内容不换行*/
    text-overflow: ellipsis;
    /*设置文字超出文本框的内容显示成...*/
    overflow: hidden;
    /*超出部分隐藏*/
    -webkit-line-clamp: 1; /*需要换行的行数*/
    -webkit-box-orient: vertical;
}

/*.vcn_List_Con1 .list_item  .list_item_text .item_content{*/
/*   */
/*    height:0.58rem ;*/
/*    margin-top: 0.26rem;*/
/*}*/
.vcn_List_Con1 .list_item .list_item_footer {
    width: 100%;
    padding: 0.15rem 0;
    height: 0.55rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vcn_List_Con1 .list_item .list_item_footer .list_item_time {
    color: #888;
    font-size: 0.15rem;
    margin-left: 0.1rem;
}

.vcn_List_Con1 .list_item .list_item_footer .list_item_Z {
    display: flex;
    align-items: flex-start;
    margin-right: 0.1rem;
    height: 0.26rem;
}

.vcn_List_Con1 .list_item .list_item_footer .list_item_Z img {
    width: 0.27rem;
    height: 0.26rem;
    margin-left: 0.03rem;
    margin-right: 0.01rem;
}

.vcn_List_Con1 .list_item .list_item_footer .list_item_Z span {
    margin-right: 0.1rem;
    padding-left: 0.05rem;
}

/*vcnList end*/


.vip_community_new_nav {
    width: 7.38rem;
    height: 0.72rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #404040;
}

.vip_community_new_nav .item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.3rem;
    height: 0.72rem;
    position: relative;
}


.task-list-box .task-list-itemBox_M {
    width: 7.5rem;
    padding: 0.2rem 0;
    height: auto;
    border-bottom: 0.2rem solid #e9e9e9;
}

.border_none {
    border: none !important;
}

.task-list-box .task-list-itemBox_M .titleBox {
    width: 6.94rem;
    height: 0.7rem;
    line-height: 0.7rem;
    margin: 0 auto;
    font-size: 0.28rem;
    color: #000;
}

.task-list-box .task-list-itemBox_M .titleBox.listTitleBox2 {
    height: 0.76rem;
    line-height: 0.76rem;
    text-align: right;
    color: #031464;
    font-size: 0.24rem;
}

.task-list-box .ListTitle1 img {
    width: 7.5rem;
    height: 1.45rem;
}

.task-list-itemBox {
    width: 7rem;
    margin: 0 auto;
    height: auto;
    min-height: 2.79rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    padding-bottom: 0.2rem;
}

.task-list-itemBox .list2Box {
    position: relative;
    width: 7rem;
    height: 2.36rem;
}

.task-list-itemBox img {
    width: 7rem;
    height: 2.63rem;
}

.task-list-itemBox .list2BoxBtn {
    position: absolute;
    top: 1rem;
    right: 0.3rem;
    width: 1.96rem;
    height: 0.53rem;
    border: 0.02rem;
    box-shadow: 0 0 0.1rem #f1d299;
    border-radius: 0.53rem;
    background: #fff;
}

/*签到 starat*/
.mcTc {
    width: 7rem;
    height: 10rem;
    border-radius: 0.15rem;
    overflow-y: scroll;
}


/*.signIn .assets {*/
/*    width: 7rem;*/
/*    height: 1.6rem;*/
/*    background: url("../../static/himilk/images/signin.png") 0 0 no-repeat;*/
/*    background-size: 7.5rem 3rem;*/
/*    -webkit-background-size: 7.5rem 3rem;*/
/*}*/

.signIn > .title {
    position: relative;
    width: 5.8rem;
    /*width: 7rem;*/
    height: 1.07rem;
    line-height: 1.07rem;
    text-align: center;
    background: #031464;
    color: #f4dcae;
    font-size: 0.34rem;
}

.signIn > .signList {
    width: 7rem;
    /*width:5.8rem;*/
    height: 5.2rem;
    padding-top: 0.4rem;
    border-bottom: 0.2rem #f0f0f0 solid;
    /*border-top: 0.2rem #f0f0f0 solid;*/
}

.signIn > .signList > ul {
    width: 6.3rem;
    height: 5rem;
    margin: 0 auto;
}

.signIn > .signList > ul > li {
    float: left;
    width: 0.9rem;
    height: 0.9rem;
    /*width:0.73rem;*/
    /*height: 0.73rem;*/
    margin-bottom: 0.1rem;
    overflow: hidden;
    background-position: 0 -1.8rem;
}

.signIn > .signList > ul > li.status1 {
    background-position: -0.9rem -1.8rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.2rem;
    color: #fff;
}

.signIn > .signList > ul > li.status2 {
    background-position: -1.8rem -1.8rem;
}

.signIn > .signList > ul > li.status2 > span {
    display: block;
    width: 0.6rem;
    height: 0.56rem;
    line-height: 0.28rem;
    color: #fff;
    margin: 0.17rem 0.15rem;
    text-align: center;
    font-size: 0.22rem;
}

.signIn > .signList > ul > li.status3 {
    background-position: -2.7rem -1.8rem;
}

.signIn > .signInfor {
    width: 6.2rem;
    height: 3rem;
    padding: 0.2rem 0.4rem;
}

.signIn > .signInfor > h3 {
    line-height: 0.8rem;
}

.signIn > .signInfor > p {
    line-height: 0.4rem;
}

.bg-white {
    background: #fff;
}

.bg-f9f9f9 {
    background: #f9f9f9;
}

/*签到 end*/

/* luckDraw start */
.luckDrawMark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 111;
}

.luckDrawMark .mcMarkBox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 112;
}

.luckDrawMark #container {
    width: 7.52rem;
    height: 10.24rem;
    margin: 0 auto;
    border-radius: 0.2rem;
    background-image: url("https://telunsu-cdn.mengniu.com.cn/static/newShop/luck/luckBg3.png?v=1");
    background-size: 7.52rem 10.24rem;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

.luckDrawMark #container .luckTitle {
    /* position: relative; */
    width: 1rem;
    /*width:6.32rem;*/
    height: 0.8rem;
    text-align: center;
    font-size: 0.38rem;
    margin: 0.8rem auto 0;
}

.luckDrawMark #container .luckTitle .mcClose {
    /*position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 1.7rem;
    z-index: 100;
    text-align: right;*/
    width: 100%;
    height: 100%;
    z-index: 100;
}

.luckDrawMark #container .luckTitle .mcClose img {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.3rem 0.4rem 0 0;
}

.luckDrawMark #container .containerScroll {
    width: 6.32rem;
    height: 8.76rem;
    margin: -0.1rem auto 0;
    /*padding-top:0.2rem;*/
    overflow: hidden;
    /*background: #fff;*/
    overflow-y: scroll;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.luckDrawMark #container .listBox {
    /*width: 6.44rem;*/
    width: 6.32rem;
    height: 5.41rem;
    margin: 0 auto;
    /*background: #4e5a9b;*/
    border-radius: 0.1rem;
    overflow: hidden;
}

.luckDrawMark #list {
    /*width: 6.41rem;*/
    /*height: 6.44rem;*/
    width: 5.45rem;
    height: 5.41rem;
    list-style: none;
    margin: 0 auto;
    /*margin: 0.08rem auto 0;*/
    /*padding-top: 0.08rem;*/
    /*background: #eaedff;*/
    /*border-radius: 0.1rem;*/
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    /*border: 0.02rem solid #dde0f4*/
}

.luckDrawMark #list li,
.luckDrawMark #list span {
    width: 1.7rem;
    height: 1.7rem;
    text-align: center;
    line-height: 1.7rem;
    position: relative;
    /*margin: 0.1rem;*/
    border-radius: 0.1rem;
    /*background-color:#ff3a59;*/
    color: white;
    font-size: 0.4rem;
}

.luckDrawMark #list li img {
    display: block;
    width: 100%;
    height: 100%;
}

.luckDrawMark #list li .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* background: url(images/mask.png) no-repeat;*/
    background: rgba(0, 0, 0, 0.7);
    background-size: cover;
}

.luckDrawMark #list span:hover {
    cursor: pointer;
    color: orange;
    font-size: 18px;
}

.luckDrawMark #list .active .mask {
    display: block;
}

.luckDrawMark #message {
    font-size: 0.32rem;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 1rem;
    width: 6rem;
    height: 1rem;
    margin-left: -3rem;
    display: none;
    background: #000;
    color: #fff;
}

.luckDrawMark .luckCloseBtnBox {
    font-size: 0.32rem;
    width: 100%;
    height: 0.6rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.1rem;
}

.luckDrawMark .luckCloseBtn {
    font-size: 0.2rem;
    width: 2.67rem;
    height: 0.33rem;
    color: #e7c28a;
    border-radius: 0.1rem;
    /*background: #0b1c6d;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.luckDrawMark .luckCloseBtn .luckCloseBtnNumber {
    /*font-size:0.28rem;*/
    /*color:#ebc57a;*/
}

.luckDrawMark .ruleBox {
    width: 100%;
    height: auto;
    padding-top: 0.23rem;
    padding-bottom: 0.2rem;
}

.luckDrawMark .ruleBox .ruleTitle {
    width: 5.54rem;
    height: 0.57rem;
    line-height: 0.65rem;
    left: 0.57rem;
    color: #474745;
    font-size: 0.24rem;
    margin: 0 auto 0.1rem;
    text-align: center;
}

.luckDrawMark .ruleBox .ruleCont {
    width: 5.54rem;
    min-height: 0.30rem;
    line-height: 0.30rem;
    left: 0.30rem;
    color: #494949;
    font-size: 0.21rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.luckDrawMark .ruleCont .xuhao {
    width: 0.34rem;
    height: 0.3rem;
}

.luckDrawMark .ruleCont .text {
    width: 5.2rem;
    min-height: 0.3rem;
    line-height: 0.3rem;
}

/*luckDraw end*/
.conBox .signInfor {
    width: 100%;
    height: auto;
}

.conBox .signInfor > h3 {
    width: 100%;
    height: 0.57rem;
    line-height: 0.57rem;
    text-align: center;
    color: #000;
}

.conBox .signInfor > p {
    padding: 0.15rem 0.25rem;
}

/*    tc  end*/
/*    tc sign start*/
.mySignTc {
    width: 6.52rem;
    min-height: 1rem;
    height: 10.44rem;
    margin: 0 auto;
    border-radius: 0.08rem;
    overflow: hidden;
    background-image: url("https://telunsu-cdn.mengniu.com.cn/static/newShop/sign/signBg11441.png");
    background-size: 6.52rem 11.44rem;
    background-repeat: no-repeat;
}

.mySignTcScroll {
    width: 6.52rem;
    min-height: 1rem;
    height: 10rem;
    margin: 0 auto;
    /*overflow-y: scroll;*/
    position: relative;
    /*background:#fff;*/
    /*background-image:url("../images/newshop/sign/signBg800.png");*/
    /*background-size:6.52rem 8rem;*/
    /*background-repeat:no-repeat;*/
}

.mySignTc .mySignList {
    position: relative;
    width: 6.52rem;
    height: 1.39rem;
}

.mySignTc .mySignList .title {
    width: 6.52rem;
    height: 1.39rem;
    /*background: #031464;*/
    /*color: #f4dcae;*/
    font-size: 0;
    background-image: url("../images/newshop/sign/sgin_title.png");
    background-size: 6.52rem 1.39rem;
    background-repeat: no-repeat;
}

.mySignTc .mySignList .mcClose {
    position: absolute;
    top: 0.25rem;
    right: 0;
    width: 0.72rem;
    height: 0.72rem;
    z-index: 100;
    text-align: right;
}

.mySignTc .mySignList .signDay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    z-index: 100;
    text-align: center;
    color: #fff;
    font-size: 0.22rem;
}

.mySignTc .mySignList img {
    width: 0.72rem;
    height: 0.72rem;
    /*margin-top: 0.42rem;*/
}

.mySingBtn {
    width: 5.52rem;
    height: 1.37rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-top: -0.02rem;*/
}

.mySingBtn .btn1 {
    width: 2.78rem;
    height: 0.87rem;
    /*box-shadow: 0 0 0.15rem #ebdabe;*/
    border-radius: 0.05rem;
    /*//background: linear-gradient(#f6dfb5, #edc881);*/
    font-size: 0.28rem;
    color: #fff;
    /*display:flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    background-image: url("../images/newshop/sign/sign_btn.png");
    background-size: 2.78rem 0.87rem;
    text-align: center;
    line-height: 0.7rem;
}

/*.mySingBtn .btn1 .btn2 {*/
/*    width: 2.52rem;*/
/*    height: 0.61rem;*/
/*    line-height: 0.61rem;*/
/*    text-align: center;*/
/*    border: 0.02rem solid #fff;*/
/*    background: linear-gradient(#f6dfb5, #edc881);*/
/*    border-radius: 0.61rem;*/

/*}*/

.mySignruleBox {
    width: 5.52rem;
    height: 3.2rem;
    padding: 0.11rem 0;
    margin: 0 auto;
    border-top: 0.02rem solid #7f849a;
}

.mySignruleBox .ruleTitle {
    width: 100%;
    height: 0.56rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}

.mySignruleBox .ruleCont {
    width: 100%;
    min-height: 0.3rem;
    color: #9f9e9c;
    font-size: 0.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.mySignruleBox .ruleCont .xuhao {
    width: 0.34rem;
    height: 0.3rem;
}

.mySignruleBox .ruleCont .text {
    width: 5.2rem;
    min-height: 0.3rem;
    line-height: 0.3rem;
}

.mcTc.sign {
    height: auto;
    width: 5.8rem;
    border-radius: 0.15rem;
    overflow: hidden;
    background: #fff;
}

.singer_r_img {
    display: block;
    line-height: 45px;
    /*background:url("../images/sign_have.gif") right 2px no-repeat;*/
    vertical-align: middle;
    margin-bottom: -10px;
    text-decoration: none;
}

.singer_r_img span {
    margin-left: 14px;
    font-size: 16px;
    font-family: 'SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial', sans-serif !important;
    font-weight: 700;
    color: #165379;
}

.singer_r_img.current {
    /*background: url('../images/sign_have.gif') no-repeat 0 2px;*/
    background: blue;
    border: 0;
    text-decoration: none;
}


.sign_succ_calendar_title {
    height: 0.8rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: url("../images/newshop/sign/sign_title2.jpg?v=001") no-repeat;
    background-size: 6rem 0.8rem;
}

.sgin_tip {
    position: relative;
    width: 5.44rem;
    height: 0.4rem;
    margin: 0 auto;
}

.move {
    display: none;
    position: absolute;
    width: 5.44rem;
    height: 0.2rem;
    text-align: center;
    -webkit-animation: 2s move;
    animation-fill-mode: forwards;
    color: #3b407a;
}

@-webkit-keyframes move {
    0% {
        left: 0;
        right: 0;
        top: 0.2rem;
    }
    100% {
        left: 0;
        top: -0.1rem;
        right: 0;
        opacity: 0;
    }
}

.sign_main {
    display: block;
    width: 6rem;
    margin: 0 auto 0;
    font-family: "Microsoft YaHei", SimHei;
    background: #fff;
    border-radius: 0.05rem;
    overflow: hidden;
}

.calendar_month_span {
    display: inline;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #021361;
    letter-spacing: 2px;
}

.sign_equal {
    display: table;
    border-collapse: separate;
    width: 5.5rem;
    margin: 0 auto;
    padding-top: 0.08rem;
    /*padding-bottom:0.4rem;*/
    color: #031360;
    font-weight: bold;
    background: #fff;
}

.sign_row {
    /*display:table-row;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sign_row:first-child {
    border-bottom: 1px #021361 solid;
    margin-bottom: 0.25rem;
}

.sign_row div {
    width: 0.62rem;
    height: 0.63rem;
    line-height: 0.63rem;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.21rem;
}

.sign_row .bold {
    font-weight: bold;
}

.sign_equal .on > p {
    width: 0.62rem;
    height: 0.59rem;
    /*background: url("../images/newshop/sign/sign_act.png") no-repeat;*/
    background: url("../images/newshop/sign/act1.png") no-repeat;
    background-size: 0.62rem 0.59rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.sign_contener, .sign_contener:visited {
    line-height: 30px;
    background: #00a0e9;
    border: none;
    color: white;
    border-radius: 30px;
    padding: 0 10px;
    font-size: 16px;
}

.sign_contener:hover {
    background-color: red;
}

.signList .singBtn {
    width: 100%;
    height: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

/*    tc sign end*/
/*vipCommunity.html end */

/*usercardpack.html start*/
.pr {
    position: relative;
}

.userMenu li.pr em#redCouponPoint {
    display: none;
    position: absolute;
    top: 0.25rem;
    left: 1.5rem;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 0.16rem;
    background: #be0f34;
}

/*usercardpack.html end*/


/*新的优惠券 start */
.newCouponBox {
    width: 6.9rem;
    height: auto;
}

.couponItem {
    position: relative;
    width: 6.9rem;
    height: 2.48rem;
    border-radius: 0.21rem;
    overflow: hidden;
    margin: 0 0 0.2rem 0;
    box-shadow: 0 0.04rem 0.04rem #e5e5e5;
}

.couponItem .top {
    display: flex;
    /*border-bottom: 0.01rem solid #999;*/
    overflow: hidden;
    height: 1.84rem;
    justify-content: space-between;
}

.couponItem .top .couponNum {
    width: 2.23rem;
    height: 1.84rem;
    background-size: 2.23rem 1.84rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.couponItem .top .couponImg1 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon1.png");
}

.couponItem .top .couponImg2 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon2.png");
}

.couponItem .top .couponImg3 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon3.png");
}

.couponItem .top .couponImg4 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon4.png");
}

.couponItem .top .couponImg5 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon5.png");
}

.couponItem .top .couponImg6 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon6.png");
}

.couponItem .top .couponImg7 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon7.png");
}

.couponItem .top .couponImg8 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon8.png");
}

.couponItem .top .couponNoImg1 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon-no1.png");
}

.couponItem .top .couponNoImg2 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon-no2.png");
}

.couponItem .top .couponNoImg3 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon-no3.png");
}

.couponItem .top .couponNoImg4 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon-no4.png");
}

.couponItem .top .couponNoImg5 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon-no5.png");
}

.couponItem .top .couponNoImg6 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon-no6.png");
}

.couponItem .top .couponNoImg7 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon-no7.png");
}

.couponItem .top .couponNoImg8 {
    background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211013/coupon/coupon-no8.png");
}

.couponItem .top .couponNum .num {
    display: block;
    z-index: 10;
    font-size: 0.3rem;
    color: #002f7b;
    font-weight: bold;
    font-family: "FZHei";
}

.couponItem .top .couponNum .des {
    display: block;
    z-index: 10;
    text-align: center;
    font-size: 0.22rem;
    color: #002f7b;
    font-family: "FZHei";
}

.couponItem .top .couponNum span i {
    font-size: 0.72rem;
    line-height: 0.72rem;
    font-weight: bold;
    font-style: normal;
    font-family: "FZDaHei";
}

.couponItem .top .couponInfo {
    flex: 1;
}

.couponItem .top .noListColor span {
    color: #9a9a9a;
}

.couponItem .top .couponInfo span {
    display: block;
    margin-left: 0.18rem;
}

.couponItem .top .couponInfo span:first-child {
    font-size: 0.32rem;
    color: #002f7b;
    margin-top: 0.53rem;
    font-family: "FZZhengHeiS";
}

.couponItem .top .couponInfo span:last-child {
    font-size: 0.22rem;
    color: #9a9a9a;
    margin-top: 0.28rem;
    font-family: "Source-HanSans-CN";
}

.couponItem .top .couponBtn {
    width: 1.12rem;
    height: 0.48rem;
    margin: 0.68rem 0.31rem 0 0;
    background: #1c4a9c;
    color: #fff;
    border-radius: 0.24rem;
    line-height: 0.48rem;
    text-align: center;
    font-family: "Source-HanSans-CN";
}
.couponItem .top .couponBtn .selectImg{
    width: 0.4rem;
    height: 0.4rem;
}

.couponItem .bottom {
    height: 0.64rem;
    padding: 0 0.6rem 0 0.2rem;
    border-top: 0.01rem solid #f2f2f2;
    color: #9a9a9a;
    font-size: 0.2rem;
    line-height: 0.64rem;
    font-family: "Source-HanSans-CN";
}

/*新的优惠券 end */

/*kefu start*/
.backBtnMC {
    /*    display:none;*/
    position: fixed;
    right: 0rem;
    bottom: 4rem;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 1.3rem;
    z-index: 100;
    overflow: hidden;
    font-size: 0;
}

.backBtnMC .backBtnMCImg {
    width: 1.3rem;
    height: 1.3rem;
}

/*kefu end*/



.footer {
    height: 1.35rem;
}

.footer .vip {
    /*color: #e2c88d;*/
    height: 2rem;
    /*width: 1.75rem;*/
    /*border-radius: 50%;*/
    /*background-color: #fff;*/
}
.footer .vip .vipImg img{
    position: relative;
    bottom: .15rem;
}
.footer .vipImg {
    /*position: absolute;*/
    /*top: -0.2rem;*/
    width: 0.55rem;
    height: 0.52rem;
}
.vipimg1{
    /*transform: scale(1.2);*/
}
.vipname1{
    color:#e2c88d;
    /*color: #09247C;*/
}
.footer .vip .vipText {
    position: absolute;
    top: 1.13rem;
    color: #e2c88d;
}

.footer .vipImg img {
    width: .55rem;
    height: .52rem;
}
.footerItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    color: #d2d2d2;
    height: 0.7rem;
    position: relative;
    font-size: .19rem;
    font-weight: 500;
}
.footerItem .active {
    color: #09247C;
}
.footerItem .hysqp{
    color: #DBBF80;
}
.footerItem img {
    width: 0.55rem;
    height: 0.52rem;
    padding-bottom: 0.02rem;
}