.top_menu_bar:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(top, transparent, transparent 40%, #ddd 0);
	background-size: 100% 1px;
	background-position: bottom;
	background-repeat: no-repeat
}
.footer1,.footer1 a{
	font-size:17px;
}
.top_menu_bar .top_menu_list {
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap
}

.top_menu_bar .top_menu_list::-webkit-scrollbar {
	display: none
}

.top_menu_bar .top_menu_list .btn {
	white-space: nowrap;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	color: #505050;
	text-decoration: none;
	font-size: 17px;
	line-height: 26px;
	height: 26px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .3)
}
.top_menu_bar .top_menu_list .btn.cur {
	color: #f85959
}

.top_menu_bar .top_menu_more {
	float: right;
	position: relative
}

.top_menu_bar .top_menu_more .more_btn {
	display: block;
	width: 40px;
	height: 36px;
	background-size: 20px;
}
.top_menu_bar .top_menu_more .list_shadow {
	position: absolute;
	width: 10px;
	height: 36px;
	left: -10px;
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABXCAQAAACjUt0DAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABIAAABXAK421QoAAAFiSURBVEjH1ZbbtoMgDERnKP//yaYPVSAhF077dHQtamU7k0RKAxwcPCF4ItF+tWMNsVZS91uJhNlRX7FGPMgizOrEObJSiZUUAnRkR6q0qnErm7Lhc9UDBaXUt0kN0FOaOo4SQ5BRCahOA3HT5KwTE50GZhV37VazJKYljjE2SE+sPsittC1XW/FmgNVsZJcvuhvrAbLqffNadPXLYgaLzs8wWSo6rk9FYdeBUW/x1DRswfS6ysuNlcDZ7ssTSCpIfDsZn/J8b+Omh8pjR/X8DkuWndwnINpOlukFbtvzVslAEmF+TCMaCC4fkr8oKUgVzmQ4IBojHfqFqwd28O0S6AXA7ib2P+HOTlzLcXZ3+tFz6yRObiOmGY+3k6ev5XN97Uq7FoCXkl5HTrT6tQiw2u1aY/TrZF551jyMFPZiOqW1O5zXiJx1PV/2Tw52tD8ddYc/9Zlq7qhBrlrtuhX/98cbycGBFpNaiv0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDItMjdUMTc6NDQ6NDErMDg6MDDFbrv7AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTAyLTI3VDE3OjQ0OjQxKzA4OjAwtDMDRwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)
		no-repeat 100%;
	background-size: contain;
	background-color: rgba(244, 245, 246, .3)
}
#indexHeader {
	display: block;
	z-index: 999;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

#indexHeader .top_bar {
	height: 44px;
	position: relative;
	background: #d43d3d
}
#indexHeader .top_bar .abs_l, #indexHeader .top_bar .abs_m, #indexHeader .top_bar .abs_r
	{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#indexHeader .top_bar .abs_l {
	width: 54px;
	z-index: 100
}

#indexHeader .top_bar .abs_m {
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	line-height: 44px
}


#indexHeader .top_bar .abs_r {
	right: 0;
	z-index: 100
}

#indexHeader .top_bar .app, #indexHeader .top_bar .back, #indexHeader .top_bar .cancel,
	#indexHeader .top_bar .comment_count, #indexHeader .top_bar .refresh_btn,
	#indexHeader .top_bar .refresh_title, #indexHeader .top_bar .submit {
	display: inline-block;
	height: 44px
}


#indexHeader .top_bar .refresh_title {
	background: url(../images/wap_logo.png) no-repeat 100%;
	width: 83px;
	background-size: 83px;
	padding-left: 15px
}



#indexHeader .top_bar .refresh_btn {
	background: url(../images/titlebar_refresh_small.png) no-repeat 50%;
	width: 25px;
	background-size: 15px;
}



#indexHeader .top_bar .search {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/feed_ic_search_normal.png) no-repeat 50%;
	background-size: contain;
	margin-right: 12px
}



#indexHeader .top_bar .fix_btns .fresh_btn.rotate, #indexHeader .top_bar .refresh_btn.rotate
	{
	-webkit-transform-style: preserve-3d;
	-webkit-animation: x-spin .7s linear
}

#indexHeader .top_bar .msg-box {
	background: url(../images/feed_ic_message_normal.png) no-repeat;
	background-size: contain;
	width: 32px;
	height: 25px;
	margin-left: 12px;
	display: block;
	position: relative;
}



#indexHeader .top_bar .circle {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	right: 5px;
	top: 2px;
	border-radius: 5px
}

