/* style block 1 */
.progress .fill::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.06));
        transform: translateX(-120%);
        animation: shimmer 1.8s linear infinite
    }

    @keyframes grow {
        0% {
            width: 6%
        }

        40% {
            width: 46%
        }

        70% {
            width: 60%
        }

        90% {
            width: 80%
        }

        100% {
            width: 40%
        }
    }

    @keyframes shimmer {
        to {
            transform: translateX(320%)
        }
    }

    .app-loading-box {
        z-index: 99999;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        padding-top: 300px;
        background-color: black;
        height: 100vh;
        position: relative;
        text-align: center
    }

/* style block 2 */
:host,
    :root {
        --van-black: #000;
        --van-white: #fff;
        --van-gray-1: #f7f8fa;
        --van-gray-2: #f2f3f5;
        --van-gray-3: #ebedf0;
        --van-gray-4: #dcdee0;
        --van-gray-5: #c8c9cc;
        --van-gray-6: #969799;
        --van-gray-7: #646566;
        --van-gray-8: #323233;
        --van-red: #ee0a24;
        --van-blue: #1989fa;
        --van-orange: #ff976a;
        --van-orange-dark: #ed6a0c;
        --van-orange-light: #fffbe8;
        --van-green: #07c160;
        --van-gradient-red: linear-gradient(90deg, #ff6034, #ee0a24);
        --van-gradient-orange: linear-gradient(90deg, #ffd01e, #ff8917);
        --van-primary-color: var(--van-blue);
        --van-success-color: var(--van-green);
        --van-danger-color: var(--van-red);
        --van-warning-color: var(--van-orange);
        --van-text-color: var(--van-gray-8);
        --van-text-color-2: var(--van-gray-6);
        --van-text-color-3: var(--van-gray-5);
        --van-active-color: var(--van-gray-2);
        --van-active-opacity: .6;
        --van-disabled-opacity: .5;
        --van-background: var(--van-gray-1);
        --van-background-2: var(--van-white);
        --van-background-3: var(--van-white);
        --van-padding-base: 4px;
        --van-padding-xs: 8px;
        --van-padding-sm: 12px;
        --van-padding-md: 16px;
        --van-padding-lg: 24px;
        --van-padding-xl: 32px;
        --van-font-bold: 600;
        --van-font-size-xs: 10px;
        --van-font-size-sm: 12px;
        --van-font-size-md: 14px;
        --van-font-size-lg: 16px;
        --van-line-height-xs: 14px;
        --van-line-height-sm: 18px;
        --van-line-height-md: 20px;
        --van-line-height-lg: 22px;
        --van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
        --van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;
        --van-duration-base: .3s;
        --van-duration-fast: .2s;
        --van-ease-out: ease-out;
        --van-ease-in: ease-in;
        --van-border-color: var(--van-gray-3);
        --van-border-width: 1px;
        --van-radius-sm: 2px;
        --van-radius-md: 4px;
        --van-radius-lg: 8px;
        --van-radius-max: 999px
    }

    html {
        -webkit-tap-highlight-color: transparent
    }

    body {
        font-family: var(--van-base-font)
    }

    a {
        text-decoration: none
    }

    [class*=van-]:focus,
    a:focus,
    button:focus,
    input:focus,
    textarea:focus {
        outline: none
    }

    @-webkit-keyframes van-slide-up-enter {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @keyframes van-slide-up-enter {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @-webkit-keyframes van-slide-up-leave {
        to {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @keyframes van-slide-up-leave {
        to {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @-webkit-keyframes van-slide-down-enter {
        0% {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    @keyframes van-slide-down-enter {
        0% {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    @-webkit-keyframes van-slide-down-leave {
        to {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    @keyframes van-slide-down-leave {
        to {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    @-webkit-keyframes van-slide-left-enter {
        0% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @keyframes van-slide-left-enter {
        0% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @-webkit-keyframes van-slide-left-leave {
        to {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @keyframes van-slide-left-leave {
        to {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @-webkit-keyframes van-slide-right-enter {
        0% {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @keyframes van-slide-right-enter {
        0% {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @-webkit-keyframes van-slide-right-leave {
        to {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @keyframes van-slide-right-leave {
        to {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @-webkit-keyframes van-fade-in {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes van-fade-in {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes van-fade-out {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes van-fade-out {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @-webkit-keyframes van-rotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes van-rotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .van-clearfix:after {
        display: table;
        clear: both;
        content: ""
    }

    .van-safe-area-bottom {
        padding-bottom: env(safe-area-inset-bottom)
    }

    .van-haptics-feedback:active {
        opacity: var(--van-active-opacity)
    }

    [class*=van-hairline]:after {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: " ";
        pointer-events: none;
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%;
        border: 0 solid var(--van-border-color);
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    .van-hairline--top:after {
        border-top-width: var(--van-border-width)
    }

    .van-hairline--left:after {
        border-left-width: var(--van-border-width)
    }

    .van-hairline--right:after {
        border-right-width: var(--van-border-width)
    }

    .van-hairline--bottom:after {
        border-bottom-width: var(--van-border-width)
    }

    .van-hairline--top-bottom:after,
    .van-hairline-unset--top-bottom:after {
        border-width: var(--van-border-width)0
    }

    .van-hairline--surround:after {
        border-width: var(--van-border-width)
    }

    :host,
    :root {
        --van-tabbar-height: 50px;
        --van-tabbar-z-index: 1;
        --van-tabbar-background: var(--van-background-2)
    }

    :host,
    :root {
        --van-index-bar-sidebar-z-index: 2;
        --van-index-bar-index-font-size: var(--van-font-size-xs);
        --van-index-bar-index-line-height: var(--van-line-height-xs);
        --van-index-bar-index-active-color: var(--van-primary-color)
    }

    :host,
    :root {
        --van-cell-group-background: var(--van-background-2);
        --van-cell-group-title-color: var(--van-text-color-2);
        --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);
        --van-cell-group-title-font-size: var(--van-font-size-md);
        --van-cell-group-title-line-height: 16px;
        --van-cell-group-inset-padding: 0 var(--van-padding-md);
        --van-cell-group-inset-radius: var(--van-radius-lg);
        --van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)
    }

    :host,
    :root {
        --van-badge-size: 16px;
        --van-badge-color: var(--van-white);
        --van-badge-padding: 0 3px;
        --van-badge-font-size: var(--van-font-size-sm);
        --van-badge-font-weight: var(--van-font-bold);
        --van-badge-border-width: var(--van-border-width);
        --van-badge-background: var(--van-danger-color);
        --van-badge-dot-color: var(--van-danger-color);
        --van-badge-dot-size: 8px;
        --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif
    }

    .van-icon:before {
        display: inline-block
    }

    .van-icon-arrow-double-left:before {
        content: ""
    }

    .van-icon-arrow-double-right:before {
        content: ""
    }

    .van-icon-contact:before {
        content: ""
    }

    .van-icon-notes:before {
        content: ""
    }

    .van-icon-records:before {
        content: ""
    }

    .van-icon-cash-back-record:before {
        content: ""
    }

    .van-icon-newspaper:before {
        content: ""
    }

    .van-icon-discount:before {
        content: ""
    }

    .van-icon-completed:before {
        content: ""
    }

    .van-icon-user:before {
        content: ""
    }

    .van-icon-description:before {
        content: ""
    }

    .van-icon-list-switch:before {
        content: ""
    }

    .van-icon-list-switching:before {
        content: ""
    }

    .van-icon-link-o:before {
        content: ""
    }

    .van-icon-miniprogram-o:before {
        content: ""
    }

    .van-icon-qq:before {
        content: ""
    }

    .van-icon-wechat-moments:before {
        content: ""
    }

    .van-icon-weibo:before {
        content: ""
    }

    .van-icon-cash-o:before {
        content: ""
    }

    .van-icon-guide-o:before {
        content: ""
    }

    .van-icon-invitation:before {
        content: ""
    }

    .van-icon-shield-o:before {
        content: ""
    }

    .van-icon-exchange:before {
        content: ""
    }

    .van-icon-eye:before {
        content: ""
    }

    .van-icon-enlarge:before {
        content: ""
    }

    .van-icon-expand-o:before {
        content: ""
    }

    .van-icon-eye-o:before {
        content: ""
    }

    .van-icon-expand:before {
        content: ""
    }

    .van-icon-filter-o:before {
        content: ""
    }

    .van-icon-fire:before {
        content: ""
    }

    .van-icon-fail:before {
        content: ""
    }

    .van-icon-failure:before {
        content: ""
    }

    .van-icon-fire-o:before {
        content: ""
    }

    .van-icon-flag-o:before {
        content: ""
    }

    .van-icon-font:before {
        content: ""
    }

    .van-icon-font-o:before {
        content: ""
    }

    .van-icon-gem-o:before {
        content: ""
    }

    .van-icon-flower-o:before {
        content: ""
    }

    .van-icon-gem:before {
        content: ""
    }

    .van-icon-gift-card:before {
        content: ""
    }

    .van-icon-friends:before {
        content: ""
    }

    .van-icon-friends-o:before {
        content: ""
    }

    .van-icon-gold-coin:before {
        content: ""
    }

    .van-icon-gold-coin-o:before {
        content: ""
    }

    .van-icon-good-job-o:before {
        content: ""
    }

    .van-icon-gift:before {
        content: ""
    }

    .van-icon-gift-o:before {
        content: ""
    }

    .van-icon-gift-card-o:before {
        content: ""
    }

    .van-icon-good-job:before {
        content: ""
    }

    .van-icon-home-o:before {
        content: ""
    }

    .van-icon-goods-collect:before {
        content: ""
    }

    .van-icon-graphic:before {
        content: ""
    }

    .van-icon-goods-collect-o:before {
        content: ""
    }

    .van-icon-hot-o:before {
        content: ""
    }

    .van-icon-info:before {
        content: ""
    }

    .van-icon-hotel-o:before {
        content: ""
    }

    .van-icon-info-o:before {
        content: ""
    }

    .van-icon-hot-sale-o:before {
        content: ""
    }

    .van-icon-hot:before {
        content: ""
    }

    .van-icon-like:before {
        content: ""
    }

    .van-icon-idcard:before {
        content: ""
    }

    .van-icon-like-o:before {
        content: ""
    }

    .van-icon-hot-sale:before {
        content: ""
    }

    .van-icon-location-o:before {
        content: ""
    }

    .van-icon-location:before {
        content: ""
    }

    .van-icon-label:before {
        content: ""
    }

    .van-icon-lock:before {
        content: ""
    }

    .van-icon-label-o:before {
        content: ""
    }

    .van-icon-map-marked:before {
        content: ""
    }

    .van-icon-logistics:before {
        content: ""
    }

    .van-icon-manager:before {
        content: ""
    }

    .van-icon-more:before {
        content: ""
    }

    .van-icon-live:before {
        content: ""
    }

    .van-icon-manager-o:before {
        content: ""
    }

    .van-icon-medal:before {
        content: ""
    }

    .van-icon-more-o:before {
        content: ""
    }

    .van-icon-music-o:before {
        content: ""
    }

    .van-icon-music:before {
        content: ""
    }

    .van-icon-new-arrival-o:before {
        content: ""
    }

    .van-icon-medal-o:before {
        content: ""
    }

    .van-icon-new-o:before {
        content: ""
    }

    .van-icon-free-postage:before {
        content: ""
    }

    .van-icon-newspaper-o:before {
        content: ""
    }

    .van-icon-new-arrival:before {
        content: ""
    }

    .van-icon-minus:before {
        content: ""
    }

    .van-icon-orders-o:before {
        content: ""
    }

    .van-icon-new:before {
        content: ""
    }

    .van-icon-paid:before {
        content: ""
    }

    .van-icon-notes-o:before {
        content: ""
    }

    .van-icon-other-pay:before {
        content: ""
    }

    .van-icon-pause-circle:before {
        content: ""
    }

    .van-icon-pause:before {
        content: ""
    }

    .van-icon-pause-circle-o:before {
        content: ""
    }

    .van-icon-peer-pay:before {
        content: ""
    }

    .van-icon-pending-payment:before {
        content: ""
    }

    .van-icon-passed:before {
        content: ""
    }

    .van-icon-plus:before {
        content: ""
    }

    .van-icon-phone-circle-o:before {
        content: ""
    }

    .van-icon-phone-o:before {
        content: ""
    }

    .van-icon-printer:before {
        content: ""
    }

    .van-icon-photo-fail:before {
        content: ""
    }

    .van-icon-phone:before {
        content: ""
    }

    .van-icon-photo-o:before {
        content: ""
    }

    .van-icon-play-circle:before {
        content: ""
    }

    .van-icon-play:before {
        content: ""
    }

    .van-icon-phone-circle:before {
        content: ""
    }

    .van-icon-point-gift-o:before {
        content: ""
    }

    .van-icon-point-gift:before {
        content: ""
    }

    .van-icon-play-circle-o:before {
        content: ""
    }

    .van-icon-shrink:before {
        content: ""
    }

    .van-icon-photo:before {
        content: ""
    }

    .van-icon-qr:before {
        content: ""
    }

    .van-icon-qr-invalid:before {
        content: ""
    }

    .van-icon-question-o:before {
        content: ""
    }

    .van-icon-revoke:before {
        content: ""
    }

    .van-icon-replay:before {
        content: ""
    }

    .van-icon-service:before {
        content: ""
    }

    .van-icon-question:before {
        content: ""
    }

    .van-icon-search:before {
        content: ""
    }

    .van-icon-refund-o:before {
        content: ""
    }

    .van-icon-service-o:before {
        content: ""
    }

    .van-icon-scan:before {
        content: ""
    }

    .van-icon-share:before {
        content: ""
    }

    .van-icon-send-gift-o:before {
        content: ""
    }

    .van-icon-share-o:before {
        content: ""
    }

    .van-icon-setting:before {
        content: ""
    }

    .van-icon-points:before {
        content: ""
    }

    .van-icon-photograph:before {
        content: ""
    }

    .van-icon-shop:before {
        content: ""
    }

    .van-icon-shop-o:before {
        content: ""
    }

    .van-icon-shop-collect-o:before {
        content: ""
    }

    .van-icon-shop-collect:before {
        content: ""
    }

    .van-icon-smile:before {
        content: ""
    }

    .van-icon-shopping-cart-o:before {
        content: ""
    }

    .van-icon-sign:before {
        content: ""
    }

    .van-icon-sort:before {
        content: ""
    }

    .van-icon-star-o:before {
        content: ""
    }

    .van-icon-smile-comment-o:before {
        content: ""
    }

    .van-icon-stop:before {
        content: ""
    }

    .van-icon-stop-circle-o:before {
        content: ""
    }

    .van-icon-smile-o:before {
        content: ""
    }

    .van-icon-star:before {
        content: ""
    }

    .van-icon-success:before {
        content: ""
    }

    .van-icon-stop-circle:before {
        content: ""
    }

    .van-icon-records-o:before {
        content: ""
    }

    .van-icon-shopping-cart:before {
        content: ""
    }

    .van-icon-tosend:before {
        content: ""
    }

    .van-icon-todo-list:before {
        content: ""
    }

    .van-icon-thumb-circle-o:before {
        content: ""
    }

    .van-icon-thumb-circle:before {
        content: ""
    }

    .van-icon-umbrella-circle:before {
        content: ""
    }

    .van-icon-underway:before {
        content: ""
    }

    .van-icon-upgrade:before {
        content: ""
    }

    .van-icon-todo-list-o:before {
        content: ""
    }

    .van-icon-tv-o:before {
        content: ""
    }

    .van-icon-underway-o:before {
        content: ""
    }

    .van-icon-user-o:before {
        content: ""
    }

    .van-icon-vip-card-o:before {
        content: ""
    }

    .van-icon-vip-card:before {
        content: ""
    }

    .van-icon-send-gift:before {
        content: ""
    }

    .van-icon-wap-home:before {
        content: ""
    }

    .van-icon-wap-nav:before {
        content: ""
    }

    .van-icon-volume-o:before {
        content: ""
    }

    .van-icon-video:before {
        content: ""
    }

    .van-icon-wap-home-o:before {
        content: ""
    }

    .van-icon-volume:before {
        content: ""
    }

    .van-icon-warning:before {
        content: ""
    }

    .van-icon-weapp-nav:before {
        content: ""
    }

    .van-icon-wechat-pay:before {
        content: ""
    }

    .van-icon-warning-o:before {
        content: ""
    }

    .van-icon-wechat:before {
        content: ""
    }

    .van-icon-setting-o:before {
        content: ""
    }

    .van-icon-youzan-shield:before {
        content: ""
    }

    .van-icon-warn-o:before {
        content: ""
    }

    .van-icon-smile-comment:before {
        content: ""
    }

    .van-icon-user-circle-o:before {
        content: ""
    }

    .van-icon-video-o:before {
        content: ""
    }

    .van-icon-add-square:before {
        content: ""
    }

    .van-icon-add:before {
        content: ""
    }

    .van-icon-arrow-down:before {
        content: ""
    }

    .van-icon-arrow-up:before {
        content: ""
    }

    .van-icon-arrow:before {
        content: ""
    }

    .van-icon-after-sale:before {
        content: ""
    }

    .van-icon-add-o:before {
        content: ""
    }

    .van-icon-alipay:before {
        content: ""
    }

    .van-icon-ascending:before {
        content: ""
    }

    .van-icon-apps-o:before {
        content: ""
    }

    .van-icon-aim:before {
        content: ""
    }

    .van-icon-award:before {
        content: ""
    }

    .van-icon-arrow-left:before {
        content: ""
    }

    .van-icon-award-o:before {
        content: ""
    }

    .van-icon-audio:before {
        content: ""
    }

    .van-icon-bag-o:before {
        content: ""
    }

    .van-icon-balance-list:before {
        content: ""
    }

    .van-icon-back-top:before {
        content: ""
    }

    .van-icon-bag:before {
        content: ""
    }

    .van-icon-balance-pay:before {
        content: ""
    }

    .van-icon-balance-o:before {
        content: ""
    }

    .van-icon-bar-chart-o:before {
        content: ""
    }

    .van-icon-bars:before {
        content: ""
    }

    .van-icon-balance-list-o:before {
        content: ""
    }

    .van-icon-birthday-cake-o:before {
        content: ""
    }

    .van-icon-bookmark:before {
        content: ""
    }

    .van-icon-bill:before {
        content: ""
    }

    .van-icon-bell:before {
        content: ""
    }

    .van-icon-browsing-history-o:before {
        content: ""
    }

    .van-icon-browsing-history:before {
        content: ""
    }

    .van-icon-bookmark-o:before {
        content: ""
    }

    .van-icon-bulb-o:before {
        content: ""
    }

    .van-icon-bullhorn-o:before {
        content: ""
    }

    .van-icon-bill-o:before {
        content: ""
    }

    .van-icon-calendar-o:before {
        content: ""
    }

    .van-icon-brush-o:before {
        content: ""
    }

    .van-icon-card:before {
        content: ""
    }

    .van-icon-cart-o:before {
        content: ""
    }

    .van-icon-cart-circle:before {
        content: ""
    }

    .van-icon-cart-circle-o:before {
        content: ""
    }

    .van-icon-cart:before {
        content: ""
    }

    .van-icon-cash-on-deliver:before {
        content: ""
    }

    .van-icon-cash-back-record-o:before {
        content: ""
    }

    .van-icon-cashier-o:before {
        content: ""
    }

    .van-icon-chart-trending-o:before {
        content: ""
    }

    .van-icon-certificate:before {
        content: ""
    }

    .van-icon-chat:before {
        content: ""
    }

    .van-icon-clear:before {
        content: ""
    }

    .van-icon-chat-o:before {
        content: ""
    }

    .van-icon-checked:before {
        content: ""
    }

    .van-icon-clock:before {
        content: ""
    }

    .van-icon-clock-o:before {
        content: ""
    }

    .van-icon-close:before {
        content: ""
    }

    .van-icon-closed-eye:before {
        content: ""
    }

    .van-icon-circle:before {
        content: ""
    }

    .van-icon-cluster-o:before {
        content: ""
    }

    .van-icon-column:before {
        content: ""
    }

    .van-icon-comment-circle-o:before {
        content: ""
    }

    .van-icon-cluster:before {
        content: ""
    }

    .van-icon-comment:before {
        content: ""
    }

    .van-icon-comment-o:before {
        content: ""
    }

    .van-icon-comment-circle:before {
        content: ""
    }

    .van-icon-completed-o:before {
        content: ""
    }

    .van-icon-credit-pay:before {
        content: ""
    }

    .van-icon-coupon:before {
        content: ""
    }

    .van-icon-debit-pay:before {
        content: ""
    }

    .van-icon-coupon-o:before {
        content: ""
    }

    .van-icon-contact-o:before {
        content: ""
    }

    .van-icon-descending:before {
        content: ""
    }

    .van-icon-desktop-o:before {
        content: ""
    }

    .van-icon-diamond-o:before {
        content: ""
    }

    .van-icon-description-o:before {
        content: ""
    }

    .van-icon-delete:before {
        content: ""
    }

    .van-icon-diamond:before {
        content: ""
    }

    .van-icon-delete-o:before {
        content: ""
    }

    .van-icon-cross:before {
        content: ""
    }

    .van-icon-edit:before {
        content: ""
    }

    .van-icon-ellipsis:before {
        content: ""
    }

    .van-icon-down:before {
        content: ""
    }

    .van-icon-discount-o:before {
        content: ""
    }

    .van-icon-ecard-pay:before {
        content: ""
    }

    .van-icon-envelop-o:before {
        content: ""
    }

    :host,
    :root {
        --van-tabbar-item-font-size: var(--van-font-size-sm);
        --van-tabbar-item-text-color: var(--van-text-color);
        --van-tabbar-item-active-color: var(--van-primary-color);
        --van-tabbar-item-active-background: var(--van-background-2);
        --van-tabbar-item-line-height: 1;
        --van-tabbar-item-icon-size: 22px;
        --van-tabbar-item-icon-margin-bottom: var(--van-padding-base)
    }

    :host,
    :root {
        --van-cell-font-size: var(--van-font-size-md);
        --van-cell-line-height: 24px;
        --van-cell-vertical-padding: 10px;
        --van-cell-horizontal-padding: var(--van-padding-md);
        --van-cell-text-color: var(--van-text-color);
        --van-cell-background: var(--van-background-2);
        --van-cell-border-color: var(--van-border-color);
        --van-cell-active-color: var(--van-active-color);
        --van-cell-required-color: var(--van-danger-color);
        --van-cell-label-color: var(--van-text-color-2);
        --van-cell-label-font-size: var(--van-font-size-sm);
        --van-cell-label-line-height: var(--van-line-height-sm);
        --van-cell-label-margin-top: var(--van-padding-base);
        --van-cell-value-color: var(--van-text-color-2);
        --van-cell-value-font-size: inherit;
        --van-cell-icon-size: 16px;
        --van-cell-right-icon-color: var(--van-gray-6);
        --van-cell-large-vertical-padding: var(--van-padding-sm);
        --van-cell-large-title-font-size: var(--van-font-size-lg);
        --van-cell-large-label-font-size: var(--van-font-size-md);
        --van-cell-large-value-font-size: inherit
    }

    .van-cell:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .van-cell:after {
        position: absolute;
        content: " ";
        pointer-events: none;
        right: var(--van-padding-md);
        bottom: 0;
        left: var(--van-padding-md);
        border-bottom: 1px solid var(--van-cell-border-color);
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .van-cell--borderless:after,
    .van-cell:last-child:after {
        display: none
    }

    .van-cell--clickable:active {
        background-color: var(--van-cell-active-color)
    }

    .van-cell--required:before {
        position: absolute;
        left: var(--van-padding-xs);
        color: var(--van-cell-required-color);
        font-size: var(--van-cell-font-size);
        content: "*"
    }

    :host,
    :root {
        --van-index-anchor-z-index: 1;
        --van-index-anchor-padding: 0 var(--van-padding-md);
        --van-index-anchor-text-color: var(--van-text-color);
        --van-index-anchor-font-weight: var(--van-font-bold);
        --van-index-anchor-font-size: var(--van-font-size-md);
        --van-index-anchor-line-height: 32px;
        --van-index-anchor-background: transparent;
        --van-index-anchor-sticky-text-color: var(--van-primary-color);
        --van-index-anchor-sticky-background: var(--van-background-2)
    }

    :host,
    :root {
        --van-collapse-item-duration: var(--van-duration-base);
        --van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);
        --van-collapse-item-content-font-size: var(--van-font-size-md);
        --van-collapse-item-content-line-height: 1.5;
        --van-collapse-item-content-text-color: var(--van-text-color-2);
        --van-collapse-item-content-background: var(--van-background-2);
        --van-collapse-item-title-disabled-color: var(--van-text-color-3)
    }

    .van-collapse-item--border:after {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: " ";
        pointer-events: none;
        top: 0;
        right: var(--van-padding-md);
        left: var(--van-padding-md);
        border-top: 1px solid var(--van-border-color);
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .van-collapse-item__title .van-cell__right-icon:before {
        -webkit-transform: rotate(90deg) translateZ(0);
        transform: rotate(90deg) translateZ(0);
        -webkit-transition: -webkit-transform var(--van-collapse-item-duration);
        transition: -webkit-transform var(--van-collapse-item-duration);
        transition: transform var(--van-collapse-item-duration);
        transition: transform var(--van-collapse-item-duration), -webkit-transform var(--van-collapse-item-duration)
    }

    .van-collapse-item__title:after {
        right: var(--van-padding-md);
        display: none
    }

    .van-collapse-item__title--expanded .van-cell__right-icon:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .van-collapse-item__title--expanded:after {
        display: block
    }

    .van-collapse-item__title--borderless:after {
        display: none
    }

    :host,
    :root {
        --van-loading-text-color: var(--van-text-color-2);
        --van-loading-text-font-size: var(--van-font-size-md);
        --van-loading-spinner-color: var(--van-gray-5);
        --van-loading-spinner-size: 30px;
        --van-loading-spinner-duration: .8s
    }

    .van-loading__line:before {
        display: block;
        width: 2px;
        height: 25%;
        margin: 0 auto;
        background-color: currentColor;
        border-radius: 40%;
        content: " "
    }

    @-webkit-keyframes van-circular {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0
        }

        50% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -40
        }

        to {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -120
        }
    }

    @keyframes van-circular {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0
        }

        50% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -40
        }

        to {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -120
        }
    }

    :host,
    :root {
        --van-sticky-z-index: 99
    }

    :host,
    :root {
        --van-swipe-indicator-size: 6px;
        --van-swipe-indicator-margin: var(--van-padding-sm);
        --van-swipe-indicator-active-opacity: 1;
        --van-swipe-indicator-inactive-opacity: .3;
        --van-swipe-indicator-active-background: var(--van-primary-color);
        --van-swipe-indicator-inactive-background: var(--van-border-color)
    }

    :host,
    :root {
        --van-tab-text-color: var(--van-gray-7);
        --van-tab-active-text-color: var(--van-text-color);
        --van-tab-disabled-text-color: var(--van-text-color-3);
        --van-tab-font-size: var(--van-font-size-md);
        --van-tab-line-height: var(--van-line-height-md);
        --van-tabs-default-color: var(--van-primary-color);
        --van-tabs-line-height: 44px;
        --van-tabs-card-height: 30px;
        --van-tabs-nav-background: var(--van-background-2);
        --van-tabs-bottom-bar-width: 40px;
        --van-tabs-bottom-bar-height: 3px;
        --van-tabs-bottom-bar-color: var(--van-primary-color)
    }

    .van-tab {
        position: relative;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -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;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 var(--van-padding-base);
        color: var(--van-tab-text-color);
        font-size: var(--van-tab-font-size);
        line-height: var(--van-tab-line-height);
        cursor: pointer
    }

    .van-tab--active {
        color: var(--van-tab-active-text-color);
        font-weight: var(--van-font-bold)
    }

    .van-tab__text--ellipsis {
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .van-tabs {
        position: relative
    }

    .van-tabs__wrap {
        overflow: hidden
    }

    .van-tabs__nav {
        position: relative;
        display: flex;
        background: var(--van-tabs-nav-background);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .van-tabs__nav--complete::-webkit-scrollbar {
        display: none
    }

    .van-tabs__nav--line {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 100%;
        padding-bottom: 15px
    }

    .van-tabs__line {
        position: absolute;
        bottom: 15px;
        left: 0;
        z-index: 1;
        width: var(--van-tabs-bottom-bar-width);
        height: var(--van-tabs-bottom-bar-height);
        background: var(--van-tabs-bottom-bar-color);
        border-radius: var(--van-tabs-bottom-bar-height)
    }

    :host,
    :root {
        --van-overlay-z-index: 1;
        --van-overlay-background: rgba(0, 0, 0, .7)
    }

    .van-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--van-overlay-background)
    }

    :host,
    :root {
        --van-count-down-text-color: var(--van-text-color);
        --van-count-down-font-size: var(--van-font-size-md);
        --van-count-down-line-height: var(--van-line-height-md)
    }

    :host,
    :root {
        --van-popup-background: var(--van-background-2);
        --van-popup-transition: transform var(--van-duration-base);
        --van-popup-round-radius: 16px;
        --van-popup-close-icon-size: 22px;
        --van-popup-close-icon-color: var(--van-gray-5);
        --van-popup-close-icon-margin: 16px;
        --van-popup-close-icon-z-index: 1
    }

    .van-popup {
        position: fixed;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--van-popup-background);
        -webkit-transition: var(--van-popup-transition);
        transition: var(--van-popup-transition);
        -webkit-overflow-scrolling: touch
    }

    .van-popup--bottom {
        bottom: 0;
        left: 0;
        width: 100%
    }

    .van-popup--bottom.van-popup--round {
        border-radius: var(--van-popup-round-radius) var(--van-popup-round-radius)0 0
    }

    :host,
    :root {
        --van-action-sheet-max-height: 80%;
        --van-action-sheet-header-height: 48px;
        --van-action-sheet-header-font-size: var(--van-font-size-lg);
        --van-action-sheet-description-color: var(--van-text-color-2);
        --van-action-sheet-description-font-size: var(--van-font-size-md);
        --van-action-sheet-description-line-height: var(--van-line-height-md);
        --van-action-sheet-item-background: var(--van-background-2);
        --van-action-sheet-item-font-size: var(--van-font-size-lg);
        --van-action-sheet-item-line-height: var(--van-line-height-lg);
        --van-action-sheet-item-text-color: var(--van-text-color);
        --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
        --van-action-sheet-item-icon-size: 18px;
        --van-action-sheet-item-icon-margin-right: var(--van-padding-xs);
        --van-action-sheet-subname-color: var(--van-text-color-2);
        --van-action-sheet-subname-font-size: var(--van-font-size-sm);
        --van-action-sheet-subname-line-height: var(--van-line-height-sm);
        --van-action-sheet-close-icon-size: 22px;
        --van-action-sheet-close-icon-color: var(--van-gray-5);
        --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
        --van-action-sheet-cancel-text-color: var(--van-gray-7);
        --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
        --van-action-sheet-cancel-padding-color: var(--van-background);
        --van-action-sheet-loading-icon-size: 22px
    }

    .van-action-sheet {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: var(--van-action-sheet-max-height);
        overflow: hidden;
        color: var(--van-action-sheet-item-text-color)
    }

    .van-action-sheet__cancel:active,
    .van-action-sheet__item:active {
        background-color: var(--van-active-color)
    }

    .van-action-sheet__item--disabled:active,
    .van-action-sheet__item--loading:active {
        background-color: var(--van-action-sheet-item-background)
    }

    .van-action-sheet__description:after {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: " ";
        pointer-events: none;
        right: var(--van-padding-md);
        bottom: 0;
        left: var(--van-padding-md);
        border-bottom: 1px solid var(--van-border-color);
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    :host,
    :root {
        --van-field-label-width: 6.2em;
        --van-field-label-color: var(--van-text-color);
        --van-field-label-margin-right: var(--van-padding-sm);
        --van-field-input-text-color: var(--van-text-color);
        --van-field-input-error-text-color: var(--van-danger-color);
        --van-field-input-disabled-text-color: var(--van-text-color-3);
        --van-field-placeholder-text-color: var(--van-text-color-3);
        --van-field-icon-size: 18px;
        --van-field-clear-icon-size: 18px;
        --van-field-clear-icon-color: var(--van-gray-5);
        --van-field-right-icon-color: var(--van-gray-6);
        --van-field-error-message-color: var(--van-danger-color);
        --van-field-error-message-font-size: 12px;
        --van-field-text-area-min-height: 60px;
        --van-field-word-limit-color: var(--van-gray-7);
        --van-field-word-limit-font-size: var(--van-font-size-sm);
        --van-field-word-limit-line-height: 16px;
        --van-field-disabled-text-color: var(--van-text-color-3);
        --van-field-required-mark-color: var(--van-red)
    }

    .van-field__label--required:before {
        margin-right: 2px;
        color: var(--van-field-required-mark-color);
        content: "*"
    }

    .van-field__control::-webkit-input-placeholder {
        color: var(--van-field-placeholder-text-color)
    }

    .van-field__control::-moz-placeholder {
        color: var(--van-field-placeholder-text-color)
    }

    .van-field__control:-ms-input-placeholder {
        color: var(--van-field-placeholder-text-color)
    }

    .van-field__control::-ms-input-placeholder {
        color: var(--van-field-placeholder-text-color)
    }

    .van-field__control::placeholder {
        color: var(--van-field-placeholder-text-color)
    }

    .van-field__control:-moz-read-only {
        cursor: default
    }

    .van-field__control:read-only {
        cursor: default
    }

    .van-field__control:disabled {
        color: var(--van-field-input-disabled-text-color);
        cursor: not-allowed;
        opacity: 1;
        -webkit-text-fill-color: var(--van-field-input-disabled-text-color)
    }

    .van-field__control--error::-webkit-input-placeholder {
        color: var(--van-field-input-error-text-color);
        -webkit-text-fill-color: currentColor
    }

    .van-field__control--error::-moz-placeholder {
        color: var(--van-field-input-error-text-color);
        -webkit-text-fill-color: currentColor
    }

    .van-field__control--error:-ms-input-placeholder {
        color: var(--van-field-input-error-text-color);
        -webkit-text-fill-color: currentColor
    }

    .van-field__control--error::-ms-input-placeholder {
        color: var(--van-field-input-error-text-color);
        -webkit-text-fill-color: currentColor
    }

    .van-field__control--error::placeholder {
        color: var(--van-field-input-error-text-color);
        -webkit-text-fill-color: currentColor
    }

    .van-tab__panel {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%
    }

    .van-tab__panel {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    :host,
    :root {
        --van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md);
        --van-share-sheet-title-color: var(--van-text-color);
        --van-share-sheet-title-font-size: var(--van-font-size-md);
        --van-share-sheet-title-line-height: var(--van-line-height-md);
        --van-share-sheet-description-color: var(--van-text-color-2);
        --van-share-sheet-description-font-size: var(--van-font-size-sm);
        --van-share-sheet-description-line-height: 16px;
        --van-share-sheet-icon-size: 48px;
        --van-share-sheet-option-name-color: var(--van-gray-7);
        --van-share-sheet-option-name-font-size: var(--van-font-size-sm);
        --van-share-sheet-option-description-color: var(--van-text-color-3);
        --van-share-sheet-option-description-font-size: var(--van-font-size-sm);
        --van-share-sheet-cancel-button-font-size: var(--van-font-size-lg);
        --van-share-sheet-cancel-button-height: 48px;
        --van-share-sheet-cancel-button-background: var(--van-background-2)
    }

    .van-share-sheet__options--border:before {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: " ";
        pointer-events: none;
        top: 0;
        right: 0;
        left: var(--van-padding-md);
        border-top: 1px solid var(--van-border-color);
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .van-share-sheet__options::-webkit-scrollbar {
        height: 0
    }

    .van-share-sheet__cancel:before {
        display: block;
        height: var(--van-padding-xs);
        background-color: var(--van-background);
        content: " "
    }

    .van-share-sheet__cancel:active {
        background-color: var(--van-active-color)
    }

    :host,
    :root {
        --van-pull-refresh-head-height: 50px;
        --van-pull-refresh-head-font-size: var(--van-font-size-md);
        --van-pull-refresh-head-text-color: var(--van-text-color-2);
        --van-pull-refresh-loading-icon-size: 16px
    }

    :host,
    :root {
        --van-divider-margin: var(--van-padding-md)0;
        --van-divider-vertical-margin: 0 var(--van-padding-xs);
        --van-divider-text-color: var(--van-text-color-2);
        --van-divider-font-size: var(--van-font-size-md);
        --van-divider-line-height: 24px;
        --van-divider-border-color: var(--van-border-color);
        --van-divider-content-padding: var(--van-padding-md);
        --van-divider-content-left-width: 10%;
        --van-divider-content-right-width: 10%
    }

    .van-divider {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: var(--van-divider-margin);
        color: var(--van-divider-text-color);
        font-size: var(--van-divider-font-size);
        line-height: var(--van-divider-line-height);
        border-color: var(--van-divider-border-color);
        border-style: solid;
        border-width: 0
    }

    .van-divider:after,
    .van-divider:before {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 1px;
        border-color: inherit;
        border-style: inherit;
        border-width: var(--van-border-width)0 0
    }

    .van-divider:before {
        content: ""
    }

    .van-divider--hairline:after,
    .van-divider--hairline:before {
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .van-divider--content-center:before,
    .van-divider--content-left:before,
    .van-divider--content-right:before {
        margin-right: var(--van-divider-content-padding)
    }

    .van-divider--content-center:after,
    .van-divider--content-left:after,
    .van-divider--content-right:after {
        margin-left: var(--van-divider-content-padding);
        content: ""
    }

    .van-divider--content-left:before {
        max-width: var(--van-divider-content-left-width)
    }

    .van-divider--content-right:after {
        max-width: var(--van-divider-content-right-width)
    }

    .van-divider--vertical:before {
        height: 100%;
        border-width: 0 0 0 var(--van-border-width)
    }

    .van-divider--vertical:after {
        display: none
    }

    .van-divider--vertical.van-divider--hairline:before {
        -webkit-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        transform: scaleX(.5)
    }

    :host,
    :root {
        --van-checkbox-size: 20px;
        --van-checkbox-border-color: var(--van-gray-5);
        --van-checkbox-duration: var(--van-duration-fast);
        --van-checkbox-label-margin: var(--van-padding-xs);
        --van-checkbox-label-color: var(--van-text-color);
        --van-checkbox-checked-icon-color: var(--van-primary-color);
        --van-checkbox-disabled-icon-color: var(--van-gray-5);
        --van-checkbox-disabled-label-color: var(--van-text-color-3);
        --van-checkbox-disabled-background: var(--van-border-color)
    }

    :host,
    :root {
        --van-nav-bar-height: 46px;
        --van-nav-bar-background: var(--van-background-2);
        --van-nav-bar-arrow-size: 16px;
        --van-nav-bar-icon-color: var(--van-primary-color);
        --van-nav-bar-text-color: var(--van-primary-color);
        --van-nav-bar-title-font-size: var(--van-font-size-lg);
        --van-nav-bar-title-text-color: var(--van-text-color);
        --van-nav-bar-z-index: 1;
        --van-nav-bar-disabled-opacity: var(--van-disabled-opacity)
    }

    .van-grid {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    :host,
    :root {
        --van-list-text-color: var(--van-text-color-2);
        --van-list-text-font-size: var(--van-font-size-md);
        --van-list-text-line-height: 50px;
        --van-list-loading-icon-size: 16px
    }

    :host,
    :root {
        --van-tag-padding: 0 var(--van-padding-base);
        --van-tag-text-color: var(--van-white);
        --van-tag-font-size: var(--van-font-size-sm);
        --van-tag-radius: 2px;
        --van-tag-line-height: 16px;
        --van-tag-medium-padding: 2px 6px;
        --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
        --van-tag-large-radius: var(--van-radius-md);
        --van-tag-large-font-size: var(--van-font-size-md);
        --van-tag-round-radius: var(--van-radius-max);
        --van-tag-danger-color: var(--van-danger-color);
        --van-tag-primary-color: var(--van-primary-color);
        --van-tag-success-color: var(--van-success-color);
        --van-tag-warning-color: var(--van-warning-color);
        --van-tag-default-color: var(--van-gray-6);
        --van-tag-plain-background: var(--van-background-2)
    }

    .van-tag--plain:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid;
        border-color: inherit;
        border-radius: inherit;
        content: "";
        pointer-events: none
    }

    .van-tag--mark:after {
        display: block;
        width: 2px;
        content: ""
    }

    :host,
    :root {
        --van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);
        --van-grid-item-content-background: var(--van-background-2);
        --van-grid-item-content-active-color: var(--van-active-color);
        --van-grid-item-icon-size: 28px;
        --van-grid-item-text-color: var(--van-text-color);
        --van-grid-item-text-font-size: var(--van-font-size-sm)
    }

    .van-grid-item {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .van-grid-item__content {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
        background: var(--van-grid-item-content-background)
    }

    .van-grid-item__content:after {
        z-index: 1;
        border-width: 0 var(--van-border-width) var(--van-border-width)0
    }

    .van-grid-item__content--surround:after {
        border-width: var(--van-border-width)
    }

    .van-grid-item__content--clickable:active {
        background-color: var(--van-grid-item-content-active-color)
    }

    :host,
    :root {
        --van-notice-bar-height: 40px;
        --van-notice-bar-padding: 0 var(--van-padding-md);
        --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
        --van-notice-bar-text-color: var(--van-orange-dark);
        --van-notice-bar-font-size: var(--van-font-size-md);
        --van-notice-bar-line-height: 24px;
        --van-notice-bar-background: var(--van-orange-light);
        --van-notice-bar-icon-size: 16px;
        --van-notice-bar-icon-min-width: 24px
    }

    :host,
    :root {
        --van-toast-max-width: 70%;
        --van-toast-font-size: var(--van-font-size-md);
        --van-toast-text-color: var(--van-white);
        --van-toast-loading-icon-color: var(--van-white);
        --van-toast-line-height: var(--van-line-height-md);
        --van-toast-radius: var(--van-radius-lg);
        --van-toast-background: rgba(0, 0, 0, .7);
        --van-toast-icon-size: 36px;
        --van-toast-text-min-width: 96px;
        --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
        --van-toast-default-padding: var(--van-padding-md);
        --van-toast-default-width: 88px;
        --van-toast-default-min-height: 88px;
        --van-toast-position-top-distance: 20%;
        --van-toast-position-bottom-distance: 20%
    }

    :host,
    :root {
        --van-action-bar-background: var(--van-background-2);
        --van-action-bar-height: 50px
    }

    :host,
    :root {
        --van-button-mini-height: 24px;
        --van-button-mini-padding: 0 var(--van-padding-base);
        --van-button-mini-font-size: var(--van-font-size-xs);
        --van-button-small-height: 32px;
        --van-button-small-padding: 0 var(--van-padding-xs);
        --van-button-small-font-size: var(--van-font-size-sm);
        --van-button-normal-padding: 0 15px;
        --van-button-normal-font-size: var(--van-font-size-md);
        --van-button-large-height: 50px;
        --van-button-default-height: 44px;
        --van-button-default-line-height: 1.2;
        --van-button-default-font-size: var(--van-font-size-lg);
        --van-button-default-color: var(--van-text-color);
        --van-button-default-background: var(--van-background-2);
        --van-button-default-border-color: var(--van-gray-4);
        --van-button-primary-color: var(--van-white);
        --van-button-primary-background: var(--van-primary-color);
        --van-button-primary-border-color: var(--van-primary-color);
        --van-button-success-color: var(--van-white);
        --van-button-success-background: var(--van-success-color);
        --van-button-success-border-color: var(--van-success-color);
        --van-button-danger-color: var(--van-white);
        --van-button-danger-background: var(--van-danger-color);
        --van-button-danger-border-color: var(--van-danger-color);
        --van-button-warning-color: var(--van-white);
        --van-button-warning-background: var(--van-warning-color);
        --van-button-warning-border-color: var(--van-warning-color);
        --van-button-border-width: var(--van-border-width);
        --van-button-radius: var(--van-radius-md);
        --van-button-round-radius: var(--van-radius-max);
        --van-button-plain-background: var(--van-white);
        --van-button-disabled-opacity: var(--van-disabled-opacity);
        --van-button-icon-size: 1.2em;
        --van-button-loading-icon-size: 20px
    }

    .van-button:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        background: var(--van-black);
        border: inherit;
        border-color: var(--van-black);
        border-radius: inherit;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        content: " ";
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .van-button:active:before {
        opacity: .1
    }

    .van-button--disabled:before,
    .van-button--loading:before {
        display: none
    }

    .van-button__content:before {
        content: " "
    }

    .van-button--hairline:after {
        border-color: inherit;
        border-radius: calc(var(--van-button-radius)*2)
    }

    .van-button--hairline.van-button--round:after {
        border-radius: var(--van-button-round-radius)
    }

    .van-button--hairline.van-button--square:after {
        border-radius: 0
    }

    :host,
    :root {
        --van-image-placeholder-text-color: var(--van-text-color-2);
        --van-image-placeholder-font-size: var(--van-font-size-md);
        --van-image-placeholder-background: var(--van-background);
        --van-image-loading-icon-size: 32px;
        --van-image-loading-icon-color: var(--van-gray-4);
        --van-image-error-icon-size: 32px;
        --van-image-error-icon-color: var(--van-gray-4)
    }

    :host,
    :root {
        --van-image-preview-index-text-color: var(--van-white);
        --van-image-preview-index-font-size: var(--van-font-size-md);
        --van-image-preview-index-line-height: var(--van-line-height-md);
        --van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);
        --van-image-preview-overlay-background: rgba(0, 0, 0, .9);
        --van-image-preview-close-icon-size: 22px;
        --van-image-preview-close-icon-color: var(--van-gray-5);
        --van-image-preview-close-icon-margin: var(--van-padding-md);
        --van-image-preview-close-icon-z-index: 1
    }

    :host,
    :root {
        --van-action-bar-button-height: 40px;
        --van-action-bar-button-warning-color: var(--van-gradient-orange);
        --van-action-bar-button-danger-color: var(--van-gradient-red)
    }

    :host,
    :root {
        --van-dialog-width: 320px;
        --van-dialog-small-screen-width: 90%;
        --van-dialog-font-size: var(--van-font-size-lg);
        --van-dialog-transition: var(--van-duration-base);
        --van-dialog-radius: 16px;
        --van-dialog-background: var(--van-background-2);
        --van-dialog-header-font-weight: var(--van-font-bold);
        --van-dialog-header-line-height: 24px;
        --van-dialog-header-padding-top: 26px;
        --van-dialog-header-isolated-padding: var(--van-padding-lg)0;
        --van-dialog-message-padding: var(--van-padding-lg);
        --van-dialog-message-font-size: var(--van-font-size-md);
        --van-dialog-message-line-height: var(--van-line-height-md);
        --van-dialog-message-max-height: 60vh;
        --van-dialog-has-title-message-text-color: var(--van-gray-7);
        --van-dialog-has-title-message-padding-top: var(--van-padding-xs);
        --van-dialog-button-height: 48px;
        --van-dialog-round-button-height: 36px;
        --van-dialog-confirm-button-text-color: var(--van-primary-color)
    }

    .van-dialog__confirm:active {
        color: var(--van-dialog-confirm-button-text-color)
    }

    :host,
    :root {
        --van-notify-text-color: var(--van-white);
        --van-notify-padding: var(--van-padding-xs) var(--van-padding-md);
        --van-notify-font-size: var(--van-font-size-md);
        --van-notify-line-height: var(--van-line-height-md);
        --van-notify-primary-background: var(--van-primary-color);
        --van-notify-success-background: var(--van-success-color);
        --van-notify-danger-background: var(--van-danger-color);
        --van-notify-warning-background: var(--van-warning-color)
    }

    :host,
    :root {
        --van-uploader-size: 80px;
        --van-uploader-icon-size: 24px;
        --van-uploader-icon-color: var(--van-gray-4);
        --van-uploader-text-color: var(--van-text-color-2);
        --van-uploader-text-font-size: var(--van-font-size-sm);
        --van-uploader-upload-background: var(--van-gray-1);
        --van-uploader-upload-active-color: var(--van-active-color);
        --van-uploader-delete-color: var(--van-white);
        --van-uploader-delete-icon-size: 14px;
        --van-uploader-delete-background: rgba(0, 0, 0, .7);
        --van-uploader-file-background: var(--van-background);
        --van-uploader-file-icon-size: 20px;
        --van-uploader-file-icon-color: var(--van-gray-7);
        --van-uploader-file-name-padding: 0 var(--van-padding-base);
        --van-uploader-file-name-margin-top: var(--van-padding-xs);
        --van-uploader-file-name-font-size: var(--van-font-size-sm);
        --van-uploader-file-name-text-color: var(--van-gray-7);
        --van-uploader-mask-text-color: var(--van-white);
        --van-uploader-mask-background: rgba(50, 50, 51, .88);
        --van-uploader-mask-icon-size: 22px;
        --van-uploader-mask-message-font-size: var(--van-font-size-sm);
        --van-uploader-mask-message-line-height: var(--van-line-height-xs);
        --van-uploader-loading-icon-size: 22px;
        --van-uploader-loading-icon-color: var(--van-white);
        --van-uploader-disabled-opacity: var(--van-disabled-opacity);
        --van-uploader-border-radius: 0px
    }

    .van-uploader__input:disabled {
        cursor: not-allowed
    }

    .van-uploader__upload:active {
        background-color: var(--van-uploader-upload-active-color)
    }

    .van-uploader__upload--readonly:active {
        background-color: var(--van-uploader-upload-background)
    }

/* style block 3 */
.xgplayer {
        position: relative;
        overflow: hidden;
        font-family: PingFang SC, Helvetica Neue, Helvetica, STHeiTi, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
        font-size: 14px;
        font-weight: 400;
        background: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .xgplayer * {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
        white-space: normal;
        word-wrap: normal;
        overflow-wrap: normal
    }

    .xgplayer video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: none;
        z-index: 1
    }

    .xgplayer:not(.video-ready) video {
        opacity: 0
    }

    .xgplayer.video-ready video {
        opacity: 1
    }

    .xgplayer .video-poster {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        z-index: 2;
        pointer-events: none
    }

    .xgplayer.video-ready .video-poster {
        display: none
    }

    .xgplayer .xg-pos {
        left: 10px;
        right: 10px
    }

    .xgplayer xg-icon {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
        margin-left: 16px;
        margin-right: 16px;
        cursor: pointer;
        color: #fffc;
        fill: #fff
    }

    .xgplayer xg-icon .xg-tips {
        top: -30px;
        left: 50%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }

    .xgplayer xg-icon:active .xg-tips,
    .xgplayer xg-icon:hover .xg-tips {
        display: block
    }

    .xgplayer xg-icon:active .xg-tips.hide,
    .xgplayer xg-icon:hover .xg-tips.hide {
        display: none
    }

    .xgplayer xg-icon .xgplayer-icon {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer
    }

    .xgplayer xg-icon svg {
        height: 100%
    }

    .xgplayer .xg-tips {
        position: absolute;
        padding: 4px 6px;
        background: rgba(0, 0, 0, .54);
        border-radius: 4px;
        font-size: 12px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        opacity: .85
    }

    .xgplayer-mobile xg-icon:hover .xg-tips {
        display: none
    }

    .xg-list-slide-scroll::-webkit-scrollbar-track {
        background-color: transparent;
        display: none
    }

    .xg-list-slide-scroll:hover::-webkit-scrollbar-track {
        display: block
    }

    .xg-list-slide-scroll::-webkit-scrollbar {
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
        height: 4px;
        width: 4px
    }

    .xg-list-slide-scroll::-webkit-scrollbar-corner {
        background: transparent;
        display: none
    }

    .xg-list-slide-scroll::-webkit-scrollbar-thumb {
        background: hsla(0, 0%, 100%, .5);
        border-radius: 3px;
        display: none;
        width: 4px
    }

    .xg-list-slide-scroll:hover::-webkit-scrollbar-thumb {
        display: block
    }

    @-webkit-keyframes xg_right_options_active {
        0% {
            -webkit-transform: translate(50%);
            transform: translate(50%)
        }

        to {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }
    }

    @keyframes xg_right_options_active {
        0% {
            -webkit-transform: translate(50%);
            transform: translate(50%)
        }

        to {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }
    }

    @-webkit-keyframes xg_right_options_hide {
        0% {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }

        to {
            -webkit-transform: translate(50%);
            transform: translate(50%)
        }
    }

    @keyframes xg_right_options_hide {
        0% {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }

        to {
            -webkit-transform: translate(50%);
            transform: translate(50%)
        }
    }

    @-webkit-keyframes xg_left_options_active {
        0% {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }

        to {
            -webkit-transform: translate(50%);
            transform: translate(50%)
        }
    }

    @keyframes xg_left_options_active {
        0% {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }

        to {
            -webkit-transform: translate(50%);
            transform: translate(50%)
        }
    }

    @-webkit-keyframes xg_left_options_hide {
        0% {
            -webkit-transform: translate(50%);
            transform: translate(50%)
        }

        to {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }
    }

    @keyframes xg_left_options_hide {
        0% {
            -webkit-transform: translate(50%);
            transform: translate(50%)
        }

        to {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }
    }

    .xgplayer .xg-options-list li:hover {
        color: red;
        opacity: 1
    }

    .xgplayer .xg-options-list:hover {
        opacity: 1
    }

    @media only screen and (max-width:480px) {
        .xgplayer-mobile .xg-options-list li:hover {
            color: #fffc
        }
    }

    .xgplayer.xgplayer-inactive .controls-autohide {
        pointer-events: none;
        visibility: hidden;
        cursor: default;
        opacity: 0
    }

    .xgplayer .xgplayer-controls {
        display: block;
        position: absolute;
        height: 48px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .37), rgba(0, 0, 0, .75), rgba(0, 0, 0, .75));
        -webkit-transition: opacity .5s ease, visibility .5s ease;
        transition: opacity .5s ease, visibility .5s ease
    }

    .xgplayer .xg-inner-controls {
        position: absolute;
        height: 40px;
        bottom: 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: flex
    }

    .xgplayer .xg-left-grid,
    .xgplayer .xg-right-grid {
        position: relative;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 100%;
        z-index: 1
    }

    .xgplayer .xg-right-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xgplayer .xg-right-grid>:first-child {
        margin-right: 0
    }

    .xgplayer .xg-left-grid>:first-child,
    .xgplayer .xg-right-grid xg-icon {
        margin-left: 0
    }

    .xgplayer .xg-left-grid xg-icon {
        margin-right: 0
    }

    .xgplayer .xg-center-grid {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        outline: none;
        top: -20px;
        padding: 5px 0;
        text-align: center
    }

    .xgplayer .xgplayer-cssfullscreen .xg-get-cssfull {
        display: block
    }

    .xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull {
        display: none
    }

    .xgplayer .xgplayer-play .xg-icon-play {
        display: none
    }

    .xgplayer .xgplayer-play .xg-icon-pause,
    .xgplayer .xgplayer-play[data-state=pause] .xg-icon-play {
        display: block
    }

    .xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause {
        display: none
    }

    .xgplayer .xgplayer-progress {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        min-width: 10px;
        height: 20px;
        left: 0;
        right: 0;
        top: 0;
        outline: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        cursor: pointer
    }

    .xgplayer .xgplayer-progress-outer {
        position: relative;
        width: 100%;
        border-radius: 3px;
        cursor: pointer
    }

    .xgplayer .progress-list {
        display: flex;
        height: 100%;
        width: 100%;
        border-radius: inherit
    }

    .xgplayer .xgplayer-progress-inner {
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        height: 100%;
        background: hsla(0, 0%, 100%, .3);
        -webkit-transition: height .2s ease-in, opacity .2s ease-out;
        transition: height .2s ease-in, opacity .2s ease-out;
        border-radius: inherit;
        pointer-events: none
    }

    .xgplayer .inner-focus-point:after,
    .xgplayer .inner-focus-point:before {
        position: absolute;
        top: 0;
        content: " ";
        display: block;
        width: 2px;
        height: 300%;
        top: 50%;
        z-index: 1;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 3px;
        background: #fff
    }

    .xgplayer .inner-focus-point:before {
        left: 0
    }

    .xgplayer .inner-focus-point:after {
        right: 0
    }

    .xgplayer .xgplayer-progress-cache,
    .xgplayer .xgplayer-progress-played {
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: inherit
    }

    .xgplayer .xgplayer-progress-played {
        background: linear-gradient(-90deg, #fa1f41, #e31106)
    }

    .xgplayer .xgplayer-progress-cache {
        background: hsla(0, 0%, 100%, .5)
    }

    .xgplayer .xgplayer-progress-btn {
        background: rgba(255, 94, 94, .304);
        border: .5px solid rgba(255, 94, 94, .057);
        -webkit-box-shadow: 0 0 1px #ff000062;
        box-shadow: 0 0 1px #ff000062;
        width: 20px;
        height: 20px;
        left: 0;
        position: absolute;
        z-index: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }

    .xgplayer .xgplayer-progress-btn,
    .xgplayer .xgplayer-progress-btn:before {
        display: block;
        border-radius: 30px;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .xgplayer .xgplayer-progress-btn:before {
        content: " ";
        position: relative;
        width: 12px;
        height: 12px;
        left: 50%;
        background: #fff
    }

    .xgplayer .xgplayer-progress-btn.active:before {
        -webkit-box-shadow: 0 0 3px #f85959b0;
        box-shadow: 0 0 3px #f85959b0
    }

    .xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip {
        display: block
    }

    .xgplayer.xgplayer-mobile .xgplayer-progress-btn {
        -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    .xgplayer.xgplayer-mobile .xgplayer-progress-outer {
        height: 3px
    }

    .xgplayer.xgplayer-mobile .xgplayer-progress-inner:last-child,
    .xgplayer.xgplayer-mobile .xgplayer-progress-inner:only-child {
        margin-right: 0
    }

    .xgplayer.xgplayer-mobile .inner-focus-point:after,
    .xgplayer.xgplayer-mobile .inner-focus-point:before {
        width: 3px
    }

    .xgplayer.xgplayer-mobile .xgplayer-progress.active .inner-focus-point:after,
    .xgplayer.xgplayer-mobile .xgplayer-progress.active .inner-focus-point:before {
        width: 6px
    }

    .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before {
        height: 6px;
        width: 6px
    }

    @media (prefers-color-scheme:dark) {
        .xgplayer .xgplayer-progress .xgplayer-progress-inner {
            background-color: #ffffff4d
        }

        .xgplayer .xgplayer-progress .xgplayer-progress-btn {
            background: rgba(255, 94, 94, .304);
            border: .5px solid rgba(255, 94, 94, .057);
            -webkit-box-shadow: 0 0 1px #ff000062;
            box-shadow: 0 0 1px #ff000062
        }

        .xgplayer .xgplayer-progress .xgplayer-progress-btn:before {
            background-color: #fff
        }

        .xgplayer .xgplayer-progress .xgplayer-progress-played {
            background-color: linear-gradient(-90deg, #fa1f41, #e31106)
        }

        .xgplayer .xgplayer-progress .xgplayer-progress-cache {
            background-color: #ffffff80
        }
    }

    .xgplayer .xgplayer-time {
        pointer-events: none;
        min-width: 40px;
        font-size: 14px;
        font-family: PingFangSC-Semibold;
        color: #fff;
        text-align: center;
        line-height: 40px
    }

    .xgplayer .xgplayer-time span {
        display: inline-block;
        line-height: 40px;
        height: 40px
    }

    .xgplayer .xgplayer-time .time-duration {
        color: #ffffff80
    }

    .xgplayer .xgplayer-slider:after {
        content: " ";
        display: block;
        height: 15px;
        width: 28px;
        position: absolute;
        bottom: -15px;
        left: 0;
        z-index: 20;
        cursor: auto
    }

    .xgplayer .xgplayer-drag:after {
        content: " ";
        display: inline-block;
        width: 8px;
        height: 8px;
        background: #fff;
        -webkit-box-shadow: 0 0 5px #00000042;
        box-shadow: 0 0 5px #00000042;
        position: absolute;
        border-radius: 50%;
        left: -2px;
        top: -4px
    }

    @-webkit-keyframes playPause {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        99% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
            opacity: 0
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0
        }
    }

    @keyframes playPause {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        99% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
            opacity: 0
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0
        }
    }

    .xgplayer .xgplayer-start {
        width: 70px;
        height: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 5;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        cursor: pointer
    }

    .xgplayer .xgplayer-start:hover {
        opacity: .85
    }

    .xgplayer.xgplayer-mobile .xgplayer-start:hover {
        opacity: 1
    }

    .xgplayer-enter {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .8);
        z-index: 5;
        pointer-events: none
    }

    @-webkit-keyframes fade {
        0% {
            opacity: 1
        }

        to {
            opacity: .25
        }
    }

    @keyframes fade {
        0% {
            opacity: 1
        }

        to {
            opacity: .25
        }
    }

    .xg-mini-layer xg-mini-header #disabledMini+label:before {
        content: "";
        color: #ff142b;
        background-color: transparent;
        border-radius: 2px;
        border: 1px solid #cdcdcd;
        width: 16px;
        height: 16px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 16px;
        margin-right: 7px
    }

    .xg-mini-layer xg-mini-header #disabledMini:checked+label {
        color: #ff142b
    }

    .xg-mini-layer xg-mini-header #disabledMini:checked+label:before {
        border-color: #ff142b
    }

    .xg-mini-layer xg-mini-header #disabledMini:checked+label:after {
        content: "";
        position: absolute;
        width: 4px;
        height: 8px;
        border-color: #ff142b;
        border-style: solid;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 6px;
        top: 5px
    }

    .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before {
        border-color: #ff142b
    }

    .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label {
        color: #ff142b
    }

    .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips {
        display: block
    }

    .xgplayer-mini:hover {
        cursor: move
    }

    .xgplayer-mini:hover .xg-mini-layer {
        display: block
    }

    .xgplayer.xgplayer-inactive {
        cursor: none
    }

    .xgplayer xg-trigger {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .xgplayer xg-trigger .time-preview {
        position: absolute;
        width: 200px;
        margin: 0 auto;
        padding: 0 20px 30px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        text-shadow: 0 0 1px rgba(0, 0, 0, .54);
        font-size: 18px;
        text-align: center;
        pointer-events: none
    }

    .xgplayer xg-trigger .xg-top-note {
        position: absolute;
        height: 32px;
        width: 135px;
        top: 26px;
        left: 50%;
        margin-left: -78px;
        background: rgba(0, 0, 0, .3);
        border-radius: 100px;
        color: #fff
    }

    .xgplayer .gradient {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        pointer-events: none;
        background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .36) 20%, transparent 36%, transparent 70%, rgba(0, 0, 0, .24) 77%, rgba(0, 0, 0, .36) 83%, rgba(0, 0, 0, .6))
    }

    @-webkit-keyframes loadingRotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        25% {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        50% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        75% {
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes loadingRotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        25% {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        50% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        75% {
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @-webkit-keyframes loadingDashOffset {
        0% {
            stroke-dashoffset: 236
        }

        to {
            stroke-dashoffset: 0
        }
    }

    @keyframes loadingDashOffset {
        0% {
            stroke-dashoffset: 236
        }

        to {
            stroke-dashoffset: 0
        }
    }

    .xgplayer-loading {
        width: 70px;
        height: 70px;
        overflow: hidden;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        pointer-events: none
    }

    .video-loading-spinner {
        display: block;
        width: 42px;
        height: 42px;
        margin: 14px;
        border: 3px solid rgba(255, 255, 255, .35);
        border-top-color: #fff;
        border-radius: 50%;
        box-sizing: border-box;
        -webkit-animation: loadingRotate .8s linear infinite;
        animation: loadingRotate .8s linear infinite
    }

    .xgplayer .xgplayer-playnext:hover {
        opacity: .85
    }

    .xgplayer .xgplayer-playnext:hover .xgplayer-tips {
        display: block
    }

    .xgplayer .xgplayer-prompt.arrow:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid rgba(0, 0, 0, .5);
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }

    .xgplayer .danmu-icon .danmu-switch {
        margin: 0 auto
    }

    .xgplayer .danmu-icon[data-state=active] .danmu-switch {
        padding-left: 12px;
        background-color: #f85959
    }

    .xgplayer .danmu-icon[data-state=active] .danmu-switch-open {
        display: block
    }

    .xgplayer .xgplayer-danmu {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        overflow: hidden;
        pointer-events: none;
        outline: none
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line::-moz-focus-outer {
        border: 0 !important
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-webkit-slider-runnable-track {
        outline: none;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-moz-range-track {
        outline: none;
        background-color: #aaa;
        border-color: transparent;
        cursor: pointer;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-ms-track {
        outline: none;
        background-color: #aaa;
        color: transparent;
        border-color: transparent;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-webkit-slider-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 6px;
        width: 6px;
        margin-top: -4px;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 0;
        width: 0;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-ms-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 6px;
        width: 6px;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-progress {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 4px;
        border-radius: 4px;
        background: linear-gradient(90deg, #f85959, #f85959 100%, #aaa)
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line::-moz-focus-outer {
        border: 0 !important
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-webkit-slider-runnable-track {
        outline: none;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-moz-range-track {
        outline: none;
        background-color: #aaa;
        border-color: transparent;
        cursor: pointer;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-ms-track {
        outline: none;
        background-color: #aaa;
        color: transparent;
        border-color: transparent;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-webkit-slider-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 6px;
        width: 6px;
        margin-top: -4px;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-moz-range-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 0;
        width: 0;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-ms-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 6px;
        width: 6px;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line::-moz-focus-outer {
        border: 0 !important
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-webkit-slider-runnable-track {
        outline: none;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-moz-range-track {
        outline: none;
        background-color: #aaa;
        border-color: transparent;
        cursor: pointer;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-ms-track {
        outline: none;
        background-color: #aaa;
        color: transparent;
        border-color: transparent;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-webkit-slider-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 6px;
        width: 6px;
        margin-top: -4px;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-moz-range-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 0;
        width: 0;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-ms-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 6px;
        width: 6px;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line::-moz-focus-outer {
        border: 0 !important
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-webkit-slider-runnable-track {
        outline: none;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-moz-range-track {
        outline: none;
        background-color: #aaa;
        border-color: transparent;
        cursor: pointer;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-ms-track {
        outline: none;
        background-color: #aaa;
        color: transparent;
        border-color: transparent;
        width: 150px;
        height: 4px;
        border-radius: 4px
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-webkit-slider-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 6px;
        width: 6px;
        margin-top: -4px;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-moz-range-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 0;
        width: 0;
        border-radius: 6px;
        cursor: pointer
    }

    .xgplayer .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-ms-thumb {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 6px solid #f85959;
        height: 6px;
        width: 6px;
        border-radius: 6px;
        cursor: pointer
    }

/* style block 4 */
img[data-v-3be51c1a] {
        width: 1.02564rem;
        height: 1.02564rem;
        border-radius: .51282rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    .active[data-v-3be51c1a] {
        width: 2.5641rem;
        height: 1.79487rem;
        background-size: cover;
        background-position: 50%;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0-.38462rem -.25641rem -.76923rem
    }

    [data-v-26a3ed30]::-webkit-scrollbar {
        display: none;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    @-webkit-keyframes fade-in-26a3ed30 {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fade-in-26a3ed30 {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .grid-item[data-v-26a3ed30]:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    @-webkit-keyframes anim-blue-26a3ed30 {
        0% {
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

        to {
            -webkit-transform: translate3d(.38462rem, 0, 0) scale(1.4);
            transform: translate3d(.38462rem, 0, 0) scale(1.4)
        }
    }

    @keyframes anim-blue-26a3ed30 {
        0% {
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

        to {
            -webkit-transform: translate3d(.38462rem, 0, 0) scale(1.4);
            transform: translate3d(.38462rem, 0, 0) scale(1.4)
        }
    }

    @-webkit-keyframes anim-red-26a3ed30 {
        0% {
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

        to {
            -webkit-transform: translate3d(-.38462rem, 0, 0) scale(1.4);
            transform: translate3d(-.38462rem, 0, 0) scale(1.4)
        }
    }

    @keyframes anim-red-26a3ed30 {
        0% {
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

        to {
            -webkit-transform: translate3d(-.38462rem, 0, 0) scale(1.4);
            transform: translate3d(-.38462rem, 0, 0) scale(1.4)
        }
    }

    .stop[data-v-4e3ced48]:before {
        height: 3.5px
    }

    @-webkit-keyframes pause-animation-4e3ced48 {
        0% {
            opacity: 0;
            -webkit-transform: scale(2);
            transform: scale(2)
        }

        50% {
            opacity: .5;
            -webkit-transform: 1;
            transform: 1
        }

        to {
            -webkit-transform: 1;
            transform: 1;
            opacity: .5
        }
    }

    @keyframes pause-animation-4e3ced48 {
        0% {
            opacity: 0;
            -webkit-transform: scale(2);
            transform: scale(2)
        }

        50% {
            opacity: .5;
            -webkit-transform: 1;
            transform: 1
        }

        to {
            -webkit-transform: 1;
            transform: 1;
            opacity: .5
        }
    }

    :root {
        --swiper-theme-color: #007aff
    }

    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-centered>.swiper-wrapper:before {
        content: "";
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-ordinal-group: 10000;
        -webkit-order: 9999;
        -ms-flex-order: 9999;
        order: 9999
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper:before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after)
    }

    @-webkit-keyframes swiper-preloader-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes swiper-preloader-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: transform .2s, right .2s;
        transition: transform .2s, right .2s
    }

    span[data-v-23c182a9] {
        color: #ccc
    }

    .content[data-v-23c182a9] {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .mongban[data-v-23c182a9] {
        position: absolute;
        left: 0;
        top: 82%;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        height: 19%;
        background-color: rgba(56, 56, 56, .48);
        color: #fff
    }

    .mongban img[data-v-23c182a9] {
        width: .25641rem;
        margin: 0 .12821rem
    }

    .mongban span[data-v-23c182a9] {
        margin: 0 .12821rem
    }

    .auther[data-v-23c182a9] {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .auther span[data-v-23c182a9] {
        margin: 0 3px
    }

    .auther span[data-v-23c182a9],
    .text-title span[data-v-23c182a9] {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important
    }

    .text-title span[data-v-23c182a9] {
        font-size: .33333rem;
        word-break: break-all
    }

    .smallimage[data-v-23c182a9] {
        height: 2.5641rem;
        display: inline-block;
        position: relative;
        width: 100%
    }

    .smallimage .imgitem[data-v-23c182a9] {
        width: 100%;
        height: 2.5641rem;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: .12821rem
    }

    @-webkit-keyframes rolaterefresh-2c889d55 {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes rolaterefresh-2c889d55 {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @-webkit-keyframes bounce-22f9ddd8 {

        0%,
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        50% {
            -webkit-transform: translateY(-.25641rem);
            transform: translateY(-.25641rem)
        }
    }

    @keyframes bounce-22f9ddd8 {

        0%,
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        50% {
            -webkit-transform: translateY(-.25641rem);
            transform: translateY(-.25641rem)
        }
    }

    @-webkit-keyframes bounce-5b47e136 {

        0%,
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        50% {
            -webkit-transform: translateY(-.25641rem);
            transform: translateY(-.25641rem)
        }
    }

    @keyframes bounce-5b47e136 {

        0%,
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        50% {
            -webkit-transform: translateY(-.25641rem);
            transform: translateY(-.25641rem)
        }
    }

    @-webkit-keyframes rolaterefresh-55e30d8e {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes rolaterefresh-55e30d8e {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .van-field__control[data-v-39599956]:disabled {
        color: red
    }

    @-webkit-keyframes switchtext-39599956 {
        0% {
            opacity: .2;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }

        10% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        90% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        to {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            opacity: .2
        }
    }

    @keyframes switchtext-39599956 {
        0% {
            opacity: .2;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }

        10% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        90% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        to {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            opacity: .2
        }
    }

    .van-field__control[data-v-9b4b4140]:disabled {
        color: red
    }

    #search input[data-v-9b4b4140]::-webkit-input-placeholder {
        color: #a7a7a7
    }

    #search input[data-v-9b4b4140]::-moz-placeholder {
        color: #a7a7a7
    }

    #search input[data-v-9b4b4140]:-ms-input-placeholder {
        color: #a7a7a7
    }

    #search input[data-v-9b4b4140]::-ms-input-placeholder {
        color: #a7a7a7
    }

    #search input[data-v-9b4b4140]::placeholder {
        color: #a7a7a7
    }

    .close-btn[data-v-59cef961]:hover {
        background: #f5f5f5;
        color: #333
    }

    .dialog-body .download-btn[data-v-59cef961]:hover {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-box-shadow: 0 4px .30769rem hsla(0, 100%, 71%, .3);
        box-shadow: 0 4px .30769rem hsla(0, 100%, 71%, .3)
    }

    @-webkit-keyframes slide-right-out {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }

        to {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0
        }
    }

    @keyframes slide-right-out {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }

        to {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0
        }
    }

    @-webkit-keyframes slide-left-in {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    @keyframes slide-left-in {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    @-webkit-keyframes slide-left-out {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }

        to {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0
        }
    }

    @keyframes slide-left-out {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }

        to {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0
        }
    }

    ::-webkit-scrollbar {
        display: none;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    :root {
        --van-tabbar-height: 1.28205rem;
        --van-grid-item-content-background: #0d0d0d;
        --van-grid-item-text-color: #e4e4e4;
        --van-tabs-default-color: #f4153a;
        --van-tabbar-background: #0d0d0d;
        --van-tabbar-background-color: #0d0d0d;
        --van-tabbar-item-active-background: #0d0d0d;
        --van-tabs-bottom-bar-color: #f4153a;
        --van-tabs-nav-background: #0d0d0d;
        --van-nav-bar-background: #0d0d0d !important;
        --van-tabbar-item-active-color: #f4153a;
        --van-tab-active-text-color: #f4153a;
        --van-tab-disabled-text-color: #fff;
        --van-tabbar-item-color: #fff;
        --van-padding-base: 0;
        --van-background-color-light: #0d0d0d;
        --van-search-input-height: 0.76923rem;
        --van-search-padding: 0.12821rem 0.61538rem;
        --van-search-action-padding: 0 0.51282rem;
        --van-divider-margin: 0.20513rem 0;
        --van-divider-border-color: #606060;
        --van-nav-bar-arrow-size: 0.46154rem !important;
        --van-nav-bar-icon-color: #fff !important;
        --van-search-background-color: #0d0d0d;
        --van-nav-bar-title-text-color: #e4e4e4 !important;
        --van-nav-bar-text-color: #e4e4e4 !important;
        --van-dialog-background-color: #fff;
        --van-button-default-background-color: #fff;
        --van-toast-background-color: #ddd;
        --van-nav-bar-z-index: 10 !important;
        --van-grid-item-content-active-color: rgba(30, 30, 33, .75);
        --van-notice-bar-background: #0d0d0d;
        --van-popup-background-color: #fff;
        --van-share-sheet-cancel-button-background: #fff;
        --van-padding-md: 0.25641rem;
        --van-field-input-text-color: #211615;
        --van-field-label-color: #333;
        --van-cell-text-color: #333;
        --van-grid-item-content-padding: 0.12821rem 0;
        --van-grid-item-content-margin: 0 1px
    }

    #app {
        height: 100vh;
        overflow: auto
    }

    #parentcontent {
        margin: auto;
        overflow: hidden;
        width: 10rem;
        background-color: #0d0d0d
    }

    #parentcontent,
    body {
        position: relative;
        height: 100vh
    }

    body {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    body,
    html {
        text-align: start
    }

    html {
        background-color: #0d0d0d
    }

    @-webkit-keyframes fade-in {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fade-in {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .grid_scrolldiv {
        display: flex;
        overflow-x: auto
    }

    .custom-grid {
        display: grid;
        width: 100%;
        min-width: 100%
    }

    .grid-item:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

/* style block 5 */
.adimg[data-v-4cde56f7] {
        width: 5.12821rem;
        height: 1.79487rem;
        text-align: center;
        z-index: 899
    }

    img[data-v-4cde56f7] {
        margin: auto;
        width: 5.12821rem;
        height: 1.74359rem;
        border-radius: .25641rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    #lablebar[data-v-c710eb5a] {
        width: 9.74359rem;
        display: flex;
        overflow-x: auto;
        margin: .25641rem;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    #lablebar span[data-v-c710eb5a] {
        color: #e4e4e4;
        font-size: .33333rem;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: .38462rem;
        padding: 3px .25641rem;
        background-color: #383838;
        border-radius: .12821rem
    }

    .recommenduser[data-v-b697d45a] {
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 9.74359rem;
        overflow-x: scroll;
        padding: .15385rem;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .recommenduser .item[data-v-b697d45a] {
        width: 8.97436rem;
        margin: .12821rem 1px;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: .25641rem
    }

    .recommenduser .item .active[data-v-3be51c1a] {
        width: auto;
        height: auto;
        margin: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .recommenduser .item .div1[data-v-b697d45a] {
        position: static;
        width: auto;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .recommenduser .item .span1[data-v-b697d45a] {
        color: #fff;
        font-size: .33333rem;
        margin: .12821rem 1px;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important
    }

    [data-v-363cf302] .van-grid-item__content {
        padding: .12821rem 0;
        margin: 0
    }

    .videolist[data-v-363cf302] {
        width: 10rem
    }

    #content[data-v-233f6c56] {
        width: 10rem;
        height: 70vh;
        overflow-y: scroll;
        overflow-x: hidden;
        box-sizing: border-box;
        padding-bottom: 50px
    }

    #content span[data-v-233f6c56] {
        color: #e4e4e4;
        font-size: .33333rem
    }

    #content #div1[data-v-233f6c56] {
        font-size: .33333rem;
        margin: .25641rem 0
    }

    #content #div1 .activeType[data-v-233f6c56] {
        margin-left: .30769rem;
        font-size: .4359rem
    }

    #content #titlemain[data-v-233f6c56] {
        display: flex
    }

    #content .titlevideo[data-v-233f6c56] {
        font-size: .41026rem;
        padding: .25641rem;
        color: #ccc
    }

    #content .left[data-v-233f6c56] {
        width: 4.23077rem;
        display: flex;
        margin: 0 0 0 .25641rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: .41026rem
    }

    #content .left .introduce[data-v-233f6c56] {
        color: #ccc;
        display: inline;
        font-size: .28205rem
    }

    #content .left .introduce .red[data-v-233f6c56] {
        color: red
    }

    #content .oprate[data-v-233f6c56] {
        width: 4.87179rem;
        margin: 0;
        margin-top: -.46154rem;
        margin-left: 4.35897rem;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        display: flex
    }

    #content .oprate .opitem[data-v-233f6c56] {
        width: 1.53846rem;
        height: .51282rem
    }

    #content .oprate span[data-v-233f6c56] {
        font-size: .30769rem;
        margin-left: 3px;
        color: #ccc;
        vertical-align: middle
    }

    #content .oprate img[data-v-233f6c56] {
        width: .51282rem;
        vertical-align: middle
    }

    .option-btn[data-v-18c6500e]:active {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    .close-btn[data-v-161d8670]:hover {
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-box-shadow: 0 4px .30769rem rgba(255, 12, 96, .4);
        box-shadow: 0 4px .30769rem rgba(255, 12, 96, .4)
    }

    .close-btn[data-v-161d8670]:active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: .9
    }

    .close-button[data-v-161d8670]:active {
        -webkit-transform: scale(.98);
        -ms-transform: scale(.98);
        transform: scale(.98);
        opacity: .9
    }

    @-webkit-keyframes tabLineIn-6b169f0a {
        0% {
            width: 0;
            opacity: 0
        }

        to {
            width: .76923rem;
            opacity: 1
        }
    }

    @keyframes tabLineIn-6b169f0a {
        0% {
            width: 0;
            opacity: 0
        }

        to {
            width: .76923rem;
            opacity: 1
        }
    }

    .add-marker-btn[data-v-6b169f0a]:active {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
        background: #e00b55
    }

    .marker-item[data-v-6b169f0a]:active {
        background-color: #f9f9f9
    }

    .marker-likes[data-v-6b169f0a]:not(.disabled):active {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
        background: #ff0c60
    }

    .marker-likes:not(.disabled):active .like-count[data-v-6b169f0a],
    .marker-likes:not(.disabled):active .like-icon[data-v-6b169f0a] {
        color: #fff
    }

    .marker-report[data-v-6b169f0a]:not(.disabled):active {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
        background: #ff6b6b;
        color: #fff
    }

    @-webkit-keyframes spin-6b169f0a {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes spin-6b169f0a {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .markers-container[data-v-6b169f0a]::-webkit-scrollbar {
        width: 4px
    }

    .markers-container[data-v-6b169f0a]::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 2px
    }

    .markers-container[data-v-6b169f0a]::-webkit-scrollbar-thumb:hover {
        background: #bbb
    }

    .markers-container[data-v-6b169f0a]::-webkit-scrollbar-track {
        background: transparent
    }

    .close-icon[data-v-543f9de2]:active {
        color: #666
    }

    @-webkit-keyframes spin-543f9de2 {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes spin-543f9de2 {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .tag-item[data-v-543f9de2]:active {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    .marker-input[data-v-543f9de2]:focus {
        border-color: #ff0c60;
        background: #fff
    }

    .marker-input[data-v-543f9de2]::-webkit-input-placeholder {
        color: #bbb
    }

    .marker-input[data-v-543f9de2]::-moz-placeholder {
        color: #bbb
    }

    .marker-input[data-v-543f9de2]:-ms-input-placeholder {
        color: #bbb
    }

    .marker-input[data-v-543f9de2]::-ms-input-placeholder {
        color: #bbb
    }

    .marker-input[data-v-543f9de2]::placeholder {
        color: #bbb
    }

    .submit-btn[data-v-543f9de2]:active:not(:disabled) {
        -webkit-transform: scale(.98);
        -ms-transform: scale(.98);
        transform: scale(.98);
        background: #e00b55
    }

    .submit-btn[data-v-543f9de2]:disabled {
        background: #ddd;
        cursor: not-allowed;
        opacity: .6
    }

    .detail-video-page-wrapper[data-v-f0568acc] {
        width: 100%;
        height: 100%
    }

    #videoContent[data-v-f0568acc] {
        width: 10rem;
        height: 100vh;
        position: fixed;
        top: 0;
        bottom: 0;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden
    }

    #videoContent .vantabs[data-v-f0568acc] {
        height: 1.02564rem;
        display: block;
        position: relative
    }

    .videoparent[data-v-f0568acc] {
        background-color: #0d0d0d;
        width: 100%;
        height: 5.64103rem;
        display: flex;
        position: relative;
        overflow: hidden
    }

    .videoparent[data-v-f0568acc]>[id^=videoid_detail] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .brightness-overlay[data-v-f0568acc] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        pointer-events: none;
        z-index: 1;
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease
    }

    @-webkit-keyframes watermark-marquee-f0568acc {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
    }

    @keyframes watermark-marquee-f0568acc {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
    }

    .iaDisableTab[data-v-f0568acc] {
        color: #a7a7a7;
        font-size: .35897rem
    }

    .activeTab[data-v-f0568acc] {
        color: #fff;
        font-size: .41026rem
    }

    .change-player[data-v-f0568acc] {
        right: .38462rem;
        top: .25641rem;
        position: absolute;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #242526;
        gap: .12821rem;
        font-size: .30769rem;
        padding: .12821rem .20513rem;
        border-radius: .61538rem;
        text-align: center
    }

    .change-player .hint-text[data-v-f0568acc] {
        color: #ff4d4f
    }

    .change-player .switch-text[data-v-f0568acc] {
        color: #fff
    }

    .fullscreen-guide[data-v-f0568acc] {
        right: 1.41026rem;
        top: .38462rem;
        position: absolute;
        background-color: rgba(36, 37, 38, .8);
        font-size: .28205rem;
        padding: .15385rem .25641rem;
        border-radius: .30769rem;
        cursor: pointer;
        z-index: 1000
    }

    .fullscreen-guide .guide-text[data-v-f0568acc] {
        color: #ff4d4f;
        white-space: nowrap
    }

    .setting-btn[data-v-f0568acc] {
        right: .38462rem;
        top: .38462rem;
        position: absolute;
        background-color: rgba(36, 37, 38, .8);
        padding: .15385rem;
        border-radius: 50%;
        cursor: pointer;
        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;
        z-index: 1000
    }

    .setting-btn img[data-v-f0568acc] {
        width: .51282rem;
        height: .51282rem
    }

    .controls-autohide[data-v-f0568acc] {
        position: relative;
        z-index: 10001
    }

    .controls-autohide .back-btn[data-v-f0568acc],
    .controls-autohide .fullscreen-guide[data-v-f0568acc],
    .controls-autohide .setting-btn[data-v-f0568acc] {
        pointer-events: auto
    }

    .back-btn[data-v-f0568acc] {
        left: .38462rem;
        top: .38462rem;
        position: absolute;
        background-color: rgba(36, 37, 38, .8);
        padding: .15385rem .25641rem;
        border-radius: .51282rem;
        cursor: pointer;
        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;
        gap: .15385rem;
        z-index: 1000;
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease
    }

    .back-btn[data-v-f0568acc]:active {
        background-color: rgba(36, 37, 38, .95)
    }

    .back-btn img[data-v-f0568acc] {
        width: .51282rem;
        height: .51282rem;
        display: block
    }

    .back-text[data-v-f0568acc] {
        color: #fff;
        font-size: .35897rem;
        white-space: nowrap;
        font-weight: 500
    }

    [data-v-f0568acc] .van-tabs__wrap {
        height: var(--van-tabs-line-height);
        width: 3.84615rem
    }

    .linediv .linediv-item.active[data-v-f0568acc]:after {
        content: "";
        position: absolute;
        right: .38462rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: .12821rem;
        height: .12821rem;
        border-radius: 50%;
        background-color: #fff
    }

    .linediv .linediv-item[data-v-f0568acc]:active {
        background-color: #242526
    }

    .send-danmu-input[data-v-f0568acc]:focus {
        border-color: #ff0c60
    }

    .send-danmu-btn[data-v-f0568acc]:disabled {
        background: #ccc;
        cursor: not-allowed
    }

/* style block 6 */
.danmu {
        user-select: none;
        -ms-user-select: none
    }

    .danmu-switch {
        width: 32px;
        height: 20px;
        border-radius: 100px;
        box-sizing: border-box;
        outline: none;
        cursor: pointer;
        position: relative;
        text-align: center
    }

    .danmu-switch span.txt {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        display: block;
        border-radius: 100px;
        background-color: #fff;
        box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
        font-family: PingFangSC;
        font-size: 10px;
        font-weight: 500;
        color: #f44336
    }

/* style block 7 */
.sf-hidden {
        display: none !important
    }

/* style block 8 */
img[src="data:,"],
    source[src="data:,"] {
        display: none !important
    }

/* style block 9 id=mobile-opt */
html,
    body {
        width: 100%;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        -webkit-overflow-scrolling: touch
    }

    #parentcontent,
    #videoContent {
        width: 100% !important;
        max-width: 10rem;
        margin-left: auto;
        margin-right: auto
    }

    #content[data-v-233f6c56],
    .comment-content {
        padding-bottom: 50px !important
    }

    #videoContent {
        left: 0;
        right: 0;
        padding-bottom: env(safe-area-inset-bottom, 0)
    }

    .xgplayer .xgplayer-controls {
        padding-bottom: calc(4px + env(safe-area-inset-bottom, 0))
    }

    .xgplayer .xg-inner-controls {
        height: 44px !important;
        padding: 0 4px
    }

    .xgplayer xg-icon {
        min-width: 36px;
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .juQing-plugin,
    .send-danmu-plugin {
        font-size: .28rem !important;
        margin-right: .1rem !important;
        white-space: nowrap
    }

    .juQing-plugin>div,
    .send-danmu-plugin>div {
        margin-right: .1rem !important
    }

    .send-danmu-plugin .danmu-switch {
        flex-shrink: 0;
        cursor: pointer;
        background-color: rgba(255, 255, 255, .3)
    }

    .send-danmu-plugin[data-state=active] .danmu-switch {
        padding-left: 12px;
        background-color: #f85959
    }

    .send-danmu-plugin[data-state=inactive] .danmu-switch span.txt {
        color: transparent;
        box-shadow: 2px 0 0 0 rgba(0, 0, 0, .04)
    }

    .xgplayer .xg-right-grid {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none
    }

    .xgplayer .xg-right-grid::-webkit-scrollbar {
        display: none
    }

    .xgplayer .xgplayer-time {
        font-size: 12px
    }

    .back-btn[data-v-f0568acc],
    .setting-btn[data-v-f0568acc] {
        top: calc(.38462rem + env(safe-area-inset-top, 0)) !important
    }

    .app-loading-box {
        padding-top: 40vh !important
    }

    @media (max-width:480px) {
        .xgplayer .xg-center-grid {
            top: -16px;
            padding: 8px 12px 0
        }

        .xgplayer .xgplayer-progress {
            min-width: 0
        }

        .fullscreen-guide[data-v-f0568acc] {
            display: none
        }
    }

    @media (min-width:481px) {
        html {
            font-size: 54px !important
        }

        #parentcontent,
        #videoContent {
            max-width: 540px
        }
    }

    .comment-content {
        width: 100%;
        height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: .25641rem .38462rem 50px;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        background: #0d0d0d
    }

    .page-bottom-spacer {
        width: 100%;
        height: 50px;
        flex-shrink: 0
    }

    .comment-rules p {
        font-size: .42rem;
        line-height: calc(1em + 2px);
        color: #ffffff;
        margin: 0 0 2px 0;
        word-break: break-word;
        text-align: left
    }

    .comment-rules-title,
    .comment-rules-footer {
        color: #ffffff;
        text-align: left;
        margin: 0 0 2px;
        font-size: .46rem;
        line-height: calc(1em + 2px)
    }

    .comment-rules-item {
        text-align: left
    }

    .comment-rules-email {
        color: #5b9bd5;
        word-break: break-all
    }

    .vantabs[data-v-f0568acc] {
        position: relative;
        z-index: 10002
    }

    .van-tabs__nav [role=tab] {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation
    }

    .app-download-modal {
        position: fixed;
        inset: 0;
        z-index: 3000;
        display: none;
        align-items: center;
        justify-content: center;
        padding: .5rem;
        background: rgba(0, 0, 0, .62);
        box-sizing: border-box
    }

    .app-download-modal.show {
        display: flex
    }

    .app-download-dialog {
        position: relative;
        width: 100%;
        max-width: 9.3rem;
        min-height: 9.35rem;
        padding: .68rem .66rem .66rem;
        border-radius: .42rem;
        background: #fff;
        color: #303238;
        text-align: center;
        box-sizing: border-box
    }

    .app-download-close {
        position: absolute;
        top: .42rem;
        right: .48rem;
        width: .6rem;
        height: .6rem;
        border: 0;
        padding: 0;
        background: transparent;
        color: #8a8a8a;
        font-size: .8rem;
        line-height: .54rem;
        font-weight: 300;
        cursor: pointer
    }

    .app-download-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .18rem;
        margin-bottom: 2.55rem;
        color: #111;
        font-size: .26rem;
        font-weight: 500
    }

    .app-download-icon {
        width: .68rem;
        height: .68rem;
        object-fit: contain
    }

    .app-download-title {
        margin: 0 0 .7rem;
        font-size: .5rem;
        line-height: 1.25;
        font-weight: 800
    }

    .app-download-desc {
        margin: 0 0 .8rem;
        color: #6b6d73;
        font-size: .36rem;
        line-height: 1.35;
        font-weight: 700
    }

    .app-download-desc-last {
        margin-bottom: .62rem
    }

    .app-download-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .18rem;
        width: 100%;
        min-height: 1.16rem;
        padding: .22rem 0;
        border-radius: .6rem;
        background: #ff6d75;
        color: #fff;
        font-size: .42rem;
        font-weight: 700;
        text-decoration: none
    }

    .app-download-btn.loading {
        opacity: .86;
        pointer-events: none
    }

    .app-download-btn.loading::before {
        content: "";
        width: .36rem;
        height: .36rem;
        border: 2px solid rgba(255, 255, 255, .45);
        border-top-color: #fff;
        border-radius: 50%;
        box-sizing: border-box;
        animation: app-download-spin .8s linear infinite
    }

    @keyframes app-download-spin {
        to {
            transform: rotate(360deg)
        }
    }

    .xgplayer .xgplayer-loading {
        display: none !important
    }

    .xgplayer.xgplayer-inactive .xgplayer-controls.controls-autohide {
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important
    }