@charset "utf-8";

.left-wrapper {width: 860px;float: left;}
.right-wrapper {width: 320px;float: right;}

.main-list .game-list {display: flex;flex-wrap: wrap;}
.main-list .game-list li {padding: 20px 20px 12px;margin: 0 9px 10px 0;}
.main-list .game-list li:nth-of-type(5n) {margin-right: 0;}
.main-list .game-list li .game-content {width: 120px;height: 205px;}
.main-list .game-list li .game-content img {width: 120px;height: 120px;border-radius: 22%;display: block;}
.main-list .game-list li .game-content .game-name {height: 36px;line-height: 36px;width: 100%;overflow: hidden;word-break: break-all;text-align: center;}
.main-list .game-list li .game-content .game-type-size {width: 100%;overflow: hidden;height: 20px;line-height: 20px;color: #999;font-size: 12px;}
.main-list .game-list li .game-content .download-link {width: 98px;height: 28px;line-height: 28px;background-color: #f60;border-radius: 5px;color: #fff;text-align: center;margin: 5px auto 0;display: none;}
.main-list .game-list li:hover {background-color: #e8e8e8;}
.main-list .game-list li:hover .game-content .game-info {display: none;}
.main-list .game-list li:hover .game-content .download-link {display: block;}

.main-list .news-list li {padding: 20px 0;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.main-list .news-list li:first-of-type{padding-top: 5px;}
.main-list .news-list li .strategy-img {display: block;width: 200px;height: 112px;background-color: #f2f2f2;}
.main-list .news-list li .strategy-img img {display: block;width: 100%;height: 100%;}
.main-list .news-list li .info {width: 616px;height: 112px;}
.main-list .news-list li .info .strategy-link {width: 100%;height: 26px;line-height: 26px;font-size: 18px;color: #333;font-weight: bold;display: block;overflow: hidden;}
.main-list .news-list li .info .strategy-link:hover {color: #f60;}
.main-list .news-list li .info .strategy-describe {width: 100%;height: 42px;line-height: 22px;font-size: 14px;color: #888;margin: 9px auto;overflow: hidden;}
.main-list .news-list li .info .strategy-info {height: 25px;line-height: 25px;font-size: 12px;color: #999;display: flex;overflow: hidden;}
.main-list .news-list li .info .strategy-info b {font-size: 0;padding: 8px;margin-right: 6px;background: url(../images/ico.png) no-repeat -133px -70px;}
.main-list .news-list li .info .strategy-info span {margin-right: 20px;white-space: nowrap;}
.main-list .news-list li .info .strategy-info span:last-of-type {margin-right: 0;}
.main-list .news-list li .info .strategy-info a {text-decoration: none;display: block;float: left;font-size: 12px;color: #999;height: 23px;line-height: 23px;background: #F7F7F7;border: 1px solid #ECECEC;margin: 0px 3px 0 0;padding: 0 10px;border-radius: 4px;}
.main-list .news-list li .info .strategy-info a:last-of-type {margin-right: 0;}
.main-list .news-list li .info .strategy-info a:hover {background-color: #f60;color: #fff;}

.recom-app-box {padding: 10px;position: relative;}
.recom-app-box .img {position: relative;display: block;width: 100%;height: 100%;}
.recom-app-box .img::after {position: absolute;content: "";height: 50%;bottom: 0;left: 0;width: 100%;overflow: hidden;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, transparent), color-stop(98%, rgba(0, 0, 0, 0.9)));background-image: -webkit-linear-gradient(top, transparent 3%, rgba(0, 0, 0, 0.9) 98%);background-image: linear-gradient(-180deg, transparent 3%, rgba(0, 0, 0, 0.9) 98%);border-radius: 12px;}
.recom-app-box .img .big-img {width: 100%;border-radius: 12px;}
.recom-app-box .img .content {position: absolute;top: 0;left: 17px;right: 17px;height: 100%;margin: auto;z-index: 1;}
.recom-app-box .img .content .bottom-text {box-sizing: border-box;position: absolute;height: 158px;padding-top: 55px;bottom: 0;left: 0;width: 100%;overflow: hidden;color: #fff;}
.recom-app-box .img .content .bottom-text .game-info {position: relative;padding-bottom: 10px;}
.recom-app-box .img .content .bottom-text .game-info::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);border-bottom: 1px solid #ededed;opacity: 0.44;}
.recom-app-box .img .content .bottom-text .game-icon {float: left;width: 45px;height: 45px;margin-right: 7px;border-radius: 6px;overflow: hidden;}
.recom-app-box .img .content .bottom-text .game-icon img {width: 100%;height: 100%;display: block;}
.recom-app-box .img .content .bottom-text .title {height: 32px;line-height: 32px;font-size: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;color: #fff;}
.recom-app-box .img .content .bottom-text .tags {font-size: 12px;line-height: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.recom-app-box .img .content .bottom-text .game-score {height: 35px;margin-top: 5px;}
.recom-app-box .img .content .bottom-text .game-score .score-info {height: 100%;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;}
.recom-app-box .img .content .bottom-text .game-score .score {line-height: 35px;font-size: 30px;color: #f67b29;float: left;margin-right: 9px;}
.recom-app-box .img .content .bottom-text .game-score .score-count {font-size: 12px;line-height: 12px;margin-top: 2px;margin-bottom: 3px;}
.recom-app-box .img .content .bottom-text .game-score .score-star i {float: left;width: 11px;height: 11px;background: url(../images/score-star.png) no-repeat;background-size: 100% auto;margin-right: 1px;}
.recom-app-box .down-btn {position: absolute;right: 25px;bottom: 22px;z-index: 2;}
.recom-app-box .down-btn .ewm-box {display: none;position: absolute;bottom: 30px;left: -78px;width: 175px;z-index: 100;background-color: #fff;border: 1px solid #f1911b;padding: 10px 0;border-radius: 4px;}
.recom-app-box .down-btn .ewm-box p {text-align: center;font-size: 14px;color: #333;line-height: 22px;}
.recom-app-box .down-btn .ewm-box p img {width: 130px;height: 130px;}
.recom-app-box .down-btn:hover .ewm-box {display: block;}
.recom-app-box .ad-count-down {display: block;width: 75px;height: 24px;font-size: 12px;line-height: 24px;text-align: center;color: #fff;border-radius: 4px;background-image: -webkit-linear-gradient(315deg, #f67b29, #fea647);background-image: linear-gradient(-225deg, #f67b29, #fea647);}

.app-rank ul li {padding: 4px 0;border-bottom: 1px solid #eee;}
.app-rank ul li .single{ height: 22px; line-height: 22px; padding: 3px 0; overflow: hidden;}
.app-rank ul li .single a { float: left; width: 172px; height: 22px; line-height: 22px; font-size:14px; overflow: hidden; }
.app-rank ul li .single span{ width:58px; color:#999999;float: right;font-size: 12px;}
.app-rank ul li span.num { float: left; width: 20px; height: 20px; line-height: 20px; margin: 2px 10px 0 0;text-align: center; background: #b9b9b9;color: #fff; overflow: hidden;}
.app-rank ul li:nth-of-type(-n+3) span.num {background-color: rgb(255, 85, 85);}
.app-rank ul li .app-img{ display:none; position: relative;padding: 5px 0;overflow: hidden;}
.app-rank ul li .app-img .pic { float:left;  width: 65px; height: 65px; margin:0 12px 0 0; overflow: hidden;}
.app-rank ul li .app-img .pic img { width: 65px; height:65px;}
.app-rank ul li .app-img .name { display: block; width: 189px; height: 25px; line-height: 25px; color:#333; font-size:14px; font-weight:bold; overflow: hidden; }
.app-rank ul li .app-img .name:hover{ color:#f60;}
.app-rank ul li .app-img .ext {display: block;line-height: 19px;padding:0;color:#999999;width: 189px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;}
.app-rank ul li .app-img .btn { position: absolute; top: 10px; right: 0;  width: 70px; height: 25px; line-height: 25px; padding:0; font-weight: bold; text-align: center;font-size:12px; box-shadow:none; background: none repeat scroll 0 0 #45b823; color: #fff; text-shadow:none;}
.app-rank ul li.cur {height: 80px;padding: 0;}
.app-rank ul li.cur .app-img{ display:block;}
.app-rank ul li.cur .single{ display:none;}

.newgame-top-nums {width: 100%;overflow: hidden;}
.newgame-top-nums a {text-align: center;display: block;}
.newgame-top-nums a.kc {float: left;width: 172px;background-color: #f7f7f7;line-height: 40px;}
.newgame-top-nums a.kc+.kc {float: right;}
.newgame-top-nums a.first {font-size: 16px;margin-bottom: 10px;line-height: 30px;height: 30px;overflow: hidden;color: #35a0f9;}
.newgame-top-nums a.first strong {font-size: 30px;}
.newgame-top-nums a.first:before,
.newgame-top-nums a.first:after {content: "——";padding: 0 10px;}
.newgame-top-channel {width: 100%;overflow: hidden;}
.newgame-top-channel a {display: block;width: 140px;position: relative;height: 57px;line-height: 57px;overflow: hidden;margin-top: 10px;text-align: center;background-position: center center;background-repeat: no-repeat;background-size: auto 100%;float: left;}
.newgame-top-channel strong {display: block;width: 100%;height: 100%;position: absolute;z-index: 2;font-size: 14px;color: #fff;}
.newgame-top-channel img {position: absolute;left: -100%;top: 0;height: 100%;width: 100%;transition: all 0.2s;z-index: 3;opacity: 0;object-position: cover;object-fit: cover;}
.newgame-top-channel span {position: absolute;right: -100%;top: 50%;margin-top: -10px;height: 20px;padding: 0 10px;transition: all 0.5s;z-index: 4;line-height: 20px;background-color: #fff;border-radius: 10px;font-size: 12px;}
.newgame-top-channel a:hover img {left: 0;opacity: 1;}
.newgame-top-channel a:hover span {right: 10px;}
.newgame-top-channel a:nth-child(2n) {float: right;}
.newgame-top-channel a:nth-child(n) strong {background-color: rgba(236, 87, 71, 0.9);}
.newgame-top-channel a:nth-child(2n) strong {background-color: rgba(140, 151, 200, 0.9);}
.newgame-top-channel a:nth-child(3n) strong {background-color: rgba(245, 190, 90, 0.9);}
.newgame-top-channel a:nth-child(4n) strong {background-color: rgba(95, 200, 234, 0.9);}
.newgame-top-channel a:nth-child(5n) strong {background-color: rgba(166, 147, 124, 0.9);}
.newgame-top-channel a:nth-child(6n) strong {background-color: rgba(147, 192, 70, 0.9);}