/* ————————————————公共样式—————————————————————————————————————————————— */
/* 自适应字体大小 */
html {
    width: 100%;
    height: 100%;
    font-size: 26.67vw;
    font-family: '微软雅黑';
}

/* 常规移动端为: .16rem=.14rem */
body {
    width: 100%;
    height: 100%;
    color: #1A1A1A;
    font-size: .14rem;
}

.main {
    width: 100%;
    background-color: #F2F2F2;
}

/* 节、栏、区块 */
.public-section {
    width: 100%;
    padding: .12rem;
    margin-bottom: .1rem;
    letter-spacing: .005rem;
    background-color: #fff;
}

/* 图片 */
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

:root {
    --pm-c: #00AFBC;
    --dm-c: #fdeaea;
    --bg-c: #F6F7FB;
    --br-c: #eee;
}

/* ———————————————————————————————共有区块——————————————————————————————— */
/* ——————————————网页头部—————————————— */
.header .logo-search {
    width: 100%;
    height: .6rem;
    padding: .15rem .12rem;
    background: url(../images/header-bg.png) no-repeat center/cover;
}

.header .logo-search .logo {
    display: block;
    width: auto;
    height: 100%;
}
.header .logo-search .logo img{
	width: auto;
	height: 100%;
}
.header .logo-search .search {
    width: 1.9rem;
    height: .3rem;
    padding: 0 .15rem;
    background: #FFFFFF;
    border-radius: .02rem;
    border: .01rem solid #2DC4B9;
    position: relative;
}

.header .logo-search .search::after {
    content: '';
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background: url(../images/search.png) no-repeat center/contain;
    position: absolute;
    right: .15rem;
    top: 50%;
    transform: translateY(-50%);
}

.header .logo-search .search input {
    width: 100%;
    height: 100%;
    color: #999;
    font-size: .12rem;
}

.header .logo-search .search input::placeholder {
    color: #999;
    font-size: .12rem;
}

.header .nav {
    width: 100%;
    height: .5rem;
    /*opacity: 0.95;*/
    padding: 0 .15rem;
    overflow-y: hidden;
    white-space: nowrap;
    background: linear-gradient(90deg, #00A2AE 0%, #00BF91 100%);
}

.header .nav .nav-item {
    display: inline-block;
    color: #FFFFFF;
    line-height: .5rem;
    margin-right: .28rem;
}

.header .nav .nav-item.active {
    font-size: .16rem;
    font-weight: bold;
}

.header .nav .nav-item:last-child {
    margin-right: 0;
}

/* ——————————————网页尾部—————————————— */
.footer {
    width: 100%;
    padding: .2rem .12rem;
    color: #999999;
    font-size: .12rem;
    background-color: #1A1A1A;
}

.footer .link-list {
    margin-bottom: .1rem;
    line-height: .28rem;
}

.footer .link-list .link-item {
    color: #999999;
    font-size: .12rem;
}

.footer .link-list .link-item::after {
    content: '|';
    display: inline-block;
    margin: 0 .1rem;
    font-size: .12rem;
}
.footer .link-list .link-item:last-child:after,
.footer .link-list .link-item:nth-child(5n):after {
    display: none;
}


/* 分页 */
.pagination {
    padding: 0.4rem 0 0.4rem 0;
    text-align: center;
}

.pagination .page-item {
    display: inline-block;
    margin: 0.05rem;
    font-size: 0.13rem;
    border: 1px solid var(--br-c);
    color: #555;
    background: #fff;
}

.pagination .active span {
    background: var(--pm-c);
    color: #fff;
}

.pagination .page-item:hover {
    background: var(--pm-c);
    color: #fff;
}

.pagination .page-item .page-link {
    display: block;
    padding: 0.06rem 0.12rem;
    border: 1px solid transparent;
}

.pagination li span {}

.pagination li a {
    display: inline-block;
    color: #666;
}

.pagination li a:hover {
    background: var(--pm-c);
    color: #fff;
    border: 1px solid var(--pm-c) !important;
}

/* 其他公共样式————————————————————— */

/* 日期 数量 */
span.count,
span.date {
    color: #999999;
    font-size: .12rem;
    white-space: nowrap;
}

/* 类型/大小 */
span.type,
span.size {
    color: #666;
    font-size: .12rem;
    white-space: nowrap;
}

/* 文章内容 */
.article-content p {
    color: #666666;
    font-size: .14rem;
    line-height: .29rem;
    text-indent: 2em;
}
.article-content iframe {
    display: block;
    width: 100%;
    height: 300px
}
.article-content img {
    display: block;
    margin: .3rem auto;
    max-width: 85%;
}

/* ————————公共区块评分———————— */

div.score {
    display: flex;
    align-items: center;
    justify-content: center;
}

div.score #fullScore {
    width: .6rem;
    height: .12rem;
    background-image: url('../images/score1.png');
    background-size: contain;
}

div.score #fullScore #getScore {
    height: .12rem;
    width: .6rem;
    color: transparent;
    background-image: url('../images/score2.png');
    background-size: contain;
}

/* ——————————公用的区块标题—————————— */
.public-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .18rem;
    border-bottom: .02rem solid #F2F2F2;
}

.public-title .title {
    font-size: .18rem;
    font-weight: bold;
    padding-bottom: .08rem;
    overflow: visible;
    border-bottom: .02rem solid var(--pm-c);
    position: relative;
}

.public-title .more {
    display: flex;
    align-items: center;
    color: #999;
    font-size: .12rem;
}

.public-title .more::after {
    content: '';
    display: inline-block;
    width: .12rem;
    height: .12rem;
    margin-left: .04rem;
    background: url(../images/more.png)no-repeat center/contain;
}

/* ——————————公用的区块选项——————————*/
.public-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2rem;
}

.public-select .option {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: .36rem;
    color: #808080;
    font-size: .14rem;
    border-radius: .02rem;
    background: #F7FDFF;
    border: .01rem solid #D7EEF0;
    position: relative;
}

.public-select .option.active {
    color: #FFFFFF;
    background: #00ABB7;
}

.public-select .option.active::before {
    content: '';
    display: inline-block;
    width: .16rem;
    height: .16rem;
    background: url(../images/rank-option.png) no-repeat center/contain;
    position: absolute;
    bottom: -.16rem;
    left: 50%;
    transform: translateX(-50%);
}

.public-select .option span {
    display: flex;
    align-items: center;
}

/* ——————————公用的区块 列表—————————— */
.list-container {
    width: 100%;
    background-color: #fff;
}

.list-container li {
    margin-bottom: .16rem;
}

.list-container li::before {
    content: '';
    display: inline-block;
    width: .06rem;
    height: .06rem;
    margin-right: .1rem;
    background: url(../images/rhombus-dot-1.png) no-repeat center/contain;
}

.list-container li:last-child {
    margin-bottom: 0;
}

.list-container li .sketch {
    margin-right: .2rem;
}

/* ——————————小图标—————————— */
.author {
    color: #999;
    font-size: .12rem;
}

.author::before {
    content: '';
    display: inline-block;
    width: .14rem;
    height: .14rem;
    margin-right: .05rem;
    background: url(../images/author.png) no-repeat center/contain;
}

/* ——————————点—————————— */
.dot::before {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    margin: 0 .1rem;
    background: #CCCCCC;
    transform: rotate(45deg);
}

/* ——————————标签—————————— */
.hot-tag,
.newest-tag {
    color: #fff;
    font-size: .12rem;
    height: .18rem;
    flex-shrink: 0;
    line-height: .18rem;
    padding: 0 .065rem;
    margin-right: .1rem;
    position: relative;
}

.hot-tag::after,
.newest-tag::after {
    content: '';
    display: inline-block;
    width: .06rem;
    height: .06rem;
    position: absolute;
    right: -.06rem;
    top: 50%;
    transform: translateY(-50%);
}

.hot-tag {
    background: #F36161;
}

.hot-tag::after {
    background: url(../images/hot-triangle.png) no-repeat center/contain;
}

.newest-tag {
    background: #2894EF;
}

.newest-tag::after {
    background: url(../images/newest-triangle.png) no-repeat center/contain;
}


/* ————————文章标题———————— */
.article {
    background-color: #fff;
}

.article-title {
    width: 100%;
    height: .5rem;
    color: #333;
    font-size: .18rem;
    font-weight: bold;
    padding: 0 .12rem;
    margin-bottom: .18rem;
    background: #E9F8FA;
    border: .01rem solid #D7EEF0;
}

.article-title::before {
    content: '';
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin-right: .08rem;
    background: url(../images/article-title01.png) no-repeat center/contain;
}

.article-title.book::before {
    background: url(../images/book.png) no-repeat center/contain;
}

.article-title.camera::before {
    background: url(../images/article-title02.png) no-repeat center/contain;
}

.article-title.more::before {
    background: url(../images/more-gift.png) no-repeat center/contain;
}

.article-title.app::before {
    background: url(../images/app-title.png) no-repeat center/contain;
}

.article .article-content {
    padding-bottom: .3rem;
}

.article .article-content h3 {
    font-size: .16rem;
    font-weight: bold;
    margin: .36rem 0 .18rem 0;
}

.article .article-content h3::before {
    content: '';
    display: inline-block;
    width: .1rem;
    height: .1rem;
    margin-right: .1rem;
    background: url(../images/rhombus-dot.png) no-repeat center/contain;
}

.article .article-content h3::after {
    content: '';
    display: inline-block;
    width: .1rem;
    height: .1rem;
    margin-left: .1rem;
    background: url(../images/rhombus-dot.png) no-repeat center/contain;
}

/* ————————分页器———————— */
.paginator {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 0;
}

.paginator .btn {
    width: .5rem;
    height: .3rem;
    margin: 0 .05rem;
    cursor: pointer;
    border: .01rem solid #E6E6E6;
}

.paginator .prev {
    background: #fff url(../images/prev.png) no-repeat center center;
    background-size: .16rem .16rem;
}

.paginator .next {
    background: #fff url(../images/next.png) no-repeat center center;
    background-size: .16rem .16rem;
}

.paginator .page {
    padding: 0 .11rem;
    line-height: .28rem;
    margin: 0 .05rem;
    background-color: #fff;
    border: .01rem solid #E6E6E6;
}

.paginator .page.active {
    color: #fff;
    border-radius: .02rem;
    background-color: #2DC4B9;
    border: .01rem solid #2DC4B9;
}


