@charset 'utf-8';

header {
	position: fixed;
	z-index: 100;
	top: 0;
	width: 7.5rem;
	height: 1.62rem
}

header .top-title {
	position: relative;
	width: 100%;
	height: .88rem;
	color: #fff;
	background-color: #dd2727
}

header .top-title .refresh {
	line-height: .56em;
	position: relative;
	display: block;
	width: 3.6rem;
	height: 100%;
	margin: 0 auto;
	padding: .16rem .16rem .16rem 0;
	-webkit-transform: scale(.7);
	transform: scale(.7);
	text-align: center
}

header .top-title .refresh img {
	width: 2.34rem;
	height: .56rem
}

header .top-title .refresh span {
	position: absolute;
	top: 50%;
	right: 0;
	width: .48rem;
	height: .48rem;
	margin-top: -.24rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAP///////////////////////////////////yR8m5UAAAAJdFJOUwDmjQtZSKnHILcCFnAAAAC3SURBVBjTbZE5DsIwEEVHuHENSCgdFBR0jpBSkzItTcgRXCLR+AAcwCwWc1vGS7zB757/2OP5A2B1vuJmD7PYDq2WInCPXmuPC7IuxzsVbR3LYPRovG38RSZdwRDKrPMagTUmNpKIdLiKPBG3eJpxpJ4w6WgPlg+PyFwRq3dk6IibT2K6AfjMmKuSoSvrSfl7Vlk//0ddcvZf4G7INE97E+W8WlR5/MmrztPnDSnveh8/+wr7dPgFtTdFaiI/HzEAAAAASUVORK5CYII=) center center no-repeat;background-size: contain
}

header .top-title .search {
	position: absolute;
	top: 0;
	right: 0;
	width: 1rem;
	height: .88rem
}

header .top-title .search img {
	width: .6rem;
	height: .6rem;
	margin-top: .14rem;
	margin-left: .2rem
}

header .top-title .search:active {
	background-color: #ae2121!important
}

header .top-title .refresh.active span {
	-webkit-animation: rtt .7s linear;
	animation: rtt .7s linear;
	-webkit-transform-style: preserve-3d
}

@keyframes rtt {
	0% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0)
	}

	50% {
		-webkit-transform: rotateZ(180deg);
		transform: rotateZ(180deg)
	}

	100% {
		-webkit-transform: rotateZ(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rtt {
	0% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0)
	}

	50% {
		-webkit-transform: rotateZ(180deg);
		transform: rotateZ(180deg)
	}

	100% {
		-webkit-transform: rotateZ(360deg);
		transform: rotate(360deg)
	}
}

header .top-menu {
	line-height: .74rem;
	position: relative;
	width: 100%;
	height: .74rem;
	background-color: #f4f5f6;
	box-shadow: 0 1px 1px #ccc
}

header .top-menu .top-menu-list {
	line-height: 100%;
	position: relative;
	overflow: hidden;
	overflow-x: scroll;
	height: 100%;
	margin-right: .8rem;
	padding-left: .1rem;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}

header .top-menu .top-menu-list::-webkit-scrollbar {
	display: none
}

header .top-menu .top-menu-list a {
	font-size: .34rem;
	line-height: .42rem;
	display: inline-block;
	height: 100%;
	margin-right: .15rem;
	padding: .17rem .16rem;
	-webkit-animation: fadeout .4s;
	animation: fadeout .4s;
	vertical-align: middle;
	white-space: nowrap;
	color: #505050
}

@-webkit-keyframes fadeout {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeout {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

header .top-menu .top-menu-list a.active {
	color: #f85959
}

header .top-menu .menu-more {
	position: absolute;
	top: 0;
	right: 0;
	width: .8rem;
	height: .74rem;
	background-color: #f4f5f6
}

header .top-menu .menu-more .list-shadow {
	position: absolute;
	left: -.18rem;
	width: .18rem;
	height: 100%;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABXAgMAAAB0Nf0bAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAAAAAAAAAINj6cAAAAADdFJOUwEIFV6wwAoAAACbSURBVCjPtZAxDsMgDEVtKexhoOdpBvYuIDVTpw6cJnMm5p6y+t+o5gANw9OTbcC2yF/O3XUxfwCRDORGJnAp9AxGuqYXAuVgFszPjvLSkaz0vSP5hmfzE14aHVRGonn60EG9NXcy1uZu8TrVjLv+jpT9V28+/rXe6DL6ROca0LmEiuk2ThRs6jGjb0PTtCXuRJRczW2t6+SXnC92Mzp31piZCgAAAABJRU5ErkJggg==) center right no-repeat;background-color: rgba(244,245,246,.3);
	background-size: contain
}

header .top-menu .menu-more .more-btn {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/toutiaoh5/img/you.png) center center no-repeat;
	background-size: 50%
}

