.othernav .search .search-section{display: none;}

.videobg{background: url(/static/img/play_background.jpg) no-repeat top center; height: 790px;}
.vlogo{background: url(/static/img/logo_play.png) no-repeat center center; height: 135px; overflow: hidden; clear: both;}
.video-column{width: 1200px; margin: 0 auto; overflow: hidden; background-color: #191919; height: 480px;}
.v-left{float: left; width: 850px; height: 480px; overflow: hidden;}
.v-right{float: right; width: 305px; padding-right: 20px;}
#video{width: 100%; height: 480px;}
.v-title{clear: both; overflow: hidden; margin-top: 6px; background: url(/static/img/icon_3_1.png) no-repeat left center; margin-bottom: 12px; padding-left: 30px; color: #cccccc; font-size: 16px; border-bottom: solid 1px #666666; line-height: 48px;}
.v-list{overflow-y: auto; height: 410px;}
.v-list .list{clear: both; overflow: hidden; margin-bottom: 18px;}
.v-list .list img{display: block; float: left; width: 158px; height: 90px;}
.v-list .list span{display: block; float: right; width: 126px;}
.v-list .list span h3{font-weight: normal; color: #d6d6d6; font-size: 16px; line-height: 24px; margin: 0; padding: 0; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.v-list .list span i{display: block; clear: both; overflow: hidden; margin-top: 12px; font-style: normal; color: #999; background: url(/static/img/icon_8.png) no-repeat left center; padding-left: 24px; font-size: 14px;}
.v-list::-webkit-scrollbar {
width : 10px;
height: 1px;
}
.v-list::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #535353;
}
.v-list::-webkit-scrollbar-track {
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background   : #ededed;
}
.votherinfo{clear: both; width: 1200px; margin: 0 auto; overflow: hidden; background-color: #191919; height: 52px; border-radius: 3px;}
.votherinfo .vshare{display: inline-block; color: #ccc; padding-left: 12px; padding-top: 12px;}
.votherinfo .vshare .bshare-custom{display: inline-block;}
.votherinfo .vshare .boplate{display: inline-block; margin-left: 32px;}
.votherinfo .vshare .boplate a{display: inline-block; margin-right: 12px;}
.votherinfo .vshare .boplate a:last-child{margin-right: 0;}
.votherinfo .vshare .boplate a img{height: 24px; vertical-align: middle;}
.articleinfo{width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 36px;}
.articleinfo h1{font-weight: normal; margin: 0; padding: 0; color: #fff; font-size: 28px; display: block; clear: both; margin-top: 12px; margin-bottom: 12px;}
.articleinfo .otherinfo{color: #666; font-size: 14px;}
.articleinfo .otherinfo span{display: inline-block; margin-left: 12px; height: 20px; line-height: 20px;}
.articleinfo .otherinfo span.time{background: url(/static/img/icon_time.png) no-repeat left center; background-size: contain; padding-left: 24px;}
.articleinfo .otherinfo span.jj{background: url(/static/img/icon_content.png) no-repeat left center; background-size: contain; padding-left: 24px;}
.articleinfo .otherinfo span.give{background: url(/static/img/icon_9.png) no-repeat left center; background-size: contain; padding-left: 26px;}
.articleinfo .otherinfo span.bof{background: url(/static/img/icon_8.png) no-repeat left center; background-size: contain; padding-left: 26px;}

.arcontent{padding-bottom: 36px; overflow:hidden;}
.vcontent{clear: both; width: 1000px; margin: 0 auto; overflow: hidden; padding-bottom: 36px; padding-top: 24px; line-height: 28px;}
.othv{clear: both; width: 1200px; margin: 0 auto;}
.othv .jctj{background: url(/static/img/icon_related.png) no-repeat left center; padding-left: 16px; height: 30px; line-height: 30px; font-size: 20px; overflow: hidden; margin-bottom: 8px; font-weight: bold;}


@media (max-width: 750px){
    .vlogo{background: none; height: auto;}
    .videobg{background: none; height: auto;}
    .articleinfo{width: 90%; margin: 0 auto; padding-bottom: 16px;}
    .video-column{width: 100%; height: auto; background: none;}
    .v-left{width: 100%; float: none; height: auto;}
    #video{height: auto; object-fit:fill;}
    .v-right{float: none; clear: both; width: 90%; margin: 0 auto; padding-right: 0px; display: none;}
    .v-title{color: #333; font-size: 18px; line-height: 36px;}
    .v-list .list img{width: 45%; height: auto;}
    .v-list .list span{width: 50%;}
    .v-list .list span h3{color: #333;}
    .v-list .list span i{display: none;}
    .v-list{height: auto;}
    .votherinfo{display: none;}
    .articleinfo h1{color: #333; font-size: 22px;}
    .articleinfo .otherinfo{margin-left: 0px; width: 100%;}
    .articleinfo .otherinfo span.time{display: none;}
    .arcontent{width: 90%; margin: 0 auto; padding-bottom: 16px;}
    .vcontent{width: 100%; padding-top: 0px;}
    .othv{width: 100%;}
    .articleinfo .otherinfo span.bof{display: none;}
    .yesvideo{padding-top: 53px;}
}