.pay-container .van-loading {
    padding: 2.66667vw 0;
    text-align: center
}

.weui-tab {
    text-align: center
}

.weui-tab .weui-navbar {
    margin: 0 2.66667vw;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent !important;
    position: inherit;
}

.weui-tab .weui-navbar__item {
    padding: 4.26667vw 2.66667vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin-right: 4vw
}

.weui-tab .weui-navbar__item .weui-navbar__title {
    display: inline-block;
    font-size: 4vw;
    max-width: 8em;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #7d7e80
}

.weui-tab .weui-navbar__item.weui-bar__item_on {
    font-weight: 700;
    background-color: transparent !important;
}

.weui-tab .weui-navbar__item.weui-bar__item_on .weui-navbar__title {
    position: relative;
    z-index: 1;
    font-size: 4.53333vw;
    color: #333
}

.weui-tab .weui-navbar__item.weui-bar__item_on .weui-navbar__title:after {
    content: "";
    position: absolute;
    bottom: .53333vw;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1.6vw;
    border-radius: 1.6vw;
    background: #ff627e;
    z-index: -1
}
.weui-navbar__item::after {
    border: none !important;
   
}
.weui-navbar__item.weui-bar__item_on, .weui-navbar__item:active {
    background-color: transparent !important;
}
.vip-wrapper,
.custom-wrapper {
    padding-bottom: 39.46667vw
}

.vip-notice {
    border-radius: 1.06667vw;
    background-color: #fff;
    margin: 0 4vw;
    color: #ff6681
}

.vip-main-mod .vip-prod-box {
    margin-bottom: 5.33333vw;
    position: relative;
    z-index: 1
}

.vip-main-mod .vip-mod {
    padding: 1.33333vw 4vw
}

.vip-main-mod .vip-mod .vip-title {
    padding: 3.73333vw 0 0
}

.vip-main-mod .vip-mod .vip-title em {
    font-size: 4.8vw;
    line-height: 1.2;
    font-weight: 700;
    color: #000
}

.vip-main-mod .vip-mod .title em {
    font-size: 4.26667vw;
    line-height: 1.2;
    font-weight: 700
}

.vip-products {
    margin-bottom: 4vw;
    position: relative;
    z-index: 10
}

.vip-products .product-list {
    margin-bottom: 2.66667vw
}

.vip-products .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #fff;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #e3e3e3;
    padding: 4vw;
    border-radius: 2.66667vw;
    margin-top: 4vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vip-products .item.action {
    background-color: #ff677d14;
    border: 1px solid #ff677d
}

.vip-products .item .part-left {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    position: relative;
    padding-right: 6.66667vw
}

.vip-products .item .part-left .title {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    max-width: 100%
}

.vip-products .item .part-left .title em {
    color: #333
}

.vip-products .item .part-left .promotion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1.6vw;
    color: #999;
    font-size: 3.2vw;
    max-width: 100%;
    overflow-x: visible !important
}

