.emptyContainer[data-v-71aa7f94]{width:100vw;height:100vh;background-color:#0c1a33;text-align:center}.emptyContainer img[data-v-71aa7f94]{width:230px;height:146px;margin-top:30%}.emptyContainer p[data-v-71aa7f94]{margin-top:24px;font-size:16px;color:#a2b9f6}.gifDetail[data-v-2f6896d4]{height:calc(100vh - 119px);height:100%;overflow:hidden;position:relative}.swiper-container-son[data-v-2f6896d4]{width:100%;height:183px;position:fixed}.swiper-container-son .gifItem[data-v-2f6896d4]{max-width:100%;max-height:180px}.swiper-container-son .swiper-pagination .swiper-pagination-bullet-active[data-v-2f6896d4]{background-color:#28bc98}.gifContent[data-v-2f6896d4]{width:calc(100vw - 20px);height:calc(100vh - 302px);border-radius:16px;background-color:#fff;margin:0 10px;padding:12px;box-sizing:border-box;position:fixed;top:242px;overflow:hidden}.gifContent .tabTitle[data-v-2f6896d4]{font-size:14px;color:#999;line-height:16px}.gifContent .tabTitle .normal[data-v-2f6896d4]{margin-left:20px}.gifContent .tabTitle .active[data-v-2f6896d4]{color:#28bc98;font-size:16px}.gifContent .tabContent[data-v-2f6896d4]{width:100%;height:calc(100% - 16px);margin-top:12px;overflow-y:auto}.loading[data-v-3d9466b2]{width:100%;height:100%}.loading .loading-content[data-v-3d9466b2]{text-align:center;margin-top:52%}.loading .loading-content .loading-img[data-v-3d9466b2]{display:inline-block;width:120px;height:78px;border-radius:12px;background:url(../img/loading.4f114be7.gif);background-size:100% 100%}.loading .loading-content .loading-title[data-v-3d9466b2]{font-size:14px;color:#3ccec0;margin-top:-35px}.gifPackage{background-color:#f3f5f9;min-height:100vh}.gifPackage.empty{overflow:hidden;background-color:#fff}.gifPackage .setLoading{position:fixed;top:44px;left:0;z-index:100}.gifPackage .gifHeader{height:44px;background-color:#fff;line-height:44px;text-align:center;position:relative}.gifPackage .gifHeader .gifNum{color:#ccc;height:24px;width:36px;line-height:24px;position:absolute;left:15px;top:50%;margin-top:-12px}.gifPackage .gifHeader .gifNum .currentIndex{color:#222;font-size:18px}.gifPackage .gifHeader .gifPackageName{color:#242424;font-size:18px;width:calc(100% - 110px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto}.gifPackage .gifHeader .listIcon{width:19px;height:14px;position:absolute;top:15px;right:15px}.gifPackage .carousel-wrap{height:calc(100vh - 119px);margin-top:15px;overflow:hidden}.gifPackage .carousel-wrap .slide-ul{width:100%;height:calc(100vh - 119px);position:relative}.gifPackage .carousel-wrap .slide-ul li{position:absolute;width:100%;height:calc(100vh - 119px)}.gifPackage .carousel-wrap .slide-ul li img{max-width:100%;max-height:100%}.gifPackage .list-enter-to{transition:all 1s ease;transform:translateY(0)}.gifPackage .list-leave-active{transition:all 1s ease;transform:translateY(-100%)}.gifPackage .list-enter{transform:translateY(100%)}.gifPackage .list-leave{transform:translateY(0)}.gifPackage .nextBtn{position:fixed;bottom:60px;width:35px;height:27px;left:50%;margin-left:-18px;z-index:2}