html,
body {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

html {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/page-bg.png) no-repeat right top;
    background-size: 100% 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: .24rem;
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei UI, Arial, Tahoma;
    padding: 0;
    /* padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-top: env(safe-area-inset-top);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom) */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a {
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

img {
    max-width: 100%;
    outline: none;
    border: none
}

input,
button,
select,
textarea {
    outline: none;
    border: none;
    resize: none;
    background: transparent;
    -webkit-appearance: none;
    appearance: none
}

input {
    -moz-appearance: textfield
}

ul,
li {
    list-style: none
}

em,
i {
    font-style: normal
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal
}

@font-face {
    font-family: "MStiffHeiPRC";
    src: url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/MStiffHeiPRC.eot") format("eot"), url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/MStiffHeiPRC.ttf") format("ttf"), url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/MStiffHeiPRC.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "TGPBold";
    src: url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/TGPBold.eot") format("eot"), url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/TGPBold.ttf") format("ttf"), url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/TGPBold.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "tencent";
    src: url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/TencentSans-W7.eot") format("eot"), url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/TencentSans-W7.ttf") format("ttf"), url("https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/font/TencentSans-W7.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

.fx1 {
    flex: 1
}

.merchant-flex-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.fix-top-left {
    position: absolute !important;
    top: .24rem;
    left: .24rem;
    z-index: 20
}

.fix-top-right {
    position: fixed !important;
    top: 0;
    right: 0;
    z-index: 20
}

.merchant-primary-btn-m,
.merchant-default-btn-m,
.merchant-unavailable-btn-m {
    width: 1.7rem;
    height: .56rem;
    display: block;
    font-size: .22rem;
    line-height: .6rem;
    text-align: center
}

.merchant-primary-btn-m {
    color: #5A350A;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/btn/btn-primary-m.png) no-repeat;
    background-size: 100% 100%
}

.merchant-default-btn-m {
    color: #CDD1D6;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/btn/btn-default-m.png) no-repeat;
    background-size: 100% 100%
}

.merchant-unavailable-btn-m {
    color: #CDD1D6;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/btn/btn-unavailable-m.png) no-repeat;
    background-size: 100% 100%
}

.share-btn-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.share-btn-box a {
    margin: 0 .4rem
}

.close-page {
    position: relative;
    width: .74rem;
    height: .6rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/close-page.png) no-repeat center center;
    background-size: contain
}
.close-page:after {
  content: '';
  position: absolute;
  top: 0;
  right: -.9rem;
  width: .9rem;
  height: .6rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/close-btn-shadow.png) no-repeat center center;
  background-size: 100% auto;
}

.merchant-more {
    position: relative;
    width: 100%;
    font-size: .18rem;
    color: #cdd1d6;
    text-align: center;
    padding-top: .24rem;
    padding-bottom: .2rem;
    background: #484c51
}

.merchant-more::after {
    position: absolute;
    left: .44rem;
    right: .44rem;
    top: .02rem;
    content: '';
    height: .04rem;
    background-color: rgba(46, 52, 56, 0.5);
    box-shadow: inset 0 -0.4px 0 0 rgba(255, 255, 255, 0.5);
    z-index: 1
}

.merchant-empty-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 4.6rem
}

.merchant-empty-wrap .merchant-empty-img {
    width: 1.56rem;
    height: 1.56rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/merchant-empty.png) no-repeat center center;
    background-size: contain
}

.merchant-empty-wrap p {
    font-size: .24rem;
    line-height: .34rem;
    margin: .38rem 0 .32rem;
    color: rgba(0, 0, 0, 0.8)
}

.merchant-empty-wrap .merchant-empty-btn {
    width: 1.12rem;
    height: .44rem;
    display: block;
    color: #5A350A;
    font-size: .22rem;
    line-height: .4rem;
    text-align: center;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/merchant-empty-btn.png) no-repeat;
    background-size: 100% 100%
}

.header-functional-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

.disclaimer-wrap {
    position: relative;
    font-size: .2rem;
    color: #737a80;
    padding-left: .28rem;
    margin-left: .32rem
}

.disclaimer-wrap::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.1rem;
    content: '';
    width: .2rem;
    height: .2rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/tip-icon.png) no-repeat center center;
    background-size: contain
}

.disclaimer-wrap.fix-top-left {
    color: #D2D8DC
}

.disclaimer-wrap.fix-top-left::before {
    content: '';
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icon-tips-white.png) no-repeat center center;
    background-size: contain
}

.feedback-wrap {
    padding-left: .28rem;
    font-size: .2rem;
    color: #CDD1D6;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/icon-feedback.png) no-repeat center left;
    background-size: .2rem .2rem
}

.single-line-ellipsis {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.two-lines-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.privilege-bg {
    height: 100vh;
    background: #4477b0 url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/gp-privilage-bg.jpg) right top no-repeat;
    background-size: 100% 100%
}

.privilege-bg .header-wrap {
    position: relative;
    z-index: 5
}

.privilege-bg .header-wrap .gp-slogan {
    width: 5.78rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/top-slogan.png) center center no-repeat;
    background-size: contain
}

.privilege-bg .disclaimer-wrap {
    color: #CDD1D6
}

.privilege-bg .disclaimer-wrap::before {
    content: '';
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icon-tips-white.png) no-repeat center center;
    background-size: contain
}

.privilege-bg .feedback-wrap {
    margin-top: .04rem
}

.icon-level-v1, .icon-level-v2, .icon-level-v3 {
  position: relative;
  width: .26rem;
  height: .26rem;
  display: block;
}

.icon-level-v1 {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icon-level-v1.png) no-repeat;
  background-size: 100% 100%;
}

.icon-level-v2 {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icon-level-v2.png) no-repeat;
  background-size: 100% 100%;
}

.icon-level-v3 {
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icon-level-v3.png) no-repeat;
  background-size: 100% 100%;
}

.icon-level-v1 em,
.icon-level-v2 em,
.icon-level-v3 em {
  position: absolute;
  top: -.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.24rem;
  height: .36rem;
  display: block;
  line-height: .36rem;
  text-align: center;
  color: #D2D8DC;
  font-size: .16rem;
  background: rgba(33, 33, 36, 0.8);
}

.brand-title-wrap,
.recommend-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.brand-title-wrap {
    width: 100%;
    padding: .08rem 0
}

.brand-title-wrap .section-title {
    width: 1.14rem;
    height: .24rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/brand-title.png) no-repeat;
    background-size: 100% 100%
}

.recommend-title-wrap {
    position: relative;
    padding: .18rem 0 .02rem
}

.recommend-title-wrap .section-title {
    position: relative;
    width: 1.14rem;
    height: .24rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/recommend-title.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2
}

.recommend-title-wrap .filter-wrap {
    margin-bottom: 0
}

.recommend-title-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -.4rem;
    width: 100%;
    height: .88rem;
    background-image: linear-gradient(0deg, rgba(0, 43, 170, 0.35) 0%, rgba(0, 43, 170, 0) 100%);
    z-index: -1
}

.benefit-name {
    width: 1.7rem;
    margin-bottom: .08rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #D06D15;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis
}

.benefit-brand {
    width: 1.7rem;
    font-size: .18rem;
    line-height: .2rem;
    color: #737A80;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis
}

.benefit-condition {
    margin-bottom: .06rem;
    width: 1.7rem;
    font-size: .18rem;
    line-height: .2rem;
    color: #3A434A;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis
}

.merchant-section-tab {
    position: relative;
    width: 100%;
    margin-bottom: .12rem;
    overflow-x: auto;
    border-bottom: 1px solid rgba(252, 252, 252, 0.2);
    z-index: 10
}

.merchant-section-tab .tab-scroll-wrap {
    height: .4rem;
    display: inline-flex
}

.merchant-section-tab .tab-scroll-wrap p {
    position: relative;
    width: 1.48rem;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-shrink: 0;
    color: #FFFFFF
}

.merchant-section-tab .tab-scroll-wrap p img {
    width: .24rem;
    height: .24rem;
    display: block;
    margin-right: .08rem
}

.merchant-section-tab .tab-scroll-wrap p span {
    font-size: .2rem;
    line-height: .24rem;
    text-shadow: 0.5px 0.5px 0 rgba(6, 13, 57, 0.16)
}

.merchant-section-tab .tab-scroll-wrap p.current {
    color: #343740;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%)
}

.merchant-section-tab .tab-scroll-wrap p.current:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 1.48rem;
    background: #FCFCFC
}

.brand-info-item {
    position: relative;
    width: 1.56rem;
    display: inline-block;
    padding: .7rem 0 .2rem;
    margin: 0 .16rem .2rem 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.6)
}

.brand-info-item .brand-logo {
    position: absolute;
    top: -.2rem;
    left: 50%;
    margin-left: -.4rem;
    width: .8rem;
    height: .8rem;
    display: block;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 100%
}

.brand-info-item .brand-name {
    margin-bottom: .08rem;
    font-size: .2rem;
    line-height: .24rem;
    color: #FCFCFC;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis
}

.brand-info-item .brand-info {
    font-size: .2rem;
    line-height: .24rem;
    color: #D2D8DC;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis
}

.brand-info-item .brand-info span {
    color: #D2792A
}

.brand-info-item .brand-dy-btn {
    display: block;
    width: 1.08rem;
    height: .4rem;
    margin: .16rem auto 0;
    line-height: .4rem;
    text-align: center;
    font-size: .22rem;
    color: #5A350A;
    background: #ECC568;
    box-shadow: inset 0 0 0 0 #FDF5CE, inset 0 0 0 0 #FAE26E
}

.brand-info-item .brand-td-btn {
    display: block;
    width: 1.08rem;
    height: .4rem;
    margin: .16rem auto 0;
    line-height: .4rem;
    text-align: center;
    font-size: .22rem;
    color: #CDD1D6;
    background: rgba(255, 255, 255, 0.22);
    box-shadow: inset 0 0 0 0 #8C9EA0, inset 0 0 0 0 rgba(255, 255, 255, 0.57)
}

.true-progress {
    position: absolute;
    top: 0
}

.true-progress .growingup-progress-color-bar {
    position: relative
}

.progress-loading {
    animation: load 1s ease
}

@keyframes load {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.card-v1 {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/card-v1.png) no-repeat !important;
    background-size: 100% 100% !important
}

.card-v2 {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/card-v2.png) no-repeat !important;
    background-size: 100% 100% !important
}

.card-v3 {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/card-v3.png) no-repeat !important;
    background-size: 100% 100% !important
}

.merchant-index-banner {
    position: relative;
    width: calc(50% - .05rem);
    height: 1.68rem;
    margin-left: .05rem;
    margin-bottom: .12rem;
    overflow: hidden
}

.merchant-index-banner .swiper-wrapper {
    height: 1.68rem
}

.merchant-index-banner .swiper-slide {
    width: 100%;
    height: 1.68rem;
    overflow: hidden
}

.merchant-index-banner .swiper-pagination {
    width: 100%;
    left: 0;
    bottom: .24rem
}

.merchant-index-banner .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    transform: skew(-30deg);
    background: rgba(255, 255, 255, 0.5)
}

.merchant-index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .12rem;
    background: #fff
}

.merchant-index-banner img {
    width: 4.3rem;
    height: 1.68rem;
    display: block;
    object-fit: cover
}

.banner-label {
    position: absolute;
    top: 0;
    left: 0;
    width: .66rem;
    height: .28rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/banner-label.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    font-size: .16rem;
    line-height: .28rem;
    text-align: center
}

.banner-label.activity-banner-label {
    color: #73BAB7;
    border-left: 2px solid #73BAB7
}

.banner-label.recommend-banner-label {
    color: #EA6A5F;
    border-left: 2px solid #EA6A5F
}

.banner-label.limited-banner-label {
    color: #9180FD;
    border-left: 2px solid #9180FD
}

.bind-phonenumber {
    position: absolute;
    top: .18rem;
    left: 1.4rem;
    min-width: 3.04rem;
    height: .28rem;
    padding: 0 .28rem 0 .4rem;
    border-radius: 0 .14rem .14rem 0;
    background: #B5DDDE url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/close.png) 0.12rem center no-repeat;
    background-size: .12rem .12rem
}

.bind-phonenumber p {
    color: #212124;
    font-size: .16rem;
    line-height: .28rem
}

.bind-phonenumber p span {
    color: #D2792A
}

.merchant-expiration-reminder {
    position: absolute;
    right: 1.36rem;
    top: 2.2rem;
    width: 2.2rem;
    height: .8rem;
    padding: 0 .16rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    background: rgba(33, 33, 36, 0.8);
    z-index: 20
}

.merchant-expiration-reminder:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -.1rem;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .08rem 0 .08rem .1rem;
    border-color: transparent transparent transparent rgba(33, 33, 36, 0.8)
}

.merchant-expiration-reminder img {
    width: .56rem;
    height: .56rem;
    display: block;
    margin-right: .08rem;
    flex-shrink: 0
}

.merchant-expiration-reminder p {
    font-size: .2rem;
    line-height: .28rem;
    color: #FCFCFC
}

.merchant-expiration-reminder p span {
    color: #E4B853
}

.v1-tag,
.v2-tag,
.v3-tag {
    position: absolute;
    right: .12rem;
    bottom: .56rem;
    display: block;
    width: .26rem;
    height: .26rem;
    z-index: 3
}

