::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0f15 !important;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#1a1f24 !important;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#2a2f35 !important}html,body{width:100%;height:100%}#video_sidebar_box .mobile{position:fixed;bottom:0}.main{font-size:12px;background:#01060b 0% 0% no-repeat padding-box;color:#fff;display:flex;overflow:hidden;height:100%}@media screen and (max-width: 1200px){.main{flex-direction:column}}.main .main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;flex:1}@media screen and (max-width: 1200px){.main .main-content{z-index:2}}.main .all-video-effect{padding:8px 35px 0 40px;overflow:auto;flex:1}@media screen and (max-width: 1200px){.main .all-video-effect{padding:.4rem .33rem 0}}.main .all-video-effect .main-h1{font:normal normal bold 28px/37px Roboto;color:#fff}@media screen and (max-width: 1200px){.main .all-video-effect .main-h1{font-size:.4rem;line-height:.53rem}}.main .all-video-effect .main-des{font:normal normal normal 15px/20px Roboto;letter-spacing:0px;color:#c6c7c7;margin:8px 0 24px}.main .all-video-effect .effect-box{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:24px;padding-bottom:50px}@media screen and (max-width: 1200px){.main .all-video-effect .effect-box{gap:.26rem;grid-template-columns:repeat(2, 1fr)}}.main .all-video-effect .effect-box .skeleton-item,.main .all-video-effect .effect-box .effect-video-box{display:flex;flex-direction:column;gap:10px;border-radius:4px;position:relative}@media screen and (max-width: 1200px){.main .all-video-effect .effect-box .skeleton-item,.main .all-video-effect .effect-box .effect-video-box{gap:.1rem}}.main .all-video-effect .effect-box .skeleton-item .explore-effects-templates-tip,.main .all-video-effect .effect-box .effect-video-box .explore-effects-templates-tip{position:absolute;border-top-right-radius:4px;border-bottom-left-radius:14px;top:2px;right:2px;padding-left:13px;padding-right:10px;padding-top:3px;padding-bottom:4px;z-index:2;font:italic normal bold 11px/15px Roboto}.main .all-video-effect .effect-box .skeleton-item .explore-effects-templates-tip.HOT,.main .all-video-effect .effect-box .effect-video-box .explore-effects-templates-tip.HOT{background:rgba(0,0,0,0) linear-gradient(90deg, #FF7D4D 0%, #F71818 100%) 0% 0% no-repeat padding-box}.main .all-video-effect .effect-box .skeleton-item .explore-effects-templates-tip.NEW,.main .all-video-effect .effect-box .effect-video-box .explore-effects-templates-tip.NEW{background:rgba(0,0,0,0) linear-gradient(90deg, #BB1EF5 0%, #F8710E 100%) 0% 0% no-repeat padding-box}.main .all-video-effect .effect-box .skeleton-item .item-top,.main .all-video-effect .effect-box .skeleton-item .video-background,.main .all-video-effect .effect-box .effect-video-box .item-top,.main .all-video-effect .effect-box .effect-video-box .video-background{padding:1px;height:131px;border-radius:4px;transition:all .3s}@media screen and (max-width: 1200px){.main .all-video-effect .effect-box .skeleton-item .item-top,.main .all-video-effect .effect-box .skeleton-item .video-background,.main .all-video-effect .effect-box .effect-video-box .item-top,.main .all-video-effect .effect-box .effect-video-box .video-background{min-height:1.8rem;height:fit-content}}.main .all-video-effect .effect-box .skeleton-item video,.main .all-video-effect .effect-box .effect-video-box video{width:100%;height:100%;border-radius:4px;border:1px solid #01060a;box-sizing:border-box}.main .all-video-effect .effect-box .skeleton-item .item-bottom,.main .all-video-effect .effect-box .effect-video-box .item-bottom{width:100%;height:19px}.main .all-video-effect .effect-box .skeleton-item video,.main .all-video-effect .effect-box .effect-video-box video{cursor:pointer;object-fit:cover;transition:border .3s}.main .all-video-effect .effect-box .skeleton-item .vdieo-des,.main .all-video-effect .effect-box .effect-video-box .vdieo-des{font:normal normal 500 13px/18px Roboto;color:#fff;transition:color .3s}.main .all-video-effect .effect-box .skeleton-item .tag,.main .all-video-effect .effect-box .effect-video-box .tag{position:absolute;right:1px;top:1px}@media screen and (min-width: 1200px){.main .all-video-effect .effect-box .skeleton-item:hover .video-background,.main .all-video-effect .effect-box .effect-video-box:hover .video-background{background:rgba(0,0,0,0) linear-gradient(270deg, #5272FF 0%, #40D3FF 100%) 0% 0% no-repeat padding-box}.main .all-video-effect .effect-box .skeleton-item:hover .vdieo-des,.main .all-video-effect .effect-box .effect-video-box:hover .vdieo-des{color:#4ba6ff}}