#indexHeader .top_bar h1 {
	color: #fff;
	margin-top: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 44px
}


#indexHeader .back {
	top: 0;
	left: 0;
	width: 44px;
	border-radius: 0;
	background: url(../images/header_back.png) no-repeat 50%;
	background-size: 20px
}

#indexHeader .iphone .top_menu_list .btn.cur {
	font-weight: 700
}

#indexHeader .fix_btns .fresh_btn.rotate, #indexHeader .top_bar .refresh_btn.rotate
	{
	-webkit-transform-style: preserve-3d;
	-webkit-animation: x-spin .7s linear
}

#indexHeader .scaleFromRight {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-animation: scaleFromRight .3s ease
}

@
-webkit-keyframes scaleFromRight { 0%{
	-webkit-transform: scaleX(0)
}

to {
	-webkit-transform: scaleX(1)
}

}
@
-webkit-keyframes x-spin { 0%{
	-webkit-transform: rotate(0deg)
}

50%{
-webkit-transform
:rotate(180deg)
}
to {
	-webkit-transform: rotate(1turn)
}

}
@
-webkit-keyframes slideInFromLeft { 0%{
	opacity: .5;
	-webkit-transform: translateX(-270px)
}

to {
	opacity: 1;
	-webkit-transform: translateX(0)
}

}
@
-webkit-keyframes slideInFromRight { 0%{
	opacity: 0;
	-webkit-transform: translateX(50px)
}

to {
	opacity: 1;
	-webkit-transform: translateX(0)
}

}
@
-webkit-keyframes slideInFromTop { 0%{
	-webkit-transform: translateY(-30px)
}

to {
	-webkit-transform: translateY(0)
}

}
content.feed-list-container .item_info .ad_label {
	display: inline-block;
	width: 25px;
	text-align: center;
	border-radius: 2px;
	font-size: 9px;
	color: #2a90d7;
	border: 1px solid rgba(42, 144, 215, .5)
}



content.feed-list-container .item_info .ad-label-fix {
	width: 27px;
	line-height: 15px
}

content.feed-list-container .item_info .gg_label {
	display: inline-block;
	width: 25px;
	text-align: center;
	border-radius: 2px;
	font-size: 9px;
	color: #2a90d7;
	border: 1px solid rgba(42, 144, 215, .5)
}


content.feed-list-container .item_info .ad-material {
	display: inline-block;
	font-size: 9px;
	line-height: 12px;
	width: 23px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 2px;
	color: #f85959;
	border-color: rgba(248, 89, 89, .5)
}



.list_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 800
}


.list_top .list_top_con {
	width: 110px;
	margin: 0 auto
}


.list_top .list_top_con.v2 {
	width: 40px;
	height: 40px
}

.list_top .list_top_con.v2 {
	overflow: hidden;
	background-color: #fafafa;
	border-radius: 20px;
	box-shadow: 0 4px 10px #bbb
}


#load-tip-canvas {
	width: 40px
}

#load-tip-canvas.not-support {
	background:
		url(data:image/png;base64,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)
		no-repeat 50%;
	background-size: 24px
}


#load-tip-svg {
	width: 40px;
	height: 40px
}


#load-tip-svg.spinner {
	-webkit-animation: rotator 1.4s linear infinite
}

@
-webkit-keyframes rotator { 0%{
	-webkit-transform: rotate(0deg)
}

to {
	-webkit-transform: rotate(270deg)
}

}
@
-webkit-keyframes rotator360 { 0%{
	-webkit-transform: rotate(0deg)
}

to {
	-webkit-transform: rotate(1turn)
}

}
#load-tip-svg #svgCircle, #load-tip-svg.spinner #svgPath {
	display: none
}

#load-tip-svg.spinner #svgCircle.path {
	display: block;
	stroke-dasharray: 70;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s
		ease-in-out infinite
}

@
-webkit-keyframes colors { 0%{
	stroke: #4285f4
}

25%{
stroke
:
#de3e35
}
50%{
stroke
:
#f7c223
}
75%{
stroke
:
#1b9a59
}
to {
	stroke: #4285f4
}

}
@
keyframes colors { 0%{
	stroke: #4285f4
}

25%{
stroke
:
#de3e35
}
50%{
stroke
:
#f7c223
}
75%{
stroke
:
#1b9a59
}
to {
	stroke: #4285f4
}

}
@
-webkit-keyframes dash { 0%{
	stroke-dashoffset: 71
}

50%{
stroke-dashoffset
:
18;-webkit-transform
:rotate(135deg)
}
to {
	stroke-dashoffset: 71;
	-webkit-transform: rotate(450deg)
}

}

