@charset "utf-8";

.main-header {line-height: 1.4;position: relative;}
.main-header .header-bg {z-index: 0;position: absolute;left: 0;width: 100%;height: 233px;background: #fff;}
.main-header .header-bg img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.main-header .header-info {position: relative;z-index: 1;color: #fff;padding: 97px 15px 46px;background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));background: -webkit-linear-gradient(top, transparent, #000);background: linear-gradient(180deg, transparent, #000);}
.main-header .header-info .header-title {font-size: 24px;font-weight: 700;margin-bottom: 10px;}
.main-header .header-info .header-detail {font-size: 15px;padding-left: 25px;position: relative;margin-bottom: 5px;overflow: hidden;}
.main-header .header-info .header-detail:before {left: 0;top: 4px;position: absolute;height: 15px;width: 15px;content: "";background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAAAAXNSR0IArs4c6QAAAyNJREFUSA2lVk1IVFEUPueN+YOaFJFFMI1BBWV/1MKyZVSjaUWkY4soAiVCqo0EEQYGtchVi5YlROpYggn+QOAqaCHYIloVPfyBqU2Uk6gz753OvTM3n2/uG97Tu5h733e+73zn3HfnziAEGBS/XAb2fCtQ0QC2DM0EkAINN2yB5PJNKCvsxobhhQI/YhpqLIeF5Q5Iz98ioE0IixWs6/SlHby4FZYWHkAydYMISvCvNcu6F5hPTEQIvdGrgPCE19sUFxHnIFS+E5sGLIW5Z5ps3QBfp9vBhk4udqOKs/Yjtowd9zTmbd0M1p8ervKcEjlnTnCeE7xzYmpN8YYwWKl+LrZGYc4ZAQ8ZTkCtKX52L5tOeZlKHkGb4jtn6o/WQjr1yctUchFac4ypr24PpGGCTcPOhDlrpDDvSqETp976E2DRqDgHTlyz3r1qq2niWjEkEpNc7X4NWUK8xd8A8B7ERt7ymhQve2o/c8GVCnPPzJ8Cgzqwefz96o4TiS4vU34vNgsf86Hahy2jb5ym0iCZeu5lyt0tIhh3IVZzTJgK/v+O6XUjV7pkcgvFmkotZjZhbGzQHRPPFK87TGlrShfjguchhFFsHv3gjK90jMu3daZZcpeXqYxbdoczqWvd7jYV8RVjgmaXQD5yxV94ex/pYgKT54KoURdn7TheGevRxaQx9dVX80ncpSMw9irfRQE/fp7inSrVag14qcUZzF6ZVq0XgXs6Sr1nnuXGsZsvEBPIOpkbyyI2nWZtbu4K437G2IaDXmLu5hLwh3tgkfE0i+XTXndrEfmWSJbdybxjhAPuxPmepdgqFZe9GNWZyffnjHh16nB5vV+vbFIsby7CHV4kLU5gCtzIiGG7luQFZsX8vQ/zoVTFe7HduCkAFq1dDLQUEUkCDcMwBd9YjxhsoyqQqSCT/V1MxnrErI+IJAGHKfji/UTEIuAwM3w7ElDH9GJTaNh47WLWR0QSvwMBUhA7Mif4gTt2ioGwyq+p5CFOIz60M8ZrFNNItAhw5Q+gzwJMxSvg38o2tIEb8Tvol2SWVCL8TlzgW8z/CIXkNgvBP3eNIutMdxA0AAAAAElFTkSuQmCC) no-repeat;background-size: contain;display: inline-block;}
.main-header .header-info .header-detail .detail-more {font-size: 14px;display: block;float: right;position: relative;top: 3px;color: #f60;}
.main-header .header-info .header-detail p {display: block;height: 63px;overflow: hidden;position: relative;text-align: justify;}
.main-header .header-info .header-detail p span {position: relative;top: 0;}
.main-header .header-info .header-time {position: absolute;top: 20px;right: 20px;color: #fff;font-size: 14px;}
.header-game {position: relative;bottom: 30px;z-index: 1;width: 100%;}
.header-game .game-item {-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.header-game .game-item {border-radius: 8px;display: block;background: #fff;margin: 0 auto;height: 90px;width: 90%;border-radius: 8px;}
.header-game .game-item .game-icon {overflow: hidden;float: left;border-radius: 10px;margin: 15px 10px 15px 15px;display: block;height: 60px;width: 60px;}
.header-game .game-item .game-icon img {height: 100%;width: 100%;}
.header-game .game-item .game-info {display: inline-block;width: 50%;height: 18px;margin: 15px 0;font-size: 12px;color: #989ca6;}
.header-game .game-item .game-info .info-title {font-size: 15px;color: #222;}
.header-game .game-item .game-info .info-detail,
.header-game .game-item .game-info .info-title {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 4px;}
.header-game .game-item .game-info .info-detail li {text-overflow: ellipsis;margin-right: 4px;display: inline-block;}
.header-game .game-item .game-info .info-detail li a {color: #989ca6;}
.header-game .game-item .game-info .info-detail li:after {margin-left: 4px;content: "";display: inline-block;height: 9px;width: 2px;border-right: 1px solid #989ca6;}
.header-game .game-item .game-info .info-detail li .detail-score {color: #f67b29;}
.header-game .game-item .game-info .info-detail li:first-child {padding-left: 0;}
.header-game .game-item .game-info .info-detail li:last-child:after {display: none;}
.header-game .game-item .game-info .info-detail:after {content: "";clear: both;display: block;}
.header-game .game-item .game-info .info-abstract {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.header-game .game-item .game-btn {line-height: 30px;border-radius: 4px;font-size: 13px;height: 30px;width: 16%;min-width: 35px;display: block;float: right;margin: 30px 15px 0 0;text-align: center;}
.header-game .game-item .game-btn.download {color: #fff;background: #f60;}

.main-list .tab-btns {height: 45px;border-bottom: 1px solid #ddd;display: flex;background-color: #fff;}
.main-list .tab-btns .tb {position: relative;flex: 1;width: 50%;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #333;box-sizing: content-box;}
.main-list .tab-btns .tb.active {color: #f60;border-bottom: 1px solid #f60;}
.main-list .tab-btns .tb.active::before,
.main-list .tab-btns .tb.active::after {content: ' ';position: absolute;left: 50%;z-index: 8;width: 0;height: 0;margin-left: -8px;border: solid transparent;border-width: 8px;}
.main-list .tab-btns .tb.active::before {border-bottom-color: #f60;bottom: 0;}
.main-list .tab-btns .tb.active::after {border-bottom-color: #fff;bottom: -1px;}
.main-list .rank-list .game-item {position: relative;min-height: 64px;padding: 10px 0;}
.main-list .rank-list .game-item img {position: absolute;top: 10px;left: 0;width: 64px;height: 64px;border-radius: 5px;}
.main-list .rank-list .game-item .content {padding-left: 74px;}
.main-list .rank-list .game-item .content .game-name {padding-right: 65px;font-size: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 21px;}
.main-list .rank-list .game-item .content .type {margin: 7.5px 0;padding-right: 65px;font-size: 12px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-list .rank-list .game-item .content .type .text {vertical-align: middle;}
.main-list .rank-list .game-item .content .type .break {display: inline-block;width: 1px;height: 10px;margin: 0 6px;background-color: #dddddf;vertical-align: middle;}
.main-list .rank-list .game-item .content .boon {font-size: 12px;color: #999999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-list .rank-list .game-item .download {position: absolute;right: 0;top: 25px;width: 60px;height: 26px;line-height: 26px;border-radius: 5px;text-align: center;font-size: 14px;color: #f60;border: 1px solid #f60;}
.main-list .rank-list .game-item .number {float: left;display: block;margin-right: 4px;width: 20px;height: 21px;border-radius: 12px;color: #999;text-align: center;font-weight: 700;font-size: 16px;line-height: 21px;}
.main-list .rank-list .game-item:nth-of-type(1) .number,
.main-list .rank-list .game-item:nth-of-type(2) .number,
.main-list .rank-list .game-item:nth-of-type(3) .number {padding: 0 20px;background: url(../images/icon-rankbg-m.png) no-repeat center 0;color: #fff;}
.main-list .rank-list .game-item:nth-of-type(1) .number {background-color: #ff5959;}
.main-list .rank-list .game-item:nth-of-type(2) .number {background-color: #ff9800;}
.main-list .rank-list .game-item:nth-of-type(3) .number {background-color: #ffdd75;}
.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;}

.new-zt .list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.new-zt .list a {display: block;width: 48%;margin-top: 15px;}
.new-zt .list a img {display: block;width: 100%;height: 25vw;max-height: 150px;border-radius: 5px;object-fit: cover;}
.new-zt .list a p {width: 100%;height: 32px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 32px;font-size: 13px;color: #333;}