/*libing 20171114*/
/*.appDownload{filter:grayscale(1)}*/
/*for video*/
body{background: #f1f1f1; color: #333; font-size: 16px; max-width: 768px; margin: 0 auto;}
.header{background: #fff; font-size: 18px; height: 32vw; max-height: 245.75px; padding: 0 10%; justify-content: space-around; position: fixed; left: 50%; margin-left: -50%; top: 0; width: 100%; z-index: 1000; max-width: 768px;}
.header span{width: 20vw; max-width: 153.59px; margin-bottom: 5vw;}
.header .menuNews{background: url(http://news.jstv.com/hd/lzappv5/images/video-menu-news1.png) bottom center no-repeat; background-size: 80% auto;}
.header .menuNews2{background: url(http://news.jstv.com/hd/lzappv5/images/video-menu-news2.png) bottom center no-repeat; background-size: 80% auto;}
.header .menuHot{background: url(http://news.jstv.com/hd/lzappv5/images/video-menu-hot1.png) bottom center no-repeat; background-size: 80% auto;}
.header .menuHot2{background: url(http://news.jstv.com/hd/lzappv5/images/video-menu-hot2.png) bottom center no-repeat; background-size: 80% auto;}
.header .menuLZ{background: url(http://news.jstv.com/hd/lzappv5/images/video-menu-lz1.png) bottom center no-repeat; background-size: 80% auto;}
.header .menuLZ2{background: url(http://news.jstv.com/hd/lzappv5/images/video-menu-lz2.png) bottom center no-repeat; background-size: 80% auto;}

.swiper-container {width: 100%; margin-top: 32vw; border-top: 5px solid #F1F1F1; padding-top: 20px;}
.swiper-container .list{background-color: #fff; width: calc(50% - 7.5px); margin-bottom: 15px; border-radius: 10px; border: 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 .menuBg1{background-image: url(http://news.jstv.com/hd/lzappv5/images/menubg1.png);}
.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;  padding: 0 4%;}
@media only screen and (min-width: 768px) {
	.header{margin-left: -384px; padding: 0 76.8px;}
	.header span{margin-bottom: 38.4px;}
    .swiper-container {margin-top: 245.75px; }
}

/*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;
}