.v1-tag {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icons/icon-v1-black.png) no-repeat;
    background-size: 100% 100%
}

.v2-tag {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icons/icon-v2-black.png) no-repeat;
    background-size: 100% 100%
}

.v3-tag {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icons/icon-v3-black.png) no-repeat;
    background-size: 100% 100%
}

.header-wrap {
    display: flex;
    height: .6rem
}

.header-wrap .fx1 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: .1rem;
    padding-right: .12rem
}

.header-wrap .gp-slogan {
    width: 5.5rem;
    height: .52rem;
    margin-top: -.1rem;
    margin-left: .32rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/gp-slogan.png) no-repeat center center;
    background-size: contain
}

.header-wrap .disclaimer-wrap {
    margin-top: .04rem
}

.section-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    padding: .08rem 0
}

.section-title-wrap .section-title {
    position: relative;
    padding-left: .2rem;
    font-family: "MStiffHeiPRC";
    font-size: .22rem;
    line-height: .28rem;
    color: #212124;
    letter-spacing: -.01rem
}

.section-title-wrap .section-title::before {
    position: absolute;
    left: 0;
    top: .03rem;
    content: '';
    width: .08rem;
    height: .2rem;
    background: #212124
}

.section-title-wrap .section-title-tip {
    flex: 1;
    font-size: .2rem;
    color: #6c6f70;
    text-align: right
}

.section-title-wrap .section-title-tip span,
.section-title-wrap .section-title-tip a {
    color: #d2792a
}

.row-sidebar-wrap {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: .24rem
}

.row-sidebar-wrap::before {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    width: 100%;
    height: .9rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/row-tab-bg.png) no-repeat right top;
    background-size: auto .9rem;
    pointer-events: none
}

.row-sidebar-wrap .fx1 {
    position: relative;
    display: flex;
    justify-content: flex-end
}

.row-sidebar-wrap .row-sidebar-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.78rem;
    height: .63rem;
    font-size: .22rem;
    color: #fcfcfc;
    text-shadow: 0 0.01rem 0.01rem rgba(0, 0, 0, 0.5)
}

.row-sidebar-wrap .row-sidebar-item.row-sidebar-item-active {
    color: #343740;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/row-tab-on.png) no-repeat center center;
    background-size: contain
}

.col-sidebar-wrap {
  position: relative;
  width: 1.36rem;
  height: 100%;
  margin-left: .36rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/sidebar.png) no-repeat right top;
  background-size: 100% 100%;
  z-index: 1;
}
.col-sidebar-wrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: -.64rem;
  width: .64rem;
  height: 100%;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/sidebar-shadow.png) no-repeat;
  background-size: 100% 100%;
}

.col-sidebar-wrap .main-sidebar {
    width: .74rem
}

.col-sidebar-wrap .main-sidebar .main-sidebar-item:nth-child(2) {
    margin-top: .44rem
}

.col-sidebar-wrap .main-sidebar .main-sidebar-item.sidebar-dot {
    position: relative
}

.col-sidebar-wrap .main-sidebar .main-sidebar-item.sidebar-dot::after {
    position: absolute;
    right: 6px;
    top: 10px;
    content: '';
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    background: #f75b4d
}

.col-sidebar-wrap .main-sidebar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.07rem
}

.col-sidebar-wrap .main-sidebar-item p {
    width: .4rem;
    font-size: .22rem;
    color: #fcfcfc;
    text-align: center;
    word-break: break-all;
    text-shadow: 0 0.01rem 0.01rem rgba(0, 0, 0, 0.5)
}

.col-sidebar-wrap .main-sidebar-item.main-sidebar-item-active {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/col-tab-on.png) no-repeat center center;
    background-size: contain
}

.col-sidebar-wrap .main-sidebar-item.main-sidebar-item-active p {
    color: #343740
}

.sub-sidebar {
    position: relative;
    width: .66rem;
    height: 100%;
    padding-top: 1.26rem
}

.sub-sidebar::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .48;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0.5) 37%, rgba(255, 255, 255, 0) 75%);
    z-index: -1
}

.sub-sidebar::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: .02rem;
    height: 6.1rem;
    background-image: linear-gradient(179deg, rgba(255, 255, 255, 0) 0%, #fff 56%, rgba(255, 255, 255, 0) 100%)
}

.sub-sidebar .sub-sidebar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .94rem
}

.sub-sidebar .sub-sidebar-item p {
    position: relative;
    width: .4rem;
    font-size: .22rem;
    color: #2e3438;
    text-align: center;
    word-break: break-all;
    text-shadow: 0 0.01rem 0.01rem rgba(0, 0, 0, 0.5)
}

.sub-sidebar .sub-sidebar-item.sub-sidebar-item-active {
    position: relative
}

.sub-sidebar .sub-sidebar-item.sub-sidebar-item-active::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .51;
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.sub-sidebar .sub-sidebar-item.sub-sidebar-item-active::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: '';
    width: .04rem;
    background: #fff
}

.merchant-page-wrap {
    position: relative;
    /* display: flex;
    flex-direction: row; */
    width: 100%;
    height: 100%;
}

.game-act-theme::before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    content: '';
    width: 100%;
    height: 6rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/spring-theme.png) no-repeat right bottom;
    background-size: 4.4rem auto;
    pointer-events: none
}

.merchant-page-container {
    position: relative;
    /* display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden; */
    z-index: 2
}

.merchant-page-container.index-fixed-width {
    width: 100%;
}

.merchant-page-main {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-direction: row;
    flex: 1;
    padding-left: 0.4rem;
    overflow-y: hidden
}

.merchant-page-main::-webkit-scrollbar {
    display: none
}

.merchant-page-inner {
    position: relative;
    height: 100%;
    flex: 1;
    padding-left: .1rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.cancel-subscripte {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .14rem
}

.cancel-subscripte p {
    font-size: .18rem;
    color: #cdd1d6;
    padding-bottom: .02rem;
    border-bottom: .02rem solid #9da2a6
}

.filter-wrap {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-bottom: .14rem;
    margin-right: .2rem
}

.filter-wrap p {
    position: relative;
    min-width: .92rem;
    font-size: .2rem;
    color: #fff;
    text-align: right;
    padding-right: .36rem;
    padding-bottom: .02rem;
    text-shadow: 1px 1px 0 rgba(6, 13, 57, 0.28)
}

.filter-wrap p::after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    width: .28rem;
    height: .28rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icon-arrow-down.png) no-repeat center center;
    background-size: contain
}

.filter-wrap .filter-list {
    position: absolute;
    top: .34rem;
    right: 0;
    padding: .16rem;
    background: rgba(33, 33, 36, 0.8);
    z-index: 10
}

.filter-wrap .filter-list div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.68rem;
    height: .44rem;
    margin-bottom: .08rem;
    font-size: .2rem;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15)
}

.filter-wrap .filter-list div:last-child {
    margin: 0
}

.filter-wrap .filter-list div.filter-active {
    color: #3A434A;
    background: rgba(210, 216, 220, 0.9);
    border: 1px solid #D2D8DC
}

.filter-wrap .filter-list div.filter-active::after {
    display: none
}

.merchant-privilege-wrap {
    position: relative;
    width: 4.26rem;
    height: auto;
    flex-shrink: 0;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/index-privilege-bg.png) center 0.82rem no-repeat;
    background-size: 4.26rem 5.76rem;
    z-index: 2
}

.merchant-privilege-card {
    position: relative;
    width: 3.9rem;
    height: 2.34rem;
    margin: 0 auto;
    padding: .22rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/card-vip.png) no-repeat;
    background-size: 100% 100%
}

.merchant-user-msg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: .12rem
}

.merchant-user-box {
    position: relative;
    width: .56rem;
    height: .56rem;
    margin-right: .14rem
}

.merchant-user-box:before {
    position: absolute;
    top: -.11rem;
    left: -.11rem;
    content: '';
    height: .78rem;
    width: .78rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/img-boder-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2
}

.merchant-user-box i {
    position: absolute;
    bottom: -.02rem;
    right: -.1rem;
    z-index: 10
}

.merchant-user-img {
    position: relative;
    width: .56rem;
    height: .56rem;
    display: block;
    border-radius: 100%;
    z-index: 1
}

.merchant-user-name {
  width: 1.8rem;
  height: .2rem;
  color: #FCFCFC;
  font-size: .18rem;
  line-height: .2rem;
  margin-bottom: .06rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}

.privilege-card-number {
    color: #737A80;
    font-size: .16rem;
    line-height: .2rem;
    font-family: 'TGPBold'
}

.merchant-user-marquee-tips {
    height: .24rem;
    margin-bottom: .28rem;
    overflow: hidden
}

.merchant-user-tips {
    font-size: .16rem;
    line-height: .24rem;
    color: #FCFCFC;
    font-weight: bold;
    height: .24rem
}

.merchant-user-tips span {
    background: linear-gradient(to bottom, #FFFBE6, #E6CF8A);
    -webkit-background-clip: text;
    color: transparent
}

.privilege-progress-tips {
    margin-bottom: .1rem;
    padding-right: .2rem;
    font-family: 'tencent';
    font-size: .16rem;
    line-height: .24rem;
    color: #fcfcfc;
    text-align: right
}

.privilege-progress-tips span {
    color: #B5DDDE
}

.privilege-progress-subtips {
    margin-bottom: .1rem;
    font-family: 'tencent';
    font-size: .16rem;
    line-height: .24rem;
    color: #fcfcfc;
    text-align: right;
    letter-spacing: -.01rem
}

.privilege-progress-subtips span {
    color: #B5DDDE
}

.color-bar-outside {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(188, 198, 204, 0.44);
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5), inset 0 0 0 0 rgba(0, 0, 0, 0.5)
}

.privilege-progress-bar {
    position: relative;
    width: 3.4rem;
    height: .06rem;
    transform: skew(-30deg);
    background: rgba(255, 255, 255, 0.26);
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5), inset 0 0 0 0 rgba(180, 180, 180, 0.5)
}

.privilege-progress-bar .color-bar-outside {
    height: .06rem
}

.privilege-progress-bar .growingup-progress-color-bar {
    height: .06rem
}

.privilege-progress-msg {
    position: relative;
    top: -.16rem;
    width: 3.1rem;
    margin-left: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    z-index: 3
}

.merchant-privilege-list {
    position: relative;
    top: -.56rem;
    width: 4.14rem;
    height: 4.72rem;
    margin: 0 auto;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/index-privilege-content-mask-1.png) center top no-repeat;
    background-size: 4.14rem 4.76rem
}