.vip-products .item .part-left .promotion .desc {
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.vip-products .item .price-area {
    position: relative;
    text-align: right
}

.vip-products .item .price-area .price {
    font-size: 4.26667vw;
    color: #f60
}

.vip-products .item .price-area .price i {
    font-size: 4.8vw
}

.vip-products .item .price-area .origin-price {
    font-size: 3.2vw;
    color: #999;
    text-decoration: line-through
}

.vip-buy,
.vip-buy-new,
.mod-box-ft {
    position: fixed;
    bottom: calc(25.33333vw + env(safe-area-inset-bottom) / 5 * 3);
    left: 0;
    width: 100%;
    padding: 0 8vw;
    z-index: 999
}

.vip-buy .orderBottom,
.vip-buy-new .orderBottom,
.mod-box-ft .orderBottom {
    background: #333;
    width: 100%;
    height: 11.73333vw;
    line-height: 11.73333vw;
    border-radius: 11.73333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vip-buy .orderBottom .total,
.vip-buy-new .orderBottom .total,
.mod-box-ft .orderBottom .total {
    margin: 0 1.33333vw 0 4vw;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vip-buy .orderBottom .total .price,
.vip-buy-new .orderBottom .total .price,
.mod-box-ft .orderBottom .total .price {
    font-size: 4.26667vw;
    color: #fff
}

.vip-buy .orderBottom .total .dis,
.vip-buy-new .orderBottom .total .dis,
.mod-box-ft .orderBottom .total .dis {
    font-size: 3.2vw;
    color: #ff6681;
    margin-left: 1.33333vw
}

.vip-buy .orderBottom .doPay,
.vip-buy-new .orderBottom .doPay,
.mod-box-ft .orderBottom .doPay {
    background: #ff6681;
    padding: 0 4.8vw;
    color: #fff;
    border-radius: 11.73333vw
}

.vip-buy-new {
    bottom: calc(25.33333vw + env(safe-area-inset-bottom) / 5 * 3)
}

.vip-mod .content {
    font-size: 3.73333vw;
    line-height: 6.4vw;
    color: #b0b2bf;
    padding: 3.2vw 0 2.66667vw;
    text-align: justify;
    text-justify: inter-ideograph
}

.vip-mod .content img {
    max-width: 100%
}

.mod-box-ft .btn {
    width: 100%;
    height: 11.73333vw;
    line-height: 11.73333vw;
    background: #ff6681;
    font-size: 3.73333vw;
    color: #fff;
    border-radius: 11.73333vw
}

.icon-volume {
    display: inline-block;
    width: 4vw;
    height: 4vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABwklEQVRIS7WWsWsUQRTGf28gJpIrFSy0CRaGFGJAGxWxtFHSCHeoCN7NxkBstJJwtztphSCCeCcYbEQRglZ2FqIg6J9gpVWwFgzqfnIXEL27ZPe83enn+72ZN+/7xhhxaTEcI9U6cAhjydqtZ7tJ2Cj68sGD7gJT2/ts0zrNA2MDdPnWNHsrD8Au9YtZp7VrkZknUH11Fpc+B+aGVToWQD6ugbWByk7X0A9QFDaQjvBj4oyt3/469ARaXp5ka98acD2rRwMAn3wBDoKeWieumq7GU0y4Gk77/4iJi8B8lnivzX09UBSuID0GUlJ32BQlG4iFPGJ5eiAwfPIJmAFWTD58B00WBejqyCd3gJvAK5NP9L/iw66oB4iSKuIJ8LkcgE/OAq8R38oB1MNpnN6AbZUDiJILiBfAZkmAsIK0inhXDqCRvMU4CawV/kx1LT6Bs/cYxi87Vfyg+fASdB74aJ3W8Z2sogoczTMfA1bRCE2cbpDaOXvY/DDc7Lr+tMfdA9WzIOPZ9bZx3Qem89r1QCBlVahGmMPUDZzZPGY3MqDnLUtxhZ+uDaoVHpl/C6oRFjF1g6jY0P8H4uN5sEd5vy2/AesVwqYaNhJpAAAAAElFTkSuQmCC) no-repeat;
    background-size: 4vw auto;
    margin-right: 2.66667vw
}

.custom-wrapper .content {
    line-height: 7.46667vw;
    margin: 0 5.33333vw
}

.custom-wrapper .content img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100% !important
}

.custom-wrapper .content video {
    width: 100% !important;
    height: auto
}

.custom-wrapper.abo .content {
    margin: 0
}

.custom-wrapper .img-case {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5.33333vw 3.46667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.custom-wrapper .img-case .public,
.custom-wrapper .img-case .privacy {
    width: 44.26667vw;
    height: 17.6vw;
    display: block
}

.custom-wrapper .img-case .public {
    padding-right: 1.33333vw
}

.custom-wrapper .img-case .privacy {
    padding-left: 1.33333vw
}

.custom-wrapper .img-case .public-text,
.custom-wrapper .img-case .privacy-text {
    position: absolute;
    top: 3.46667vw
}

.custom-wrapper .img-case .public-text .num,
.custom-wrapper .img-case .privacy-text .num {
    font-size: 5.33333vw;
    font-family: Arial-BoldMT, Arial;
    font-weight: 400;
    color: #272d39;
    line-height: 6.13333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.custom-wrapper .img-case .public-text .public-info,
.custom-wrapper .img-case .privacy-text .public-info {
    height: 4.53333vw;
    font-size: 3.2vw;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 4.53333vw;
    margin-left: .53333vw
}

.custom-wrapper .img-case .public-text {
    left: 4.26667vw
}

.custom-wrapper .img-case .public-text .public-info {
    color: #d47371
}

.custom-wrapper .img-case .privacy-text {
    left: 50.66667vw
}

.custom-wrapper .img-case .privacy-text .public-info {
    color: #7984ad
}