.refreshBtn-con { background-color: #d43d3d; height: 44px; width: 25px; display: inline-block;margin-left: 15px;}
.refreshBtn-con .refresh_btn { width: 100%; height: 100%; display: inline-block; background: url(img/titlebar_refresh_small@3x_96fb31e4.png) no-repeat center center; background-size: 15px; }
.refreshBtn-con .rotate { -webkit-transform-style: preserve-3d; -webkit-animation: x-spin 0.7s linear; }
#indexHeader.index-head { display: block; z-index: 999; overflow: hidden; position: fixed; top: 0; left: 0; right: 0;}
#indexHeader.index-head .top_bar { height: 44px; position: relative; background: #d43d3d;}
#indexHeader.index-head .top_bar .abs_l,
#indexHeader.index-head .top_bar .abs_m,
#indexHeader.index-head .top_bar .abs_r { position: absolute; top: 50%; -webkit-transform: translateY(-40%); transform: translateY(-40%); }
#indexHeader.index-head .top_bar .abs_l { width: 54px; z-index: 100; color: #fff; font-size: 14px; left: 20px; font-weight: 600; }
#indexHeader.index-head .top_bar .abs_m { width: 100%; text-align: center; font-size: 20px; color: #fff; font-weight: bold; line-height: 44px; }
#indexHeader.index-head .top_bar .abs_r { color: #fff; right: 20px; z-index: 100; font-size: 14px; font-weight: 600; }
#indexHeader.index-head .top_bar .refresh_title, #indexHeader.index-head .top_bar .back, #indexHeader.index-head .top_bar .comment_count, #indexHeader.index-head .top_bar .app, #indexHeader.index-head .top_bar .cancel, #indexHeader.index-head .top_bar .submit { display: inline-block; height: 44px; }
#indexHeader.index-head .top_bar .abs_m a { background-size: 98px;top: -5px;line-height: 44px;width:98px;color: #fff;  z-index: 999; position: relative; }
#indexHeader.index-head .top_bar .search { display: inline-block; width: 24px; height: 24px; background: url(img/feed_ic_search_normal@3x_0f198e56.png) no-repeat center; background-size: contain; margin-right: 12px; }
#indexHeader.index-head .top_bar .rotate, #indexHeader.index-head .top_bar .fix_btns .fresh_btn.rotate { -webkit-transform-style: preserve-3d; -webkit-animation: x-spin 0.7s linear; }
#indexHeader.index-head .top_bar .msg-box { background: url(img/data-home.png) no-repeat; background-size: contain; width: 32px; height: 25px; margin-left: 12px; display: block; position: relative; }
#indexHeader.index-head .top_bar .circle { position: absolute; width: 10px; height: 10px; background: #fff; right: 5px; top: 2px; border-radius: 5px; }
#indexHeader.index-head .top_bar h1 { color: #fff; font-size: 20px; font-weight: bold; line-height: 44px; }
#indexHeader.index-head .top_bar .refreshBtn { background-color: #d43d3d; height: 44px; width: 25px; }
#indexHeader.index-head .back { top: 0; left: 0; width: 44px; border-radius: 0px; background: url(img/header_back_86a065fc.png) no-repeat center center; background-size: 20px; }
#indexHeader.index-head .iphone .top_menu_list .btn.cur { font-weight: bold; }
#indexHeader.index-head .top_bar .rotate,
#indexHeader.index-head .fix_btns .fresh_btn.rotate { -webkit-transform-style: preserve-3d; -webkit-animation: x-spin 0.7s linear; }
#indexHeader.index-head .scaleFromRight { -webkit-transform-origin-x: 100%; -webkit-transform-style: preserve-3d; -webkit-animation: scaleFromRight 300ms ease; }
.animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; }
@-moz-keyframes spin {
  0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@keyframes spin {
  0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
.aui-badged {padding: 3px 6px;font-size: 12px;color: #333;top: 50%;right: 15px;}
.top_menu_bar { background: #f4f5f6; height: 37px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: fixed; z-index: 999; top: 44px; }
.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 40%); 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 .btnz { 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, 0.3);width:auto;}
.top_menu_bar .top_menu_list .btnz.cur { color: #f85959; }
.top_menu_bar .top_menu_more { float: right; position: relative; }
.top_menu_bar .top_menu_more .more_btn { display: block; position: relative; width: 40px; height: 36px; background-size: 20px; font-size: 35px; color: #f85959; text-align: center; line-height: 36px; }
.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 center right; background-size: contain; background-color: rgba(244, 245, 246, 0.3); }
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, 0.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, 0.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, 0.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; -webkit-box-shadow: 0px 4px 10px #bbb; box-shadow: 0px 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 center; 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); }
  100% {-webkit-transform: rotate(270deg); }
}
@-webkit-keyframes rotator360 {
  0% {-webkit-transform: rotate(0deg); }
  100% {-webkit-transform: rotate(360deg); }
}
#load-tip-svg #svgCircle { display: none; }
#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; }


content.feed-list-container { position: relative; display: block; }
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: 0px 15px; border-bottom: 1px solid rgba(221, 221, 221, 0.22); }
content.feed-list-container .article_link { display: block; position: relative; padding: 6px 0px; min-height: 42px; font-size: 0px; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); }
content.feed-list-container .desc { display: inline-block; width: 67%; vertical-align: middle; }
content.feed-list-container h3 { color: #222; font-size: 17px; line-height: 21px; font-weight: normal; 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%; -webkit-box-sizing: border-box; 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: 100px; min-height: 100px; position: relative;}
content.feed-list-container .list_img_holder img{ background: url(img/toutiaoicon_loading_textpage@3x_f7c130ce.png) #efefef no-repeat center center; background-size: cover; }
content.feed-list-container .middle_mode .list_img_holder { overflow: hidden; width: 33%; display: inline-block; vertical-align: middle; }
content.feed-list-container .list_img_holder img { border: none; display: block; width: 100%;height: 100%;  }
content.feed-list-container .list_img_holder_large { background: url(data:image/gif; base64,R0lGODlh7AA5AIAAAOHh4f///yH5BAEAAAEALAAAAADsADkAAAL/jI+py+0Po5y02ouz3hv4D4YhR2YiWAbnmJrry3bwTNdeRFNwWbeYPeMAh0SAJHd8kYpMZbIZ+0GnUUcP59RQt8/tzeWdTq6PnTYMxaK/l3V6HISYpe6iHKjCt+t2XdyaZcHHVKZnYOg3iNi1Uti4pzgESIYgmXjS8genqTBXQQmJtLBYSTqJmcLJ+DgauOkZKlpq4wh6KpIJ+8ra6aqme2mbR3tHXIzKA7yK28rrE6t6aMpgWcuc7BuMPLstaHwryx1+PN7rLJP9LF7l/Z1A1FCtrXxAD82uvo4iRCpvLjyMzbtp0s6dSZcv4DV+xOCBS2fQn74PuRBO3LeMYio+/wkLdsP28aDBfyOpWaTjpaPHkAxZonQ50F5MmCLfdARYEx+YkiRp1juJro9KhTxf6jR6tBlQohjz2bxZLujClj4vNjVZNCchqNGkJm2XdeZJmUjFOI2qVSPIqmJpkv006OxbuJFwPkw695eiZ1291g2rtGTeu3Ga+Fh67+/UeToHB3bHFHLOhIrRkouI+LHdp0OXVHbcdnFkgbskY3XYmernr3wzewacmutq0bJpy2UbbzZQ0IRJD+W903ZG3UassWastnNfdcB/Ehe+8njpo885Vb9O0Dluvbaxf/QOfrfry9TDJ49uHjz5836vWiWuGXtsu+jZp7Vfv3r86/Mt5+wvvlZ35p2mnnKmWVURbIll9x98vx2I4Ebj0SUUZRP251+EAUq3IH29hZZcc2VtJ2JPHFJoGFjdeLLcYRDuB+BrCk63FXIx/gcifi5mCGOC2w03Ao/vmcheiev9qB10KCq5JCtC4kikby3exySBJx7pG5VNeQhllDc2yNyLxunmoy9CKoPmhb1dCaNiY3LR5pdeWtmYkUnayd+bZsUpp4ajCahmjlViGQmQNdKJlyselshgk3/RmKKeOsLC45S5cWljXJBWuGaWugxmqZdsEuqGipxJ6qmZM/5paqCdohFbrMAgGWuttt6Ka2wFAAA7) #efefef no-repeat center center; background-size: 54px; 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: 0; margin-top: 6px; }
content.feed-list-container .item_info .space { margin-right: 5px; }
content.feed-list-container .item_info span.stick_label { display: inline-block; font-size: 9px; vertical-align: middle; line-height: 12px; text-align: center; border: 1px solid #fff; border-radius: 2px; background-color: #fff; border-color: rgba(248, 89, 89, 0.5); }
content.feed-list-container .item_info span.stick_label a{color: #f85959;}

content.feed-list-container .item_info .mid-space { margin-right: 8px; }
content.feed-list-container .item_info span { display: inline-block; font-size: 10px; line-height: 12px; vertical-align: middle; }
content.feed-list-container .item_info .hot_label,
content.feed-list-container .item_info .recommend_label,
content.feed-list-container .item_info .app_special { 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 .hot_label,
content.feed-list-container .item_info .app_special { color: #f85959; border-color: rgba(248, 89, 89, 0.5); }
content.feed-list-container .item_info .recommend_label { color: #2a90d7; border-color: rgba(42, 144, 215, 0.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: url(img/dislikeicon_textpage@3x_5d6752fb.png) no-repeat center center; 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(img/playicon_video@3x_dcf536ff.png) no-repeat center center; 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, 0.3) url(img/videoicon_textpage@3x_874cd528.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 0px 0px 15px; font-weight: normal; 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 rgba(221, 221, 221, 0.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, 0.9); z-index: 1000; width: 100%; height: 32px; }
.refreshTip-enter { opacity: 0.01; }
.refreshTip-enter.refreshTip-enter-active { opacity: 1; -webkit-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; }
.refreshTip-leave { opacity: 1; }
.refreshTip-leave.refreshTip-leave-active { opacity: 0.01; -webkit-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; }
.hideHeader .refresh-tip { top: 36px; }
.audit-container { font-size: 12px; text-align: center; }
.audit-container p { color: #2a8df7; margin-top: 10px; }
html, body, div, span, object, button, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input { margin: 0; padding: 0; border: 0; }
body { position: relative; width: 100%; overflow-x: hidden; }
ul, li { list-style-type: 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: 0px; }
.mask { display: none; position: absolute; width: 100%; height: 100%; z-index: 1000; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); }
.jqmOverlay { background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 4999; top: 0; left: 0; right: 0; bottom: 0; }
.cross { position: absolute; width: 17px; height: 17px; opacity: 0.9; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cross:before, .cross:after { position: absolute; content: ' '; height: 17px; width: 2px; background-color: #f85959; }
.cross:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.indexCon.withHeader { padding-top: 55px; }
.indexCon.hideHeader { padding-top: 36px; }
body.utms-mojiapp.utmm-webview.utmc-open #indexHeader .top_bar,
body.utms-360wifi #indexHeader .top_bar { display: none; }
.list-page { background-color: #fff; }
.indexContainer_liteh5_ios.withHeader { padding-top: 100px; }
.indexContainer_liteh5_ios #indexHeader { background: #d43d3d; }
.indexContainer_liteh5_ios #indexHeader .top_bar { margin-top: 20px; }
.indexContainer_liteh5_ios .refresh-tip { top: 100px; }
.top_menu_bar { top: 44px; }
.indexContainer_liteh5_ios .top_menu_bar { top: 64px; }
.hideHeader .top_menu_bar { top: 0px; }

/**/
.mpl-head { padding: 46px 0 10px; }
.tt-face-4 { background-color: #fff; }
.mpl-head .avatarz { margin-left: auto; margin-right: auto; box-sizing: border-box; width: 55px; height: 55px; border-radius: 50%; position: relative; overflow: hidden; box-shadow: 0 0 1px rgba(0,0,0,.2); background-color: #e8e8e8; }
.avatarz img { display: block; width: 100%; pointer-events: none; }
.mpl-head-name { font-size: 18px; text-align: center; margin-top: 8px; }
.mpl-head-desc { font-size: 13px; line-height: 1.3em; text-align: center; color: #666; margin-top: 4px; padding: 0 24px; }
.mpl-nav { width: 100%; left: 0; right: 0; z-index: 200; position: -webkit-sticky; position: sticky; top: 0; z-index: 10; }
.mpl-nav-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; box-sizing: border-box; }
.mpl-nav-box { border: 0; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(116,116,116,.17)),color-stop(50%,rgba(116,116,116,.17)),color-stop(50%,transparent)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,transparent),color-stop(100%,rgba(80,80,80,.4))); background-size: 100% 1px,100% 1px; background-repeat: no-repeat; background-position: top,bottom; }
.mpl-nav-box a { display: block; font-size: 17px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.iphone a { -webkit-tap-highlight-color: rgba(0,0,0,0)!important; }
.tt-font-1 { color: #222; }
.mpl-nav-box a .mpl-nav-item { display: inline-block; padding: 10px 0 6px; position: relative; z-index: 2; }
.mpl-nav-box a.checked .mpl-nav-item { border-bottom: 2px solid #f85959; }

.fenye {padding: 50px 0;clear: both;text-align: center;font-size: 16px;line-height: 44px;color: #CCC;background-color: #FFF;}
.fenye .loading {display: inline-block;width: 18px;height: 18px;margin: 14px 0 24px;color: #FFF;vertical-align: middle;border: 2px solid #DDD;border-top-color: #ff5e52;border-radius: 50%;-webkit-animation: loading .7s ease-in-out infinite;animation: loading .7s ease-in-outinfinite}
@-webkit-keyframes loading {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes loading {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.fenye .loadmore {display: inline-block;min-width: 150px;margin: 0 auto 10px;padding:0 15px;line-height: 44px;color: #999;text-align: center;vertical-align: middle;border: 2px solid #DDD;border-radius: 24px;-webkit-transition: .2s;transition: .2s}
.fenye .loadmore:hover {color: #ff5e52;border-color: #ff5e52}
.fenye .loadmores {display: inline-block;min-width: 150px;margin: 0 auto 10px;padding:0 15px;line-height: 44px;color: #999;text-align: center;vertical-align: middle;border: 2px solid #DDD;border-radius: 24px;-webkit-transition: .2s;transition: .2s}
.fenye .loadmores:hover {color: #ff5e52;border-color: #ff5e52}
.fenye .page-number {padding: 0 2em}
.fenye a {color: #999}
.fenye a:hover {color: #ff5e52}
.fenye-indicator {position: relative;height: 0;text-align: center;}
.fenye-indicator small {position: relative;top: -.5em;display: inline-block;padding: 0 1em;font-size: 14px;line-height: 1;color: #CCC;vertical-align: top;background: #FFF;}
.fadeIn {-webkit-animation: fadeIn .5s;animation: fadeIn .5s;}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
.fadeOut {-webkit-animation: fadeOut .5s;animation: fadeOut .5s;}
@-webkit-keyframes fadeOut {from {opacity: 1}to {opacity: 0;}}
@keyframes fadeOut {from {opacity: 1;}to {opacity: 0}}

/*photo*/
.feed-list-container{margin-top: 10px;}
.three-img-container .line2 { line-height: 20px; font-size: 17px; color: #000; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-box-orient: vertical; }
.three-img-container .img-container { margin-top: 8px; }
.three-img-container .img-container img { width: 32%; }
.three-img-container .img-container img:nth-child(2) { padding: 0px 3px; }
.three-img-container .infos { font-size: 11px; margin-top: 9px; color: #999; }
.three-img-container .infos .open-label { color: #f85959; margin-right: 10px; }
.three-img-container .infos .time-ago { margin-left: 7px; }


.linkurl{}
.linkurl a{display: inline-block;padding: 5px;}
.linkurl a.f_red{}

.m_hot{background-color: #fff;}
.m_hot h2{width: 100%; font-size: 15px; line-height: 15px; padding: 14px 0px 8px 0px; color: #000; font-weight: 600; background-color: #ffffff; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-bottom: none;}
.m_hot h2::before {content: ''; width: 4px; height: 18px; border-radius: 1px; margin-right: 10px; background-color: #f85959; display: inline-block; vertical-align: sub; }


.m_info{padding:6px;background: #f1f1f1;}
.m_info img{float: left;margin-right: 5px;border-radius: 20px;}

.new-style-test-article-author{margin-top:10px}
.avatar{height:36px;width:36px;border:none;position:relative;display:inline-block}
.avatar .avatar__image,.avatar .avatar__mask{width:100%;height:100%;border-radius:32px;position:absolute;top:0;left:0}
.avatar .avatar__mask{background-color:rgba(34,34,34,.05)}
.new-style-test-avatar{height:28px;width:28px;display:inline-block}
element.style {display: inline-block;margin-left: 10px;}
.new-style-test-article-author .new-style-test-article-author-name{vertical-align:top;display:inline-block;font-weight:600;color:#000;font-size:14px}
.new-style-test-article-author .new-style-test-article-author-toutiaohao{background-color:#f85959;width:30px;height:15px;border-radius:2px;margin-left:4px}
@media screen and (max-width:320px){.new-style-test-article-author .new-style-test-article-author-toutiaohao{display:none}
}
.new-style-test-article-author .divider{margin-left:8px;margin-right:8px;margin-bottom:7px;width:1px;height:10px;background-color:#d8d8d8;display:inline-block}
.new-style-test-article-author .new-style-test-article-publish-time{font-size:11px;color:#999;vertical-align:top;display:inline-block}
.new-style-test-article-author .dot{background-color:#999;display:inline-block;vertical-align:middle;margin-right:6px;margin-left:6px;width:2px;height:2px;border-radius:1px}
.new-style-test-article-author .new-style-test-article-comment{font-size:11px;color:#f85959;vertical-align:top;display:inline-block}
.new-style-test-favor-btn{font-size:14px;line-height:29px;height:29px;border-radius:2px;width:72px;font-weight:600;float:right;color:#fff;display:inline-block;text-align:center;background-image:linear-gradient(to right,#f85959,#ff5050)}
.new-style-test-favor-btn:link{color:#fff;}
.padding-side{padding-left:10px;padding-right:10px}