@charset "utf-8";

.main-content {padding: 12px;}
.article-info h1 {font-size: 21px;line-height: 27px;font-weight: bold;color: #333;}
.article-info .strategy-info {height: 35px;line-height: 35px;font-size: 12px;color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.article-info .strategy-info span {margin-right: 30px;}
.article-info .strategy-info span:last-of-type {margin-right: 0;}
.article-read {width: 100%;padding-top: 15px;overflow: hidden;}
.article-read p {font-size: 15px;line-height: 24px;color: #333;margin-bottom: 12px;word-wrap: break-word;}
.article-read img {max-width: 100%;height: auto!important;}
.article-read h3 {display: inline-block;padding: 6px 10px;margin: 10px 0;font-size: 15px;background-color: #f60;color: #fff;border-radius: 5px;}

.related-tags .down_tag {display: flex;flex-wrap: wrap;}
.related-tags .down_tag a {display: block;height: 25px;line-height: 23px;border: 1px solid #0096ff;color: #0096ff;padding: 0 15px;font-size: 14px;border-radius: 5px;margin: 10px 10px 0 0;}
.related-tags .down_tag a:nth-of-type(n) {border-color: #fe3336;color: #fe3336;}
.related-tags .down_tag a:nth-of-type(2n) {border-color: #5fc700;color: #5fc700;}
.related-tags .down_tag a:nth-of-type(3n) {border-color: #19b5ff;color: #19b5ff;}
.related-tags .down_tag a:nth-of-type(4n) {border-color: #ffbb18;color: #ffbb18;}
.related-tags .down_tag a:nth-of-type(5n) {border-color: #a02dd6;color: #a02dd6;}
.related-tags .down_tag a:nth-of-type(6n) {border-color: #849831;color: #849831;}

.related-article .list li {margin-top: 12px;}
.related-article .list li a {display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #333;}
.related-article .list li span {display: block;padding: 0 3px;font-size: 13px;margin-right: 5px;border-radius: 5px;background-color: #f60;color: #fff;}
.related-article .list li em {display: block;font-size: 12px;color: #bbb;margin-left: 5px;}
.related-article .list li p {flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.related-zt .strategy-btn {margin-top: 12px;display: flex;flex-wrap: wrap;}
.related-zt .strategy-btn span {padding: 0 8px;margin-right: 10px;margin-bottom: 10px;height: 25px;line-height: 25px;font-size: 15px;border-radius: 3px;background-color: #f0f0f0;color: #333;}
.related-zt .strategy-btn span.active {background-color: #f60;color: #fff;}
.related-zt .list .relevant-info h3 {font-size: 15px;color: #333;font-weight: bold;margin-bottom: 5px;}
.related-zt .list .relevant-info p {font-size: 15px;line-height: 23px;max-height: 45px;color: #333;overflow: hidden;}
.related-zt .list .likely-special-ul {display: flex;flex-wrap: wrap;}
.related-zt .list .likely-special-ul .likely-special-li {width: 19%;margin-right: 8%;margin-top: 14px;}
.related-zt .list .likely-special-ul .likely-special-li:nth-of-type(4n) {margin-right: 0;}
.related-zt .list .likely-special-ul .likely-special-li img {width: 100%;max-width: 75px;border-radius: 22%;display: block;margin: 0 auto;}
.related-zt .list .likely-special-ul .likely-special-li p {width: 100%;height: 23px;line-height: 23px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;color: #1a1a1a;text-align: center;margin-top: 5px;}
.related-zt .list .likely-special-ul .likely-special-li span {display: block;width: 100%;max-width: 65px;height: 20px;border-radius: 3px;border: 1px solid #f60;font-size: 13px;text-align: center;line-height: 18px;color: #f60;box-sizing: border-box;margin: 5px auto 0;}
.related-zt .list  .load-more-news {display: block;width: 150px;height: 32px;border-radius: 16px;border: 1px solid #ccc;line-height: 30px;text-align: center;margin: 25px auto 10px;font-size: 12px;color: #555;cursor: pointer;}

.app-rank {padding-bottom: 0;}
.app-rank .list .game-inner {position: relative;padding: 15px 0;border-bottom: 1px solid #f5f5f5;}
.app-rank .list .game-inner:last-of-type{border-bottom: none;}
.app-rank .list .game-inner .game-icon {width: 62.5px;height: 62.5px;border-radius: 10px;margin: auto;position: absolute;left: 0;}
.app-rank .list .game-inner .game-icon img {width: 100%;height: 100%;display: block;border-radius: 10px;}
.app-rank .list .game-inner .game-detail {height: 62.5px;margin: 0 60px 0 62.5px;padding: 0 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.app-rank .list .game-inner .game-detail .game-name {font-size: 15px;line-height: 21px;display: flex;align-items: center;}
.app-rank .list .game-inner .game-detail .game-name span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.app-rank .list .game-inner .game-detail .game-name em {padding: 0 3px;line-height: 14px;height: 14px;font-size: 10px;color: #fff;margin-left: 5px;border-radius: 3px;vertical-align: 1px;flex-shrink: 0;}
.app-rank .list .game-inner .game-detail .game-name em.green {background-color: #5cbe65;}
.app-rank .list .game-inner .game-detail .game-name em.org {background-color: #ff9d01;}
.app-rank .list .game-inner .game-detail .game-name em.pink {background-color: #f9679a;}
.app-rank .list .game-inner .game-detail .game-info,
.app-rank .list .game-inner .game-detail .game-desc {color: #999;font-size: 12px;height: 14px;padding-top: 1.5px;margin-top: 3px;}
.app-rank .list .game-inner .game-detail .game-info i,
.app-rank .list .game-inner .game-detail .game-desc i {display: inline-block;width: 1px;height: 9px;background-color: #979797;vertical-align: middle;margin: -2px 4px 0;}
.app-rank .list .game-inner .game-recommend-download {display: block;font-size: 12px;width: 60px;height: 26px;line-height: 26px;text-align: center;color: #fff;background-color: #f60;border-radius: 4px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}