/* ——————————————其他公共区块—————————————— */
.mySwiper-1 {
    display: flex;
    margin-top: .1rem;
    align-items: baseline;
}

.mySwiper-1 .swiper-slide {
    position: relative;
    height: 100%;
}

.mySwiper-1 .swiper-slide a {
    display: block;
    height: 100%;
}

.mySwiper-1 .swiper-slide a img {
    object-fit: cover;
}

.mySwiper-1 .swiper-slide .sketch {
    width: 100%;
    color: #FFFFFF;
    padding: .5rem .75rem .12rem .12rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000000 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.mySwiper-1 .swiper-pagination {
    display: flex;
    align-items: center;
    width: auto !important;
    height: .19rem;
    top: auto !important;
    left: auto !important;
    right: .12rem;
    bottom: .12rem !important;
}

.mySwiper-1 .swiper-pagination-bullet {
    cursor: pointer;
    width: .06rem;
    height: .06rem;
    opacity: 1;
    border-radius: 0;
    background: #fff;
    transform: rotate(45deg);
}

.mySwiper-1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--pm-c);
}

/* ———————————常规游戏列表———————————*/
.normal-soft-list .soft-item {
    margin-bottom: .18rem;
    padding-bottom: .18rem;
    border-bottom: .01rem solid #F2F2F2;
}

.normal-soft-list .soft-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.normal-soft-list .soft-item .soft-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-right: .15rem;
}

.normal-soft-list .soft-item .info {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
}

.normal-soft-list .soft-item .down-btn {
    width: .68rem;
    color: #fff;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    background: var(--pm-c);
    border-radius: .02rem;
}

/* 软件下载列表 */
.soft-container {
    margin: 0 .12rem;
}

.soft-container .soft-item {
    width: 100%;
    height: 1.22rem;
    padding: .15rem;
    margin-top: .12rem;
    background: #FFFFFF;
}

.soft-container .soft-item .soft-icon {
    width: .5rem;
    height: .5rem;
    margin-right: .15rem;
    border-radius: .15rem;
}

.soft-container .soft-item .info {
    padding: .02rem 0;
}

.soft-container .soft-item .info .soft-name {
    font-size: .15rem;
}

.soft-container .soft-item .type {
    color: #999999;
    margin-right: .15rem;
}

.soft-container .soft-item .score {
    width: 1.5rem;
    height: .3rem;
    background: #F7F7F7;
    border-radius: 4px;
    margin-right: .24rem;
}

.soft-container .soft-item .down-btn {
    display: block;
    width: 1.5rem;
    height: .3rem;
    color: #00ABB7;
    line-height: .3rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: .05rem;
    border: .01rem solid #00ABB7;
}

/* ———————————手游下载——————————— */
.soft-dowm .soft-type {
    padding: 0 .16rem;
    margin-bottom: .15rem;
}

.soft-dowm .soft-type .type-item {
    width: .96rem;
    color: #666666;
    line-height: .4rem;
    text-align: center;
    background: #F7F7F7;
    border-radius: .02rem;
    margin: 0 .15rem .15rem 0;
}

.soft-dowm .soft-type .type-item.active {
    color: #FFFFFF;
    background: var(--pm-c);
}

.soft-dowm .soft-type .type-item:nth-child(3n) {
    margin-right: 0;
}

/* ———————————评测推荐——————————— */
.eva-rec {
    width: 100%;
}

.eva-rec .every-day-rec {
    height: 1.9rem;
    margin-bottom: .2rem;
}

.eva-rec .every-day-rec .tag {
    width: 1rem;
    height: .4rem;
    color: #FFFFFF;
    font-size: .16rem;
    line-height: .4rem;
    text-align: center;
    background: linear-gradient(90deg, var(--pm-c) 0%, #00C797 100%);
    position: absolute;
    left: -.08rem;
    top: .08rem;
}

.eva-rec .every-day-rec .tag::before {
    content: '';
    display: block;
    width: .08rem;
    height: .08rem;
    background: url(../images/every-rec-icon.png) no-repeat center/contain;
    position: absolute;
    bottom: -.08rem;
    left: 0;
}

.eva-rec .every-day-rec .info {
    width: 100%;
    height: .34rem;
    color: #fff;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
}

.eva-rec .every-day-rec .info .sketch {
    padding: .08rem .15rem;
}

.eva-rec .every-day-rec .info .score {
    width: .6rem;
    color: #fff;
    font-weight: bold;
    line-height: .34rem;
    text-align: center;
    background: #F36161;
}

.eva-rec .eva-list .eva-item {
    padding: .2rem 0;
    border-top: .01rem solid #F2F2F2;
}

.eva-rec .eva-list .eva-item:last-child {
    padding-bottom: 0;
}

.eva-rec .eva-list .eva-item .eva-pic {
    width: .9rem;
    height: .6rem;
    margin-right: .15rem;
}

.eva-rec .eva-list .eva-item .info .score {
    width: .4rem;
    color: #fff;
    font-size: .12rem;
    line-height: .2rem;
    text-align: center;
    margin-right: .1rem;
    background: #F36161;
}

.eva-rec .eva-list .eva-item .info .sketch {
    color: #666;
    margin-right: .2rem;
}

/* ———————————排行榜—————————— */
.rank-section {
    width: 100%;
    background-color: #fff;
}

.rank-section .public-select .option span::before {
    content: '';
    display: inline-block;
    width: .18rem;
    height: .18rem;
    margin-right: .02rem;
    background: url(../images/rank-title-left.png) no-repeat center/contain;
}

.rank-section .public-select .option.active span::before {
    content: '';
    display: inline-block;
    width: .18rem;
    height: .18rem;
    margin-right: .02rem;
    background: url(../images/rank-title-l-a.png) no-repeat center/contain;
}

.rank-section .public-select .option span::after {
    content: '';
    display: inline-block;
    width: .18rem;
    height: .18rem;
    margin-left: .02rem;
    background: url(../images/rank-title-right.png) no-repeat center/contain;
}

.rank-section .public-select .option.active span::after {
    content: '';
    display: inline-block;
    width: .18rem;
    height: .18rem;
    margin-right: .02rem;
    background: url(../images/rank-title-r-a.png) no-repeat center/contain;
}

/* 排行榜 */
.rank-section .rank-container .top-three {
    margin-top: .24rem;
}

.rank-section .rank-container#hotRank {
    display: none;
}

.rank-section .rank-container .top-three .game-item {
    display: flex;
    align-items: center;
    align-self: flex-end;
    flex-direction: column;
    padding: .37rem .15rem .24rem .15rem;
    position: relative;
}

