1 |
- .video-time[data-v-555be09a]{padding:0 .106667rem;background-color:#000;color:#fff;height:.373333rem;line-height:.373333rem;font-size:.266667rem;border-radius:.186667rem;opacity:.8}.header-wrap[data-v-eb371b52]{width:100%;height:1.173333rem;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:500;background-color:#fff}.header-wrap-tab-list-none[data-v-eb371b52]{height:2.133333rem;padding-bottom:.266667rem}.header[data-v-eb371b52]{width:100%;height:1.173333rem;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:999;padding:0 .4rem;position:relative;box-sizing:border-box}.return-img[data-v-eb371b52]{position:absolute;left:.4rem;top:50%;transform:translateY(-50%);width:.533333rem}.header-title[data-v-eb371b52]{color:#333;font-size:.48rem;font-weight:700}.header-btn[data-v-eb371b52]{color:#222;font-size:.373333rem;position:absolute;padding:0 .32rem;right:0;top:50%;transform:translateY(-50%)}.search-box[data-v-eb371b52]{width:100%;height:1.493333rem;display:flex;align-items:center;padding:0 .32rem;box-sizing:border-box}.search-bar[data-v-eb371b52]{flex:1;height:.96rem;background-color:#fff;border-radius:2.666667rem;display:flex;align-items:center;padding:0 .4rem;box-sizing:border-box}.search-icon[data-v-eb371b52]{width:.426667rem;margin-right:.213333rem}.search-input[data-v-eb371b52]{flex:1;font-size:.373333rem}.search-input[data-v-eb371b52]::placeholder{color:#888}.tab-list>li[data-v-eb371b52]{flex:1;display:flex;justify-content:center;align-items:center;height:1.013333rem;line-height:1.013333rem;font-size:.426667rem;color:#555;position:relative}.tab-list>li.active[data-v-eb371b52]{font-size:.48rem;font-weight:700;color:#222}.tab-list>li.active[data-v-eb371b52]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#2a63f3,#81b8ff);border-radius:.053333rem;width:.48rem;height:.106667rem}.wrap[data-v-eb371b52]{width:100%;height:calc(100vh - 1.17333rem);display:flex;flex-direction:column;margin:1.173333rem 0 0;box-sizing:border-box;background:#f4f4f4;overflow-y:auto;padding-bottom:2.213333rem}.wrap-tab-list-none[data-v-eb371b52]{height:calc(100vh - 2.4rem);margin:2.4rem 0 0}.sub-list[data-v-eb371b52]{width:100%;display:flex;flex-direction:column;padding:.32rem .4rem;box-sizing:border-box;overflow:auto}.sub-list>li[data-v-eb371b52]{width:100%;display:flex;align-items:center;background-color:#fff;box-shadow:0 0 .32rem rgba(0,0,0,.08);border-radius:.32rem;margin-bottom:.32rem;padding:.266667rem;box-sizing:border-box;position:relative}.sub-list>li[data-v-eb371b52]:last-child{margin-bottom:0}.float-box[data-v-eb371b52]{position:fixed;left:50%;transform:translate(-50%);bottom:1.066667rem;z-index:499}.float-box>button[data-v-eb371b52]{min-width:4.666667rem;height:1.173333rem;line-height:1.173333rem;display:flex;justify-content:center;align-items:center;background-color:#2a63f3;border-radius:2.666667rem;color:#fff;font-size:.48rem;font-weight:700}.list[data-v-eb371b52]{width:100%;display:flex;flex-direction:column;padding:.133333rem .4rem;box-sizing:border-box}.list>li[data-v-eb371b52]{width:100%;display:flex;align-items:center;margin-bottom:.32rem;background-color:#fff;box-shadow:0 0 .32rem rgba(0,0,0,.08);border-radius:.32rem;padding:.32rem .266667rem;box-sizing:border-box;position:relative}.img-box[data-v-eb371b52]{width:2.666667rem;height:1.92rem;position:relative;margin-right:.373333rem}.img[data-v-eb371b52]{width:100%;height:100%;border-radius:.186667rem;object-fit:cover}.tag[data-v-eb371b52]{width:.906667rem;height:.373333rem;line-height:.373333rem;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#ffcd7c,#ffeeba);border-radius:0 .186667rem 0 .186667rem;color:#222;font-size:.32rem;font-weight:700;position:absolute;right:0;top:0}.tag-black[data-v-eb371b52]{position:absolute;right:.213333rem;bottom:.213333rem}.item-sidebar[data-v-eb371b52]{flex:1;height:1.92rem;display:flex;flex-direction:column;justify-content:space-between}.item-name[data-v-eb371b52]{width:100%;line-height:.56rem;color:#222;font-size:.4rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.row[data-v-eb371b52]{width:100%;display:flex;align-items:center;color:#999;font-size:.32rem}.avatar[data-v-eb371b52]{width:.373333rem;height:.373333rem;border-radius:50%;margin-right:.106667rem;object-fit:cover}.row2[data-v-eb371b52]{width:100%;display:flex;align-items:center;color:#999;font-size:.32rem}.play-icon[data-v-eb371b52]{width:.32rem;margin-right:.106667rem}.item-between[data-v-eb371b52]{width:100%;display:flex;justify-content:flex-end;align-items:center}.circle-btn[data-v-eb371b52]{width:.346667rem;height:.346667rem}.circle-icon[data-v-eb371b52]{width:.346667rem}.normal-box-small[data-v-eb371b52]{width:100%;display:flex;flex-direction:column;align-items:center;font-size:.426667rem;color:#888;padding:1.28rem 0}.normal-box-small>img[data-v-eb371b52]{width:5.205333rem;margin-bottom:1.013333rem}.my-collection-list-wrap[data-v-eb371b52],.my-collection-list[data-v-eb371b52]{width:100%;display:flex;flex-direction:column}.my-collection-list[data-v-eb371b52]{padding:0 .32rem;box-sizing:border-box}.my-collection-list-time[data-v-eb371b52]{color:#222;font-size:.32rem;font-weight:700;width:100%;padding:0 0 .266667rem 0;box-sizing:border-box;background:#f4f4f4}.my-collection-list>li[data-v-eb371b52]{width:100%;display:flex;align-items:center;padding-top:.266667rem;padding-bottom:.266667rem;padding-right:.266667rem;padding-left:.266667rem;box-sizing:border-box;background-color:#fff;border-radius:.266667rem;margin-bottom:.266667rem}.my-circle-box[data-v-eb371b52]{padding-right:.266667rem;display:flex;align-items:center;justify-content:center}.my-circle-box>img[data-v-eb371b52]{width:.64rem;height:.64rem}.my-collection-module[data-v-eb371b52]{flex:1;display:flex;flex-direction:column;padding:.266667rem;border-radius:.266667rem;overflow:hidden}.my-collection-module-top[data-v-eb371b52]{width:100%;display:flex;align-items:center}.my-collection-module-top-img-box[data-v-eb371b52]{width:2.133333rem;height:2.133333rem;border-radius:.16rem;overflow:hidden;position:relative;margin-right:.266667rem}.my-collection-module-top-img[data-v-eb371b52]{width:100%;height:100%}.my-collection-module-top-time[data-v-eb371b52]{background:rgba(0,0,0,.7);bottom:.106667rem}.my-collection-module-top-time-gray[data-v-eb371b52],.my-collection-module-top-time[data-v-eb371b52]{height:.32rem;line-height:.32rem;display:flex;align-items:center;padding:0 .053333rem;font-size:.24rem;color:#fff;position:absolute;right:.186667rem}.my-collection-module-top-time-gray[data-v-eb371b52]{background:rgba(0,0,0,.3);bottom:.08rem}.my-collection-module-top-sidebar[data-v-eb371b52]{flex:1;height:2.08rem;display:flex;flex-direction:column;justify-content:space-between}.my-collection-module-top-sidebar-top[data-v-eb371b52]{width:100%;display:flex;flex-direction:column}.my-collection-module-top-sidebar-sub-title[data-v-eb371b52],.my-collection-module-top-sidebar-title[data-v-eb371b52]{width:100%;color:#222;font-size:.373333rem;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.my-collection-module-top-sidebar-bottom[data-v-eb371b52]{width:100%;display:flex;flex-direction:column}.my-collection-module-top-sidebar-row1[data-v-eb371b52]{color:#666;font-size:.266667rem;display:flex;align-items:center;margin-right:.213333rem}.my-collection-module-top-sidebar-row1>span[data-v-eb371b52]{width:100%;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.my-collection-module-top-sidebar-row1>img[data-v-eb371b52]{width:.32rem;height:.32rem;border-radius:50%;margin-right:.053333rem}.my-collection-module-top-sidebar-row2[data-v-eb371b52]{color:#999;font-size:.266667rem;display:flex;align-items:center}.my-collection-module-top-sidebar-row2>img[data-v-eb371b52]{width:.32rem;margin-right:.053333rem}.my-collection-module-bottom[data-v-eb371b52]{width:100%;height:1.2rem;display:flex;justify-content:space-between;align-items:center}.my-collection-module-bottom-btn[data-v-eb371b52]{display:flex;align-items:center;color:#333;font-size:.32rem}.my-collection-module-bottom-btn.active[data-v-eb371b52]{color:#2a63f3}.my-collection-module-bottom-btn>img[data-v-eb371b52]{width:.426667rem;margin-right:.106667rem}.footer[data-v-eb371b52]{width:100%;height:2.213333rem;box-sizing:border-box;padding-top:.213333rem;background-color:#fff;position:fixed;bottom:0;left:0;z-index:999}.footer-wrap[data-v-eb371b52]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 .32rem;box-sizing:border-box}.footer-all-btn[data-v-eb371b52]{display:flex;align-items:center;color:#999;font-size:.373333rem}.footer-all-btn>img[data-v-eb371b52]{width:.64rem;margin-right:.106667rem}.cancel-collection-btn[data-v-eb371b52]{background-color:#2a63f3;border-radius:1.333333rem;width:2.666667rem;height:1.066667rem;color:#fff;font-size:.426667rem;display:flex;justify-content:center;align-items:center}.image-text-tag[data-v-eb371b52]{padding:0 .08rem;width:fit-content;height:.373333rem;line-height:.373333rem;display:flex;justify-content:center;align-items:center;position:absolute;bottom:.106667rem;right:.106667rem;color:#fff;font-size:.266667rem;border-radius:.026667rem;background:rgba(0,0,0,.7)}
|