@charset "utf-8";

html {font-size: 95.98px;}
@media screen and (max-width: 720px) {html {  font-size: 13.33vw;}}
.carousel2 {position: relative;background: #fff;padding: .25rem 0 .2rem;overflow: hidden}
.carousel2+.category {margin-top: -.3rem}
.carousel2 .swiper-container-index2 {position: relative;width: 6.9rem;margin: auto;-webkit-box-sizing: content-box;box-sizing: content-box;border-radius: .12rem;overflow: hidden;-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}
.carousel2 .swiper-container-index2:not(.swiper-container-horizontal) .swiper-slide:first-child .content,
.carousel2 .swiper-container-index2:not(.swiper-container-horizontal) .swiper-slide:first-child .more-btn,
.carousel2 .swiper-slide-active .content,
.carousel2 .swiper-slide-active .more-btn {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1}
.carousel2 .content,
.carousel2 .more-btn {-webkit-transform: translateY(.1rem);transform: translateY(.1rem);opacity: 0;-webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;transition: opacity .5s .3s, -webkit-transform .5s .3s;transition: transform .5s .3s, opacity .5s .3s;transition: transform .5s .3s, opacity .5s .3s, -webkit-transform .5s .3s}
.carousel2 .swiper-slide {background: #ccc}
.carousel2 .swiper-slide .swiper-lazy-preloader {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto}
.carousel2 .swiper-slide .img {position: relative;display: block;width: 100%;height: 100%}
.carousel2 .swiper-slide .img .big-img {width: 100%;height: auto !important;}
.carousel2 .swiper-slide .img:after {position: absolute;content: "";height: 36%;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, .9)));background-image: -webkit-linear-gradient(top, transparent 3%, rgba(0, 0, 0, .9) 98%);background-image: linear-gradient(-180deg, transparent 3%, rgba(0, 0, 0, .9) 98%)}
.carousel2 .content {position: absolute;top: 0;left: .36rem;right: .36rem;height: 100%;margin: auto;z-index: 1;background: none;}
.carousel2 .content .time {line-height: .33rem;margin: .26rem 0 0;font-size: .24rem;color: #fff}
.carousel2 .content .time span {padding-right: .18rem}
.carousel2 .bottom-text {box-sizing: border-box;position: absolute;height: 50%;padding-top: 1.1rem;bottom: 0;left: 0;width: 100%;overflow: hidden;color: #fff}
.carousel2 .bottom-text .title {height: .65rem;line-height: .65rem;font-size: .48rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.carousel2 .bottom-text .tags {font-size: .22rem;line-height: .3rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.carousel2 .bottom-text .game-icon {float: left;width: .9rem;height: .9rem;margin-right: .14rem;border-radius: .12rem;overflow: hidden}
.carousel2 .bottom-text .game-info {position: relative;padding-bottom: .2rem}
.carousel2 .bottom-text .game-info:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);border-bottom: 1px solid #ededed;opacity: .44}
.carousel2 .bottom-text .game-score {height: .7rem;margin-top: .2rem}
.carousel2 .bottom-text .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}
.carousel2 .bottom-text .score-count {font-size: .18rem;line-height: .25rem;margin-top: .04rem;margin-bottom: 0.06rem;}
.carousel2 .bottom-text .score {line-height: .7rem;font-size: .6rem;color: #f67b29;float: left;margin-right: .15rem}
.carousel2 .bottom-text img {display: block;width: 100%;height: auto !important;}
.carousel2 .bottom-text .title {margin: 0;font-weight: 400;}
.carousel2 .more-btn {position: absolute;display: block;width: 1.5rem;height: .48rem;bottom: .32rem;right: .32rem;z-index: 2}
.carousel2 .more-btn:after {display: none}
.more-btn {display: inline-block;color: #fff;border: none;font-size: .22rem;width: 1.35rem;height: .48rem;line-height: .48rem;text-align: center;background-image: -webkit-linear-gradient(315deg, #f67b29, #fea647);background-image: linear-gradient(-225deg, #f67b29, #fea647);border-radius: .08rem}
.more-btn:after {display: inline-block;content: "";width: .09rem;height: .2rem;margin: -.04rem 0 0 .06rem;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAoCAYAAADzL6qcAAAAAXNSR0IArs4c6QAAAchJREFUSA2tli9IQ1EUxrfJhiBqMBjGgiYRZxKTYTAUDGbDBnYXZaDFanegoM1gcmARm1Ex2CaISUWDf8AgCqJu/g484XJ4e9xz8cAH93vvfL8d2L3vvVSn05lALfSCaqnQInyE/qrNYiGElSHUdoJp1nvARp1rfktCU+gTuXWB6fUjOF2Ell1KtN51WvyXhPdjYEv+hKgTSB+6VLAP/GQIbIzgm4Jd4wdCYIsKJLZpBkmA4GYMbMUMA5JFZwr2hZ8JgRUIPivYA344BDZH8EfBTvA9IbB1BRK7EQLKEDxWsLDDDWQI3SrYK34kZLJpgv92uGtqKrE75qkkQDDucFfNMEBxh7slT0hrSca+j/SvMFET6arovkRPuq4J+K3EkL5JoIS+Fegcn9O9XT3NefSoIE/4QteQvkGzPFJOFUQmK+veRE+goSBiVxND+iaBSgzkkGvyIvUrmovoXYHkRTDoR6BLmpGE3BJo0QJJE5DxdZk33Zom4Bvek0gjgTLSm07++qw3iGZ5a8gmc0s2Yd4CyRGQ7e6WTFbyhkgjgW2XEK3rVkg1BnJggkTT3CnQFb4/BHTvgOSTZtwMiSaaJyyfxzdoNghC6BepmourghilvgAAAABJRU5ErkJggg==) no-repeat 50%;background-size: 100% 100%;vertical-align: middle}
.score-star i {float: left;width: .2rem;height: .2rem;background: url(data:image/png;base64,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) no-repeat;background-size: 100% auto;margin-right: .02rem;}

.Min1 .hot-recommend-ul {display: flex;flex-wrap: wrap;}
.Min1 .hot-recommend-ul .hot-recommend-li {width: 25%;margin-top: 14px;}
.Min1 .hot-recommend-ul .hot-recommend-li img {width: 80%;height: auto;display: block;margin: 0 auto;border-radius: 22%;}
.Min1 .hot-recommend-ul .hot-recommend-li p {width: 100%;height: 23px;line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 13px;color: #333;text-align: center;}
.Min1 .hot-recommend-ul .hot-recommend-li .btn {width: 70px;height: 34px;font-size: 15px;color: #fff; background: #f60; border-radius: 5px;line-height: 34px;text-align: center;margin: 5px auto 0;}

.Min2 .top-news {padding: 10px;margin: 15px 0;background-color: #f8f8f8;}
.Min2 .top-news a {display: block;font-size: 15px;font-weight: bold;margin-bottom: 8px;color: #333;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Min2 .top-news p {width: 100%;max-height: 36px;font-size: 13px;line-height: 18px;text-align: justify;overflow: hidden;color: #909399;}
.Min2 .list li {margin-bottom: 12px;display: flex;align-items: center;}
.Min2 .list li .tags {margin-right: 1px;color: #909399;flex-shrink: 0;}
.Min2 .list li p {flex: 1;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;font-size: 14px;}
.Min2 .list li .time {margin-left: 20px;color: #909399;font-size: 12px;line-height: 1.5;}

.Min3 {margin-bottom: 10px;padding-top: 15px;padding-left: 15px;padding-right: 15px;height: 224px;background: #000 url(../images/rank-bg.jpg) no-repeat 0 0;background-size: cover;overflow: hidden;}
.Min3 .title-container {display: flex;justify-content: space-between;align-items: center;color: #fff;}
.Min3 .title-container span{font-size: 16px;font-weight: bold;border-bottom: 2px solid #fff;padding-bottom: 5px;}
.Min3 .container {overflow-x: auto;}
.Min3 .rank-list {margin-top: 20px;display: flex;;}
.Min3 .rank-item {width: 62px;padding: 10px;margin-left: 25px;display: block;background-color: #fff;border-radius: 5px;text-align: center;position: relative;}
.Min3 .rank-item:first-of-type {margin-left: 10px;}
.Min3 .rank-item .icon {width: 23px;height: 29px;position: absolute;top: -10px;left: -10px;font-size: 16px;color: #fff;text-align: center;line-height: 23px;}
.Min3 .rank-item .icon {background: url(../images/top_4.png) no-repeat 0 0;background-size: contain;}
.Min3 .rank-item span.icon-1 {background-image: url(../images/top_1.png);}
.Min3 .rank-item span.icon-2 {background-image: url(../images/top_2.png);}
.Min3 .rank-item span.icon-3 {background-image: url(../images/top_3.png);}
.Min3 .rank-item .big-img {width: 60px;height: 60px;border-radius: 3px;}
.Min3 .rank-item .htitle {padding-top: 3px;font-size: 15px;color: #333;overflow: hidden;white-space: nowrap;line-height: 22px;width: 4em;}
.Min3 .rank-item .desc {font-size: 12px;color: #999;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 18px;margin: 5px 0;}
.Min3 .rank-item .down-load {line-height: 26px;display: block;border: 1px solid #f67b29;border-radius: 2px;color: #f67b29;font-size: 14px;}

.Min4 {padding-bottom: 0;}
.Min4 .module-content .game-inner {position: relative;padding: 15px 0;border-bottom: 1px solid #f5f5f5;}
.Min4 .module-content .game-inner:last-of-type{border-bottom: none;}
.Min4 .module-content .game-inner .game-icon {width: 62.5px;height: 62.5px;border-radius: 10px;margin: auto;position: absolute;left: 0;}
.Min4 .module-content .game-inner .game-icon img {width: 100%;height: 100%;display: block;border-radius: 10px;}
.Min4 .module-content .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;}
.Min4 .module-content .game-inner .game-detail .game-name {font-size: 15px;line-height: 21px;display: flex;align-items: center;}
.Min4 .module-content .game-inner .game-detail .game-name span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Min4 .module-content .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;}
.Min4 .module-content .game-inner .game-detail .game-name em.green {background-color: #5cbe65;}
.Min4 .module-content .game-inner .game-detail .game-name em.org {background-color: #ff9d01;}
.Min4 .module-content .game-inner .game-detail .game-name em.pink {background-color: #f9679a;}
.Min4 .module-content .game-inner .game-detail .game-info,
.Min4 .module-content .game-inner .game-detail .game-desc {color: #999;font-size: 12px;height: 14px;padding-top: 1.5px;margin-top: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Min4 .module-content .game-inner .game-detail .game-info i,
.Min4 .module-content .game-inner .game-detail .game-desc i {display: inline-block;width: 1px;height: 9px;background-color: #979797;vertical-align: middle;margin: -2px 4px 0;}
.Min4 .module-content .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;}

.Min5 {margin-bottom: 10px;}
.M5_T { background: url(../images/M5_bg.jpg) no-repeat center;width: 100%; background-size:100% auto; height: 140px; margin-top: 5px;}
.M5_T .Head1{ padding: 0 12px;  overflow: hidden;color: #fff; }
.M5_T .Head1 span{ font-size: 16px; line-height: 42px; float: left; display: block; font-weight: bold; }
.M5_T .Head1  a{ float: right; display: block;line-height: 42px; font-size: 14px;}
.M5_T .Head1  a i{margin-left: 5px;}
.M5_T .net {padding: 0 12px;}
.M5_T .swiper-gamezq { width: 100%;}
.M5_T .swiper-gamezq .swiper-slide {width: 140px; height: 70px;}
.M5_T .swiper-gamezq .swiper-slide .img { width: 100%; height: 70px; border-radius: 5px; overflow: hidden; position: relative; display: block; }
.M5_T .swiper-gamezq .swiper-slide .img img { width: 100%; height: 100%;}
.M5_T .swiper-gamezq .swiper-slide .img .name { width: 100%; height:20px; text-align: center; line-height: 20px; color: #fff; font-size: 13px; position: absolute; left: 0; bottom: 0; background:rgba(0,0,0,0.5) ; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 100%;}
.M5_B {background-color: #fff;}
.M5_B ul {padding: 0 8px 12px;display: flex;flex-wrap: wrap;}
.M5_B ul li {width: 25%;margin-top: 15px;}
.M5_B ul li a{ width: 90%;border:1px solid #e0e0e0; border-radius: 10px; display: block; height: 22px; text-align: center; line-height: 22px; font-size: 12px; color: #666666; overflow: hidden;margin: 0 auto;}
.M5_B ul li:nth-of-type(n) a {color: #ff4c4c; border-color: #ff4c4c;}
.M5_B ul li:nth-of-type(2n) a {color: #3dcc9c; border-color: #3dcc9c;}
.M5_B ul li:nth-of-type(3n) a {color: #e68a00; border-color: #e68a00;}
.M5_B ul li:nth-of-type(4n) a {color: #3d85cc; border-color: #3d85cc;}

.Min6 .ranking-tab {width: 100%;height: 34px;display: flex;align-items: center;margin: 15px 0 0;}
.Min6 .ranking-tab span {display: block;width: 33.3%;height: 33px;line-height: 33px;font-size: 14px;color: #f60;text-align: center;border: 1px solid #f60;cursor: pointer;border-left: none}
.Min6 .ranking-tab span:first-of-type {border-radius: 6px 0 0 6px;border-left: 1px solid #f60;}
.Min6 .ranking-tab span:last-of-type {border-radius: 0 6px 6px 0;}
.Min6 .ranking-tab span.checked {color: white;background: #f60;;}
.Min6 .game-ranking-ul li {padding: 12px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eeeeee;position: relative;width:100%;}
.Min6 .game-ranking-ul img {width: 65px;height: 65px;border-radius: 22%;margin-right: 12px;display: block;}
.Min6 .game-ranking-ul .ranking-content {flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Min6 .game-ranking-ul .ranking-content>a {height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;color: #1a1a1a;}
.Min6 .game-ranking-ul .ranking-content>a i {float: left;width: 20px;height: 20px;line-height: 20px;background-color: #999;border-radius: 5px;margin-right: 6px;text-align: center;color: #fff;}
.Min6 .game-ranking-ul .ranking-content>a i {background-color: #f60;}
.Min6 .game-ranking-ul .ranking-content span {margin-right: 5px;}
.Min6 .game-ranking-ul .ranking-content .game-info {height: 20px;line-height: 20px;font-size: 12px;color: #999;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 96%;word-break: break-all;margin: 2.5px 0;}
.Min6 .game-ranking-ul .ranking-content .game-label {height: 20px;line-height: 20px;font-size: 12px;color: #999;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 96%;word-break: break-all;}
.Min6 .game-ranking-ul .game-detail {width: 65px;height: 25px;background-color: #f60;border-radius: 2.5px;text-align: center;line-height: 25px;color: #ffffff;font-size: 13px;}
.Min6 .load-more-ranks {width: 150px;height: 32px;background-color: #ffffff;border-radius: 16px;border: 1px solid #cccccc;line-height: 32px;text-align: center;margin: 22px auto 10px;font-size: 12px;color: #555555;cursor: pointer;display: block;}

.friendly-link {margin-bottom: 0;border-bottom: 1px dashed #F2F5F9;}
.friendly-link .link-list {display: flex;flex-wrap: wrap;margin-top: 10px;}
.friendly-link .link-list li {color: #555;margin-right: 15px;font-size: 14px;line-height: 25px;}

footer{margin-top: 0;}