.news-list {
	overflow: hidden;
	width: 100%
}

.news-list-wrap .gg-wrap {
	margin: 0 .3rem;
	padding: .2rem 0;
	opacity: 1;
	border-bottom: 1px solid #eee
}

.news-list-wrap .bdgg-wrap {
	position: relative;
	margin: auto;
	padding-top: 1px;
	max-width: 7.5rem;
	overflow: hidden
}

.news-item-video .video-wrap>h3,.news-list-wrap .news-item-noimg a h3,.news-list-wrap .news-item-s2 a h3,.news-list-wrap .news-item-s3 a h3,.news-list-wrap .news-item-s4 a .news-wrap h3 {
	max-height: .8rem;
	margin-bottom: .14rem;
	overflow: hidden
}

.news-list-wrap .bdgg-wrap .line {
	position: absolute;
	height: 1px;
	bottom: 0;
	left: 16px;
	width: 6.9rem;
	background-color: #eee
}

.news-list-wrap .news-item img,.news-list-wrap .news-item.news-item-s3 .img-wrap {
	background-color: rgba(150,150,150,.1);
	background-image: url(/toutiaoh5/img/img_preview.png);
	background-repeat: no-repeat;
	background-position: center
}

.news-list-wrap .news-item.pull-down {
	-webkit-animation: myanimation .4s;
	animation: myanimation .4s;
	opacity: 1
}

@-webkit-keyframes myanimation {
	0% {
		opacity: .2
	}

	100% {
		opacity: 1
	}
}

@keyframes myanimation {
	0% {
		opacity: .2
	}

	100% {
		opacity: 1
	}
}

.news-list-wrap .news-item img {
	background-size: 60%
}

.news-list-wrap em {
	margin-right: .1rem
}

.news-list-wrap em:last-child {
	margin-right: 0
}

.news-list-wrap em.src {
	overflow: hidden;
	max-width: 1.4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: .3rem;
	line-height: .34rem
}

.news-list-wrap .news-item-noimg .tags em.src,.news-list-wrap .news-item-s2 .tags em.src,.news-list-wrap .news-item-s3 .tags em.src {
	max-width: 3.6rem
}

.news-list-wrap .news-item.news-item-s3 .img-wrap {
	background-size: 40%
}

.news-list-wrap .news-item.news-item-s3 img {
	background-color: transparent;
	background-image: none
}

.news-list-wrap .news-item:last-child a .news-wrap {
	border-bottom: 0 none
}

.news-list-wrap .news-item .tags i.hot,.news-list-wrap .news-item .tags i.nuanwen,.news-list-wrap .news-item .tags i.promote,.news-list-wrap .news-item .tags i.rec,.news-list-wrap .news-item .tags i.sptopic,.news-list-wrap .news-item .tags i.video {
	font-size: .18rem;
	position: relative;
	display: inline-block;
	width: .5rem;
	margin-right: .06rem;
	padding: .04rem 0;
	text-align: center
}

.news-list-wrap .news-item .tags i.promote {
	color: #999
}

.news-list-wrap .news-item .tags i.hot {
	color: #f85959
}

.news-list-wrap .news-item .tags i.rec,.news-list-wrap .news-item .tags i.video {
	color: #2a90d7
}

.news-list-wrap .news-item .tags i.nuanwen,.news-list-wrap .news-item .tags i.sptopic {
	color: #f85959
}

.news-list-wrap .news-item .tags i.hot:before,.news-list-wrap .news-item .tags i.nuanwen:before,.news-list-wrap .news-item .tags i.promote:before,.news-list-wrap .news-item .tags i.rec:before,.news-list-wrap .news-item .tags i.video:before {
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	content: '';
	-webkit-transform: scale(.5);
	transform: scale(.5);
	border-width: 1px;
	border-style: solid;
	border-radius: 4px
}

.news-list-wrap .news-item .tags i.promote:before {
	border-color: rgba(153,153,153,.5)
}

.news-list-wrap .news-item .tags i.hot:before {
	border-color: rgba(248,89,89,.5)
}

.news-list-wrap .news-item .tags i.rec:before,.news-list-wrap .news-item .tags i.video:before {
	border-color: rgba(42,144,215,.5)
}

.news-list-wrap .news-item .tags i.nuanwen:before {
	border-color: rgba(248,89,89,.5)
}

