@charset "utf-8";
.crumb{width:100%;margin-top:10px}
.crumb .wrap{margin:0 auto;height:40px;line-height:40px;font-size:13px;color:#797979;overflow:hidden}
.crumb .wrap a{color:#797979}
.crumb .wrap a:hover{color:#3ed8b6}
.content{width:1200px;margin:5px auto;overflow:hidden;min-height:calc(100vh - 460px)}
.content .list_title{text-align:right;line-height:16px;margin-bottom:20px;overflow:hidden;color:#666}
.content .list_title a{display:inline-block;padding:0 10px;height:16px;line-height:16px;font-size:16px}
.content .list_title a+a{border-left:2px solid #ddd}
.content .list_title a.on,.content .list_title a:hover{color:#3ed8b6}
.content .List_L{width:215px;margin-right:25px;z-index:10}
.content .List_L:after,.content .List_L:before{content:"";display:block;height:0;clear:both;visibility:hidden}
.content .List_L a.lis{display:block;width:195px;padding:0 10px;height:70px;line-height:70px;font-size:14px;font-weight:700;background:#fff;color:#666;text-indent:10px;transition:all .2s linear;border-radius:2px;overflow:hidden}
.content .List_L .lis.on,.content .List_L .lis:hover{background:#3ed8b6;color:#fff}
.content .List_R{width:960px;min-height:500px;overflow:hidden}
.content .List_R .list_title{position:absolute;right:0;top:-30px}
.content .List_R .Rlist{overflow:hidden}
.content .List_R .Rlist li{padding:0 10px 20px 10px;position:relative;float:left;width:172px;cursor:pointer}
.content .List_R .Rlist li:hover .cont{background:#3ed8b6}
.content .List_R .Rlist li:hover .cont .bt,.content .List_R .Rlist li:hover .cont span{color:#fff}
.content .List_R .Rlist li:hover .cont .btn{background:#fff;color:#3ed8b6}
.content .List_R .Rlist .cont{background:#fff;border-radius:4px;height:235px;padding:20px;transition:all .2s linear}
.content .List_R .Rlist .cont img{width:100%;display:block;border-radius:20px}
.content .List_R .Rlist .cont .bt{display:block;line-height:35px;font-size:14px;color:#3ed8b6;height:35px;margin-top:5px;display:block;text-align:center;overflow:hidden}
.content .List_R .Rlist .cont span{display:block;height:30px;display:block;text-align:center;font-size:14px;color:#666}
.content .List_R .Rlist .cont .btn{width:80px;height:30px;line-height:30px;margin:0 auto;background:#3ed8b6;color:#fff;font-weight:700;display:block;margin:0 auto;text-align:center;border-radius:15px;font-size:14px}
.content .List_R .Rlist .cont .btn:hover{opacity:.8}
.content .List_R .newlist{overflow:hidden;width:105%}
.content .List_R .newlist li{float:left;width:230px;margin:20px 10px 0 0;position:relative;border:1px solid #eee;background:#fff}
.content .List_R .newlist li .video-name{margin:10px 10px 5px;line-height:20px;height:40px;overflow:hidden;font-size:14px;color:#333}
.content .List_R .newlist li .video-name a{color:#333}
.content .List_R .newlist li .video-img{width:100%;height:130px;overflow:hidden}
.content .List_R .newlist li .video-img img{width:100%;height:100%;object-position:cover;object-fit:cover;transition:all .2s}
.content .List_R .newlist li .video-img:hover img{width:110%;height:110%;margin:-5% 0 0 -5%;opacity:.8}
.content .List_R .newlist li .video-name:hover a{color:#3ed8b6}
.content .List_R .newlist li .video-info{margin:0 10px 10px;text-align:right;overflow:hidden;line-height:20px;height:20px;color:#a0a0a0;font-size:12px}
#page{margin:20px auto;width:100%;overflow:hidden;text-align:center}
#page a,#page span{display:inline-block;width:auto;background:#fff;padding:0 10px;height:30px;text-align:center;line-height:30px;color:#666;font-size:14px;border-radius:5px;border:1px solid #e6e6e6;margin:0 5px}
#page span{background-color:#3ed8b6;color:#fff}
#page a:hover{background-color:#3ed8b6;color:#fff}
#page .activP{background-color:#3ed8b6;color:#fff}
@media only screen and (max-width:767px){.content{width:auto}
.crumb .wrap{width:auto}
.content .List_L{float:none;width:auto;margin:0;display:flex;justify-content:space-around}
.content .List_L a.lis{width:auto;padding:0 10px;margin:0;text-indent:0;height:30px;line-height:30px}
.crumb{width:auto;margin:0 10px}
.content .List_R{float:none;width:auto;margin:20px 10px 0}
.content .List_R .newlist li{width:48.5%;margin:0;border:none}
.content .List_R .newlist li:nth-child(2n+1){margin-right:3%}
.content .List_R .newlist{width:auto}
.content .List_R .newlist li .video-img{height:96px}
.content .List_R .newlist li .video-name{margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.content .List_R .newlist li .video-info{margin:0 0 10px}
#page a,#page span{height:26px;line-height:26px}
}