.VideoList_a1 ul li{width: 31.6%;margin-right: 2.6%;margin-bottom: 2.6vw; float: left;border-bottom: 6px solid #fecb09;position: relative;}
.VideoList_a1 ul li:nth-child(3n){margin-right: 0;}
.VideoList_a1 ul li span{line-height: 1.5;padding: 0.8vw 1.5vw;display: block;box-sizing:border-box;color: #653833;
    border-right: 1px solid #cccccc;border-left: 1px solid #cccccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.VideoList_d1 li a,.VideoList_a1 ul li img{display: block;}
.VideoList_a1 ul li img{position: absolute;top: 50%;min-height: 100%;min-width: 100%;
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;
left: 50%; transform:  translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.VideoList_d1 li a{height: 11.14vw;position: relative;overflow: hidden;}
.VideoList_a1 ul li:after{content: "";position: absolute;left: 0;bottom: -6px;height: 6px;background: #5f3937;width: 0;
transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.VideoList_a1 ul li:hover:after{width: 100%;}
.VideoList_a1 ul li:hover img{transform: scale(1.08)  translate(-46%, -46%);-webkit-transform: scale(1.08) translate(-46%, -46%);}
@media screen and (max-width: 1024px){
    .VideoList_d1 li a{height: 16.1vw;}
}
@media screen and (max-width: 640px){
    .VideoList_a1 ul li{width: 100%;margin-right: 0;}
    .VideoList_a1 ul li:nth-child(3n){margin-right: 0;}
    .VideoList_d1 li a{height: 50vw;}
    .VideoList_a1 ul li span{padding: 3vw 1vw;}

}