content.feed-list-container .list_content {
	-webkit-margin-after-collapse: separate;
	-webkit-margin-before-collapse: discard;
	-webkit-user-select: none
}

content.feed-list-container section {
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	margin: 0 15px;
	border-bottom: 1px solid hsla(0, 0%, 87%, .6)
}

content.feed-list-container .article_link:visited h3 {
	color: #aaa
}

content.feed-list-container .article_link.channel__video .dotdot {
	position: absolute;
	top: 0;
	color: #fff;
	margin: 5px 10px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}



content.feed-list-container .article_link.channel__video .video_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent)
}



content.feed-list-container h3 {
	color: #222;
	font-size: 17px;
	line-height: 21px;
	font-weight: 400;
	overflow: hidden
}



content.feed-list-container .dotdot {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical
}

content.feed-list-container .image-margin-right {
	margin-right: 12px
}


content.feed-list-container .list_image, content.feed-list-container .list_img_holder_large
	{
	margin-top: 6px
}


content.feed-list-container .list_image ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
	text-align: center
}

content.feed-list-container .list_image ul li {
	display: inline-block;
	overflow: hidden;
	width: 33.3%;
	box-sizing: border-box
}

content.feed-list-container .list_image ul li:first-child {
	float: left;
	padding-right: 2px
}

content.feed-list-container .list_image ul li:last-child {
	float: right;
	padding-left: 2px
}




content.feed-list-container .list_img_holder_large {
	background: #efefef;
	overflow: hidden;
	width: 100%;
	position: relative;
	min-height: 3.75rem
}


content.feed-list-container .list_img_holder_large img {
	border: none;
	display: block;
	width: 100%;
	pointer-events: none
}

content.feed-list-container .list_img_holder_large_fix {
	height: 4.6875rem
}

content.feed-list-container .item_info {
	color: #999;
	overflow: hidden;
	font-size: 20px;
}

content.feed-list-container .item_info .space {
	margin-right: 5px
}



content.feed-list-container .item_info .mid-space {
	margin-right: 8px
}


content.feed-list-container .item_info span {
	display: inline-block;
	font-size: 14px;
	line-height: 12px;
	/* vertical-align: middle */
}
.new-com{
	position: absolute;
    left: 0;
    bottom: 4px;	
}

content.feed-list-container .item_info .app_special, content.feed-list-container .item_info .hot_label,
	content.feed-list-container .item_info .recommend_label {
	display: inline-block;
	font-size: 9px;
	line-height: 12px;
	/* width: 12px; */
	text-align: center;
	border: 1px solid #fff;
	border-radius: 2px
}


content.feed-list-container .item_info .app_special {
	width: 40px
}

content.feed-list-container .item_info .app_special, content.feed-list-container .item_info .hot_label
	{
	color: #f85959;
	border-color: rgba(248, 89, 89, .5)
}

content.feed-list-container .item_info .recommend_label {
	color: #2a90d7;
	border-color: rgba(42, 144, 215, .5)
}

content.feed-list-container .item_info .app-special-fix {
	width: 50px;
	line-height: 15px
}

content.feed-list-container .item_info .app-special-v {
	width: 60px
}

content.feed-list-container .item_info .app-special-v2 {
	width: 74px
}

content.feed-list-container .item_info .label-fix {
	width: 15px;
	line-height: 15px
}

content.feed-list-container .item_info .dislike-news {
	display: none;
	background-size: 18px;
	height: 12px;
	width: 18px
}


content.feed-list-container .video-btn {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../images/arrow_related_video.png) no-repeat 50%;
	background-size: 50px
}


content.feed-list-container .list_img_holder_large .video-btn {
	background-size: 50px
}


content.feed-list-container .list_img_holder .video-btn {
	background-size: 27px
}


content.feed-list-container .video-icon {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	color: #fff
}


content.feed-list-container .video-icon span {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	background: rgba(0, 0, 0, .3) url(../images/videoicon_textpage.png)
		no-repeat;
	background-position: 6px;
	background-size: 16px;
	padding-right: 6px;
	padding-left: 32px;
	border-radius: 10px
}



content.feed-list-container .box-title h2 {
	font-size: 18px;
	display: inline-block;
	color: #505050;
	padding-bottom: 10px;
	margin: 19px 0 0 15px;
	font-weight: 400;
	border-bottom: 1px solid #f85959
}


content.feed-list-container .list_bottom {
	text-align: center
}

content.feed-list-container .list_bottom section {
	border: none
}

