.page[data-v-37b5e362]{background:#f5f5f5;min-height:100vh}.top-bar[data-v-37b5e362]{background:#007bff;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.search-container[data-v-37b5e362],.top-bar[data-v-37b5e362]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-container[data-v-37b5e362]{background:#fff;border-radius:20px;height:36px;padding:0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px}.search-container input[data-v-37b5e362]{border:none;outline:none;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px}.search-icon[data-v-37b5e362]{font-size:18px;color:#999;margin-right:5px}.bell-icon[data-v-37b5e362]{color:#fff;font-size:24px}.banner[data-v-37b5e362]{margin:10px}.banner-img[data-v-37b5e362]{width:100%;border-radius:8px}.category[data-v-37b5e362]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:10px}.category-btn[data-v-37b5e362]{border:1px solid #007bff;padding:5px 20px;border-radius:20px;color:#007bff;font-weight:700;background:#fff;-webkit-transition:all .3s;transition:all .3s}.category-btn.active[data-v-37b5e362]{background:#007bff;color:#fff}.grid-list[data-v-37b5e362]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px}.grid-item[data-v-37b5e362]{width:48%;background:#fff;border-radius:8px;margin:1%;padding-bottom:3%;overflow:hidden}.item-img-wrap[data-v-37b5e362]{position:relative}.item-img[data-v-37b5e362]{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.video-mask[data-v-37b5e362]{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item-title[data-v-37b5e362]{position:relative;padding-left:2px;font-size:13px;color:#333;height:2.8em;line-height:1.4em;overflow:hidden;word-break:break-word}.item-title[data-v-37b5e362]:after{content:"...";position:absolute;bottom:0;right:0;padding-left:10px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,#fff));background:linear-gradient(90deg,transparent,#fff 50%)}