.up{width:100%;height:360px;background:#4b4f66}.up .host-view{width:1200px;height:100%;margin:0 auto;border-left:1px solid #6b6b6b;position:relative}.up .host-view .host-icon{width:16px;height:150px;background:url(../images/u6836d4e0b.png) 0 no-repeat;position:absolute;top:20px;left:-8px}.up .host-view .host-more{width:74px;height:74px;border:1px dashed #868686;color:#868686;position:absolute;top:calc(50% - 37px);right:0;cursor:pointer;text-align:center;line-height:74px;border-radius:50%}.up .host-view .host-more:hover{color:#fff;border:1px dashed #fff}.up .host-view .host-list{width:940px;height:320px;display:flex;flex-wrap:wrap;justify-content:flex-start;float:left;margin-left:40px}.up .host-view .host-list .host-item{width:134px;height:160px;padding:30px 30px 0}.up .host-view .host-list .host-item .host-img{width:74px;height:74px;display:block}.up .host-view .host-list .host-item .host-img img{width:100%;height:100%;border-radius:50%}.up .host-view .host-list .host-item .host-name,.up .host-view .host-list .host-item .host-position{width:74px;height:28px;font-size:14px;line-height:28px;display:block;text-align:center;color:#fff}.up .host-view .host-list .host-item .host-position{opacity:.5}.down{width:1200px;margin:10px auto 0}.down .vod-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.down .vod-list .vod-item{width:258px;margin-bottom:30px}.down .vod-list .vod-item .vod-item-header{display:flex;justify-content:space-between;width:258px;padding:5px 15px;border:1px solid #e4e4e4;border-bottom:none}.down .vod-list .vod-item .vod-item-header .vod-item-title{height:28px;line-height:28px;color:#000;display:inline-block;overflow:hidden}.down .vod-list .vod-item .vod-item-header .more{font-size:15px;color:#999}.down .vod-list .vod-item .vod-item-header .more:hover{color:#387ee8}.down .vod-list .vod-item .vod-item-header .vod-item-description{width:100%;max-height:84px;font-size:12px;line-height:28px;padding:0 6px;overflow:hidden;margin-top:16px;color:#fff;opacity:.5}.down .vod-list .vod-item .vod-child-list{width:100%;height:376px;padding:15px;border:1px solid #e4e4e4}.down .vod-list .vod-item .vod-child-list .vod-child-item{width:224px;height:168px;margin-bottom:10px}.down .vod-list .vod-item .vod-child-list .vod-child-item .vod-child-img{width:224px;height:140px;display:block}.down .vod-list .vod-item .vod-child-list .vod-child-item .vod-child-title{width:100%;height:28px;font-size:14px;line-height:28px;font-weight:700;text-align:center;color:#6b6b6b;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}