content.feed-list-container .list_bottom a {
	display: block;
	color: #999;
	font-size: 16px;
	line-height: 48px;
	text-decoration: none
}

content.feed-list-container .fly-right {
	position: absolute;
	right: 0
}

content.feed-list-container .item-hidden {
	display: none
}

content.feed-list-container .fr {
	float: right
}

content.feed-list-container .fl {
	float: left
}

content.feed-list-container .line2 {
	-webkit-line-clamp: 2
}

content.feed-list-container .line3 {
	-webkit-line-clamp: 3
}

content.feed-list-container .one-px-border {
	border-top: 1px solid hsla(0, 0%, 87%, .6)
}

.refresh-tip {
	position: fixed;
	top: 80px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #2a90d7;
	vertical-align: middle;
	background: rgba(213, 233, 247, .9);
	z-index: 1000;
	width: 100%;
	height: 32px
}


.refreshTip-enter {
	opacity: .01
}

.refreshTip-enter.refreshTip-enter-active {
	opacity: 1;
	transition: opacity .5s ease-in
}

.refreshTip-leave {
	opacity: 1
}

.refreshTip-leave.refreshTip-leave-active {
	opacity: .01;
	transition: opacity .3s ease-in
}

.hideHeader .refresh-tip {
	top: 36px
}

body {
	/*position: relative;*/
	width: 100%;
	overflow-x: hidden
}

li, ul {
	list-style-type: none
}

a {
	text-decoration: none
}

html {
	background: #fff;
	font-family: STHeiti, Microsoft YaHei, Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: none;
	word-break: break-word
}

a {
	text-decoration: none;
	color: #131313
}

p {
	color: #333;
	line-height: 18px;
	border: none;
	outline: none;
	max-height: 100%
}


h3 {
	line-height: 18px;
	max-height: 100%
}



.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.btn {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none
}

.iphone section {
	padding: 0
}

.mask {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3)
}

.jqmOverlay {
	background: rgba(0, 0, 0, .5);
	position: fixed;
	z-index: 4999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.indexContainer.withHeader {
	padding-top: 80px
}


.indexContainer.hideHeader {
	padding-top: 36px
}


body.utms-360wifi #indexHeader .top_bar, body.utms-mojiapp.utmm-webview.utmc-open #indexHeader .top_bar
	{
	display: none
}

.list-page {
	background-color: #fff
}

#pageletPopupBanner.tt-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .5)
}

#pageletPopupBanner.tt-modal .popup {
	width: 270px;
	height: 225px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -113px;
	margin-left: -135px;
	border-radius: 10px
}



#pageletPopupBanner.tt-modal .popup .close {
	width: 40px;
	height: 32px;
	background: url(../images/popup_banner_close.png) no-repeat 50%;
	background-size: 17px;
	position: absolute;
	right: 0;
	top: 0
}



#pageletPopupBanner.tt-modal .popup .download-btn {
	margin-left: 25px;
	width: 220px;
	background: #ff6762;
	text-align: center;
	line-height: 40px;
	margin-top: 5px;
	margin-bottom: 15px;
	border-radius: 10px;
	text-shadow: 0 1px 1px #f0221c;
	color: #fff;
	font-size: 20px
}


#pageletPopupBanner.tt-modal .popup .banner {
	margin-top: 10px;
	margin-left: 54px;
	width: 165px;
	height: 121px;
	background: url(../images/popup_banner.png) no-repeat;
	background-size: contain
}



#pageletPopupBanner.tt-modal .popup p {
	text-align: center;
	color: #a5a5a5;
	font-size: 17px;
	margin-top: 6px;
	margin-bottom: 24px
}

.top_menu_bar {
	background: #f4f5f6;
	height: 37px;
	box-sizing: border-box
}


.top_menu_bar:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(top, transparent, transparent 40%, #ddd 0);
	background-size: 100% 1px;
	background-position: bottom;
	background-repeat: no-repeat
}

.top_menu_bar .top_menu_list {
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap
}

.top_menu_bar .top_menu_list::-webkit-scrollbar {
	display: none
}

.top_menu_bar .top_menu_list .btn {
	white-space: nowrap;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	color: #505050;
	text-decoration: none;
	font-size: 17px;
	line-height: 26px;
	height: 26px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .3)
}



.top_menu_bar .top_menu_list .btn.cur {
	color: #f85959
}

.top_menu_bar .top_menu_more {
	float: right;
	position: relative
}

.top_menu_bar .top_menu_more .more_btn {
	display: block;
	width: 40px;
	height: 36px;
	background-size: 20px;
}