.rank-section .rank-container .top-three .game-item.first {
    width: 1.3rem;
    height: 2.1rem;
    background: linear-gradient(180deg, #FBF1CD 0%, #F2C98E 100%);
}

.rank-section .rank-container .top-three .game-item.second {
    width: 1.1rem;
    height: 2rem;
    background: linear-gradient(180deg, #E1E1DF 0%, #CDCDCD 100%);
}

.rank-section .rank-container .top-three .game-item.thirdly {
    width: 1.1rem;
    height: 1.9rem;
    padding-top: .27rem;
    background: linear-gradient(180deg, #FCDAB3 0%, #F0B57E 100%);
}

.rank-section .rank-container .top-three .game-item::before {
    content: '';
    display: inline-block;
    width: .36rem;
    height: .36rem;
    background: url(../images/rank-first.png) no-repeat center/contain;
    position: absolute;
    left: 50%;
    top: -.18rem;
    transform: translateX(-50%);
}

.rank-section .rank-container .top-three .game-item.first::before {
    width: .5rem;
    height: .5rem;
    top: -.25rem;
    background: url(../images/rank-first.png) no-repeat center/contain;
}

.rank-section .rank-container .top-three .game-item.second::before {
    background: url(../images/rank-second.png) no-repeat center/contain;
}

.rank-section .rank-container .top-three .game-item.thirdly::before {
    background: url(../images/rank-thirdly.png) no-repeat center/contain;
}

.rank-section .rank-container .top-three .game-item .game-icon {
    margin-bottom: .08rem;
    border-radius: .15rem;
}

.rank-section .rank-container .top-three .game-item.first .game-icon {
    width: .7rem;
    height: .7rem;
}

.rank-section .rank-container .top-three .game-item.second .game-icon,
.rank-section .rank-container .top-three .game-item.thirdly .game-icon {
    width: .6rem;
    height: .6rem;
}

.rank-section .rank-container .top-three .game-item .game-name {
    max-width: 1rem;
}

.rank-section .rank-container .top-three .game-item .msg {
    margin-top: .2rem;
}

.rank-section .rank-container .top-three .game-item .msg .system {
    margin-right: .35rem;
}

.rank-section .rank-container .top-three .game-item .msg li {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.rank-section .rank-container .top-three .game-item .msg li div {
    color: #808080;
    font-size: .11rem;
    white-space: nowrap;
}

.rank-section .rank-container .top-three .game-item .msg li span {
    color: #666;
    font-size: .12rem;
    font-weight: bold;
    white-space: nowrap;
}

.rank-section .rank-container .game-list {
    margin-top: .3rem;
}

.rank-section .rank-container .game-list .game-item {
    padding-bottom: .18rem;
    margin-bottom: .18rem;
    border-bottom: .01rem solid #F2F2F2;
}

.rank-section .rank-container .game-list .game-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.rank-section .rank-container .game-list .game-item .num {
    width: .21rem;
    color: #B3B3B3;
    font-size: .16rem;
    font-weight: bold;
    text-align: center;
    margin-right: .1rem;
}

.rank-section .rank-container .game-list .game-item .game-icon {
    width: .6rem;
    height: .6rem;
    margin-right: .15rem;
}

.rank-section .rank-container .game-list .game-item .info {
    color: #666;
    font-size: .12rem;
}

.rank-section .rank-container .game-list .game-item .info .score {
    color: #F36161;
    font-weight: bold;
}

.rank-section .rank-container .game-list .game-item .down-btn {
    width: .68rem;
    height: .32rem;
    color: #fff;
    line-height: .32rem;
    text-align: center;
    border-radius: .02rem;
    background: #00ABB7;
}

/* ———————————攻略选项卡——————————— */
.game-gba .gba-tabs .public-select {
    padding: 0 0.08rem 0.26rem 0.08rem;
}

.game-gba .gba-tabs .public-select .option span::before {
    content: '';
    display: inline-block;
    width: .14rem;
    height: .14rem;
    margin-right: .05rem;
}

.game-gba .gba-tabs .public-select .option span.newest-gba::before {
    background: url(../images/newest-icon.png) no-repeat center/contain;
}

.game-gba .gba-tabs .public-select .option span.hot-gba::before {
    background: url(../images/hot-icon3.png) no-repeat center/contain;
}

.game-gba .gba-tabs .public-select .active span.newest-gba::before {
    background: url(../images/newest-icon-active.png) no-repeat center/contain;
}

.game-gba .gba-tabs .public-select .active span.hot-gba::before {
    background: url(../images/hot-icon3-active.png) no-repeat center/contain;
}

.game-gba .gba-tabs .hot-content {
    display: none;
}

.game-gba .gba-tabs .gba-grid .gba-item-a {
    width: 100%;
    height: 1.6rem;
    margin-bottom: .1rem;
}

.game-gba .gba-tabs .gba-grid .gba-item-b {
    width: 1.7rem;
    height: .9rem;
}

.game-gba .gba-tabs .gba-grid .gba-item .gba-pic {
    width: 100%;
    height: 100%;
    position: relative;
}

.game-gba .gba-tabs .gba-grid .gba-item .gba-pic img {
    object-fit: cover;
}

.game-gba .gba-tabs .gba-grid .gba-item .sketch {
    width: 100%;
    height: .3rem;
    color: #fff;
    font-size: .12rem;
    line-height: .30rem;
    text-align: center;
    padding: 0 .15rem;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
}

.game-gba .gba-tabs .gba-grid .gba-item-a .sketch {
    height: .34rem;
    font-size: .14rem;
    line-height: .34rem;
}

.game-gba .gba-tabs .list-container {
    margin-top: .18rem;
}

/* ———————————资讯排行——————————— */
.news-rank {
    background-color: #fff;
}

.news-rank .rank-list .rank-item {
    margin-bottom: .24rem;
}

.news-rank .rank-list .rank-item:last-child {
    margin-bottom: 0;
}

.news-rank .rank-list .rank-item .num {
    width: .34rem;
    height: .34rem;
    margin-right: .1rem;
}

.news-rank .rank-list .rank-item:first-child .num {
    background: url(../images/news-rank01.png) no-repeat center/contain;
}

.news-rank .rank-list .rank-item:nth-child(2) .num {
    background: url(../images/news-rank02.png) no-repeat center/contain;
}

.news-rank .rank-list .rank-item .news-pic {
    width: 1rem;
    height: .6rem;
    margin-right: .15rem;
}

.news-rank .rank-list .rank-item .news-pic img {
    object-fit: cover;
}

.news-rank .rank-list .rank-item .hot {
    color: #999;
    font-size: .12rem;
}

.news-rank .rank-list .rank-item .hot::before {
    content: '';
    display: inline-block;
    width: .12rem;
    height: .12rem;
    margin-right: .04rem;
    background: url(../images/hot-icon2.png) no-repeat center/contain;
}

.news-rank .list-contianer .item {
    margin-bottom: .2rem;
}

.news-rank .list-contianer .item:last-child {
    margin-bottom: 0;
}

.news-rank .list-contianer .item::before {
    display: none;
}

.news-rank .list-contianer .item .num {
    width: .34rem;
    text-align: center;
    margin-right: .1rem;
    color: #999999;
    font-weight: bold;
}

.news-rank .list-contianer .item .sketch {
    margin-right: .1rem;
}

/* ———————————近期大作——————————— */
.recent-works .recent-game {
    padding-bottom: .25rem;
    border-bottom: .01rem solid #F2F2F2;
}

.recent-works .recent-game .game-icon-container {
    position: relative;
    margin-right: .2rem;
}

.recent-works .recent-game .game-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    position: relative;
    z-index: 99;
}

.recent-works .recent-game .border {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    border: 1px solid #FFD600;
    position: absolute;
    bottom: .03rem;
    right: -.03rem;
}

.recent-works .recent-game .border::before {
    content: '';
    display: block;
    width: .26rem;
    height: .26rem;
    background: url(../images/recent-game.png) no-repeat center/contain;
    position: absolute;
    right: -.15rem;
    top: -.15rem;
}

.recent-works .recent-game .info .game-name {
    color: #333333;
    font-size: .16rem;
    font-weight: bold;
}

.recent-works .recent-game .info .score {
    color: #F36161;
    font-weight: bold;
}

.recent-works .recent-game .info {
    margin-right: .2rem;
}

.recent-works .recent-game .btn {
    display: block;
    width: .96rem;
    color: #fff;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    border-radius: .02rem;
}

.recent-works .recent-game .btn.game-details {
    margin-bottom: .13rem;
    background: #2894EF;
}

.recent-works .recent-game .btn.get-gift {
    background: #FF8518;
}

/* 列表 */
.recent-works .game-list {
    padding: 0 10px;
}

.recent-works .game-list .game-item {
    width: .8rem;
    margin: .25rem .45rem 0 0;
    overflow: hidden;
}

.recent-works .game-list .game-item:nth-child(3n) {
    margin-right: 0;
}

.recent-works .game-list .game-item .game-icon {
    width: .7rem;
    height: .7rem;
    margin: 0 auto;
    margin-bottom: .1rem;
    border-radius: .2rem;
}

.recent-works .game-list .game-item .game-name {
    text-align: center;
}

/* ———————————最新资讯——————————— */
.newest-news .news-container .news-item .line {
    width: 0;
    margin-right: .3rem;
    border-right: .02rem solid #E6E6E6;
    position: relative;
}

.newest-news .news-container .news-item .line::before {
    content: '';
    display: block;
    width: .18rem;
    height: .18rem;
    background: url(../images/newest-news-dot.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    left: -.08rem;
}

.newest-news .news-container .news-item .date {
    color: #666;
    font-size: .14rem;
}

.newest-news .news-container .news-item .news-pic {
    width: 3.1rem;
    height: 1.5rem;
    margin: .1rem 0 .3rem 0;
}

.newest-news .news-container .news-item:last-child .news-pic {
    margin-bottom: 0;
}

.newest-news .news-container .news-item .news-pic .sketch {
    width: 100%;
    color: #fff;
    padding: .12rem .15rem;
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .1));
    position: absolute;
    bottom: 0;
}

/* ———————————同类推荐——————————— */
/* 软件表格 */
.soft-grid {
    padding: 0 10px;
}

.soft-grid .soft-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: .8rem;
    margin: 0 0.38rem 0.3rem 0;
    overflow: hidden;
}

.soft-grid .soft-item:nth-child(3n) {
    margin-right: 0;
}

.soft-grid .soft-item:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.soft-grid .soft-item .soft-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-bottom: .1rem;
}

.soft-grid .soft-item .game-name {
    width: 100%;
    text-align: center;
}

.soft-grid .soft-item .down-btn {
    display: block;
    width: .68rem;
    height: .32rem;
    color: #00ABB7;
    line-height: .32rem;
    text-align: center;
    margin-top: .12rem;
    background: #FFFFFF;
    border-radius: .02rem;
    border: .01rem solid #00ABB7;
}

.soft-grid .soft-item .type {
    color: #999;
    font-size: .13rem;
    margin-top: .08rem;
}

/* ———————————热门游戏——————————— */
.hot-games .game-list .game-item {
    padding-bottom: .18rem;
    margin-bottom: .18rem;
    border-bottom: .01rem solid #F2F2F2;
}

.hot-games .game-list>.game-item:last-child {
    border: none;
    margin-bottom: 0;
}

.hot-games .game-list .game-item .game-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-right: .15rem;
}

.hot-games .game-list .game-item .info {
    padding: .02rem 0;
}

.hot-games .game-list .game-item .score {
    justify-content: start;
}

.hot-games .game-list .game-item .info .msg {
    color: #666;
    font-size: .12rem;
}

.hot-games .game-list .game-item .info .msg .line {
    color: #E5E4E4;
    font-size: .1rem;
    margin: 0 .1rem;
}

.hot-games .game-list .game-item .hot {
    width: .5rem;
    height: .5rem;
    color: #FE7B4D;
    font-size: .11rem;
    border: .01rem solid #E6E6E6;
}

.hot-games .game-list .game-item .hot::before {
    content: '';
    display: block;
    width: .16rem;
    height: .16rem;
    background: url(../images/hot-icon04.png) no-repeat center center/contain;
}

/* ———————————热门游戏——————————— */
.hot-games .game-list .game-item .num {
    width: .2rem;
    color: #fff;
    font-size: .12rem;
    line-height: .2rem;
    margin-right: .15rem;
    text-align: center;
    background: #CCCCCC;
}

.hot-games .game-list .top-three .game-item .num {
    width: .2rem;
    color: #fff;
    font-size: .12rem;
    line-height: .2rem;
    margin-right: .15rem;
    text-align: center;
    background: var(--pm-c);
}

.hot-games .game-list .top-three .game-item .down-btn {
    color: #fff;
    height: .32rem;
    line-height: .32rem;
    padding: 0 .195rem;
    background: #00ABB7;
    border-radius: .02rem;
}

/* ———————————大家在讨论——————————— */
.all-talk .news-list {
    margin-top: .3rem;
}

.all-talk .news-list .news-item {
    padding-bottom: .18rem;
    margin-bottom: .28rem;
    border-bottom: .01rem solid #F2F2F2;
}

.all-talk .news-list .news-item:last-child {
    margin-bottom: 0;
    border: none;
}

.all-talk .news-list .news-item .date::before {
    content: '';
    display: block;
    width: .06rem;
    height: .06rem;
    margin-right: .08rem;
    background: url(../images/h3-dot.png) no-repeat center center/contain;

}

.all-talk .news-list .news-item .news-pic {
    width: 1.4rem;
    height: .8rem;
    position: relative;
    margin-right: .15rem;
    overflow: visible;
}

.all-talk .news-list .news-item .news-pic .tag {
    display: block;
    min-width: .68rem;
    height: .24rem;
    color: var(--pm-c);
    font-size: .12rem;
    line-height: .22rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: .02rem;
    border: .01rem solid var(--pm-c);
    box-sizing: border-box;
    position: absolute;
    top: -.1rem;
    left: -.05rem;
    padding: 0 .1rem;
    box-sizing: border-box;
}

.all-talk .news-list .news-item .info .date::before {
    content: '';
    display: inline-block;
    width: .06rem;
    height: .06rem;
    margin-right: .08rem;
    background: url(../images/rhombus-dot.png) no-repeat center/contain;
}