.news-list-wrap .news-item-s1 a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.news-list-wrap .news-item-s1 a:visited {
	color: #999
}

.news-list-wrap .news-item-s1 a .news-wrap {
	height: 1.85rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #f5f5f5
}

.news-list-wrap .news-item-s1 a .txt-wrap {
	position: relative;
	width: 4.5rem;
	height: 1.6rem
}

.news-list-wrap .news-item-s1 a .txt-wrap h3 {
	font-size: .34rem;
	line-height: 1.2em;
	overflow: hidden;
	width: 100%;
	height: .8rem
}

.news-list-wrap .news-item-s1 a .txt-wrap .tags {
	font-size: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #999
}

.news-list-wrap .news-item-s1 a .txt-wrap .tags>em {
	font-size: .2rem
}

.news-list-wrap .news-item-s1 a .img-wrap {
	overflow: hidden;
	width: 2.26rem;
	height: 1.6rem
}

.news-list-wrap .news-item-s1 a .img-wrap img {
	width: 100%
}

.news-list-wrap .news-item-noimg a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.news-list-wrap .news-item-noimg a:visited {
	color: #999
}

.news-list-wrap .news-item-noimg a .news-wrap {
	position: relative;
	min-height: 1.05rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #eee
}

.news-list-wrap .news-item-noimg a h3 {
	font-size: .34rem;
	line-height: 1.2em;
	width: 100%
}

.news-list-wrap .news-item-noimg a .img-wrap {
	overflow: hidden;
	height: 1.4rem
}

.news-list-wrap .news-item-noimg a .img-wrap .img {
	width: 2.24rem;
	margin-right: .09rem
}

.news-list-wrap .news-item-noimg a .img-wrap .img:last-child {
	margin-right: 0
}

.news-list-wrap .news-item-noimg a .img-wrap .img img {
	width: 100%;
	min-height: 1.4rem
}

.news-list-wrap .news-item-noimg .tags {
	font-size: .2rem;
	width: 100%;
	color: #999
}

.news-list-wrap .news-item-s2 a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.news-list-wrap .news-item-s2 a:visited {
	color: #999
}

.news-list-wrap .news-item-s2 a .news-wrap {
	position: relative;
	min-height: 2.3rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #eee
}

.news-list-wrap .news-item-s2 a h3 {
	font-size: .34rem;
	line-height: 1.2em;
	width: 100%
}

.news-list-wrap .news-item-s2 a .img-wrap {
	overflow: hidden;
	height: 1.6rem
}

.news-list-wrap .news-item-s2 a .img-wrap .img {
	width: 2.26rem;
	min-height: 1.5rem;
	margin-right: .04rem
}

.news-list-wrap .news-item-s2 a .img-wrap .img:last-child {
	margin-right: 0
}

.news-list-wrap .news-item-s2 a .img-wrap .img img {
	width: 100%;
	min-height: 1.4rem
}

.news-list-wrap .news-item-s2 .tags {
	font-size: .2rem;
	width: 100%;
	margin-top: .14rem;
	color: #999
}

.news-list-wrap .news-item-s3 {
	position: relative
}

.news-list-wrap .news-item-s3 a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.news-list-wrap .news-item-s3 a:visited {
	color: #999
}

.news-list-wrap .news-item-s3 a .news-wrap {
	position: relative;
	padding-bottom: .24rem;
	border-bottom: 1px solid #eee
}

.news-list-wrap .news-item-s3 a h3 {
	font-size: .34rem;
	line-height: 1.2em;
	width: 100%
}

.news-list-wrap .news-item-s3 a .img-wrap {
	overflow: hidden;
	height: 3rem
}

.news-list-wrap .news-item-s3 a .img-wrap img {
	width: 6.9rem
}

.news-list-wrap .news-item-s3 .tags {
	font-size: 0;
	width: 100%;
	margin-top: .14rem;
	color: #999
}

.news-list-wrap .news-item-s3 .tags>em {
	font-size: .2rem
}

.news-list-wrap .news-item-s4 {
	position: relative
}

.news-list-wrap .news-item-s4 a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.news-list-wrap .news-item-s4 a:visited {
	color: #999
}

.news-list-wrap .news-item-s4 a .news-wrap {
	padding-bottom: .78rem;
	border-bottom: 1px solid #f5f5f5
}

.news-list-wrap .news-item-s4 a .news-wrap h3 {
	font-size: .34rem;
	line-height: 1.2em;
	width: 100%
}

