@charset "UTF-8";*,:focus,a,a:active,a:hover {
    outline: 0
}

*,img {
    border: 0
}

.data-loading,body {
    background: #f2f4f7
}

.data-loading .loading-text,.loading .loading_text {
    color: #999;
    font-size: 14px
}

strong, b {
    font-weight: normal;
}

* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

html, body, form, fieldset, p, div, ul, h1, h2, h3, h4, h5, h6, figure, article, strong, dl, dd {
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
}

input,textarea {
    -webkit-touch-callout: inherit;
    -webkit-user-select: text
}

body {
    overflow-x: hidden;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Roboto, 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', SimSun, sans-serif;
}

ul {
    list-style: none
}

a {
    text-decoration: none!important
}

em {
    font-style: normal
}

img {
    vertical-align: middle;
    width: 100%;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.hide,.ng-cloak {
    display: none
}

.oh {
    overflow: hidden
}

.tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 45px;
    margin: 0 auto;
    width: 100%;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);
    background: #fff;
}

.tabs .tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    float: left;
    text-align: center;
    line-height: 45px;
    height: 45px;
    padding: 0 20px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
    width: 15%;
}

.tabs .tab {
    padding: 0;
}

.tabs .tab a {
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color .28s ease;
    -moz-transition: color .28s ease;
    -o-transition: color .28s ease;
    -ms-transition: color .28s ease;
    transition: color .28s ease;
    font-size: 14px;
}

.tabs .tab a.active {
    color: #d1a862;
    border-bottom: 2px solid #d1a862;
}

.tabs .indicator {
    position: absolute;
}

.no_data {
    text-align: center;
    padding: 50px 0 20px;
    font-size: 16px;
    color: #c0c5d0;
}

.no_data img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 16px;
}

.no_data span {
    font-size: 14px;
}

/**** 首页*/
.header_top {
    width: 100%;
    height: 2rem;
}

.header_top:after {
    width: 140%;
    height: 100px;
    position: absolute;
    left: -20%;
    top: 0;
    z-index: -1;
    content: '';
    border-radius: 0 0 50% 50%;
    background: linear-gradient(#111111,#4c4c4c);
}

.new_header {
    position: relative;
    padding: 0rem 0rem 1.8rem 0rem;
    border-radius: 10px;
    margin: 0.5rem 11px 18px;
    background-size: 100% 100%;
    min-height: 9rem;
    box-shadow: 0 0 10px 0 rgba(148, 146, 146, 0.67);
}

.tanpadin {
    padding: 1.2rem;
}

.hswebido {
    display: -webkit-box;
}

.shimg {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    overflow: hidden;
}

.pcontent {
    padding-left: 0.7rem;
    -webkit-box-flex: 1;
    margin-top: -2px;
}

.pname {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    position: relative;
    top: 3px;
    text-shadow: 1px 1px 2px #666;
}

.heslp {
    width: 71px;
    margin-top: 6px;
    color: #fff;
    text-shadow: 1px 1px 2px #666;
}

.tiyaslp {
    width: 76px;
    margin-top: 1px;
}

.nodate {
    color: #ffffff;
    font-size: 0.82rem;
    text-shadow: 1px 1px 2px #666;
}

.keshen {
    color: #e1c192;
    margin-top: .6rem;
    margin-bottom: .14rem;
    text-align: right;
    opacity: .5;
    height: .3rem;
}

.jinducout {
    width: 100%;
    height: 5px;
    background: #5f5f5f;
    border-radius: 20px;
    position: relative;
}

.roucd {
    position: absolute;
    width: .2rem;
    height: .2rem;
    background: #de8a09;
    border-radius: 50%;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%,-25%);
    transform: translate(-50%,-25%);
}

.zsuline {
    position: relative;
    width: 0;
    height: 100%;
    transition: all .7s;
    -webkit-transition: all .7s;
    max-width: 99.8%;
}

.tahsocount {
    margin-top: 1.5rem;
    font-size: .24rem;
}

.formalbtn {
    background: #d7b584;
    height: 2rem;
    line-height: 2rem;
    width: 8.5rem;
    text-align: center;
    font-size: 0.7rem;
    border-radius: 40px;
    margin-top: 1rem;
}

.usnbrp {
    padding: 17px 0 1px;
    position: relative;
    border-radius: 10px;
    margin: -5px 10px 15px;
    background: #fff;
    box-shadow: 0 2px 9px 0px rgba(76, 111, 135, 0.1);
}