.all-talk .news-list .news-item .info .sketch {
    color: #666;
    font-size: .13rem;
}

/* ———————————专辑排行——————————— */
.album-rank .section-title {
    font-size: .18rem;
    font-weight: bold;
    margin-bottom: .22rem;
}

.album-rank .section-title::before {
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
    background: url(../images/album-rank-title.png) no-repeat center/contain;
}

.album-rank .album-rank-list .album-rank-item {
    padding-bottom: .16rem;
    margin-bottom: .16rem;
    border-bottom: .01rem solid #F2F2F2;
}

.album-rank .album-rank-list .album-rank-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.album-rank .album-rank-list .album-rank-item .num {
    color: #999999;
    font-weight: bold;
    margin-right: .17rem;
}

.album-rank .album-rank-list .album-rank-item:nth-child(1) .num {
    color: #F21414;
}

.album-rank .album-rank-list .album-rank-item:nth-child(2) .num {
    color: #FF4D00;
}

.album-rank .album-rank-list .album-rank-item:nth-child(3) .num {
    color: #FF8A00;
}

.album-rank .album-rank-list .album-rank-item .title {
    padding-right: .2rem;
}

.album-rank .album-rank-list .album-rank-item .count {
    color: #999;
    font-size: .12rem;
    margin-top: .08rem;
}

.album-rank .album-rank-grid .album-rank-item {
    padding: .15rem .15rem .2rem .15rem;
    margin-bottom: .1rem;
    background: #F7F7F7;
}

.album-rank .album-rank-grid .album-rank-item .album-title {
    margin-bottom: .2rem;
}

.album-rank .album-rank-grid .album-rank-item .album-title .title {
    font-size: .16rem;
    font-weight: bold;
}

.album-rank .album-rank-grid .album-rank-item .album-title .title::before {
    content: '';
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .08rem;
    background: url(../images/hot-icon04.png) no-repeat center/contain;
}

.album-rank .album-rank-grid .album-rank-item .album-title .more {
    width: .14rem;
    height: .14rem;
    margin-right: .08rem;
    background: url(../images/all-btn.png) no-repeat center/contain;
}

.album-rank .album-rank-grid .album-rank-item .game-list .game-item {
    width: .64rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.album-rank .album-rank-grid .album-rank-item .game-list .game-item .game-icon {
    width: .6rem;
    height: .6rem;
    margin-bottom: .1rem;
    border-radius: .15rem;
}

.album-rank .album-rank-grid .album-rank-item .game-list .game-item .game-name {
    color: #666;
    font-size: .12rem;
    max-width: .64rem;
}

/* ———————————最新视频—————————— */
.newest-video {
    width: 100%;
}

.newest-video .video-grid .video-item {
    width: 1.7rem;
    margin: 0 .1rem .26rem 0;
}

.newest-video .video-grid .video-item:nth-child(2n) {
    margin-right: 0;
}

.newest-video .video-grid .video-item .video-pic {
    width: 1.7rem;
    height: 1.1rem;
    margin-bottom: .1rem;
    position: relative;
}

.newest-video .video-grid .video-item .video-pic .video-msg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .06rem;
    color: #fff;
    font-size: .12rem;
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .1));
    position: absolute;
    bottom: 0;
}

.newest-video .video-grid .video-item .video-pic .video-msg .play-count::before {
    content: '';
    display: inline-block;
    width: .1rem;
    height: .1rem;
    margin-right: .05rem;
    background: url(../images/play-count.png) no-repeat center/contain;
}

.newest-video .video-grid .video-item .sketch {
    margin-bottom: .12rem;
}

/* ———————————热门资讯—————————— */
.hot-news .news-list .news-item {
    margin-bottom: .3rem;
}

.hot-news .news-list .news-item:last-child {
    margin-bottom: 0;
}

.hot-news .news-list .news-item .news-pic {
    width: 100%;
    height: 1.5rem;
    margin-bottom: .1rem;
}

.hot-news .news-list .news-item .news-pic img {
    object-fit: cover;
}

.hot-news .news-list .news-item .info {
    margin-top: .15rem;
}

/* ———————————产业资讯——————————— */
.industry-news .news-container {
    padding-bottom: .2rem;
    border-bottom: .01rem solid #F2F2F2;
}

.industry-news .news-container .news-item {
    margin-bottom: .3rem;
}

.industry-news .news-container .news-item:last-child {
    margin-bottom: 0;
}

.industry-news .news-container .news-item .title {
    font-weight: bold;
}

.industry-news .news-container .news-item .sketch {
    color: #999;
    font-size: .12rem;
    margin-top: .1rem;
}

.industry-news .list-contianer {
    margin-top: .2rem;
}

.industry-news .list-contianer .item {
    margin-bottom: .16rem;
}

.industry-news .list-contianer .item::before {
    display: none;
}

.industry-news .list-contianer .item .sketch {
    margin-right: .1rem;
}

.industry-news .list-contianer .item .tag {
    color: #666666;
    white-space: nowrap;
}

/* ———————————热游推荐、猜你喜欢——————————— */
.soft-grid-public .soft-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    width: .9rem;
    margin: 0 .4rem .26rem 0;
}

.soft-grid-public .soft-item:nth-child(3n) {
    margin-right: 0;
}

.soft-grid-public .soft-item:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.soft-grid-public .soft-item .soft-icon {
    width: .7rem;
    height: .7rem;
    overflow: hidden;
    border-radius: .15rem;
    margin-bottom: .1rem;
}

.soft-grid-public .soft-item .soft-name {
    max-width: .9rem;
    text-align: center;
}

.soft-grid-public .soft-item p.date {
    color: #999;
    font-size: .12rem;
    margin-top: .08rem;
    text-align: center;
}

.soft-grid-public .soft-item .hot {
    color: #999;
    font-size: .12rem;
    margin-top: .1rem;
}

.soft-grid-public .soft-item .hot::before {
    content: '';
    display: inline-block;
    width: .12rem;
    height: .12rem;
    margin-right: .04rem;
    background: url(../images/hot-icon-g.png) no-repeat center/contain;
}

/* ———————————视频推荐——————————— */
.video-rec .video-container .video-item {
    padding-bottom: .18rem;
    margin-bottom: .18rem;
    border-bottom: .01rem solid #f2f2f2;
}

.video-rec .video-container .video-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.video-rec .video-container .video-item .video-pic {
    width: 1.3rem;
    height: .8rem;
    margin-right: .15rem;
    position: relative;
}

.video-rec .video-container .video-item .video-pic .date-tag {
    color: #FFFFFF;
    font-size: .12rem;
    padding: .02rem .04rem;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    right: 0;
}

.video-rec .video-container .video-item .sketch {
    color: #666;
    font-size: .13rem;
    margin-top: -.1rem;
}

/* ———————————最新礼包——————————— */
.newest-gift .newest-gift-list .gift-item {
    width: 100%;
    height: .7rem;
    padding: .12rem .15rem;
    margin-bottom: .1rem;
    background: #FAFAFA;
}

.newest-gift .newest-gift-list .gift-item:nth-child(2n) {
    margin-right: 0;
}

.newest-gift .newest-gift-list .gift-item .name-container::before {
    content: '';
    display: inline-block;
    width: .06rem;
    height: .06rem;
    flex-shrink: 0;
    margin-right: .08rem;
    background: url(../images/rhombus-dot.png) no-repeat center/contain;
}

.newest-gift .newest-gift-list .gift-item .sketch {
    color: #999;
    font-size: .12rem;
    margin-right: .2rem;
}

/* ———————————热门礼包——————————— */

.hot-gift .hot-gift-container {
    margin-bottom: .34rem;
}

.hot-gift .hot-gift-container .gift-item {
    width: 1.6rem;
}

.hot-gift .hot-gift-container .gift-item .gift-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: .1rem;
    overflow: visible;
}

.hot-gift .hot-gift-container .gift-item .gift-icon img {
    border-radius: .3rem;
}

.hot-gift .hot-gift-container .gift-item .gift-icon .info {
    width: 1.6rem;
    height: .3rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
}

.hot-gift .hot-gift-container .gift-item .gift-icon .info .count {
    padding: .08rem;
    color: #FFFFFF;
    font-size: .13rem;
}

.hot-gift .hot-gift-container .gift-item .gift-icon .info .count::before {
    content: '';
    display: inline-block;
    width: .14rem;
    height: .14rem;
    margin-right: .08rem;
    background: url(../images/gift-title.png) no-repeat center/contain;
}