.merchant-title-bar {
    width: 3.44rem;
    padding: 0.56rem .18rem 0.08rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.merchant-title-bar p {
    font-size: .2rem;
    line-height: .24rem;
    color: #FFEBD7
}

.merchant-title-bar a {
    font-size: .2rem;
    line-height: .24rem;
    color: #FFEBD7
}

.merchant-privilege-content {
    width: 3.84rem;
    height: 3.2rem;
    margin: 0 auto;
    overflow-y: auto;
    font-size: 0
}

.privilege-item {
    position: relative;
    width: 1.22rem;
    height: 1.52rem;
    display: inline-block;
    padding-top: .22rem;
    margin: 0 .03rem -.02rem
}

.privilege-item:after {
    content: '';
    position: absolute;
    top: .36rem;
    right: 0;
    width: 1px;
    height: .4rem;
    background: rgba(115, 122, 128, 0.5)
}

.privilege-item:nth-child(3):after {
    content: '';
    background: transparent
}

.privilege-item:nth-child(6):after {
    content: '';
    background: transparent
}

.privilege-item.v2-lock:before {
    content: '';
    position: absolute;
    top: .22rem;
    left: .28rem;
    width: .64rem;
    height: .64rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/v2-masker.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.privilege-item.v3-lock:before {
    content: '';
    position: absolute;
    top: .22rem;
    left: .28rem;
    width: .64rem;
    height: .64rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/v3-masker.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.privilege-item img {
    width: .64rem;
    height: .64rem;
    margin: 0 auto .12rem;
    display: block
}

.privilege-item p {
    font-size: .2rem;
    line-height: .24rem;
    color: #FCFCFC;
    text-align: center
}

.privilege-item span {
    display: block;
    font-size: .16rem;
    line-height: .2rem;
    color: #737A80;
    text-align: center
}

.merchant-privilege-bottom-tab {
    width: 4.14rem;
    height: .72rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    color: #CDD1D6;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/index-privilege-bottom.png) no-repeat;
    background-size: 100% 100%
}

.merchant-privilege-bottom-tab p {
    position: relative;
    flex: 1;
    font-size: .22rem;
    line-height: .72rem;
    text-align: center;
    letter-spacing: 3px
}

.merchant-privilege-bottom-tab .duty-point:before {
    content: '';
    position: absolute;
    right: .36rem;
    top: .18rem;
    width: .08rem;
    height: .08rem;
    display: block;
    border-radius: 100%;
    background: #F75B4D
}

.brand-privilege-tips {
    position: absolute;
    top: -.1rem;
    right: .12rem;
    width: 1.1rem;
    padding: 0 .1rem;
    font-size: .14rem;
    line-height: .22rem;
    color: #F4E3B8;
    background: #2E3438;
    border: 1px solid #FCEAC3;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 2px 0 rgba(0, 0, 0, 0.5);
    border-radius: .11rem;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    letter-spacing: -1px
}

.duty-privilege-tips {
    position: absolute;
    top: -.1rem;
    right: .12rem;
    display: inline-block;
    width: .4rem;
    font-size: .14rem;
    line-height: .22rem;
    color: #F4E3B8;
    border: 1px solid #F4E3B8;
    border-radius: .11rem;
    background: #F75B4D;
    text-align: center
}

.merchant-brand-tab {
    margin-bottom: .12rem;
    overflow-x: auto
}

.merchant-brand-tab .tab-scroll-wrap {
    height: .44rem;
    display: inline-flex
}

.merchant-brand-tab .tab-scroll-wrap p {
    position: relative;
    min-width: 1.12rem;
    height: .36rem;
    padding-left: .08rem;
    margin-right: .08rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-shrink: 0;
    color: #FCFCFC;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 1px 1px 4px 0 rgba(33, 46, 69, 0.1);
    border-radius: .18rem
}

.merchant-brand-tab .tab-scroll-wrap p img {
    width: .24rem;
    height: .24rem;
    display: block;
    border-radius: 100%;
    margin-right: .04rem
}

.merchant-brand-tab .tab-scroll-wrap p span {
    display: block;
    font-size: .2rem;
    line-height: .24rem;
    padding-right: .2rem
}

.merchant-brand-tab .tab-scroll-wrap p.current {
    color: #343740;
    background: rgba(255, 255, 255, 0.4);
    text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.5)
}

.merchant-brand-tab .tab-scroll-wrap p.current:after {
    content: '';
    position: absolute;
    bottom: -.08rem;
    left: .3rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .08rem .1rem 0 .1rem;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent
}

.mine-page-main {
    padding-left: .52rem
}

.mine-page-main .brand-info-item {
    width: 1.72rem;
    margin: 0 .24rem .24rem 0
}

.growingup-msg {
    position: relative;
    width: 8rem;
    height: 1.22rem;
    margin: .2rem 0 0;
    font-size: 0;
    z-index: 10
}

.growingup-msg .user-img {
    width: .9rem;
    height: .9rem;
    display: block;
    border-radius: 100%;
    margin: 0 .2rem 0 .12rem;
    border: 1px solid #D5C29B
}

.growingup-msg .growingup-progress {
    top: -.2rem
}

.growingup-msg .privilege-progress-msg {
    width: 6.4rem;
    top: -.36rem;
    margin-left: 1.2rem;
}

.growingup-flex-top {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    z-index: 2
}

.growingup-msg-line {
    width: 7rem;
    margin-top: -.04rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row
}

.growingup-msg-line .user-name-msg .user-name {
    font-size: .28rem;
    line-height: .4rem;
    color: #FFFFFF
}

.growingup-msg-line .user-name-msg em {
    padding-left: .12rem;
    font-size: .28rem;
    line-height: .4rem;
    font-family: 'TGPBold';
    font-weight: normal;
    background: linear-gradient(to bottom, #fdfbda, #d7b9a0);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.18)
}

.growingup-msg-line .user-duty-msg {
    font-size: .18rem;
    line-height: .2rem;
    color: #EED39D
}

.growingup-msg-line .user-duty-msg span {
    color: #B5DDDE
}

.growingup-guide {
    font-family: 'tencent';
    position: relative;
}

.growingup-guide p {
    display: inline-block;
    vertical-align: middle;
    margin-right: .14rem;
    font-size: .2rem;
    line-height: .24rem;
    color: #fcfcfc
}

.growingup-guide p span {
    color: #EED39D
}

.growingup-guide p.user-duty-msg {
  position: absolute;
  top: -.24rem;
  left: 0;
  font-size: .18rem;
  line-height: .2rem;
  color: #EED39D;
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei UI, Arial, Tahoma;
}

.growingup-guide a {
    display: inline-block;
    vertical-align: middle;
    font-size: .2rem;
    line-height: .24rem;
    color: #B5DDDE
}

.growingup-progress {
  position: relative;
  width: 6.66rem;
  margin-left: 1.2rem;
  z-index: 1;
}

.growingup-data {
    font-size: .16rem;
    line-height: .18rem;
    color: #FFFFFF
}

.growingup-progress-bar {
  position: relative;
  width: 6.66rem;
  height: .08rem;
  transform: skew(-30deg);
  background: rgba(255, 255, 255, 0.26);
  box-shadow: inset 1px 1px 0 rgba(180,180,180,0.50), inset 1px 1px 0 rgba(180,180,180,0.50);
}
.growingup-progress-bar .color-bar-outside {
  display: none;
}

.growingup-progress-box {
  position: relative;
  width: 6.66rem;
  height: .08rem;
  transform: skew(-30deg);
  background: #C3C3C3;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), inset 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.growingup-progress-color-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: .08rem;
  background-image: linear-gradient(90deg, #F2CEA5 2%, #FFECCA 100%);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), inset 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.privilege-progress-bar.bar-initial .color-bar-outside {
    background: rgba(155, 140, 131, 0.44)
}

.privilege-progress-bar.bar-initial .growingup-progress-color-bar {
    background-image: linear-gradient(209deg, #bcc6cc 0%, rgba(155, 140, 131, 0.44) 100%)
}

.growingup-progress-bar.bar-initial .color-bar-outside {
    background: rgba(155, 140, 131, 0.44)
}

.growingup-progress-bar.bar-initial .growingup-progress-color-bar {
    background-image: linear-gradient(209deg, #bcc6cc 0%, rgba(155, 140, 131, 0.44) 100%)
}

/*未降级数值*/
.growingup-number {
  position: absolute;
  width: 1.3rem;
  height: .22rem;
  bottom: -.4rem;
  transform: translateX(-50%);
  font-size: .16rem;
  line-height: .2rem;
  text-align: center;
  color: #000000;
  background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/duty-number-bg.png) no-repeat;
  background-size: 100% 100%;
}
.growingup-number span {
  font-family: 'tencent';
}
.growingup-number::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -.1rem;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 .1rem .08rem .1rem;
  border-color: transparent transparent #000 transparent;
}

.mine-page-content {
    position: relative;
    height: calc(100vh - 3.4rem);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10
}

.mine-page-inner {
    position: relative
}

.mine-page-inner .filter-wrap {
    position: absolute;
    top: -.48rem;
    right: 0
}

.mine-page-inner .cancel-subscripte {
    position: absolute;
    top: -.48rem;
    right: 0
}

.page-inner-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

.page-inner-tabs p {
    position: relative;
    width: 1.36rem;
    height: .4rem;
    margin-right: .08rem;
    font-size: .18rem;
    line-height: .4rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0.5px 0.5px 0 rgba(6, 13, 57, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.5)
}

.page-inner-tabs p.current {
    color: #343740;
    border: 1px solid #FCFCFC;
    background: #FCFCFC
}

.page-inner-tabs p.red-point:before {
    content: '';
    position: absolute;
    right: .12rem;
    top: .08rem;
    width: .08rem;
    height: .08rem;
    display: block;
    border-radius: 100%;
    background: #F75B4D
}

.invalid-goods-link {
    display: block;
    font-size: .2rem;
    line-height: .4rem;
    text-align: center;
    color: #3E4A4F
}

.brand-info-empty {
    height: .88rem;
    background: rgba(255, 255, 255, 0.4)
}

.brand-info-empty p {
    text-align: center
}

.brand-info-empty-title {
    padding-top: .16rem;
    font-size: .2rem;
    line-height: .24rem;
    color: #212124
}

.brand-info-empty-tips {
    padding-top: .1rem;
    font-size: .18rem;
    line-height: .2rem;
    color: #737A80
}

.brand-info-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.brand-info-title span {
    color: #212124;
    font-size: .2rem;
    line-height: .24rem
}

.brand-info-title:before {
    content: '';
    width: 40%;
    height: 1px;
    background: rgba(46, 52, 56, 0.2)
}

.brand-info-title:after {
    content: '';
    width: 40%;
    height: 1px;
    background: rgba(46, 52, 56, 0.2)
}

.brand-info-list .brand-info-item {
    width: 1.72rem
}

.merchant-brand-list {
    height: 1.62rem;
    overflow-x: auto;
    overflow-y: hidden
}

.merchant-brand-scroll-wrap {
    padding: .04rem 0 0 .04rem;
    display: inline-flex
}

.tip-comp-merchant-brand-box {
    display: inline-flex
}

.merchant-brand-item {
    position: relative;
    width: 2.86rem;
    height: 1.58rem;
    margin-right: .08rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/brand-item-bg.png) no-repeat;
    background-size: 100% 100%
}

.merchant-brand-item.merchant-brand-large {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    width: 3.74rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/brand-item-bg-l.png) no-repeat;
    background-size: 100% 100%
}

.merchant-brand-benefitmsg {
    position: relative;
    height: 1.03rem;
    padding: .18rem 0 0 .14rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row
}

.merchant-brand-benefitmsg img {
    width: .8rem;
    height: .8rem;
    margin-right: .12rem;
    display: block
}

.merchant-brand-benefitmsg div {
    position: relative;
    z-index: 2
}

.merchant-brand-benefitmsg.get-benefit:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1.86rem;
    width: .96rem;
    height: .56rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/before_use.png) no-repeat;
    background-size: 100% 100%;
    z-index: 1
}

.merchant-brand-benefitmsg .benefit-name {
    letter-spacing: -1px;
    margin-right: .1rem
}

.merchant-brand-benefitmsg .benefit-brand {
    margin-right: .1rem
}

.merchant-brand-benefitmsg .benefit-condition {
    margin-right: .1rem
}

.merchant-brand-benefitbar {
    height: .56rem;
    padding: 0 0 0 .14rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.item-label-box {
    display: flex
}

.item-label-box span {
    margin-right: .06rem;
    background: rgba(255, 255, 255, 0.05);
    border: 0 solid rgba(255, 255, 255, 0.05)
}

.label-fan {
    padding: 0 .04rem;
    font-size: .16rem;
    color: #B5DDDE;
    line-height: .24rem
}

.label-online {
    padding: 0 .04rem;
    font-size: .16rem;
    color: rgba(255, 255, 255, 0.86);
    line-height: .24rem
}

.icon-online {
    position: absolute;
    top: -.04rem;
    left: -.04rem;
    display: block;
    width: .5rem;
    height: .24rem;
    background: #F4EDE8;
    color: #91A4D5;
    font-size: .16rem;
    line-height: .24rem;
    text-align: center;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/icon-online-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: 4
}

.benefit-progress {
    font-size: .16rem;
    line-height: .4rem;
    color: #D2D8DC;
    letter-spacing: -1px
}

.default-lq-tips {
    font-size: .16rem;
    line-height: .4rem;
    color: #D2D8DC;
    letter-spacing: -1px
}

.btn-lq {
    width: 1.12rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-align: center;
    font-size: .22rem;
    color: #5A350A;
    background: #ECC568;
    box-shadow: inset 0 0 0 0 #FDF5CE, inset 0 0 0 0 #FAE26E
}

.btn-default-lq {
    width: 1.12rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-align: center;
    font-size: .22rem;
    color: #CDD1D6;
    background: rgba(255, 255, 255, 0.11);
    box-shadow: inset 0 0 0 0 rgba(140, 158, 160, 0.5), inset 0 0 0 0 rgba(255, 255, 255, 0.3)
}

.merchant-brand-more {
    width: .88rem;
    text-align: center
}

.merchant-brand-more p {
    max-height: .4rem;
    margin-top: .1rem;
    padding: 0 .06rem;
    color: #737A80;
    font-size: .16rem;
    line-height: .2rem
}

.merchant-brand-more .more-prize-box {
    width: .58rem;
    height: .58rem;
    margin: .06rem auto 0;
    background: rgba(189, 194, 207, 0.35);
    overflow: hidden
}

.merchant-brand-more .more-prize-box img {
    width: .58rem;
    height: .58rem
}

.merchant-recommend-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap
}

.tip-comp-merchant-recommend-item {
    position: relative;
    width: calc(50% - .05rem);
    height: 1.68rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/index-bond.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0
}

.tip-comp-merchant-recommend-item:nth-child(odd) {
    margin-right: .05rem;
    margin-bottom: .12rem
}

.tip-comp-merchant-recommend-item:nth-child(even) {
    margin-left: .05rem;
    margin-bottom: .12rem
}

.tip-comp-merchant-recommend-item .brand-logo {
    border-radius: 100%
}

.tip-comp-merchant-recommend-item.get-benefit:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 1.2rem;
    width: .96rem;
    height: .56rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/before_use.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.benefit-msg-box {
    padding: .16rem .24rem 0;
    display: flex;
    align-items: flex-start
}

.benefit-topbar {
    padding: 0 .24rem;
    height: .44rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.benefit-topbar .brand-logo {
    width: .3rem;
    height: .3rem
}

.benefit-topbar .benefit-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    font-size: .18rem;
    color: #737A80;
    line-height: .2rem
}

.benefit-left-msg {
    position: relative;
    width: 58%;
    min-height: .8rem;
    max-height: .94rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.benefit-left-msg .benefit-name {
    width: 100%;
    font-size: .28rem;
    line-height: .3rem
}

.benefit-left-msg .benefit-condition {
    width: 100%;
    margin-bottom: 0
}

.benefit-left-msg .more-msg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: .08rem
}

.benefit-left-msg .more-msg img {
    width: .22rem;
    height: .22rem;
    display: block;
    margin-right: .04rem;
    background: #A5B4DD
}