.news-list-wrap .news-item-s4 a .news-wrap .img-wrap img {
	width: 6.9rem
}

.news-list-wrap .news-item-s4 .options {
	font-size: .26rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: .24rem .3rem;
	color: #999
}

.news-list-wrap .news-item-s4 .options span {
	margin-right: .15rem
}

.news-list-wrap .news-item-s4 .options .split {
	font-family: sans-self;
	color: #ccc
}

.news-list-wrap .news-item-s4 .options .view {
	padding-left: .4rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAwBAMAAAC/EAQ6AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAJmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmQN15XwAAAAJdFJOUwD8fd0cvZtZOu6EoMQAAAHYSURBVDjL5VRNTwIxEG3IhvY6NF2vwipwreuixwYjnCsIHl0Q4lH50iPhQ/nZTmcFdsF48OoksNDXmb6+94Cx/1HF01/h+PQv3V41C/PstpxvMvDyOgML/ZKGvbh9cGg7DXM5z8I3J2n4tnDALScN8z5H9q6y2c9KUbfV0SAErKjzLsKXw6uNIw3RsFQetEAO/N0yf6bHwkLnbYW38zajFqiEmZizPH1cWFUx247mOdQIX14yYR8Yq1t/gl8/S+Vh6R0nzODCODGQ4VoZTqgoW0dN9rBzBl1sVm6P7cYK0WYfopYMhy2oIe8pPFMztoM8Q9TKHpKSvU1Z+3PmBepcEZs84Ok8lhUvVsMBPLGZxpO5hXYifw0FC2SVNfAlAvRu5hoauJHkxKPWEq9fdC5yjbJP3VpAwvOuW+s6XUnKV5wp4oIhAAtHF5EM4wmVW+ddXZ85IKmGo87yiYs5egQFs88CWZA/+c4VvcM+bVPSfdvtJwP3ngp7ZbbryS5cSZlNdxThfBfSscqELXCqx0+k0iMSd7qkCj1bsaULewND2tQ1k81SXfsrri9WC32F7qijrH1oNRm7JE4WmmQ4wqHTR0P78BPqEgVU0eTnX68Y3Ydhp2L+w//cF9JYXiEm7ndXAAAAAElFTkSuQmCC) no-repeat
}

.news-list-wrap .news-item-s4 .options .good {
	padding-left: .4rem;
	cursor: pointer;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAwBAMAAAC/EAQ6AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURQAAAJmZmZmZmZmZmZmZmfCQbqoAAAAFdFJOUwD+x0V1nVPZEwAAANRJREFUOMu91EsOgyAQBmBeB+igB4DYA4C9gDTc/0wNUtNBhlnYxFm48BPCwC9C3FdvsGGsCgDsmP0itHcjNWWkmoZzT8c3ZMlHecJf7MM1jo6d3G8c6x30qDE1C67vup31o75SHSahFD44423OHupZRKiOxu0vlmaZ6OAgvDIEap3i6PTcLeqPYvSC5N/WX2F+cs2z4RtDgaW4JmfIybGMEkcxCI5xpAjGmSEYLZzi6FhOG8s4PD03Ye9Zziw3F0z59Rpemx/pm3xUze1kzvq85Y79AKYKEsebRI0CAAAAAElFTkSuQmCC) no-repeat
}

.news-list-wrap .news-item-s4 .options .good.active {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAwBAMAAAC/EAQ6AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAP4yMv4yMv4yMv4yMv4yMv///8YVMS0AAAAFdFJOUwDPHl+fp2651QAAALFJREFUOMu91DEOwjAMBdDSir0Csqc3KAN7JNQdE/4Vcv8jAKVqkyj+sBCvT1W/nThNU6/OkFHXAYDobF4Mp2n3VniNdzM/NN7PjC9s/8IXzhON9mlbHdsA1ndrwKa2BFv+EB1cZ07XMCEpsUnigKz6lVHiNWFbZOFfb8Orz/JjY2X2nG+cHeeRs6UcXakSe853zj1nx9lSjnehwD57UoKarHCRxWb7kfIhX82Ej1Xe2Cctz90oX6Qm3AAAAABJRU5ErkJggg==)
}