.heiuiwn {
    text-align: center;
    color: #bc9356;
    font-size: 18px;
    margin-bottom: 21px;
    font-weight: 700;
}

.linetit {
    position: relative;
}

.linetit:before {
    content: '';
    width: 10px;
    height: 4px;
    background: #ddc9aa;
    position: absolute;
    left: -18px;
    top: 9px;
    transform: scale(1,.5);
    -webkit-transform: scale(1,.5);
}

.linetit:after {
    content: '';
    width: 10px;
    height: 4px;
    background: #ddc9aa;
    position: absolute;
    right: -18px;
    top: 9px;
    transform: scale(1,.5);
    -webkit-transform: scale(1,.5);
}

.quan_li {
    width: 33.333%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

.appter {
    margin: .02rem .2rem .42rem;
    color: #666;
    font-size: 13px;
}

.appter img {
    width: 36%;
}

p.shutexp {
    margin-top: .1rem;
}

p.submtie {
    font-size: 10px;
    color: #999;
    margin-top: 1px;
}

/**** 会员中心***/
.u_head {
    height: 15rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    background: -webkit-linear-gradient( top,#e0b766,#d0a762);
    z-index: 9;
}

.u_head .hicon {
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    top: 1.14rem;
    left: 1.25rem;
    background: #f3f7fd;
}

.u_head .uinfo {
    height: 3.14rem;
    position: absolute;
    left: 5.82rem;
    top: 1.5rem;
    text-shadow: 1px 1px 1px #6666;
    z-index: 999;
}

.u_head .uinfo .uname {
    color: #fff;
    font-size: 1.07rem;
    display: block;
    font-weight: bold;
}

.u_head .uinfo .ucardinfo {
    margin-top: 0.3rem;
}

.u_head .uinfo .ucardinfo a {
    display: inline-block;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 0.643rem;
    background-color: #d49e2a;
    color: #fff;
    font-size: 0.71rem;
    padding: 0 10px;
    padding-right: 5px;
    margin-right: 2px;
}

.u_head .uinfo .ucardinfo a img {
    width: 5px;
    vertical-align: initial;
    margin-left: 4px;
}

.u_head .uinfo .ucardinfo a .ucardinfo_level {
    width: 13px;
    vertical-align: text-top;
    margin-left: -3px;
    margin-right: 3px;
}

.u_head .uinfo .ucardinfo a img {
    width: 5px;
    vertical-align: initial;
    margin-left: 4px;
}

.u_mileage {
    padding: 1.07rem 1.01rem 1.01rem 1.01rem;
    position: relative;
    top: 4.5rem;
    z-index: 999;
}

.u_mileage .umtitle h3 {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block
}

.u_mileage .umtitle img {
    width: 10px;
    vertical-align: bottom;
    margin-bottom: 3px;
    margin-left: 6px;
    display: inline-block
}

.u_mileage .umtitle .umcount {
    color: #99a3b0;
    vertical-align: bottom;
    margin-left: -2px
}

.u_mileage .umtitle .unsign {
    height: 1.6rem;
    display: inline-block;
    float: right;
    padding: 0 4px
}

.u_mileage .umtitle .unsign img {
    width: 84px
}

.u_mileage .umitemli {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.u_mileage .umitemli .ublock {
    width: 33.33%;
    display: inline-block;
    text-align: center;
    float: left;
}

.u_mileage .umitemli .ublock .umitem {
    height: 3.5rem;
    width: 82%;
    margin: 0 4px;
    padding: 6px;
    font-size: 0.9rem;
    padding-top: 0;
    padding-bottom: 10px;
    color: #fff;
    border-radius: 5px;
}

.u_mileage .umitemli .ublock .umitem img {
    width: 60px;
    margin: auto auto
}

.u_mileage .umitemli .ublock .umitem .uovalue {
    display: block;
    line-height: 2.3rem;
    font-size: 16px;
    font-weight: 600;
}

.u_mileage .umitemli .ublock .umitem .uoname {
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-weight: 300;
}

.u_mileage .umitemli .ublock .umitem.fuli {
    background-size: 100% 100%;
}

.u_mileage .umitemli .ublock .umitem.duihuan {
    background-size: 100% 100%;
}

.u_mileage .umitemli .ublock .umitem.zuanshi {
    background-size: 100% 100%;
}

.u_mileage .umitemli:after {
    content: "";
    display: block;
    clear: both
}

.u_services {
    background-color: #fff;
    padding: 1.07rem 0 2.01rem 0;
    position: relative;
    margin: -4.5rem 10px 10px;
    box-shadow: 0 4px 18px 0 rgba(76, 111, 135, .1);
    border-radius: 10px;
    z-index: 10;
}

s.line {
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    z-index: 0;
}

s.line:after,s.line:before {
    width: 230%;
    height: 40px;
    background: rgba(255,255,255,0.1);
    content: '';
    display: block;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: .3;
    filter: alpha(opacity= 30 );
    margin-left: -40%;
    margin-top: 20%;
}

.usli {
    margin-top: -13px;
}

.add-card-bag {
    position: absolute;
    right: 16px;
    padding: 6px;
    border: 1px solid #99a3b0;
    border-radius: 18px;
    top: 13px;
}

.add-card-bag a {
    color: #666;
}

.u_services h3 {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    padding-left: 1.01rem;
}

.u_services .usli .usitem {
    width: 25%;
    text-align: center;
    float: left;
    margin-top: 2rem;
}

s.line:after {
    margin-top: -3%;
}

.u_services .usli i {
    width: 2.142rem;
    height: 1.742rem;
    display: block;
    margin: 0 auto 7px auto;
    font-size: 1.7rem;
    color: #9fa7b3;
}

.u_services .usli .usitem .uslogo {
    width: 2.142rem;
    height: 2.142rem;
    display: block;
    margin: 0 auto 7px auto
}

.u_services .usli .usitem .usname {
    color: #5a5a5a;
    font-size: 14px;
}

.u_services .usli:after {
    content: "";
    display: block;
    clear: both
}

/*** 付款码*/
header {
    height: 50px;
    background: #fff;
    z-index: 70;
    position: relative;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

.trheader {
    background: transparent;
    color: #fff;
}

header .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
}

header .back {
    width: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header .headtitle {
    width: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
}

.trheader h2.headtitle {
    height: 50px;
    padding-top: 22px;
    line-height: normal;
}

header span {
    display: block;
    line-height: normal;
}

.trheader h2.headtitle span {
    font-size: 14px;
    margin-top: 4px;
    display: block;
    font-weight: 300;
}

header:after {
    border-bottom: 1px solid #ebedf0;
    left: 0;
    width: 100%;
    height: 1px;
    bottom: 0;
    content: " ";
    position: absolute;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.trheader:after {
    border: 0;
}

.mpage {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 50px;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.scrollcont {
    width: 100%;
}

.cardhead {
    border-radius: 12px;
    position: relative;
    margin: 8% 6% 16px;
    background: #fff;
    box-shadow: 0 0.8vw 3.2vw 0 hsl(0deg 0% 60% / 50%);
}

.cardhead:before, .cardhead:after {
    content: '';
    height: 40px;
    border-radius: 40px;
    background: rgba(255,255,255,0.4);
    position: absolute;
    border-radius: 12px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.14);
}

.card {
    border-radius: 12px;
    border-bottom: 1px dashed #d9d9d966;
    padding: 0px;
    width: 100%;
    position: relative;
    box-shadow: aliceblue;
}

.card:before, .card:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 40px;
    background: #34404e;
    position: absolute;
    bottom: -6px;
}

.card:before {
    right: -6px;
}

.card .txm, .card .ewm {
    width: 86%;
    text-align: center;
    margin: 0 auto;
}

.card .txm, .card .ewm {
    width: 86%;
    text-align: center;
    margin: 0 auto;
}
#payCode{
    
font-weight: 300;
    
font-size: 16px !important;
}
.card img {
    display: block;
    margin: 0 auto;
    width: 150px;
    background: #fff;
    border: 0;
}

#t-code {
    min-height: 70px;
    height: 70px;
}

#q-code {
    min-height: 150px;
    height: 150px;
}

.card:before, .card:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 40px;
    background: #dfb666;
    position: absolute;
    bottom: -6px;
}