.benefit-left-msg .more-msg p {
    width: calc(100% - .3rem);
    flex-shrink: 0;
    color: #3E4A4F;
    font-size: .18rem;
    line-height: .22rem;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis
}

.benefit-left-msg .more-msg p span {
    color: #5C7ED2
}

.game-duty-line {
    color: #3E4A4F;
    font-size: .18rem;
    line-height: .18rem;
    letter-spacing: -1px
}

.benefit-line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

.benefit-line .benefit-name {
    margin-bottom: 0
}

.benefit-line .benefit-brand {
    max-width: 2rem;
    color: #212124;
    text-overflow: ellipsis
}

.brand-logo {
    width: .24rem;
    height: .24rem;
    display: block;
    margin-right: .08rem
}

.benefit-right-msg {
    position: relative;
    width: 1.5rem;
    padding-top: .06rem;
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.benefit-right-msg a {
    display: block;
    margin-top: .24rem
}

.benefit-right-msg .btn-lq {
    width: 1.04rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .22rem;
    color: #5A350A;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/btn-primary-s.png) no-repeat;
    background-size: 100% 100%
}

.benefit-right-msg .btn-use {
    width: 1.04rem;
    height: .4rem;
    line-height: .38rem;
    text-align: center;
    font-size: .22rem;
    color: #CDD1D6;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/merchant-dy-btn.png) no-repeat;
    background-size: 100% 100%
}

.benefit-right-msg .btn-unavailable {
    width: 1.04rem;
    height: .4rem;
    line-height: .38rem;
    text-align: center;
    font-size: .22rem;
    color: #9DA2A6;
    border: 1px solid rgba(157, 162, 166, 0.5)
}

.icon-location-gray {
    width: .12rem;
    height: .16rem;
    display: block;
    margin-right: .08rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/icon-location.png) no-repeat;
    background-size: 100% 100%
}

.growingup-duty-list-tips {
    margin: 0 0 .1rem;
    color: #FFFFFF;
    font-size: .18rem;
    line-height: .2rem;
    text-align: right
}

.growingup-duty-list {
    padding: .1rem .24rem;
    background: rgba(0, 0, 0, 0.6)
}

.tip-comp-growingup-duty-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .12rem 0;
    border-bottom: 1px dashed rgba(252, 252, 252, 0.2)
}

.tip-comp-growingup-duty-item .icon-duty {
    width: .72rem;
    height: .72rem;
    display: block;
    margin-right: .22rem
}

.duty-item-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.duty-description {
    width: 4rem;
    font-size: .24rem;
    line-height: .28rem;
    color: #FCFCFC
}

.duty-msg {
    width: 5.6rem;
    text-align: right
}

.duty-score {
    font-size: .2rem;
    line-height: .24rem;
    color: #D2D8DC
}

.duty-score span {
    color: #E7A417
}

.duty-timestamp {
    font-size: .18rem;
    line-height: .2rem;
    color: #D2D8DC
}

.duty-msg-tips {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: .12rem
}

.duty-score-exp {
    position: relative;
    width: .28rem;
    height: .28rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/icon-exp.png) no-repeat;
    background-size: 100% 100%
}

.duty-score-exp p {
    position: absolute;
    top: -.6rem;
    right: 0;
    padding: .14rem;
    width: 2.3rem;
    font-size: .2rem;
    line-height: .28rem;
    color: #FCFCFC;
    background: rgba(33, 33, 36, 0.8);
    z-index: 2
}

.duty-page-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    width: calc(100vw - 2rem);
    margin-left: .9rem;
    margin-top: .3rem
}

.mine-level-bg {
    position: absolute;
    top: -.56rem;
    right: -1rem;
    width: 5.58rem;
    height: 5.4rem;
    z-index: 0
}

.growingup-duty-img {
    margin-bottom: .24rem
}

.growingup-duty-img h3 {
    width: 2.3rem;
    height: 1.38rem;
    margin-bottom: .1rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/growup-duty-title.png) no-repeat;
    background-size: 100% 100%
}

.growingup-duty-img img {
    width: 2.14rem;
    height: 1.96rem;
    display: block
}

.growingup-duty-msg {
    width: 3.68rem;
    margin-right: .54rem
}

.growingup-duty-msg .growingup-progress {
    display: block;
    width: 3.68rem;
    margin: 0;
}

.growingup-duty-msg .growingup-last-data {
  font-family: 'tencent';
  font-size: .2rem;
  line-height: .24rem;
  color: #3E4A4F;
  margin-bottom: .12rem;
}
.growingup-duty-msg .growingup-last-data span {
  color: #212124;
}

.growingup-duty-msg .growingup-data {
    font-family: 'tencent';
    font-size: .16rem;
    line-height: .24rem;
    color: #3E4A4F;
    margin-bottom: .36rem
}

.growingup-duty-msg .growingup-data span {
    font-size: .24rem;
    line-height: .24rem;
    color: #212124
}

.growingup-duty-msg .growingup-progress-bar {
    position: relative;
    width: 2.86rem;
    height: .08rem;
    transform: skew(-30deg);
}

.growingup-duty-msg .growingup-progress-bar .color-bar-outside {
    position: absolute;
    top: 0;
    left: 0;
    height: .08rem;
    background: rgba(241, 228, 189, 0.6)
}

.growingup-duty-msg .growingup-progress-color-bar {
    position: relative;
    top: 0;
    left: 0;
    height: .08rem;
    background-image: linear-gradient(270deg, #E6CF8A 0%, rgba(241, 228, 189, 0.6) 75%)
}

.growingup-duty-msg .privilege-progress-msg {
    position: relative;
    top: -.16rem;
    width: 2.6rem;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    z-index: 2
}

.growingup-duty-tips-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.growingup-duty-tips {
    margin: 0 0 .12rem;
    color: #D2D8DC;
    font-size: .2rem;
    line-height: .24rem
}

.growingup-duty-speed {
    margin: 0 0 .12rem;
    color: #D2D8DC;
    font-size: .18rem;
    line-height: .2rem
}

.growingup-duty-speed span {
    color: #EED39D
}

.growingup-duty-detail {
    width: 7.36rem;
    height: 5.2rem;
    overflow-y: auto;
}

.growingup-duty-detail li {
    position: relative;
    padding: .28rem .36rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/duty-bg.png) no-repeat;
    background-size: 100% 100%
}

.growingup-duty-detail li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: .35rem;
    width: 6.66rem;
    height: 1px;
    background: rgba(115, 122, 128, 0.5)
}

.growingup-duty-detail li:last-child:after {
    content: '';
    display: none
}

.growingup-duty-detail .icon-duty {
    width: .72rem;
    height: .72rem;
    display: block;
    margin-right: .12rem
}

.growingup-duty-detail .duty-detail-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.growingup-duty-detail .duty-detail-msg {
    width: 4.7rem;
    flex-shrink: 0
}

.growingup-duty-detail .duty-name {
    margin-bottom: .16rem;
    font-size: .22rem;
    line-height: .28rem;
    color: #fcfcfc
}

.growingup-duty-detail .duty-tips {
    font-size: .18rem;
    line-height: .2rem;
    color: #fcfcfc;
    letter-spacing: -1px
}

.growingup-duty-detail .duty-finish {
    padding-left: .3rem;
    font-size: .2rem;
    line-height: .28rem;
    color: #48C284;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icon-finish.png) center left no-repeat;
    background-size: .24rem .24rem
}

.growingup-duty-detail .duty-processing {
    font-size: .2rem;
    line-height: .28rem;
    color: #737a80
}

.growingup-duty-detail .duty-btn {
    width: 1.12rem;
    height: .44rem;
    display: block;
    color: #5A350A;
    font-size: .22rem;
    line-height: .4rem;
    text-align: center;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/merchant-empty-btn.png) no-repeat;
    background-size: 100% 100%
}

.store-page-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.store-page-wrap .store-wrap {
    position: relative;
    flex: 1;
    width: calc(100% - 24%);
    margin-top: .12rem;
    margin-left: .92rem;
    padding: .12rem .04rem 0 .12rem;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0.06rem 0.38rem 0.8rem 0 rgba(33, 46, 69, 0.28);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.store-page-wrap .store-wrap::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid rgba(255, 255, 255, 0.33);
    border-bottom: none;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none
}

.store-page-wrap .store-wrap .store-total {
    font-size: .16rem;
    color: #737a80;
    padding-bottom: .12rem
}

.store-page-wrap .store-wrap .store-total span {
    font-size: .2rem;
    color: #d2792a
}

.store-page-wrap .store-wrap .tip-comp-storelist-box {
    padding-right: .04rem;
    -webkit-overflow-scrolling: touch
}

.protocol-page-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.protocol-page-wrap .protocol-wrap {
    position: relative;
    flex: 1;
    margin: .12rem .16rem .2rem;
    padding: .36rem .28rem .66rem 1rem;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0.06rem 0.38rem 0.8rem 0 rgba(33, 46, 69, 0.28), inset 0 0 0 0 rgba(255, 255, 255, 0.9);
    overflow: hidden
}

.protocol-page-wrap .protocol-wrap::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid rgba(255, 255, 255, 0.33);
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none
}

.protocol-page-wrap .protocol-wrap .protocol-info {
    width: 100%;
    height: 100%;
    padding-right: .68rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.protocol-page-wrap .protocol-wrap p {
    font-size: .18rem;
    color: #737a80
}

.protocol-page-wrap .protocol-wrap .protocol-title {
    font-size: .26rem;
    color: #494341;
    padding-bottom: .2rem;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)
}

.introduce {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.introduce-content {
    position: relative;
    flex: 1;
    margin: .12rem .16rem .2rem;
    padding: .3rem .16rem .3rem .36rem;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0.06rem 0.38rem 0.8rem 0 rgba(33, 46, 69, 0.28), inset 0 0 0 0 rgba(255, 255, 255, 0.9);
    overflow: hidden
}

.introduce-content::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid rgba(255, 255, 255, 0.33);
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none
}

.introduce-content .introduce-info {
    width: 100%;
    height: 100%;
    padding-right: .2rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.introduce-content table {
    width: 100%;
    font-size: .2rem;
    color: #d2d8dc;
    text-align: center;
    margin: 0 auto .2rem;
    border-collapse: collapse;
    border: none
}

.introduce-content table thead {
    height: .6rem;
    line-height: .6rem;
    font-family: "MStiffHeiPRC";
    font-size: .26rem;
    color: #fcfcfc;
    border: 1px solid #fff;
    background: rgba(115, 122, 128, 0.89)
}

.introduce-content table tr td {
    text-align: left;
    border: 1px solid #fff;
    background-color: rgba(46, 52, 56, 0.8)
}

.introduce-content table tr td:first-child {
    font-family: "MStiffHeiPRC";
    font-size: .26rem;
    color: #d2d8dc;
    text-align: center;
    background-color: rgba(58, 67, 74, 0.84)
}

.introduce-content thead th:nth-child(1) {
    width: 1.88rem
}

.introduce-content thead th:nth-child(2) {
    width: 5.2rem
}

.introduce-content .num-img-1 {
    display: block;
    margin: .16rem 0
}

.introduce-content .num-img-2 {
    width: 1.8rem;
    display: block;
    margin: 0.16rem auto
}

.introduce-content .num-img-3 {
    width: 4rem;
    display: block;
    margin: .16rem auto
}

.introduce-content h4 {
    font-size: 0.28rem;
    color: #FFFFFF;
    margin: 0.15rem 0rem
}

.introduce-content .table-line2 tr td:last-child {
    width: 1.6rem
}

.introduce-content .yj-flag tr td:nth-child(1) {
    width: 1.5rem;
    background: #1B2C45
}

.introduce-content .yj-flag tr td:nth-child(2) {
    text-align: left;
    padding-left: 0.1rem
}

.introduce-content .end {
    font-size: .2rem;
    color: #3a434a;
    text-align: center;
    margin-bottom: .2rem
}

.introduce-content table tr td {
    padding: 0.3rem;
    box-sizing: border-box
}

.introduce-content .table-line2 tr th:nth-child(1) {
    width: 1.7rem
}

.introduce-content .table-line2 tr th:nth-child(2) {
    width: 2rem
}

.introduce-content .table-line2 tr td:nth-child(3) {
    text-align: center
}

.introduce-content .table-line3 tr td:nth-child(1) {
    width: 6.5rem;
    text-align: left
}

.introduce-content .table-line4 tr th:nth-child(2) {
    width: 1.5rem
}

.introduce-content .table-line4 tr td:nth-child(1) {
    width: 3rem;
    text-align: left;
    padding: 0.3rem 0.1rem
}

.introduce-content .table-line4 tr td:nth-child(2) {
    width: 2rem;
    text-align: left;
    padding: 0.3rem 0.1rem
}

.introduce-content .introduce-4 .wz span {
    font-weight: 800
}

.wz {
    margin-bottom: 0.05rem
}

.qy-iist-info {
    color: #DAB65F;
    font-weight: bold
}

.section {
    margin-bottom: .4rem
}

.section h3 {
    position: relative;
    font-family: "MStiffHeiPRC";
    font-size: .26rem;
    color: #494341;
    padding-left: .32rem;
    margin-bottom: .2rem
}

.section h3::before {
    position: absolute;
    left: 0;
    top: .06rem;
    content: "";
    width: .06rem;
    height: .28rem;
    background: #ef8a36
}

.section p {
    font-size: .2rem;
    color: #737a80;
    line-height: .28rem;
    word-break: break-all
}

.wz .lign {
    font-size: .2rem;
    color: #d2792a
}

.tip-comp-goods-detail--com table thead {
    font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, Helvetica, sans-serif;
    border: 0 none;
    background-color: transparent;
    height: auto;
    line-height: .34rem
}

.tip-comp-goods-detail--com table tr td {
    padding: 0;
    border: 0 none;
    background-color: transparent
}

.tip-comp-goods-detail--com table tr td:first-child {
    font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, Helvetica, sans-serif;
    font-size: .2rem;
    line-height: .28rem;
    color: #d2d8dc;
    text-align: left;
    background-color: transparent
}

.merchant-info-wrap {
    position: relative;
    width: calc(100% - 24%);
    height: calc(100% - 2rem);
    width: -webkit-calc(100% - 24%);
    height: -webkit-calc(100% - 2rem);
    margin-left: .92rem;
    margin-top: -.54rem;
    padding: .08rem;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 3px 19px 40px 0 rgba(33, 46, 69, 0.28);
    overflow: hidden
}

.merchant-info-wrap::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid rgba(255, 255, 255, 0.33);
    border-bottom: none;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none
}

