.width100{width: 100%;height: auto;}
.video_list-width{width: 1540px;margin: 0px auto;}
.video_list-title{font-size: 36px;color: #333333;font-weight: bold;}
@media screen and (max-width: 1600px) {
    .video_list-width{width: 96%;}
}

/* tab切换 */
.tab-container{margin-top: 10px;}
.tab-nav{border-bottom: 1px solid #D9D9D9;width: 100%;display: flex;}
.tab-nav li.active a{color: #660099;display: block;}
.tab-nav li.active{border-bottom-color: #660099;}
.tab-nav li a{padding: 10px 0;font-size: 20px;color: #333333;display: block;}
.tab-nav li {margin-right: 30px;}
.tab-nav li:hover{cursor: pointer;border-bottom-color: #660099;}
.tab-nav li:hover a:hover{color: #660099;}

.sort-nav{display: flex;align-items: center;margin-top: 20px;}
.sort-nav li{font-size: 20px;color: #333333;margin-right: 30px;padding: 5px 15px;}
.sort-nav li:hover{cursor: pointer;background-color: #660099;color: #fff;border-radius: 5px;}
.sort-nav li.active{background-color: #660099;color: #fff;padding: 5px 15px;border-radius: 5px;}

.video_list-ul{display: flex;justify-content: space-between;margin-top: 40px;flex-wrap: wrap;}
.video_list-li.type1{width: 32%;margin-bottom: 40px;}
.video_list-li.type2,.video_list-li.type3{width: 17%;margin-bottom: 40px;}
/* box-shadow: 0 8px 24px 0 rgba(34,38,48,.12); */
.video_list-li figure{overflow: hidden;}
.video_list-name{font-size: 20px;color: #333333;text-align: center;margin: 20px 10px 0 10px;}
.video_list-name{height: 60px;}
.video_list-name:hover{text-decoration: underline;color: #660099;}
.video_con-intro a{display: block;background-color: #660099;color: #ffffff;font-size: 16px;width: 40%;border-radius: 24px;padding: 8px 0;text-align: center;
    margin: 20px auto 0 auto;transition: all 0.5s;}
.video_con-intro a:hover{filter: brightness(1.5);}
.type2 .video_con-intro a,.type3 .video_con-intro a{width: 65%;}
.video_list-img{position: relative;}
.video_list-img img{transition: 1s;}
.video_list-img:hover img{transform: scale(1.1);transition: 1s;}
.video_list-img::after{content: "";width: 0;height: 0;border-left: 20px solid #ffffff;border-top: 15px solid transparent;border-bottom: 15px solid transparent;
position: absolute;right: 20px;bottom: 20px;}

.item_empty_pro {height: 0;margin-top: 0px;width: 31%;content: "";clear: both;margin-bottom: 0px !important;}
.item_empty_pro2{height: 0;margin-top: 0px;width: 17%;content: "";clear: both;margin-bottom: 0px !important;}
.Novideo{text-align: center;width: 100%;padding: 50px;font-size: 20px;}
@media screen and (max-width: 1330px) {
    .video_list-li.type2, .video_list-li.type3{width: 21%;}
    .item_empty_pro2{width: 21%;}
}
@media screen and (max-width: 1200px) {
    .video_con-intro a{width: 60%;}
}
@media screen and (max-width: 900px) {
    .video_list-li.type2, .video_list-li.type3{width: 24%;}
    .item_empty_pro2{width: 24%;}
}
@media screen and (max-width: 768px) {
    .video_list-li{width: 49%;}
    .video_list-li.type2, .video_list-li.type3{width: 49%;}
    .item_empty_pro2{width: 49%;}
    .item_empty_pro {width: 49%;}
    .tab-nav li a,.sort-nav li,.video_list-name{font-size: 16px;}
    .video_list-title{text-align: center;}
    .video_list-name{height: 50px;}
    .video_list-img::after{right: 20%;}
}
@media screen and (max-width: 600px) {
    .video_list-img::after{right: 20px;}
}
@media screen and (max-width: 450px) {
    .video_list-li{width: 100%;}
    .video_con-intro a{width: 100%;}
    .video_con-intro a{font-size: 14px;}
}