.top_menu_bar .top_menu_more .list_shadow {
	position: absolute;
	width: 10px;
	height: 36px;
	left: -10px;
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABXCAQAAACjUt0DAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABIAAABXAK421QoAAAFiSURBVEjH1ZbbtoMgDERnKP//yaYPVSAhF077dHQtamU7k0RKAxwcPCF4ItF+tWMNsVZS91uJhNlRX7FGPMgizOrEObJSiZUUAnRkR6q0qnErm7Lhc9UDBaXUt0kN0FOaOo4SQ5BRCahOA3HT5KwTE50GZhV37VazJKYljjE2SE+sPsittC1XW/FmgNVsZJcvuhvrAbLqffNadPXLYgaLzs8wWSo6rk9FYdeBUW/x1DRswfS6ysuNlcDZ7ssTSCpIfDsZn/J8b+Omh8pjR/X8DkuWndwnINpOlukFbtvzVslAEmF+TCMaCC4fkr8oKUgVzmQ4IBojHfqFqwd28O0S6AXA7ib2P+HOTlzLcXZ3+tFz6yRObiOmGY+3k6ev5XN97Uq7FoCXkl5HTrT6tQiw2u1aY/TrZF551jyMFPZiOqW1O5zXiJx1PV/2Tw52tD8ddYc/9Zlq7qhBrlrtuhX/98cbycGBFpNaiv0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDItMjdUMTc6NDQ6NDErMDg6MDDFbrv7AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTAyLTI3VDE3OjQ0OjQxKzA4OjAwtDMDRwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)
		no-repeat 100%;
	background-size: contain;
	background-color: rgba(244, 245, 246, .3)
}

#indexHeader {
	display: block;
	z-index: 999;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

#indexHeader .top_bar {
	height:44px;
	position: relative;
	background: #ff8500
}
#indexHeader .top_bar .abs_l, #indexHeader .top_bar .abs_m, #indexHeader .top_bar .abs_r
	{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#indexHeader .top_bar .abs_l {
	width: 54px;
	z-index: 100
}

#indexHeader .top_bar .abs_m {
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	line-height: 44px
}



#indexHeader .top_bar .abs_r {
	right: 0;
	z-index: 100
}

#indexHeader .top_bar .app, #indexHeader .top_bar .back, #indexHeader .top_bar .cancel,
	#indexHeader .top_bar .comment_count, #indexHeader .top_bar .refresh_btn,
	#indexHeader .top_bar .refresh_title, #indexHeader .top_bar .submit {
	display: inline-block;
	height: 44px
}



#indexHeader .top_bar .refresh_title {
	background: url(../images/wap_logo.png) no-repeat 100%;
	width: 83px;
	background-size: 83px;
	padding-left: 15px
}


#indexHeader .top_bar .refresh_btn {
	background: url(../images/titlebar_refresh_small.png) no-repeat 50%;
	width: 25px;
	background-size: 15px;
}

#indexHeader .top_bar .search {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/feed_ic_search_normal.png) no-repeat 50%;
	background-size: contain;
	margin-right: 12px
}


#indexHeader .top_bar .fix_btns .fresh_btn.rotate, #indexHeader .top_bar .refresh_btn.rotate
	{
	-webkit-transform-style: preserve-3d;
	-webkit-animation: x-spin .7s linear
}

#indexHeader .top_bar .msg-box {
	background: url(../images/feed_ic_message_normal.png) no-repeat;
	background-size: contain;
	width: 32px;
	height: 25px;
	margin-left: 12px;
	display: block;
	position: relative;
}



#indexHeader .top_bar .circle {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	right: 5px;
	top: 2px;
	border-radius: 5px
}


#indexHeader .top_bar h1 {
	color: #fff;
	margin-top: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 44px
}


#indexHeader .back {
	top: 0;
	left: 0;
	width: 44px;
	border-radius: 0;
	background: url(../images/header_back.png) no-repeat 50%;
	background-size: 20px
}

#indexHeader .iphone .top_menu_list .btn.cur {
	font-weight: 700
}

#indexHeader .fix_btns .fresh_btn.rotate, #indexHeader .top_bar .refresh_btn.rotate
	{
	-webkit-transform-style: preserve-3d;
	-webkit-animation: x-spin .7s linear
}

#indexHeader .scaleFromRight {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-animation: scaleFromRight .3s ease
}

