body{background:#f5f6f6;min-width:1200px}section{font-family:SourceHanSansCN,system-ui;font-weight:400}section.live-title{color:#303030;font-size:36px;font-weight:600;min-width:1200px;padding:90px 0 60px;text-align:center;width:100%}div.live-title{display:inline-block;position:relative}.live-bigger-text{font-size:46px;line-height:44px;position:relative}div.live-title:before{background:rgba(33,190,217,.9);height:39px;left:-16px;top:3px;width:39px}div.live-title:after,div.live-title:before{border-radius:50%;content:"";position:absolute}div.live-title:after{background:#d2ecf5;bottom:8px;height:21px;left:100%;width:21px}.live-filter{background:#fff;border-radius:10px;box-shadow:0 1px 6px 0 hsla(0,0%,89%,.57);color:#494949;display:flex;font-size:16px;font-weight:400;justify-items:flex-start;margin:0 auto 12px;padding:8px 0;width:1200px}.live-filter a,.live-filter span{color:#494949;height:27px;line-height:27px;margin-left:15px;margin-right:20px;text-align:center;width:53px}.live-filter a.activated{background:rgba(33,190,217,.23);border-radius:13px;color:#21bed9}.live-content{display:flex;flex-wrap:wrap;margin:45px auto 50px;width:1200px}.live-content .live-items{background:#fff;border-radius:10px;box-shadow:0 1px 2px 0 hsla(0,0%,76%,.23);display:block;height:355px;margin:0 27px 30px 0;overflow:hidden;position:relative;width:382px}.live-items:nth-child(3n){margin-right:0}.live-items .live-item-cover{height:215px;-o-object-fit:cover;object-fit:cover;width:382px}.live-items .live-item-title{box-sizing:border-box;color:#333;font-size:20px;font-weight:400;line-height:20px;overflow:hidden;padding:14px 0 20px 17px;width:100%}.live-items .live-item-author{box-sizing:content-box;color:#767676;font-size:16px;height:38px;line-height:38px;padding:0 0 14px 15px}.live-item-author img{border-radius:50%;height:38px;margin-right:7px;width:38px}.live-item-show{background:#f5f8fa;border-radius:10px;bottom:13px;color:#767676;height:38px;line-height:38px;position:absolute;right:15px;text-align:center;width:121px}.live-item-show span{color:#21bed9;padding-left:8px}.live-item-time{box-sizing:content-box;color:#b1b9c1;display:flex;font-size:12px;font-weight:700;line-height:14px;padding-left:15px}.live-item-time i{font-size:14px}.live-item-time span{font-size:12px;line-height:14px;padding-left:7px}.live-empty{background:url(https://static.dcgart.cn/asset/images/mix/live-empty.png) no-repeat 50%;height:242px;margin:60px auto 0;width:270px}.live-paginator{text-align:center}.live-popular{background:#3f413e;border-radius:10px;display:flex;height:578px;margin:0 auto 42px;width:1199px}.live-popular .swiper-wrapper{width:888px}.live-popular .swiper-slide img{border-radius:10px 0 0 10px;height:578px;-o-object-fit:cover;object-fit:cover;width:888px}.live-popular .swiper-slide a{display:block;height:578px;position:relative;width:888px}.live-popular .swiper-slide a:after{background:url(https://static.dcgart.cn/asset/images/mix/playable.png);background-size:cover;content:"";height:65px;left:50%;position:absolute;top:45%;width:65px}.live-popular-pagination{background:#1d262b;border-radius:0 10px 10px 0;height:578px;padding:53px 19px 0 12px;width:311px}.live-popular-pagination-title{border-bottom:1px solid #d3d3d3;color:#d3d3d3;font-size:24px;font-weight:700;line-height:24px;padding-bottom:17px;width:280px}.live-popular-pagination-title img{height:25px;margin-right:8px;padding-bottom:5px}.live-popular-pagination .swiper-pagination{display:flex;flex-wrap:wrap;overflow:hidden;padding:20px 32px;text-align:left;width:280px}.live-popular-pagination .swiper-pagination span{background:#1d262b;border-radius:0;color:#fff;display:block;font-size:16px;height:45px;line-height:45px;transition:font-size .2s,font-weight .2s;width:280px}.live-popular-pagination .swiper-pagination span.swiper-pagination-bullet-active{color:#21bed9;font-size:20px;font-weight:700}