.list{background-color:#fff;line-height:0;padding:0 20px;text-align:justify}.justify-fix,.list-item{display:inline-block;vertical-align:top;width:208px}.justify-fix{height:0}.list-item{margin-bottom:20px;overflow:hidden}.item-ratio{display:block;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.play-mark{border-radius:3px 0;height:24px;line-height:24px;padding:0 6px}.item-mark,.play-mark{background:#fc6500;color:#fff;font-size:12px;left:0;position:absolute;top:0;z-index:1}.item-mark{border-radius:3px;height:23px;line-height:23px;padding:0 5px}.item-img{background-color:#d8d8d8;border-radius:5px;bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center;top:0}.item-img i,.item-img img{display:inline-block;vertical-align:middle}.item-img img{height:100%;width:100%}.item-img i{height:100%;overflow:hidden;width:0}.item-time{background-color:#000;background-color:rgba(0,0,0,.5);border-radius:2px;bottom:10px;color:#fff;font-weight:400;line-height:18px;padding:0 5px;position:absolute;right:10px}.play-icon{background:url(https://shark2.douyucdn.cn/front-publish/demand-master/assets/list-icon_0795dd9.png) -18px 0 no-repeat;filter:alpha(opacity=0);height:40px;left:50%;margin-left:-20px;margin-top:-20px;opacity:0;position:absolute;top:50%;-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;width:40px}.item-detail{height:45px;width:100%}.item-detail,.list-title{display:block;overflow:hidden}.list-title{color:#000;font-size:12px;font-weight:400;height:18px;line-height:18px;padding-top:5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;-webkit-transition:all .15s ease-out;-ms-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out;word-break:keep-all}.item-info{display:block;line-height:22px;line-height:0;overflow:hidden}.item-anchor{overflow:hidden;width:70%}.item-amount b,.item-amount i,.item-anchor i,.item-anchor strong{color:#8d93a1;display:inline-block;font-weight:400;vertical-align:middle}.item-amount b,.item-anchor strong{line-height:22px}.item-anchor strong{max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-break:keep-all}.item-amount i,.item-anchor i{background-image:url(https://shark2.douyucdn.cn/front-publish/demand-master/assets/list-icon_0795dd9.png);background-repeat:no-repeat;height:11px;margin-right:5px;margin-top:2px;width:10px}.item-anchor i{background-position:-8px 0}.item-amount i{background-position:-8px -11px}.list-item:hover .play-icon{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index:1}.list-item:hover .list-title{color:#f70;height:36px;white-space:normal;word-wrap:break-word;word-break:break-all}.list-empty{background:url(https://shark2.douyucdn.cn/front-publish/demand-master/assets/list-empty_a3f3cc6.png);background-position:center 130px;background-repeat:no-repeat;height:255px;padding:130px 0 300px;width:100%}#J-list{min-height:540px}
.slide,.slide-target{border-radius:4px;height:100%;overflow:hidden;position:relative;width:100%}.slide-target ul{font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;word-wrap:normal;word-break:keep-all}.slide-item{display:inline-block}.slide-item a{display:block;height:100%;position:relative;text-align:center;width:100%}.slide-item a i,.slide-item a img{display:inline-block;vertical-align:middle}.slide-item a img{max-height:100%;max-width:100%}.slide-item a span{background:url(https://shark2.douyucdn.cn/front-publish/demand-master/assets/list-mask_b7136d1.png) 0 0 repeat;bottom:0;left:0;padding:3px 10px 0;position:absolute;right:0}.slide-item a span strong{color:#fff;display:block;font-size:12px;font-weight:400;height:32px;line-height:32px;text-align:left;width:60%}.slide-item a span strong,.slide-trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-break:keep-all}.slide-trigger{bottom:10px;font-size:0;line-height:0;position:absolute;right:5px}.slide-trigger li{background-color:#fff;border-radius:5px;cursor:pointer;display:inline-block;height:10px;margin-right:10px;vertical-align:top;width:10px}.slide-trigger li.current{background-color:#f70;cursor:default;width:30px}
.filter{background-color:#fff;padding:20px}.filter-title{border-bottom:1px solid #e5eaf0;height:30px;position:relative}.filter-title-list{bottom:-1px;left:0;position:absolute}.filter-title-list li{display:inline-block;margin-right:45px}.filter-title-list li a,.filter-title-list li b{display:inline-block;height:27px;line-height:22px;padding-bottom:3px;vertical-align:middle}.filter-title-list li a{color:#333;font-size:14px;padding-left:8px;padding-right:5px}.filter-title-list li b{color:#909090;font-size:12px;font-weight:400;padding-left:5px}.filter-title-list li a:hover{color:#fc6500}.filter-title-list li a.current{border-bottom:3px solid #fc6500;color:#fc6500;padding-bottom:0}.filter-label-list{margin-bottom:20px;max-height:88px;overflow:hidden;width:100%}.filter-label-list ul{width:101%}.filter-label-list li{float:left;margin-right:10px;margin-top:20px}.filter-label-list li a{background-color:#fff;border:1px solid #eaedf2;border-radius:12px;color:#6d757a;display:block;height:22px;line-height:22px;padding:0 10px;position:relative}.filter-label-list li a:hover{background-color:#e6ebf1;border-color:#e6ebf1}.filter-label-list li a.current{background-color:#f70;border-color:#f70;color:#fff}.filter-label-list li i.hot{background-image:url(https://shark2.douyucdn.cn/front-publish/demand-master/assets/list-icon_0795dd9.png);background-position:-12px -40px;background-repeat:no-repeat;height:9px;position:absolute;right:-7px;top:-5px;width:23px}.filter-label-operate{border-bottom:1px solid #e6e9f0;position:relative}.filter-label-operate a{display:none}.filter-label-operate.filter-label-operate-enable{top:8px}.filter-label-operate.filter-label-operate-enable a{background-color:#fff;border:1px solid #e6e9f0;border-radius:8px;color:#6d757a;display:block;height:16px;left:50%;line-height:0;position:absolute;text-align:center;top:-8px;width:76px}.filter-label-operate.filter-label-operate-enable a i,.filter-label-operate.filter-label-operate-enable a strong{display:inline-block;vertical-align:middle}.filter-label-operate.filter-label-operate-enable a strong{font-weight:400;line-height:16px}.filter-label-operate.filter-label-operate-enable a i{background-image:url(https://shark2.douyucdn.cn/front-publish/demand-master/assets/list-icon_0795dd9.png);background-repeat:no-repeat;height:9px;margin-left:4px;margin-top:1px;width:8px}.filter-label-operate.filter-label-operate-enable a.close i{background-position:0 -9px}.filter-label-operate.filter-label-operate-enable a.open i{background-position:0 0}.filter-label-operate.filter-label-operate-enable a:hover{color:#f70}.filter-info{padding-top:20px}.filter-info-desc{line-height:24px}.filter-info-desc b{color:#f70;font-weight:400;padding:0 5px}.filter-info-sort em,.filter-info-sort-list,.filter-info-sort-list a{display:inline-block;line-height:24px;vertical-align:top}.filter-info-sort-list,.filter-info-sort-list a{border-radius:4px;overflow:hidden}.filter-info-sort-list a{color:#3c3c3c;height:24px;margin:0 5px;text-align:center;width:70px}.filter-info-sort-list a:hover{color:#f70}.filter-info-sort-list a.current{background-color:#f70;color:#fff}
.promote{background-color:#fff;height:192px;padding:20px;position:relative}.promote-card,.promote-column,.promote-slide{height:192px;position:absolute;top:20px}.promote-slide{left:20px;width:376px}.promote-slide .slide-item{height:192px;width:376px}.promote-card{left:396px;overflow:hidden;right:228px}.promote-card .justify-fix,.promote-card .list-item{width:152px}.promote-card .item-ratio,.promote-card .list-item{border-radius:5px;overflow:hidden}.promote-card .item-mask{background-image:url(https://shark2.douyucdn.cn/front-publish/demand-master/assets/list-mask_b7136d1.png);background-position:0 100%;background-repeat:repeat-x;border-radius:5px;bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform:all .3s ease;-ms-transform:all .3s ease;-o-transform:all .3s ease;transform:all .3s ease}.promote-card .item-desc{bottom:10px;left:10px;position:absolute;right:10px;top:60px;transition:all .3s ease}.promote-card .item-amount,.promote-card .item-amount b,.promote-card .item-anchor,.promote-card .item-anchor strong,.promote-card .item-title{display:block}.promote-card .item-amount b,.promote-card .item-anchor strong,.promote-card .item-title{color:#fff;font-size:12px;font-weight:400;height:22px;line-height:22px;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-wrap:normal;word-break:keep-all}.promote-card .item-title{padding-bottom:10px}.promote-card .item-amount,.promote-card .item-anchor{max-width:none;padding-left:20px;position:relative}.promote-card .item-amount i,.promote-card .item-anchor i{background-image:url(https://shark2.douyucdn.cn/front-publish/demand-master/assets/list-icon_0795dd9.png);background-repeat:no-repeat;left:0;position:absolute;top:4px}.promote-card .item-anchor i{background-position:0 -47px}.promote-card .item-amount i{background-position:0 -58px}.promote-card .list-item:hover .item-mask{background-color:#000;background-image:none;filter:alpha(opacity=50);opacity:.5}.promote-card .list-item:hover .item-desc{bottom:5px;top:5px}.promote-column{overflow:hidden;right:20px;width:208px}.promote-column a{display:block;height:58px;margin-bottom:9px;overflow:hidden;padding-left:68px;position:relative}.promote-column-img{border-radius:4px;font-size:0;height:58px;left:0;line-height:0;overflow:hidden;position:absolute;text-align:center;top:0;width:58px}.promote-column-img i,.promote-column-img img{display:inline-block;vertical-align:middle}.promote-column-img i{height:100%;width:0}.promote-column-desc,.promote-column-info,.promote-column-titel{display:block;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-wrap:normal;word-break:keep-all}.promote-column-desc,.promote-column-titel{color:#3c3c3c}.promote-column-titel{font-weight:600;margin-top:-2px}.promote-column-info{color:#bbbfc7;font-weight:400}.promote-column a:hover .promote-column-titel{color:#f70}.filter{margin-top:20px}.filter-promote{bottom:0;height:62px;position:absolute;right:0;width:115px}.filter-promote img{display:block;width:100%}.filter-promote span{background-color:#fff;border:1px solid #eaedf2;border-radius:3px;display:none;overflow:hidden;padding:4px 8px 8px;position:absolute;right:0;top:62px;width:86px;z-index:1}.filter-promote span em{color:#6d757a;display:block;padding-bottom:3px}.filter-promote:hover span{display:block}