@
-webkit-keyframes scaleFromRight { 0%{
	-webkit-transform: scaleX(0)
}

to {
	-webkit-transform: scaleX(1)
}

}
@
-webkit-keyframes x-spin { 0%{
	-webkit-transform: rotate(0deg)
}

50%{
-webkit-transform
:rotate(180deg)
}
to {
	-webkit-transform: rotate(1turn)
}

}
@
-webkit-keyframes slideInFromLeft { 0%{
	opacity: .5;
	-webkit-transform: translateX(-270px)
}

to {
	opacity: 1;
	-webkit-transform: translateX(0)
}

}
@
-webkit-keyframes slideInFromRight { 0%{
	opacity: 0;
	-webkit-transform: translateX(50px)
}

to {
	opacity: 1;
	-webkit-transform: translateX(0)
}

}
@
-webkit-keyframes slideInFromTop { 0%{
	-webkit-transform: translateY(-30px)
}

to {
	-webkit-transform: translateY(0)
}

}
content.feed-list-container .item_info .ad_label {
	display: inline-block;
	width: 25px;
	text-align: center;
	border-radius: 2px;
	font-size: 9px;
	color: #2a90d7;
	border: 1px solid rgba(42, 144, 215, .5)
}


content.feed-list-container .item_info .ad-label-fix {
	width: 27px;
	line-height: 15px
}


content.feed-list-container .item_info .gg_label {
	width: 30px
}



content.feed-list-container .item_info .ad-material {
	display: inline-block;
	font-size: 9px;
	line-height: 12px;
	width: 23px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 2px;
	color: #f85959;
	border-color: rgba(248, 89, 89, .5)
}



.list_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 800
}



.list_top .list_top_con {
	width: 110px;
	margin: 0 auto
}


.list_top .list_top_con.v2 {
	width: 40px;
	height: 40px
}



.list_top .list_top_con.v2 {
	overflow: hidden;
	background-color: #fafafa;
	border-radius: 20px;
	box-shadow: 0 4px 10px #bbb
}


#load-tip-canvas {
	width: 40px
}


#load-tip-canvas.not-support {
	background:
		url(data:image/png;base64,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)
		no-repeat 50%;
	background-size: 24px
}


#load-tip-svg {
	width: 40px;
	height: 40px
}



#load-tip-svg.spinner {
	-webkit-animation: rotator 1.4s linear infinite
}

@
-webkit-keyframes rotator { 0%{
	-webkit-transform: rotate(0deg)
}

to {
	-webkit-transform: rotate(270deg)
}

}
@
-webkit-keyframes rotator360 { 0%{
	-webkit-transform: rotate(0deg)
}

to {
	-webkit-transform: rotate(1turn)
}

}
#load-tip-svg #svgCircle, #load-tip-svg.spinner #svgPath {
	display: none
}

#load-tip-svg.spinner #svgCircle.path {
	display: block;
	stroke-dasharray: 70;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s
		ease-in-out infinite
}

@
-webkit-keyframes colors { 0%{
	stroke: #4285f4
}

25%{
stroke
:
#de3e35
}
50%{
stroke
:
#f7c223
}
75%{
stroke
:
#1b9a59
}
to {
	stroke: #4285f4
}

}
@
keyframes colors { 0%{
	stroke: #4285f4
}

25%{
stroke
:
#de3e35
}
50%{
stroke
:
#f7c223
}
75%{
stroke
:
#1b9a59
}
to {
	stroke: #4285f4
}

}
@
-webkit-keyframes dash { 0%{
	stroke-dashoffset: 71
}

50%{
stroke-dashoffset
:
18;-webkit-transform
:rotate(135deg)
}
to {
	stroke-dashoffset: 71;
	-webkit-transform: rotate(450deg)
}

}

content.feed-list-container .list_content {
	-webkit-margin-after-collapse: separate;
	-webkit-margin-before-collapse: discard;
	-webkit-user-select: none
}

content.feed-list-container section {
	-webkit-transition: all 1s ease-in-out;
	margin: 0 15px;
	border-bottom: 1px solid hsla(0, 0%, 87%, .6)
}



content.feed-list-container .article_link {
	display: block;
	padding: 16px 0 30px;
	min-height: 42px;
	font-size: 0;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .1);
	-webkit-touch-callout: none
}


content.feed-list-container .article_link:visited h3 {
	color: #aaa
}

content.feed-list-container .article_link.channel__video .dotdot {
	position: absolute;
	top: 0;
	color: #fff;
	margin: 5px 10px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}


content.feed-list-container .article_link.channel__video .video_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent)
}

content.feed-list-container .desc {
	display: inline-block;
	width: 67%;
	vertical-align: top
}

content.feed-list-container h3 {
	color: #222;
	font-size: 17px;
	line-height: 21px;
	font-weight: 400;
	overflow: hidden;
}