.merchant-info-wrap .merchant-info-scroll {
    padding: .16rem .3rem .3rem;
    height: calc(100% - .48rem) !important;
    background: rgba(46, 52, 56, 0.8)
}

.merchant-info-wrap .merchant-fuli-scroll {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-right: .1rem;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.merchant-info-wrap .privilege-prize-item {
    width: 2.24rem;
    height: 3.08rem;
    margin-right: .04rem
}

.merchant-info-wrap .privilege-prize-item img {
    width: 2rem;
    height: 2rem;
    margin: .3rem auto .24rem
}

.merchant-info-wrap .privilege-prize-item p {
    height: .56rem;
    font-size: .2rem;
    padding: .12rem .04rem 0;
    border-bottom: .08rem solid #9180fd
}

.merchant-info-wrap .merchant-brand-list {
    width: 97%;
    margin-bottom: .16rem
}

.merchant-info-wrap .merchant-privilege-content {
    width: auto;
    height: 1.68rem;
    padding-left: .2rem
}

.merchant-info-wrap .privilege-item:after {
    content: '';
    display: none
}

.merchant-tab-wrap {
    display: flex;
    align-items: center;
    margin-bottom: .08rem
}

.merchant-tab-wrap p {
    width: 1.64rem;
    height: .38rem;
    margin-right: .08rem;
    line-height: .38rem;
    font-size: .2rem;
    color: #D2D8DC;
    text-align: center;
    background: rgba(62, 74, 79, 0.3)
}

.merchant-tab-wrap p.current {
    background: rgba(46, 52, 56, 0.8)
}

.merchant-privilege-topbar {
    padding: 0 .2rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.merchant-privilege-topbar a {
    color: #D2D8DC;
    font-size: .22rem;
    line-height: .26rem
}

.merchant-fuli-title {
    width: 1.4rem;
    height: .28rem;
    margin-bottom: .08rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/merchant-fuli-title.png) no-repeat;
    background-size: 100% 100%
}

.merchant-privilege-title {
    width: 2.12rem;
    height: .28rem;
    margin-bottom: .08rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/merchant-privilege-title.png) no-repeat;
    background-size: 100% 100%
}

.merchant-fuli-item .tip-comp-freelist-content {
    margin-bottom: .08rem
}

.privilege-content-wrap {
    padding-left: .48rem
}

.privilege-page-title {
    padding-top: .34rem;
    width: 3.88rem;
    height: .78rem;
    margin: 0 0 0 .48rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/ktk-title.png) left bottom no-repeat;
    background-size: 100% .44rem
}

.privilege-desc {
    height: .86rem;
    padding: .14rem 0;
    margin: .1rem 1.32rem .2rem .48rem;
    font-size: .2rem;
    line-height: .28rem;
    color: #FFFFFF;
    word-break: break-all
}

.privilege-desc a {
    color: #B5DDDE;
    padding-right: .14rem
}

.privilege-tip {
    font-size: .18rem;
    line-height: .26rem;
    color: #FFFFFF;
    text-shadow: 0.5px 0.5px 0 rgba(0, 0, 0, 0.3)
}

.privilege-tip a {
    color: #CBFEFF;
    padding-right: .14rem
}

.privilege-page-main {
    height: calc(100vh - 2.68rem);
    margin-right: 1.32rem;
    overflow-y: auto
}

.privilege-page-main .fx1 {
    display: flex;
    overflow: hidden
}

.privilege-page-main .privilege-info {
    position: relative
}

.privilege-page-main .privilege-store-info {
    flex: 1;
    padding-top: .04rem;
    padding-right: .08rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.privilege-page-main .privilege-store-info .merchant-empty-wrap {
    height: 100%
}

.privilege-page-main .privilege-store-info .merchant-empty-wrap p {
    margin-top: .3rem
}

.privilege-page-main .privilege-store-info .merchant-empty-wrap .merchant-empty-img {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/merchant-empty-guo.png) no-repeat center center;
    background-size: contain
}

.privilege-page-main .privilege-store-info .merchant-empty-wrap .merchant-empty-btn {
    display: none
}

.privilege-page-main .privilege-store-info.location-wrap .merchant-empty-img {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/merchant-empty-gun.png) no-repeat center center;
    background-size: contain
}

.privilege-page-main .privilege-store-info.location-wrap .merchant-empty-btn {
    display: block;
    margin: .24rem auto .4rem
}

.privilege-title-wrap {
    height: .5rem;
    margin-top: .18rem;
    padding-left: .28rem;
    background-image: linear-gradient(90deg, #B5DDDE 0%, rgba(145, 164, 213, 0.2) 35%)
}

.privilege-title {
    font-size: .22rem;
    line-height: .5rem;
    color: #212124;
    font-family: "MStiffHeiPRC"
}

.privilege-prize-detail {
    overflow-x: auto;
    overflow-y: hidden
}

.scorll-wrap {
    display: inline-flex
}

.privilege-prize-box {
    position: relative
}

.label-v2,
.label-v3 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.52rem;
    width: 1.04rem;
    height: 1.04rem;
    text-indent: -1000em;
    overflow: hidden;
    z-index: 10
}

.label-v2 {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/v2-masker.png) no-repeat;
    background-size: 100% 100%
}

.label-v3 {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/v3-masker.png) no-repeat;
    background-size: 100% 100%
}

.privilege-prize-item {
    position: relative;
    width: 1.8rem;
    height: 2.32rem;
    background: rgba(62, 74, 79, 0.8);
    box-shadow: inset 0 0 0 0.01rem rgba(255, 255, 255, 0.2), inset 0 0 0 0.01rem rgba(0, 0, 0, 0.2);
    overflow: hidden
}

.privilege-prize-item img {
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    padding: .06rem;
    margin: .34rem auto .3rem
}

.privilege-prize-item img.prize-border-img {
    width: 1.04rem;
    height: 1.04rem;
    padding: 0;
    margin: .2rem auto .22rem
}

.privilege-prize-item p {
    width: calc(100% - .02rem);
    height: .5rem;
    margin: 0 auto;
    font-size: .2rem;
    line-height: .42rem;
    color: #fcfcfc;
    text-align: center;
    background: rgba(33, 33, 36, 0.9);
    border-bottom: .08rem solid #9180fd
}

.privilege-prize-item .v1-tag {
    position: absolute;
    top: .06rem;
    right: .08rem;
    width: .36rem;
    height: .36rem;
    display: block;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icons/privilege-v1.png) no-repeat;
    background-size: 100% 100%
}

.privilege-prize-item .v2-tag {
    position: absolute;
    top: .06rem;
    right: .08rem;
    width: .36rem;
    height: .36rem;
    display: block;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icons/privilege-v2.png) no-repeat;
    background-size: 100% 100%
}

.privilege-prize-item .v3-tag {
    position: absolute;
    top: .06rem;
    right: .08rem;
    width: .36rem;
    height: .36rem;
    display: block;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/icons/privilege-v3.png) no-repeat;
    background-size: 100% 100%
}

.privilege-prize-item-msg {
    width: calc(100% - .02rem);
    height: .84rem;
    margin: 0 auto;
    background: rgba(33, 33, 36, 0.9);
    text-align: center;
    overflow: hidden
}

.privilege-prize-item-msg span {
    display: block;
    margin: .12rem 0 .06rem;
    font-size: .2rem;
    line-height: .3rem;
    color: #FCFCFC
}

.privilege-prize-item-msg em {
    display: block;
    font-size: .18rem;
    line-height: .2rem;
    color: #9DA2A6
}

.privilege-store-tip-wrap {
    position: relative;
    width: 100%;
    height: .3rem;
    overflow: hidden
}

.brand-info-scroll {
    padding-top: .4rem;
    overflow-x: hidden;
    overflow-y: auto
}

.privilege-frequency {
    position: absolute;
    right: .06rem;
    bottom: -.18rem;
    color: #CDD1D6;
    font-size: .16rem;
    line-height: .24rem
}

.good-page-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.good-page-content {
    position: relative;
    display: flex;
    flex: 1;
    margin: .14rem .16rem .2rem;
    padding: .26rem .14rem .4rem .44rem;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0 0 0.2rem 0 #b1bec6, inset 0 0 1rem 0 rgba(255, 255, 255, 0.11), inset 0 0 0 0 #fff;
    background: rgba(255, 255, 255, 0.07);
    overflow: hidden
}

.good-page-content::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid rgba(255, 255, 255, 0.33);
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none
}

.emoji-img-box {
    position: absolute;
    top: 1.96rem;
    left: .3rem;
    width: 8.22rem;
    height: 2.4rem;
    padding: .12rem .2rem .12rem .24rem;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10;
    background: #878b97
}

.emoji-img-list {
    width: 405px;
    font-size: 0
}

.emoji-img {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 32px;
    background-image: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/emoji-sprites.png);
    background-size: 45px auto;
    background-repeat: no-repeat
}

.emoji-img.emoji-img-1 {
    background-position: -10px -55px
}

.emoji-img.emoji-img-2 {
    background-position: -10px -100px
}

.emoji-img.emoji-img-3 {
    background-position: -10px -145px
}

.emoji-img.emoji-img-4 {
    background-position: -10px -190px
}

.emoji-img.emoji-img-5 {
    background-position: -10px -235px
}

.emoji-img.emoji-img-6 {
    background-position: -10px -280px
}

.emoji-img.emoji-img-7 {
    background-position: -10px -325px
}

.emoji-img.emoji-img-8 {
    background-position: -10px -370px
}

.emoji-img.emoji-img-9 {
    background-position: -10px -415px
}

.emoji-img.emoji-img-10 {
    background-position: -10px -460px
}

.emoji-img.emoji-img-11 {
    background-position: -10px -505px
}

.emoji-img.emoji-img-12 {
    background-position: -10px -550px
}

.emoji-img.emoji-img-13 {
    background-position: -10px -595px
}

.emoji-img.emoji-img-14 {
    background-position: -10px -640px
}

.emoji-img.emoji-img-15 {
    background-position: -10px -685px
}

.emoji-img.emoji-img-16 {
    background-position: -10px -730px
}

.emoji-img.emoji-img-17 {
    background-position: -10px -775px
}

.emoji-img.emoji-img-18 {
    background-position: -10px -820px
}

.emoji-img.emoji-img-19 {
    background-position: -10px -865px
}

.emoji-img.emoji-img-20 {
    background-position: -10px -910px
}

.emoji-img.emoji-img-21 {
    background-position: -10px -955px
}

.emoji-img.emoji-img-22 {
    background-position: -10px -1000px
}

.emoji-img.emoji-img-23 {
    background-position: -10px -1045px
}

.emoji-img.emoji-img-24 {
    background-position: -10px -1090px
}

.emoji-img.emoji-img-25 {
    background-position: -10px -1135px
}

.emoji-img.emoji-img-26 {
    background-position: -10px -1180px
}

.emoji-img.emoji-img-27 {
    background-position: -10px -1225px
}

.emoji-img.emoji-img-28 {
    background-position: -10px -1270px
}

.emoji-img.emoji-img-29 {
    background-position: -10px -1315px
}

.emoji-img.emoji-img-30 {
    background-position: -10px -1360px
}

.emoji-img.emoji-img-31 {
    background-position: -10px -1405px
}

.emoji-img.emoji-img-32 {
    background-position: -10px -1450px
}

.emoji-img.emoji-img-33 {
    background-position: -10px -1495px
}

.emoji-img.emoji-img-34 {
    background-position: -10px -1540px
}

.emoji-img.emoji-img-35 {
    background-position: -10px -1585px
}

.emoji-img.emoji-img-36 {
    background-position: -10px -1630px
}

.emoji-img.emoji-img-37 {
    background-position: -10px -1675px
}

.emoji-img.emoji-img-38 {
    background-position: -10px -1720px
}

.emoji-img.emoji-img-39 {
    background-position: -10px -1765px
}

.emoji-img.emoji-img-40 {
    background-position: -10px -1810px
}

.emoji-img.emoji-img-41 {
    background-position: -10px -1855px
}

