.banner{
    width: 100%;
    min-height: 10rem;
}
.banner-infobox{
    width: 57rem;
    margin: 0 auto;
    height: 100%;
    padding: 3rem 0 0 0;
    box-sizing: border-box;
}
.banner-info-title{
    color: #fff;
    font-size: 1.8rem;
    line-height: 2rem;
}
.banner-info-intro{
    color: #fff;
    font-size: .6rem;
    line-height: .75rem;
    margin-top: 1rem;
}
.main{
    width: 57rem;
    margin: 0 auto;
    position: relative;
}
.video-listbox{
    width: 100%;
}
.video-list{
    width: 13rem;
    margin-top: 3.1rem;
    float: left;
    height: 15rem;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    position: relative;
}
.video-list:not(:nth-child(4n+1)){
    margin-left: 1.665rem;
}
.video-list:nth-child(1),
.video-list:nth-child(2),
.video-list:nth-child(3),
.video-list:nth-child(4){
    margin-top: 2.6rem;
}
.video-list-imgbox{
    width: 100%;
    height: 9.15rem;
    cursor: pointer;
}
.video-list-img{
    width: 100%;
    height: 100%;
}
.video-list-img-mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    padding-top: 3.325rem;
    box-sizing: border-box;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}
.video-list-img-mask img{
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
}
.video-list-title{
    width: 11rem;
    margin: .5rem auto 0 auto;
    font-size: .85rem;
    color: #000;
    line-height: 1.5rem;
    height: 3rem;
    text-align: justify;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
}
.video-list-watchnum{
    width: 11.3rem;
    margin: .6rem auto 0 auto;
    color: #858585;
    font-size: .6rem;
    line-height: .75rem;
}
.video-list:hover .video-list-img-mask{
    opacity: 1 !important;
}
.main-left-info-list-morebtn{
    width: 9rem;
    margin: 1.35rem auto 0 auto;
    text-align: center;
    line-height: 1.9rem;
    box-sizing: border-box;
    border-bottom: 2px solid #b8b6b7;
    color: #b8b6b7;
    font-size: .7rem;
    cursor: pointer;
}
.video-list-tag{
    position: absolute;
    z-index: 1;
    top: .7rem;
    left: .95rem;
    line-height: 1.35rem;
    padding: 0 .7rem;
    box-sizing: border-box;
    color: #fff;
    font-size: .65rem;
    background-color: rgba(0,0,0,.7);
    border-radius: .7rem;
}