.loading{position:absolute;top:50%;left:50%;width:12vh;height:12vh;margin:-6vh 0 0 -6vh;text-align:center;z-index:998;opacity:0;border-radius:6vh;display:none;}.loading.show{opacity:1;display:block;}.loading.show img{opacity:1;-webkit-animation:loadingRound 0.8s linear infinite;}.loading img{width:100%;height:100%;}@-webkit-keyframes loadingRound{0%{-webkit-transform:rotate(0deg) translateZ(0);}100%{-webkit-transform:rotate(360deg) translateZ(0);}}.category-groups{padding:0 3.6vw;padding-bottom:4vh;box-sizing:border-box;position:relative;}.category-title{height:7vh;font-size:4vh;margin:0 1vw;}.category-content{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:row wrap !important;}.horizontal-scroll{width:-webkit-max-content;}.webkit-box{display:-webkit-box;}.content-common{width:100%;height:100%;position:relative;background:url('/app/static/image/content-default.webp') rgba(215,215,236,0.2);background-repeat:no-repeat;background-size:auto 30%;background-position:center;border-radius:0.6vh;}.content-common .content-info{width:100%;height:100%;border-radius:0.6vh;overflow:hidden;}.content-common.ranking-1 .content-ranking{position:absolute;top:2vh;left:0;width:10vh;height:3.7vh;background:url("/app/static/image/ranking-1-icon.webp") no-repeat;background-size:contain;}.content-common.ranking-2 .content-ranking{content:'';position:absolute;top:2vh;left:0;width:10vh;height:3.7vh;background:url("/app/static/image/ranking-2-icon.webp") no-repeat;background-size:contain;}.content-common.ranking-3 .content-ranking{content:'';position:absolute;top:2vh;left:0;width:10vh;height:3.7vh;background:url("/app/static/image/ranking-3-icon.webp") no-repeat;background-size:contain;}.content-common .content-info .content-img{width:100%;height:100%;}.content-common .content-info .content-img .con-img{width:100%;height:100%;}.content-common .content-info .content-attr,.content-common .content-info .content-sub-attr{display:block;position:absolute;left:0;bottom:0;width:100%;height:6vh;line-height:6vh;border-radius:0 0 0.6vh 0.6vh;padding:0 2vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:-webkit-linear-gradient(top,rgba(255,255,255,0)0,rgba(0,0,0,0.5)100%);transform:perspective(-1px)}.circular .content-attr,.square .content-attr,.banner .content-attr{display:none !important;}.circular .content-sub-attr,.square .content-sub-attr,.banner .content-sub-attr{display:none !important;}.horizontal.content-common.focus .content-attr,.vertical.content-common.focus .content-attr{display:block !important;}.content-common.focus .content-sub-attr{display:none !important;}.show-footer .content-sub-attr{border-radius:0 !important;}.content-common.focus{transition-duration:0.3s;transition-timing-function:ease-out;-webkit-transform-style:preserve-3d;z-index:99;}.content-common .content-info .content-tag{position:absolute;right:1vh;top:1vh;width:8vh;height:4vh;}.content-common .content-progress{content:'';position:absolute;bottom:0;left:0;width:100%;height:0.5vh;background:rgba(238,238,238,0.6);display:none;z-index:1;}.content-common .content-progress div{width:0;height:100%;background:linear-gradient(to right,#7629FC,#2B79F7);}.content-common .content-footer{width:100%;height:7.6vh;position:absolute;padding:0 2vh;visibility:hidden;background-color:rgba(215,215,236,0.16);border-radius:0 0 0.6vh 0.6vh;overflow:hidden;bottom:-7.6vh;color:#EEEEEE;}.content-common.focus .content-footer{background-color:#EEEEEE;}.show-footer{margin-bottom:7.6vh !important;}.content-common .content-title{height:auto;width:100%;margin-top:0.8vh;font-size:2.6vh;color:#EEEEEE;display:inline-block;white-space:nowrap;transform:perspective(1px);overflow:hidden;}.content-common.focus .content-title{width:auto;overflow:inherit;}.content-common .content-subtitle{height:auto;width:100%;font-size:1.8vh;color:rgba(238,238,238,0.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:perspective(1px)}.content-common.focus .content-title{color:rgba(51,51,51,1) !important;}.content-common.focus .content-subtitle{color:rgba(51,51,51,0.6) !important;}.show-footer .content-common{border-radius:0.6vh 0.6vh 0 0;}.show-footer .content-common .content-info{border-radius:0.6vh 0.6vh 0 0;}.show-footer .content-common .content-attr{border-radius:0.6vh 0.6vh 0 0;}.show-footer .content-common .content-sub-attr{border-radius:0.6vh 0.6vh 0 0;}.show-footer .content-footer{visibility:visible !important;}.circular .content-footer,.square .content-footer,.banner .content-footer{visibility:hidden !important;}.horizontal.focus .content-footer,.vertical.focus .content-footer{visibility:visible !important;}.content-common.focusable.focus .content-title.scroll{animation:15s wordsLoop linear infinite normal;}@keyframes wordsLoop{0%{transform:translateX(0px);-webkit-transform:translateX(0px);}100%{transform:translateX(-100%);-webkit-transform:translateX(-100%);}}.content-common.focusable.focus::after{content:"";bottom:0;left:0;right:0;top:0;height:calc(100% + 7.6vh);position:absolute;border-radius:0.6vh;border:0.6vh solid #EEEEEE;box-shadow:0 3vh 4vh rgba(0,0,0,0.8);z-index:999;}.circular.focus::after,.square.focus::after,.banner.focus::after{height:100% !important;}.circular.focus::after{border-radius:100vh !important;}.horizontal.focus{transform:perspective(1px) scale(1.2) translateZ(0);}.circular.focus,.vertical.focus,.square.focus{transform:perspective(1px) scale(1.2) translateZ(0);}.banner.focus{transform:perspective(1px) scale(1.05) translateZ(0);}.combina_1_2_4_left{height:66.7vh;}.combina_1_2_4_right{height:66.7vh;}.combina_1_2_4_left .content-item{width:28.9vw;height:66.7vh;margin:0 1vw;}.combina_1_2_4_left .content-item .focusable.focus{transform:perspective(1px) scale(1.07) translateZ(0) !important;}.combina_1_2_4_16_9 .content-item{width:28.9vw;height:28.9vh;margin:0 1vw;}.combina_1_2_4_7_10 .content-item{width:13.4vw;height:34vh;margin:0 1vw;}.banner-item{width:90.8vw;height:20vh;margin:0 1vw;}.banner-item.small{height:20vh !important;}.banner-item.medium{height:31vh !important;}.banner-item.big{height:41vh !important;}.more{background:rgba(215,215,236,0.2) !important;}.more .more-img{max-width:30%;max-height:40%;}.more.focus{background:linear-gradient(to right,#7629FC,#2B79F7) !important;}.ads-banner{width:90.8vw;height:15vh;margin:0 1vw;}.tab-container{width:100vw;height:100vh;position:absolute;top:0;left:0;padding:19vh 0 10vh 0;box-sizing:border-box;overflow:hidden;display:none;}.menu-none .tab-container{padding:10vh 0 10vh 0;}.tab-container .vertical-scroll{height:auto;}.menu{height:14vh;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:flex-start;flex-flow:row nowrap;padding:0 2vw;}.menu.shadow-bg{background:-webkit-linear-gradient(top,rgba(22,22,26,1) 0%,rgba(22,22,26,0.7) 50%,rgba(22,22,26,0) 100%);}.menu>div{min-width:9.8vw;height:8.36vh;margin:0 1vw;}.menu .menu-name{width:100%;height:100%;font-size:3.4vh;border-radius:100vh;padding:0 1vw;}.menu .current-line{display:inline-block;width:0;height:1vh;background:-webkit-linear-gradient(left,#7629FC 0,#9437FF 20%,#A353FF 50%,#9437FF 80%,#7629FC 100%);}.menu .current .current-line{width:70%;}.menu .focusable.focus .menu-name{background:linear-gradient(to right,#7629FC,#2B79F7);}.backtotop{width:100vw;height:auto;}.backtotop div{height:10vh;width:20vw;font-size:4.6vh;margin-top:8vh;border-radius:6vh;background:rgba(210,210,246,0.16);}.backtotop.focus div{background:linear-gradient(to right,#7629FC,#2B79F7);}.homelayout{position:absolute;left:0;top:0;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden;}.header-container{position:relative;height:auto;width:100vw;z-index:1;}.header-container.move-top{transform:translateY(-6vh) translateZ(0);}.menu-container{width:100vw;height:auto;margin-top:6vh;}.contents-container{width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden;}.nothing-status{width:42vh;height:32vh;margin:18vh auto;}.nothing-status img{width:auto;height:32vh;}.nothing-status .nothing-title{height:20vh;font-size:4.4vh;}.group-module{position:absolute;left:0;top:0;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden;padding:6vh 0;display:none;}.group-module .category-title{height:14vh;width:100%;font-size:7vh;padding:0 1vw;}.group-list-4{width:21.2vw;height:21.2vh;margin:1vw;}.activity-module{position:absolute;left:0;top:0;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden;padding:6vh 0;display:none;}.activity-module .category-title{height:14vh;width:100%;font-size:7vh;padding:0 1vw;}.activity-list-4{width:21.2vw;height:21.2vh;margin:1vw;}.msg-wrap{position:fixed;top:45%;left:50%;z-index:10;transition:all 0.3s;transform:translate(-50%,-50%) scale(0,0) translateZ(0);width:45%;height:46%;background:-webkit-linear-gradient(top,rgba(53,53,59,0.9) 0%,rgba(22,22,26,0.9) 100%);border-radius:1vh;}.msg-wrap .msg-header{padding:4% 0;display:flex;align-items:center;justify-content:center;font-size:2.4vh;border-bottom:0.2vh solid rgba(107,91,115,1);}.msg-wrap .msg-body{padding:5% 10%;height:65%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}.msg-wrap .msg-body .msg-body-content{font-size:4.5vh;word-break:break-all;box-sizing:border-box;color:#fff;}.msg-wrap .msg-footer{height:8vh;padding:0 15%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;}.msg-wrap .msg-footer .msg-footer-btn{position:relative;width:20vh;height:8vh;border-radius:4vh;border:0 none;color:#fff;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#35394E;}.msg-wrap .msg-footer .msg-footer-btn img{height:50%;}.msg-footer-btn.msg-active{background:linear-gradient(to right,#7629FC,#2B79F7) !important;}.msg__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background-color:rgba(0,0,0,0.8);transition:all 0.3s;opacity:0;}.mouselayout{position:relative;}.mouse-up{position:absolute;top:0;width:100vw;height:3vh;z-index:999;}.mouse-down{position:absolute;top:97vh;width:100vw;height:3vh;z-index:999;}.mouse-left{position:absolute;left:0;width:2vw;height:100vh;z-index:999;}.mouse-right{position:absolute;right:0;width:2vw;height:100vh;z-index:999;}