.video{padding-bottom:0.5rem;}
.video-title{width:2.08rem;height:0.5rem;background:url(//game.gtimg.cn/images/fn/videom/title.png) no-repeat;background-size:cover;margin:0.5rem auto 0.1rem;text-indent:-9999px;}
.video-nav ul{padding:0.2rem 0.3rem;text-align:center;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.video-nav ul li a{height:0.5rem;padding:0 0.07rem;line-height:0.5rem;color:#6a6b76;font-size:0.24rem;display:block;}
.video-nav ul li.on a{color:#f9cf2f;border-bottom:2px solid #f9cf2f;}


.video-list{padding:0 0.3rem;}
.video-list ul{
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
}

.video-list li{width:48.5%;padding-top:0.1rem;font-size:0.26rem;line-height:0.38rem;}
.video-list li a{color:#333;}
.video-list li a span{font-size:0.22rem;color:#999;}
.video-list li a span.fr{float:right;}
.video-list li p{max-height:0.76rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-list li img{width:100%;height:2rem;display:block;margin-bottom:0.1rem;}
.list-first li:first-child{width:100%;}
.list-first li:first-child img{height:3.7rem;}

.video-name{height:0.5rem;padding:0.3rem 0.3rem 0;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.video-name h4{line-height:0.5rem;font-size:0.32rem;
	font-family: "hyllh","Microsoft YaHei";
    font-weight: bold;
}

.video-name ul{padding:0.05rem 0 0;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.video-name li a{height:0.4rem;padding:0 0.08rem;line-height:0.4rem;color:#6a6b76;font-size:0.24rem;display:block;}
.video-name li.on a{color:#f9cf2f;border-bottom:2px solid #f9cf2f;}

.video-more{width:0.5rem;height:0.5rem;background:url(//game.gtimg.cn/images/fn/videom/more.png) no-repeat center;text-indent:-9999px;background-size:0.25rem 0.21rem;}

.guide-list{margin:0.1rem 0.3rem 0;border-top:1px solid #d6d6d6;}
.guide-list li a{font-size:0.22rem;color:#555;height:0.62rem;line-height:0.62rem;border-bottom:1px dashed #e0e0e0;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.guide-list li span{color:#999;}
.guide-list li:last-child a{border:none;}

.video-detail{background:#131d3f;margin-bottom:0.1rem;
	-webkit-clip-path: polygon(0 0%,100% 0,100% 95%,0% 100%);
	clip-path: polygon(0 0%,100% 0,100% 95%,0% 100%);
}
.video-detail-tit{font-size:0.28rem;color:#eee;font-weight:bold;padding:0.4rem 0.3rem 0.2rem;}
.video-detail-info{color:#ddd;font-size:0.22rem;padding:0 0.2rem 0.4rem;padding-top:0.15rem;}


.pagination {
margin-top:0.3rem;
  font-size: 0;
  text-align: center;
}
.pagination a, .pagination span {text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  height: 0.6rem;
  line-height: 0.6rem;
  margin: 0 0.02rem;
  font-size: 0.24rem;
  color: #3c3841;
}
.pagination input {
  display: block;
  padding: 0 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  border: none;
  outline: none;
  background-color: #fafafa;
  border: 1px solid #a4a4a4;
  border-radius: 4px;
  font-family: '\5fae\8f6f\96c5\9ed1';
  font-size: 14px;
  color: #3c3841;
}
.pagination a {
  padding: 0 0.2rem;
  border: 1px solid #fbde72;
}
.pagination a:hover, .pagination a.cur {
  color: #3c3841;
  background-color: #fdde38;
  border-color: #fdde38;
}
.pagenow{padding:0 0.2rem}