.hot-gift .hot-gift-container .gift-item .gift-icon .info .get-btn {
    width: .5rem;
    line-height: .3rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .13rem;
    background: linear-gradient(90deg, var(--pm-c) 0%, #00C797 100%);
}

.hot-gift .hot-gift-container .gift-item .sketch {
    max-width: 1.6rem;
}

.hot-gift .gift-list::before {
    content: '';
    display: block;
    width: 0rem;
    height: 88%;
    border-right: .01rem solid #E6E6E6;
    position: absolute;
    left: .03rem;
    top: .12rem;
}

.hot-gift .gift-list .gift-item {
    margin-bottom: .2rem;
}

.hot-gift .gift-list .gift-item::before {
    content: '';
    display: block;
    width: .07rem;
    height: .07rem;
    margin-right: .1rem;
    background: url(../images/hot-gift-dot.png) no-repeat center/contain;
}

.hot-gift .gift-list .gift-item:last-child {
    margin-bottom: 0;
}

.hot-gift .gift-list .gift-item .count {
    color: #32D2AC;
    font-size: .12rem;
    margin-right: .22rem;
}

.hot-gift .gift-list .gift-item .count p {
    width: .4rem;
    height: .08rem;
    margin-right: .05rem;
    border: .01rem solid #32D2AC;
}

.hot-gift .gift-list .gift-item .count p i {
    width: 50%;
    height: 100%;
    background-color: #32D2AC;
}

.hot-gift .gift-list .gift-item .get-btn {
    width: .48rem;
    color: #666;
    font-size: .12rem;
    line-height: .22rem;
    text-align: center;
    border-radius: .02rem;
    border: .01rem solid var(--pm-c);
}

.hot-gift .gift-list .gift-item:hover .get-btn {
    color: #fff;
    background-color: var(--pm-c);
}

/* ———————————热门攻略——————————— */
/* 攻略列表 */
.game-gba .gba-container .game-pics {
    margin-bottom: .1rem;
}

.game-gba .gba-container .game-pics .game-pic {
    width: 1.9rem;
}

/* 攻略列表 */
.game-gba .gba-container .gba-list .gba-item {
    padding: .18rem 0;
    border-bottom: .01rem solid #F2F2F2;
}

.game-gba .gba-container .gba-list .gba-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.game-gba .gba-container .gba-list .gba-item .title {
    margin-bottom: .12rem;
}

.game-gba .gba-container .gba-list .gba-item .game-pic {
    width: 1rem;
    height: .6rem;
    margin-right: .15rem;
}

.game-gba .gba-container .gba-list .gba-item .info .game-pic {
    flex-shrink: 0;
}

.game-gba .gba-container .gba-list .gba-item .info .sketch {
    color: #666;
}


/* 面向属性的 CSS---单个类每一个类只写一种属性————————————————————————————————— */
.t1,
.title,
.sketch,
.app-name,
.game-name,
.gift-name,
.soft-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oh-2,
.game-sketch,
.gba-sketch {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gba-pic,
.news-pic,
.video-pic,
.game-icon,
.soft-icon,
.game-name {
    display: block;
    overflow: hidden;
}

.game-icon img,
.soft-icon img {
    border-radius: .15rem;
}



/* —————————————————布局样式————————————————— */
.none {
    display: none;
}

.df {
    display: flex;
}

.fdc {
    flex-direction: column;
}

.jcc {
    justify-content: center;
}

.jcsb {
    justify-content: space-between;
}

.jcsa {
    justify-content: space-around;
}

.jcse {
    justify-content: space-evenly;
}

.jcs {
    justify-content: start;
}

.jce {
    justify-content: end;
}

.wrap {
    flex-wrap: wrap;
}

.nowrap {
    flex-wrap: nowrap;
}

.aic {
    align-items: center;
}


.flex1 {
    flex: 1;
}

/* 绝对定位 */
/* 相对定位 */
.rel {
    position: relative;
}

.abs {
    position: absolute;
}

/* margin */
.mt0 {
    margin-top: 0;
}

.m15-0 {
    margin: .15rem 0;
}

.mt5 {
    margin-top: .5rem;
}

.mt10 {
    margin-top: .10rem;
}

.mt12 {
    margin-top: .12rem;
}

.mt15 {
    margin-top: .15rem;
}

.mt20 {
    margin-top: .2rem;
}

.mt24 {
    margin-top: .24rem;
}

.mt30 {
    margin-top: .3rem;
}

.mt40 {
    margin-top: .4rem;
}

.mt50 {
    margin-top: .5rem;
}

.mr0 {
    margin-right: 0rem;
}

.mr10 {
    margin-right: .1rem;
}

.mr20 {
    margin-right: .20rem;
}

.mr25 {
    margin-right: .25rem;
}

.mr30 {
    margin-right: .3rem;
}

.mb0 {
    margin-bottom: 0rem;
}

.mb8 {
    margin-bottom: .08rem;
}

.mb10 {
    margin-bottom: .1rem;
}

.mb20 {
    margin-bottom: .2rem;
}

.mb30 {
    margin-bottom: .30rem;
}

.mb35 {
    margin-bottom: .35rem;
}

.mb50 {
    margin-bottom: .5rem;
}

.m20-0 {
    margin: .2rem 0;
}

.ml10 {
    margin-left: .1rem;
}

/* padding */
.p15-0 {
    padding: .15rem 0;
}

.pt0 {
    padding-top: 0;
}

.p15 {
    padding: .15rem;
}

.pt30 {
    padding-top: .3rem;
}

.pt50 {
    padding-top: .5rem;
}

.pt70 {
    padding-top: .7rem;
}

.pb0 {
    padding-bottom: 0rem;
}


/* 字体样式 --*/
.text-center {
    text-align: center;
}

.fz10 {
    font-size: .1rem;
}

.fz12 {
    font-size: .12rem;
}

.fwb {
    font-weight: bold;
}

.color-666 {
    color: #666;
}

.color-999 {
    color: #999;
}

.color-4D {
    color: #4d4d4d;
}

.bg-fff {
    background-color: #fff;
}

.oh {
    overflow: hidden;
}

.oh-y {
    overflow-y: hidden;
}

/* 滚轴 */
.scrollableX {
    overflow-x: scroll;
}

/* 隐藏滚轴 */
::-webkit-scrollbar {
    width: 0;
    height: 0;
}



/* ————重置样式———————————————————————————————————————————————————————————— */
html,
body,
div,
span,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
dl,
dt,
dd,
ol,
ul,
li,
form,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
footer,
header,
nav,
section,
input,
button {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

dl,
ol,
ul {
    list-style: none;
}

/* 处理3像素bug */
img {
    vertical-align: middle;
    border-style: none;
}

a {
    color: #1A1A1A;
    font-size: .14rem;
    text-decoration: none;
}

i {
    display: block;
    font-style: normal;
}

/* 删除默认聚焦的样式 */
input,
textarea {
    outline: none;
}

/* ——————————————————————————页面样式—————————————————————————— */
.index-main .game-list-word .game-item {
    display: flex;
    align-items: center;
    margin-bottom: .14rem;
}

.index-main .game-list-word .game-item a {
    display: inline-block;
    width: 70px;
    font-size: .13rem;
    text-align: center;
}

.index-main .game-list-word .game-item::after {
    content: '';
    display: inline-block;
    width: 0px;
    height: .12rem;
    margin: 0 .08rem;
    border-right: .01rem solid #D9D9D9;
}

.index-main .game-list-word .game-item:nth-child(4n):after {
    display: none;
}

.index-main .hot-news .news-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 0 .15rem;
    margin-bottom: .02rem;
    background: #F7F7F7;
}

.index-main .hot-news .news-item:last-child {
    margin-bottom: 0;
}

.index-main .hot-news .news-item .title {
    margin-right: .15rem;
}

.index-main .hot-news .news-item.hot .title {
    color: #FF8518;
    font-weight: bold;
}

.index-main .hot-news .news-item.hot::before {
    content: '';
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/hot-icon1.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 0;
}

/* 轮播图 */
.index-main .mySwiper-1 {
    height: 2.1rem;
}


.index-main .nav-select {
    padding: .18rem .26rem;
}

.index-main .nav-select .option {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: .45rem;
}

.index-main .nav-select .option::before {
    content: '';
    display: block;
    width: .4rem;
    height: .4rem;
    margin-bottom: .05rem;
}

.index-main .nav-select .option.games::before {
    background: url(../images/game-o.png) no-repeat center/contain;
}

.index-main .nav-select .option.news::before {
    background: url(../images/book-o.png) no-repeat center/contain;
}

.index-main .nav-select .option.gba::before {
    background: url(../images/gba-o.png) no-repeat center/contain;
}

.index-main .nav-select .option.rank::before {
    background: url(../images/rank-o.png) no-repeat center/contain;
}

/* ———————————资讯排行——————————— */
.index-main .news-rank {
    background: linear-gradient(180deg, #fff 0%, #F0F4F5 100%);
}

/* ———————————新游推荐——————————— */
.new-games-rec .mySwiper-2 {
    width: 100%;
}

.new-games-rec .mySwiper-2 .swiper-slide {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 1rem !important;
    margin-right: 25px !important;
}

.new-games-rec .mySwiper-2 .swiper-slide .date {
    color: #666;
    font-size: .16rem;
    margin-bottom: .16rem;
    position: relative;
}

.new-games-rec .mySwiper-2 .swiper-slide .date::after {
    content: '';
    display: block;
    width: 0.3rem;
    height: 0px;
    border-bottom: 1px dashed #CCCCCC;
    position: absolute;
    top: 50%;
    right: -38px;
    transform: translateY(-50%);
}

.new-games-rec .mySwiper-2 .swiper-slide:last-child .date::after {
    display: none;
}

.new-games-rec .mySwiper-2 .game-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.new-games-rec .mySwiper-2 .game-item .game-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-bottom: .1rem;
}

.new-games-rec .mySwiper-2 .game-item .game-name {
    max-width: 1rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: .08rem;
}

.new-games-rec .mySwiper-2 .game-item .score {
    display: flex;
    color: #4D4D4D;
    font-size: .12rem;
    white-space: nowrap;
}

.new-games-rec .mySwiper-2 .game-item .score span {
    align-self: baseline;
}

.new-games-rec .mySwiper-2 .game-item .num {
    color: #F36161;
}

.new-games-rec .mySwiper-2 .swiper-pagination {
    margin: .2rem 0 .08rem 0;
    position: static !important;
}

.new-games-rec .mySwiper-2 .swiper-pagination-bullet {
    cursor: pointer;
    width: .08rem;
    height: .08rem;
    opacity: 1;
    margin: 0 6px !important;
    border-radius: 50%;
    background: #E6E6E6;
}

.new-games-rec .mySwiper-2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--pm-c);
}

/* ———————————推荐专辑——————————— */
.index-main .rec-album {
    width: 100%;
    height: 3.9rem;
    padding: .18rem .12rem;
    background: url(../images/rec-ablum-bg.png) no-repeat center/contain;
}

.index-main .rec-album .section-title {
    font-size: .2rem;
    font-weight: bold;
}

.index-main .rec-album .game-rank {
    width: 100%;
    height: 2rem;
    padding: 0 .31rem .28rem .31rem;
    margin-top: .18rem;
    background: #FFFFFF;
    position: relative;
}

.index-main .rec-album .game-rank .title {
    width: 100%;
    color: #847361;
    font-size: .16rem;
    line-height: .6rem;
    text-align: center;
    font-weight: bold;
    background: url(../images/rec-album.png) no-repeat center/contain;
}

.index-main .rec-album .game-rank .game-list {
    margin-top: .14rem;
}

.index-main .rec-album .game-rank .game-list .game-item {
    width: .7rem;
}

.index-main .rec-album .game-rank .game-list .game-item .game-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-bottom: .1rem;
}

.index-main .rec-album .app-album {
    height: 100px;
    padding: .15rem;
    margin-top: .1rem;
    background: #FFFFFF;
}

.index-main .rec-album .app-album .section-title {
    width: .5rem;
    height: 100%;
    color: #847361;
    font-size: .18rem;
    text-align: center;
    margin-right: .15rem;
    background: url(../images/rec-album.png) no-repeat center top/contain;
}

.index-main .rec-album .app-album .album-list {
    overflow-y: hidden;
}

