#pageletBackflowAd{display:block!important}#pageletBackflowAd .detail-ad{position:relative;border:0;font-size:0}#pageletBackflowAd .detail-ad .icon_ad{width:6px;height:6px;background-size:6px;background:#fff;top:auto;width:1px;height:0;overflow:hidden}[data-dpr="2"] #pageletBackflowAd .detail-ad .icon_ad{width:12px}[data-dpr="3"] #pageletBackflowAd .detail-ad .icon_ad{width:18px}[data-dpr="4"] #pageletBackflowAd .detail-ad .icon_ad{width:24px}[data-dpr="2"] #pageletBackflowAd .detail-ad .icon_ad{height:12px}[data-dpr="3"] #pageletBackflowAd .detail-ad .icon_ad{height:18px}[data-dpr="4"] #pageletBackflowAd .detail-ad .icon_ad{height:24px}[data-dpr="2"] #pageletBackflowAd .detail-ad .icon_ad{background-size:12px}[data-dpr="3"] #pageletBackflowAd .detail-ad .icon_ad{background-size:18px}[data-dpr="4"] #pageletBackflowAd .detail-ad .icon_ad{background-size:24px}#pageletBackflowAd .article_link{display:block;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none}#pageletBackflowAd .image_link img{display:block;width:100%;height:3.125rem}#pageletBackflowAd .banner_link .desc{color:#222;font-size:17px;line-height:21px;text-align:justify}[data-dpr="2"] #pageletBackflowAd .banner_link .desc{font-size:34px}[data-dpr="3"] #pageletBackflowAd .banner_link .desc{font-size:51px}[data-dpr="4"] #pageletBackflowAd .banner_link .desc{font-size:68px}[data-dpr="2"] #pageletBackflowAd .banner_link .desc{line-height:42px}[data-dpr="3"] #pageletBackflowAd .banner_link .desc{line-height:63px}[data-dpr="4"] #pageletBackflowAd .banner_link .desc{line-height:84px}#pageletBackflowAd .banner_link img{display:block;float:right;width:1.5625rem;height:1.625rem;border-radius:3px;margin-left:10px}[data-dpr="2"] #pageletBackflowAd .banner_link img{border-radius:6px}[data-dpr="3"] #pageletBackflowAd .banner_link img{border-radius:9px}[data-dpr="4"] #pageletBackflowAd .banner_link img{border-radius:12px}[data-dpr="2"] #pageletBackflowAd .banner_link img{margin-left:20px}[data-dpr="3"] #pageletBackflowAd .banner_link img{margin-left:30px}[data-dpr="4"] #pageletBackflowAd .banner_link img{margin-left:40px}#pageletBackflowAd .item_info{position:relative;display:inline-block;margin-top:5px}[data-dpr="2"] #pageletBackflowAd .item_info{margin-top:10px}[data-dpr="3"] #pageletBackflowAd .item_info{margin-top:15px}[data-dpr="4"] #pageletBackflowAd .item_info{margin-top:20px}#pageletBackflowAd .item_info span{font-size:10px;color:#999;vertical-align:middle;line-height:12px}[data-dpr="2"] #pageletBackflowAd .item_info span{font-size:20px}[data-dpr="3"] #pageletBackflowAd .item_info span{font-size:30px}[data-dpr="4"] #pageletBackflowAd .item_info span{font-size:40px}[data-dpr="2"] #pageletBackflowAd .item_info span{line-height:24px}[data-dpr="3"] #pageletBackflowAd .item_info span{line-height:36px}[data-dpr="4"] #pageletBackflowAd .item_info span{line-height:48px}#pageletBackflowAd .item_info .space{margin-right:5px}[data-dpr="2"] #pageletBackflowAd .item_info .space{margin-right:10px}[data-dpr="3"] #pageletBackflowAd .item_info .space{margin-right:15px}[data-dpr="4"] #pageletBackflowAd .item_info .space{margin-right:20px}#pageletBackflowAd .item_info .adlabel{font-size:9px;display:inline-block;text-align:center;border:1px solid rgba(153,153,153,.5);border-radius:2px;width:24px}[data-dpr="2"] #pageletBackflowAd .item_info .adlabel{font-size:18px}[data-dpr="3"] #pageletBackflowAd .item_info .adlabel{font-size:27px}[data-dpr="4"] #pageletBackflowAd .item_info .adlabel{font-size:36px}[data-dpr="2"] #pageletBackflowAd .item_info .adlabel{border-radius:4px}[data-dpr="3"] #pageletBackflowAd .item_info .adlabel{border-radius:6px}[data-dpr="4"] #pageletBackflowAd .item_info .adlabel{border-radius:8px}[data-dpr="2"] #pageletBackflowAd .item_info .adlabel{width:48px}[data-dpr="3"] #pageletBackflowAd .item_info .adlabel{width:72px}[data-dpr="4"] #pageletBackflowAd .item_info .adlabel{width:96px}#pageletBackflowAd .item_info .ad-label-fix{width:27px;line-height:15px}#pageletBackflowAd .jindong{display:block;position:relative;padding:16px 0;margin:0 15px;overflow:hidden}[data-dpr="2"] #pageletBackflowAd .jindong{padding:32px 0}[data-dpr="3"] #pageletBackflowAd .jindong{padding:48px 0}[data-dpr="4"] #pageletBackflowAd .jindong{padding:64px 0}[data-dpr="2"] #pageletBackflowAd .jindong{margin:0 30px}[data-dpr="3"] #pageletBackflowAd .jindong{margin:0 45px}[data-dpr="4"] #pageletBackflowAd .jindong{margin:0 60px}#pageletBackflowAd .jindong iframe{width:1px;min-width:100%;*width:100%;height:96px;display:block;margin:0;padding:0}[data-dpr="2"] #pageletBackflowAd .jindong iframe{height:192px}[data-dpr="3"] #pageletBackflowAd .jindong iframe{height:288px}[data-dpr="4"] #pageletBackflowAd .jindong iframe{height:384px}#pageletBackflowAd .bottomjs{display:block;position:relative;padding:16px 0;margin:0 15px;overflow:hidden}[data-dpr="2"] #pageletBackflowAd .bottomjs{padding:32px 0}[data-dpr="3"] #pageletBackflowAd .bottomjs{padding:48px 0}[data-dpr="4"] #pageletBackflowAd .bottomjs{padding:64px 0}[data-dpr="2"] #pageletBackflowAd .bottomjs{margin:0 30px}[data-dpr="3"] #pageletBackflowAd .bottomjs{margin:0 45px}[data-dpr="4"] #pageletBackflowAd .bottomjs{margin:0 60px}#pageletBackflowAd .bottomjs .iframeDiv{width:100%;height:0;padding-top:41.4%;position:relative}#pageletBackflowAd .bottomjs .iframeDiv iframe{width:100%;height:100%;display:block;margin:0;padding:0;position:absolute;top:0;left:0}#pageletBackflowAd .list_content{-webkit-margin-after-collapse:separate;-webkit-margin-before-collapse:discard;-webkit-user-select:none}#pageletBackflowAd section{position:relative;-webkit-transition:all 1s ease-in-out}#pageletBackflowAd .item-hidden{display:none}#pageletBackflowAd .article_link{display:block;position:relative;padding:15px 0;margin:0 15px;min-height:42px;font-size:0;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none}[data-dpr="2"] #pageletBackflowAd .article_link{padding:30px 0}[data-dpr="3"] #pageletBackflowAd .article_link{padding:45px 0}[data-dpr="4"] #pageletBackflowAd .article_link{padding:60px 0}[data-dpr="2"] #pageletBackflowAd .article_link{margin:0 30px}[data-dpr="3"] #pageletBackflowAd .article_link{margin:0 45px}[data-dpr="4"] #pageletBackflowAd .article_link{margin:0 60px}[data-dpr="2"] #pageletBackflowAd .article_link{min-height:84px}[data-dpr="3"] #pageletBackflowAd .article_link{min-height:126px}[data-dpr="4"] #pageletBackflowAd .article_link{min-height:168px}#pageletBackflowAd .article_link:visited .relate-news-title,#pageletBackflowAd .article_link:visited h3{color:#aaa}#pageletBackflowAd .relate-news-title,#pageletBackflowAd h3{color:#222;font-size:17px;line-height:21px;font-weight:400;overflow:hidden}[data-dpr="2"] #pageletBackflowAd .relate-news-title,[data-dpr="2"] #pageletBackflowAd h3{font-size:34px}[data-dpr="3"] #pageletBackflowAd .relate-news-title,[data-dpr="3"] #pageletBackflowAd h3{font-size:51px}[data-dpr="4"] #pageletBackflowAd .relate-news-title,[data-dpr="4"] #pageletBackflowAd h3{font-size:68px}[data-dpr="2"] #pageletBackflowAd .relate-news-title,[data-dpr="2"] #pageletBackflowAd h3{line-height:42px}[data-dpr="3"] #pageletBackflowAd .relate-news-title,[data-dpr="3"] #pageletBackflowAd h3{line-height:63px}[data-dpr="4"] #pageletBackflowAd .relate-news-title,[data-dpr="4"] #pageletBackflowAd h3{line-height:84px}#pageletBackflowAd .middle_mode .desc{display:inline-block;width:67%;vertical-align:middle}#pageletBackflowAd .middle_mode .desc h3{font-size:16px;line-height:19px}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc h3{font-size:32px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc h3{font-size:48px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc h3{font-size:64px}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc h3{line-height:38.4px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc h3{line-height:58px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc h3{line-height:76.8px}#pageletBackflowAd .middle_mode .desc .image-margin-right{margin-right:10px}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .image-margin-right{margin-right:20px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .image-margin-right{margin-right:30px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .image-margin-right{margin-right:40px}#pageletBackflowAd .middle_mode .desc .item_info{margin-right:10px;margin-top:7px;position:relative;display:block}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info{margin-right:20px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info{margin-right:30px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info{margin-right:40px}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info{margin-top:14px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info{margin-top:21px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info{margin-top:28px}#pageletBackflowAd .middle_mode .desc .item_info .source{font-size:12px;line-height:16px;color:#999}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .source{font-size:24px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .source{font-size:36px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .source{font-size:48px}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .source{line-height:32px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .source{line-height:48px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .source{line-height:64px}#pageletBackflowAd .middle_mode .desc .item_info .phone{position:absolute;right:0;bottom:0;font-size:12px;color:#406599}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .phone{right:0}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .phone{right:0}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .phone{right:0}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .phone{bottom:0}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .phone{bottom:0}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .phone{bottom:0}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .phone{font-size:24px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .phone{font-size:36px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .phone{font-size:48px}#pageletBackflowAd .middle_mode .desc .item_info .download{position:absolute;right:0;bottom:0;font-size:12px;line-height:16px;color:#406599}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .download{right:0}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .download{right:0}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .download{right:0}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .download{bottom:0}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .download{bottom:0}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .download{bottom:0}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .download{font-size:24px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .download{font-size:36px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .download{font-size:48px}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .download{line-height:32px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .download{line-height:48px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .download{line-height:64px}#pageletBackflowAd .middle_mode .desc .item_info .download:before{content:'';float:left;width:12px;height:12px;margin-right:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDRGNjIwN0RCQjNDMTFFNUFFMzZBRjVGNkQxQUVCOTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDRGNjIwN0VCQjNDMTFFNUFFMzZBRjVGNkQxQUVCOTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENEY2MjA3QkJCM0MxMUU1QUUzNkFGNUY2RDFBRUI5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENEY2MjA3Q0JCM0MxMUU1QUUzNkFGNUY2RDFBRUI5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtQws0UAAAD3SURBVEjH7dWxCsIwEIDhPIy4xwfpazg7CC6Oxd3FzRfLK9hJFBQkJnIpIU1yd2mIS4dfKzT3tZJSobUWnDbbi21lUpA9Ftw5ohDemzR0bAkfPPi0wAu8wCMMwzhNYE4xeG3awXcteDIzBisYdjPJCrCdMcB5igJjOAX2URQOT07hGBzOGfw5qc2VXUSA0fW5XY0tTsGUi0Yfp9yQGExCKXBuWAhL2A8oSoVT+Nn7feWgHDiGP7zjJwflwjE8jISWwDmcjJbCDg//ajn3JUGtM32grsbbiXvnsmTtXLi4H9waddmP3vTKPCa1s1YvGqOu+z/u+G3NL2Rn4En9yncpAAAAAElFTkSuQmCC) no-repeat center center;background-size:100%}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{width:24px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{width:36px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{width:48px}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{height:24px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{height:36px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{height:48px}[data-dpr="2"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{margin-right:6px}[data-dpr="3"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{margin-right:9px}[data-dpr="4"] #pageletBackflowAd .middle_mode .desc .item_info .download:before{margin-right:12px}#pageletBackflowAd .list_img_holder{height:1.96875rem;position:relative;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:50%}#pageletBackflowAd .middle_mode .list_img_holder{overflow:hidden;width:33%;display:inline-block;vertical-align:middle;position:relative}#pageletBackflowAd .list_img_holder img{border:0;display:block;width:100%;-webkit-transition:opacity 300ms 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}#pageletBackflowAd .ad_label{position:absolute;right:6px;bottom:6px;background-color:rgba(0,0,0,.5);color:#fff;text-align:center;font-size:10px;border-radius:3px;width:26px;height:14px;line-height:14px}[data-dpr="2"] #pageletBackflowAd .ad_label{right:12px}[data-dpr="3"] #pageletBackflowAd .ad_label{right:18px}[data-dpr="4"] #pageletBackflowAd .ad_label{right:24px}[data-dpr="2"] #pageletBackflowAd .ad_label{bottom:12px}[data-dpr="3"] #pageletBackflowAd .ad_label{bottom:18px}[data-dpr="4"] #pageletBackflowAd .ad_label{bottom:24px}[data-dpr="2"] #pageletBackflowAd .ad_label{font-size:20px}[data-dpr="3"] #pageletBackflowAd .ad_label{font-size:30px}[data-dpr="4"] #pageletBackflowAd .ad_label{font-size:40px}[data-dpr="2"] #pageletBackflowAd .ad_label{border-radius:6px}[data-dpr="3"] #pageletBackflowAd .ad_label{border-radius:9px}[data-dpr="4"] #pageletBackflowAd .ad_label{border-radius:12px}[data-dpr="2"] #pageletBackflowAd .ad_label{width:52px}[data-dpr="3"] #pageletBackflowAd .ad_label{width:78px}[data-dpr="4"] #pageletBackflowAd .ad_label{width:104px}[data-dpr="2"] #pageletBackflowAd .ad_label{height:28px}[data-dpr="3"] #pageletBackflowAd .ad_label{height:42px}[data-dpr="4"] #pageletBackflowAd .ad_label{height:56px}[data-dpr="2"] #pageletBackflowAd .ad_label{line-height:28px}[data-dpr="3"] #pageletBackflowAd .ad_label{line-height:42px}[data-dpr="4"] #pageletBackflowAd .ad_label{line-height:56px}#pageletBackflowAd .large_mode .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;margin:0;overflow:hidden;width:100%;position:relative;min-height:3.75rem}[data-dpr="2"] #pageletBackflowAd .large_mode .list_img_holder_large{background-size:108px}[data-dpr="3"] #pageletBackflowAd .large_mode .list_img_holder_large{background-size:162px}[data-dpr="4"] #pageletBackflowAd .large_mode .list_img_holder_large{background-size:216px}[data-dpr="2"] #pageletBackflowAd .large_mode .list_img_holder_large{margin:0}[data-dpr="3"] #pageletBackflowAd .large_mode .list_img_holder_large{margin:0}[data-dpr="4"] #pageletBackflowAd .large_mode .list_img_holder_large{margin:0}#pageletBackflowAd .large_mode .list_img_holder_large img{border:0;display:block;width:100%;pointer-events:none}#pageletBackflowAd .large_mode .text_info{padding:0 7px}[data-dpr="2"] #pageletBackflowAd .large_mode .text_info{padding:0 14px}[data-dpr="3"] #pageletBackflowAd .large_mode .text_info{padding:0 21px}[data-dpr="4"] #pageletBackflowAd .large_mode .text_info{padding:0 28px}#pageletBackflowAd .large_mode .text_info .title{display:block;font-size:12px;line-height:14px;padding-top:2px;margin-top:4px;color:#222}[data-dpr="2"] #pageletBackflowAd .large_mode .text_info .title{font-size:24px}[data-dpr="3"] #pageletBackflowAd .large_mode .text_info .title{font-size:36px}[data-dpr="4"] #pageletBackflowAd .large_mode .text_info .title{font-size:48px}[data-dpr="2"] #pageletBackflowAd .large_mode .text_info .title{line-height:28.8px}[data-dpr="3"] #pageletBackflowAd .large_mode .text_info .title{line-height:43px}[data-dpr="4"] #pageletBackflowAd .large_mode .text_info .title{line-height:57.6px}[data-dpr="2"] #pageletBackflowAd .large_mode .text_info .title{padding-top:4px}[data-dpr="3"] #pageletBackflowAd .large_mode .text_info .title{padding-top:6px}[data-dpr="4"] #pageletBackflowAd .large_mode .text_info .title{padding-top:8px}[data-dpr="2"] #pageletBackflowAd .large_mode .text_info .title{margin-top:8px}[data-dpr="3"] #pageletBackflowAd .large_mode .text_info .title{margin-top:12px}[data-dpr="4"] #pageletBackflowAd .large_mode .text_info .title{margin-top:16px}#pageletBackflowAd .large_mode .large_info{height:44px;padding:0 12px;background-color:#fff;position:relative}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info{height:88px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info{height:132px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info{height:176px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info{padding:0 24px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info{padding:0 36px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info{padding:0 48px}#pageletBackflowAd .large_mode .large_info .source{font-size:14px;padding-top:5px;display:block;color:#222}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .source{font-size:28px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .source{font-size:42px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .source{font-size:56px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .source{padding-top:10px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .source{padding-top:15px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .source{padding-top:20px}#pageletBackflowAd .large_mode .large_info .title{margin-top:1px;font-size:9px;display:block;color:#999}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .title{margin-top:2px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .title{margin-top:3px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .title{margin-top:4px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .title{font-size:18px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .title{font-size:27px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .title{font-size:36px}#pageletBackflowAd .large_mode .large_info .download,#pageletBackflowAd .large_mode .large_info .phone{position:absolute;right:12px;bottom:7px;width:72px;height:30px;line-height:30px;border-radius:6px;border-width:1px;border-style:solid;border-color:#2a90d7;font-size:12px;color:#2a90d7;vertical-align:middle;text-align:center}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .phone{right:24px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .phone{right:36px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .phone{right:48px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .phone{bottom:14px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .phone{bottom:21px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .phone{bottom:28px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .phone{width:144px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .phone{width:216px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .phone{width:288px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .phone{height:60px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .phone{height:90px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .phone{height:120px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .phone{line-height:60px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .phone{line-height:90px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .phone{line-height:120px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .phone{border-radius:12px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .phone{border-radius:18px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .phone{border-radius:24px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .phone{border-width:2px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .phone{border-width:3px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .phone{border-width:4px}[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="2"] #pageletBackflowAd .large_mode .large_info .phone{font-size:24px}[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="3"] #pageletBackflowAd .large_mode .large_info .phone{font-size:36px}[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .download,[data-dpr="4"] #pageletBackflowAd .large_mode .large_info .phone{font-size:48px}#pageletBackflowAd .list_img_holder_large_fix{height:3.75rem}#pageletBackflowAd .more_mode .title{color:#222;font-size:16px;line-height:19px;padding-bottom:2px;margin-bottom:4px}[data-dpr="2"] #pageletBackflowAd .more_mode .title{font-size:32px}[data-dpr="3"] #pageletBackflowAd .more_mode .title{font-size:48px}[data-dpr="4"] #pageletBackflowAd .more_mode .title{font-size:64px}[data-dpr="2"] #pageletBackflowAd .more_mode .title{line-height:38.4px}[data-dpr="3"] #pageletBackflowAd .more_mode .title{line-height:58px}[data-dpr="4"] #pageletBackflowAd .more_mode .title{line-height:76.8px}[data-dpr="2"] #pageletBackflowAd .more_mode .title{padding-bottom:4px}[data-dpr="3"] #pageletBackflowAd .more_mode .title{padding-bottom:6px}[data-dpr="4"] #pageletBackflowAd .more_mode .title{padding-bottom:8px}[data-dpr="2"] #pageletBackflowAd .more_mode .title{margin-bottom:8px}[data-dpr="3"] #pageletBackflowAd .more_mode .title{margin-bottom:12px}[data-dpr="4"] #pageletBackflowAd .more_mode .title{margin-bottom:16px}#pageletBackflowAd .more_mode .list_image{position:relative}#pageletBackflowAd .more_mode .list_image ul{display:block;margin:0;padding:0;list-style-type:none;font-size:0;text-align:center}#pageletBackflowAd .more_mode .list_image ul li{display:inline-block;overflow:hidden;width:33.3%;box-sizing:border-box}#pageletBackflowAd .more_mode .list_image ul li:first-child{float:left;padding-right:2px}[data-dpr="2"] #pageletBackflowAd .more_mode .list_image ul li:first-child{padding-right:4px}[data-dpr="3"] #pageletBackflowAd .more_mode .list_image ul li:first-child{padding-right:6px}[data-dpr="4"] #pageletBackflowAd .more_mode .list_image ul li:first-child{padding-right:8px}#pageletBackflowAd .more_mode .list_image ul li:last-child{float:right;padding-left:2px}[data-dpr="2"] #pageletBackflowAd .more_mode .list_image ul li:last-child{padding-left:4px}[data-dpr="3"] #pageletBackflowAd .more_mode .list_image ul li:last-child{padding-left:6px}[data-dpr="4"] #pageletBackflowAd .more_mode .list_image ul li:last-child{padding-left:8px}#pageletBackflowAd .more_mode .text_info{margin-top:12px;height:30px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info{margin-top:24px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info{margin-top:36px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info{margin-top:48px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info{height:60px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info{height:90px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info{height:120px}#pageletBackflowAd .more_mode .text_info .source{color:#999;font-size:14px;line-height:30px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .source{font-size:28px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .source{font-size:42px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .source{font-size:56px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .source{line-height:60px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .source{line-height:90px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .source{line-height:120px}#pageletBackflowAd .more_mode .text_info .download,#pageletBackflowAd .more_mode .text_info .phone{float:right;display:inline-block;width:72px;height:30px;border-radius:6px;border:1px solid #2a90d7;font-size:12px;line-height:30px;margin-right:0;color:#2a90d7;text-align:center}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .phone{width:144px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .phone{width:216px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .phone{width:288px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .phone{height:60px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .phone{height:90px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .phone{height:120px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .phone{border-radius:12px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .phone{border-radius:18px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .phone{border-radius:24px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .phone{font-size:24px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .phone{font-size:36px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .phone{font-size:48px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .phone{line-height:60px}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .phone{line-height:90px}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .phone{line-height:120px}[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="2"] #pageletBackflowAd .more_mode .text_info .phone{margin-right:0}[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="3"] #pageletBackflowAd .more_mode .text_info .phone{margin-right:0}[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .download,[data-dpr="4"] #pageletBackflowAd .more_mode .text_info .phone{margin-right:0} .avatar { border: none; position: relative; height: 28px; width: 28px; 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,0.05) } .article__header { position: relative; padding: 0 14px } .article__header .article__title { font-family: 'PingFangSC-Medium'; line-height: 1.36; font-weight: 500; color: #222222; font-size: 22px } @media screen and (min-width: 320px) { .article__header .article__title { font-size:21px; line-height: 30px } } @media screen and (min-width: 360px) { .article__header .article__title { font-size:23px; line-height: 31px } } @media screen and (min-width: 375px) { .article__header .article__title { font-size:24px; line-height: 34px } } .article__header .article__author { height: 24px; position: relative; margin-top: 12px } .article__header .article__author .avatar { width: 24px; height: 24px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto } .article__header .article__author .author-name { position: absolute; top: 0; bottom: 0; left: 30px; margin: auto; font-size: 14px; color: #222; margin-left: 6px; line-height: 24px } .article__header .article__author .article-info { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; font-size: 12px; color: #999; line-height: 24px } .article__header .article__author .article-info .dot { display: inline-block; width: 2px; height: 2px; border-radius: 1px; background-color: #999; margin: 0 8px; vertical-align: middle } .article__header .article__author--notpgc { margin-top: 12px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center } .article__header .article__author--notpgc .publish-detail { padding-left: 10px; align-self: flex-end; color: #505050 } .article__header .article__author--notpgc .separator { margin: 0 2px } .article__header .article__author--notpgc .publish-link { color: #999 } .gd1,.gd1 .gd1-cont .gd1-cont-split,.gd2,.gd2 .gd2-info .gd2-cont .gd2-cont-split,.pcard .pcard-border,.pcard .pcard-vertical-border { position: relative } .gd1::after,.gd1 .gd1-cont .gd1-cont-split::after,.gd2::after,.gd2 .gd2-info .gd2-cont .gd2-cont-split::after,.pcard .pcard-border::after,.pcard .pcard-vertical-border::after { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; content: ""; transform-origin: 0 0; pointer-events: none } @media (min-resolution: 2dppx) { .gd1::after,.gd1 .gd1-cont .gd1-cont-split::after,.gd2::after,.gd2 .gd2-info .gd2-cont .gd2-cont-split::after,.pcard .pcard-border::after,.pcard .pcard-vertical-border::after { width:200%; height: 200%; transform: scale(0.5) } } @media (min-resolution: 3dppx) { .gd1::after,.gd1 .gd1-cont .gd1-cont-split::after,.gd2::after,.gd2 .gd2-info .gd2-cont .gd2-cont-split::after,.pcard .pcard-border::after,.pcard .pcard-vertical-border::after { width:300%; height: 300%; transform: scale(0.33333) } } .gd1 .gd1-btn,.gd2 .gd2-info .gd2-btn,.pcard .pcard-button,.cpg-container .cpg-button { box-sizing: border-box; min-width: 52px; padding: 0 8px; text-align: center; border-radius: 4px; outline: none; background-color: transparent; font-size: 14px; line-height: 1.85714286 } .night .source-code pre { background: #1b1b1b !important } .night .source-code pre code { color: #707070 !important } .game-downloader { cursor: pointer; display: block } .gd1 { border-radius: 0; height: 60px; padding: 14px 0; margin: 15px 0; overflow: hidden } .gd1::after { border-width: 1px 0; border-style: solid; border-radius: 0; border-color: #e8e8e8 } @media (min-resolution: 2dppx) { .gd1::after { border-radius:0 } } @media (min-resolution: 3dppx) { .gd1::after { border-radius:0 } } .night .gd1::after { border-color: #464646 } .gd1 .gd-icon { float: left; width: 60px; height: 60px; margin-right: 14px; border-radius: 5px } .night .gd1 .gd-icon { opacity: 0.5 } .gd1 .gd1-btn { float: right; font-family: "iconfont"; -webkit-font-smoothing: antialiased; color: #2a90d7; margin-top: 17px; margin-left: 14px; height: 28px; width: 63px; color: #ffffff; background-color: #2a90d7; border: 1px solid #2a90d7 } .night .gd1 .gd1-btn { color: #67778b } .gd1 .gd1-btn:active { color: rgba(42,144,215,0.5) } .night .gd1 .gd1-btn:active { color: rgba(103,119,139,0.5) } .night .gd1 .gd1-btn { border-color: #67778b } .gd1 .gd1-btn:active { border-color: rgba(42,144,215,0.5) } .night .gd1 .gd1-btn:active { border-color: rgba(103,119,139,0.5) } .night .gd1 .gd1-btn { color: #cacaca } .gd1 .gd1-btn:active { color: rgba(255,255,255,0.5) } .night .gd1 .gd1-btn:active { color: #e8e8e8 } .night .gd1 .gd1-btn { background-color: #67778b } .gd1 .gd1-btn:active { background-color: rgba(42,144,215,0.5) } .night .gd1 .gd1-btn:active { background-color: rgba(103,119,139,0.5) } .night .gd1 .gd1-btn { border-color: #67778b } .gd1 .gd1-btn:active { border-color: rgba(42,144,215,0.5) } .night .gd1 .gd1-btn:active { border-color: rgba(103,119,139,0.5) } .gd1 .gd1-btn i { font-size: 12px; margin-right: 2px } .gd1 .gd1-btn .progress-ring { display: inline-block; position: relative; margin-top: 7px; float: left; font-size: 12px; width: 1em; height: 1em; border-radius: 50%; box-shadow: inset 0 0 0 0.1em rgba(255,255,255,0.5) } .night .gd1 .gd1-btn .progress-ring { box-shadow: inset 0 0 0 0.1em rgba(202,202,202,0.5) } .gd1 .gd1-btn .progress-ring i { position: absolute; top: 0; left: 0; width: 1em; height: 1em } .gd1 .gd1-btn .progress-ring i i { position: absolute; width: 1em; height: 1em; content: ''; border-radius: 50%; box-shadow: inset 0 0 0 0.1em #ffffff } .night .gd1 .gd1-btn .progress-ring i i { box-shadow: inset 0 0 0 0.1em #cacaca } .gd1 .gd1-btn .progress-ring i.left { clip: rect(0, 1em, 1em, 0.5em) } .gd1 .gd1-btn .progress-ring i.left i { clip: rect(0, 1em, 1em, 0.5em) } .gd1 .gd1-btn .progress-ring i.right { clip: rect(0, 0.5em, 1em, 0) } .gd1 .gd1-btn .progress-ring i.right i { clip: rect(0, 0.5em, 1em, 0) } .gd1 .gd1-cont { overflow: hidden } .gd1 .gd1-cont .gd1-cont-name { font-size: 18px; line-height: 18px; margin-bottom: 9px; color: #222222 } .night .gd1 .gd1-cont .gd1-cont-name { color: #707070 } .gd1 .gd1-cont .gd1-cont-text { font-size: 12px; line-height: 12px; margin-top: 7px; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .night .gd1 .gd1-cont .gd1-cont-text { color: #707070 } .gd1 .gd1-cont .gd1-cont-split { margin-right: 6px; margin-left: 6px; border-radius: 0 } .gd1 .gd1-cont .gd1-cont-split::after { border-width: 0 1px 0 0; border-style: solid; border-radius: 0; border-color: #dddddd } @media (min-resolution: 2dppx) { .gd1 .gd1-cont .gd1-cont-split::after { border-radius:0 } } @media (min-resolution: 3dppx) { .gd1 .gd1-cont .gd1-cont-split::after { border-radius:0 } } .night .gd1 .gd1-cont .gd1-cont-split::after { border-color: #464646 } @media (max-device-width: 374px) { .gd1 .gd-icon { width:54px; height: 54px; margin-right: 13px } .gd1 .gd1-cont .gd1-cont-name { font-size: 16px; line-height: 16px; margin-bottom: 8px } .gd1 .gd1-cont .gd1-cont-text { margin-top: 6px } } .gd2 { margin: 10px 0; border-radius: 0 } .gd2::after { border-width: 1px; border-style: solid; border-radius: 0; border-color: #e8e8e8 } @media (min-resolution: 2dppx) { .gd2::after { border-radius:0 } } @media (min-resolution: 3dppx) { .gd2::after { border-radius:0 } } .night .gd2::after { border-color: #464646 } .gd2 .gd2-cover { width: 100%; max-height: 194px; vertical-align: top } .night .gd2 .gd2-cover { opacity: 0.5 } .gd2 .gd2-info { height: 34px; padding: 7px 10px; overflow: hidden } .gd2 .gd2-info .gd2-btn { float: right; color: #2a90d7; color: #ffffff; background-color: #2a90d7; border: 1px solid #2a90d7; font-family: "iconfont"; -webkit-font-smoothing: antialiased; width: 63px; height: 28px; margin-top: 3px } .night .gd2 .gd2-info .gd2-btn { color: #67778b } .gd2 .gd2-info .gd2-btn:active { color: rgba(42,144,215,0.5) } .night .gd2 .gd2-info .gd2-btn:active { color: rgba(103,119,139,0.5) } .night .gd2 .gd2-info .gd2-btn { border-color: #67778b } .gd2 .gd2-info .gd2-btn:active { border-color: rgba(42,144,215,0.5) } .night .gd2 .gd2-info .gd2-btn:active { border-color: rgba(103,119,139,0.5) } .night .gd2 .gd2-info .gd2-btn { color: #cacaca } .gd2 .gd2-info .gd2-btn:active { color: rgba(255,255,255,0.5) } .night .gd2 .gd2-info .gd2-btn:active { color: #e8e8e8 } .night .gd2 .gd2-info .gd2-btn { background-color: #67778b } .gd2 .gd2-info .gd2-btn:active { background-color: rgba(42,144,215,0.5) } .night .gd2 .gd2-info .gd2-btn:active { background-color: rgba(103,119,139,0.5) } .night .gd2 .gd2-info .gd2-btn { border-color: #67778b } .gd2 .gd2-info .gd2-btn:active { border-color: rgba(42,144,215,0.5) } .night .gd2 .gd2-info .gd2-btn:active { border-color: rgba(103,119,139,0.5) } .gd2 .gd2-info .gd2-btn i { font-size: 12px; margin-right: 2px } .gd2 .gd2-info .gd2-btn .progress-ring { display: inline-block; position: relative; margin-top: 7px; float: left; font-size: 12px; width: 1em; height: 1em; border-radius: 50%; box-shadow: inset 0 0 0 0.1em rgba(255,255,255,0.5) } .night .gd2 .gd2-info .gd2-btn .progress-ring { box-shadow: inset 0 0 0 0.1em rgba(202,202,202,0.5) } .gd2 .gd2-info .gd2-btn .progress-ring i { position: absolute; top: 0; left: 0; width: 1em; height: 1em } .gd2 .gd2-info .gd2-btn .progress-ring i i { position: absolute; width: 1em; height: 1em; content: ''; border-radius: 50%; box-shadow: inset 0 0 0 0.1em #ffffff } .night .gd2 .gd2-info .gd2-btn .progress-ring i i { box-shadow: inset 0 0 0 0.1em #cacaca } .gd2 .gd2-info .gd2-btn .progress-ring i.left { clip: rect(0, 1em, 1em, 0.5em) } .gd2 .gd2-info .gd2-btn .progress-ring i.left i { clip: rect(0, 1em, 1em, 0.5em) } .gd2 .gd2-info .gd2-btn .progress-ring i.right { clip: rect(0, 0.5em, 1em, 0) } .gd2 .gd2-info .gd2-btn .progress-ring i.right i { clip: rect(0, 0.5em, 1em, 0) } .gd2 .gd2-info .gd2-cont .gd2-cont-name { font-size: 16px; line-height: 16px; color: #222222 } .night .gd2 .gd2-info .gd2-cont .gd2-cont-name { color: #707070 } .gd2 .gd2-info .gd2-cont .gd2-cont-text { font-size: 12px; line-height: 12px; margin-top: 6px; color: #999999; overflow: hidden } .night .gd2 .gd2-info .gd2-cont .gd2-cont-text { color: #707070 } .gd2 .gd2-info .gd2-cont .gd2-cont-split { margin-right: 6px; margin-left: 6px; border-radius: 0 } .gd2 .gd2-info .gd2-cont .gd2-cont-split::after { border-width: 0 1px 0 0; border-style: solid; border-radius: 0; border-color: #dddddd } @media (min-resolution: 2dppx) { .gd2 .gd2-info .gd2-cont .gd2-cont-split::after { border-radius:0 } } @media (min-resolution: 3dppx) { .gd2 .gd2-info .gd2-cont .gd2-cont-split::after { border-radius:0 } } .night .gd2 .gd2-info .gd2-cont .gd2-cont-split::after { border-color: #464646 } @media (max-device-width: 374px) { .gd2 .gd2-cover { max-height:175px } .gd2 .gd2-info { height: 33px; padding: 6px 9px } .gd2 .gd2-info .gd2-cont .gd2-cont-name { font-size: 15px; line-height: 15px } } .pcard { display: block; margin-top: 30px; margin-bottom: 30px; -webkit-tap-highlight-color: transparent } .pcard .pcard-h16 { font-size: 16px; line-height: 21px } .pcard .pcard-h16-large { font-size: 16px; line-height: 24px } .pcard .pcard-h14 { font-size: 14px; line-height: 20px } .pcard .pcard-h12 { font-size: 12px; line-height: 16px } .pcard .pcard-w1 { color: #222222 } .night .pcard .pcard-w1 { color: #707070 } .pcard .pcard-w1-a { color: #222222 } .night .pcard .pcard-w1-a { color: #707070 } .pcard .pcard-w1-a:active { color: rgba(34,34,34,0.5) } .night .pcard .pcard-w1-a:active { color: rgba(112,112,112,0.5) } .pcard .pcard-w3 { color: #999999 } .night .pcard .pcard-w3 { color: #707070 } .pcard .pcard-w4 { color: #f85959 } .night .pcard .pcard-w4 { color: #935656 } .pcard .pcard-bold { font-weight: 500 } .pcard .pcard-o2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal } .pcard .pcard-o1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .pcard .pcard-pull-left { float: left } .pcard .pcard-pull-right { float: right } .pcard .pcard-clearfix::after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .pcard .pcard-button { background-color: #2a90d7; border: 1px solid #2a90d7; color: #ffffff; font-size: 14px; line-height: 14px; height: 28px; width: 58px } .night .pcard .pcard-button { background-color: #67778b } .night .pcard .pcard-button { border-color: #67778b } .night .pcard .pcard-button { color: #cacaca } .pcard .pcard-button[is-concerned="true"] { background-color: transparent; color: #999999; border: 1px solid #d8d8d8; width: 58px; padding-left: 0; padding-right: 0 } .night .pcard .pcard-button[is-concerned="true"] { color: #707070 } .night .pcard .pcard-button[is-concerned="true"] { border-color: #464646 } .pcard .pcard-icon { font-family: "iconfont"; display: inline-block; text-align: center; vertical-align: middle } .pcard .pcard-vr { font-family: "iconfont"; display: inline-block; text-align: center; vertical-align: middle; font-size: 16px; color: #D8D8D8 } .night .pcard .pcard-vr { color: #464646 } .pcard .pcard-ry { font-family: "iconfont"; text-align: center; vertical-align: middle; color: #f85959; font-size: 22px; margin-left: 6px; height: 14px; position: relative; display: inline-block; line-height: 14px } .night .pcard .pcard-ry { color: #935656 } .pcard .pcard-border { border-radius: 0 } .pcard .pcard-border::after { border-width: 1px; border-style: solid; border-radius: 0; border-color: #e8e8e8 } @media (min-resolution: 2dppx) { .pcard .pcard-border::after { border-radius:0 } } @media (min-resolution: 3dppx) { .pcard .pcard-border::after { border-radius:0 } } .night .pcard .pcard-border::after { border-color: #464646 } .pcard .pcard-vertical-border { border-radius: 0 } .pcard .pcard-vertical-border::after { border-width: 1px 0; border-style: solid; border-radius: 0; border-color: #e8e8e8 } @media (min-resolution: 2dppx) { .pcard .pcard-vertical-border::after { border-radius:0 } } @media (min-resolution: 3dppx) { .pcard .pcard-vertical-border::after { border-radius:0 } } .night .pcard .pcard-vertical-border::after { border-color: #464646 } .pcard .pcard-caption { user-select: none; margin-bottom: 6px } .pcard .pcard-container { display: block; user-select: none; cursor: pointer; padding-top: 10px; padding-bottom: 10px } .pcard .pcard-footer { display: block; margin-top: 13px } .pcard .img { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #e8e8e8; vertical-align: bottom } .night .pcard .img { opacity: 0.5 } .pcard .auto-image { width: 90px; height: 65px; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #e8e8e8; vertical-align: bottom } .night .pcard .auto-image { opacity: 0.5 } .pcard .movie-image { width: 65px; height: 90px; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #e8e8e8; vertical-align: bottom } .night .pcard .movie-image { opacity: 0.5 } .pcard .movie-right { margin-left: 75px } .pcard .icon-vr:before { content: "\E60A" } .pcard .icon-plus:before { content: "\E603" } .pcard .icon-done:before { content: "\E604" } .pcard .icon-rarrow:before { content: "\E644" } .pcard .icon-ry:before { content: "\E69D" } @media (max-device-width: 374px) { .pcard .auto-image { height:58px; width: 81px } .pcard .movie-image { height: 81px; width: 58px } .pcard .movie-right { margin-left: 67px } .pcard .pcard-vr { font-size: 14px } .pcard .pcard-h16 { font-size: 15px; line-height: 19px } .pcard .pcard-h16-large { font-size: 15px; line-height: 20px } .pcard .pcard-h14 { font-size: 13px; line-height: 18px } .pcard .pcard-caption { margin-bottom: 5px } .pcard .pcard-container { padding-top: 9px; padding-bottom: 9px } .pcard .pcard-footer { margin-top: 12px } } .night .game img { opacity: 0.5 } .game .game-body { padding: 10px; display: flex } .game .width30 { width: 20px } @media (max-device-width: 374px) { .game .game-body { padding:9px } .game .width30 { width: 18px } } @media (max-device-width: 374px) { .pcard { margin-bottom:27px; margin-top: 27px } .playicon { width: 28px; height: 28px; margin: -14px 0 0 -14px; border-radius: 100%; font-size: 14px; line-height: 27px } .gd1 { height: 54px; padding: 13px 0; margin: 14px 0 } } .cpg-container { text-align: center } .cpg-container .cpg-button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #f85959; border: 1px solid #f85959; font-size: 16px; line-height: 37px; display: inline-block } .night .cpg-container .cpg-button { color: #935656 } .cpg-container .cpg-button:active { color: rgba(248,89,89,0.5) } .night .cpg-container .cpg-button:active { color: rgba(147,86,86,0.5) } .night .cpg-container .cpg-button { border-color: #935656 } .cpg-container .cpg-button:active { border-color: rgba(248,89,89,0.5) } .night .cpg-container .cpg-button:active { border-color: rgba(147,86,86,0.5) } .cpg-container .cpg-button:before { font-family: "iconfont"; -webkit-font-smoothing: antialiased; vertical-align: middle; margin-right: 5px } .cpg-container .cpg-call:before { content: "\E666" } .cpg-container .cpg-link:before { content: "\E665" } .cpg-container[button-count="1"] .cpg-button { width: 130px } .cpg-container[button-count="2"] { padding: 0 22px; display: flex } .cpg-container[button-count="2"] .cpg-button { flex: 1 } .cpg-container[button-count="2"] .cpg-button:first-child { margin-right: 46px } @media (max-device-width: 374px) { .cpg-container .cpg-button { font-size:14px; line-height: 33px } .cpg-container[button-count="1"] .cpg-button { width: 117px } .cpg-container[button-count="2"] { padding: 0 18px } .cpg-container[button-count="2"] .cpg-button:first-child { margin-right: 41px } } .font-1 { color: #222222 } .font-2 { color: #505050 } .font-3 { color: #999999 } .font-4 { color: #f85959 } .font-5 { color: #406599 } .font-6 { color: #2a90d7 } .font-7,.font-12 { color: #ffffff } .font-8 { color: #cacaca } .font-14 { color: #707070 } .font-15 { color: #888888 } .line-1,.line-1:before,.line-1:after { border-color: #e8e8e8 } .line-2,.line-2:before,.line-2:after { border-color: #f85959 } .line-3,.line-3:before,.line-3:after { border-color: #2a90d7 } .line-7,.line-7:before,.line-7:after { border-color: #d8d8d8 } .surface-3 { background-color: #f4f5f6 } .surface-4 { background-color: #ffffff } .surface-7 { background-color: #f85959 } .surface-21 { background-color: #f8f8f8 } .splitter { height: 6px; background-color: #f4f5f6 } body.night .font-1,body.night .font-2,body.night .font-3,body.night .font-8,body.night .font-14 { color: #707070 } body.night .font-4 { color: #935656 } body.night .font-5,body.night .font-6 { color: #67778b } body.night .font-7 { color: #252525 } body.night .font-12 { color: #cacaca } body.night .font-15 { color: #505050 } body.night .line-1,body.night .line-1:before,body.night .line-1:after { border-color: #464646 !important } body.night .line-2,body.night .line-2:before,body.night .line-2:after { border-color: #935656 !important } body.night .line-3,body.night .line-3:before,body.night .line-3:after { border-color: #67778b !important } body.night .line-7,body.night .line-7:before,body.night .line-7:after { border-color: #464646 !important } body.night .surface-3 { background-color: #1b1b1b } body.night .surface-4 { background-color: #252525 } body.night .surface-7 { background-color: #935656 } body.night .surface-21 { background-color: #252525 } body.night .splitter { background-color: #1b1b1b } .novel-card:after { pointer-events: none } .novel-card .novel-card-link { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; text-decoration: none; padding: 12px 0 } .novel-card .novel-card-link::after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .novel-card .novel-card-cover { float: left; width: 68px; height: 90px; margin-right: 10px; position: relative } .novel-card .novel-card-cover i { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 100% 100% } .novel-card .novel-card-content { position: relative; height: 90px; line-height: normal; overflow: hidden } .novel-card p { margin: 0 !important; padding: 0 !important } .novel-card .novel-card-title { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .novel-card .novel-card-abstract { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px !important; padding-top: 8px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left } .novel-card .novel-card-detail { position: absolute; bottom: 0; width: 100%; font-size: 0 } .novel-card .novel-card-detail-item { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px !important; margin-right: 9px } .novel-card .novel-card-icon { float: right; display: inline-block; width: 8px; height: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVQ4T6XT0RFAMBBF0ZsOlKADOkIHdKAFHVAJpZk1MoNZu2vkJz/ekbwkiZ8jKfkWqIAhYmvADDSAzJ2HaEABbOcqXEQD5Kdh5A0IIxYQQjzgiUxAfy02CqxADXwGpMwcXgC5I7fhlWiGRbKO0Q2/Ae6yvRLzVVb3HOlAiiqB0XsHVgeR7PHNDssIGhFOx6nNAAAAAElFTkSuQmCC); background-size: contain; margin-top: 4px } .novel-card .novel-card-more { font-size: 12px !important; float: right; margin-right: 3px } @media (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) { .novel-card .novel-card-link { padding:10px 0 } .novel-card .novel-card-cover { width: 62px; height: 78px; margin-right: 9px } .novel-card .novel-card-content { height: 78px } .novel-card .novel-card-title { font-size: 14px } .novel-card .novel-card-abstract { font-size: 10px; padding-top: 6px } .novel-card .novel-card-detail-item { font-size: 10px; margin-right: 8px } .novel-card .novel-card-icon { margin-top: 4px } .novel-card .novel-card-more { font-size: 10px; margin-right: 3px } } @media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2), (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-device-pixel-ratio: 3), (min-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) { .novel-card .novel-card-link { padding:12px 0 } .novel-card .novel-card-cover { width: 68px; height: 90px; margin-right: 10px } .novel-card .novel-card-content { height: 90px } .novel-card .novel-card-title { font-size: 16px } .novel-card .novel-card-abstract { font-size: 12px; padding-top: 8px } .novel-card .novel-card-detail-item { font-size: 12px; margin-right: 9px } .novel-card .novel-card-icon { margin-top: 4px } .novel-card .novel-card-more { font-size: 12px; margin-right: 3px } } @media (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) { .novel-card .novel-card-link { padding:16px 0 } .novel-card .novel-card-cover { width: 88px; height: 110px; margin-right: 13px } .novel-card .novel-card-content { height: 110px } .novel-card .novel-card-title { font-size: 20px } .novel-card .novel-card-abstract { font-size: 16px; padding-top: 10px } .novel-card .novel-card-detail-item { font-size: 16px; margin-right: 12px } .novel-card .novel-card-icon { width: 10px; height: 10px; margin-top: 6px } .novel-card .novel-card-more { font-size: 16px; margin-right: 4px } } body .novel-card { position: relative; border: none; background-color: #ffffff } body .novel-card:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; box-sizing: border-box; transform-origin: left top; -webkit-transform-origin: left top } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { body .novel-card:after { width:200%; height: 200%; transform: scale(0.5); -webkit-transform: scale(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { body .novel-card:after { width:300%; height: 300%; transform: scale(0.33333); -webkit-transform: scale(0.33333) } } body .novel-card .novel-card-cover { position: relative; border: none; background-color: #f4f5f6 } body .novel-card .novel-card-cover:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: solid 1px #e8e8e8; box-sizing: border-box; transform-origin: left top; -webkit-transform-origin: left top; pointer-events: none; border-radius: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { body .novel-card .novel-card-cover:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { body .novel-card .novel-card-cover:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { body .novel-card .novel-card-cover:after { width:200%; height: 200%; transform: scale(0.5); -webkit-transform: scale(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { body .novel-card .novel-card-cover:after { width:300%; height: 300%; transform: scale(0.33333); -webkit-transform: scale(0.33333) } } body .novel-card .novel-card-content { color: #222222 } body .novel-card .novel-card-detail-item { color: #999999 !important } .night .novel-card { position: relative; border: none; background-color: #252525 } .night .novel-card:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-top: solid 1px #464646; border-bottom: solid 1px #464646; box-sizing: border-box; transform-origin: left top; -webkit-transform-origin: left top } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .night .novel-card:after { width:200%; height: 200%; transform: scale(0.5); -webkit-transform: scale(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .night .novel-card:after { width:300%; height: 300%; transform: scale(0.33333); -webkit-transform: scale(0.33333) } } .night .novel-card .novel-card-cover { position: relative; border: none; background-color: #1b1b1b } .night .novel-card .novel-card-cover:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: solid 1px #464646; box-sizing: border-box; transform-origin: left top; -webkit-transform-origin: left top; pointer-events: none; border-radius: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .night .novel-card .novel-card-cover:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .night .novel-card .novel-card-cover:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .night .novel-card .novel-card-cover:after { width:200%; height: 200%; transform: scale(0.5); -webkit-transform: scale(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .night .novel-card .novel-card-cover:after { width:300%; height: 300%; transform: scale(0.33333); -webkit-transform: scale(0.33333) } } .night .novel-card .novel-card-cover i { opacity: 0.5 } .night .novel-card .novel-card-content { color: #707070 } .night .novel-card .novel-card-detail-item { color: #707070 !important } .night .novel-card .novel-card-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlklEQVQ4T6XT7RHCIBRE0ZsOLCEdaEeaDtYOLGHtIKlES3OYCTN+vMDLyG/2AAsM/DmG77ykC3C0fc3YETADZ2C2PfWQCDgAz7KLDPIDlBUlpZEQ2INsAlmkCQTI3bbei80CD+AE7APWMmt4sV3eyMfoldgMF6l1jd1wCGS23SxRUn3K4Zm7HayfabR96/2DzQ4ywTrnBT+SRBEpOEpGAAAAAElFTkSuQmCC) } .phone-confirm { position: fixed; width: 220px; z-index: 1000; background-color: #ffffff; box-shadow: 5px 5px 5px rgba(0,0,0,0.25); top: 50%; left: 50%; transform: translate(-50%, -50%) } .night .phone-confirm { background-color: #252525 } .phone-confirm:active { background-color: #e0e0e0 } .night .phone-confirm:active { background-color: #1b1b1b } .phone-confirm .main { padding: 24px } .phone-confirm .main .title { font-size: 17px } .phone-confirm .main .content { margin-top: 20px } .phone-confirm .footer { padding: 8px 8px 8px 24px; text-align: right } .phone-confirm .btn-group { margin: 0 -8px } .phone-confirm .btn-group .btn { margin: 0 8px } .phone-confirm .btn { line-height: 36px; font-size: 15px; padding: 8px } .musicplayer { background-color: #f4f5f6; cursor: pointer } .night .musicplayer { background-color: #1b1b1b } .musicplayer:active { background-color: #e8e8e8 } .night .musicplayer:active { background-color: #111111 } .musicplayer .music-status { width: 60px; height: 65px; float: left; text-align: center; font-size: 25px; line-height: 75px; color: #038fd9 } .night .musicplayer .music-status { color: #62748a } .musicplayer .music-status:before { content: "\E62A" } .musicplayer .music-state { overflow: hidden; height: 65px; padding-left: 60px; background-position: 15px -78px; background-repeat: no-repeat; background-size: 30px 135px } .musicplayer .music-state .music-info { margin-top: 12px; display: flex; align-items: baseline; line-height: 21px } .musicplayer .music-state .music-info .music-name { font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222222 } .night .musicplayer .music-state .music-info .music-name { color: #707070 } .musicplayer .music-state .music-info .music-name:active { color: rgba(34,34,34,0.5) } .night .musicplayer .music-state .music-info .music-name:active { color: rgba(112,112,112,0.5) } .musicplayer .music-state .music-info .music-time { font-size: 14px; margin-left: 9px; margin-right: 10px; padding-right: 10px; color: #999999; white-space: nowrap } .night .musicplayer .music-state .music-info .music-time { color: #707070 } .musicplayer .music-state .music-info .music-time:active { color: rgba(80,80,80,0.5) } .night .musicplayer .music-state .music-info .music-time:active { color: rgba(112,112,112,0.5) } .musicplayer .music-state .music-musician { margin-top: 5px; font-size: 14px; line-height: 17px; color: #999999 } .night .musicplayer .music-state .music-musician { color: #707070 } .musicplayer .music-state .music-musician:active { color: rgba(80,80,80,0.5) } .night .musicplayer .music-state .music-musician:active { color: rgba(112,112,112,0.5) } .musicplayer .progressbar { height: 2px; width: 0 } .musicplayer.not-playing .music-state { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAGSCAMAAABUuiZdAAAAgVBMVEUAAAADkt0Dkd0Dkd0Dkt4Dkd0Dkd0Dkd0Dkd0Dkd4Dkd4Dkd0Dkt0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd4Dkd0Dkd0Dkt4Dkd0Dkd0Dkd0Dkd0Dkd0Dkt0Dkd0Dkt0Dkd4Dkd0Dkt4Dkd0Dkd4Dkt0Dkd0Dkd0Dkd2AEAs3AAAAKnRSTlMAFAXxhO6Q0FP5CvVk0i+l6tm2JsKsiUobXFf83LJ8OzYgyJbichHMoG6qxfSpAAADIUlEQVR42u3c227aUBCF4bGNTTDHAEkIEE4B0s77P2DTmapDxE2lrpFiaX2XvtixfNg2278iRERERERERERERPSfit54MOj3CoF7qNRUD/CR9S/w2EUVQ1eFIPX0Rk+Q+npjLEgDvTHIG7rKOyD9rpzGrxdfV26ZrBs9pqfh7+mJiIiIiIiIiIiIiIiIiIiIiIiom8qmrptSMjT6aZoydq1pY9dq3gWvUTcSuOJDzXAicO1JzWMrcMWjmmfBW1Teli4Eb61mKgnebOjNUfCOw7SLW5491WwFb+VF71oSTG3oN0nwYkPXpeCVfm0f0IV+XH+XjHB3Z1t/oHPjONjLjEh6Ydu2GWl3YZtmGYV+6w+ElEJfDbzQj73OKPRXfqwzTuPe/1rGxTfy+Snjlnn3R2/GjT72CTuh0D+qWQnexV9zJMFj2lvOi5qJ4H3EVQ02ynsRntnI51Lg5mk7vVMzxu/0q5rNHj/yJuZBrIu6JfpwlFN155WANeqqiaDVf0beS9LQM9/nhAPSP8oX337JgoiIiIiIiIiIiIiIiP5Fl74ANfpp3kqC2r9qZoxdq5knHJNG01LHcq7uOWHsJ3VrcQn7PVxIAMe2/VLgiq2aRvAmQw8NDoI3ijwC7knNTwngFKW+oie76Dp6GYX+Mio0dKF/iN2GFvpxJmdtQqE/ia3wQn/uTwV4oR9p2CKj0D/bxl1God/zCRBe6MeJXGUU+n6cRhmFfuPZNLrQj2tkm1HoX9Vc0YV+HOwDutCPeeQ1o9Df+eyHLvTjgfCELvQjbj7BC/0o6zMK/cJPbUah3/oepBT6alIKfTXwQj8OCLzQj9MIL/TjooEX+nHLwAv9uNHhhX5MT/BCPyZVeKEfjwJ4oR8PMHShH49deKEfLwvwQj9eceCFfryYoQv9eJ2EF/rxEgwv9OPVHV3oxw8OeKEfP5PghX78uEMX+vGTNKHQX/qTssAX+uvYaWyhH4sW8CWL+6WWDiwQ3S1rdWAx7m4JsQMLn3nLtW3aInNxyloaL/uataDfqIvPEPCPEK2E7///Ppq75ZYufKYiIiIiIrrxCwzD8dBJpYwqAAAAAElFTkSuQmCC) } .night .musicplayer.not-playing .music-state { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAGSCAMAAABUuiZdAAAAdVBMVEUAAABjd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jdo1jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jdo1jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41kd41jd41jd42QiAKiAAAAJnRSTlMAFQXx7pH5U/WGz9LaCYI2pSwdZOkkWcK2sqxKfHFfE8iZ4os9DA8VKgcAAAMdSURBVHja7dxRU9pAFMXxm5AgBiMQBAFRqNb7/T9i7d62F+lLZ3rOjJk5v0cfVtxkQ7L5jyYiIiIiIiIiIiIi/6m6nU+n3X1lcDcTLyY38JH9D/DY1SSHnmDn5N4v3BpS5xfmhjT1C1Pe0LOxTMjnwziWk+/TkhnPQo/L0+zn5UlERERERERERERERERERERERGSc6rZp2toYWv+wpIzdOG3sxotvhtd6WBtc1XkxWxnc+9mLu97gqrvsHdE2k2hLNxYI1ePSCPa8jz3M8uRGe4tUsze8IYrerREsy9B7I3gqQze14dVxIBfoQj/Pv2dGuHuM0w+dG+dkPzIi6VVc/hhpd1V+9MAI0vvM3+GFvhfwQj8/NWNChphrxmH8Hr+NcfKt4/rEWDJt/CGMhT6PCzah0B+8GAzvOdc5WtzmvBnekxcLw8ql1Bnemncj/FBGfq0Nbkf70Ecv5rWhvTjr9NjmdRDs2cMjejrqpYfXwcBaD5OVoTW/Rl4YaeiHGJkwId3GLoxgy0JERERERERERERERET+xZjeALX+YdcbQRNvNRljN17sCHPSOi117PdOqz/rg4ctYew9L7btz17MObEtLUNZzSITWxjeOvMIuINf147oFKU5ES5221w48EL/MU7uilDoL7y4ZxT6h4gZekKhv/LihVHo77JbhRb6mYZtGIX+a/nhEV3oZ2bZwQv9PJADo9CPeVozCv02/hRGof8UJw6j0D95cUIX+jnZC0ahf4i1zij0j7GS0IV+hn4HdKGfcfOZUehv4uxjFPqnOLSMQv89LuSUQt8LSqHvBbzQzwlBF/o5/Q280M+TD17o55JhFPrbWOjwQj8vT/BCPy+q8EI/vwrghX5+gaEL/fzahRf6ebMAL/TzFgde6OeNGbrQz9tJeKGfN8HwQj9v3dGFfj5wwAv9fEyCF/r5cIcu9PORFF7o54M0utDPx394oZ+bFrgtC/5Wy8v16hzBttbv5+rW0Pozazrq3dUexgi2a/sda5P5dGZtjdedszb0Ww/5GgL+EuLTyF/+/320fz3vjuE1lYiIiIjIhR8Tgdzjh+e4JgAAAABJRU5ErkJggg==) } .musicplayer.not-playing .progressbar { background-color: #f4f5f6 } .night .musicplayer.not-playing .progressbar { background-color: #1b1b1b } .musicplayer.not-playing .progressbar:active { background-color: #e8e8e8 } .night .musicplayer.not-playing .progressbar:active { background-color: #111111 } .musicplayer.playing .music-status:before { animation: playmusicttf 1s infinite steps(1, start) } .musicplayer.playing .music-state { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAGSCAMAAABUuiZdAAAAgVBMVEUAAAADkt0Dkd0Dkd0Dkt4Dkd0Dkd0Dkd0Dkd0Dkd4Dkd4Dkd0Dkt0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd0Dkd4Dkd0Dkd0Dkt4Dkd0Dkd0Dkd0Dkd0Dkd0Dkt0Dkd0Dkt0Dkd4Dkd0Dkt4Dkd0Dkd4Dkt0Dkd0Dkd0Dkd2AEAs3AAAAKnRSTlMAFAXxhO6Q0FP5CvVk0i+l6tm2JsKsiUobXFf83LJ8OzYgyJbichHMoG6qxfSpAAADIUlEQVR42u3c227aUBCF4bGNTTDHAEkIEE4B0s77P2DTmapDxE2lrpFiaX2XvtixfNg2278iRERERERERERERPSfit54MOj3CoF7qNRUD/CR9S/w2EUVQ1eFIPX0Rk+Q+npjLEgDvTHIG7rKOyD9rpzGrxdfV26ZrBs9pqfh7+mJiIiIiIiIiIiIiIiIiIiIiIiom8qmrptSMjT6aZoydq1pY9dq3gWvUTcSuOJDzXAicO1JzWMrcMWjmmfBW1Teli4Eb61mKgnebOjNUfCOw7SLW5491WwFb+VF71oSTG3oN0nwYkPXpeCVfm0f0IV+XH+XjHB3Z1t/oHPjONjLjEh6Ydu2GWl3YZtmGYV+6w+ElEJfDbzQj73OKPRXfqwzTuPe/1rGxTfy+Snjlnn3R2/GjT72CTuh0D+qWQnexV9zJMFj2lvOi5qJ4H3EVQ02ynsRntnI51Lg5mk7vVMzxu/0q5rNHj/yJuZBrIu6JfpwlFN155WANeqqiaDVf0beS9LQM9/nhAPSP8oX337JgoiIiIiIiIiIiIiIiP5Fl74ANfpp3kqC2r9qZoxdq5knHJNG01LHcq7uOWHsJ3VrcQn7PVxIAMe2/VLgiq2aRvAmQw8NDoI3ijwC7knNTwngFKW+oie76Dp6GYX+Mio0dKF/iN2GFvpxJmdtQqE/ia3wQn/uTwV4oR9p2CKj0D/bxl1God/zCRBe6MeJXGUU+n6cRhmFfuPZNLrQj2tkm1HoX9Vc0YV+HOwDutCPeeQ1o9Df+eyHLvTjgfCELvQjbj7BC/0o6zMK/cJPbUah3/oepBT6alIKfTXwQj8OCLzQj9MIL/TjooEX+nHLwAv9uNHhhX5MT/BCPyZVeKEfjwJ4oR8PMHShH49deKEfLwvwQj9eceCFfryYoQv9eJ2EF/rxEgwv9OPVHV3oxw8OeKEfP5PghX78uEMX+vGTNKHQX/qTssAX+uvYaWyhH4sW8CWL+6WWDiwQ3S1rdWAx7m4JsQMLn3nLtW3aInNxyloaL/uataDfqIvPEPCPEK2E7///Ppq75ZYufKYiIiIiIrrxCwzD8dBJpYwqAAAAAElFTkSuQmCC); animation: playmusic 1s infinite steps(1, start) } .night .musicplayer.playing .music-state { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAGSCAMAAABUuiZdAAAAdVBMVEUAAABjd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jdo1jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41jdo1jd41jd41jd41jd41jd41jd41jd41jd41jd41jd41kd41jd41jd42QiAKiAAAAJnRSTlMAFQXx7pH5U/WGz9LaCYI2pSwdZOkkWcK2sqxKfHFfE8iZ4os9DA8VKgcAAAMdSURBVHja7dxRU9pAFMXxm5AgBiMQBAFRqNb7/T9i7d62F+lLZ3rOjJk5v0cfVtxkQ7L5jyYiIiIiIiIiIiIi/6m6nU+n3X1lcDcTLyY38JH9D/DY1SSHnmDn5N4v3BpS5xfmhjT1C1Pe0LOxTMjnwziWk+/TkhnPQo/L0+zn5UlERERERERERERERERERERERGSc6rZp2toYWv+wpIzdOG3sxotvhtd6WBtc1XkxWxnc+9mLu97gqrvsHdE2k2hLNxYI1ePSCPa8jz3M8uRGe4tUsze8IYrerREsy9B7I3gqQze14dVxIBfoQj/Pv2dGuHuM0w+dG+dkPzIi6VVc/hhpd1V+9MAI0vvM3+GFvhfwQj8/NWNChphrxmH8Hr+NcfKt4/rEWDJt/CGMhT6PCzah0B+8GAzvOdc5WtzmvBnekxcLw8ql1Bnemncj/FBGfq0Nbkf70Ecv5rWhvTjr9NjmdRDs2cMjejrqpYfXwcBaD5OVoTW/Rl4YaeiHGJkwId3GLoxgy0JERERERERERERERET+xZjeALX+YdcbQRNvNRljN17sCHPSOi117PdOqz/rg4ctYew9L7btz17MObEtLUNZzSITWxjeOvMIuINf147oFKU5ES5221w48EL/MU7uilDoL7y4ZxT6h4gZekKhv/LihVHo77JbhRb6mYZtGIX+a/nhEV3oZ2bZwQv9PJADo9CPeVozCv02/hRGof8UJw6j0D95cUIX+jnZC0ahf4i1zij0j7GS0IV+hn4HdKGfcfOZUehv4uxjFPqnOLSMQv89LuSUQt8LSqHvBbzQzwlBF/o5/Q280M+TD17o55JhFPrbWOjwQj8vT/BCPy+q8EI/vwrghX5+gaEL/fzahRf6ebMAL/TzFgde6OeNGbrQz9tJeKGfN8HwQj9v3dGFfj5wwAv9fEyCF/r5cIcu9PORFF7o54M0utDPx394oZ+bFrgtC/5Wy8v16hzBttbv5+rW0Pozazrq3dUexgi2a/sda5P5dGZtjdedszb0Ww/5GgL+EuLTyF/+/320fz3vjuE1lYiIiIjIhR8Tgdzjh+e4JgAAAABJRU5ErkJggg==) } .musicplayer.playing .progressbar { background-color: #2a90d7; transition: width 250ms linear } .night .musicplayer.playing .progressbar { background-color: #67778b } .musicplayer.playing .progressbar:active { background-color: rgba(42,144,215,0.5) } .night .musicplayer.playing .progressbar:active { background-color: rgba(103,119,139,0.5) } @keyframes playmusic { 0% { background-position-y: 14px } 33% { background-position-y: 14px } 66% { background-position-y: -31px } 100% { background-position-y: -76px } } @keyframes playmusicttf { 0% { content: "\E628" } 33% { content: "\E628" } 66% { content: "\E629" } 100% { content: "\E62A" } } #column-card { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; border: none; padding-top: 12px; padding-bottom: 3px } #column-card:before { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; border-top: solid 1px #e8e8e8; box-sizing: border-box; transform-origin: left top; -webkit-transform-origin: left top; pointer-events: none; border-radius: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #column-card:before { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { #column-card:before { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #column-card:before { transform:scaleY(0.5); -webkit-transform: scaleY(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { #column-card:before { transform:scaleY(0.3333); -webkit-transform: scaleY(0.3333) } } #column-card:after { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; border-bottom: solid 1px #e8e8e8; box-sizing: border-box; transform-origin: left bottom; -webkit-transform-origin: left bottom; pointer-events: none; border-radius: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #column-card:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { #column-card:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #column-card:after { transform:scaleY(0.5); -webkit-transform: scaleY(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { #column-card:after { transform:scaleY(0.3333); -webkit-transform: scaleY(0.3333) } } #column-card img { margin: 0; transition: none; opacity: 1 } #column-card span { line-height: 24px } #column-card .content { height: 73px; line-height: 1 } #column-card .cover,#column-card .content { display: inline-block } #column-card .container { position: relative } #column-card .price { color: #f85959; font-weight: bold } .ios #column-card .price { font-weight: 500 } #column-card .cover { position: relative; border: none; vertical-align: top; margin-right: 12px } #column-card .cover:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: solid 1px #e8e8e8; box-sizing: border-box; transform-origin: left top; -webkit-transform-origin: left top; pointer-events: none; border-radius: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #column-card .cover:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { #column-card .cover:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #column-card .cover:after { width:200%; height: 200%; transform: scale(0.5); -webkit-transform: scale(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { #column-card .cover:after { width:300%; height: 300%; transform: scale(0.33333); -webkit-transform: scale(0.33333) } } #column-card .cover img { vertical-align: top; width: 100%; height: 100% } #column-card .cover i { position: absolute; top: 0; left: 0; display: inline-block; width: 30px; height: 14px; background-size: contain; background-repeat: no-repeat } #column-card .cover .column { background-image: url(data:image/png;base64,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) } .night #column-card .cover .column { background-image: url(data:image/png;base64,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) } #column-card .title { margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } #column-card .author { margin-bottom: 5px; font-size: 12px; width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } #column-card .info.android { line-height: 1.6 } #column-card .score-text { margin-right: 6px; line-height: 1 } #column-card .count { font-size: 12px; position: relative; border: none; margin-left: 6px; padding-left: 6px } #column-card .count:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; border-left: solid 1px #e8e8e8; box-sizing: border-box; transform-origin: left top; -webkit-transform-origin: left top; pointer-events: none; border-radius: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #column-card .count:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { #column-card .count:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { #column-card .count:after { transform:scaleX(0.5); -webkit-transform: scaleX(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { #column-card .count:after { transform:scaleX(0.3333); -webkit-transform: scaleX(0.3333) } } #column-card .button { position: absolute; right: 0; bottom: 7px; height: 28px; line-height: 28px; padding: 0 8px; border-radius: 4px } #column-card .button.android { line-height: 30px } @media (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) { #column-card .content { width:175px } #column-card .cover { width: 97.2px; height: 54.6px } #column-card .button { font-size: 13px } #column-card .title { font-size: 14px } #column-card .price { font-size: 13px } } @media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2), (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-device-pixel-ratio: 3), (min-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) { #column-card .content { width:195px } #column-card .cover { width: 114px; height: 64px } #column-card .button { font-size: 14px } #column-card .price { font-size: 14px } #column-card .title { font-size: 16px } } .tt-column-card .column-placeholder { opacity: 0 } body.night #column-card .price { color: #935656 } body.night #column-card img { opacity: 0.5 } .applet-card { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; border: none } .applet-card:before { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; border-top: solid 1px #e8e8e8; box-sizing: border-box; transform-origin: left top; -webkit-transform-origin: left top; pointer-events: none; border-radius: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .applet-card:before { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .applet-card:before { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .applet-card:before { transform:scaleY(0.5); -webkit-transform: scaleY(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .applet-card:before { transform:scaleY(0.3333); -webkit-transform: scaleY(0.3333) } } .applet-card:after { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; border-bottom: solid 1px #e8e8e8; box-sizing: border-box; transform-origin: left bottom; -webkit-transform-origin: left bottom; pointer-events: none; border-radius: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .applet-card:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .applet-card:after { border-radius:0px } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .applet-card:after { transform:scaleY(0.5); -webkit-transform: scaleY(0.5) } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .applet-card:after { transform:scaleY(0.3333); -webkit-transform: scaleY(0.3333) } } .applet-card img { margin: 0; transition: none; opacity: 1 } .night .applet-card img { opacity: 0.5 } .applet-card span { line-height: 24px } .applet-card .container { display: flex; position: relative; align-items: center } .applet-card .cover { position: relative; margin-right: 12px } .applet-card .cover img { width: 100%; height: 100% } .night .applet-card .cover img { opacity: 0.5 } .applet-card .content { line-height: 1.2; flex: 1; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden } .applet-card .content img { width: 24px; height: 24px; margin-right: 6px; border-radius: 6px } .night .applet-card .content img { opacity: 0.5 } .applet-card .content .name { font-weight: bold } .applet-card .content .androidName { font-weight: 700 } .applet-card .content .divider { margin-left: 10px; margin-right: 9px; border-left: 1px solid #D8D8D8; height: 10px; margin-top: -1px } .night .applet-card .content .divider { border-left: 1px solid #707070 } .applet-card .content .applet { color: #999999 } .night .applet-card .content .applet { color: #707070 } .applet-card .title { margin-bottom: 10px; display: flex; flex-direction: row; line-height: 24px; align-items: center } .applet-card .author { font-size: 16px; width: 101%; color: #222222; font-weight: bold; text-align: left; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal } .applet-card .authorName { font-size: 16px; width: 101%; color: #222222; font-weight: 700; text-align: left; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal } .applet-card .containerWithIcon .coverWithIcon { height: 50px; width: 50px; position: relative; margin-right: 12px } .applet-card .containerWithIcon .coverWithIcon img { width: 100%; height: 100%; border-radius: 8px } .applet-card .containerWithIcon .contentWithIcon { display: flex; flex-direction: column; justify-content: center } .applet-card .containerWithIcon .contentWithIcon .captionWithIcon { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 185px; line-height: 20px } .applet-card .containerWithIcon .contentWithIcon .title { display: flex; align-items: center; margin-bottom: 2px; line-height: 20px; font-size: 14px } .applet-card .containerWithIcon .contentWithIcon .title span { line-height: 20px } .applet-card .containerWithIcon .contentWithIcon .title .name { font-weight: bold } .applet-card .containerWithIcon .contentWithIcon .title .androidName { font-weight: 700 } .applet-card .containerWithIcon .contentWithIcon .title .divider { margin-left: 10px; margin-right: 9px; border-left: 1px solid #D8D8D8; height: 10px; margin-top: -1px } .night .applet-card .containerWithIcon .contentWithIcon .title .divider { border-left: 1px solid #707070 } .applet-card .containerWithIcon .contentWithIcon .title .applet { color: #999999 } .night .applet-card .containerWithIcon .contentWithIcon .title .applet { color: #707070 } .applet-card .containerWithIcon .btn-container { height: 50px; line-height: 50px; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; align-items: flex-end } .applet-card .containerWithIcon .btn-container button { height: 28px; width: 58px; border-radius: 4px; background-color: #f85959; color: #fff; border: none; outline: none; font-size: 14px } .night .applet-card .containerWithIcon .btn-container button { color: #cacaca; background-color: #935656 } @media (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) { .applet-card .cover { width:90px; height: 90px } .applet-card .title { font-size: 14px } } @media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2), (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-device-pixel-ratio: 3), (min-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) { .applet-card .cover { width:90px; height: 90px } .applet-card .title { font-size: 14px } } .applet-card.multiple { padding-top: 15px; padding-bottom: 15px } .applet-card.single { padding-top: 20px; padding-bottom: 20px } .pgc-commodity { border: 1px solid #d8d8d8; border-width: 1px 0; border-image: url(https://tms3.bytecdn.cn/dist/online/toutiao/public/img/border_d8d8d8_666334a.png) 2 2 stretch; overflow: hidden } .pgc-commodity a { text-decoration: none } .pgc-commodity-box { padding: 10px 0; overflow: hidden } .pgc-commodity-img-box { float: left; width: 90px; height: 90px; margin-right: 12px; background: #f4f5f6; overflow: hidden } .pgc-commodity-img-square { width: 100%; padding-bottom: 100%; position: relative } .pgc-commodity-img-square i { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 100% 100% } .pgc-commodity-info { overflow: hidden } .pgc-commodity-title,.pgc-commodity-info>strong { margin: 0 0 6px; font-size: 16px !important; line-height: 24px !important; max-height: 72px; color: #222 !important; word-wrap: break-word; font-weight: 400 !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-top: 0 !important } .night .pgc-commodity-title,.night .pgc-commodity-info>strong { color: #707070 !important } .pgc-commodity-price { font-size: 18px !important; line-height: 28px !important; color: #f85959 !important; font-weight: 700 } .pgc-commodity-from { margin-left: 10px; padding-left: 10px; border-left: 1px solid #d8d8d8; color: #999 !important; line-height: 28px !important; font-size: 12px !important } .pgc-commodity-buy { float: right; width: 34%; max-width: 75px; height: 28px; line-height: 28px !important; border-radius: 6px; background: #f85959 !important; font-size: 14px !important; color: #fff !important; text-align: center } article pre[lang] { padding: 0 !important; background-color: transparent } pre { white-space: pre-wrap !important } .card-hidden { display: none } .popbox-enter { opacity: .01 } .popbox-enter.popbox-enter-active { opacity: 1; transition: opacity 500ms ease-in } .popbox-leave { opacity: 1 } .popbox-leave.popbox-leave-active { opacity: .01; transition: opacity 500ms ease-in } .pop-box-container { height: 100vh; width: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); overflow: hidden; display: flex; justify-content: center; vertical-align: middle } .pop-box-container .pop-box { -webkit-tap-highlight-color: transparent; position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: space-between; background-color: #ecedf7; border-radius: 2px; height: 137px; width: 270px } .pop-box-container .pop-box .pop-title { display: flex; justify-content: center; align-items: center; flex-grow: 1; color: rgba(22,24,35,0.6); font-size: 13px } .pop-box-container .pop-box .box-choose { display: flex; height: 54px } .pop-box-container .pop-box .box-choose .choose-all { font-size: 16px; -webkit-tap-highlight-color: transparent; flex: 1; text-align: center; line-height: 54px; border-radius: 2px } .pop-box-container .pop-box .box-choose .sure { background-color: #d9dbeb; font-weight: 600; color: rgba(22,24,35,0.9) } .pop-box-container .pop-box .box-choose .sure:active { color: rgba(22,24,35,0.5); background-color: rgba(217,219,235,0.5) } .pop-box-container .pop-box .box-choose .cancel { background-color: #e7e8f5; color: rgba(22,24,35,0.6) } .pop-box-container .pop-box .box-choose .cancel:active { color: rgba(22,24,35,0.5); background-color: rgba(231,232,245,0.5) } .article-header-wrapper .header-title { font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: rgba(255,255,255,0.9) } .article-header-wrapper .img-wrapper { width: 40px; height: 40px; border-radius: 40px; background-color: rgba(0,0,0,0.05) } .article-header-wrapper .img-wrapper img { width: 100%; height: 100%; border-radius: 100% } .article-header-wrapper .avatar-wrapper { display: flex; padding: 17px 0 2px 0; align-items: center } .article-header-wrapper .avatar-wrapper .avatar-desc { font-family: 'PingFang SC'; padding: 1px 0 0 12px; flex-grow: 1 } .article-header-wrapper .avatar-wrapper .avatar-desc .avatar-name { width: 195px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: rgba(255,255,255,0.9) } .article-header-wrapper .avatar-wrapper .avatar-desc p { margin: 0; font-size: 12px; color: rgba(255,255,255,0.5) } .article-header-wrapper .header-comment { font-size: 12px; color: rgba(255,255,255,0.5) } .article-evalute-style .header-title { font-family: 'PingFangSC-Medium'; line-height: 1.36; font-weight: 500; color: #222222; font-size: 22px } .article-evalute-style .img-wrapper { width: 40px; height: 40px; border-radius: 40px; background-color: rgba(0,0,0,0.05); position: relative } .article-evalute-style .img-wrapper img { width: 100%; height: 100%; border-radius: 100% } .article-evalute-style .img-wrapper .vip-icon { background: url("http://s1.pstatp.com/growth/mobile_detail/image/vip-logo.ehF79pgX.png"); background-size: 100% 100%; width: 14px; height: 14px; position: absolute; bottom: 0; right: 0 } .article-evalute-style .avatar-wrapper .avatar-desc .avatar-name { font-size: 14px; line-height: 16px; font-weight: 700; font-family: PingFangSC-Medium; color: #222 } .article-evalute-style .dot { display: inline-block; width: 2px; height: 2px; border-radius: 1px; background-color: #999; margin: 0 8px; vertical-align: middle } .article-evalute-style .header-comment { font-size: 12px; color: #999; position: relative; top: -1px } .article-evalute-style .tag { display: flex; justify-content: center; align-items: center } .article-evalute-style .tag .creator-tag { font-size: 12px; font-family: PingFangsSC-Regular; font-weight: 400; height: 14px; color: #999; line-height: 14px } .article-evalute-style .tag .original-tag { display: flex; justify-content: center; align-items: center; text-align: center; margin-right: 4px; padding: 0 1px; width: 28px; height: 16px; font-size: 10px; box-sizing: border-box; border-radius: 3px; color: #999; border: 1px solid #d8d8d8 } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .article-evalute-style .tag .original-tag { border-width:.5px } } @media only screen and (-webkit-min-device-pixel-ratio: 3) { .article-evalute-style .tag .original-tag { border-width:.33px } } .comment-wrapper { margin-top: 38px } .comment-wrapper .comment-title { font-family: PingFangSC-Medium; font-weight: bold; font-size: 15px; color: #000000; line-height: 21px } .comment-wrapper .comment-title:before { content: ' '; width: 4px; margin-right: 11px; height: 18px; vertical-align: middle; display: inline-block; background: #F85959 } .comment-wrapper .comment-scroll { overflow: hidden; white-space: nowrap; padding: 0 15px } .comment-wrapper .comment-scroll .comment-item-wrapper { display: inline-block; white-space: normal; margin: 4.8vw 1.33333333vw 6.4vw 6.4vw; width: 89.33333333vw; height: 293px; box-sizing: border-box; padding-left: 2.66666667vw; padding-right: 2.66666667vw; background: #fff; vertical-align: middle; border-radius: 4px; margin-left: 0 } .comment-wrapper .comment-scroll .comment-item-wrapper::after { border-width: 1px; border-style: solid; border-radius: 4px; border-color: #e8e8e8 } @media (min-resolution: 2dppx) { .comment-wrapper .comment-scroll .comment-item-wrapper::after { border-radius:8px } } @media (min-resolution: 3dppx) { .comment-wrapper .comment-scroll .comment-item-wrapper::after { border-radius:12px } } .comment-wrapper .comment-scroll .comment-item-wrapper .comment-item { display: flex; justify-content: space-between; font-family: PingFangSC-Regular; padding-top: 3.7vw; padding-bottom: 3.6vw; font-weight: 400; color: #707070 } .comment-wrapper .comment-scroll .comment-item-wrapper .comment-item .user-avatar { width: 9.6vw; height: 9.6vw; margin-right: 2.13333333vw; border-radius: 50% } .comment-wrapper .comment-scroll .comment-item-wrapper .comment-item .user-desc-wrapper { display: flex; font-size: 14px; font-weight: 400; line-height: 20px; justify-content: space-between } .comment-wrapper .comment-scroll .comment-item-wrapper .comment-item .user-remark { font-size: 17px; font-weight: 400; color: #222; line-height: 24px; margin: 1.06666667vw 0vw 1.6vw; max-height: 216px; min-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical } .comment-wrapper .comment-scroll .comment-item-wrapper .comment-item .user-date { font-size: 13px; line-height: 18px } .comment-wrapper .comment-scroll .comment-item-wrapper .remark-right { width: 72.26666667vw } .comment-wrapper .comment-scroll .comment-item-wrapper .comment-duplicate { padding-top: 3.4vw; padding-bottom: 3.4vw } .comment-wrapper .comment-scroll .comment-item-wrapper .comment-duplicate:first-child { border-bottom: 1px solid #e8e8e8 } .comment-wrapper .comment-scroll .comment-item-wrapper .comment-duplicate .user-remark { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 72px } .comment-wrapper .comment-item-single { justify-content: center } .comment-wrapper .comment-desc { text-align: center; font-size: 15px; font-family: PingFangSC-Semibold; font-weight: 600; color: #f85959; line-height: 15px } .comment-wrapper .comment-desc .tip-content { position: relative; left: -14px; margin-bottom: 6.4vw; display: inline-block } .comment-wrapper .comment-desc .tip-content:after { position: absolute; right: -10px; top: 4px; content: ''; display: inline-flex; width: 1.06666667vw; height: 2.13333333vw; background: url("http://s1.pstatp.com/growth/mobile_detail/image/arrow_right@3x.oNIXqNW7.png") no-repeat center center; background-size: cover } .comment-wrapper .comment-desc .comment-shadow { display: block; width: 100vw; height: 1.6vw; background: #f4f5f6 } @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5) { .comment-wrapper .comment-scroll .comment-item-wrapper .comment-duplicate:first-child { border:none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(100%, #e8e8e8)); background-image: -webkit-linear-gradient(top, transparent 50%, #e8e8e8 50%, #e8e8e8 100%); background-image: linear-gradient(to bottom, transparent 50%, #e8e8e8 50%, #e8e8e8 100%); background-size: 100% .66666667px; background-repeat: no-repeat; background-position: bottom } } @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) { .comment-wrapper .comment-scroll .comment-item-wrapper .comment-duplicate:first-child { border:none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(100%, #e8e8e8)); background-image: -webkit-linear-gradient(top, transparent 50%, #e8e8e8 50%, #e8e8e8 100%); background-image: linear-gradient(to bottom, transparent 50%, #e8e8e8 50%, #e8e8e8 100%); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom } } .half-pixel-border-base,.comment-wrapper .comment-scroll .comment-item-wrapper { position: relative } .half-pixel-border-base::after,.comment-wrapper .comment-scroll .comment-item-wrapper::after { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; content: ""; transform-origin: 0 0; pointer-events: none } @media (min-resolution: 2dppx) { .half-pixel-border-base::after,.comment-wrapper .comment-scroll .comment-item-wrapper::after { width:200%; height: 200%; transform: scale(.5) } } @media (min-resolution: 3dppx) { .half-pixel-border-base::after,.comment-wrapper .comment-scroll .comment-item-wrapper::after { width:300%; height: 300%; transform: scale(.333333) } } .tt-video-box { background: url("http://s1.pstatp.com/growth/mobile_detail/image/xigua_loading.oPZoly1v.png") no-repeat center center; background-size: 50%; font-size: 0; margin-right: auto; margin-left: auto; width: 100%; height: 5.625rem } .tt-video-box .video-fail { font-size: 25px; line-height: 5.625rem; text-align: center } .tt-video-box .tt-video { width: 100%; height: 5.625rem; background-color: #000 } .tt-video-box .tt-video:-webkit-full-screen { width: 100%; height: 100% } .tt-video-box .tt-video-mask { position: absolute; top: 0; width: 100%; height: 100% } .tt-video-box .tt-video-mask .poster { height: 100%; width: 100%; display: block } .tt-video-box .tt-video-mask .pause { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 44px } .awaeme-container-wrapper { position: relative; padding-bottom: 68px; background-color: #161823 } .awaeme-container-wrapper .article { padding: 0 16px } .awaeme-container-wrapper .article_content_aweme { font-size: 15px; line-height: 1.67; color: rgba(255,255,255,0.5) } .awaeme-container-wrapper .aweme-border { box-shadow: 0 -1px 0 0 rgba(255,255,255,0.08); box-sizing: border-box; width: 100% } .awaeme-container-wrapper .img-wrapper-embedded { background: url("http://s1.pstatp.com/growth/mobile_detail/image/toutiaoicon_loading_textpage@3x.RQmcZRIc.png") no-repeat center center; background-size: 40%; margin-right: auto; margin-left: auto } .awaeme-container-wrapper .header-title { padding-top: 9px; font-weight: 600 } .awaeme-container-wrapper img { display: block } .awaeme-container-wrapper a { color: #face15; text-decoration: none } .article { padding-top: 8px; overflow: hidden } .article.bottom-line { border-bottom: .5px solid #E8E8E8 } @media screen and (min-width: 320px) { .article .article__content p,.article .article__content li,.article .article__content span,.article .article__content strong { font-size:17px; line-height: 25px } } @media screen and (min-width: 360px) { .article .article__content p,.article .article__content li,.article .article__content span,.article .article__content strong { font-size:18px; line-height: 28px } } @media screen and (min-width: 375px) { .article .article__content p,.article .article__content li,.article .article__content span,.article .article__content strong { font-size:18px; line-height: 1.76 } } .article .article__content { position: relative; overflow: hidden; clear: both; padding: 0 14px; padding-bottom: 24px } .article .article__content .distribution-placeholder { font-size: 14px; text-align: center; margin-top: 17px } .article .article__content .hide-elements { display: none } .article .article__content strong { font-weight: bolder } .article .article__content hr { height: 1px; margin-top: 24px; background-color: #E8E8E8; outline: 0; border: 0 } .article .article__content p,.article .article__content blockquote { margin-top: 17px } .article .article__content p a { color: #5784df; display: inline } .article .article__content p,.article .article__content li,.article .article__content span { word-wrap: break-word; color: #222; text-align: justify } .article .article__content .pgc-img-caption { text-align: center; color: #777; font-size: 12px; line-height: 16px; margin-top: 8px; margin-bottom: 15px } .article .article__content .img-wrapper { background: url("http://s1.pstatp.com/growth/mobile_detail/image/toutiaoicon_loading_textpage@3x.RQmcZRIc.png") no-repeat center center; background-size: contain; font-size: 0; margin-right: auto; margin-left: auto } .article .article__content .img-wrapper-embedded { background: url("http://s1.pstatp.com/growth/mobile_detail/image/toutiaoicon_loading_textpage@3x.RQmcZRIc.png") no-repeat center center; background-size: 40%; margin-right: auto; margin-left: auto; position: relative } .article .article__content .img-download-banner { background-color: #fbfbfb; position: relative; display: block; font-size: 14px; color: #505050; text-align: center; border: 1px solid rgba(228,228,228,0.6); border-top: none; height: 42px; line-height: 42px } .article .article__content .img-download-banner:after { position: absolute; top: 0; bottom: 0; margin: auto; display: inline-block; content: ''; width: 15px; height: 15px; background: url("http://s1.pstatp.com/growth/mobile_detail/image/image-arrow.HNPrnYXh.png") no-repeat; background-position: -1px center; background-size: contain } .article .article__content .img-zhidian-wrapper { background: url("http://s1.pstatp.com/growth/mobile_detail/image/zhidian@3x.DCUJQAXR.png") no-repeat center center; background-size: 25%; margin-right: auto; margin-left: auto } .article .article__content .img-f-embedded { background: url("http://s1.pstatp.com/growth/mobile_detail/image/f-watermark.G0cI6Rjh.png") no-repeat center center; background-size: 40%; margin-right: auto; margin-left: auto } .article .article__content .img-default-embedded { background-size: 40%; margin-right: auto; margin-left: auto; background: #f4f5f6 } .article .article__content blockquote { font-size: 16px; line-height: 22px; padding: 15px; color: #999; border: 1px solid #E8E8E8; background: #F4F5F6 } .article .article__content blockquote p { font-size: 17px; line-height: 22px; margin-top: 0 !important; color: #505050 } .article .article__content h1 { font-size: 18px; border-left-width: 3px; border-left: solid #ed4040; padding-left: 6px; line-height: 28px; margin: 24px 0 } .article .article__content img { width: 100%; display: block; margin-right: auto; margin-left: auto; margin-top: 4px; transition: opacity 200ms ease; } .article .article__content img.mt12 { margin-right: auto; margin-left: auto; margin-top: 14px; margin-bottom: 4px } .article .article__content img.pre20 { margin-top: 20px } .article .article__content img.next20 { margin-bottom: 20px } .article .article__content table { width: 100% } .article .article__content table tr td { text-align: center; font-size: 12px; color: #444; line-height: 24px } .article .article__content table.border { border-collapse: collapse } .article .article__content table.border tr:nth-child(2n),.article .article__content table.border tr th { background: rgba(240,240,240,0.4) } .article .article__content table.border tr td,.article .article__content table.border tr th { padding: 5px 3px 5px 3px; border: 1px solid #ddd } .article .article__content ol.list-paddingleft-2 { margin: 20px 25px 20px 34px } .article .article__content ol.list-paddingleft-2 li { list-style-type: decimal !important; display: list-item !important } .article .article__content ol.list-paddingleft-2 li p { color: #222; margin-top: 0 } .article .article__content ul.list-paddingleft-2 { list-style: square; margin: 20px 25px 20px 34px } .article .article__content ul.list-paddingleft-2 li { list-style: inherit } .article .article__content ul.list-paddingleft-2 li p { color: #222; margin-top: 0 } .article .article__content tt-audio { margin-top: 15px; margin-bottom: 18px } .article .article__content tt-audio .audio { display: block } .article .article__content tt-audio .audio-container { padding: 14px 15px 14px 60px; border: 1px solid #e8e8e8; cursor: pointer; background-color: #f4f5f6; background-image: url("http://s1.pstatp.com/growth/mobile_detail/image/details_audio_icon3@3x.ZjdXiwIO.png"); background-repeat: no-repeat; background-size: 31px 31px; background-position: 15px 18px; position: relative } .article .article__content tt-audio .audio-top { padding-bottom: 8px; height: 20px } .article .article__content tt-audio .audio-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; font-size: 17px; line-height: 18px; margin-right: 5px; color: #222; display: inline-block } .article .article__content tt-audio .audio-time { color: #999; font-size: 14px; line-height: 18px; display: inline-block; position: relative; bottom: 2px } .article .article__content tt-audio .audio-content { color: #999; font-size: 14px; line-height: 14px } .article .article__content tt-audio .btn_download { background-color: #f67373; border: 1px solid #e8e8e8; border-top: none; margin-top: 10px; text-align: center; padding: 5px } .article .article__content tt-audio .btn_download span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXNJREFUeNqUlVtLw0AUhE1rg1JqRRSFihUFBUXxglX//4N3a72goCBYqChFsVoQaxvnwHmIITtnM/CRwlkm6WZ2EkRRNBTTJJgDdfBvYGk49nsC1EBeTepZjHJ6LcdMRLNgPatRCeyBQmJWBStZjNZA6JgvgiVfowb4JmuWwYKPURccgB+yblXfprnZX2rWI2tl8yuWkagDjkDfsTYAG2DGMhK9g2MwIDfe1uBSI1EbnBpmNQ0wNRK9GMckr2Zly0jUApdkXtAglywj0RO4IfNQzYpB4vS7JH9jmszfch4mVcNEgnxhGVX0LLrU0yB3mZEEb1ODmKZfDXCHbfaUBs9lIuk/0QA7X78EbYfcZKCBbbNAjieaMil5xefglR2RMbCb0pRxSXc9s0NbVJOQmFyDJquREbCvV5duwaNVbFtglKy5Bw8+VXtFalae4s63/D/BYUrNNnVfMn0gP7QZ+7EKaWT5QCZPvyR6HpyRhkzVnwADAMUyT4n9RubwAAAAAElFTkSuQmCC) no-repeat right center; background-size: 6px; color: #fff; font-size: 15px; padding-right: 10px } .article .open-btn { display: block; padding: 12px; border: 2px solid #ddd; border-radius: 3px; margin-top: 20px } .article .text-link { color: #5784df; display: inline } .article .text-center { text-align: center } .article .tt-video-box { margin-top: 20px; min-height: initial } .article .tt-video-box .tt-video { background-color: initial } .new-style-test-unfold-text { border: solid 1px #f85959; display: block; width: 100%; box-sizing: border-box; border-radius: 3px; height: 37px; line-height: 37px; font-size: 15px; color: #f85959 } .new-style-test-unfold-text:after { content: ''; display: inline-block; background-image: url("http://s1.pstatp.com/growth/mobile_detail/image/unfold_test.iybqsMmA.png"); background-repeat: no-repeat; background-size: contain; transform: rotate(90deg); vertical-align: middle; height: 16px; width: 16px; margin-left: 5px } .new-style-test-unfold-text-v2 { background-color: #f85959; color: #fff; display: block; width: 100%; border-radius: 3px; height: 37px; line-height: 37px; font-size: 15px } .new-style-test-unfold-text-v2:after { content: ''; display: inline-block; background-image: url("http://s1.pstatp.com/growth/mobile_detail/image/vwap_arrow_white.yDrTy2Ql.png"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; height: 10px; width: 10px; margin-left: 5px } @keyframes unfold-arrow-animation { from { margin-top: 45px } to { margin-top: 50px } } .unfold-field-download .btn-wrapper { padding: 12px 14px 12px 14px; background: #fff } .unfold-field-download .unflod-field__mask { position: absolute; top: -78px; height: 78px; width: calc(100vw - 28px); background-image: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff) } .unfold-field-download .unflod-field__mask:after { content: ''; display: inline-block; background-image: url("http://s1.pstatp.com/growth/mobile_detail/image/vwap_arrow_down.ky914xBY.png"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-top: 45px; height: 16px; width: 16px; animation: unfold-arrow-animation 300ms infinite alternate } .unfold-field-download .download-text { background-image: linear-gradient(to right, #ff0000, #ff5050); display: block; width: 100%; height: 37px; line-height: 37px; border-radius: 18.5px; font-size: 15px; color: #fff } .unfold-field-abreast .unfold { border: solid 1px #f85959; display: inline-block; width: 49%; margin-right: 2%; box-sizing: border-box; border-radius: 3px; height: 37px; line-height: 37px; font-size: 15px; color: #f85959 } .unfold-field-abreast .download { border: solid 1px #f85959; background: #f85959; display: inline-block; width: 49%; box-sizing: border-box; border-radius: 3px; height: 37px; line-height: 37px; font-size: 15px; color: #fff } .unfold-field-abreast .download:after { content: ''; display: inline-block; background-image: url("http://s1.pstatp.com/growth/mobile_detail/image/vwap_arrow_right.c6HR7o8n.png"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; height: 16px; width: 8px; margin-left: 5px } .is_need_pay_novel_style { border: solid 1px #f85959; display: block; width: 100%; border-radius: 3px; height: 37px; line-height: 37px; font-size: 15px; color: #f85959 } .pop-box-fold { -webkit-tap-highlight-color: transparent; position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: space-between; background-color: #ecedf7; border-radius: 2px; height: 137px; width: 270px } .pop-box-fold .pop-title { display: flex; justify-content: center; align-items: center; flex-grow: 1; color: rgba(22,24,35,0.6); font-size: 15px; line-height: 18px; padding: 0 30px } .pop-box-fold .box-choose { display: flex; height: 54px } .pop-box-fold .box-choose .choose-all { font-size: 16px; -webkit-tap-highlight-color: transparent; flex: 1; text-align: center; line-height: 54px; border-radius: 2px } .pop-box-fold .box-choose .sure { background-color: #d9dbeb; font-weight: 600; color: rgba(22,24,35,0.9) } .pop-box-fold .box-choose .sure:active { color: rgba(22,24,35,0.5); background-color: rgba(217,219,235,0.5) } .pop-box-fold .box-choose .cancel { background-color: #e7e8f5; color: rgba(22,24,35,0.6) } .pop-box-fold .box-choose .cancel:active { color: rgba(22,24,35,0.5); background-color: rgba(231,232,245,0.5) } .emoji { display: inline-block; vertical-align: middle; position: relative; top: -2px; background-position: center center; background-repeat: no-repeat; background-size: auto 20px; padding-top: 20px; padding-left: 20px } .emoji-name { display: inline-block; font-size: 0; width: 2px; vertical-align: middle } .emoji_1_smile { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_1_smile@3x.png) } .emoji_2_kiss { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_2_kiss@3x.png) } .emoji_3_daze { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_3_daze@3x.png) } .emoji_4_smoke { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_4_smoke@3x.png) } .emoji_5_pick_nose { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_5_pick_nose@3x.png) } .emoji_6_cry { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_6_cry@3x.png) } .emoji_7_anger { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_7_anger@3x.png) } .emoji_8_laugh { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_8_laugh@3x.png) } .emoji_9_sleep { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_9_sleep@3x.png) } .emoji_10_shy { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_10_shy@3x.png) } .emoji_11_naughty { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_11_naughty@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 22px } .emoji_12_dizzy { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_12_dizzy@3x.png) } .emoji_13_stunned { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_13_stunned@3x.png) } .emoji_14_shut_up { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_14_shut_up@3x.png) } .emoji_15_wit { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_15_wit@3x.png) } .emoji_16_attention { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_16_attention@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 23px } .emoji_17_hand_sample { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_17_hand_sample@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 22px } .emoji_18_ye { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_18_ye@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 21px } .emoji_19_distress_situation { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_19_distress_situation@3x.png) } .emoji_20_play_face { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_20_play_face@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 22px } .emoji_21_smile { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_21_smile@3x.png) } .emoji_22_yawn { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_22_yawn@3x.png) } .emoji_23_surprise { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_23_surprise@3x.png) } .emoji_24_take_heart { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_24_take_heart@3x.png) } .emoji_25_sleepy { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_25_sleepy@3x.png) } .emoji_26_what { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_26_what@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 22px } .emoji_27_sobbing { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_27_sobbing@3x.png) } .emoji_28_handclap { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_28_handclap@3x.png) } .emoji_29_cool { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_29_cool@3x.png) } .emoji_30_titter { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_30_titter@3x.png) } .emoji_31_lightning_strike { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_31_lightning_strike@3x.png) } .emoji_32_meditation { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_32_meditation@3x.png) } .emoji_33_vomiting_blood { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_33_vomiting_blood@3x.png) } .emoji_34_acting_cute { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_34_acting_cute@3x.png) } .emoji_35_quietly { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_35_quietly@3x.png) } .emoji_36_hum { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_36_hum@3x.png) } .emoji_37_khan { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_37_khan@3x.png) } .emoji_38_forced_smile { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_38_forced_smile@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 24px } .emoji_39_haze { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_39_haze@3x.png) } .emoji_40_smirk { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_40_smirk@3x.png) } .emoji_41_cool { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_41_cool@3x.png) } .emoji_42_bad_smile { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_42_bad_smile@3x.png) } .emoji_43_crazy { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_43_crazy@3x.png) } .emoji_44_tears { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_44_tears@3x.png) } .emoji_45_money { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_45_money@3x.png) } .emoji_46_kiss { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_46_kiss@3x.png) } .emoji_47_fear { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_47_fear@3x.png) } .emoji_48_smile { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_48_smile@3x.png) } .emoji_49_injustice { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_49_injustice@3x.png) } .emoji_50_their { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_50_their@3x.png) } .emoji_51_focus { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_51_focus@3x.png) } .emoji_52_like { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_52_like@3x.png) } .emoji_53_handclap { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_53_handclap@3x.png) } .emoji_54_3Q { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_54_3Q@3x.png) } .emoji_55_kiss { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_55_kiss@3x.png) } .emoji_56_household_cleanser { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_56_household_cleanser@3x.png) } .emoji_57_666 { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_57_666@3x.png) } .emoji_58_rose { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_58_rose@3x.png) } .emoji_59_cucumber { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_59_cucumber@3x.png) } .emoji_60_beer { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_60_beer@3x.png) } .emoji_61_distress_situation { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_61_distress_situation@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 22px } .emoji_62_injustice { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_62_injustice@3x.png) } .emoji_63_lick_screen { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_63_lick_screen@3x.png) } .emoji_64_despise { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_64_despise@3x.png) } .emoji_65_kiss { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_65_kiss@3x.png) } .emoji_66_bye { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_66_bye@3x.png) } .emoji_67_erkang { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_67_erkang@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 23px } .emoji_68_hug { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_68_hug@3x.png); background-size: auto 20px; padding-top: 20px; padding-left: 23px } .emoji_69_hitler { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_69_hitler@3x.png) } .emoji_70_zhoudongyu_gaze { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_70_zhoudongyu_gaze@3x.png) } .emoji_71_masichun_smile { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_71_masichun_smile@3x.png) } .emoji_72_dogo { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_72_dogo@3x.png) } .emoji_73_cat { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_73_cat@3x.png) } .emoji_74_2ha { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_74_2ha@3x.png) } .emoji_75_dogo { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_75_dogo@3x.png) } .emoji_76_bear { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_76_bear@3x.png) } .emoji_77_skeleton { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_77_skeleton@3x.png) } .emoji_78_black_face { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_78_black_face@3x.png) } .emoji_79_eat_melon { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_79_eat_melon@3x.png) } .emoji_80_green_hat { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_80_green_hat@3x.png) } .emoji_81_sweat { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_81_sweat@3x.png) } .emoji_82_lear_ropes { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_82_lear_ropes@3x.png) } .emoji_83_frown { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_83_frown@3x.png) } .emoji_84_wipe_sweat { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_84_wipe_sweat@3x.png) } .emoji_85_redface { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_85_redface@3x.png) } .emoji_86_orz { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_86_orz@3x.png) } .emoji_87_makeface { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_87_makeface@3x.png) } .emoji_88_intensity { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_88_intensity@3x.png) } .emoji_89_ruhua { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_89_ruhua@3x.png) } .emoji_90_spit { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_90_spit@3x.png) } .emoji_91_surprise { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_91_surprise@3x.png) } .emoji_92_knock { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_92_knock@3x.png) } .emoji_93_refuel { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_93_refuel@3x.png) } .emoji_94_rainbow { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_94_rainbow@3x.png) } .emoji_95_bigcry { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_95_bigcry@3x.png) } .emoji_96_fingerheart { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_96_fingerheart@3x.png) } .emoji_97_refuel { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_97_refuel@3x.png) } .emoji_98_fist { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_98_fist@3x.png) } .emoji_99_OK { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_99_OK@3x.png) } .emoji_100_highfive { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_100_highfive@3x.png) } .emoji_101_left { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_101_left@3x.png) } .emoji_102_shakehand { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_102_shakehand@3x.png) } .emoji_103_18 { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_103_18@3x.png) } .emoji_104_knife { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_104_knife@3x.png) } .emoji_105_V5 { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_105_V5@3x.png) } .emoji_106_awesome { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_106_awesome@3x.png) } .emoji_107_heart { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_107_heart@3x.png) } .emoji_108_broken_heart { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_108_broken_heart@3x.png) } .emoji_109_shit { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_109_shit@3x.png) } .emoji_110_gifts { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_110_gifts@3x.png) } .emoji_111_cake { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_111_cake@3x.png) } .emoji_112_flower { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_112_flower@3x.png) } .emoji_113_lookat { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_113_lookat@3x.png) } .emoji_114_bomb { background-image: url(http://s3.pstatp.com/toutiao/tt_tps/static/images/ttemoji_v2/emoji_114_bomb@3x.png) } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box } .pswp img { max-width: none } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp--open { display: block } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden } .pswp__container,.pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .pswp__container,.pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none } .pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility: hidden } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0 } .pswp__img--placeholder { -webkit-backface-visibility: hidden } .pswp__img--placeholder--blank { background: #222 } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0 } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC } .pswp__error-msg a { color: #CCC; text-decoration: underline } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none } .pswp__button:focus,.pswp__button:hover { opacity: 1 } .pswp__button:active { outline: none; opacity: 0.9 } .pswp__button::-moz-focus-inner { padding: 0; border: 0 } .pswp__ui--over-close .pswp__button--close { opacity: 1 } .pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before { background: url("http://s1.pstatp.com/growth/mobile_detail/node_modules/react-photoswipe/lib/default-skin.png") 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before { background-image:url("http://s1.pstatp.com/growth/mobile_detail/node_modules/react-photoswipe/lib/default-skin.svg") } .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right { background: none } } .pswp__button--close { background-position: 0 -44px } .pswp__button--share { background-position: -44px -44px } .pswp__button--fs { display: none } .pswp--supports-fs .pswp__button--fs { display: block } .pswp--fs .pswp__button--fs { background-position: -44px 0 } .pswp__button--zoom { display: none; background-position: -88px 0 } .pswp--zoom-allowed .pswp__button--zoom { display: block } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 } .pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right { visibility: hidden } .pswp__button--arrow--left,.pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute } .pswp__button--arrow--left { left: 0 } .pswp__button--arrow--right { right: 0 } .pswp__button--arrow--left:before,.pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0,0,0,0.3); height: 30px; width: 32px; position: absolute } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px } .pswp__counter,.pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pswp__share-modal { display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity } .pswp__share-modal--hidden { display: none } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px } .pswp__share-tooltip a:hover { text-decoration: none; color: #000 } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0 } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px } .pswp__share-modal--fade-in { opacity: 1 } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D } a.pswp__share--download:hover { background: #DDD } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px } .pswp__caption small { font-size: 11px; color: #BBB } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC } .pswp__caption--empty { display: none } .pswp__caption--fake { visibility: hidden } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px } .pswp__preloader--active { opacity: 1 } .pswp__preloader--active .pswp__preloader__icn { background: url("http://s1.pstatp.com/growth/mobile_detail/node_modules/react-photoswipe/lib/preloader.gif") 0 0 no-repeat } .pswp--css_animation .pswp__preloader--active { opacity: 1 } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0 } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0 } @media screen and (max-width: 1024px) { .pswp__preloader { position:relative; left: auto; top: auto; margin: 0; float: right } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0); transform: rotate(0) } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0); transform: rotate(0) } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550 } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100% } .pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right { visibility: visible } .pswp__top-bar,.pswp__caption { background-color: rgba(0,0,0,0.5) } .pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption { background-color: rgba(0,0,0,0.3) } .pswp__ui--idle .pswp__top-bar { opacity: 0 } .pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right { opacity: 0 } .pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001 } .pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter { display: none } .pswp__element--disabled { display: none !important } .pswp--minimal--dark .pswp__top-bar { background: none } .two-columns-container { vertical-align: top; width: 50%; display: inline-block; box-sizing: border-box; position: relative; border: none !important; margin-bottom: 23px } .two-columns-container .img-container { position: relative } .two-columns-container .img-container .img { height: 100px; width: 100% } .two-columns-container .img-container .video-time { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.5), transparent); color: #fff; height: 24px } .two-columns-container .img-container .video-time span { padding-left: 8px; line-height: 24px } .two-columns-container .img-container .hot-tag { width: 28px; height: 16px; line-height: 16px; font-size: 10px; right: 4px; top: 4px; color: #fff; background-color: #f85959; text-align: center; position: absolute; font-weight: 600 } .two-columns-container .info { margin-top: 8px; font-size: 11px } .two-columns-container .info .open-label { color: #f85959 } .two-columns-container .info .time-ago { color: #999; margin-left: 7px } .two-columns-container .title { font-size: 18px; line-height: 24px; margin-top: 4px; padding-right: 16px; color: #000 } .two-columns-container:nth-child(even) { padding-left: 3px } .left-img-container { margin-bottom: 16px; border: none !important; width: 100% } .left-img-container .flex-container { display: flex; justify-content: space-between; align-items: center } .left-img-container .flex-container .left { display: inline-block; width: 32%; height: 22vw } .left-img-container .flex-container .left img { width: 100%; height: 100% } .left-img-container .flex-container .right { display: inline-block; width: 68%; box-sizing: border-box; padding-left: 12px } .left-img-container .flex-container .right2 { display: inline-block; width: 100%; box-sizing: border-box; padding-left: 12px } .left-img-container .flex-container .right .title,.left-img-container .flex-container .right2 .title { font-size: 18px; line-height: 24px; margin-top: 0; padding-right: 0; color: #000 } .left-img-container .flex-container .right .info, .left-img-container .flex-container .right2 .info { font-size: 11px; margin-top: 4px; color: #999 } .left-img-container .flex-container .right .info .open-label { color: #f85959; margin-right: 10px } .left-img-container .flex-container .right .info .time-ago,.left-img-container .flex-container .right2 .info .time-ago { margin-left: 7px } .three-img-container { width: 100%; margin-bottom: 16px; border: none !important } .three-img-container .title { font-size: 18px; line-height: 24px; margin-top: 0; padding-right: 0; color: #000 } .three-img-container .img-container { margin-top: 8px; display: flex; justify-content: center; height: 22vw } .three-img-container .img-container img { width: 32%; height: 100% } .three-img-container .img-container img:nth-child(2) { padding: 0 3px } .three-img-container .info { font-size: 11px; margin-top: 9px; color: #999 } .three-img-container .info .open-label { color: #f85959; margin-right: 10px } .three-img-container .info .time-ago { margin-left: 7px } .big-img-container { margin-bottom: 16px; border: none !important } .big-img-container .title { font-size: 18px; line-height: 24px; margin-top: 0; padding-right: 0; color: #000 } .big-img-container .img-container { height: 200px; overflow: hidden } .big-img-container .img-container .img { width: 100% } .big-img-container .info { font-size: 11px; margin-top: 9px; color: #999 } .big-img-container .info .open-label { color: #f85959; margin-right: 10px } .big-img-container .info .time-ago { margin-left: 7px } .no-img-container { margin-bottom: 16px; border: none !important } .no-img-container .title { font-size: 18px; line-height: 24px; margin-top: 0; padding-right: 0; color: #000 } .no-img-container .img-container { height: 200px; overflow: hidden } .no-img-container .img-container .img { width: 100% } .no-img-container .info { font-size: 11px; margin-top: 9px; color: #999 } .no-img-container .info .open-label { color: #f85959; margin-right: 10px } .no-img-container .info .time-ago { margin-left: 7px } .feed-list-container-new-article { -webkit-margin-after-collapse: separate; -webkit-margin-before-collapse: discard; -webkit-user-select: none; padding: 0 14px 0 14px } .feed-list-container-new-article section { position: relative; border-bottom: .5px solid #E8E8E8; -webkit-tap-highlight-color: transparent } .feed-list-container-new-article section:last-child { border-bottom: none } .feed-list-container-new-article .article_link { display: block; position: relative; min-height: 42px; padding: 12px 0 12px 0; font-size: 0; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0.1); -webkit-touch-callout: none } .feed-list-container-new-article .article_link:visited .relate-news-title,.feed-list-container-new-article .article_link:visited h3 { color: #aaa } .feed-list-container-new-article .relate-news-title,.feed-list-container-new-article h3 { color: #222; font-size: 19px; line-height: 25px; margin-bottom: 6px; font-weight: normal; overflow: hidden } .feed-list-container-new-article .list_image,.feed-list-container-new-article .list_img_holder_large { margin-top: 6px } .feed-list-container-new-article .list_image ul { display: block; margin: 0; padding: 0; list-style-type: none; font-size: 0; text-align: center } .feed-list-container-new-article .list_image ul li { display: inline-block; overflow: hidden; width: 33.3%; box-sizing: border-box } .feed-list-container-new-article .list_image ul li:first-child { float: left; padding-right: 2px } .feed-list-container-new-article .list_image ul li:last-child { float: right; padding-left: 2px } .feed-list-container-new-article .list_img_holder { height: 1.96875rem; position: relative; background: url("http://s1.pstatp.com/growth/mobile_detail/image/toutiaoicon_loading_textpage@3x.RQmcZRIc.png") #efefef no-repeat center center; background-size: 50%; border: .5px solid #e8e8e8; box-sizing: border-box } .feed-list-container-new-article .middle_mode .list_img_holder { overflow: hidden; width: 33%; display: inline-block; vertical-align: top; border: .5px solid #e8e8e8; box-sizing: border-box } .feed-list-container-new-article .list_img_holder img { border: none; display: block; width: 100%; -webkit-transition: opacity 300ms 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 } .feed-list-container-new-article .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 } .feed-list-container-new-article .list_img_holder_large img { border: none; display: block; width: 100%; pointer-events: none } .feed-list-container-new-article .list_img_holder_large_fix { height: 3.75rem } .feed-list-container-new-article .item_info { color: #999; overflow: hidden; font-size: 0; position: relative; webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 6px } .feed-list-container-new-article .item_info .space { margin-right: 10px } .feed-list-container-new-article .item_info .mid-space { margin-right: 8px } .feed-list-container-new-article .item_info span { display: inline-block; font-size: 12px; line-height: 12px; vertical-align: middle; font-family: PingFangSC-Regular } .feed-list-container-new-article .item_info .time { position: absolute; right: 0 } .feed-list-container-new-article .item_info .app_special { font-size: 12px; color: #f85959 } .feed-list-container-new-article .desc .time { display: none } .feed-list-container-new-article .video-btn { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url("http://s1.pstatp.com/growth/mobile_detail/image/playicon_video@3x.XdwZmAm4.png") no-repeat center center; background-size: 27px } .feed-list-container-new-article .video-icon { display: block; position: absolute; bottom: 4px; right: 4px; color: #fff; padding: 0 10px; border-radius: 10px; background-color: rgba(0,0,0,0.3) } .feed-list-container-new-article .video-icon .arrow-right { display: inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fff; margin-right: 2px; position: relative; top: -1px } .feed-list-container-new-article .video-icon .video-time { font-size: 12px; line-height: 20px } .feed-list-container-new-article .box-title h2 { font-size: 18px; display: inline-block; color: #505050; padding-bottom: 10px; margin: 19px 0 0 15px; font-weight: normal; border-bottom: .5px solid #f85959 } .feed-list-container-new-article .desc { display: inline-block; width: 67%; vertical-align: middle } .feed-list-container-new-article .fly-right { position: absolute; right: 0 } .feed-list-container-new-article .image-margin-right { margin-right: 11px } .feed-list-container-new-article .dotdot { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-box-orient: vertical } .feed-list-container-new-article .line2 { -webkit-line-clamp: 2 } .feed-list-container-new-article .line3 { -webkit-line-clamp: 3 } .feed-list-container-new-article .hr { height: 1px; width: 100%; margin: 0; background-color: #E8E8E8; outline: none; border: 0 } .feed-list-container-new-article .feed_item_test { border-bottom: none } .feed-list-container-new-article .feed_item_test .relate-news-title { color: #000; line-height: 1.38; font-size: 16px; margin-bottom: 8px } .feed-list-container-new-article .feed_item_test .relate-news-title .app_special { line-height: 1.09; color: #f85959; font-size: 11px } .feed-list-container-new-article .feed_item_test .relate-news-title .src,.feed-list-container-new-article .feed_item_test .relate-news-title .time { line-height: 1.09; color: #999; font-size: 11px } .hot-card-wrapper { margin: 20px 15px; box-sizing: border-box; position: relative } .hot-card-wrapper .card-wrapper-linear { position: absolute; height: 210px; background: rgba(0,0,0,0.1); border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100%; left: 0; top: 0; z-index: 1 } .hot-card-wrapper .card-content-wrapper { height: 210px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: rgba(0,0,0,0.2); background-size: auto 100%; background-size: cover; position: relative } .hot-card-wrapper .card-content-wrapper .card-desc { width: 100%; box-sizing: border-box; position: absolute; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); align-items: flex-start; padding: 20px 15px; color: #ffffff; z-index: 2 } .hot-card-wrapper .card-content-wrapper .card-desc .card-img { background: url("http://s1.pstatp.com/growth/mobile_detail/image/logo-hotsearch.8tuNxsyj.png"); width: 68px; height: 20px; background-size: 100% 100% } .hot-card-wrapper .card-content-wrapper .card-desc .card-title { margin: 6px 0; font-size: 17px; font-weight: 600; line-height: 1.41 } .hot-card-wrapper .card-content-wrapper .card-desc .card-number { font-size: 12px; line-height: 1.41 } .hot-card-wrapper .card-bottom { display: flex; justify-content: space-between; align-items: center; padding: 15px 12px 15px 10px; font-size: 15px; background-color: #f4f5f6; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box; box-shadow: inset 0 0 1px #e8e8e8 } .hot-card-wrapper .card-bottom .bottom-title { color: #707070 } .hot-card-wrapper .card-bottom .bottom-desc { font-weight: 600; color: #f85959 } .pop-box-wrapper { height: 100vh; width: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); overflow: hidden; display: flex; justify-content: center; align-items: center; z-index: 1 } .modal-open { position: fixed; height: 100% } .pop-score-container { position: relative; background: #F4F5F6; width: 72vw; height: 73.86666667vw; padding-top: 10.66666667vw; padding-bottom: 12.8vw; display: flex; justify-content: space-between; flex-direction: column; box-sizing: border-box; border-radius: 3.2vw } .pop-score-container .question-count { font-size: 13px; color: #666666; text-align: center; position: absolute; top: 12px; left: 50%; transform: translateX(-50%) } .pop-score-container .score-title { font-family: PingFangSC-Regular; font-size: 18px; font-weight: 400; color: #222; line-height: 25px; text-align: center; align-self: center; margin: 0 auto } .pop-score-container .score-title .title-red { color: #F85959 } .pop-score-container .btn-wrapper { display: flex; padding: 0vw 9.6vw; padding-top: 6.4vw; justify-content: space-between; box-sizing: border-box; font-family: PingFangSC-Regular } .pop-score-container .btn-wrapper .evaluated { display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; font-family: PingFangSC-Regular } .pop-score-container .btn-wrapper .evaluated .icon { width: 22.4vw; height: 22.4vw; border-radius: 11.2vw; background: #f85959; display: flex; justify-content: center; align-items: center } .pop-score-container .btn-wrapper .evaluated .icon img { width: 9.6vw; height: 9.6vw } .pop-score-container .btn-wrapper .evaluated .icon:active { background: #c03d3d } .pop-score-container .btn-wrapper .evaluated .choosed { background: #c03d3d } .pop-score-container .btn-wrapper .evaluated .desc { font-family: PingFangSC-Regular; font-size: 18px; margin-top: 3.2vw } .pop-score-container .btn-closed { position: absolute; right: 12px; top: 12px; width: 12px; height: 12px } .pop-score-container .btn-closed img { width: 100%; height: 100% } .btn-first-child { border-bottom: 1px solid #DDDDDD } @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5) { .btn-first-child { border:none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(100%, #DDDDDD)); background-image: -webkit-linear-gradient(top, transparent 50%, #DDDDDD 50%, #DDDDDD 100%); background-image: linear-gradient(to bottom, transparent 50%, #DDDDDD 50%, #DDDDDD 100%); background-size: 100% .66666667px; background-repeat: no-repeat; background-position: bottom } } @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) { .btn-first-child { border:none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(100%, #DDDDDD)); background-image: -webkit-linear-gradient(top, transparent 50%, #DDDDDD 50%, #DDDDDD 100%); background-image: linear-gradient(to bottom, transparent 50%, #DDDDDD 50%, #DDDDDD 100%); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom } } .two-question { padding: 0vw 4vw } .two-question-item { display: flex; justify-content: center; align-items: center; flex-direction: column } .two-question-item .item-title { font-size: 17px; color: #222222; text-align: center; line-height: 20px } .two-question-item .item-title .title-red { color: #F85959 } .two-question-item:last-child { padding-top: 5.33333333vw } .two-question-item .two-question-btn { display: flex; justify-content: space-between; padding: 2.66666667vw 1.33333333vw 5.33333333vw; box-sizing: border-box; width: 100% } .two-question-item .two-question-btn .evaluated { -webkit-tap-highlight-color: transparent; background: #FFFFFF; border-radius: 12.8vw; display: flex; justify-content: center; align-items: center; width: 26.66666667vw; height: 9.6vw; font-size: 16px; word-break: keep-all; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none } .two-question-item .two-question-btn .choosed { background: #F85959; color: #FFFFFF } .two-question-item .two-question-btn .good_read .btn-icon,.two-question-item .two-question-btn .good_share .btn-icon { display: inline-block; width: 16px; height: 16px; margin-right: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADNklEQVRYR82ZTSh0URjH/+fcjxkZyhIjUQglkmykLFhI+SgmItlYkgWNfM6Uhlj7lkiKlZWFJWsJKRYsyMfCQrHwzr1zz9u585Lxjpk7476ve7bzv8/zu889z3PO8wxhjDGYtNjDA5TZWbDra9DsbAgNDaBFRd+yTkwDZAz+0VGwy8sQIMHlglhfHzekaYDa6SkUny8siOR2xx1J0wCV6WloR0dhAWlBAaTh4biiaAoge3yEv7cX+Go7iyJsq6uAIMQMaQqgur2NwM5OROfy4iKIw/EDgKoKf08P2NNTZMCVFZCEhP8PGNjfhzo/H9mxJMG2thYzHH/ge5+Yl5bBQb3uRVokPR3y9PT/B9ROTqBMTkZ1TMvKIPX1RdWFE3wrgorHA+3iIqpjobERYnNzVJ2pgNrxMZSpKUNOxd5eCOXlhrSfRfFFUNOCe+/mxpBTeWYGJC3NkNYUwMDuLtSNDcMO+R4Epcb0sgzqdIJWVICkpMSexTxj/SMjgKIYcxivym6H1N8fGyB7eYEyNgZ2fx+v25ieIxkZQUD2+grt4ADs9lY3wPcLrawEsdvfDXKNOjVlKGtjoogkliQQ7eWFKfwe9ykqJDUVktcLkpiom/C73VELsmlgfwwRpxNEWV1lgb29sLaF6mqIXV36b7/a2sz2H9WeUFMD8trdzfD8HF6clATbwsKPAfLTh7y2tkbsSWybmz8DSAjkhQXrApKsLMgTE9YFFOrqILa1WRdQGhgALS62KKAgQF5a0uuwJZOE5uZCGh8PHhpWzOKP90dLAvIemvfS1owgb7CWlwFJsiYgLSyENDT0frJZ7hOLLS36VOxtWQ5Q8nhAc3IsCpiQANviYsgMx1IRpCUl+jX/47IUoNjeDqG21rqAss8Hkpn5CbCjg0FVw19Y+VxvfT14H+zs/KedHElOhjw3BxASCugfH2dfjS8+nonKxAS0s7Oo1/R4BUJLC8QP5eW9zATOz5ni9f49HSUE0ugoaF6ermVXV/qQHJoWL8OXz9H8fPA59tvpEZIkvOvUDg+hbm2B3d0Fj5e0NIguF2hpaYhRPo/hEwVdZ8a/Fw4HhKoqCE1NIDZb2Bf4DeOoloDCxpvFAAAAAElFTkSuQmCC); background-size: 100% 100% } .two-question-item .two-question-btn .good_read .btn-choosed,.two-question-item .two-question-btn .good_share .btn-choosed { color: #FFFFFF; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAFU0lEQVR4Xu2cW8xcUxTH/78S97uiEipSVQ8NRYhKhJA+CG0igkbQIKlLqEsk6APhQV0irUooTaiqlBIhoulDJYSHCkE1JapI2riFxLWt+5L1fTPn+2bmzJy958zMmX5z9uOctdZZ+zdr75m999oL9WEzs+MkHSPpC+DTIl2kyJfXv9vMHMoqSSeOevaVpCWSFgN/9NrfvgFkZvtI+ljS0U0gfCLpfMCB9az1E6B7JN2V0fNvJZ3Ty2HXF4Aq0bNF0oEBoeERNA34NUA2t0i/AJon6ZGI3jwM3BYh37Zo4YDMzH34TNLkiF78LmkCsC1Cpy3RfgB0tqQ32vD+PGB1G3pRKv0AaKWk2VFeDwvfATzQhl6USqGAzOxQST457x7l9bDwUmBuG3pRKkUDulPSfVEejwgvA65sUzdYrTBAZraLLyUkHRXsba3gcmBOm7rBakUCukDSy8GeNgouAm7JoR+kWiSgNyWdGeRlutB8YEEO/SDVQgCZmS9GPwjysLnQHGB5ThuZ6kUBek7SpZnetRaYDqzLaSNTveeAzMwn5c2Sds30rrXAQcBPOW1kqhcB6FFJN2R61lrge2BCThtB6j0FZGaHS/pS0h5B3jUXWgvMyGkjSL3XgBZJuinIs9ZCC4FbO2An00TPAJnZxMqqPW/0eKeuAp7O7F0HBHoJ6ClJnVoanAK834H+Z5roCSAzO0nSe5LGZXqULfCvpH2BHdmi+SW6DqiyIfaOpNPzuztkYRMwpUO2Ms30AtB1kh7L9KQ4AY/EHyT5kH1F0vPA31V3ugrIzCZJ+tCHRHH9j37zJkkXAX4Epa4BMrPdJL0t6dRoF4tX8Ig6GdjaTUA+rHx47aztCeDargAys9hjnH6EuBWY2ADIzHy+8M2sEyTtXxmGP0ta75NY1oGdmV0m6ZkO/aQXCW4HsFcNIDO7UNLjkg5p4pmPzeuBl9Kem9mNkhZK8u3Unb19DhybADIz3595NuCb/0/SFYDv6STNzHyF7iv1sdJeAGYPAaqssv3nzTMsQpqfbE4BvqkKm5knHngCwlhp1wBPVgH50YsfwcS0+4FEZwwCmgxsrgL6qDIpxwDaABw/RiNoCzB0HFUF9FvE8Koy2QYkQ3KMRVByKFkFZDGhM0p2HDCkO8YAJScmJaD0yDgC+Hr0ECsjaARUzXZKGUGNEbQESNaQJaBGQBcDL1Y/LgHVAvJVwmHAjyWg9Ml5PTBt9KMygmpBNZy3lYBqAc0CXisjKH14/SPp4Pr9rjKCRmC9C5xWz64ENEJkATC/BNR80TkDWFsCSgf0p1+kSTvOLofYMLC3gLPS2JWAhqncDdxbAmo+/5wBeIJFQysjSPIrVT7/JAkL5R/F2jhZA5zbLLjKCJJuBx4sATWff1qm8w16BHki+njA94FS26AD8mQMT9Ro2gYd0DygZT7BoAOaCmwsIyidwHeAX41o2QY5glYCmVeyBhnQXGBpaAR5vs/eWcJ1z7cDiY6ZeamIhyJtFCk+CfCbR0FDbIOkqVnCdc83AomOmc2S9GqkjaLE1wHTQ15eHWL+zccWC6kpMFKp4OIH/vuFvLhgGa9D9HqID1VAR1auKu0ZoiTJK0F5Cp5XTUiamYXUAAp8RdfEVgCXh1ofncR5tZd7CMi+90wQz99rmOAq2fV+3TsofEOd7KCcF1GZGXNTqD4N2CsZeB0fz49Oa79IuhlY1sxpM3PdFV5Oq4Mdy2vK93oWS/K79n/FGEtLJB8v6ZJKzuIBFWMOxvMYPTU2Odhv9SIz87I3MyX5n7FO3BOL6VdVdrskr6K3qt3aZ125itBOT/pV539NhVZnGEDYLQAAAABJRU5ErkJggg==) } .two-question-item .two-question-btn .bad_read .btn-icon,.two-question-item .two-question-btn .bad_share .btn-icon { display: inline-block; width: 16px; height: 16px; margin-right: 4px; position: relative; top: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADbElEQVRYR82Yyy8lQRTGv2q3LwuTWFh4hIVZzGKCiLVZWlhZkYgQYV7WrmfiNYSwEP4BkYiESQaJWLARmQ0iM5EQj0SI11LiEbe7uqom1TMMbruqu7nUsu936vv16bpVdQ4RQgg4DGEYYD9+gC0sAOfnThJ3zwgBSUtDoLwcWm7unVi+ugprfBzi+Nh+butKS6Hl54M4AlIK2tMDvrnpDkJFrWkIdnaCZGXZar61BdrZCdzPEyHQW1udAa2pKbCJCRU7Txrt/XvoLS12LG1vB9/edpxHe/fOAVAImF+/QpydeTJXCtJ1xI+M2FKjogKwLOewQCASUOzvw2xqUvLxI4ofG/sLWFYWdZqINchmZ2GNjvrxVor1DEj7+8F//VIy8SPyBsgYjE+fgKsrP95KsZ4A+c4OaFubkoFfkSdANjUF6xm3l9sv5QmQdneDr6/7TY5SvHtASmHU1ACUKhn4FbkG5BsboF1dfn2V410DWt+/g01OKhv4FboGjHYm+oVxincFKMJhmB8/Aow9B4vjnK4A+e/foH19MYOTRq4ArbExsJmZ1wtoNjdD7O29TkB+fi7Mz58jb7TPjKv8idnysqADA8+MEzn9DaBMzkM1z5s3IHR4WLC5uRcDtIaHwebnHf3jCgtBjFBIiMPDmAKSzEwEe3ttT3F5CdraCnFycoeBpKZCl8VVuKJCxOr8lQSyEAo0NIAkJNwAyX2YLy7+LzvT06EVFNgaYtTXC3FwEJMM2lnp6ABJTFT2I2xjQ8hrPsJh5SBPQl1H8Ns3yM/rZthFkzg9Bf/5E1yuRdNUi+ccfGVFTQvYHYW4oiJl/bXQubOgMI1sU5h1dQpKgGRkINjTA2iakv62yDMgW1qCNTioZKg3NET0Y5QCZZ/moebRYxOo3h/lv1b3UYh5BpSnj8oa1BsboeXkPPa+D/7uGdAMhSCOjqIa2xuyXHuExB7QqKx8tMAKfPmCuA8fPMPJQE8ZFFdXMKuro2cvKQnBoSEgEHgBwIsLmLJFEmXEFRcjUFLiC85zBmXtYlRVPdzXIwTBwUGQ5OQXApSd0a4uyFraaWh5edBDId9w3jMoe8tra6D/rkz3SfSmJmjZ2S8LKN2t6Wmw8fE7IOTtW7tJ7mdreZKj7noSmUnZFeO7u/ZNRa+tBUlJeZLsyUn+ADF05rawfKV8AAAAAElFTkSuQmCC); background-size: 100% 100% } .two-question-item .two-question-btn .bad_read .btn-choosed,.two-question-item .two-question-btn .bad_share .btn-choosed { color: #FFFFFF; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABGCAYAAABv59I3AAAFY0lEQVR4Xt2ca6ilUxjHf3/DuKdoyG0QRsTkXqMUw0wGHzSZiKhhSLnkVtIoMswHQ+4pZoTSuH4QymgQRSElIxK5jlvGrVzSYR79j3ePffacab/vu/da7977+XTO2c+z1vP8zvOu9a61nr1EDYmIrYGLgLOBgwD/3oQE8A3wLLBEkn/epESEgLOAC4BDgR0K5V+Bd4H7gZWS3O642KCSRMTBwFPAAZUM0yv/DJwq6Y3JuoqIbYAngFO6uPIccIakPyoDighny2vATunjrdXDL8Bhkj7vtI6IlcCZJVt1FjnTymdQRGxVpOGgZU5nzM9IOq39jxExG3ipJJyW2mxJr5R+xCLiWmBpxU6aUPf4sbekL1udR8RjfmwqOjOeRaUARcQUwB3uVrGTptQXSnqoDdBaYPeKzqyVtGdZQLOASQe/ip3mUl8saUO2R8QYsHnFzsckTS0LaDFwU8UOmlS/XtKNdqCY2tfXcUaWMoYRsRo4oYzugOjkA1TMXj81+DJYh3lWQMcDL9fxskGbrICWANc1GGydrrMCeh04po6XDdrkARQR2wEef7ZoMNg6XWcDdDLwfB0PG7bJBmgZcHXDwdbpPhugd4DD63jYsE16QBGxI/ADsFnDwdbpPgug+cDTdbwbAJssgO4BLh6AYOu4kAXQB8CBdbwbAJu0gCJiV+DrKjuOAwCl3YXkgLwf++iABV3FneSAlgPnV/FowHSTA/oU2GfAgq7iTjpAEWEwBjTMkhSQHy0/YsMsSQF5cB4/NBtiSQrI59ue5odZ0gCKCL8Y+gVx2CUZIC8tvMQYdkkGyItTL1KHXfoPKCK8reHtDW9zDLskAeSNMW+QjYIkAXQVcOso0AE2AHI8EeGj51KnyG3xr5c0ZYNRRHhz3pv0oyCdgNbVKPpaJ2naOKCIcOWDj3e2HwU6k2RQndqC1ZLmtAD5YNAHhKMinRm0CHigYnCLJK1oAfLRso+YR0U6AU0tJiAXoJaRNcARksZagOqkYJmOmtBxSe98SRMKLiJiRlGnuEcXp75yqY+kj63XAjQK6y/H4zLBuZI+mgxCsZV8C7AA2LJD56+iTPgaSd+2PmsB+h1wHfEwi//Jx0rqupcVES4gd0lzq5Dc5cMfSnL2TZAWoPeAQ4aYzm8FHFfL91VagK4Ebutry/kac9nvAklJDjnb34NWAS64Hja5U9LlqZxuf5P2VOip3lse26bqsM/tvg8cKckDbBLZaH1SFC3M9XsAMK2Pg7cfhRP7uFvwDzBL0ttJyBSNVl3A9eRLRHwH7NJTI/8b3y3psj61tclmsgGKiJ2B7/sU0I/ADElePyaVnIBciO439n7IFZLu6EdD3drICcgzze3dHCrxud+WnT3JBuZ2H3ICWgGcVwJAN5ULJVVdmXdrcyDGoLeAo2p7+p+hs2c/r7J7bKe0eZYMKr5x4+VAr+u9SyTdWzq6PijmAjQd+KJHf33ispekP3tsp5J5LkBzgBcrebax8oRNsB7bKm2eC5C/Y39faa82VnTWTJfkzfeskgvQDd5I7yGy5ZJ8GUB2yQXI2eMsqiNew82U5IVpdskF6GHg3JrRvSrpuJq2PZvlAvQgsLCmt74mwldKNCK5AN0FXFojQm+ee2rP9mLY6WMuQHVnsaWS/JX0xiQXoKOBNytG6YIDLys+q2jXV/VcgNyPD+L2reD9KkknVdBPopoFkD2PiHOARypEMU/SCxX0k6hmA1RAehI4vUQkayTNLKGXXCU3IN9B5IuOJtzvM0mUPufyLVeNS1ZARRb5qp2bAVe0TXYjy+OSyt4UlRxgdkCtiCJi/+KytXnF4P1JkV3LJP2dPPKSHfwLOlQ2ZZ7TjIkAAAAASUVORK5CYII=) } .search-wrapper { padding: 10px 0; -webkit-user-select: none } .search-wrapper .search-title { width: 100%; font-size: 15px; line-height: 15px; padding-bottom: 8px; color: #000; font-weight: 600; background-color: #ffffff; box-sizing: border-box; border-bottom: none } .search-wrapper .search-title::before { content: ''; width: 4px; height: 18px; border-radius: 1px; margin-right: 10px; background-color: #f85959; display: inline-block; vertical-align: sub } .search-wrapper .item-wrapper { display: flex; width: 100%; flex-wrap: wrap; font-size: 17px; font-family: PingFangSC-Regular } .search-wrapper .item-wrapper .search-item { width: 50%; display: flex; box-sizing: border-box; padding: 7px 0; padding-left: 15px; color: #222222 } .search-wrapper .item-wrapper .search-item .item-seq { color: #999999; font-family: DINAlternate-Bold; align-self: center } .search-wrapper .item-wrapper .search-item .item-content { padding-left: 6px; text-overflow: ellipsis; overflow: hidden; max-width: 80%; white-space: nowrap } .search-wrapper .item-wrapper .search-item .item-icon-hot { font-family: PingFangSC-Medium; color: #FFFFFF; line-height: 15px; font-size: 10px; width: 15px; height: 15px; border-radius: 3px; background: #F85959; margin-left: 4px; text-align: center; align-self: center } .search-wrapper .item-wrapper .search-item .item-icon-new { font-family: PingFangSC-Medium; color: #FFFFFF; line-height: 15px; font-size: 10px; width: 15px; height: 15px; border-radius: 3px; background: #FEAA00; margin-left: 4px; text-align: center; align-self: center } .search-wrapper .item-wrapper .search-item .item-content-end { color: #FC716C } .recommendation-container { padding-bottom: 14px } .recommendation-container .hide_ad { height: 0; opacity: 0; overflow: hidden } .recommendation-container .container__header { width: 100%; font-size: 15px; line-height: 15px; padding: 14px 0 8px 0; color: #000; font-weight: 600; background-color: #ffffff; box-sizing: border-box; border-bottom: none } .recommendation-container .container__header::before { content: ''; width: 4px; height: 18px; border-radius: 1px; margin-right: 10px; background-color: #f85959; display: inline-block; vertical-align: sub } .recommendation-container .list-content { display: flex; flex-wrap: wrap } .applets-wrapper-container img { width: 100%; padding: 0 14px; box-sizing: border-box } .bottom-banner-wrapper { height: 64px; width: 100% } .bottom-banner-container { background-color: #fff; height: 64px; width: 100%; position: absolute; bottom: 0; display: flex; justify-content: space-between; padding: 0 14px; box-sizing: border-box } .bottom-banner-container .slogan-wrapper { display: flex } .bottom-banner-container .logo { width: 48px; height: 48px; margin: auto; border: 1px solid #eee; border-radius: 7px } .bottom-banner-container .desc-wrapper { justify-content: center; display: flex; flex-direction: column } .bottom-banner-container .desc-wrapper .slogan-desc { display: block; margin: 0 12px } .bottom-banner-container .slogan { font-size: 14px; margin-left: 12px; color: #000; font-weight: 600; line-height: 20px } .bottom-banner-container .open { align-self: center; width: 72px; height: 28px; line-height: 28px; color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 14px; background-image: linear-gradient(to right, #ff0000, #ff5050) } .show-banner-true { bottom: 0 } .show-banner-false { bottom: -100px } .banner-suit-default { position: fixed; left: 0 } .banner-suit-iphonex { position: absolute } .aweme-banner-contianer { width: 100%; transition: 600ms cubic-bezier(.165, .84, .44, 1); height: 68px; background-color: #161823; box-shadow: 0 -1px 0 0 rgba(255,255,255,0.08); padding: 0 16px; display: flex; justify-content: space-between; box-sizing: border-box } .aweme-banner-contianer .slogan-wrapper { display: flex } .aweme-banner-contianer .slogan-wrapper .logo { width: 36px; height: 36px; border-radius: 7px; margin: auto } .aweme-banner-contianer .slogan-wrapper .desc-wrapper { margin: 0 12px; justify-content: center; display: flex; flex-direction: column; color: #fff } .aweme-banner-contianer .slogan-wrapper .desc-wrapper .slogan { font-size: 15px; font-weight: 600 } .aweme-banner-contianer .slogan-wrapper .desc-wrapper .slogan-desc { display: block } .aweme-banner-contianer .open { align-self: center; width: 72px; height: 28px; line-height: 28px; color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 4px; background-image: linear-gradient(to right, #f85959, #ff5050) } .top-banner-container { background-color: #fff; height: 50px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); position: relative; margin-bottom: 4px } .top-banner-container .top-banner { position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; height: 50px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); margin-bottom: 4px; z-index: 100 } .top-banner-container .logo { width: 36px; height: 36px; position: absolute; margin: 7px 0; left: 15px; border: 1px solid #eee; border-radius: 7px } .top-banner-container .slogan { font-size: 14px; color: #222; position: absolute; top: 0; bottom: 0; left: 61px; line-height: 50px } .top-banner-container .open { position: absolute; margin: 11px 0; right: 15px; width: 72px; height: 28px; line-height: 28px; color: #fff; font-size: 14px; text-align: center; font-weight: 500; border-radius: 14px; background-image: linear-gradient(to right, #ff0000, #ff5050) } @media screen and (max-width: 320px) { .top-banner-container .slogan-word { font-size:12px } } .share-card-container { position: fixed; left: 0; right: 0; background-color: #fff; transition: 600ms cubic-bezier(.165, .84, .44, 1); box-shadow: 0 -0.5px 0 0 #e5e5e5; height: 64px } .share-card-container .share-card-avatar-container { position: absolute; width: 48px; height: 48px; left: 13px; top: 6px } .share-card-container .share-card-avatar-container .share-card-avatar { position: absolute; left: 0; right: 0; margin: auto; width: 100%; height: 100%; border-radius: 50px } .share-card-container .share-card-avatar-container .share-card-icon { position: absolute; right: 0; bottom: 0; width: 16px; height: 16px } .share-card-container .share-card-text { display: inline-block; position: absolute; color: #999; line-height: 21px; left: 74px; top: 10px } .share-card-container .share-card-text .share-card-name { font-weight: 600; font-size: 15px; line-height: 21px } .share-card-container .share-card-text .share-card-toutiao { font-weight: 600; color: #f85959 } .share-card-container .share-card-btn { position: absolute; text-align: center; color: #fff; top: 0; bottom: 0; margin: auto; width: 72px; height: 28px; border-radius: 14px; background-image: linear-gradient(to right, #ff0000, #ff5050); right: 31px; line-height: 29px; font-size: 14px } .share-card-container .share-card-close-btn { position: absolute; right: 5px; top: 5px; width: 10px; height: 10px; padding: 5px } .share-card-container-true { bottom: 0 } .share-card-container-false { bottom: -100px } 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%; min-height: 100vh; overflow-x: hidden } ul,li { list-style-type: none } a { text-decoration: none; color: #131313 } .share-container { overflow: hidden; position: fixed; top: 0; left: 0; height: 100vh; background: #fff; width: 100%; z-index: 20000 } .modal-open { position: fixed; height: 100% } .share-container { -webkit-user-select: none; -webkit-tap-highlight-color: transparent; min-height: 100vh } .share-container .share-top { border-bottom: 1px solid #e8e8e8 } @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5) { .share-container .share-top { border:none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(100%, #e8e8e8)); background-image: -webkit-linear-gradient(top, transparent 50%, #e8e8e8 50%, #e8e8e8 100%); background-image: linear-gradient(to bottom, transparent 50%, #e8e8e8 50%, #e8e8e8 100%); background-size: 100% .66666667px; background-repeat: no-repeat; background-position: bottom } } @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) { .share-container .share-top { border:none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, transparent), color-stop(100%, #e8e8e8)); background-image: -webkit-linear-gradient(top, transparent 50%, #e8e8e8 50%, #e8e8e8 100%); background-image: linear-gradient(to bottom, transparent 50%, #e8e8e8 50%, #e8e8e8 100%); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom } } .share-container .share-top { padding: 0 14px; width: 100%; box-sizing: border-box; font-family: PingFangSC-Semibold; font-size: 16px; display: flex; justify-content: space-between; align-items: center; height: 50px } .share-container .share-top .share-success { font-weight: 600; color: #333 } .share-container .share-top .share-continue { font-weight: 600; color: #f85959; line-height: 25px; -webkit-tap-highlight-color: transparent; -webkit-user-select: none } .share-container .share-top .share-continue:active { color: #C03D3D } .share-container .share-recommend { padding-top: 16px } .share-container .share-more-btn { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; margin: 5px 15px; background: #f85959; border-radius: 5px; height: 44px; line-height: 44px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; font-family: PingFangSC-Regular } .share-container .share-more-btn:active { background: #C03D3D } @charset "utf-8";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%; min-height: 100vh; overflow-x: hidden } ul,li { list-style-type: none } a { text-decoration: none; color: #131313 } html { background: #fff; font-family: 'PingFangSC','STHeiti','Microsoft YaHei','Helvetica','Arial',sans-serif; -webkit-text-size-adjust: none; word-break: break-word } body.utms-dingding #detailAd,body.utms-dingding #detailAd2 { display: none !important } 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 } .container__header { font-size: 16px; display: inline-block; color: #505050; padding-bottom: 10px; font-weight: normal; border-bottom: 1px solid #f85959 } .flex { display: flex; justify-content: flex-start; align-items: center } .flex-row { flex-direction: row } .body-placeholder { background-color: #f8f8f8; top: 0; bottom: 0; right: 0; left: 0; position: absolute; z-index: 5001 } .body-placeholder img { width: 100% } .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,0.3) } .jqmOverlay { background: rgba(0,0,0,0.5); position: fixed; z-index: 4999; top: 0; left: 0; right: 0; bottom: 0 } .global_tip,.refresh-tip { width: 100%; background: rgba(213,233,247,0.9); text-align: center; line-height: 32px; font-size: 14px; color: #2a90d7; vertical-align: middle; display: none } .global_tip { position: fixed; top: 0 } .fail-tip { position: fixed; z-index: 200; display: none; top: 40%; width: 8.125rem; height: 1.875rem; font-size: .46875rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; background-color: rgba(0,0,0,0.5); font-family: 'Microsoft YaHei','STHeiti','Helvetica','Arial',sans-serif; color: #fff; border-radius: 3px } .fail-tip:after { height: 100%; width: 0; content: ""; display: inline-block; vertical-align: middle } .fail-tip span { display: inline-block; vertical-align: middle } .line1 { -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-box-orient: vertical } .line2 { -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-box-orient: vertical } .footnote { font-size: 17px; line-height: 28px; margin: 15px 0 } img[inline="1"] { display: inline !important; margin: 0 !important } .media-name { font-family: 'PingFangSC-Medium'; font-size: 14px; color: #222121 } #pageletBackflowAd .article_link { margin: 0 } #pageletBackflowAd .detail-ad { border-bottom: 1px solid rgba(222,222,222,0.6) } .unfold-field { text-align: center; position: relative } .unfold-field .unfold-field__text { display: inline-block; cursor: pointer; font-size: 14px; line-height: 22px; border-radius: 29px; color: #406599; text-align: center } .unfold-field .unfold-field__text:after { content: ''; background-image: url("http://s1.pstatp.com/growth/mobile_detail/image/unfold.kMWx9Z6B.png"); background-size: contain; background-repeat: no-repeat; width: 9px; height: 6px; display: inline-block; margin-left: 5px } .unfold-field .unflod-field__mask { position: absolute; top: -78px; height: 78px; width: calc(100vw - 28px); background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0, #FFFFFF 100%) } .margin-side { margin-left: 17px; margin-right: 17px } .padding-side { padding-left: 14px; padding-right: 14px } .article-img-placeholder { padding-bottom: 56.25%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 0; display: none } .questionnaire-icon { background: url("http://s1.pstatp.com/growth/mobile_detail/image/questionnaire-icon.ZRGPHGPL.png"); width: 40px; height: 40px; position: fixed; transition: right 200ms ease; top: 50%; transform: translateY(-50%); background-size: 100% 100%; z-index: 100 } .questionnaire-show { right: 5px } .questionnaire-hide { right: -30px } #article_content img { max-width:100%; height:auto; }