@charset "utf-8";
section {
  margin-top: 10px;
  background: #fff;
  overflow: hidden;
}
.site {
  height: 22px;
  line-height: 22px;
  padding-left: 24px;
  background: url(../images/icon-position.png) no-repeat 3px center;
  background-size: 20px 20px;
  color: #8f8f94;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.site a {
  padding: 0 3px;
  color: #8f8f94;
  font-size: 12px;
}
/* 顶部盒子推荐 */
.zt-top-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.zt-top-box .zt-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0px 15px 40px;
  background: rgba(0,0,0,0.7);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.zt-top-box .zt-info .xiangqing_title h1 {
  font-size: 22px;
  line-height: 34px;
  font-weight: 700;
  color: #fff;
}

.zt-top-box .zt-info .zt-detail {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.zt-top-box .zt-info .play_cont_txt {
  margin-top: 10px;
  color: #fff;
  overflow: hidden;
  height: 48px;
  font-size: 15px;
  line-height: 24px;
  position: relative;
}
.zt-top-box .zt-info .play_cont_txt p {
  line-height: 24px;
}
.zt-top-box .zt-info .more_font {
  text-align: right;
}
.zt-top-box .zt-info .more_font a {
  font-size: 14px;
  color: #0cc6c6;
}
.zt-top-box #focus {
  width: 100%;
  height: 100%;
  display: block;
}
.zt-top-box #focus img {
  width: 100%;
  object-fit: cover;
}
.game-app-box {
  width: 95%;
  height: 94px;
  background-color: #fff;
  margin: -62px auto 0;
  border-radius: 15px;
  z-index: 10;
  position: relative;
  -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);
  overflow: hidden;
}
.game-app-box .game-icon {
  overflow: hidden;
  float: left;
  border-radius: 10px;
  margin: 15px 10px 15px 15px;
  display: block;
  height: 62.5px;
  width: 62.5px;
}
.game-app-box .game-icon img {
  width: 100%;
  height: 100%;
}
.game-app-box .game-info {
  display: inline-block;
  width: calc(100% - 170px);
  height: 60px;
  margin: 15px 0;
  font-size: 12px;
  color: #989ca6;
}
.game-app-box .game-info .info-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
  color: #333;
  font-weight: bolder;
}
.game-app-box .game-info .info-detail {
  margin: 9px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.game-app-box .game-info .info-detail li {
  text-overflow: ellipsis;
  margin-right: 4px;
  display: inline-block;
}
.game-app-box .game-info .info-detail li::after {
  margin-left: 4px;
  content: "";
  display: inline-block;
  height: 9px;
  width: 1px;
  border-right: 1px solid #989ca6;
}
.game-app-box .game-info .info-detail li:last-of-type::after {
  display: none;
}
.game-app-box .game-info .info-abstract {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% + 60px);
}
.game-app-box .game-btn {
  color: #fff;
  background: #45abff;
  line-height: 28px;
  border-radius: 5px;
  font-size: 13px;
  height: 28px;
  width: 60px;
  display: block;
  float: right;
  margin: 30px 15px 0 0;
  text-align: center;
}
/* 排行榜列表 */
.explain { position: relative; padding: 6px 12px; color: #999; font-size: 12px; line-height: 16px; margin: 10px; border-radius: 5px; border: 1px solid #45abff; }
.explain>em { color: #45abff; }
.explain .spread {position: absolute; right: 12px; bottom: 7px;}
.gsy-tabs-title {
  margin: 10px;
  padding: 3px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  background-color: #F7F7F8;
  border-radius: 5px
}

.gsy-tabs-title li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 28px;
  font-size: 14px;
  border-radius: 3px;
  overflow: hidden;
  height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.gsy-tabs-title li.active {
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.1)
}
/*排行榜单*/
.g-rank-box {
  margin: 0 10px;
  border-bottom: 1px solid #eaeaea;
}
.g-rank-box:last-of-type {border: 0;}
.game-item {
  position: relative;
  min-height: 64px;
  padding: 10px 0;
}

.game-item img {
  position: absolute;
  top: 10px;
  left: 0;
  width: 64px;
  height: 64px;
  border-radius: 5px;
}

.game-item .content {
  padding-left: 74px;
}

.game-item .content .game-name {
  padding-right: 65px;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 21px;
}

.game-item .content .type {
  margin: 7.5px 0;
  padding-right: 65px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.game-item .content .type .text {
  vertical-align: middle;
}
.game-item .content .type .text.orange {
  color: #ff9000;
}
.game-item .content .type .break {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 6px;
  background-color: #dddddf;
  vertical-align: middle;
}
.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}
.game-item .number1,.game-item .number2,.game-item .number3{padding:0 20px;background:url(../images/icon-rankbg-m.png) no-repeat center 0;color:#fff!important}
.number.number1{background-color:#ff5959}
.number.number2{background-color:#ff9800}
.number.number3{background-color:#ffdd75}
.game-item .content .type .border-left {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #999;
}

.game-item .content .boon {
  font-size: 12px;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.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: #ffffff;
  background-color: #45abff;
}
.rank-images {margin: 0 0 10px; border-radius: 10px; overflow: hidden;}
.rank-images img {
  width: 100%;
}
/* 下载弹窗 */
.m_downloadTips{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:10001}.m_downloadTips.on{display:block;}.m_downloadTips .m_downloadTipsBox{position:absolute;top:50%;left:50%;width:316.40625px;background:#fff;border-radius:5.859375px;transform:translate(-50%, -50%);padding-top:23.4375px}.m_downloadTips .m_downloadTipsBox .m_downloadTipsClose{position:absolute;right:11.71875px;top:-41.015625px;width:26.953125px;height:26.953125px;background:url(../images/icon_downloadTipsClose.png) 50% no-repeat;background-size:100% 100%;z-index:5}.m_downloadTips .m_downloadTipsBox .m_downloadTipsTitle{line-height:24.609375px;font-size:16.40625px;font-weight:700;color:#333;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;padding:0 18.75px}.m_downloadTips .m_downloadTipsBox .m_downloadTipsDesc{line-height:22.8515625px;font-size:14.0625px;color:#666;padding:0 18.75px;margin-top:11.71875px}.m_downloadTips .m_downloadTipsBox .m_downloadTipsBtn{position:relative;border-top:.5859375px solid #e5e5e5;margin-top:17.578125px;overflow:hidden}.m_downloadTips .m_downloadTipsBox .m_downloadTipsBtn a{float:left;width:50%;height:46.875px;line-height:46.875px;text-align:center}.m_downloadTips .m_downloadTipsBox .m_downloadTipsBtn .m_downloadTipsBtnL{color:#666}.m_downloadTips .m_downloadTipsBox .m_downloadTipsBtn .m_downloadTipsBtnR{position:absolute;right:0;bottom:0;color:#54ba3d;border-left:.5859375px solid #e5e5e5;z-index:1}
/* 标题 */
.mCTitle{height:40px;line-height:40px;box-sizing:border-box;margin: 0 10px 3px;}
.mCTitle p{width:100%;height:40px;border-bottom:2px solid #ddd;}
.mCTitle span{display:block;height:40px;border-bottom:2px solid #45abff;float:left;font-weight:bold;font-size:16px;line-height: 40px;}
.mCTitle i{width:10px;height:43px;background:#fff;float:left;}
.mCTitle .more {position: relative; float: right; display: block; line-height: 44px; color: #999; font-size: 12px; padding-right: 20px;}
.mCTitle .more::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b1b1b1;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mCTitle .more::after {
  content: '';
  display: inline-block;
  width: .1rem;
  height: .1rem;
  border-radius: 50%;
  background: #dddddd;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* 更多排行榜推荐 */
.about-topic .tabs {margin: 5px 10px 0;border-bottom: 1px solid #F2F2F2;}
.about-topic .llLqlbMenu{display: flex;height:40px;padding: 0 8px; box-sizing: border-box;}
.about-topic .llLqlbMenu li{display:block;height:40px;text-align:center;font-size: 14px;color:#333333;text-decoration:none;line-height: 40px;flex: 1;}
.about-topic .llLqlbMenu li.active{ border-bottom:1px solid #029DE8; color:#029DE8;}
.about-topic .llLqlbCont {margin-top: 5px;}
.about-topic .box{display:flex;flex-wrap:wrap;}.about-topic .box a{box-sizing: border-box;width:50%;font-size:12px;display:flex;height:35px;align-items:center;padding-left:25px;position:relative}.about-topic .box a span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.about-topic .box a:before{content:'';display:inline-block;width:5px;height:5px;border:1px solid #aaa;transform:rotate(45deg);position:absolute;top:0;bottom:0;left:10px;margin:auto}
/* 最新专题 */
.swiper_box{padding:0 10px;text-align:center;margin-top: 15px;}.swiper_box .swiper-slide{width:100%;position:relative;height:90px}.swiper_box .swiper-slide .img{height:100%;width:160px;margin:auto}.swiper_box .swiper-slide .img img{width:100%;height:100%}.swiper_box .swiper-slide p{box-sizing: border-box; font-size:10px;color:#fff;width:100%;height:20px;background:rgba(0,0,0,0.8);bottom:0;left:0;right:0;margin:auto;position:absolute;padding:0 10px;display:flex;justify-content:center;align-items:center;width:160px}.swiper_box .swiper-slide p span{font-size: 13px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.swiper_box .swiper-bp{display:inline-block;position:relative;height:25px;float:left;margin-left:50%;transform:translateX(-50%);margin-top:10px}.swiper_box .swiper-bp .swiper-pagination{position:relative;display:inline-block;float:left;padding-top:7.5px}.swiper_box .swiper-bp .swiper-pagination .swiper-pagination-bullet{position:relative;float:left;width:10px;height:10px;border-radius:50%;margin:0 3px;background:#e4e4e4;opacity:1}.swiper_box .swiper-bp .swiper-pagination .swiper-pagination-bullet-active{background:#2797ef}.swiper_box .swiper-bp .swiper-button-prev{position:absolute;width:15px;height:15px;background:#cdcdcd;left:inherit;left:-25px;top:0;bottom:0;margin:auto;border-radius:50%;background-image:url(../images/icon_1.png);background-size:250px 50px;background-position:-5px -30px}.swiper_box .swiper-bp .swiper-button-next{position:absolute;width:15px;height:15px;background:#cdcdcd;left:inherit;margin:0;top:inherit;right:-25px;top:0;bottom:0;margin:auto;border-radius:50%;background-image:url(../images/icon_1.png);background-size:250px 50px;background-position:-30px -30px}
/* 榜单资讯 */
.edition-wrap{overflow:hidden}.edition-item{height:40px;align-items:center;margin:0 10px;display:flex;overflow:hidden;border-top:1px solid #eaeaea;line-height:40px;justify-content:space-between}.edition-item:first-child{border-top:none}.edition-item p{overflow:hidden;padding-left:12px;background:url(../images/icon_arr.png) no-repeat left center;background-size:5px auto;color:#333;text-overflow:ellipsis;white-space:nowrap;max-width: 72%;}
.edition-item .time {font-size: 12px; color: #999;}