.index-main .rec-album .app-album .album-list .album-item {
    width: 220px;
    height: 70px;
    margin-right: .05rem;
    padding: .1rem;
    background: #F1F2F6;
}

.index-main .rec-album .app-album .album-item:nth-child(2n) {
    background: #F4F3EE;
}

.index-main .rec-album .app-album .album-item .game-icon {
    width: 50px;
    height: 50px;
    margin-right: .1rem;
    border-radius: .15rem;
}

.index-main .rec-album .app-album .album-item .info .title {
    color: #71728E;
}

/* 友情链接 */
.index-main .blogroll .link-list .link-item {
    color: #666;
    margin: 0 10px 10px 0;
    display: inline-block;
}

.news-main .mySwiper-1 {
    height: 1.7rem;
    margin-top: 0;
}


.news-main .news-select {
    line-height: .38rem;
    padding: .15rem .12rem 0 .12rem;
    overflow-y: hidden;
    background-color: #fff;
    border-bottom: .01rem solid #F2F2F2;
}

.news-main .news-select li {
    text-align: center;
}

.news-main .news-select .option {
    display: inline-block;
    color: #4D4D4D;
    font-size: .12rem;
    white-space: nowrap;
    margin-right: .2rem;
}

.news-main .news-select li:last-child .option {
    margin-right: 0;
}

.news-main .news-select .option.active {
    color: #333;
    font-size: .15rem;
    font-weight: bold;
    position: relative;
}

.news-main .news-select .option.active::after {
    content: '';
    display: block;
    width: .26rem;
    height: .02rem;
    background: var(--pm-c);
    position: absolute;
    bottom: -0.01rem;
    left: 50%;
    transform: translateX(-50%);
}

/* ——————————资讯列表—————————— */
.news-main .news-container {
    padding-top: 20px;
    padding: 0 .12rem;
    background-color: #fff;
}

.news-main .news-container .news-item {
    padding: 20px 0;
    border-bottom: .01rem solid #F2F2F2;
}

.news-main .news-container .news-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.news-main .news-container .news-item .news-pic {
    width: 1.2rem;
    height: .8rem;
    margin-right: .15rem;
}

.news-main .news-container .news-item .news-pic img {
    object-fit: cover;
}

.news-main .news-container .news-item .info .sketch {
    color: 12px;
    font-size: .12rem;
    padding-bottom: .12rem;
}

.news-main .news-container .news-item .info .go-details {
    display: none;
    width: 88px;
    height: 8px;
    background: url(../images/go-details.png) no-repeat center/contain;
}

.news-main .news-container .news-item:hover .info .go-details {
    display: block;
}

.news-main .paginator {
    background-color: #fff;
}

/* 资讯详情页 */
.news-details-main .article-section {
    padding: 0 .12rem;
    background-color: #fff;
}

.news-details-main .article-section .section-title {
    line-height: 29px;
    text-align: center;
    padding-bottom: .16rem;
    margin: .3rem 0 .16rem 0;
    border-bottom: .01rem dashed #EBEBED;
}

.news-details-main .article-section .section-title h1 {
    color: #1A1A1A;
    font-size: .18rem;
}

.news-details-main .article-section .section-title .msg {
    color: #999999;
    font-size: .11rem;
    margin-top: .3rem;
}

.news-details-main .article-section .article-content {
    padding-bottom: .2rem;
}

.news-details-main .related-news .list-container li::before {
    background: url(../images/rhombus-dot.png) no-repeat center/contain;
}

.soft-down-main .select {
    padding: .2rem .12rem;
    background-color: #fff;
}

.soft-down-main .select .option {
    display: block;
    width: .8rem;
    height: .3rem;
    color: #757575;
    font-size: .12rem;
    line-height: .3rem;
    text-align: center;
    background: #F4F4F4;
    border-radius: .02rem;
    margin: 0 .1rem .1rem 0;
    border: .01rem solid #E6E6E6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.soft-down-main .select .option.active {
    color: #3EC1CA;
    background: #E9F8FA;
    border: 1px solid #3EC1CA;
}

.soft-down-main .select .option:nth-child(4n) {
    margin-right: 0;
}

/* 下载详情页 */
.down-details-main .game-container {
    padding: .3rem .12rem;
    background-color: #fff;
}

.down-details-main .game-container .game-icon {
    width: .7rem;
    height: .7rem;
    overflow: hidden;
    border-radius: .2rem;
    margin-bottom: .1rem;
}

.down-details-main .game-container h1 {
    font-size: .16rem;
}

.down-details-main .game-container .score #fullScore {
    width: .9rem;
    height: .18rem;
}

.down-details-main .game-container .score #fullScore #getScore {
    width: .18rem;
    height: .18rem;
}

.down-details-main .game-container .line {
    width: 100%;
    height: 0;
    margin-top: .2rem;
    border-bottom: 1px solid #F2F2F2;
}

.down-details-main .game-container ul {
    width: 100%;
    height: .38rem;
    margin: .3rem 0;
}

.down-details-main .game-container ul li {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    border-right: .01rem solid #F2F2F2;
}

.down-details-main .game-container ul li:last-child {
    border: none;
}
.down-details-main .game-container .down-href,
.down-details-main .game-container .down-btn {
    width: 100%;
    color: #FFF;
    font-size: 16px;
    line-height: .44rem;
    text-align: center;
    background: #00ABB7;
    border-radius: 4px;
}
.down-details-main .game-container .down-href a{
    color: #FFF;
    font-size: 16px;
}

.down-details-main .game-container .down-href .none{
    color: #999;
    background: #F7F7F7;
}
.down-details-main .game-container .down-btn.no-down {
    display: none;
    color: #999;
    background: #F7F7F7;
}


.down-details-main .article .article-content {
    padding: 0 .12rem .4rem .12rem;
}

/* 游戏截图 */
.down-details-main .article .swiper1 {
    padding: 0 .12rem .4rem .12rem;
    overflow: hidden;
}

.down-details-main .article .swiper1 .swiper-slide img {
    object-fit: cover;
}

/* 最新资讯 */
.newest-news-p .swiper {
    width: 100%;
}

.newest-news-p .swiper .swiper-wrapper {
    height: 1.8rem;
}

.newest-news-p .swiper .swiper-slide .news-pic {
    width: 100%;
    height: 100%;
    position: relative;
}

.newest-news-p .swiper .swiper-slide .news-pic .sketch {
    width: 100%;
    color: #FFFFFF;
    padding: .5rem .12rem .12rem .12rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
}

.newest-news-p .swiper .swiper-pagination {
    position: static !important;
    margin: 0.2rem 0;
}

.newest-news-p .newest-news {
    width: 100%;
    height: 70px;
    margin-bottom: .2rem;
    background: #F7F7F7;
}

.newest-news-p .newest-news .section-title {
    width: 50px;
    height: 100%;
    color: #FFF;
    padding: .15rem .08rem;
    background: var(--pm-c);
}

.newest-news-p .newest-news .info {
    padding: .11rem .15rem;
}

.newest-news-p .newest-news .info .title {
    font-size: 16px;
    font-weight: bold;
}

.album-main .album-type {
    width: 100%;
    background-color: #fff;
    padding: .3rem .12rem .12rem .09rem;
}

.album-main .album-type .type-item {
    color: #666;
    font-size: .12rem;
    margin-right: .2rem;
}

.album-main .album-type .type-item.active {
    color: #1A1A1A;
    font-size: 15px;
    font-weight: bold;
    position: relative;
}

.album-main .album-type .type-item.active::after {
    content: '';
    display: block;
    width: 26px;
    height: 4px;
    background: var(--pm-c);
    position: absolute;
    bottom: -.14rem;
    left: 50%;
    transform: translateX(-50%);
}

.album-main .album-contianer {
    margin: .2rem .12rem 0 .12rem;
}

.album-main .album-contianer .album-item {
    width: 100%;
    padding: .15rem;
    margin-bottom: .1rem;
    background-color: #fff;
    position: relative;
}

.album-main .album-contianer .album-item::after {
    content: '';
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../images/hot-icon01-r.png) no-repeat center/contain;
    position: absolute;
    right: -.03rem;
    top: -.03rem;
}

.album-main .album-contianer .album-item .album-tag {
    width: .6rem;
    height: .2rem;
    color: var(--pm-c);
    font-size: .12rem;
    line-height: .2rem;
    margin-right: .1rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid var(--pm-c);
}

.album-main .album-contianer .album-item .title {
    font-size: .15rem;
    font-weight: bold;
    margin-right: .4rem;
}

.album-main .album-contianer .album-item .soft-list .soft-item {
    width: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0.1rem;
    overflow: hidden;
}

.album-main .album-contianer .album-item .soft-list .soft-item:last-child {
    margin-right: 0;
}

.album-main .album-contianer .album-item .soft-list {
    margin-top: .23rem;
}

.album-main .album-contianer .album-item .soft-list .soft-item .soft-icon {
    width: .7rem;
    height: .7rem;
    margin-bottom: .1rem;
    border-radius: .2rem;
}

.album-main .album-contianer .album-item .soft-list .soft-item .soft-name {
    color: #4D4D4D;
    width: 100%;
    text-align: center;
}

/* ————————————详情页———————————— */
.album-details-main .album-info {
    width: 100%;
    padding: .3rem .12rem;
    background-color: #fff;
}

.album-details-main .album-info .album-item .album-icon {
    display: block;
    overflow: hidden;
    width: .6rem;
    height: .6rem;
    margin-right: .15rem;
    border-radius: .15rem;
}

.album-details-main .album-info .album-item {
    padding-bottom: .2rem;
    border-bottom: .01rem solid #F2F2F2;
}

.album-details-main .album-info .album-item h1 {
    font-size: .18rem;
}

.album-details-main .album-info .album-item .tags {
    color: #757575;
    font-size: .12rem;
}

.album-details-main .album-info .album-item .tags .tag {
    display: flex;
    align-items: center;
    height: .24rem;
    line-height: .24rem;
    padding: 0 .05rem;
    border: .01rem solid #EBEBEB;
}

.album-details-main .album-info .album-item .tags .tag::before {
    content: '';
    display: block;
    width: .12rem;
    height: .12rem;
    margin-right: .05rem;
}

.album-details-main .album-info .album-item .tags .tag.album-tag::before {
    background: url(../images/album-icon.png) no-repeat center/contain;
}

.album-details-main .album-info .album-item .tags .tag.count-tag::before {
    background: url(../images/album-count.png) no-repeat center/contain;
}