.news-list-wrap .news-item-s4 .options .bad {
	padding-left: .4rem;
	cursor: pointer;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAwBAMAAAC/EAQ6AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURQAAAJmZmZmZmZmZmZmZmfCQbqoAAAAFdFJOUwD+x0V1nVPZEwAAAMtJREFUOMu102EKwyAMBeBYPcDiPIDSHcBuF6jD+59pUAuLVl9ho/lnPxrUPImuLsNNPSpeWmYvOaxELD88rVwxNUzBQ1YOsrGQiSPktEJePGR1gzw5yNpClusehwg5echi6z2e7pCNg6wZMp3w92S/MG4uLp3jK8t4NCNLW7bn6meRVRNszmHP/v4mbLuXVL6oovHw1Eo/mZPObowdcLlmPeLtKXYuqA73kEtCQvyHT5oPeYvf8NxFREQPB5+rUR2690Yl6t0b1VX1AY+uEseQe7dpAAAAAElFTkSuQmCC) no-repeat
}

.news-list-wrap .news-item-s4 .options .bad.active {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAwBAMAAAC/EAQ6AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAP4yMv4yMv4yMv4yMv4yMv///8YVMS0AAAAFdFJOUwDPHl+fp2651QAAAK1JREFUOMu91DEOgzAMBdAA6o5assMN6MCOVLHXDb4C9z9CO4Bw7OQPlcJf32KDf5wrnYaZNxZ5RDxp5rvkxTD1gr1hbgWz5YCZMHOPecbcYv5gDpgJsxg9ySPmGfMbc8C8YibM52Yluf5ntBUccnQPje9e28L5Sz+6cuqom1Z7e+Iyg57JFlU1wOkq/pLjyRQkyu0Czo1Wwb33xUP2BfOq2YnPSuABfCZ+VbF8Afjt3ShsGdigAAAAAElFTkSuQmCC)
}

.news-list-wrap .news-item-s4 .options .bad,.news-list-wrap .news-item-s4 .options .good,.news-list-wrap .news-item-s4 .options .view {
	background-position: left center;
	background-size: contain
}

.news-list-wrap a.news-promote .img-wrap {
	height: auto!important
}

.news-item-video {
	position: relative
}

.news-item-video .video-wrap {
	width: 100%;
	padding: .24rem .3rem 0
}

.news-item-video .video-wrap>h3 {
	font-size: .34rem;
	line-height: 1.2em;
	width: 100%;
	color: #333
}

.news-item-video .video-wrap .video-box {
	position: relative;
	overflow: hidden;
	width: 6.9rem;
	height: 0;
	padding-bottom: 56.25%;
	background-color: #000
}

.news-item-video .video-wrap .video-box video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.news-item-video .video-wrap .tags {
	position: relative;
	padding-top: .1rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #eee
}

.news-item-video .video-wrap .tags em {
	font-size: .2rem;
	color: #999
}

.news-item-video .video-wrap .tags em i.video {
	font-size: .18rem;
	position: relative;
	display: inline-block;
	width: .5rem;
	margin-right: .06rem;
	padding: .04rem 0;
	text-align: center;
	color: #2a90d7
}

.gg-video,.gg-video .gg {
	width: 100%;
	position: absolute
}

.news-item-video .video-wrap .tags em i.video:before {
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	content: '';
	-webkit-transform: scale(.5);
	transform: scale(.5);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(42,144,215,.5);
	border-radius: 4px
}

.gg-video {
	z-index: 2;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
	height: 0;
	margin: auto;
	padding-bottom: 56.25%;
	background-color: rgba(45,45,45,.5)
}

.gg-video .gg {
	top: .06rem;
	right: 0;
	bottom: 0;
	left: -.2rem;
	height: 100%
}

.gg-video .gg-close-video {
	font-size: 12px;
	line-height: 22px;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 60px;
	height: 22px;
	text-align: center;
	color: #fff;
	background-color: rgba(45,45,45,.6)
}

.news-item-video-link a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.news-item-video-link a:visited {
	color: #999
}

.news-item-video-link a .news-wrap {
	height: 1.85rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #f5f5f5
}

.news-item-video-link a .txt-wrap {
	position: relative;
	width: 4.5rem;
	height: 1.6rem
}

.news-item-video-link a .txt-wrap h3 {
	font-size: .34rem;
	line-height: 1.2em;
	overflow: hidden;
	width: 100%;
	height: .8rem
}

.news-item-video-link a .txt-wrap .tags {
	font-size: .2rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #999
}

.news-item-video-link a .img-wrap {
	position: relative;
	overflow: hidden;
	width: 2.26rem;
	height: 1.6rem
}

.news-item-video-link a .img-wrap img {
	width: 100%
}