.emoji-img.emoji-img-42 {
    background-position: -10px -1900px
}

.emoji-img.emoji-img-43 {
    background-position: -10px -1945px
}

.emoji-img.emoji-img-44 {
    background-position: -10px -1990px
}

.emoji-img.emoji-img-45 {
    background-position: -10px -2035px
}

.emoji-img.emoji-img-46 {
    background-position: -10px -2080px
}

.emoji-img.emoji-img-47 {
    background-position: -10px -2125px
}

.emoji-img.emoji-img-48 {
    background-position: -10px -2170px
}

.emoji-img.emoji-img-49 {
    background-position: -10px -2215px
}

.emoji-img.emoji-img-50 {
    background-position: -10px -2260px
}

.emoji-img.emoji-img-51 {
    background-position: -10px -2305px
}

.emoji-img.emoji-img-52 {
    background-position: -10px -2350px
}

.emoji-img.emoji-img-53 {
    background-position: -10px -2395px
}

.emoji-img.emoji-img-54 {
    background-position: -10px -2440px
}

.emoji-img.emoji-img-55 {
    background-position: -10px -2485px
}

.emoji-img.emoji-img-56 {
    background-position: -10px -2530px
}

.emoji-img.emoji-img-57 {
    background-position: -10px -2575px
}

.emoji-img.emoji-img-58 {
    background-position: -10px -2620px
}

.emoji-img.emoji-img-59 {
    background-position: -10px -2665px
}

.emoji-img.emoji-img-60 {
    background-position: -10px -2710px
}

.emoji-img.emoji-img-61 {
    background-position: -10px -2755px
}

.emoji-img.emoji-img-62 {
    background-position: -10px -2800px
}

.emoji-img.emoji-img-63 {
    background-position: -10px -2845px
}

.emoji-img.emoji-img-64 {
    background-position: -10px -2890px
}

.emoji-img.emoji-img-65 {
    background-position: -10px -2935px
}

.emoji-img.emoji-img-66 {
    background-position: -10px -10px
}

.dialog-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99
}

.subscription-merchant-content {
    position: relative;
    width: 13.34rem;
    height: 100%;
    margin: auto;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/subscription-bg.png) no-repeat center center;
    background-size: 100% auto;
    overflow: hidden
}

.subscription-merchant-close {
    position: absolute;
    right: 0;
    right: constant(safe-area-inset-right);
    right: env(safe-area-inset-right);
    top: 0;
    width: .8rem;
    height: .8rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/close-dialog.png) no-repeat center center;
    background-size: contain
}

.subscription-merchant-content-single {
    position: relative;
    width: 13.34rem;
    height: 100%;
    margin: auto;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/subscription-bg.png) no-repeat center center;
    background-size: 100% auto;
    overflow: hidden
}

.subscription-merchant-content-single .subscription-box {
    width: 8.4rem
}

.subscription-merchant-content-single .choiceness-card-scorllwrap {
    justify-content: center
}

.subscription-box {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 9rem;
    height: 4rem;
    margin-left: 22%
}

.choiceness-text-overlow-line1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.choiceness-cardbox {
    min-height: 3.6rem;
    padding-top: .7rem;
    margin-bottom: .1rem;
    overflow-x: auto
}

.choiceness-cardbox::-webkit-scrollbar {
    display: none
}

.choiceness-card-scorllwrap {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding-left: .24rem
}

.choiceness-card-item {
    position: relative;
    width: 2.4rem;
    height: 3.28rem;
    margin-right: .24rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/subscribe-inner-bg.png) no-repeat top center;
    background-size: 100% auto
}

.choiceness-card-goods_img {
    position: relative;
    top: -.22rem;
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    margin: auto;
    box-shadow: 0 2px 8px 0 rgba(97, 116, 168, 0.3);
    background: #fff;
    z-index: 2
}

.choiceness-card-goods_img img {
    width: 100%;
    height: 100%
}

.choiceness-card-store_logo {
    position: absolute;
    top: .8rem;
    left: 0;
    right: 0;
    display: block;
    width: .5rem;
    height: .5rem;
    margin: auto;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #cdd1d6;
    box-shadow: 0 0 .08rem #a4c1d9;
    z-index: 2
}

.choiceness-card-goods_name {
    width: 2.4rem;
    line-height: 1;
    font-size: .26rem;
    color: #212124;
    text-align: center;
    margin: .2rem auto 0;
    letter-spacing: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.choiceness-card-reducet {
    display: block;
    width: 2.4rem;
    color: #737a80;
    font-size: .22rem;
    text-align: center;
    line-height: 1;
    margin: .2rem auto 0;
    letter-spacing: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.choiceness-card-button_box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: .32rem
}

.choiceness-card-button {
    position: relative;
    display: inline-block;
    width: 1.72rem;
    height: .6rem;
    font-size: .22rem;
    color: #5a350a;
    line-height: .6rem;
    text-align: center;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/primary-large-btn-bg.png) no-repeat center center;
    background-size: contain
}

.choiceness-card-gary-button {
    position: relative;
    display: inline-block;
    width: 1.72rem;
    height: .6rem;
    font-size: .22rem;
    color: #6c6f70;
    line-height: .6rem;
    border: 0.01rem solid rgba(108, 111, 112, 0.3);
    text-align: center
}

.privilege-dialog-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/gp-privilage-bg.jpg) right top no-repeat;
    background-size: 100% 100%;
    z-index: 1100
}

.dialog-privilege-card-msg {
    position: relative;
    padding-right: .8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    z-index: 1
}

.dialog-privilege-card-msg h1 {
    width: 6.82rem;
    height: 2.2rem;
    margin-left: -.6rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/givecard-title.png) no-repeat;
    background-size: 100% 100%
}

.dialog-privilege-card-msg h2 {
    width: 6.82rem;
    height: 2.2rem;
    margin-left: -.6rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/givecard-title-old-user.png) no-repeat;
    background-size: 100% 100%
}

.dialog-privilege-card {
    width: 5.34rem;
    height: 3.2rem;
    margin-top: .48rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/privilegecard-dialog-card.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden
}

.dialog-privilege-card p {
    margin: 1.56rem 0 0 .48rem;
    font-size: .24rem;
    line-height: .4rem;
    font-family: "tencent";
    color: #fcfcfc
}

.dialog-privilege-card p span {
    color: #E6CF8A
}

.dialog-privilege-card-bg {
    position: absolute;
    left: 0;
    top: 2.3rem;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .18rem 0 0.8rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/givecard-bg-2.png) center top no-repeat;
    background-size: 100% 100%;
    z-index: 2
}

.dialog-privilege-card-detail {
    width: 13.34rem;
    margin: 0 auto
}

.dialog-privilege-card-title {
    width: 5.34rem;
    height: .4rem;
    margin-bottom: .48rem;
    padding-right: .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/givecard-bg-title.png) center top no-repeat;
    background-size: 100% 100%
}

.dialog-privilege-card-title p {
    margin-left: .40rem;
    font-size: .22rem;
    color: rgba(255, 255, 255, 0.72);
    letter-spacing: -1px
}

.dialog-privilege-card-title p span {
    color: #FFEBD7
}

.dialog-privilege-card-title a {
    font-size: .22rem;
    color: #FFEBD7
}

.privilege-v1-title {
    width: 1.16rem;
    height: .8rem;
    font-size: 0;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/privilegecard-list-title-1.png) no-repeat;
    background-size: 100% 100%
}

.privilege-v2-title {
    width: 1.16rem;
    height: .8rem;
    font-size: 0;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/privilegecard-list-title-2.png) no-repeat;
    background-size: 100% 100%
}

.dialog-privilege-list {
    display: flex;
    justify-content: center
}

.dialog-privilege-list-line {
    position: relative;
    display: flex;
    padding-left: .5rem
}

.dialog-privilege-list-line:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 2rem;
    background: rgba(46, 52, 56, 0.5)
}

.dialog-privilege-list-line:last-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 2rem;
    background: rgba(151, 151, 151, 0.5)
}

.dialog-privilege-v1-msg {
    display: flex;
    flex-wrap: wrap;
    width: 4.68rem;
    margin-left: .28rem
}

.dialog-privilege-v1-msg li {
    width: 1.4rem;
    margin: 0 .1rem .12rem 0
}

.dialog-privilege-v1-msg img {
    width: .84rem;
    height: .96rem;
    display: block;
    margin: 0 auto .08rem
}

.dialog-privilege-v1-msg p {
    text-align: center;
    color: #FCFCFC;
    font-size: .2rem;
    line-height: .24rem;
    letter-spacing: -1px
}

.dialog-privilege-v2-msg {
    display: flex;
    flex-wrap: wrap;
    width: 4.68rem;
    margin-left: .28rem
}

.dialog-privilege-v2-msg li {
    width: 1.2rem;
    margin: 0 .36rem .22rem 0
}

.dialog-privilege-v2-msg .v2-logo-box {
    position: relative;
    width: .76rem;
    height: .76rem;
    margin: 0 auto .1rem
}

.dialog-privilege-v2-msg .v2-logo-box:after {
    content: '';
    position: absolute;
    top: -.12rem;
    left: -.12rem;
    width: 1rem;
    height: 1rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/img-boder-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2
}

.dialog-privilege-v2-msg img {
    position: relative;
    width: .76rem;
    height: .76rem;
    display: block;
    z-index: 1
}

.dialog-privilege-v2-msg p {
    margin-top: .1rem;
    text-align: center;
    color: #FCFCFC;
    font-size: .2rem;
    line-height: .24rem;
    letter-spacing: -1px
}

.get-privilege-card-btn {
    width: 3.56rem;
    height: .68rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #5A350A;
    font-size: .26rem;
    line-height: .66rem;
    letter-spacing: 2px;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/givecard-btn.png) no-repeat;
    background-size: 100% 100%
}

.dialog-privilege-card-bottomtips {
    position: absolute;
    left: .34rem;
    bottom: 0.6rem;
    height: .8rem;
    display: flex;
    align-items: center
}

.dialog-privilege-card-bottomtips ul {
    position: relative;
    width: 3.88rem;
    height: .8rem;
    display: flex;
    align-items: center;
    padding: 0 .6rem 0 .96rem;
    margin-left: -.8rem;
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
    background-image: linear-gradient(90deg, rgba(181, 221, 222, 0.65) 50%, rgba(145, 164, 213, 0) 100%);
    z-index: 1
}

.dialog-privilege-card-bottomtips ul li {
    position: relative;
    display: flex;
    align-items: center;
    width: .64rem;
    height: .64rem;
    margin-right: .12rem;
    background: rgba(0, 0, 0, 0.3) url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/prizes-box.png) no-repeat;
    background-size: 100% 100%
}

.dialog-privilege-card-bottomtips ul li img {
    display: block
}

.dialog-privilege-card-bottomtips ul li span {
    position: absolute;
    z-index: 2
}

.dialog-privilege-card-bottomtips ul li span.label-30days {
    right: -.04rem;
    bottom: .06rem;
    width: .22rem;
    height: .42rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/time.png) no-repeat;
    background-size: 100% 100%
}

.dialog-privilege-card-bottomtips ul li span.label-number {
    right: .04rem;
    bottom: .04rem;
    display: block;
    color: #FCFCFC;
    font-size: .14rem;
    line-height: .16rem
}

.bottomtips-ball {
    position: relative;
    width: .8rem;
    height: .8rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/giftfornew.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2
}

.prizes-open {
    animation: open .5s ease
}

@keyframes open {
    0% {
        width: 0
    }

    100% {
        width: 3.88rem
    }
}

.privilege-dialog-zoomin {
    -webkit-animation: scaleBig .6s linear both;
    animation: scaleBig .6s linear both
}

@-webkit-keyframes scaleBig {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleBig {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.privilege-dialog-fadeout {
    -webkit-animation: dialogslideOutLeft .5s linear both;
    animation: dialogslideOutLeft .5s linear both
}

@keyframes dialogslideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.card-dialog-part-one {
    position: relative;
    width: 100vw;
    height: 100vh
}

@keyframes maskerzoomIn {
    from {
        top: 2.32rem;
        left: 100%;
        margin: 0
    }

    to {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.card-masker-1 {
    position: absolute;
    left: 0;
    width: 100vw;
    height: 100vh;
    -webkit-animation: maskerzoomIn .8s linear both;
    animation: maskerzoomIn .8s linear both;
    z-index: 1;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/open-card-animate.jpg) center center no-repeat;
    background-size: auto 100%
}

@keyframes lightingzoomIn {
    0% {
        opacity: 0;
        transform: scale(0.2);
        transform-origin: center
    }

    10% {
        opacity: 1
    }

    100% {
        transform: scale(8);
        transform-origin: center
    }
}

.card-masker-lighting {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5.62rem 0 0 -3.78rem;
    width: 7.56rem;
    height: 11.25rem;
    display: block;
    z-index: 2;
    -webkit-animation: lightingzoomIn .6s 1s linear both;
    animation: lightingzoomIn .6s 1s linear both
}

.card-dialog-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1200
}

@keyframes cardzoomIn {
    0% {
        opacity: 0;
        transform: scale(8)
    }

    10% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        transform-origin: center
    }
}

.card-dialog-part-two {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/open-card-bg.jpg) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: cardzoomIn .6s linear both;
    animation: cardzoomIn .6s linear both;
    overflow: hidden
}

