/*2020.10.22更新*/
/*新版视频首页*/
body{background: #F2F2F2;}
.video-ind{width: 1200px; height: 477px; margin: auto;}
.video-ind .vid-play{width: 848px; height: 477px; float: left;}
/*30日排行榜*/
.video-ind .ranking{width: 338px; height: 477px; background: #000; border-radius: 2px; opacity:0.84 ; float: left; margin-left: 14px; overflow: hidden;}
.video-ind .ranking em{background: url(../img/inde-bg.png) 246px 0 no-repeat; background-size: 92px 20px; height: 20px; display: block;}
.video-ind .ranking .raktitle{height: 36px; margin: 6px 0 29px 29px;}
.video-ind .ranking .raktitle span{font-size: 30px; height: 30px; line-height: 30px; color: #FF7C00; float: left; margin: 5px 0 1px 0; font-weight: 500;}
.video-ind .ranking .raktitle i{background: url(../img/huo.png) no-repeat; background-size: 32px 36px; float: left; width: 32px; height: 36px; margin-right: 10px;}
.video-ind .ranking li{width: 296px;  overflow: hidden; margin:0 14px 20px 28px;}
.video-ind .ranking li a{font-size: 16px; line-height: 20px; height: 40px; display: block; overflow: hidden;  color: #FFF;}
.video-ind .ranking li:hover a{color: #FF7C00; font-size: 20px; line-height: 24px; height: 48px;}
	
.title{width: 100%; height: 30px; overflow: hidden; margin: 24px 0 26px}
.title h1{height: 30px; float: left; line-height: 30px; font-size: 30px; font-weight: 500; color: #333;}
.title h1 a:hover{color: #47AE35;}
.title span{float: right; margin-right: 10px; font-size: 16px; color: #606266; line-height: 16px; font-weight: 500;height: 16px; margin-top: 14px;}
/**房车评测中心**/
.column-one{overflow: hidden;}
.column-one li:nth-child(5){margin-right: 0px;}
/*左侧栏目*/
.vid-left{width: 956px; float: left; }
.vid-left li{margin-bottom: 20px;}
.vid-left li:nth-child(4n+0){margin-right: 0px;}
	
/*猜你喜欢*/
.vid-right{width: 224px; float: right;}
.vid-right li{width: 224px; height: 336px; float: left; margin-bottom: 10px; border-radius: 4px; background: #CFCFCF; overflow: hidden;}
.vid-right li a{display: block; overflow: hidden;}
.vid-right li img{transition: all 0.3s linear;}
.vid-right li img:hover {transform: translateZ(0) scale(1.03,1.03); transition: transform 0.5s;}
/*栏目列表*/
.list{width: 100%; }
.list li{float: left; height: 402px; width: 224px; margin-right: 20px; border-radius: 4px; overflow: hidden; transition: all 0.3s linear; box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.1);}
.list li:hover{box-shadow: 0px 3px 10px 0px rgba(216,216,216,0.58); transform: translateY(-10px);}
.list a{overflow: hidden; background: #FFF; display: block;}
.list img{width: 224px; height: 336px;}
.list span{width: 210px; height: 46px; line-height: 23px; font-size: 18px; font-weight: 500; color: #333; margin: 10px 6px 10px 8px; display: block; overflow: hidden;}

/*新版视频列表页*/
.grid {position: relative;   width: 100%; }
.grid-item {position: absolute; top: 0; left: 0; width: 224px !important; height: auto !important; background-color: #fff; box-shadow: 0px 2px 24px 0px rgba(202, 202, 202, 0.3);
  border-radius: 4px; -webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out; transition: .3s ease-in-out; overflow: hidden;}
.grid-item:nth-child(5n+0){margin-right: 0}
.grid-item a{position: relative; display: block;}
.grid_text{position: absolute; left: 0; bottom: 0; height: 46px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%); padding: 6px 6px 10px; width: 212px; }
.grid-item span{line-height: 22px; font-size: 16px; width: 200px; overflow: hidden; color: #303133; display: block; margin: 14px 12px 16px 12px; letter-spacing: 0.6px; font-family: "Microsoft YaHei"}
.grid-item:hover {box-shadow: 1px 1px 10px rgba(0,0,0,0.5); margin-top: -5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.column-nav {overflow: hidden;}
.column-nav li {float: left;margin-right: 20px;}
.heading{height: 30px; line-height: 30px; font-size: 30px; color: #333; margin-top: 28px; margin-bottom: 6px;}

/*新版视频内容页*/
.vidcon-left{width: 970px; height: 602px; float: left;}
.vidcon-left .vidplay{width: 970px; height: 546px; float: left;}
.vidcon-left .vidico{width: 970px; height: 56px; background: rgba(0,0,0,0.75); float: left;}
.vidcon-left .vidico span{float: left; color: #DDD; font-size: 18px; font-family: "Microsoft YaHei"; line-height: 56px;}
.vidcon-left .vidico span:nth-child(3){padding-left: 14px;}
.vidcon-left .vidico i{height: 20px; margin-top:18px; padding: 0 34px 0 30px; color: #DDD; font-size: 18px; font-family: "Microsoft YaHei"; cursor: pointer;}
.vidcon-left .vidico .shou{background: url(../img/shou.png) no-repeat; background-size: 20px;}
.vidcon-left .vidico .shou:hover{background: url(../img/shou01.png) no-repeat; background-size: 20px;}
.vidcon-left .vidico .ping{background: url(../img/ping.png) no-repeat; background-size: 20px;}
.vidcon-left .vidico .ping:hover{background: url(../img/ping-ho.png) no-repeat; background-size: 20px;}
	
.vidcon-right{width: 218px; height: 602px; float: right}
.vidcon-right .vidcar{width: 218px; height: 282px; background: #FFF; box-shadow: 0px 3px 10px 0px rgba(216,216,216,0.6); padding: 20px 16px 18px; box-sizing: border-box;}
.vidcon-right .vidcar h1{height: 24px; line-height: 24px; font-size: 24px; font-family: "Microsoft YaHei"; color: #333;}
.vidcon-right .vidcar a{width: 167px; height: 111px; border: 1px solid #E4E4E4; padding: 6px 8px 5px 9px; margin:16px 0 14px; display: block; overflow: hidden}
.vidcon-right .vidcar img{width: 167px; height: 111px;}
.vidcon-right .vidcar img:hover {transform: translateZ(0) scale(1.03,1.03); transition: transform 0.5s;}
.vidcon-right .vidcar h2{height: 16px; line-height: 16px; font-size: 16px; color: #333;}
.vidcon-right .vidcar p{height: 16px; line-height: 16px; overflow: hidden; color: #606266; font-size: 16px; margin-top: 8px; display: block;}
	
.vidcon-right .vidcar-ewm{width: 218px; height: 308px; background: #FFF; box-shadow: 0px 3px 10px 0px rgba(216,216,216,0.6); padding: 20px 16px 14px; box-sizing: border-box; text-align: center;}
.vidcon-right .vidcar-ewm h1{height: 24px; line-height: 24px; font-size: 24px; font-family: "Microsoft YaHei"; color: #333;}
.vidcon-right .vidcar-ewm img{width: 138px; height: 138px; padding: 1px; border: 1px solid #E4E4E4;}
.vidcon-right .vidcar-ewm p{height: 42px; line-height: 21px; font-size: 14px; color: #606266; font-family: "Microsoft YaHei"; }
.vidcon-right .vidcar-ewm em{width: 186px; height: 34px; border: 1px solid #E4E4E4; box-sizing: border-box; text-align: center; color: #47AE35; font-size: 18px; font-family: "Microsoft YaHei"; line-height: 32px; display: block;}
	
.vid-con{width: 970px; height: auto; float: left; overflow: hidden; font-family: "Microsoft YaHei";}
.vid-con h1{display: block; font-size: 28px; line-height: 28px; color: #303133; }
.vid-con .sketch p{display: block;  line-height: 24px; letter-spacing: 1px; color: #606266; font-size: 16px;}
.vid-con .vid-label{height: 16px; line-height: 16px; font-size: 16px; color: #909399; letter-spacing: 1px;}
.vid-con .sketch img{width: 100%; margin: auto; height: auto;}

.like-content {width: 100%}
.like-top{height: 30px; line-height: 30px; display: block; overflow: hidden}
.like-top h1{float: left; font-size: 30px; color: #333; }
.guess-switch {background: url(../img/like-sw.png) no-repeat; background-size: 16px; color: #606266;font-size: 16px; padding-left: 23px; cursor: pointer; height: 16px; line-height: 16px; -moz-user-select: none; -webkit-user-select: none; user-select: none; float: right; margin-right: 10px; margin-top: 14px;}
.guess-switch:hover{background: url(../img/like-sw-ho.png) no-repeat; background-size: 16px;}
.guess-switch .switch:hover {color: #169d84;}
	
	
.guess-box {width: 100%; height: 482px; position: relative; margin-top: 36px;}
.guess-box ul li{transition:all .7s ease 0s; width: 285px; height: 221px;  border-radius: 4px; margin: 0 20px 20px 0; float: left; background: #FFF; overflow: hidden; box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.1);}
.guess-box ul li:nth-child(4n+0){margin: 0 0 20px 0;}
.guess-box ul li:hover {box-shadow: 0px 3px 10px 0px rgba(216,216,216,0.58); transform: translateY(-10px);}
.guess-box ul li span{height: 40px; font-size: 16px; color: #333; line-height: 20px; margin: 10px; overflow: hidden; display: block;}
.guess-mba {margin-bottom: 10px;}

.scroll-top{position: relative;}
.bd_weixin_popup_foot{text-align: center !important;}
.sharemain{width: 65px;position: absolute;left: -65px; top: 0;}
.shareinfo .bdsharebuttonbox a{ width:55px; float: left;height: 55px;margin: 0 0 2px;border:1px solid #ebebeb;padding-left: 0;}
.shareinfo .bdsharebuttonbox a.bds_weixin{ background:url(../img/weixin.png) #fff center no-repeat; }
.shareinfo .bdsharebuttonbox a.bds_weixin:hover{ background:url(../img/weixin-hover.png) #fff center no-repeat; }
.shareinfo .bdsharebuttonbox a.bds_tsina{ background:url(../img/weibo.png) #fff center no-repeat; }
.shareinfo .bdsharebuttonbox a.bds_tsina:hover{ background:url(../img/weibo-hover.png) #fff center no-repeat; }
.news-con img{ max-width:750px;_width:expression(this.width > 750 ? "750px" : this.width); display: block; margin: 0 auto;}


/*2022.05.19首页改版*/
.vid_ind_list{overflow: hidden}	
.vid_ind_list .vid_ind_title{display: block; height: 50px; line-height: 50px;}
.vid_ind_list .vid_ind_title strong{font-size:30px; }
.vid_ind_list .vid_ind_title .vdmore{float: right; font-size: 14px;}
.vid_ind_list li{width: 285px; margin-right: 20px; float: left; margin-bottom: 30px; border-radius: 4px; overflow: hidden; transition: all 0.3s linear; box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.1);}
.vid_ind_list li:nth-child(4n+0){margin-right: 0px;}
.vid_ind_list li:hover{box-shadow: 0px 3px 10px 0px rgba(216,216,216,0.58); transform: translateY(-10px);}
.vid_ind_list li a{background: #FFF; overflow: hidden; display: block;}
.vid_ind_list li span{font-size: 16px; line-height: 20px; height: 40px; margin: 10px; color: #333; overflow: hidden; display: block;}

.ls_title{height: 50px; font-size: 30px; line-height: 50px;}
.vidnav_box{height: 50px; background: #F7F7F7; width: 100%; border-bottom: 2px solid #E4E4E4;}
.vidnav{line-height: 50px;}
.vidnav a{float: left; font-size: 16px; color: #333; padding:0 20px; margin-left: 36px;}
.vidnav a:first-child{padding-left: 0px; margin-left: 0px;}
.vidnav a.act{color: #00943D;  border-bottom: 2px solid #00943d;}
.vidnav_two{width: 1200px; margin: auto; height: 30px;}
.vidnav_two a{padding: 0 15px; border-radius: 10px; background: #ccc; font-size: 14px; float: left; margin-left: 20px;}
.vidnav_two a.act{background: #FF7C00; color: #FFF;}
.vidnav_two a:first-child{margin-left: 0px;}
.vidnav_two a:hover{opacity: 0.8}
/**/