.news-item-video-link a .img-wrap .play-btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACEBAMAAACjap6UAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURQAAAAAAAP///////1JSUv///////7+/v+jo6P39/aampv///////////+fn55aWlqDnGJgAAAAQdFJOU00A/oJRan2iSVtNdSoQ0YJaJIZgAAADm0lEQVRo3u3aS0sbURQA4LsYSMxGshASOtncTXdxETIYksIsFKqLQogJiu6GSH1B6C+IWAvpA5TEEKSFLERauyqiSLWLECItXQVBWroT123pDyidmc6kSeY+9Wg3nnX4mDvnzMy95wQFrxzolrgpIvKxlD0wtMVs7Xn7UoRa2otpR1kzjoxYstaQJiIlQ8vWdrdHzZjYLWUNrdaWI75ktOmno6gTo683jfgLGeKTkd/SUU8ob3LaS3GiFZveRp6Y2IzNihItbUpHhFDWjFkxoqVtEQVrMSTDS3ylCrbxik+EjCmqYK1FW+ERkcwhQzCNZ/E2hzhJ1BEzAuUlNhFOVhAn7u9tsIhIZgpxY61vKb3EN94y7KVUP9AJda6CBGJ8rkElmuxs/MtKikaoySISCv9eg0I0D5Fg9FwGusRF9F1GF3EmfBHmZSyTiMhBUZzwL7YJxNC8Lk4o1TSBKFeQRIwnvIQar8sQgUzDQ5y9R1LxdtlD5IpyhD/fT4QSuhyhlFf6CNl1dK3EJcpFWcKf6CXUuC5LKG5OHGLoIZKOJ+keolmRJ8ZTPUTOU1e+Are6FrsJ1ZtSX/QnN62NLmJowfMDH47y7vBOuotoThIIfJdDjKW6CEJVmAQeFqoMm4jkdQLxHeMf7JuRa3eIUAIRiMIvjC+Yxt/HBFHupkWgRxgX+PfTJk4nyYRyjpmpHbvXIVbXyQQaPGemdmCkQ1TrFAINMlMbmO8QhIQ4BLs8lJxLqISEuAR6wEqtXeIWERphEOg3I7WrKw4RXmARrNTubDjEnUkmYaYWU1I79s4hTtmEXR46vTAsornOJuipHUg5xGqRQ1BT6x9xiTqPoKU24BJVPkFJrV2eFjEjQJBTG9h3CV2AsAxPahWX2BciSE++MuMQeSGC9OTbz5kEQUhth4gLEt7UKhk4AmAhorcT4yiiEOJJ1WlJBSgtgAIHeMwAHnaAVw7Ai4/3+h3kv375H4Eo7yMA8CkC+CACfJY5m4Nhgc0BY4viE92iAGyUALZrAJtG+ta1ILp1pW6gL4Q30ADbeIjDBMCRBuBgFTy48vEO4pAJcNQFOHADHPshmg8ALRCARgxEO0iyKaUQmlIArTGIBh1AmxCgWQnRMgVo3EK0jwGa2BCt9ODneaGG/vH1jhWC4eTjKw43gsET3lIC1aXrH/QAjJsghl4QozezOugDwOObG0NCDEMhRrIQg2GI8TTIkPz2Pwf/h/gD56UtyQp2vzUAAAAASUVORK5CYII=) center center no-repeat;background-size: 34px
}

.channel-video-link a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.channel-video-link a:visited {
	color: #999
}

.channel-video-link a .news-wrap {
	height: 1.45rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #f5f5f5
}

.channel-video-link a .txt-wrap {
	position: relative;
	width: 4.8rem;
	height: 1.2rem
}

.channel-video-link a .txt-wrap h3 {
	font-size: .34rem;
	line-height: 1.2em;
	overflow: hidden;
	width: 100%;
	height: .8rem
}

.channel-video-link a .txt-wrap .tags {
	font-size: .2rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #999
}

.channel-video-link a .img-wrap {
	position: relative;
	overflow: hidden;
	width: 1.92rem;
	height: 1.2rem
}

.channel-video-link a .img-wrap img {
	width: 100%
}

