html,body{padding:0;margin:0;font-size:10px;background-color:#2a2a2a}*{box-sizing:border-box}ul,ol,li,dl,dt,dd,p,i,em{margin:0;padding:0;border:0}a{text-decoration:none}.outer_box{max-width:1400px;width:100%;margin:0 auto}.main{width:100%;position:relative}.main .panel{margin:0 auto;margin-top:2rem;width:100%;padding:2rem 1.5rem;background-color:#333;border-radius:1rem}.main .grid{margin-top:0rem}.result_number{width:100%;line-height:3rem;color:#b4b4b4;text-align:center;padding-top:10px}.module_list ul{display:flex;flex-wrap:wrap;list-style-type:none}.module_list ul:after{display:table;content:"";clear:both}.module_list li{width:16.6666667%;padding:0 1rem;margin-top:2.4rem}.module_list li a{color:#fee08d}.module_list li .cover{position:relative;width:100%;height:0;padding-bottom:150%;border-radius:5px;background-color:#2a2a2a;overflow:hidden}.module_list li .cover img{position:absolute;left:0;top:0;width:100%;height:100%}.module_list li .cover .tags{position:absolute;right:0;bottom:0;width:5rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.module_list li .cover .tags i{font-style:normal;max-width:58px;background:#00000082;color:#c2c6d0;margin:0 .5rem 1rem;padding:0 .5rem;line-height:2rem;font-size:1.2rem;border-radius:.5rem;display:inline-block!important}.module_list li .cover:before{content:"";display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:url(/static/icon/play.png) center no-repeat;z-index:2}.module_list li .cover:hover:before{display:block}.module_list .module_item_title_box{display:block;font-size:1.4rem;height:2.2rem;line-height:2.2rem;margin-top:1.2rem;color:#e0e0e0;margin:.8rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module_list .module_item_tag_box{display:block;font-size:1.2rem;height:2.2rem;line-height:2.2rem;margin-top:.3rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module_list .module_item_tag{color:#e0e0e0;margin:0 .4rem 0 0}@media screen and (max-width: 767px){.module_list .module_item_title_box{font-size:1.2rem;height:1.8rem;line-height:1.8rem;margin:.8rem 0 0}.module_list li{margin-top:1.8rem;width:33.3333333%}.module_list li .cover .tags{align-items:flex-end}.module_list li .cover .tags i{margin:0 0 0rem .5rem;background:#0006;transform:scale(.7)}}.scrollable-category-container{display:flex;align-items:center;overflow:hidden;font-family:Arial,sans-serif;width:100%;font-size:14px;border-bottom:solid 1px #585858;padding:4px 0}.main-category{flex-shrink:0;font-weight:700;padding:0 15px;white-space:nowrap;color:#fee08d;line-height:35px;margin:0 2px;cursor:pointer}.sub-categories-container{display:flex;overflow-x:auto;flex-grow:1;scrollbar-width:none;-ms-overflow-style:none}.sub-categories-container::-webkit-scrollbar{display:none}.sub-category{flex-shrink:0;padding:0 15px;color:#b4b4b4;white-space:nowrap;cursor:pointer;transition:#f0f0f0 .3s ease;-webkit-user-select:none;user-select:none;line-height:38px;margin:0 2px}.category-active{background-color:#4d4c4c;border-radius:4px;font-weight:700;color:#b4b4b4}@media (max-width: 768px){.scrollable-category-container{flex-wrap:nowrap}.sub-categories-container{flex-grow:1;width:auto}}.tabs-container{width:100%}.tabs-header{display:flex;border-bottom:2px solid #585858}.tab-item{flex:1;text-align:center;cursor:pointer;font-size:16px;color:#e0e0e0;height:68px;line-height:68px}.tab-item.active{font-weight:700;color:#e0e0e0;border-bottom:2px solid #fee08d}.tabs-body{padding:20px;background-color:#fff}@media screen and (max-width: 767px){.tabs-header{display:block;white-space:nowrap;overflow-y:hidden;overflow-x:auto}.tab-item{margin:0 8px;display:inline-block}}.search-bar{position:relative;display:flex;align-items:center;border:1px solid #444;border-radius:4px;padding:5px;background-color:#444}.search-input{flex:1;border:none;outline:none;padding:8px 10px 8px 40px;font-size:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAaZJREFUWEfNlm1uwyAMhuEGOwz83nqytSdb+hvu0iOwGmHkUINNUiWNVLUqBD9+jT+sOfmxJ9s30wAhhB9jDHzwWeCH9z5/zz4qgBDC1Vr73RhubS0ppbv3/joDMQRAb621v82h2ViBgiWqiEkp3bQgXYDidTUsHQqwBTTDSPvRIRagHPZXNoG34JEqxhRcA/ECQI1rDuDiPXPGC0CMETwHGRfn3GXmQtG9VAnnXDfUq4WG/KKVvQeJECMlVwDo/VbpOZAYY4L/eyq0AHnzM8V2e48wklMVgMo/itnsnZDCwAHsunwtILmM7LkUAMotFJ53A0CBgsz6fAAk7d7Y2fjDfnUIYLOUMlsASBawmXVYHeildlsJ8SK+JQyS/KAo1wuwGKl7uqIhdQsb1w2rCntKcozxYYz5ktK6Nw9shmAGmWFZ105EqqGkNY6hGfUWaSasSuB0VJrVHaTFWbAdWCF0sF4qYH5VlQVSX5fqQDEMI3qejJvRjoVQjeVomEzJMKKjZ6BGNco0o1phOSWmACQFBgquIGi7PwSgDccpAD11DlPgYwH+AVQ9UjDMWOVcAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:10px center;background-size:20px 20px;background-color:transparent;color:#ccc}.search-button{background-color:#007aff;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;margin-left:5px}.search-button:hover{background-color:#005bb5}.suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:#ddd;border:1px solid #ddd;border-radius:4px;max-height:300px;overflow-y:auto;z-index:1000}.suggestion-item{padding:10px;cursor:pointer}.suggestion-item:hover{background-color:#f0f0f0}.search-result-list{padding:10px}.result-item{padding:10px;border-bottom:1px solid #ccc;color:#fff}.no-more{text-align:center;padding:10px;color:#888}.loading{color:#888;text-align:center}@media (max-width: 768px){.search-result-list{padding:5px}.result-item{padding:8px}}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.toast.fadeIn{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s linear 0s}.toast.fadeOut{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.toast .toastInner{position:relative;width:auto;max-width:450px;min-height:40px;padding:0 18px;background:#000c;border-radius:8px;box-shadow:0 2px 4px #00000040;display:flex;align-items:center}.toast .toastInner .icon{display:none;position:absolute;bottom:0;left:18px;top:12px;width:16px;height:16px;margin-right:4px;background-image:url();background-position:0 0;background-size:cover}.toast .toastInner .content{color:#fff;padding:8px 0}.toast .toastInner .content span{display:-webkit-box;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff}@keyframes keyframes-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes keyframes-fadeOut{0%{opacity:1}to{opacity:0}}