.card-dialog-part-two .merchant-default-btn-m {
    color: #5A350A;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/btn/btn-primary-m.png) no-repeat;
    background-size: 100% 100%;
}

.card-dialog-part-two .merchant-primary-btn-m {
    color: #CDD1D6;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/btn/btn-default-m.png) no-repeat;
    background-size: 100% 100%;
}

.card-dialog-close {
    position: absolute;
    top: .2rem;
    right: .24rem;
    width: .66rem;
    height: .62rem;
    display: block;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/close.png) center center no-repeat;
    background-size: .44rem .42rem;
    z-index: 200
}

.card-dialog-title {
    width: 13rem;
    height: 1.04rem;
    margin: .28rem 0 .48rem;
    padding-left: 1.68rem;
    background-image: linear-gradient(270deg, rgba(128, 128, 128, 0) 1%, rgba(0, 0, 0, 0.5) 86%)
}

.card-dialog-title p {
    font-size: .56rem;
    line-height: 1.04rem;
    font-family: 'TGPBold';
    font-weight: normal;
    background: linear-gradient(to bottom, #fdfbda, #d7b9a0);
    -webkit-background-clip: text;
    color: transparent
}

.card-dialog-title span {
    font-size: .72rem;
    color: #ffd200
}

.card-center {
    width: 9.2rem;
    height: 6.8rem;
    padding: 2.86rem 0 0 2.1rem;
    margin: -1.64rem auto -1.2rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/open-card-bg-2.png) no-repeat;
    background-size: 100% 100%
}

.card-center .levelup-tips {
    font-size: .2rem;
    line-height: .28rem;
    text-shadow: 0 0 1px #333
}

.card-bottom-bar {
    margin-top: .86rem;
    display: flex;
    align-items: center
}

.card-bottom-tips {
    height: .36rem;
    margin-bottom: .06rem;
    font-size: .22rem;
    line-height: .36rem;
    text-align: center;
    color: #3E4A4F
}

.signup-dialog-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.75);
    z-index: 100
}

.signup-tips-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6.14rem;
    height: 4.54rem;
    margin: -2.27rem 0 0 -3.07rem;
    padding-top: 3.06rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/signup-success.png) no-repeat;
    background-size: 100% 100%
}

.signup-tips-box p {
    font-size: .32rem;
    line-height: .40rem;
    color: #DDB353;
    text-align: center
}

.signup-tips-zoomout {
    animation: signup-zoomOutLeft .5s linear both;
    -webkit-animation: signup-zoomOutLeft .5s linear both
}

@keyframes signup-zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-18rem, 20rem, 0);
        transform: scale(0.1) translate3d(-18rem, 20rem, 0);
        -webkit-transform-origin: left left;
        transform-origin: left left
    }
}

.levelup-dialog-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/levelup-dialog-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: 100
}

.levelup-dialog-wrap .share-btn-box {
    margin-top: 0.4rem
}

.levelup-dialog-wrap .share-btn-box a {
    margin: 0 .2rem
}

.levelup-dialog-wrap .share-btn-box a.merchant-default-btn-m {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/btn/btn-unavailable-m.png) no-repeat;
    background-size: 100% 100%
}

.levelup-dialog-wrap .swiper-wrapper {
    width: 3.84rem;
    margin: 0 auto
}

.levelup-dialog-wrap .swiper-pagination {
    width: 100%;
    bottom: .12rem
}

.levelup-dialog-wrap .swiper-pagination-bullet {
    width: .12rem;
    height: .1rem;
    transform: skew(-30deg);
    background: rgba(210, 216, 220, 0.3)
}

.levelup-dialog-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .2rem;
    background: #B5DDDE
}

.title-level {
    position: absolute;
    top: .36rem;
    left: 50%;
    width: 8.96rem;
    height: 1.6rem;
    margin-left: -4.48rem;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/title-levelup.png) no-repeat;
    background-size: 100% 100%
}

.levelup-dialog {
    position: relative;
    width: 4.26rem;
    margin: 1.96rem auto 0;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/levelup-bg.png) center bottom no-repeat;
    background-size: 4.26rem 3.84rem
}

.levelup-card-box {
    position: relative;
    width: 3.9rem;
    height: 2.34rem;
    margin: 0 auto;
    padding: .28rem 0 0 .32rem;
    z-index: 0;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/card-v1.png) no-repeat;
    background-size: 100% 100%
}

.levelup-card-box .card-number {
    margin-top: .12rem;
    font-size: .12rem;
    line-height: .2rem;
    color: #737A80;
    font-family: "TGPBold"
}

.levelup-card-box.card-v1:before {
    content: '';
    width: 1.56rem;
    height: .3rem;
    display: block;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/title-v1.png) no-repeat;
    background-size: 100% 100%
}

.levelup-card-box.card-v2:before {
    content: '';
    width: 1.56rem;
    height: .3rem;
    display: block;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/title-v2.png) no-repeat;
    background-size: 100% 100%
}

.levelup-card-box.card-v3:before {
    content: '';
    width: 1.56rem;
    height: .3rem;
    display: block;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/title-v3.png) no-repeat;
    background-size: 100% 100%
}

.levelup-numer {
    position: absolute;
    top: 0.28rem;
    left: 1.9rem;
    width: .32rem;
    height: .2rem;
    overflow-y: hidden
}

.levelup-numer.number-v1 {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/levelup-numer-1.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 -.44rem
}

.levelup-numer.number-v2 {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/levelup-numer-1.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 -.22rem;
    animation: numberChange-v2 .5s linear both;
    -webkit-animation: numberChange-v2 .5s linear both
}

.levelup-numer.number-v3 {
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/levelup-numer-1.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    animation: numberChange-v3 .5s linear both;
    -webkit-animation: numberChange-v3 .5s linear both
}

.levelup-tips {
    margin-top: .08rem;
    font-size: .16rem;
    line-height: .34rem;
    font-family: "tencent";
    color: #fcfcfc
}

.levelup-tips span {
    color: #E6CF8A
}

.levelup-detail {
    position: relative;
    width: 4.16rem;
    height: 2.8rem;
    margin: -1.2rem auto 0;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/levelup-masker.png) no-repeat;
    background-size: 100% auto;
    z-index: 2
}

.levelup-detail-title {
    width: 3.24rem;
    padding: .52rem 0 .12rem .22rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    font-size: .2rem;
    line-height: .34rem;
    color: #FFEBD7
}

.levelup-detail-title a {
    color: #FFEBD7
}

.levelup-msg {
    position: relative;
    width: 1.22rem;
    display: inline-block;
    vertical-align: middle
}

.levelup-msg:after {
    content: '';
    position: absolute;
    top: .24rem;
    right: 0;
    width: 1px;
    height: .4rem;
    background: rgba(115, 122, 128, 0.5)
}

.levelup-msg:nth-child(3):after {
    content: '';
    background: transparent
}

.levelup-msg img {
    width: .64rem;
    height: .64rem;
    margin: 0 auto .12rem;
    display: block
}

.levelup-msg p {
    font-size: .2rem;
    line-height: .24rem;
    color: #FCFCFC;
    text-align: center
}

.levelup-msg span {
    display: block;
    font-size: .16rem;
    line-height: .2rem;
    color: #737A80;
    text-align: center
}

.levelup-msg.v2-lock:before {
    content: '';
    position: absolute;
    top: 0;
    left: .28rem;
    width: .64rem;
    height: .64rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/v2-masker.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.levelup-msg.v3-lock:before {
    content: '';
    position: absolute;
    top: 0;
    left: .28rem;
    width: .64rem;
    height: .64rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/v3-masker.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.levelup-light {
    position: absolute;
    top: 0.18rem;
    left: 2.04rem;
    max-width: 12rem;
    display: block;
    animation: lightzoomIn .5s ease-in both;
    -webkit-animation: lightzoomIn .5s ease-in both;
    z-index: 10
}

@keyframes numberChange-v2 {
    0% {
        background-position: 0 -.44rem
    }

    100% {
        background-position: 0 -.22rem
    }
}

@keyframes numberChange-v3 {
    0% {
        background-position: 0 -.22rem
    }

    100% {
        background-position: 0 0
    }
}

@keyframes lightzoomIn {
    0% {
        width: 0.4rem;
        height: 0.4rem
    }

    100% {
        top: -66%;
        left: -22%;
        width: 6rem;
        height: 6rem;
        transform-origin: center
    }
}

@media screen and (min-width: 720px) {
    .dialog-privilege-card-msg h2 {
        transform: scale(0.89)
    }

    .dialog-privilege-card {
        transform: scale(0.89);
        margin-top: .36rem
    }

    .dialog-privilege-card-bg {
        top: 2.3rem;
        padding: .12rem 0 0.4rem
    }

    .dialog-privilege-card-bottomtips {
        bottom: 0.3rem
    }

    .dialog-privilege-card-title {
        transform: scale(0.89);
        margin-bottom: 0
    }

    .dialog-privilege-card-title p {
        margin-left: .36rem
    }

    .dialog-privilege-list {
        transform: scale(0.89)
    }

    .dialog-privilege-v1-msg li {
        margin: 0 0.1rem 0 0;
    }

    .levelup-dialog-wrap .title-level {
        transform: scale(0.89);
        transform-origin: center
    }

    .levelup-dialog-wrap .levelup-dialog {
        transform: scale(0.89);
        transform-origin: center;
        margin: 1.66rem auto 0
    }

    .levelup-dialog-wrap .share-btn-box {
        margin-top: 0.2rem
    }

}

.share-dialog-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1300
}

.share-dialog-close {
    position: absolute;
    top: -.12rem;
    right: -.72rem;
    width: .56rem;
    height: .56rem;
    display: block;
    text-indent: -1000em;
    overflow: hidden;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/dialog-close-white.png) center center no-repeat;
    background-size: .32rem .32rem
}

.share-dialog {
    position: relative;
    width: 8.82rem;
    height: 5.4rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/share-dialog-bg.png) center center no-repeat;
    background-size: 100% 100%
}

.share-content {
    position: relative;
    padding: .3rem
}

.share-content-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.share-content-topbar span {
    font-size: .18rem;
    color: #000619;
    line-height: .32rem
}

.share-content-topbar em {
    font-family: "TGPBold";
    font-size: .2rem;
    color: #000619;
    line-height: .32rem
}

.share-textarea {
    position: relative;
    font-size: 0
}

.share-textarea textarea {
    width: 100%;
    height: 1.24rem;
    padding: .12rem;
    background: rgba(134, 139, 152, 0.6);
    font-size: .22rem;
    color: #000619;
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei UI, Arial, Tahoma
}

.share-textarea .emoji-btn {
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    width: .34rem;
    height: .34rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/icon-smile.png) no-repeat;
    background-size: 100% 100%;
    z-index: 10
}

.share-img-list {
    height: 2.4rem;
    padding-top: .16rem;
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: auto
}

.share-img-list li {
    margin: 0 .16rem .16rem 0;
    width: 2.4rem;
    flex-shrink: 0;
    overflow: hidden
}

.share-img-list li img {
    width: 2.4rem;
    display: block
}

.share-content-bottombar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row
}

.share-content-bottombar .icon-help {
    width: 0.25rem;
    height: 0.25rem;
    margin-left: .08rem;
    display: block;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/icon-help.png) no-repeat;
    background-size: 100% 100%
}

.content-left p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: .22rem;
    line-height: .28rem;
    color: #000619
}

.content-left p:first-child {
    margin-bottom: .12rem
}

.content-left .van-radio__label {
    font-size: .22rem;
    line-height: .28rem;
    color: #000619;
    margin-left: .12rem
}

.content-left .van-radio__icon {
    padding-top: .06rem
}

.content-left .van-radio__icon .van-icon {
    width: .28rem;
    height: .28rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/checkbox.png) no-repeat;
    background-size: 100% 100%;
    border: 0 none
}

.content-left .van-radio__icon.van-radio__icon--checked .van-icon {
    width: .28rem;
    height: .28rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/checked.png) no-repeat;
    background-size: 100% 100%
}

.content-left .van-radio__icon .van-icon-success:before {
    content: ''
}

.content-left .van-checkbox__label {
    font-size: .2rem;
    line-height: .28rem;
    color: #000619;
    margin-left: .12rem
}

.content-left .van-checkbox {
    margin-left: .24rem
}

.content-left .van-checkbox__icon {
    padding-top: .1rem
}

.content-left .van-checkbox__icon .van-icon {
    position: relative;
    width: .2rem;
    height: .2rem;
    border-radius: 100%;
    border: 1px solid #000619;
    background: transparent
}

.content-left .van-checkbox__icon .van-icon-success:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .14rem;
    height: .14rem;
    border-radius: 100%;
    background: #e76700
}

.radio-wrap,
.checkbox-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

.radio-wrap {
    margin-left: .2rem
}

.content-left input[type="radio"] {
    position: relative;
    width: .2rem;
    height: .2rem;
    margin-right: .08rem;
    border-radius: 100%;
    border: 1px solid #000619;
    -webkit-appearance: none;
    appearance: none;
    background: transparent
}

.content-left input[type="radio"]:checked:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .16rem;
    height: .16rem;
    border-radius: 100%;
    background: #e76700
}

.content-left input[type="checkbox"] {
    position: relative;
    width: .28rem;
    height: .28rem;
    margin-right: .08rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/checkbox.png) no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    -webkit-appearance: none;
    appearance: none
}

