@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 .list .list-item {margin-top: 0;padding: 7.5px 0;border-bottom: 1px dashed #eee;display: flex;justify-content: space-between;align-items: center;}
.main-list .list .game-info {flex: 1 1 auto;display: flex;justify-content: space-between;align-items: center;}
.main-list .list .game-info .li-img {display: block;overflow: hidden;margin-right: 10px;width: 70px;height: 70px;flex: 0 0 auto;}
.main-list .list .game-info .li-img img {display: block;width: 100%;height: 100%;border-radius: 17px;object-fit: cover;}
.main-list .list .game-info .li-infor {width: 0;flex: 1 1 auto;align-self: center;}
.main-list .list .game-info .li-infor h3 {display: block;overflow: hidden;margin: 0 0 2px 0;height: 25px;color: #333;font-weight: 700;font-size: 16px;line-height: 25px;font-weight: normal;}
.main-list .list .game-info .li-infor .li-dec {overflow: hidden;height: 19px;}
.main-list .list .game-info .li-infor .li-dec span {position: relative;float: left;margin-left: 10px;padding-left: 11px;color: #999;font-size: 12px;line-height: 19px;}
.main-list .list .game-info .li-infor .li-dec span:first-of-type {margin-left: 0;padding-left: 0;}
.main-list .list .game-info .li-infor .li-dec span:first-of-type::after {display: none;}
.main-list .list .game-info .li-infor .li-dec span::after {position: absolute;top: 50%;left: 0;display: block;margin-top: -5px;width: 1px;height: 10px;background: #ddd;content: '';}
.main-list .list .game-info .li-infor .li-dec .bili {color: #ff7f27;}
.main-list .list .game-info .li-infor p {overflow: hidden;width: calc(100% + 60px);height: 20px;color: #666;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;line-height: 20px;}
.main-list .list .li-btn {display: block;margin-left: 5px;margin-bottom: 10px;width: 62px;border-radius: 5px;background: #f60;color: #fff;text-align: center;letter-spacing: 1px;font-size: 14px;line-height: 30px;flex: 0 0 auto;align-self: center;}

.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;}