.channel-video-link a .img-wrap .play-btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACEBAMAAACjap6UAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURQAAAAAAAP///////1JSUv///////7+/v+jo6P39/aampv///////////+fn55aWlqDnGJgAAAAQdFJOU00A/oJRan2iSVtNdSoQ0YJaJIZgAAADm0lEQVRo3u3aS0sbURQA4LsYSMxGshASOtncTXdxETIYksIsFKqLQogJiu6GSH1B6C+IWAvpA5TEEKSFLERauyqiSLWLECItXQVBWroT123pDyidmc6kSeY+9Wg3nnX4mDvnzMy95wQFrxzolrgpIvKxlD0wtMVs7Xn7UoRa2otpR1kzjoxYstaQJiIlQ8vWdrdHzZjYLWUNrdaWI75ktOmno6gTo683jfgLGeKTkd/SUU8ob3LaS3GiFZveRp6Y2IzNihItbUpHhFDWjFkxoqVtEQVrMSTDS3ylCrbxik+EjCmqYK1FW+ERkcwhQzCNZ/E2hzhJ1BEzAuUlNhFOVhAn7u9tsIhIZgpxY61vKb3EN94y7KVUP9AJda6CBGJ8rkElmuxs/MtKikaoySISCv9eg0I0D5Fg9FwGusRF9F1GF3EmfBHmZSyTiMhBUZzwL7YJxNC8Lk4o1TSBKFeQRIwnvIQar8sQgUzDQ5y9R1LxdtlD5IpyhD/fT4QSuhyhlFf6CNl1dK3EJcpFWcKf6CXUuC5LKG5OHGLoIZKOJ+keolmRJ8ZTPUTOU1e+Are6FrsJ1ZtSX/QnN62NLmJowfMDH47y7vBOuotoThIIfJdDjKW6CEJVmAQeFqoMm4jkdQLxHeMf7JuRa3eIUAIRiMIvjC+Yxt/HBFHupkWgRxgX+PfTJk4nyYRyjpmpHbvXIVbXyQQaPGemdmCkQ1TrFAINMlMbmO8QhIQ4BLs8lJxLqISEuAR6wEqtXeIWERphEOg3I7WrKw4RXmARrNTubDjEnUkmYaYWU1I79s4hTtmEXR46vTAsornOJuipHUg5xGqRQ1BT6x9xiTqPoKU24BJVPkFJrV2eFjEjQJBTG9h3CV2AsAxPahWX2BciSE++MuMQeSGC9OTbz5kEQUhth4gLEt7UKhk4AmAhorcT4yiiEOJJ1WlJBSgtgAIHeMwAHnaAVw7Ai4/3+h3kv375H4Eo7yMA8CkC+CACfJY5m4Nhgc0BY4viE92iAGyUALZrAJtG+ta1ILp1pW6gL4Q30ADbeIjDBMCRBuBgFTy48vEO4pAJcNQFOHADHPshmg8ALRCARgxEO0iyKaUQmlIArTGIBh1AmxCgWQnRMgVo3EK0jwGa2BCt9ODneaGG/vH1jhWC4eTjKw43gsET3lIC1aXrH/QAjJsghl4QozezOugDwOObG0NCDEMhRrIQg2GI8TTIkPz2Pwf/h/gD56UtyQp2vzUAAAAASUVORK5CYII=) center center no-repeat;background-size: 34px
}

.news-ctg {
	padding: .24rem .3rem 0
}

.video-ctg-wrap {
	font-size: .34rem;
	display: block;
	width: 100%;
	color: #333
}

.video-ctg-wrap .wrapper {
	padding-bottom: .24rem;
	border-bottom: 1px solid #f5f5f5
}

.video-ctg-wrap span {
	font-size: .28rem;
	font-size: .34rem;
	line-height: .7rem;
	display: block;
	width: 1.3rem;
	width: 1.6rem;
	height: .7rem;
	margin-top: -.05rem;
	text-align: center;
	color: #fff;
	background-color: #d43d3d;
	box-shadow: 0 1px 1px #ccc
}

.video-ctg-wrap .link-wrap {
	font-size: .34rem;
	width: 5.3rem;
	height: .6rem;
	padding: .13rem 0;
	background-color: #f4f5f6;
	box-shadow: 0 1px 1px #ccc
}