.content-left input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .28rem;
    height: .28rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/checked.png) no-repeat;
    background-size: 100% 100%
}

.content-left input[type="checkbox"]:disabled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .28rem;
    height: .28rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/v2.0/disable.png) no-repeat;
    background-size: 100% 100%
}

.hide {
    display: none
}

.g-fl {
    float: left
}

.g-fr {
    float: right
}

.flex {
    display: flex;
    flex-flow: row inwrap;
    justify-content: flex-start
}

.c:before,
.c:after {
    content: "";
    display: table
}

.c:after {
    clear: both
}

.c {
    zoom: 1
}

.flex {
    display: flex;
    flex-flow: row inwrap;
    justify-content: flex-start
}

.flex.spb {
    justify-content: space-between
}

.t {
    text-indent: -9999rem;
    display: block
}

.guide-line {
    position: absolute;
    right: -.18rem;
    top: -0.06rem;
    width: 2.52rem;
    height: .61rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/zy1.png) no-repeat center;
    background-size: 2.52rem auto
}

.guide-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 200
}

.guide-de-img {
    position: relative
}

.one-guide {
    width: 8.42rem;
    position: absolute;
    left: 4.58rem;
    top: 1.58rem
}

.l-man-j {
    width: 3.73rem;
    height: 1.58rem;
    background-size: 3.75rem auto;
    position: relative
}

.l-man-j i {
    width: .5rem;
    height: .24rem;
    background: #f4ede8;
    color: #98a9d6;
    font-size: .16rem;
    text-align: center;
    line-height: .24rem;
    border: 1px solid #fbf9f7;
    position: absolute;
    left: -0.02rem;
    top: -0.02rem
}

.l-get-box {
    width: 2.86rem;
    height: 1.58rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/l-one-bg.jpg) no-repeat center;
    background-size: 2.86rem auto
}

.up-st {
    padding: .18rem 0 .06rem .14rem;
    box-sizing: border-box
}

.up-st img {
    width: .8rem;
    height: .76rem
}

.st-title {
    margin-left: .12rem;
    line-height: .285rem
}

.st-title p {
    font-size: .18rem
}

.st-title h3 {
    font-size: .24rem;
    color: #d2792a
}

.st-title span {
    color: #7b8187;
    font-size: .18rem
}

.st-title p,
.st-title h3,
.st-title span {
    width: 1.8rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bt-jd-box {
    height: .54rem
}

.bt-jd-box a {
    width: 1.13rem;
    height: .54rem;
    display: block
}

.jd-font {
    width: 1.73rem;
    padding-left: .14rem;
    font-size: .16rem;
    line-height: .54rem;
    color: #d2d8dc;
    letter-spacing: -1px
}

.bt-jd-box a img {
    width: 100%;
    height: 100%
}

.r-q-hou {
    width: .88rem;
    height: 1.58rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/r-one-bg.png) no-repeat center;
    background-size: 100% 100%;
    padding: 0 .06rem;
    box-sizing: border-box
}

.q-hou-img {
    width: .58rem;
    height: .58rem;
    background: #d2d3db;
    overflow: hidden;
    text-align: center;
    margin: .05rem auto
}

.q-hou-img img {
    width: .58rem;
    height: .58rem;
    display: block
}

.q-hou p {
    max-height: .4rem;
    margin-top: .1rem;
    font-size: .16rem;
    color: #737a80;
    line-height: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mj-box-wrap {
    align-items: center
}

.mj-box-wrap>span {
    width: 1.21rem;
    height: .51rem;
    display: block;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/zy.png) no-repeat center;
    background-size: 1.21rem auto;
    position: absolute;
    bottom: -.22rem;
    right: 0
}

.q-box-wrap {
    width: 4.59rem;
    height: 2.73rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/get-bg.png) no-repeat center;
    background-size: 4.59rem auto
}

.q-box-wrap ul {
    margin-left: 1.17rem;
    margin-top: 1.64rem
}

.dj-wrap-box {
    width: 2.95rem
}

.dj-wrap-box li i {
    width: .72rem;
    height: .64rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/dj-bg.png) no-repeat center;
    background-size: .72rem auto;
    display: block;
    margin: 0 auto;
    text-align: center
}

.dj-wrap-box li i img {
    width: .53rem;
    height: .48rem;
    margin: 0.11rem auto 0
}

.dj-wrap-box li p {
    font-size: .2rem;
    color: #474d65;
    margin-top: .06rem
}

.next-tips {
    position: fixed;
    right: .2rem;
    bottom: .2rem;
    font-size: .18rem;
    color: #ffffff
}

.next-tips i {
    width: .14rem;
    height: .12rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/next.png) no-repeat center;
    background-size: .14rem auto;
    display: inline-block;
    vertical-align: middle
}

.two-guide {
    position: absolute;
    left: .26rem;
    top: 2.76rem;
    width: 8.81rem
}

.two-guide .guide-line {
    top: 3.48rem;
    left: 1.8rem
}

.l-qx-warp {
    width: 4.15rem;
    height: 4.32rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/two-bg-img.png) no-repeat center;
    background-size: 100% 100%
}

.qx-warp-box {
    line-height: .46rem
}

.qx-warp-box span {
    line-height: .46rem;
    font-size: .2rem;
    width: 2.35rem;
    text-align: center;
    color: #ffebd7;
    display: inline-block
}

.qx-warp-box a {
    width: .84rem;
    height: .47rem;
    line-height: .47rem;
    text-align: center;
    display: inline-block;
    color: #ffebd7;
    margin-left: .1rem;
    font-size: .2rem
}

.wrap-item {
    padding: .18rem .35rem .24rem .35rem;
    box-sizing: border-box
}

.wrap-item ul {
    flex-wrap: wrap
}

.wrap-item ul li {
    position: relative;
    width: 1rem;
    text-align: center;
    margin-bottom: .15rem
}

.wrap-item ul li p {
    font-size: .16rem;
    color: #6d7379;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wrap-item ul li.v2-lock:before {
    content: '';
    position: absolute;
    top: 0;
    left: .18rem;
    width: .64rem;
    height: .64rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/v2-masker.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.wrap-item ul li.v3-lock:before {
    content: '';
    position: absolute;
    top: 0;
    left: .18rem;
    width: .64rem;
    height: .64rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/0616/v3-masker.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.wrap-item ul h3 {
    font-size: .2rem;
    color: #fff
}

.wrap-item ul img {
    width: .63rem;
    height: .63rem;
    margin: 0 auto;
    border-radius: 100%
}

.qx-warp-btm a {
    position: absolute;
    bottom: -.06rem;
    left: .02rem;
    width: 2.16rem;
    display: block
}

.qx-warp-btm a i {
    position: absolute;
    right: .09rem;
    top: -0.1rem;
    min-width: .85rem;
    max-width: 1.4rem;
    height: .32rem;
    display: block;
    border: 1px solid #99927f;
    background: #2e3438;
    border-radius: .5rem;
    font-size: .18rem;
    text-align: center;
    color: #eadab1;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.qx-warp-btm a img {
    width: 100%
}

.r-qx-warp {
    width: 4.52rem;
    height: 2.66rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/guide/gzj-img.png) no-repeat center;
    background-size: 4.52rem auto;
    margin-top: 1.58rem
}

.r-qx-nei {
    width: 2.89rem;
    margin-left: 1.34rem;
    text-align: center
}

.r-qx-nei h3 {
    color: #c9d2e1;
    padding-left: .22rem;
    padding-top: .16rem
}

.r-qx-nei span {
    color: #ffe69d
}

.r-qx-nei img {
    margin-top: .25rem
}

.bt-jd-box {
    margin-top: -0.02rem
}

@media (min-width: 750px) and (max-width: 890px) and (orientation: landscape) {
    .ios-guide .two-guide {
        left: 1.12rem;
        top: 2.4rem
    }

    .l-qx-warp {
        transform: scale(0.89);
        transform-origin: top left
    }
}

@media (min-width: 750px) and (orientation: landscape) {
    .ios-guide .one-guide {
        left: 5.44rem
    }

    .ios-guide .two-guide {
        left: 2rem
    }
}

@media (min-width: 891px) and (orientation: landscape) {
    .ios-guide .one-guide {
        left: 5.46rem
    }

    .ios-guide .two-guide {
        left: 1.16rem;
        top: 2.82rem
    }

    .l-qx-warp {
        transform: scale(1)
    }
}

@media (min-width: 781px) and (min-height: 376px) and (orientation: landscape) {
    .benefit-name {
        font-size: .28rem
    }

    .benefit-brand {
        font-size: .2rem;
        line-height: .2rem
    }

    .benefit-condition {
        font-size: .2rem;
        line-height: .2rem
    }

    .close-page:after {
        content: '';
        position: absolute;
        top: 0;
        right: -.9rem;
        width: .9rem;
        height: .6rem;
        background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/close-btn-shadow.png) no-repeat center center;
        background-size: 100% auto
    }

    .close-page.fix-top-right {
        right: .84rem
    }

    .col-sidebar-wrap:after {
        content: '';
        position: absolute;
        top: 0;
        right: -.9rem;
        width: .9rem;
        height: 100%;
        background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/ipx-col-sider-shadow-2.png) no-repeat;
        background-size: 100% 100%
    }

    .disclaimer-wrap {
        color: #343740
    }
}

@media (min-width: 750px) and (max-width: 881px) and (orientation: landscape) {
    .merchant-privilege-wrap {
        transform: scale(0.89);
        transform-origin: top center
    }
}

@media screen and (aspect-ratio: 2 / 1) {
    .merchant-privilege-wrap {
        transform: scale(0.89);
        transform-origin: top center
    }
}

@media screen and (max-width: 820px) and (max-height: 360px) {
    .card-center {
        width: 8.2rem;
        height: 6.05rem;
        padding: 2.55rem 0 0 1.87rem;
        margin: -1.64rem auto -1.2rem;
        background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/dialog/open-card-bg-2.png) no-repeat;
        background-size: 100% 100%
    }
}

@media (min-width: 882px) and (orientation: landscape) {
    .merchant-privilege-wrap {
        background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/index-privilege-bg.png) center 0.82rem no-repeat;
        background-size: 4.26rem 5.9rem
    }

    .merchant-privilege-list {
        height: 4.86rem
    }

    .privilege-item {
        margin: 0 .03rem .02rem
    }

    .merchant-privilege-content {
        height: 3.3rem
    }
}

.brand-info-list .brand-info-empty {
    margin-bottom: .12rem;
}

.brand-info-list .brand-info-scroll {
    display: flex;
    flex-wrap: wrap;
}

.brand-info-list .brand-info-item {
    width: calc(25% - .16rem) !important;
    flex-shrink: 0;
    margin: 0 .16rem .32rem 0 !important;
}

.brand-info-list .brand-info-item:nth-child(4n) {
    margin-right: 0;
}

.local-wrap {
    padding: .1rem .3rem .1rem 0;
    margin-bottom: .08rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
}

.local-wrap .local-tips {
    display: flex;
    align-items: center;
}

.local-wrap .close-local {
    width: .54rem;
    height: .4rem;
    margin: 0 .18rem;
    background: url(https://image-1251917893.file.myqcloud.com/igame/match/gp/ring-match/images/vertical/btn-close-m_white.png) 0.12rem center no-repeat;
    background-size: .2rem .2rem;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.local-wrap .local-btn {
    width: 1.08rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .22rem;
    color: #5A350A;
    text-align: center;
    background: url(https://image-1251917893.file.myqcloud.com/tip-privilege-Merchant/gp2.0/img/card/btn-primary-s.png) no-repeat;
    background-size: 100% 100%;
}

.local-wrap p {
    color: #fff;
    font-size: .2rem;
    line-height: .4rem;
}

/* 设置提示 */
.setting-tips {
  width: 7.92rem;
  height: .6rem;
  padding: 0 .02rem;
  position: fixed;
  top: .4rem;
  left: 50%;
  margin-left: -3.96rem;
  background: rgba(33, 33, 36, 0.9);
  z-index: 50;
}
.setting-tips span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  color: #FCFCFC;
  font-size: .24rem;
  line-height: .6rem;
}
.setting-tips span::before {
  content: '';
  width: 1px;
  height: .54rem;
  background: rgba(252, 252, 252, 0.9);
}
.setting-tips span::after {
  content: '';
  width: 1px;
  height: .54rem;
  background: rgba(252, 252, 252, 0.9);
}

/*春节活动入口*/
.tip-act-package {
	position: fixed;
	right: 2rem;
	bottom: 1rem;
	width: 1.24rem;
	height: 1.19rem;
    font-size: 0;
    animation: heartbeat 1.6s linear infinite;
	/* background: url("https://image-1251917893.file.myqcloud.com/2023/gpSpring/img/h/btn-package.png") 0 0/100% no-repeat; */
    background-repeat: no-repeat;
	background-size: contain;
	z-index: 50;
}
/*四排节活动入口*/
.sp-enterlink {
    width: .8rem;
    height: .97rem;
    position: fixed;
    right: 2rem;
    bottom: 1rem;
    animation: heartbeat 1.6s linear infinite;
    z-index: 50;
    background: url(https://image-1251917893.file.myqcloud.com/igame/match/gp/ringMatch_sp/2022sp-ani.png) no-repeat;
    background-size: 100% 100%;
}
@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
/*# sourceMappingURL=index.css.map */