.album-details-main .album-info .album-item .tags .tag.date-tag::before {
    background: url(../images/album-open-time.png) no-repeat center/contain;
}

.album-details-main .normal-soft-list .soft-item .score i {
    width: .14rem;
    height: .14rem;
}

/* 更多专辑 */
.album-details-main .album-info .more-album {
    margin-top: .2rem;
}

.album-details-main .album-info .more-album .album-list {
    margin-top: .17rem;
}

.album-details-main .album-info .more-album .album-list .album-item {
    display: block;
    width: 1.74rem;
    font-size: .12rem;
    padding: 0 .15rem;
    line-height: .4rem;
    margin-bottom: .03rem;
    background: #F7F7F7;
}

.album-details-main .album-info .more-album .album-list .album-item:first-child {
    color: #FF8518;
    font-weight: bold;
    position: relative;
}

.album-details-main .album-info .more-album .album-list .album-item:first-child::before {
    content: '';
    display: block;
    width: .34rem;
    height: .34rem;
    background: url(../images/hot-icon1.png) no-repeat center/contain;
    position: absolute;
    left: -.03rem;
    top: -.03rem;
}

/* 小编推荐 */
.album-details-main .rec-game {
    width: 100%;
    height: 3rem;
    padding: 0 .12rem;
    background-color: #fff;
}

.album-details-main .rec-game::before {
    content: '';
    display: block;
    width: 351px;
    height: 300px;
    background: linear-gradient(90deg, var(--pm-c) 0%, #00C797 100%);
    position: absolute;
    right: .06rem;
    top: .06rem;
}

.album-details-main .rec-game .content {
    width: 351px;
    height: 300px;
    border: 1px solid;
    background: #FFFFFF;
    border-image: linear-gradient(180deg, rgba(0, 199, 151, 1), rgba(0, 175, 188, 1)) 1 1;
    position: absolute;
    z-index: 99;
}

.album-details-main .rec-game .content .score #fullScore {
    width: .9rem;
    height: .18rem;
}

.album-details-main .rec-game .content .score #fullScore #getScore {
    width: .18rem;
    height: .18rem;
}

.album-details-main .rec-game .content::after {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    background: url(../images/watermark.png) no-repeat center/contain;
    left: 0;
    top: 0;
    z-index: 9;
}

.album-details-main .rec-game .content .game-icon {
    width: .7rem;
    height: .7rem;
    margin-bottom: .1rem;
    border-radius: .2rem;
}

.album-details-main .rec-game .content .game-name {
    font-size: .16rem;
    font-weight: bold;
    margin-bottom: .12rem;
}

.album-details-main .rec-game .score i {
    width: .18rem;
    height: .18rem;
}

.album-details-main .rec-game .content .tips {
    color: #999;
    font-size: .12rem;
    margin-top: .21rem;
}

.album-details-main .rec-game .content .tips span {
    color: #00ABB7;
}

.album-details-main .rec-game .content .line {
    width: 2.9rem;
    height: 0;
    margin: .14rem 0;
    border-bottom: .01rem solid #F2F2F2;
}

.album-details-main .rec-game .content .down-btn {
    width: 2.9rem;
    height: .44rem;
    color: #FFF;
    font-size: 16px;
    background: #00ABB7;
    border-radius: 4px;
}

.album-details-main .rec-game .content .down-btn::before {
    content: '';
    display: inline-block;
    width: .18rem;
    height: .18rem;
    margin-right: .1rem;
    background: url(../images/down-btn-001.png)no-repeat center/contain;
}

/* 游戏列表 */
.album-details-main .normal-soft-list {
    padding-top: .3rem;
}

.album-details-main .normal-soft-list .soft-item {
    margin-bottom: .22rem;
    padding-bottom: .22rem;
}

.album-details-main .normal-soft-list .soft-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.album-details-main .normal-soft-list .soft-item .game-name {
    font-size: 15px;
}

.album-details-main .normal-soft-list .soft-item .msg {
    color: #666;
    font-size: 14px;
}

.album-details-main .normal-soft-list .soft-item .msg li::after {
    content: '|';
    display: inline-block;
    color: #E5E4E4;
    font-size: .12rem;
    margin: 0 .1rem;
}

.album-details-main .normal-soft-list .soft-item .msg li:last-child:after {
    display: none;
}

.album-details-main .normal-soft-list .soft-item .sketch {
    color: #999;
    font-size: .13rem;
    margin-top: .16rem;
}

.album-details-main .normal-soft-list .soft-item .sketch::before {
    content: '';
    display: inline-block;
    width: .06rem;
    height: .06rem;
    flex-shrink: 0;
    margin-right: .1rem;
    background: url(../images/rhombus-dot.png) no-repeat center/contain;
}

.album-details-main .normal-soft-list .soft-item .info .score {
    justify-content: start;
}

/* ——————————手游排行—————————— */
.rank-main .select {
    width: 100%;
    height: 1.2rem;
    padding: 0 .12rem;
    background: url(../images/md-rank-bg.png) no-repeat center/cover;
}

.rank-main .select .option {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: .26rem;
}

.rank-main .select .option:last-child {
    margin-right: 0;
}

.rank-main .select .option a {
    color: #666;
    font-size: .14rem;
    white-space: nowrap;
    transition: all .3s ease;
}

.rank-main .select .option .leaderboare {
    width: .7rem;
    height: .12rem;
    margin-top: .05rem;
    background: url(../images/option-icon.png) no-repeat center/contain;
}

.rank-main .select .option::before {
    content: '';
    display: block;
    width: .64rem;
    height: .2rem;
    margin-bottom: .05rem;
    opacity: 0;
    background: url(../images/option-active.png) no-repeat center/contain;
}

.rank-main .select .option.active::before {
    opacity: 1;
}

.rank-main .select .option.active a {
    color: #333;
    font-size: .16rem;
    font-weight: bold;
}

.rank-main .select .option.active .leaderboare {
    width: 1.14rem;
    height: .18rem;
}

/* 列表 */
.rank-main .rank-soft-list .soft-item .rank-num {
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    color: #999;
    font-size: .12rem;
    margin-right: .15rem;
    background: url(../images/rank-00.png) no-repeat center/contain;
}

.rank-main .rank-soft-list .soft-item:first-child .rank-num {
    background: url(../images/rank-01.png) no-repeat center/contain;
}

.rank-main .rank-soft-list .soft-item:nth-child(2) .rank-num {
    background: url(../images/rank-02.png) no-repeat center/contain;
}

.rank-main .rank-soft-list .soft-item:nth-child(3) .rank-num {
    background: url(../images/rank-03.png) no-repeat center/contain;
}

.rank-main .rank-soft-list .soft-item:nth-child(-n+3) .rank-num {
    color: transparent;
}

.rank-main .rank-soft-list .soft-item {
    width: 100%;
}

/* ———————————软件列表——————————— */
.rank-main .rank-soft-list {
    background-color: #fff;
}

.rank-main .rank-soft-list .soft-item {
    height: auto;
    padding: .19rem .12rem;
    border-bottom: .01rem solid #F2F2F2;
}

.rank-main .rank-soft-list .soft-item:last-child {
    border: none;
}

.rank-main .rank-soft-list .soft-item .soft-icon {
    width: .6rem;
    height: .6rem;
    margin-right: .15rem;
    border-radius: .15rem;
}

.rank-main .rank-soft-list .soft-item .soft-name {
    color: #333;
    font-size: .14rem;
}

.rank-main .rank-soft-list .soft-item ul.msg {
    color: #999999;
    font-size: .12rem;
}

.rank-main .rank-soft-list .soft-item ul.msg li {
    white-space: nowrap;
}

.rank-main .rank-soft-list .soft-item ul.msg li::before {
    content: '|';
    display: inline-block;
    color: #E5E4E4;
    font-size: .1rem;
    margin: 0 .1rem;
}

.rank-main .rank-soft-list .soft-item ul.msg li:first-child:before {
    display: none;
}

.rank-main .rank-soft-list .soft-item .sketch {
    color: #999999;
}

.rank-main .rank-soft-list .soft-item .down-btn {
    color: #FFF;
    width: 68px;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    background: #00ABB7;
    border-radius: 2px;
}

.rank-main .rank-soft-list .soft-item:hover .down-btn {
    color: #FFF;
    background: #00ABB7;
}

/* ——————————手游排行列表—————————— */
.rank-list-main .rank-list-banner {
    width: 100%;
    height: 1.2rem;
    background: url(../images/rank-list-banner.png) no-repeat center/contain;
}

.rank-list-main .rank-section {
    background-color: #F2F2F2;
}

.rank-list-main .rank-section .rank-container {
    padding: .2rem .12rem .3rem .12rem;
    margin-bottom: .1rem;
    background-color: #fff;
}

.rank-list-main .rank-section .rank-container:last-child {
    margin-bottom: 0;
}

.rank-list-main .rank-section .rank-container .section-title {
    display: flex;
    align-items: center;
    margin-bottom: .44rem;
}

.rank-list-main .rank-section .rank-container .section-title .title {
    flex: 1;
    display: flex;
    align-items: center;
    color: #333;
    font-size: .16rem;
    font-weight: bold;
    margin-right: .2rem;
}

.rank-list-main .rank-section .rank-container .section-title .title::before {
    content: '';
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    flex-shrink: 0;
    margin-right: 0.02rem;
    background: url(../images/rank-title-left.png) no-repeat center/contain;
}

.rank-list-main .rank-section .rank-container .section-title .title::after {
    content: '';
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    margin-left: 0.02rem;
    background: url(../images/rank-title-right.png) no-repeat center/contain;
}

.rank-list-main .rank-section .rank-container .section-title .all {
    display: flex;
    align-items: center;
    color: #999999;
    font-size: .12rem;
}

.rank-list-main .rank-section .rank-container .section-title .all::after {
    content: '';
    display: inline-block;
    width: .12rem;
    height: .12rem;
    margin-left: .05rem;
    background: url(../images/all-btn.png) no-repeat center/contain;
}

.rank-list-main .rank-section .rank-container .top-three .game-icon {

    border: .01rem solid #fff;
}

/* ——————————手游排行详情—————————— */
.rank-main .details-section .rank-details-banner {
    width: 100%;
    height: 1.2rem;
    padding: .35rem .12rem;
    background: url(../images/rank-details.png) no-repeat center/contain;
}