content.feed-list-container .dotdot {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical
}

content.feed-list-container .image-margin-right {
	margin-right: 12px
	min-height:2.9rem;
}

content.feed-list-container .list_image, content.feed-list-container .list_img_holder_large
	{
	margin-top: 6px
}

content.feed-list-container .list_image ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
	text-align: center
}

content.feed-list-container .list_image ul li {
	display: inline-block;
	overflow: hidden;
	width: 33.3%;
	box-sizing: border-box
}

content.feed-list-container .list_image ul li:first-child {
	float: left;
	padding-right: 2px
}


content.feed-list-container .list_image ul li:last-child {
	float: right;
	padding-left: 2px
}


content.feed-list-container .list_img_holder {
	height: 4rem;
	position: relative;
	background-size: 50%
}

content.feed-list-container .middle_mode .list_img_holder {
	overflow: hidden;
	width: 33%;
	display: inline-block;
	vertical-align: middle;
	border: 1px #f1f1f1 solid;
}

content.feed-list-container .list_img_holder img {
	border: none;
	display: block;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity ease .3s;
	pointer-events: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	text-decoration: none;
	max-width:100%;
	margin:auto;
}


content.feed-list-container .list_img_holder_large img {
	border: none;
	display: block;
	width: 100%;
	pointer-events: none
}

content.feed-list-container .list_img_holder_large_fix {
	height: 4.6875rem
}


content.feed-list-container .item_info .space {
	margin-right: 5px
}


content.feed-list-container .item_info .mid-space {
	margin-right: 8px
}



content.feed-list-container .item_info .app_special {
	width: 40px
}


content.feed-list-container .item_info .app_special, content.feed-list-container .item_info .hot_label
	{
	color: #f85959;
	border-color: rgba(248, 89, 89, .5)
}

content.feed-list-container .item_info .recommend_label {
	color: #2a90d7;
	border-color: rgba(42, 144, 215, .5)
}

content.feed-list-container .item_info .app-special-fix {
	width: 50px;
	line-height: 15px
}

content.feed-list-container .item_info .app-special-v {
	width: 60px
}


content.feed-list-container .item_info .app-special-v2 {
	width: 74px
}

content.feed-list-container .item_info .label-fix {
	width: 15px;
	line-height: 15px
}

content.feed-list-container .item_info .dislike-news {
	display: none;
	background-size: 18px;
	height: 12px;
	width: 18px
}


content.feed-list-container .video-btn {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../images/arrow_related_video.png) no-repeat 50%;
	background-size: 50px
}


content.feed-list-container .list_img_holder_large .video-btn {
	background-size: 50px
}


content.feed-list-container .list_img_holder .video-btn {
	background-size: 27px
}


content.feed-list-container .video-icon {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	color: #fff
}



content.feed-list-container .video-icon span {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	background: rgba(0, 0, 0, .3) url(../images/videoicon_textpage.png)
		no-repeat;
	background-position: 6px;
	background-size: 16px;
	padding-right: 6px;
	padding-left: 32px;
	border-radius: 10px
}


content.feed-list-container .box-title h2 {
	font-size: 18px;
	display: inline-block;
	color: #505050;
	padding-bottom: 10px;
	margin: 19px 0 0 15px;
	font-weight: 400;
	border-bottom: 1px solid #f85959
}

content.feed-list-container .list_bottom {
	text-align: center
}

content.feed-list-container .list_bottom section {
	border: none
}

content.feed-list-container .list_bottom a {
	display: block;
	color: #999;
	font-size: 16px;
	line-height: 48px;
	text-decoration: none
}


content.feed-list-container .fly-right {
	position: absolute;
	right: 0
}

content.feed-list-container .item-hidden {
	display: none
}

content.feed-list-container .fr {
	float: right
}

content.feed-list-container .fl {
	float: left
}

content.feed-list-container .line2 {
	-webkit-line-clamp: 2
}

content.feed-list-container .line3 {
	-webkit-line-clamp: 3
}

content.feed-list-container .one-px-border {
	border-top: 1px solid hsla(0, 0%, 87%, .6)
}

.refresh-tip {
	position: fixed;
	top: 80px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #2a90d7;
	vertical-align: middle;
	background: rgba(213, 233, 247, .9);
	z-index: 1000;
	width: 100%;
	height: 32px
}


.refreshTip-enter {
	opacity: .01
}

.refreshTip-enter.refreshTip-enter-active {
	opacity: 1;
	transition: opacity .5s ease-in
}

