@charset "utf-8";

.left-wrapper {width: 860px;float: left;}
.right-wrapper {width: 320px;float: right;}
.main-content {padding-top: 0;}
.main-content .article-title {width: 100%;text-align: center;padding-bottom: 15px;}
.main-content .article-title h1 {font-size: 28px;color: #F00;line-height: 33px;padding: 25px 0;}
.main-content .article-title p {display: block;font-size: 14px;color: #837f7f;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.main-content .article-title p span {margin-right: 20px;}
.main-content .article-title p span:last-of-type {margin-right: 0;}
.main-content .article-title p a {color: #837f7f;}
.main-content .article-cont {padding: 6px 10px 0;}
.main-content .article-cont p {font-size: 16px;line-height: 25px;color: #666;text-indent: 0em;margin: 15px 0;}
.main-content .article-cont p strong {font-weight: bold;}
.main-content .article-cont p img {max-width: 500px;margin: 0 auto;}
.main-content .article-cont h3 {border-bottom: 1px solid #65bde5;margin: 20px 0;font-size: 18px;color: #2b2b2b;line-height: 20px;height: 23px;background-repeat: no-repeat;background-position: 0 0;padding-left: 30px !important;background-image: url(../images/h3_icon.png);}
.main-content .wz_tags {margin-top: 15px;background: url(../images/ggbj.jpg) no-repeat;background-position: -486px -564px;height: 26px;line-height: 26px;overflow: hidden;font-size: 12px;color: #333;padding-left: 20px}
.main-content .wz_tags a {height: 24px;line-height: 24px;background: #ededed;border: 1px solid #ddd;padding: 0 5px;display: inline-block;color: #000;margin-left: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}
.main-content .wz_tags a:hover {background: #f60;border: 1px solid #f60;color: #fff}
.main-content .news-side {height: 40px;line-height: 40px;overflow: hidden;background: url(../images/guide_bg.gif) repeat-x;margin-top: 20px;padding: 0 10px;}
.main-content .news-side a {width: 380px;color: #333;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.main-content .news-side a span {color: #666;}
.main-content .news-side a.prev {float: left;}
.main-content .news-side a.next {float: right;}
.main-content .news-side a:hover {color: #f60;}

.related-news ul {overflow: hidden;}
.related-news ul li{overflow:hidden;line-height:30px;text-indent:10px;float:left;width:48%;height:30px;position:relative;text-align:left}
.related-news ul li:nth-child(2n){margin-left:4%}
.related-news ul li:before{border-radius:3px;content:'';position:absolute;top:11px;left:0;display:block;width:9px;height:9px;background:url("../images/gl_ist.png") -94px -144px}
.related-news ul li a{display:block;width:100%;height:100%}

.newest-news {padding-bottom: 0;}
.newest-news .list {display: flex;flex-wrap: wrap;}
.newest-news .list li {display: flex;margin-bottom: 15px;margin-right: 20px;}
.newest-news .list li:nth-of-type(2n) {margin-right: 0;}
.newest-news .list li .img {display: block;width: 120px;height: 78px;margin-right: 10px;}
.newest-news .list li .img img {display: block;width: 100%;height: 100%;}
.newest-news .list li .info {width: 278px;}
.newest-news .list li .info .title {display: block;width: 100%;line-height: 24px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;color: #666;}
.newest-news .list li .info .title:hover {color: #f60;}
.newest-news .list li .info p {display: block;width: 100%;height: 21px;line-height: 21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #999;margin: 5px 0;}
.newest-news .list li .info span {display: block;color: #c0c0c0;font-size: 12px;line-height: 16px;height: 16px;}

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