/*libing 20171220
 * app视频栏目专用，不要加入其他栏目进来
 */

/*for video*/
body{background: #ffffff; color: #333; font-size: 16px; max-width: 768px; margin: 0 auto;}
.container{width: 100%; background: #fff; padding: 0 4%;}
.header{width: 100%; justify-content: space-between; padding: 8px 0;}
.header1{width: 48%;}
.headerTitle{width: 100%; text-align: center; padding: 5px;}
.headerImg{width: 100%; height: 30vw; max-height: 230px; position: relative;}
.headerImg img{width: 100%; height: 100%; object-fit: cover;}
.videoList{width: 100%; background: #fff; padding: 0 4%; border-top: 5px solid #f1f1f1;}
.videoList .flex{border-top: 1px solid #F1F1F1; padding: 10px 0;}
.vTitle{width: 100%; padding: 12px 0 10px;}
.videoListImg{width: 100px; height: 70px; position: relative;}
.videoListImg img{width: 100%; height: 100%; object-fit: cover;}
.videoListTitle{width: 100%; padding-left: 10px; padding-top: 15px;}
.videoList .flex1{position: relative;}
.videoListTime{position: absolute; left: 10px; bottom: 0px; font-size: 14px; color: #999;}

.swiper-container {width: 100%; }
.swiper-container .list{ width: 33.33vw; padding: 5vw 0; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;}  
.swiper-container .listTitle{width: 100%; border-left: 3px solid #ec4a4a; padding-left: 10px; margin-bottom: 10px;}
.swiper-container .listImg{width: 100%; height: 25vw; max-height: 187.5px; position: relative; padding: 0 15%;}
.swiper-container .listImg img{width: 100%; height: 100%; object-fit: contain; }
.swiper-container .title{width: 100%; height: 40px; line-height: 40px; text-align: center;}
.swiper-container .menuBg4 .listImg{ opacity: 0;}
.swiper-container .menuBg2{background-image: url(http://news.jstv.com/hd/lzappv5/images/menubg2.png);}
.swiper-container .menuBg3{background-image: url(http://news.jstv.com/hd/lzappv5/images/menubg3.png);}
.swiper-slide{ flex-wrap: wrap; justify-content: space-between;}
@media only screen and (min-width: 768px) {
	.header{margin-left: -384px; padding: 0 76.8px;}
	.header span{margin-bottom: 38.4px;}
}

/*for video list*/
.vlist-container{background: #fff;}
.vlist-container .list{width: 100%; padding: 10px 4%; border-top: 5px solid #F1F1F1;}
.vlist-container .list-img{width: 100px; height: 70px; position: relative;}
.vlist-container .list-img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.vlist-container .title{position: relative; padding: 0 0 0 2%;}
.vlist-container .time{position: absolute; left: 2%; bottom: 0px; font-size: 14px; color: #999;}

/*for video player*/
video{width: 100%; background: #000;}
.vpTop{background: #fff;}
.vpTitle{font-size: 18px; font-weight: bold; padding: 10px 4% 12px;}
.vLike{width: 60px; height: 60px; border: 1px solid #ccc; border-radius: 50%; margin: 5px auto 0; background: url(http://static.jstv.com/ui/litchinews/v5/zan02@2x.png) 50% 50% no-repeat; background-size: 60% auto;}
.vLike2{border: 1px solid #EA5455; background:#EA5455 url(http://static.jstv.com/ui/litchinews/v5/zan03@2x.png) 50% 50% no-repeat; background-size: 60% auto;}
.vLikeNum{width: 100%; text-align: center; padding: 6px 0 10px;}

.vTuiJian{border-top: 5px solid #f1f1f1; background: #fff; padding: 14px 4%; flex-wrap: wrap; justify-content: space-between;}
.vTuiJian .title{font-weight: bold; width: 100%; border-bottom: 1px solid #f1f1f1; padding-bottom: 8px;}
.vTuiJian .list{width: 48%; margin: 12px 0 0 0;}
.vTuiJian .listImg{width: 100%; height: 30vw; max-height: 230px; position: relative;}
.vTuiJian .listImg img{width: 100%; height: 100%; object-fit: cover; display: block;}
.vTuiJian .listTitle{ text-align: center;}

.vPingLun{border-top: 5px solid #f1f1f1; background: #fff; padding: 14px 4%; }
.vPingLun .title{font-weight: bold; width: 100%; border-bottom: 1px solid #f1f1f1; padding-bottom: 8px;}

/*for v.jstv.com 视频库模板*/
.vLibrary{border-top: 5px solid #f1f1f1; background: #fff; padding: 14px 4% 0; flex-wrap: wrap; justify-content: space-between;}
.vLibrary .title{font-weight: bold; width: 100%;}
.vLibrary .list{width: 100%; margin: 8px 0 0 0; border-bottom: 1px solid #f1f1f1; padding-bottom: 8px;}
.vLibrary .listImg{width: 120px; height: 80px; position: relative; background: #dedede url(http://static.jstv.com/ui/common/file/logo/logobg.png) 50% 50% no-repeat;
    background-size: auto 100%;}
.vLibrary .listImg img{width: 100%; height: 100%; object-fit: cover; display: block;}
.vLibrary .listTitle{ padding:4px 0 0 10px;}

/*for v.jstv.com 视频库模板 没有全站发布之前，老的页面相关推荐是放在others里面*/
.others .list{width: 100%; margin: 8px 0 0 0; border-bottom: 1px solid #f1f1f1; padding: 0 4% 8px;}
.others .listImg{width: 120px; height: 80px; position: relative;}
.others .listImg img{width: 100%; height: 100%; object-fit: cover; display: block;}
.others .listTitle{ padding:4px 0 0 10px;}

.vLibrary a, .others a{   
   width: 100%;
   color: #333;
   text-decoration: none;
}
a, a:hover, a:visited, a:link, a:active {
   color: #333;
   text-decoration: none;
}