.refreshTip-leave {
	opacity: 1
}

.refreshTip-leave.refreshTip-leave-active {
	opacity: .01;
	transition: opacity .3s ease-in
}

.hideHeader .refresh-tip {
	top: 36px
}

a, blockquote, body, button, code, dd, div, dl, dt, em, fieldset, form,
	h1, h2, h3, h4, h5, h6, html, iframe, img, input, label, li, object, ol,
	p, q, small, span, strong, table, tbody, td, th, tr, ul {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	/*position: relative;*/
	width: 100%;
	overflow-x: hidden
}

li, ul {
	list-style-type: none
}

a {
	text-decoration: none
}

html {
	background: #fff;
	font-family: STHeiti, Microsoft YaHei, Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: none;
	word-break: break-word
}

a {
	text-decoration: none;
	color: #131313
}

p {
	color: #333;
	line-height: 18px;
	border: none;
	outline: none;
	max-height: 100%
}


h3 {
	line-height: 18px;
	max-height: 100%
}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.btn {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none
}

.iphone section {
	padding: 0
}

.mask {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3)
}

.jqmOverlay {
	background: rgba(0, 0, 0, .5);
	position: fixed;
	z-index: 4999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.indexContainer.withHeader {
	padding-top: 80px
}


.indexContainer.hideHeader {
	padding-top: 36px
}

body.utms-360wifi #indexHeader .top_bar, body.utms-mojiapp.utmm-webview.utmc-open #indexHeader .top_bar
	{
	display: none
}

.list-page {
	background-color: #fff
}

#pageletPopupBanner.tt-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .5)
}

#pageletPopupBanner.tt-modal .popup {
	width: 270px;
	height: 225px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -113px;
	margin-left: -135px;
	border-radius: 10px
}

#pageletPopupBanner.tt-modal .popup .close {
	width: 40px;
	height: 32px;
	background: url(../images/popup_banner_close.png) no-repeat 50%;
	background-size: 17px;
	position: absolute;
	right: 0;
	top: 0
}

#pageletPopupBanner.tt-modal .popup .download-btn {
	margin-left: 25px;
	width: 220px;
	background: #ff6762;
	text-align: center;
	line-height: 40px;
	margin-top: 5px;
	margin-bottom: 15px;
	border-radius: 10px;
	text-shadow: 0 1px 1px #f0221c;
	color: #fff;
	font-size: 20px
}

#pageletPopupBanner.tt-modal .popup .banner {
	margin-top: 10px;
	margin-left: 54px;
	width: 165px;
	height: 121px;
	background: url(../images/popup_banner.png) no-repeat;
	background-size: contain
}


#pageletPopupBanner.tt-modal .popup p {
	text-align: center;
	color: #a5a5a5;
	font-size: 17px;
	margin-top: 6px;
	margin-bottom: 24px
}

/*pp*/
#close_cur {
	position: absolute;
	right: 0;
}

#title {
	color: #3e4142;
	width: 58%;
	height: 28px;
	background-color: white;
	font-size: 14px;
}

#submit1 {
	color: black;
	position: relative;
	right: 12px;
	font-size: 20px;
}

#cln {
	width: 3%;
	margin: 0 auto;
	position: relative;
	right: 50px;
}

#more {
	vertical-align: sub;
	position: absolute;
	right: 17px;
	top: 8px;
	color: white;
}

#fb {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 10px;
	vertical-align: text-top;
}
.sp_line {
	background: #f4f5f6;
	height: 5px;
	box-sizing: border-box
}
#top_menu_con{
	background:#fff;
}
#top_menu_con .mui-table-view .mui-block {
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #333;
}
#top_menu_con .mui-table-view .mui-block img {
    width: 40%;
    height: 40%;
    margin: 5% 20%;
}
content.feed-list-container{position:relative;width:100%;z-index:1;}
.top_t{text-align:left;font-family:Microsoft YaHei,Helvetica,Arial,sans-serif;color:white;margin-left:8px;font-size:16px;}
.mui-search:before{color:#333}
.mr-15{margin-right:15px;}
#refresh-con{position:absolute;min-height:calc(100% - 130px);margin-bottom:50px;}
.del-a{border: 1px #dddcdc solid;border-radius: 5px;padding: 0 3px;color: #dddcdc;}
.mui-col-xs-3{width:20%;}
.mui-table-view.mui-grid-view{padding:5px 0px 10px 0;}
.mui-table-view.mui-grid-view .mui-table-view-cell{margin-right: 0; padding: 0 0 0 0;}
.lunbotu{
	padding: 4px 8px;
}