.news-item-pic-link-special>a .img-wrap,.news-item-pic-link>a .img-wrap {
	height: 3.45rem;
	overflow: hidden;
	background-image: url(/toutiaoh5/img/img_preview.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%
}

.video-ctg-wrap .link-wrap a {
	font-size: .34rem;
	display: block;
	float: left;
	width: 1.29rem;
	text-align: center;
	color: #000;
	border-right: 1px solid #fff
}

.video-ctg-wrap .link-wrap a:last-child {
	border-right: 0 none
}

.news-item-pic-link-special>a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.news-item-pic-link-special>a .img-wrap {
	position: relative;
	width: 6.9rem;
	background-color: rgba(150,150,150,.1)
}

.news-item-pic-link-special>a .img-wrap img {
	width: 100%
}

.news-item-pic-link-special>a .img-wrap .num {
	position: absolute;
	right: .1rem;
	bottom: .1rem;
	padding: .1rem .16rem;
	background-color: rgba(0,0,0,.5);
	border-radius: .3rem;
	color: #fff;
	font-size: 12px
}

.news-item-pic-link-special>a h3 {
	font-size: .34rem;
	width: 100%;
	margin-bottom: .14rem
}

.news-item-pic-link-special>a .tags {
	font-size: .2rem;
	width: 100%;
	margin-top: .14rem;
	color: #999;
	padding-bottom: .24rem;
	border-bottom: 1px solid #e5e5e5
}

.news-item-pic-link-special:last-child>a .tags {
	border-bottom: 0 none
}

.news-item-pic-link>a {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #333
}

.news-item-pic-link>a .img-wrap {
	position: relative;
	width: 6.9rem;
	background-color: rgba(150,150,150,.1)
}

.news-item-pic-link>a .img-wrap img {
	width: 100%
}

.news-item-pic-link>a .img-wrap .num {
	position: absolute;
	right: .1rem;
	bottom: .1rem;
	padding: .1rem .16rem;
	background-color: rgba(0,0,0,.5);
	border-radius: .3rem;
	color: #fff;
	font-size: 12px
}

.news-item-pic-link>a h3 {
	font-size: .34rem;
	width: 100%;
	margin-top: .14rem
}

.news-item-pic-link>a .tags {
	font-size: .2rem;
	width: 100%;
	margin-top: .14rem;
	color: #999;
	padding-bottom: .24rem;
	border-bottom: 1px solid #e5e5e5
}

.news-item-pic-link:last-child>a .tags {
	border-bottom: 0 none
}

.news-pic-ctg {
	display: block;
	width: 100%;
	padding: .24rem .3rem 0;
	color: #666
}

.news-pic-ctg>a {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: .3rem;
	padding: .1rem .16rem;
	font-size: .28rem;
	margin-right: .16rem
}

.news-pic-ctg>a.active {
	background-color: #e5e5e5
}

.loading {
	font-size: .6rem;
	padding: .1rem 0 .2rem;
	background-color: #fff
}

.loading .txt {
	font-size: .24rem;
	padding: .1rem 0;
	text-align: center;
	color: #999
}

.loading .spinner {
	width: 1.5rem;
	margin: 0 auto;
	text-align: center
}

.loading .spinner>div {
	display: inline-block;
	width: .16rem;
	height: .16rem;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	border-radius: 100%;
	background-color: #999;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.dbeleven-float .rp,.read-position,.svg {
	display: block
}

.loading .spinner .bounce1 {
	margin-right: .08rem;
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.loading .spinner .bounce2 {
	margin-right: .08rem;
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@keyframes bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.svg {
	position: absolute;
	top: 1.4rem;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	opacity: 0;
	border-radius: 50%;
	background-color: #fff
}

.read-position,.recommend-news {
	text-align: center;
	vertical-align: middle;
	color: #2a90d7;
	background: rgba(213,233,247,.9)
}

.svg.active {
	-webkit-animation: myrotate 1s infinite ease-in-out;
	animation: myrotate 1s infinite ease-in-out
}

@-webkit-keyframes myrotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes myrotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.recommend-news {
	font-size: .34rem;
	position: absolute;
	z-index: 99;
	top: 1.62rem;
	width: 100%;
	padding: .1rem 0;
	-webkit-animation: zoomin .4s ease-in-out;
	animation: zoomin .4s ease-in-out;
	opacity: 1
}

@keyframes zoomin {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes zoomin {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.read-position {
	font-size: .26rem;
	position: relative;
	z-index: 98;
	margin-top: -1px;
	padding: .2rem 0;
	cursor: pointer
}

.act-banner>.close,.dbeleven-float .close {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain
}

.act-banner {
	position: relative;
	width: 7.5rem;
	height: 1.5rem
}

.act-banner .banner,.act-banner .banner>img {
	display: block;
	width: 100%;
	height: 100%
}

.act-banner>.close {
	position: absolute;
	right: .2rem;
	top: 50%;
	margin-top: -.15rem;
	background-image: url(../img/close.png);
	width: .3rem;
	height: .3rem
}

.dbeleven-float {
	position: fixed;
	z-index: 9;
	right: .3rem;
	bottom: .6rem;
	width: 1rem
}

.dbeleven-float .close {
	position: absolute;
	right: -.1rem;
	top: -.2rem;
	background-image: url(/toutiaoh5/img/close.png);
	width: .2rem;
	height: .2rem
}

.dbeleven-float .rp img {
	width: 100%
}