.rank-main .details-section .rank-details-banner .banner-title {
    font-size: .16rem;
    font-weight: bold;
    margin-bottom: .14rem;
}

.rank-main .details-section .rank-details-banner .date {
    color: #4D4D4D;
    font-size: .12rem;
}

.rank-main .details-section .rank-details-banner .date::before {
    content: '';
    display: inline-block;
    width: .12rem;
    height: .12rem;
    margin-right: .05rem;
    background: url(../images/album-open-time.png) no-repeat center/contain;
}

/* ——————————————游戏礼包样式—————————————— */
/* 礼包列表 */
.gift-main .gift-container {
    padding: .12rem;
    background-color: #fff;
}

.gift-main .gift-container .gift-item {
    width: 100%;
    padding: .18rem 0;
    border-bottom: .01rem solid #F2F2F2;
}

.gift-main .gift-container .gift-item:last-child {
    border-bottom: none;
}

.gift-main .gift-container .gift-item:nth-child(2n) {
    margin-right: 0;
}

.gift-main .gift-container .gift-item .gift-icon {
    width: .7rem;
    height: .7rem;
    overflow: hidden;
    margin-right: .15rem;
    border-radius: .2rem;
}

.gift-main .gift-container .gift-item .info {
    margin-right: .1rem;
}

.gift-main .gift-container .gift-item .info .sketch {
    color: #999;
    font-size: .12rem;
}

.gift-main .gift-count {
    color: #32D2AC;
    font-size: .12rem;
    margin-right: .22rem;
}

.gift-main .gift-count p {
    width: .7rem;
    height: .12rem;
    margin-right: .05rem;
    border: .01rem solid #32D2AC;
}

.gift-main .gift-count p i {
    width: 50%;
    height: 100%;
    background-color: #32D2AC;
}

.gift-main .gift-container .gift-item .get-btn {
    align-self: flex-end;
    width: .68rem;
    height: .32rem;
    color: #00ABB7;
    line-height: .32rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: .02rem;
    border: .01rem solid var(--pm-c);
}

/* 礼包详情页 */
.gift-main .gift-details {
    width: 100%;
}

.gift-main .gift-details .get-gift-container {
    padding: .3rem .12rem .14rem;
    background-color: #fff;
}

.gift-main .gift-details .get-gift-container .gift-icon {
    width: .7rem;
    height: .7rem;
    margin-right: .15rem;
    border-radius: .2rem;
}

.gift-main .gift-details .get-gift-container .info h1 {
    font-size: .16rem;
    font-weight: normal;
}

.gift-main .gift-details .get-gift-container .info .date {
    color: #999;
    font-size: .12rem;
}

.gift-main .gift-details .get-gift-container .btns .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .44rem;
    color: #FFF;
    font-size: .16rem;
    cursor: pointer;
    margin-bottom: .16rem;
    border-radius: .04rem;
}

.gift-main .gift-details .get-gift-container .btns .get-btn {
    background: #FF8518;
}

.gift-main .gift-details .get-gift-container .btns .down-btn {
    background: #00ABB7;
}

.gift-main .gift-details .get-gift-container .btns .down-btn::before {
    content: '';
    display: inline-block;
    width: .18rem;
    height: .18rem;
    margin-right: .08rem;
    background: url(../images/down-btn11.png) no-repeat center/contain;
}

.gift-main .gift-details .get-gift-container .btns .no-gift,
.gift-main .gift-details .get-gift-container .btns .no-down {
    display: none;
    color: #999999;
    background: #F5F5F7;
}

.gift-main .gift-details .article .article-content {
    padding: 0 .12rem .3rem .12rem;
}

/* 游戏攻略-轮播图 */
.gift-main .gift-details .game-gba .swiper .swiper-slide {
    width: 1.9rem !important;
    height: 1.2rem !important;
}

.gift-main .gift-details .game-gba .swiper .swiper-slide .gba-pic {
    width: 100%;
    height: 100%;
}

.gift-main .gift-details .game-gba .swiper .swiper-slide .gba-pic img {
    object-fit: cover;
}

.gift-main .gift-details .game-gba .swiper {
    --swiper-theme-color: #fff;
}

/* 弹窗 */
.mask-layer {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
}

.mask-layer .pop-up {
    display: none;
    width: 2.8rem;
    height: 3.3rem;
    background: #FFFFFF;
    border-radius: .2rem;
    margin: 0 auto;
    position: relative;
    text-align: center;
    position: fixed;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.mask-layer .pop-up .pic {
    width: 100%;
}

.mask-layer .pop-up .title {
    font-size: .22rem;
    font-weight: bold;
    margin: .31rem 0;
}

.mask-layer .pop-up .gift-show-code {
    color: #666;
    font-size: .14rem;
}

.mask-layer .pop-up .gift-show-code .tag {
    color: #00ABB7;
    font-size: .13rem;
    border-radius: .02rem;
    margin-right: .1rem;
    padding: .02rem .11rem;
    background: #E1F6F9;
}

.mask-layer .pop-up .close-btn {
    width: .36rem;
    height: .36rem;
    cursor: pointer;
    background: url(../images/close-pop.png) no-repeat center center/contain;
    position: absolute;
    right: 50%;
    bottom: -.66rem;
    transform: translateX(50%);
}

.mask-layer .pop-up .copy-btn {
    width: 2.2rem;
    height: .44rem;
    color: #fff;
    font-size: .16rem;
    cursor: pointer;
    line-height: .44rem;
    text-align: center;
    margin-top: .35rem;
    background: #00ABB7;
    border-radius: .04rem;
}

/* ——————————————开服表样式—————————————— */
.server-list-main .server-info {
    color: #666666;
    font-size: .12rem;
    letter-spacing: 1px;
    padding: .3rem .12rem;
    background-color: #fff;
}

.server-list-main .server-info .num {
    color: #00ABB7;
    font-weight: bold;
}

.server-list-main .server-info .date {
    color: #00ABB7;
}

.server-list-main .server-info .date::before {
    content: '';
    display: inline-block;
    width: .12rem;
    height: .12rem;
    margin-right: .05rem;
    background: url(../images/server-date.png) no-repeat center/contain;
}

.server-list-main .server-select {
    width: 100%;
    height: .5rem;
    padding: .16rem .12rem;
    background: #F8F8FA;
}

.server-list-main .server-select select {
    display: flex;
    align-items: center;
    border: none;
    color: #999999;
    background-color: transparent;
}

.server-list-main .server-select select:focus {
    outline: none;
}

/* 开服列表 */
.server-list-main .game-container {
    padding: 0 .12rem;
    background-color: #fff;
}

.server-list-main .game-container .game-item {
    padding: .18rem 0;
    border-bottom: .01rem solid #F2F2F2;
}

/* 开服列表 */
.server-list-main .game-container .game-item .game-icon {
    width: .6rem;
    height: .6rem;
    margin-right: .15rem;
    border-radius: .15rem;
}

.server-list-main .game-container .game-item .system-tag {
    color: #00ABB7;
    flex-shrink: 0;
    font-size: .12rem;
    padding: 0 .03rem;
    margin-left: .1rem;
    border: 1px solid #00ABB7;
}

.server-list-main .game-container .game-item .down-btn {
    color: #fff;
    padding: .06rem .2rem;
    background: #00ABB7;
    border-radius: .02rem;
}

/* ——————————————其他页面—————————————— */
.other-main .select {
    padding: .3rem .12rem;
    background-color: #fff;
}

.other-main .select .option {
    display: block;
    color: #757575;
    font-size: .12rem;
    border-radius: 2px;
    background: #F4F4F4;
    margin: 0 .1rem .1rem 0;
    padding: .07rem .15rem;
    border: 1px solid #E6E6E6;
}

.other-main .select .option.active {
    color: #3EC1CA;
    background: #E9F8FA;
    border: 1px solid #3EC1CA;
}

.other-main .select .option:nth-child(4n) {
    margin-right: 0;
}

.other-main .section-title {
    font-size: .18rem;
    font-weight: bold;
    margin-bottom: .2rem;
    padding: 0 .12rem;
}

.other-main .section-title::before {
    content: '';
    display: inline-block;
    width: .1rem;
    height: .1rem;
    margin-right: .1rem;
    background: url(../images/rhombus-dot.png) no-repeat center/contain;
}

/* ——————————————搜索结果—————————————— */
.search-result-main {
    padding-bottom: .4rem;
}

.search-result-main .section-title {
    margin-bottom: .1rem;
}

.search-result-main .result-count {
    color: #4D4D4D;
    font-size: .16rem;
    padding: .2rem .12rem;
}

.search-result-main .news-main .news-container {
    background-color: #F7F7F7;
}

.search-result-main .news-main .news-container .news-item {
    border: none;
    padding: .1rem 0;
    margin-bottom: .1rem;
    background-color: #fff;
}

.search-result-main .news-main .news-container .news-item .info {
    margin-right: .2rem;
}

/* ——————————————关于我们—————————————— */
.about-us .article-content p {
    margin-top: .2rem;
}

/* ——————————————网站地图—————————————— */

.web-map .web-map-section .section-title {
    font-size: .14rem;
    padding: 0;
}

.web-map .web-map-section .type-list {
    padding: 0;
    margin-bottom: .2rem;
}

.web-map .web-map-section .section:last-child .type-list {
    margin-bottom: 0;
}

.web-map .web-map-section .type-list .type-item {
    width: .8rem;
    height: .3rem;
    color: #4D4D4D;
    font-size: 12px;
    line-height: .3rem;
    text-align: center;
    border-radius: 2px;
    background: #FFFFFF;
    margin: 0 .1rem .1rem 0;
    border: .01rem solid #E6E6E6;
}

.web-map .web-map-section .type-list .type-item:nth-child(4n) {
    margin-right: 0;
}

.web-map .web-map-section .rank-section .type-list .type-item {
    width: 170px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #E6E6E6;
}

.web-map .web-map-section .rank-section .type-list .type-item:nth-child(2n) {
    margin-right: 0;
}

/* ——————————————404页面—————————————— */
.page404,
.page500 {
    background: #fff;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.page404 .pic,
.page500 .pic {
    width: 2.5rem;
}

.page404 img,
.page500 img {
    display: block;
}

.page404 .back-index,
.page500 .back-index {
    width: 1.2rem;
    color: #FFF;
    height: .44rem;
    font-size: .16rem;
    line-height: .44rem;
    text-align: center;
    margin-top: .25rem;
    background: var(--pm-c);
    border-radius: .04rem;


}