.card:before {
    background: #d0a762;
}

.card:after {
    left: -6px;
}

.cardhead b {
    color: #f96269;
    font-size: 13px;
    display: block;
    position: relative;
    padding: 15px 0px;
    font-weight: normal;
    padding-left: 41px;
}

.cardhead b span {
    display: block;
    font-size: 18px;
    margin-top: 5px;
}

.cardhead .topbtn {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: #d2a962;
    color: #fff;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 14px;
    box-shadow: 0 0.8vw 3.2vw 0 hsl(0deg 0% 60% / 50%);
}

.cardhead:before, .cardhead:after {
    content: '';
    height: 40px;
    border-radius: 40px;
    background: rgba(255,255,255,0.4);
    position: absolute;
    border-radius: 12px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.14);
}

.cardhead:after {
    bottom: -6px;
    z-index: -2;
    width: 96%;
    left: 2%;
    background: rgba(255,255,255,0.2);
}

.darkbg {
    height: 100%;
    background: -webkit-linear-gradient(right,#d0a762, #e0b766);
}

/*** 充值***/
.guideIndex .coin_header {
    padding: 0 0 50px 0;
    background: -webkit-linear-gradient( top,#e0b766,#d0a762);
    height: 123px;
}

.guideIndex .tolved {
    width: 100%;
}

.guideIndex .peiod {
    font-size: 12px;
    color: #fff;
    position: relative;
}

.guideIndex p.mysos {
    padding: 20px 0 0px 20px;
    font-size: 14px;
    font-weight: 300;
}

.guideIndex .smsoud {
    width: 13px;
    margin: -1px 4px 0 5px;
}

.guideIndex p.movre {
    position: relative;
    padding: 0 0 0 20px;
    height: 55px;
    line-height: 55px;
}

.guideIndex p.movre a {
    color: #fff;
}

.shdofl {
    margin-top: -6px;
}

.guideIndex .dis_weket {
    overflow: hidden;
    padding: 0 12.5px;
    margin-top: 5px;
}

.guideIndex .dis_weket li {
    list-style: none;
    float: left;
    text-align: center;
    font-size: 14px;
    position: relative;
    color: #fff;
    height: 27px;
    line-height: 27px;
    margin: 0 7.5px;
    padding: 0 10px;
    border-radius: 20px;
    border: 1px solid #fff;
}

.guideIndex .dis_weket li a {
    color: #fff;
}

.guideIndex p.srerp img {
    width: 14px;
    margin-right: 3px;
    margin-top: -1px;
}

.guideIndex .peiod .dmpue {
    font-size: 45px;
    font-family: DINAlternate-Bold;
    color: #fff;
}

.guideIndex .mpage {
    position: fixed;
    top: 138px;
    width: 94%;
    bottom: 12px;
    background-color: #f7f9fa;
    margin: 0 10px;
    padding-bottom: 5px;
    background: #fff;
    border-radius: 15px;
    border-width: 0;
    box-shadow: 0 2px 9px 0px rgba(76, 111, 135, 0.1);
    overflow: scroll;
}

.topupmoney a {
    float: left;
    position: relative;
    display: inline-block;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    text-align: center;
    width: 38%;
    height: 3rem;
    padding: 13px 3% 10px;
    margin: 0 0 10px 3.6%;
    overflow: hidden;
}

.topupmoney a.active {
    border-color: #dab164;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.1);
}

.topuplist {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.topupmoney {
    margin: 10px -15px 2px -15px;
    overflow: hidden;
}

.moneyform {
    margin: 5px 20px 20px 20px;
}

.coupinfos h2 span {
    z-index: 1;
    position: relative;
}

.coupinfos h2:after,.coupinfos h2:before {
    content: '';
    z-index: 0
}

.coupinfos h2:before {
    width: 100%;
    height: 1px;
    background: #e7eaf1;
    top: 13%;
    left: 0;
    right: 0;
    position: absolute;
}

.coupinfos h2:after {
    background: #fff;
    width: 100px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 14%;
    margin-top: -10px;
}

.topupmoney a i {
    position: absolute;
    right: -10%;
    top: 7%;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    font-size: 50px;
    opacity: .1;
    filter: alpha(opacity= 8);
}

.topupmoney a.active i {
    color: #dab164;
    opacity: 1;
    filter: alpha(opacity= 22);
}

.activity_rule em {
    font-size: 18px;
    color: #4c4c4c;
}

.activity_rule b {
    font-size: 12px;
}

.topupmoney a span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.topupmoney a.active span {
    color: #dab164;
    font-weight: 600;
}

.recharge-box {
    background: #dab164;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 0.8vw 3.2vw 0 hsl(0deg 0% 60% / 50%);
}

.msglay {
    position: absolute;
    top: 40%;
    color: #fff;
    padding: 4px 10px;
    display: block;
    left: 0;
    right: 0;
    width: 94%;
    text-align: center;
    z-index: 999;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 1;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
}

.msglay span {
    display: inline-block;
    background: rgba(0,0,0,0.5);
    padding: 10px 15px;
    margin: 0 16%;
    border-radius: 3px;
    line-height: 26px;
    font-size: 13px
}

#topval {
    outline: 0;
    border: 0;
    height: 35px;
    font-size: 30px;
    margin-left: 20px;
    -webkit-appearance: none;
    overflow: hidden;
    width: 95%;
    font-family: DINAlternate-Bold;
}

.intoBar {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 5px;
    height: 41px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.guideIndex .canwebp {
    display: -webkit-box;
    -webkit-box-align: center;
}

.guideIndex .headLine {
    height: 40px;
    vertical-align: middle;
    padding: 0px 10px 0 9px;
    position: relative;
    margin: 6px 10px 0 10px;
}

.guideIndex .quanLineLeft {
    width: 22px;
    display: -webkit-box;
    -webkit-box-align: center;
}

.guideIndex .quanLinecenter {
    padding-left: 10px;
    font-size: 15px;
    color: #333;
    -webkit-box-flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.guideIndex .canspbtn {
    text-align: center;
    margin-left: auto;
    display: flex;
    top: 0.2rem;
    right: -0.5rem;
    position: absolute;
    align-items: center;
    width: 60px;
    height: 24px;
    padding-left: 3.7333333333vw;
    color: #ffe4c9;
    font-size: 12px;
    background-image: linear-gradient( 98deg ,#4a4343 3%,#242425);
    border-radius: 3.2vw 0 0 3.2vw;
    box-shadow: -0.2666666667vw 0.2666666667vw 1.2vw 0 rgb(0 0 0 / 24%);
    font-weight: 500;
    z-index: 11;
}

.checkAllRule {
    margin: 0 auto 10px;
    text-align: left;
    color: #dab164;
    font-size: 14px;
    background-size: 13px 13px;
    font-weight: 500;
}

.activity_desc h2 {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    text-align: center;
    height: 24px;
    line-height: 24px;
    margin-top: 20px;
}

.rechargeRuleInfos {
    margin: 0 auto 10px;
    text-align: left;
    color: #666;
    font-size: 14px;
    background-size: 13px 13px;
    white-space: normal;
    word-break: break-all;
    margin-top: 10px;
}

/** 积分*/
.member-goods {
    margin: 20px 0;
    overflow: hidden;
}

.member-goods-title {
    display: -webkit-box;
    padding: 0.4rem 0.22rem 0.1rem 0.3rem;
    -webkit-box-align: end;
    -webkit-box-pack: end;
}

.member-goods-title>p {
    font-size: 16px;
    color: #333;
    -webkit-box-flex: 1;
    font-weight: 500;
}

.member-goods-more {
    -webkit-box-flex: 0;
}

.member-goods-more p {
    font-size: 14px;
    color: #666;
    font-weight: 300;
}

.member-goods-more img {
    width: 12.5px;
    height: 7px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    margin-bottom: 3px;
    margin-left: 5px;
}

.list-wrap {
    background: #f2f4f7 !important;
}

.list-box {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 3%;
}

.pageload {
    position: fixed;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    background: rgba(0,0,0,0.6);
    z-index: 99;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    border-radius: 10px;
    text-align: center;
    padding: 0;
    z-index: 99999;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.pageload .loadingbox {
    margin-top: 28%;
}

.loadingbox {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation: preloader-spin 1s steps(12,end) infinite;
    animation: preloader-spin 1s steps(12,end) infinite
}

.loadingbox-w {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.list-wrap .box {
    width: 48%;
    margin: 0 0 15px;
    padding-bottom: 10px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 18px 0 rgba(76,111,135,.1);
    background: #fff;
}

.box .pic-box {
    position: relative;
    width: 100%;
    height: 2.2rem;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    overflow: hidden;
}

.box .img-box .card-box {
    width: 2.5rem;
    background: -webkit-linear-gradient(right,#d0a762, #e0b766);
    border-radius: 12px;
    color: #fff;
    text-align: center;
    height: 1.6rem;
}

.box .img-box .card-box .card-title {
    font-size: 12px;
    margin-top: 15px;
}

.box .img-box .card-box .card-m {
    font-size: 20px;
    margin-top: 15px;
}

.box .img-box .card-box .card-info {
    color: #d0ffca;
    font-size: 12px;
    font-weight: 300;
}

.box .pic-box img {
    display: block;
    width: 100%;
}

.box .img-box img {
    max-width: 100%;
    width: 2.5rem;
    min-height: 1.6rem;
    border-radius: 5px;
    max-height: 1.6rem;
}

.box-title-name {
    overflow: hidden;
    font-size: .26rem;
    color: #333;
    font-weight: 600;
    padding-bottom: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.first-line {
    font-size: 14px;
    color: #ff3838;
    position: relative;
    top: -2.5px;
}

.first-line small {
    font-size: 13px;
    color: #ff3838;
    display: inline-block;
    margin: 0 -5px 0 0;
}

.box-title-detail,.detail-integral,.detail-o-price {
    font-size: 13px;
    color: #b19b6e !important;
    margin-top: 2px;
    font-weight: 300;
}

.detail-o-price {
    color: #999 !important;
    text-decoration: line-through;
}

.box-text {
    margin: 0rem .35rem;
    text-align: center;
}

/***次卡 */
.AllCards {
    padding: 0.3rem .3rem 0;
}

.hasCard {
    padding-bottom: .34rem
}

.hasCard-title {
    margin-bottom: 10px;
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    -webkit-box-flex: 1;
    padding: 0rem 0.22rem 0rem 0rem;
}

.hasCard ul {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.hasCardContent,.hasCardContent .card-image img {
    height: 2.6rem;
    width: 100%;
    object-fit: cover;
}

.hasCardContent {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

.hasCardContent .card-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100%;
    height: 2.6rem;
    width: 100%;
    object-fit: cover;
}

.hasCardContent .card-info {
    position: absolute;
    left: 0.32rem;
    top: 0.2rem;
    z-index: 999;
}

.card-info p {
    font-size: .4rem;
    padding-bottom: 3px;
    color: #fff;
    text-shadow: 1px 1px 2px #666;
}

.card-info span {
    font-size: .24rem;
    padding-bottom: 3px;
    color: #fff;
    text-shadow: 1px 1px 2px #666;
}

.card-btm {
    position: absolute;
    bottom: .45rem;
    left: 0.32rem;
    top: 0.2rem;
    display: -webkit-box;
    width: 90%;
    -webkit-box-align: end;
    color: #fff;
    text-shadow: 1px 1px 2px #666;
    z-index: 999;
}

.card-btm .rightCount {
    -webkit-box-flex: 1;
    font-size: 0;
    -webkit-text-size-adjust: none;
    -webkit-box-orient: horizontal;
    position: relative;
    top: 4px
}

.card-btm .rightCount p {
    font-size: 12px;
    font-family: iconfont!important;
}

.card-btm .rightCount p span {
    font-size: .4rem;
    margin-right: -5px;
    position: relative;
    top: 1px;
}

.card-btm .userAction {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    width: 90px;
    text-align: center;
    border-radius: 15px;
    position: relative;
    background: #fff;
    color: #333;
    text-shadow: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
}

.hasCardContent, .recommend ul li {
    margin-bottom: 20px
}

.hasCardContent, .recommend ul li img {
    box-shadow: rgba(0,0,0,.1) 0 3px 4px 0;
}

.card_mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}

/*** 字体*/
@font-face {
    font-family: 'kico';
    src: url('/ShopCashier/css/memberCenter/fonts/kico.eot?l5ctx2');
    src: url('/ShopCashier/css/memberCenter/fonts/kico.eot?l5ctx2#iefix') format('embedded-opentype'),url('/ShopCashier/css/memberCenter/fonts/kico.ttf?l5ctx2') format('truetype'),url('/ShopCashier/css/memberCenter/fonts/kico.woff?l5ctx2') format('woff'),url('/ShopCashier/css/memberCenter/fonts/kico.svg?l5ctx2#kico') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="ico-"],[class*=" ico-"] {
    font-family: 'kico' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico-cans:before {
    content: "\e955"
}

.ico-checkok:before {
    content: "\e956"
}

.ico-dels:before {
    content: "\e957"
}

.ico-waits:before {
    content: "\e958"
}

.ico-edit:before {
    content: "\e953"
}

.ico-delico:before {
    content: "\e954"
}

.ico-cart-s:before {
    content: "\e905"
}

.ico-cart:before {
    content: "\e906"
}

.ico-vippay:before {
    content: "\e952"
}

.ico-wxpay:before {
    content: "\e900"
}

.ico-car-s:before {
    content: "\e901"
}

.ico-car:before {
    content: "\e902"
}

.ico-card-s:before {
    content: "\e903"
}

.ico-card:before {
    content: "\e904"
}

.ico-cash:before {
    content: "\e907"
}

.ico-ccoup:before {
    content: "\e908"
}

.ico-ccoups:before {
    content: "\e909"
}

.ico-cfood-s:before {
    content: "\e90a"
}

.ico-cfood:before {
    content: "\e90b"
}

.ico-cmenu-s:before {
    content: "\e90c"
}

.ico-cmenu:before {
    content: "\e90d"
}

.ico-coup-s:before {
    content: "\e90e"
}

.ico-coup:before {
    content: "\e90f"
}

.ico-coups-s:before {
    content: "\e910"
}

.ico-coups:before {
    content: "\e911"
}

.ico-crown-s:before {
    content: "\e912"
}

.ico-crown:before {
    content: "\e913"
}

.ico-crowns-s:before {
    content: "\e914"
}

.ico-crowns:before {
    content: "\e915"
}

.ico-cup-s:before {
    content: "\e916"
}

.ico-cup:before {
    content: "\e917"
}

.ico-drink-s:before {
    content: "\e918"
}

.ico-drink:before {
    content: "\e919"
}

.ico-editbz-s:before {
    content: "\e91a"
}

.ico-editbz:before {
    content: "\e91b"
}

.ico-ewm:before {
    content: "\e91c"
}

.ico-help-s:before {
    content: "\e91d"
}

.ico-help:before {
    content: "\e91e"
}

.ico-home-s:before {
    content: "\e91f"
}

.ico-home:before {
    content: "\e920"
}

.ico-info-s:before {
    content: "\e921"
}

.ico-jifen-s:before {
    content: "\e922"
}

.ico-jifen:before {
    content: "\e923"
}

.ico-mall-s:before {
    content: "\e924"
}

.ico-mall:before {
    content: "\e925"
}

.ico-mbag-s:before {
    content: "\e926"
}

.ico-mbag:before {
    content: "\e927"
}

.ico-msg-s:before {
    content: "\e928"
}

.ico-msg:before {
    content: "\e929"
}

.ico-mymoney-s:before {
    content: "\e92a"
}

.ico-mymoney:before {
    content: "\e92b"
}

.ico-order-s:before {
    content: "\e92c"
}

.ico-order:before {
    content: "\e92d"
}

.ico-orders-s:before {
    content: "\e92e"
}

.ico-orders:before {
    content: "\e92f"
}

.ico-orderus-s:before {
    content: "\e930"
}

.ico-orderus:before {
    content: "\e931"
}

.ico-pcard:before {
    content: "\e932"
}

.ico-pcoup:before {
    content: "\e933"
}

.ico-pig-s:before {
    content: "\e934"
}

.ico-pig:before {
    content: "\e935"
}

.ico-pweixin:before {
    content: "\e936"
}

.ico-pzfb:before {
    content: "\e937"
}

.ico-redbag-s:before {
    content: "\e938"
}

.ico-redbag:before {
    content: "\e939"
}

.ico-redbags-s:before {
    content: "\e93a"
}

.ico-redbags:before {
    content: "\e93b"
}

.ico-sbag-s:before {
    content: "\e93c"
}

.ico-sbag:before {
    content: "\e93d"
}

.ico-small-s:before {
    content: "\e93e"
}

.ico-small:before {
    content: "\e93f"
}

.ico-sorder-s:before {
    content: "\e940"
}

.ico-sorder:before {
    content: "\e941"
}

.ico-star-s:before {
    content: "\e942"
}

.ico-star:before {
    content: "\e943"
}

.ico-time-s:before {
    content: "\e944"
}

.ico-time:before {
    content: "\e945"
}

.ico-times-s:before {
    content: "\e946"
}

.ico-times:before {
    content: "\e947"
}

.ico-user-s:before {
    content: "\e948"
}

.ico-user:before {
    content: "\e949"
}

.ico-userinfo-s:before {
    content: "\e94a"
}

.ico-userinfo:before {
    content: "\e94b"
}

.ico-waimai-s:before {
    content: "\e94c"
}

.ico-waimai:before {
    content: "\e94d"
}

.ico-workspace-s:before {
    content: "\e94e"
}

.ico-workspace:before {
    content: "\e94f"
}

.ico-xfjl-s:before {
    content: "\e950"
}

.ico-xfjl:before {
    content: "\e951"
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

.coupinfos {
    margin: 0 20px;
    clear: both;
    margin-top: 20px;
}

.activity_desc {
    position: relative;
}

.first-line img {
    width: .7rem;
    position: relative;
    top: -1px;
}

/** 礼包*/
.my_privilege_list {
    margin: 0 .3rem
}

.my_privilege_list ul li {
    /* margin: 0 .2rem; */
    border-bottom: .5px solid #e4e4e4;
}

.my_privilege_list ul li:last-child {
    border: none
}

.my_privilege_cell {
    display: -webkit-box;
    height: 2.5rem
}

.my_privilege_cell .privilege_cell-img {
    -webkit-box-flex: 0;
    height: inherit;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.my_privilege_cell .privilege_cell-img>img {
    width: 1.9rem;
    height: 1.9rem
}

.privilege_cell-info .cell-click {
    position: relative;
    top: 17px;
}

.my_privilege_cell .privilege_cell-info {
    -webkit-box-flex: 1;
    margin-left: .2rem;
    position: relative;
    height: inherit
}

.privilege_cell-info .cell-click>p {
    font-size: .3rem;
    color: #333;
    margin-bottom: 0.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}

.privilege_cell-info .cell-click .subtitle p {
    padding-bottom: .17rem;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #ff3838;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}

.privilege_cell-info .cell-click .subtitle p img {
    margin-right: 5px;
    margin-top: -2px
}

.privilege_cell-info .cell-click img {
    width: .7rem;
}

.my_privilege_more {
    width: 100%;
    font-size: 15px;
    color: #333;
    height: 45px;
    line-height: 45px;
    text-align: center
}

.cell-click .welfare-tips {
    position: relative;
    left: -4px;
    top: 1px;
    min-height: 0.5rem;
}

.cell-click .welfare-tips p {
    border-radius: 11px;
    border: .5px solid #b19b6e;
    font-size: 10px;
    color: #b19b6e;
    text-align: center;
    padding: 1px 3px;
    margin-right: 2px;
    margin-left: 3px;
    display: inline-block;
    font-weight: 300;
}

.bottom-cell {
    position: absolute;
    bottom: .25rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    height: .6rem;
    line-height: .6rem
}

.bottom-cell .task {
    -webkit-box-flex: 1
}

.bottom-cell .task>p {
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
    font-weight: 300;
}

.bottom-cell button {
    width: 1.7rem;
    height: .6rem;
    font-weight: 600;
    background-color: transparent;
    border-radius: .3rem;
    display: block;
    margin-top: -7px;
    font-size: 14px;
    box-shadow: 0 0.8vw 3.2vw 0 hsl(0deg 0% 60% / 50%);
}

.bottom-cell .lihuo {
    color: #fff;
}

.my-privilege {
    margin: 0 10px 10px;
    background: #fff;
    border-radius: 12px;
    margin-top: 10px;
}

.eliteWelfare, .member-goods, .my-privilege, .noticed {
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 5%);
}

.error_img_If9si4 {
    width: 53.3333333333vw;
    height: 32vw;
    margin: 24.6666666667vw auto 0;
}

.scrollwarp {
    width: 100%;
}

.s_pic_Kk2w6i {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.error_text_WqeKCQ {
    margin-top: 1.3333333333vw;
    height: 5.3333333333vw;
    font-family: PingFangSC-Regular;
    color: #333;
    font-weight: 400;
}

.error_text_WqeKCQ, .toListBtn_wTY2SU {
    font-size: 3.7333333333vw;
    text-align: center;
}

.empty_9bm88i .img_A7MHIZ {
    width: 28vw;
    display: block;
    height: auto;
    margin: 0 auto;
}
.empty_9bm88i .text_I7AVnP {
    margin-top: 2.9333333333vw;
    color: #666;
    font-size: 3.7333333333vw;
    font-family: PingFangSC-Light;
}
.empty_9bm88i {
    text-align: center;
    width: 53.3333333333vw;
    margin: 0 auto;
    padding-top: 25%;
}