body,p,h1,h2,h3,h4,ul,li,ol,button,input,form,label,div{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
*{-webkit-text-size-adjust : none ;-moz-text-size-adjust : none ;-ms-text-size-adjust : none ;text-size-adjust : none}
body, button, input, select, textarea { font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif}
h1, h2, h3, h4, h5, h6 { font-size: 100%}
em{ font-style: normal}
ul, ol { list-style: none}
a { text-decoration: none}
a:hover,a:visited,a:link,a:active{ text-decoration: none}
fieldset, img { border: 0}
button, input, select, textarea { font-size: 100%}
table { border-collapse: collapse; border-spacing: 0}
a, button, input,div {-webkit-tap-highlight-color: rgba(255,0,0,0);}
.sprite-base{background-image:url(http://game.gtimg.cn/images/dnf/act/a20170413webview/sprite-base.png);background-repeat:no-repeat;background-size:5rem 5rem;}
.top{height:2.78rem;display:none;}
/* top slide */
.img-slide{position: relative;width: 100%;overflow: hidden;height:2.78rem;}
.img-slide ul{width: 100%;height: 100%;}
.img-slide li{height: 100%;}
.img-slide img{width:7.5rem;}
.img-slide .controller{position:absolute;bottom:0;z-index:9;width: 100%;height:0.5rem;line-height:0.5rem;text-align:right;}
.img-slide .controller li{display: inline-block;width: 7px;height: 7px;margin:0 0.1rem;background-color: #000;overflow: hidden;border:1px solid #fff;}
.img-slide .controller li.current{background-color: #fff; -webkit-transform: scale(1.5);}
.img-slide .controller li:last-child{margin-right:0.2rem;}

.bottom{}
	.tab{}
		.tab-hd{border-bottom:1px solid #e5e5e5;height:0.8rem;color:#575757;font-size:0px;}
			.tab-hd li{width:50%;display:inline-block;text-align:center;font-size:0.28rem;line-height:0.8rem;position:relative;}
			.tab-hd .current:after{content:"";display:inline-block;width:90%;height:2px;background-color:#f95d08;position:absolute;left:50%;margin-left:-45%;bottom:0px;}
		.tab-bd{padding:0.45rem 0.2rem 1rem 0.2rem;}
			.item{}
				.mod-new{border-bottom:1px solid #f2f2f2;}
					.mod-new a{display: block;padding:0 0 0 2.57rem;position:relative;height:2.66rem;}
					.mod-new-img{width:2.36rem;height:2.36rem;position:absolute;left:0px;top:0px;overflow: hidden;}
						.mod-new-img img{height:100%;width:100%;}
						.mod-new-icon{display:inline-block;width:0.66rem;height:0.4rem;background-position:0 0;position:absolute;left:-0.06rem;top:0px;z-index: 999}
					.mod-new-intro{color:#575757;font-size:0.22rem;line-height:0.36rem;}
						.mod-new-intro h2{font-size:0.32rem;color:#000000;line-height:0.32rem;margin-bottom:0.1rem;}
					.mod-new .v-info{margin-top:0.4rem;width:50%;display:none;}
					.v-info{}
						.v-info div{height:0.28rem;line-height:0.28rem;display:inline-block;}
						.comment-num-icon,.view-count-icon{display:inline-block;width:0.26rem;height:0.24rem;margin-right:0.08rem;}
						.comment-count,.view-count{color:#a9a9a9;vertical-align: bottom;position:relative;top:-0.03rem;}
						.comment-num{}
							.comment-num-icon{background-position:0 -0.68rem;}
						.watch-num{}
							.view-count-icon{background-position:-0.29rem -0.68rem;}
					.play-new{width:1.32rem;height:0.46rem;background-color:#fbbf43;color:#fff;font-size:0.24rem;text-align:center;line-height:0.46rem;border-radius:0.05rem;position:absolute;right:0px;bottom:0.15rem;}
				.mod-episode{border-bottom:1px solid #f2f2f2;padding-bottom:0.29rem;}
					.mod-episode-tit{font-size:0.32rem;color:#000000;line-height:0.32rem;padding:0.15rem 0 0.3rem 0;}
						.mod-episode-tit span{font-size:0.26rem;color:#575757;}
					.mod-episode-con{font-size:0px;overflow:auto;position:relative;}
						.prev,.next{width:0.63rem;height:0.85rem;position:absolute;top:50%;margin-top:-0.42rem;}
						.prev{background:url(http://game.gtimg.cn/images/dnf/act/a20170413webview/btn_l.png) no-repeat 0 0;left:0px;background-size:cover;}
						.next{background:url(http://game.gtimg.cn/images/dnf/act/a20170413webview/btn_r.png) no-repeat 0 0;right:0px;background-size:cover;}
						.mod-episode-con ul{display:table;white-space:nowrap;}
						.mod-episode-con li{width:2.43rem;height:1.34rem;display:inline-block;border:1px solid #f2f2f2;font-size:0.26rem;color:#575757;text-align:center;line-height:1.36rem;border-radius:0.05rem;margin-right:0.25rem;background-color:#f5f5f5;background-position:-2.46rem 0;}
						.mod-episode-con li a{display: block;height: 1.34rem;font-size: 0.26rem;color: #575757;}
				.mod-related{padding: 0.2rem 0;}
					.mod-related li{border-bottom: 1px solid #f5f5f5;height: 1.7rem;margin-bottom: 0.25rem;}
					.mod-related li a{display: block;padding: 0 2.4rem 0 0;position: relative;height: 100%;}
					.mod-related-img{width: 2.26rem;height: 1.5rem;position: absolute;right: 0;top: 0;overflow: hidden;}
						.mod-related-img img{width: 100%;height:100%;}
					.mod-related-intro{font-size: 0.3rem;color: #000000;line-height: 0.4rem}
					.mod-related-info{display: flex;position:absolute;left:0px;bottom:0.18rem;width:4.7rem;}
						.mod-related-time{width: 40%;font-size: 0.22rem;color: #a9a9a9;height: 0.28rem;line-height: 0.28rem;}
						.mod-related .v-info{width: 60%;text-align: right;}
					.moreData{text-align:center;color:#a9a9a9;font-size:0.3rem;}
.index-related{padding: 0 0.2rem;}
.mod-video{}
.mod-detail{padding:0.4rem 0.2rem;position:relative;}
	.mod-detail-push{}
		.mod-detail-push-con p{font-size:0.32rem;line-height:0.45rem;margin:0.2rem 0;text-indent:2em;}
		.mod-detail-push-tit{border-bottom: 1px solid #e4e4e4}
		#art_title{font-size:0.4rem;}
		.pubtime{color: #e4e4e4;padding: 0.05rem 0}
		.mod-detail-push img{width: 100%;}
		.mod-detail-push video{display: none;width: 0;}
	.mod-detail-text{}
			#wrap .back{position:absolute;right:0.2rem;top:0.4rem;display:block;width:1.32rem;padding:0.04rem 0;background-color:#f95100;border-radius:0.05rem;font-size:0.28rem;color:#fff;text-align:center;}
		.mod-detail-tit{font-size: 0.32rem;color: #000000;font-weight: bold;line-height: 0.32rem;}
		.mod-detail-name{color: #575757;font-size: 0.26rem;line-height: 0.26rem;padding: 0.3rem 0 0.17rem 0;}
		.mod-detail .v-info{}
		.mod-detail-text .v-info{display:none;}
		.mod-detail-sum{font-size: 0.22rem;line-height: 0.3rem;padding: 0.1rem 0;}
		.mod-detail .author{display: none;}
.readyLayer{width: 100%;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 999;color: #000;text-align: center;display: flex;align-items:center;}
.readyGo{-webkit-animation:readygo 1s both ;display: none;}
	.readyLayer span{display: block;width: 100%;text-align: center;}
@-webkit-keyframes readygo {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;

	}
}