@charset "utf-8";
/* CSS Document */
  /*html{font-size:16px;}*/
  a:focus{outline: none;}
  img{display: block;}
  input{margin: 0;padding: 0; }
  body{background: #1a191a;font-size:16px;}
.fl{float: left;}
.fr{float: right;}
.hidden{display: none;}
.clearfix:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}

  /*.wrapper img{width: 100%;display: block;}*/
  .wrapper{width: 100%;position: relative;overflow: hidden;background: url(../images/bg.jpg) no-repeat;}
  .conts_top{width: 17.45rem;margin: 0 auto; position: relative;overflow: hidden;margin-top: 0.2rem;}

.video_area{width: 13rem; background: #323232;position: relative;}
.video_top{padding-left: 0.2rem;padding-top: 0.2rem;padding-bottom: 0.1rem;}
.video_title{color: #cccccc;font-size: 0.26rem;line-height: 0.32rem;}
.video_dir{color: #666666;font-size: 0.16rem;line-height: 0.26rem;}

.input_box{padding-right: 2rem;}
.sinput_z{ width:4.04rem; height:0.42rem; background:url(../images/video/v_bg.png) no-repeat; background-size:100% auto; position:relative;}
.input_area1{ padding-left:0.15rem; color:#dddddd; font-size:0.14rem; line-height:0.42rem; height:0.42rem; width:3.2rem; box-sizing:border-box; border:0 none; background:none; appearance:normal;}
.submit_btn{display: block; width:0.71rem; height:0.42rem; position:absolute; right:0; top:0; text-indent:-9999px;}

.like{width: 0.5rem;height: 0.3rem;line-height: 0.3rem;background: url(../images/video/like.png) left center no-repeat;padding-left: 0.35rem;
color: #808080;font-size: 0.14rem;position: absolute;top: 0.25rem;right: 0.9rem;}
.like.vote_act{background: url(../images/video/like_act.png) left center no-repeat; }
.comments{width: 0.5rem;height: 0.3rem;line-height: 0.3rem;background: url(../images/video/news.png) left center no-repeat;padding-left: 0.35rem;
color: #808080;font-size: 0.14rem;position: absolute;top: 0.25rem;right: 0rem;}

/*视频样式*/
.video_conts{width: 100%;height: 6.45rem;background: #000000;}
#container{width: 100%;height: 100%;z-index: 2;}

.tab_area{width: 3.8rem;background: #323232;position: relative; margin-left:0.14rem;}
.tab_conts{width: 3.6rem;margin: 0 auto;}
.tab_btns{padding-top: 0.2rem;padding-bottom: 0.2rem;border-bottom: 1px solid #434343;position: relative;}
.tab_btn{width: 49%;display: block;float: left; color: #666666;font-size: 0.28rem;text-align: center;line-height: 0.36rem;border-right: 1px solid #434343;}
.tab_btn.nobor{border-right: 0;}
.tab_btn.active{color: #48c3eb;}
.tab_videobtn{width: 100%;height: 7.8rem; overflow:hidden;}
#jichu_video{display: block;padding-top: 0.15rem;}
#jinjie_video{display: none;padding-top: 0.15rem;}
.act_line{width: 1.15rem;height: 3px;background: #575757;position: absolute;display: none;}
.tab_pos1{bottom: -1px;left: 0.4rem;display: block;}
.tab_pos2{bottom: -1px;right: 0.4rem;}

.video_btn{width: 100%;display: block;padding-bottom: 0.15rem;position: relative;}
.video_img{width: 1.73rem;margin-right: 0.1rem;border: 0.03rem solid transparent;}
.video_img img{width: 100%;display: block;}
.video_txt_box{width: 1.4rem;}
.video_txt1{height: 0.6rem;color: #b2b2b2;font-size: 0.14rem;line-height: 0.2rem;padding-bottom: 0.1rem; word-break:break-all;}
.video_txt_dir{display: none;}
.video_txt2{color: #595959;font-size: 0.14rem;}
.video_time{color: #ffffff;font-size: 0.14rem;line-height: 0.26rem;background: rgba(0,0,0,0.5);border-radius: 0.3rem; padding: 0 0.1rem;position: absolute;top: 0.71rem;left: 1.15rem;}
.on .video_img{border: 0.03rem solid #48c3eb;}
.on .video_txt1{color: #48c3eb;}
.video_num{color: #6b6b6b;font-size: 0.14rem;padding-top: 0.1rem; padding-bottom: 0.1rem;}
.video_num span{ color:#48c3eb; font-size:0.16rem; font-weight:bold;}

.comments_bg{width: 100%;position: relative;background: #ffffff;margin-top: 0.2rem;}
.comments_areas{width: 17.45rem; margin: 0 auto; position: relative;overflow: hidden;padding-top: 0.25rem;}
.comments_area{width: 13rem; position: relative;}
.comments_tit{color: #252525;font-size: 0.24rem; font-weight:bold; padding-bottom:0.25rem;}
.comments_conts{width: 13.16rem;}
.comment_avater{ width:0.5rem; float:left;}
.comment_avater img{ display:block; width:100%; border-radius:50%;}

.input_box2{width: 100%;}
.input_area2_m{display:block; width:11.72rem; float:left;  border:1px solid #e5e5e5; box-sizing:border-box; border-right:0px;float:left; margin-left:0.15rem; }
.input_area2{ width:100%;   padding-left:0.15rem;line-height:0.5rem; height:0.5rem;  appearance:normal; border:0 none; background:none;}
.submit_btn2{display: block; width:0.74rem; height:0.52rem; background:#48c3eb; color:#ffffff; font-size:0.18rem; font-weight:bold; float:left; text-align:center; line-height:0.5rem;}



.commment_contains{width: 100%;padding-top: 0.3rem;}
.commment_contains li{padding-bottom: 0.3rem;}
.user_head{width: 0.5rem;height: 0.5rem;padding-right: 0.1rem;float: left;}
.user_head img{border-radius: 50%;width: 100%;display: block;}
.user_comments{ margin-left:0.68rem;}
.user_name{color: #999999;font-size: 0.12rem ;padding-top:0.05rem;}
.user_name span{font-size: 0.14rem;padding-right: 0.2rem;font-weight: bold; color:#48c3eb;}
.user_words{color: #000000;font-size: 0.14rem; line-height:0.24rem; padding-top:0.06rem;}

.null_ts{width: 100%;color: #4d4d4d;font-size: 16px;text-align: center;padding-top: 0.5rem; padding-bottom:0.5rem;display: none;}
.descrp{ background:#191a1a; padding:0.24rem 0 ;}
.des_title{ color:#cccccc; font-size:20px; padding-bottom:0.1rem;}
.des_des{ color:#808080; font-size:16px; line-height:24px;}
.video_des{ display:none;}
.tab_nav{ width:0.42rem; text-align:center; position:absolute; right:-0.42rem; top:0.2rem;}
.tnav { display:block; width:0.42rem; height:1.06rem; text-align:center; color:#999999; font-size:0.2rem; background:#252525; line-height:0.22rem; padding-top:0.1rem; box-sizing:border-box; margin-bottom:0.1rem; }
.tnav.active{ background:#48c3ec; color:#ffffff; font-weight:bold;}
.second_list{ width:1306px; padding-bottom:0.25rem;}
.seond_title{ color:#252525; font-size:20px; font-weight:bold; position:relative;}
.zk_status{ width:67px; height:25px; position:absolute; right:0; top:0; background:url(../images/zk.png) no-repeat; text-indent:-9999px; }
.sq_zt{ background:url(../images/sq.png) no-repeat;}



.second_desc{ padding:0.1rem 0; color:#898989; font-size:14px; line-height:24px;}
.seond_listm ul li{ width:184px; height:160px; position:relative; cursor:pointer; float:left; margin-right:3px; margin-bottom:15px;}
.seond_listm ul li:nth-child(7n){ margin-right:0px;}
.pic_img{ width:100%; height:100px; overflow:hidden;}
.pic_img  img{ display:block; width:100%;}
.second_title{ width:100%; height:60px; position:absolute; left:0; top:100px; background:#f5f5f5; padding:0.1rem; box-sizing:border-box; font-size:14px; color:#2e2e2e; line-height:22px; z-index:4;word-break:break-all; text-align:center;}
.over_l{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; display:none; background:url(../images/video/s_bg.png) no-repeat; background-size:100% auto;}

.seond_listm ul li.on  .second_title{ background:#48c3ec; color:#ffffff;} 
.seond_listm ul li.on  .over_l{ display:block;}
.second_smalltitle,.second_des{ display:none;}
.yhdp{ padding-bottom:0.5rem;}
.yhdp_title{ width:100%; color:#0f0f0f; font-size:0.2rem; border-bottom:1px solid #dddddd; padding:0.5rem 0 0.12rem 0;}





@media screen and (max-width: 1400px){
	.comments_areas{ width:1130px;}
	
	.video_txt1{height: 0.7rem;font-size: 14px;line-height: 0.24rem;}
	.video_txt2{font-size: 12px;}
	.video_num{font-size: 12px;}
	.comments_tit{font-size: 20px;}
	.input_txt_num{font-size: 12px;}
	.submit_btn2{font-size:12px; }
	.like{font-size:12px; }
	.comments{font-size:12px; }
	.input_area1{font-size: 12px;}
	.submit_btn{font-size:12px; }
	.input_area2{font-size: 12px; height:40px;}
	.second_list{ width: 1130px;}
	.seond_listm ul li:nth-child(7n){ margin-right:3px;}
	.user_name span{ font-size:14px;}
	.comment_avater{ width:40px;}
	.comments_area{ width:1130px;}
	.comments_conts{ width:100%;}
	.input_area2{ line-height:40px;}
	.submit_btn2 {
		display: block;
		width: 80px;
		height: 42px;
		background: #48c3eb;
		color: #ffffff;
		font-size:14px;
		font-weight: bold;
		float: left;
		text-align: center;
		line-height: 42px;
	}
	.yhdp_title{ font-size:18px;}
	.user_head{ width:40px; height:40px;}
	.user_name{ font-size:12px;}
	.user_name span{ font-size:14px;}
	.user_words{ font-size:14px; line-height:24px;}
	.video_dir {
		font-size: 14px;
		line-height: 0.26rem;
		width: 6.4rem;
		overflow: hidden;
		height: 0.26rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	
	
	
	
}