.db-container[data-v-68afe455]{padding-bottom:16px}.db-item[data-v-68afe455]{width:100%;height:400px;cursor:pointer}.db-item .el-image[data-v-68afe455]{width:100%;height:100%}.video-list[data-v-379422c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.video-list .item[data-v-379422c2]{position:relative;width:288px;margin:0 16px 16px 0;border-radius:4px;color:#808695;background:#fff;-webkit-box-shadow:0 1px 11px 0 rgba(67,69,87,.1);box-shadow:0 1px 11px 0 rgba(67,69,87,.1);overflow:hidden;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.video-list .item .pic-wrap[data-v-379422c2]{position:relative;width:288px;height:162px;background-color:#f3f3f3;overflow:hidden}.video-list .item .pic-wrap .pic[data-v-379422c2]{width:100%;height:100%}.video-list .item .pic-wrap .info[data-v-379422c2]{position:absolute;left:0;bottom:0;width:100%;padding:4px 8px;color:#fff;font-size:13px;letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),color-stop(25.5%,rgba(0,0,0,.3)),color-stop(70%,rgba(0,0,0,.08)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.3) 25.5%,rgba(0,0,0,.08) 70%,transparent)}.video-list .item .footer[data-v-379422c2]{padding:16px 8px}.video-list .item .footer .title[data-v-379422c2]{color:#17233d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-list .item .footer .desc[data-v-379422c2]{font-size:12px;line-height:18px;height:18px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-list .item .footer .tip[data-v-379422c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:8px 0;font-size:12px}.video-list .item .footer .tip .tag[data-v-379422c2]{display:inline-block;height:22px;line-height:22px;margin:2px 8px 2px 0;padding:0 8px;border-radius:3px;background:#f7f7f7;font-size:12px;vertical-align:middle;overflow:hidden}.video-list .item .footer .tip .status[data-v-379422c2]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;color:#2d8cf0}.video-list .item .footer .tip .status.live[data-v-379422c2]{color:#ed4014}.video-list .item .footer .tip .status.end[data-v-379422c2]{color:#808695}.video-list .item[data-v-379422c2]:nth-of-type(4n){margin-right:0}.video-list .item[data-v-379422c2]:hover{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0);-webkit-box-shadow:0 3px 11px 0 rgba(67,69,87,.14);box-shadow:0 3px 11px 0 rgba(67,69,87,.14)}.video-list[data-v-16a8205f]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.video-list .item[data-v-16a8205f]{position:relative;width:288px;margin:0 16px 16px 0;border-radius:4px;color:#808695;background:#fff;-webkit-box-shadow:0 1px 11px 0 rgba(67,69,87,.1);box-shadow:0 1px 11px 0 rgba(67,69,87,.1);overflow:hidden;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.video-list .item .pic-wrap[data-v-16a8205f]{position:relative;width:288px;height:162px;background-color:#f3f3f3;overflow:hidden}.video-list .item .pic-wrap .pic[data-v-16a8205f]{width:100%;height:100%}.video-list .item .pic-wrap .duration[data-v-16a8205f]{position:absolute;right:5px;bottom:5px;padding:4px 8px;background-color:rgba(162,162,182,.5);color:#fff;font-size:12px;border-radius:2px;line-height:1}.video-list .item .footer[data-v-16a8205f]{padding:16px 8px}.video-list .item .footer .title[data-v-16a8205f]{color:#17233d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-list .item .footer .desc[data-v-16a8205f]{font-size:12px;line-height:18px;height:18px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-list .item .footer .tip[data-v-16a8205f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:8px 0;font-size:12px}.video-list .item .footer .tip .tag[data-v-16a8205f]{display:inline-block;height:22px;line-height:22px;margin:2px 8px 2px 0;padding:0 8px;border-radius:3px;background:#f7f7f7;font-size:12px;vertical-align:middle;overflow:hidden}.video-list .item[data-v-16a8205f]:nth-of-type(4n){margin-right:0}.video-list .item[data-v-16a8205f]:hover{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0);-webkit-box-shadow:0 3px 11px 0 rgba(67,69,87,.14);box-shadow:0 3px 11px 0 rgba(67,69,87,.14)}.video-list[data-v-6abf9973]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.video-list .item[data-v-6abf9973]{position:relative;width:288px;margin:0 16px 16px 0;border-radius:4px;color:#808695;background:#fff;-webkit-box-shadow:0 1px 11px 0 rgba(67,69,87,.1);box-shadow:0 1px 11px 0 rgba(67,69,87,.1);overflow:hidden;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.video-list .item .pic-wrap[data-v-6abf9973]{position:relative;width:288px;height:162px;background-color:#f3f3f3;overflow:hidden}.video-list .item .pic-wrap .pic[data-v-6abf9973]{width:100%;height:100%}.video-list .item .pic-wrap .duration[data-v-6abf9973]{position:absolute;right:5px;bottom:5px;padding:4px 8px;background-color:rgba(162,162,182,.5);color:#fff;font-size:12px;border-radius:2px;line-height:1}.video-list .item .footer[data-v-6abf9973]{padding:16px 8px}.video-list .item .footer .title[data-v-6abf9973]{color:#17233d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-list .item .footer .desc[data-v-6abf9973]{font-size:12px;line-height:18px;height:18px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-list .item .footer .tip[data-v-6abf9973]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:8px 0;font-size:12px}.video-list .item .footer .tip .tag[data-v-6abf9973]{display:inline-block;height:22px;line-height:22px;margin:2px 8px 2px 0;padding:0 8px;border-radius:3px;background:#f7f7f7;font-size:12px;vertical-align:middle;overflow:hidden}.video-list .item[data-v-6abf9973]:nth-of-type(4n){margin-right:0}.video-list .item[data-v-6abf9973]:hover{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0);-webkit-box-shadow:0 3px 11px 0 rgba(67,69,87,.14);box-shadow:0 3px 11px 0 rgba(67,69,87,.14)}.list-item[data-v-38b17837]{cursor:pointer;width:100%}.list-item img[data-v-38b17837]{display:block;margin:0 auto;max-width:100%;border-radius:4px;margin-bottom:8px}.nav-list[data-v-39a6d23c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.nav-list .nav-item[data-v-39a6d23c]{width:288px;height:144px;color:#646566;font-size:12px;line-height:1;cursor:pointer;text-align:center;margin:0 16px 16px 0}.nav-list .nav-item img[data-v-39a6d23c]{width:100%;height:100%;border-radius:4px}.nav-list .nav-item[data-v-39a6d23c]:nth-of-type(4n){margin-right:0}.component-container[data-v-08145d73]{margin-bottom:16px}.component-item-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:33px;margin:0 0 16px}.component-item-title .text{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:#17233d}.component-item-title .all{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;line-height:20px;font-size:14px;color:#808695;font-weight:500;cursor:pointer}.component-item-title .all i{font-size:16px;margin-left:4px}.component-item-title .all:hover{color:#2d8cf0}