/* img-lb */
.img-lb {height: 9rem;position: relative;overflow: hidden; margin-top: 9px;}
.img-lb img {display: block;width: 100%;/* height: 100%; *//* min-height: 100%; */}
.img-lb li span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 5%;
    color: #fff;
    font-size: .75rem;
    z-index: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 2rem;
    height: 2rem;
    background-image: linear-gradient(0deg,rgb(0 0 0 / 0.8) 0%,rgb(0 0 0 / 0.5) 40%,transparent 100%);
}
.appType{
    overflow: visible !important;
}
.appType .swiper-pagination-bullet { margin: 0 4px;width: 40px !important;height: 2px !important;overflow: hidden !important;}
.appType .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -22px !important;left: 0;width: 100%;}

/* index-type */
.index-type {overflow: hidden;margin: 0 0 0 -.45rem;}
.index-type a {float: left;margin: 1rem 0 0 0.95rem; display: flex; flex-direction: column;align-items: center;}
.index-type a i {width: 2.5rem;height: 2.5rem;background-color: #ff685e;display: block;position: relative;border-radius: .8rem;}
.index-type a em {display: block;text-align: center;color: #404040;font-size: .7rem;height: .7rem;line-height: .7rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: .57rem;}
.index-type a i:before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.15rem;height: 1.13rem;background: url(../images/indexjlt.png) 0 0 no-repeat;background-size: 5rem 5rem;}
.index-type a:nth-of-type(2) i {background: #21c88a;}
.index-type a:nth-of-type(2) i:before {width: 1.08rem;height: 1.15rem;background-position: -1.15rem 0;}
.index-type a:nth-of-type(3) i {background:#3a8bff;}
.index-type a:nth-of-type(3) i:before {width:.7rem;height:1.23rem;background-position:-2.23rem 0;}
.index-type a:nth-of-type(4) i {background: #ffd87b;}
.index-type a:nth-of-type(4) i:before {background-position: -2.93rem 0;width: 1.15rem;height: 1.08rem;}
.index-type a:nth-of-type(5) i {background: #49dbff;}
.index-type a:nth-of-type(5) i:before {background-position: 0 -1.23rem;width: 1.08rem;height: 1.15rem;}
.index-type a:nth-of-type(6) i {background: #3a8bff;}
.index-type a:nth-of-type(6) i:before {background-position: -1.08rem -1.23rem;width: 1rem;height: 1.08rem;}
.index-type a:nth-of-type(7) i {background: #49dbff;}
.index-type a:nth-of-type(7) i:before {background-position: -2.08rem -1.23rem;width: 1.2rem;height: 1.3rem;}
.index-type a:nth-of-type(8) i {background: #21c88a;}
.index-type a:nth-of-type(8) i:before {background-position: -3.28rem -1.23rem;width: 1.08rem;height: 1.23rem;}
.index-type a:nth-of-type(9) i {background: #ff685e;}
.index-type a:nth-of-type(9) i:before {background-position: 0 -2.53rem;width: 1.02rem;height: 1.13rem;}
.index-type a:nth-of-type(10) i {background: #ffd87b;}
.index-type a:nth-of-type(10) i:before {background-position: -1.02rem -2.53rem;width: 1.55rem;height: 1.27rem;}
.index-type a:nth-of-type(11) i {background:#3a8bff;}
.index-type a:nth-of-type(11) i:before {width:.7rem;height:1.23rem;background-position:-2.23rem 0;}
.index-type a:nth-of-type(12) i {background: #ffd87b;}
.index-type a:nth-of-type(12) i:before {background-position: -2.93rem 0;width: 1.15rem;height: 1.08rem;}
.index-type a:nth-of-type(13) i {background: #49dbff;}
.index-type a:nth-of-type(13) i:before {background-position: 0 -1.23rem;width: 1.08rem;height: 1.15rem;}
.index-type a:nth-of-type(14) i {background: #3a8bff;}
.index-type a:nth-of-type(14) i:before {background-position: -1.08rem -1.23rem;width: 1rem;height: 1.08rem;}
.index-type a:nth-of-type(15) i {background: #49dbff;}
.index-type a:nth-of-type(15) i:before {background-position: -2.08rem -1.23rem;width: 1.2rem;height: 1.3rem;}
/* peo-recommend */
.peo-recommend {background: url(../images/peo-recommend-bg.jpg) bottom center no-repeat;background-size: 100% 100%;overflow: hidden;margin-top: 1.45rem;}
.peobox {height: 4rem;overflow: hidden;margin: .7rem auto 0rem;padding-bottom: .5rem;box-sizing: content-box;}
.peo-scroll {display: block;overflow-y: hidden;overflow-x: scroll;padding-bottom: 3rem;margin-left: .6rem;padding-top: .25rem;}
.peolist {display: flex;}
.peolist li a {padding: .5rem;background-color: #ffffff;border-radius: 0.25rem;margin-left: .15rem;display: block;width: 5.4rem;}
.peo-l {float: left;width: 3rem;border-right: .05rem dashed #e5e5e5;padding-right: .4rem;}
.peolist li a span {float: right;font-size: .6rem;color: #2299DD;width: .6rem;line-height: .7rem;margin-top: -.15em;}
.peo-l img {display: block;width: 2rem;height: 2rem;border-radius: 0.63rem;margin: -.75rem auto 0;}
.peo-l h5 {display: block;text-align: center;font-weight: normal;color: #333;margin-top: .57rem;font-size: .6rem;line-height: .6rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.peolist li a:after {content: "";display: block;overflow: hidden;clear: both;}
.peo-title {display: block;text-align: center;color: #2299DD;font-size: .75rem;font-style: italic;font-weight: bold;position: relative;margin: .65rem auto 0;}
.peo-title:before,.peo-title:after {content: "";position: absolute;top: .15rem;left: 6.8rem;width: 0.7rem;height: 0.53rem;background: url(../images/indexjlt.png) 0 -3.8rem no-repeat;background-size: 5rem 5rem;}
.peo-title:after {left: auto;right: 6.7rem;}
.peolist li:last-child a {margin-right:.75rem;}
/* tit-more */
.glotit-more {color: #999;float: right;position: relative;text-indent: 1.25rem;padding-left: .5rem;background: #fff;font-size: .6rem;}
.glotit-more:before {content: "...";border: .05rem solid #2299DD;width: 0.7rem;height: .7rem;border-radius: 50%;position: absolute;top: 48%;left: .5rem;transform: translateY(-55%);color: #2299DD;line-height: .05rem;font-size: 1.2rem;text-indent: .02rem;letter-spacing: -.14rem;}
.listmod-tab {float: left;width: 5.1rem;height: 1.15rem;border-radius: 0.63rem;border: solid 0.05rem #2299DD;overflow: hidden;margin-left: .65rem;position: relative;background: #fff;line-height: 1.15rem;margin-top: .5rem;}
.listmod-tab span {float: left;width: 50%;text-align: center;color: #2299DD;font-size: .6rem;cursor: pointer;}
.listmod-tab span.active {background: #2299DD;color: #fff;}
.glo-title {height: 2.1rem;line-height: 2.1rem;border-bottom: .05rem solid #f5f5f5;overflow: hidden;}
.glo-title h5 {margin-top: .8rem;}
/* similar-hot */
.recommend-good-game {padding: .75rem 0 1rem;}
.good-game-tit {display: block;text-align: center;width: 4.15rem;height: 1.2rem;color: #fff;line-height: 1.2rem;font-size: .6rem;font-weight: bold;margin: 0 auto;transform: skewX(15deg);}
.good-game-tit-bg {background: #ec535e;border-radius: 0.25rem 0 0.25rem 0;transform: skewX(-15deg);display: block;width: 4.15rem;height: 1.2rem;margin: 0 auto;}
.listmod-count {margin: 0 .75rem;}
.similar-list {overflow: hidden;margin-left: -1.4rem;margin-top: -.15rem;display: none;}
.similar-list li img { display: block; width: 3.25rem; height: 3.25rem; border-radius: .38rem; margin: 0 auto; }
.similar-list li {float: left;margin-left: 1.4rem;margin-top: 1rem;width: 3.25rem;}
.similar-list li h5 {display: block;text-align: center;color: #666;font-size: .6rem;height: .6rem;line-height: .6rem;margin-top: .6rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;}
.similar-list.active {display: block;}
.like-btn { display: block; width: 2.5rem; height: 1.2rem; border-radius: 0.1rem; border: solid 0.05rem #e73838; text-align: center; line-height: 1.2rem; color: #e73838; margin: .75rem auto 0; }
.similar-hot {border-bottom: .38rem solid #f9f9f9;padding-bottom: 1rem;}
/* zt */
.ztlist ul {overflow: hidden;}
.ztlist ul li {width: 8.35rem;background: #fff;margin-left: .65rem;overflow: hidden;display: block;float: left;margin-top: 1.1rem;}
.ztlist ul li img {display: block;width: 100%;height: 5rem;border-radius: .25rem;}
.ztlist ul li span {display: block;height: .8rem;line-height: .8rem;padding: 0 .5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: .8rem;color: #333;margin-top: .65rem;}
.ztmod .glo-tit {margin: 0 .75rem;}
.ztmod {border-bottom: .38rem solid #f9f9f9;padding-bottom: 1rem;}
/* old-map */
.old-map {padding-bottom: 1rem;}
.obox {height: 2.5rem;border-bottom: .05rem solid #f5f5f5;overflow: hidden;}
.olist li a {display: block;white-space: nowrap;color: #666;font-size: .7rem;height: 1.75rem;background-color: #f6f6f6;border-radius: 0.88rem;border: solid 0.03rem #dbdbdb;padding: 0 .9rem;line-height: 1.75rem;}
.olist li {margin-left: .28rem;}
.oscroll {display: block;overflow-y: hidden;overflow-x: scroll;padding-bottom: 3rem;margin-top: .35rem;}
.olist {display: flex;}
.olist li.active a {border-color: #0e9511;font-weight: bold;color: #0e9511;background: #f2fff7;}
.omaplist a {color: #333;font-size: .8rem;height: .8rem;line-height: .8rem;margin: 1.23rem 0 0 .75rem;float: left;}
.omaplist {overflow: hidden;margin-top: -.33rem;}
.oldmap-type {border-bottom: .38rem solid #f9f9f9;padding-bottom: 1rem;}



/* 备案 */
/* .site-main{
    display:none
} */