[data-v-d3b67318]:root{--mainBGC1:#17eee8;--mainBGC2:#ee1a93;--mainBGC3:#161823;--mainDark:#131120;--brColor:#22232e;--color:#fff;--colorSecond:hsla(0,0%,100%,0.7);--colorThird:hsla(0,0%,100%,0.5);--colorDescribe:#d6d6d6;--colorTag:#7c7e84;--bgTag:#232630;--placeholder:#1c1931;--dark:#211d38}.component-long-container[data-v-d3b67318]{padding-bottom:18px}.component-long-container .container-header[data-v-d3b67318]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;height:27px;line-height:27px}.component-long-container .container-header .title[data-v-d3b67318]{font-weight:700;font-size:18px;color:#fff}.component-long-container .container-header .more[data-v-d3b67318]{font-weight:700;font-size:12px;color:#9593aa}.component-long-container .container-row[data-v-d3b67318]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.component-long-container .change-content-box[data-v-d3b67318]{display:flex;justify-content:center;padding:10px 0 20px}.component-long-container .change-content-box>button[data-v-d3b67318]{display:flex;justify-content:center;align-items:center;width:103px;height:40px;color:#fff;border:0;border-radius:20px;font-size:14px;font-weight:400;background:linear-gradient(90deg,#1e84fe -40%,#bd24ff)}.component-long-container .change-content-box>button>i[data-v-d3b67318]{margin-right:4px}.component-long-container .banner-box[data-v-d3b67318]{width:100%;height:141px}.component-long-container .banner-box .container-banner[data-v-d3b67318]{width:100%;height:100%}.component-long-container .banner-box .container-banner>img[data-v-d3b67318]{width:100%;height:100%;object-fit:cover;border-radius:5px}.banner-box-container[data-v-37be0bff]{margin-bottom:15px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.banner-box-container .b-item[data-v-37be0bff]{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:62.5px;height:75px}.banner-box-container .b-item .img-box[data-v-37be0bff]{width:50px;height:50px}.banner-box-container .b-item .item-name[data-v-37be0bff]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;line-height:1.2em;max-height:1.2em;height:1.2em;font-size:12px}.center-mask[data-v-7f859dc7]{z-index:100}.official-index[data-v-7f859dc7]{z-index:1000}.no-play[data-v-7f859dc7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;text-align:left;background:#fff;font-size:14px;color:#000;border-radius:15px;padding:68px 27px 30px;box-sizing:border-box;z-index:1000}.no-play>.icon-close-black[data-v-7f859dc7]{position:absolute;right:10px;top:12px;width:20px;height:20px}.no-play>.icon[data-v-7f859dc7]{width:205px;height:150px;position:absolute;top:-90px;left:50%;transform:translateX(-50%)}.no-play .child-container>.title[data-v-7f859dc7]{text-align:center;letter-spacing:.32px;font-size:20px;color:#222;margin-bottom:19.5px;font-weight:500}.no-play .child-container>.content[data-v-7f859dc7]{user-select:auto}.no-play .child-container>.content p[data-v-7f859dc7]{user-select:auto!important}.no-play .child-container>.btn-group[data-v-7f859dc7]{height:44px;margin-top:25.5px;display:flex;justify-content:space-around}.no-play .child-container>.btn-group>button[data-v-7f859dc7]{flex:1;border:none;background:transparent;margin:0;padding:0;letter-spacing:.6px;border-radius:4px;background-color:#ededed;color:#222;font-size:16px;font-weight:700;height:44px;line-height:44px}.no-play .child-container>.btn-group>button.btn-confirm[data-v-7f859dc7]{background-image:linear-gradient(90deg,#1f83fe,#c124ff);color:#fff}.no-play .child-container>.btn-group>button+button[data-v-7f859dc7]{margin-left:5px}.picture-container[data-v-7f859dc7]{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100vw;height:100vh;box-sizing:border-box;z-index:9999;background-color:rgba(0,0,0,.8)}.picture-container .img-box[data-v-7f859dc7]{display:block;position:relative;width:300px;height:406px;border-radius:15px}.picture-container .img-box .img-box-close[data-v-7f859dc7]{position:absolute;bottom:-49px;right:50%;width:40px;height:40px;transform:translateX(50%)}.picture-container .img-box .activity-img[data-v-7f859dc7]{width:100%;height:100%;border-radius:15px}.fade-enter-active[data-v-7f859dc7],.fade-leave-active[data-v-7f859dc7]{transition:opacity 1s}[data-v-18a6fc54]:root{--mainBGC1:#17eee8;--mainBGC2:#ee1a93;--mainBGC3:#161823;--mainDark:#131120;--brColor:#22232e;--color:#fff;--colorSecond:hsla(0,0%,100%,0.7);--colorThird:hsla(0,0%,100%,0.5);--colorDescribe:#d6d6d6;--colorTag:#7c7e84;--bgTag:#232630;--placeholder:#1c1931;--dark:#211d38}.long-top[data-v-18a6fc54]{position:sticky;top:0;left:0;width:100%;background:#141120;z-index:1000}.long-top .long-top-sticky[data-v-18a6fc54]{position:static;top:0;left:0;z-index:1}.long-top .t-search[data-v-18a6fc54]{display:flex;justify-content:space-between;align-items:center;padding:5px 15px}.long-top .t-search .l-search-input[data-v-18a6fc54]{position:relative}.long-top .t-search .l-search-input .icon-search-white[data-v-18a6fc54]{position:absolute;left:12.5px;top:10.5px;width:15px;height:16px}.long-top .t-search .l-search-input .search-input[data-v-18a6fc54]{display:flex;align-items:center;width:290px;height:36px;padding-left:39.5px;border-radius:18px;font-weight:700;font-size:14px;color:hsla(0,0%,100%,.3333333333);background:hsla(0,0%,100%,.2);box-sizing:border-box}.long-top .t-search .l-search-input .search-input[data-v-18a6fc54]::placeholder{font-weight:700;font-size:14px;color:hsla(0,0%,100%,.3333333333)}.long-top .t-search .icon-category[data-v-18a6fc54]{margin-right:6px;width:28px;height:28px}.long-top .b-navigation[data-v-18a6fc54]{padding:15px 0 0}.long-top .b-navigation .b-navigation-box[data-v-18a6fc54]{display:flex;padding:0 12.5px;white-space:nowrap;overflow-x:scroll}.long-top .b-navigation .b-navigation-box>li[data-v-18a6fc54]{flex:none;position:relative;float:left;display:block;padding:5.5px 7.5px 12px;height:17px;line-height:17px;font-weight:700;font-size:16px;color:#dcdcdc}.long-top .b-navigation .b-navigation-box .n-target[data-v-18a6fc54]{font-size:18px;color:#fff}.long-top .b-navigation .b-navigation-box .n-target .icon-choose-line[data-v-18a6fc54]{position:absolute;left:50%;bottom:5px;width:20px;height:2px;transform:translate(-50%)}.long-top .b-navigation .b-navigation-box[data-v-18a6fc54]::-webkit-scrollbar{display:none}.long-top .top-notice-bar[data-v-18a6fc54]{width:92%;margin:0 auto;padding:6px 0 10px;z-index:1000}.long-top .top-notice-bar .notice-box[data-v-18a6fc54]{display:flex;align-items:center;width:100%;height:36px;border:1px solid hsla(0,0%,100%,.2);border-radius:18px;box-sizing:border-box}.long-top .top-notice-bar .notice-box .icon-notice[data-v-18a6fc54]{margin-left:11.5px;margin-right:11px;width:20px;height:20px}.long-top .top-notice-bar .notice-box .wrap[data-v-18a6fc54]{overflow:hidden;white-space:nowrap;position:relative;width:320px;height:21px}.long-top .top-notice-bar .notice-box .wrap .cont[data-v-18a6fc54]{position:absolute;top:0;left:0;height:100%;display:flex;font-size:14px}.long-container .long-content .long-list .b-swipe-banner .my-swipe-inside[data-v-18a6fc54]{margin-bottom:15px}.long-container .long-content .long-list .b-swipe-banner .my-swipe-inside .van-swipe-item[data-v-18a6fc54]{padding:0}.long-container .long-content .long-list .b-swipe-banner .my-swipe-inside .index-swipter-banner[data-v-18a6fc54]{height:172.5px;border-radius:10px;overflow:hidden}.long-container .long-content .long-list .b-swipe-banner .my-swipe-inside .index-swipter-banner .banner-cover[data-v-18a6fc54]{width:100%;height:100%;object-fit:cover}.long-container .long-content .long-list .my-swipe-side .van-swipe-item[data-v-18a6fc54]{width:100%;padding:0 15px;box-sizing:border-box}.long-container .long-content .long-list .my-swipe-side .loading-box[data-v-18a6fc54]{width:100%;height:50px}.long-container .long-content .long-list .my-swipe-side .swiper-banner-indicator[data-v-18a6fc54]{text-align:center;padding:10px 0 15px;height:5px;line-height:5px}.long-container .long-content .long-list .my-swipe-side .swiper-banner-indicator>span[data-v-18a6fc54]{display:inline-block;margin:0 5px;width:5px;height:5px;background:hsla(0,0%,100%,.3333333333);border-radius:50%;vertical-align:text-top}.long-container .long-content .long-list .my-swipe-side .swiper-banner-indicator .target[data-v-18a6fc54]{background:#fff}