/* ————重置样式———————————————————————————————————————————————————————————— */
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 {
    display: block;
    list-style: none;
}

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

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

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

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


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

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

.pic,
.icon,
.down-btn,
.game-icon,
.soft-icon {
    display: block;
}

.gift-icon,
.game-icon,
.soft-icon {
    overflow: hidden;
    border-radius: 15rem;
}

.info {
    flex: 1;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
}

.type,
.from,
.lang,
.size,
.date,
.count,
.editor,
.author,
.update,
.system,
.server,
.soft-score {
    color: #999;
    font-size: 12rem;
}

/* 绝对定位 */
.abs {
    position: absolute;
}

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

.overflow {
    overflow: scroll
}

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

.mt20 {
    margin-top: 20rem;
}

.mt40 {
    margin-top: 40rem;
}

.mt30 {
    margin-top: 30rem;
}

.mt50 {
    margin-top: 50rem;
}

/* padding */

/* 字体样式 --*/
:root {
    --pm-c: #F96927;
    --fc-c: #666666;
    --bg-c: #f7f7f7;
    --br-c: #E6E6E6;
}

.oh {
    overflow: hidden;
}

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

/* ————————————————公共样式—————————————————————————————————————————————— */
html,
body {
    margin: 0 !important;
    color: #333;
    font-size: 14rem;
    background: #F8F8FA;
}

/* 公共区块 */
.section {
    margin-top: 10rem;
    padding: 20rem 12rem;
    background-color: #FFF;
}

.public-section {
    padding: 20rem 12rem;
    background-color: #FFF;
}

img {
    object-fit: cover;
}

/* ——————————————————————网页头部—————————————————————— */
.header {
    width: 100%;
}

.header .logo-search {
    display: flex;
    width: 100%;
    padding: 15rem 12rem;
    align-items: center;
    background: url(../images/header-bg.png) no-repeat center/cover;
}

.header .logo-search .logo {
    width: auto;
    height: 30rem;
    display: block;
    flex: 1;
}
.header .logo-search .logo img {
    height: 30rem;
    width: 135rem;
}
.header .logo-search .serach {
    width: 150rem;
    height: 30rem;
    overflow: hidden;
    position: relative;
    border-radius: 99rem;
    background: #FFFFFF;
}

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

.header .logo-search .serach input {
    width: 100%;
    height: 100%;
    padding: 0 15rem 0 43rem;
}

.header .logo-search .serach input::placeholder {
    color: #999;
}

.header .nav {
    width: 100%;
    height: 40rem;
    overflow-y: hidden;
    background-color: var(--pm-c);
}

.header .nav .nav-item {
    display: block;
    width: 86rem;
    height: 40rem;
    color: #FFF;
    flex-shrink: 0;
    font-size: 14rem;
    line-height: 40rem;
    text-align: center;
}

.header .nav .nav-item.active {
    background: #FF7D41;
}

/* ——————————————————————网页页脚—————————————————————— */
.footer {
    width: 100%;
    color: #999;
    font-size: 12rem;
    padding: 20rem 12rem;
    background: #333;
    text-align: center;
}
.footer a {
    color: #999;
    font-size: 12rem;
}

.footer .link-list {
    justify-content: center;
    margin: 10rem 0;
}

.footer .link-list span {
    margin: 0 1rem;
}

.footer .link-list .link-item {
    display: flex;
    align-items: center;
}

.footer .link-list .link-item::after {
    display: inline-block;
    content: '';
    width: 1rem;
    height: 12rem;
    margin: 5rem;
    background: #999999;
}

.footer .link-list .link-item a {
    color: #999999;
}


/* ——————————————————————公共小组件—————————————————————— */
/* ————公共标题———— */
.public-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20rem;
}

.public-title .title {
    display: flex;
    align-items: center;
    color: #1A1A1A;
    font-size: 18rem;
    font-weight: bold;
}

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

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

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

.public-title.tran-line::after {
    display: block;
    content: '';
    flex: 1;
    height: 1rem;
    margin-left: 12rem;
    background-color: #E6E6E6;
}

/* ————公共列表———— */
.public-list .item {
    display: flex;
    align-items: center;
    margin-bottom: 14rem;
}

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

.public-list .item .tag {
    display: flex;
    color: #999;
    font-size: 13rem;
    margin-right: 10rem;
    align-items: center;
}

.public-list .item .title {
    flex: 1;
    margin-right: 20rem;
}

.public-list .item .date,
.public-list .item span {
    color: #999;
    font-size: 13rem;
}

.public-list .item .dot {
    width: 8rem;
    height: 8rem;
    margin-right: 6rem;
    background: url(../images/dot02.png) no-repeat center/contain;
}

/* ————评分———— */
.score {
    display: flex;
    align-items: center;
    color: var(--pm-c);
    font-size: 12rem;
}

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

/* ——————分割线—————— */
.line {
    width: 1rem;
    height: 10rem;
    margin: 0 10rem;
    background: #E6E6E6;
}

/* ————日期图标———— */
div.date {
    display: flex;
    align-items: center;
}

div.date::before {
    display: block;
    content: '';
    width: 12rem;
    height: 12rem;
    margin-right: 6rem;
    background: url(../images/date.png) no-repeat center/contain;
}

/* ————作者图标———— */
div.author {
    display: flex;
    align-items: center;
}

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

/* ——————分页器—————— */
.pagination {
    margin: 0;
    background: #fff;
    text-align: center;
    padding: 30rem 0 40rem 0;
}

.pagination .page-item {
    display: inline-block;
    color: #AAA;
    margin-right: 12rem;
    font-size: 16rem;
    background: #fff;
}

.pagination .page-item:last-child {
    margin-right: 0;
}

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

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

.pagination .page-item .page-link {
    display: block;
    padding: 2rem 10rem;
    background: rgba(0, 0, 0, 0.06);
}

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

/* ————文章———— */
.article p {
    margin: 0;
    color: #666;
    font-size: 14rem;
    text-indent: 2em;
    line-height: 26rem;
}

.article iframe {
    width: 100%;
    display: block;
    height: 300rem
}

.article p img {
    display: block;
    margin: 30rem auto;
    max-width: 300rem;
}

/* ——————文章小标题—————— */
.article h3,
.article h2{
    display: flex;
    color: #1A1A1A;
    align-items: center;
    font-size: 16rem !important;
    font-weight: bold !important;
    margin: 16rem 0 8rem 0 !important;
}

.article h3::before,
.article h2::before{
    display: block;
    content: '';
    width: 14rem;
    height: 14rem;
    margin-right: 6rem;
    background: url(../images/h3-before.png) no-repeat center/contain;
}







/* ——————————————————————公共区块—————————————————————— */
/* 热门资讯 */
.hot-news {
    width: 100%;
    margin-top: 0;
}

.hot-news .news-container .news-item {
    width: 100%;
    height: 80rem;
    overflow: hidden;
    margin-bottom: 14rem;
    background-color: #F7F7F7;
}

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

.hot-news .news-container .news-item .news-pic {
    width: 150rem;
    height: 80rem;
    flex-shrink: 0;
    position: relative;
}

.hot-news .news-container .news-item .news-pic .pic {
    width: 100%;
    height: 100%;
}

.hot-news .news-container .news-item .news-pic .hot {
    display: flex;
    align-items: center;
    width: 100%;
    height: 22rem;
    color: #FFF;
    padding: 0 10rem;
    font-size: 14rem;
    line-height: 22rem;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: 0;
}

.hot-news .news-container .news-item .news-pic .hot::before {
    display: block;
    content: '';
    width: 12rem;
    height: 12rem;
    margin-right: 5rem;
    background: url(../images/hot.png) no-repeat center/contain;
}

.hot-news .news-container .news-item .info {
    padding: 16rem 15rem;
}

.hot-news .news-container .news-item .sketch {
    font-size: 12rem;
    color: #4d4d4d;
}

/* 最新话题 */
.newest-topic {
    width: 100%;
    margin-top: 0;
}

.newest-topic .topic-show {
    margin-bottom: 20rem;
}

.newest-topic .topic-show .topic-item {
    margin-bottom: 12rem;
}

.newest-topic .topic-show .topic-item:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.newest-topic .topic-show .topic-item .pic {
    width: 164rem;
    height: 90rem;
}

.newest-topic .topic-list .topic-item .tag {
    width: 20rem;
    height: 20rem;
    margin-right: 10rem;
    background: url(../images/topic-tag.png) no-repeat center/contain;
}

/* 新游动态 */
.new-game-state {
    width: 100%;
}

.new-game-state .news-show {
    margin-bottom: 20rem;
    padding-bottom: 20rem;
    border-bottom: 1rem solid var(--br-c);
}

.new-game-state .news-show .pic {
    width: 100%;
    height: 180rem;
    margin-bottom: 10rem;
}

.new-game-state .news-show .title {
    font-size: 16rem;
    font-weight: bold;
    margin-bottom: 18rem;
}

.new-game-state .news-show .author {
    margin-right: 28rem;
}

.new-game-state .news-show .details {
    display: block;
    width: 60rem;
    height: 26rem;
    border: 1rem solid var(--pm-c);
    background: url(../images/details01.png) no-repeat center/contain;
    background-size: 26rem 16rem;
}

.new-game-state .news-container {
    margin-bottom: 25rem;
}

.new-game-state .news-container .news-item {
    width: 162rem;
}

.new-game-state .news-container .news-item .pic {
    width: 100%;
    height: 100rem;
    margin-bottom: 8rem;
}

.new-game-state .news-container .news-item .title {
    text-align: center;
}

.new-game-state .gba-list .gba-item {
    margin-bottom: 11rem;
    padding-bottom: 11rem;
    border-bottom: 1rem solid var(--br-c);
}

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

/* 游戏攻略 */
.game-gba .gba-show .pic {
    width: 150rem;
    height: 80rem;
    margin-right: 15rem;
}

.game-gba .gba-show .info .browse {
    display: flex;
    color: #999;
    font-size: 12rem;
    align-items: center;
}

.game-gba .gba-show .info .browse::before {
    display: block;
    content: '';
    width: 18rem;
    height: 18rem;
    margin-right: 7rem;
    background: url(../images/browse.png) no-repeat center/contain;
}

.game-gba .gba-show .info .title {
    color: #1A1A1A;
    font-weight: bold;
}

.game-gba .gba-show .info .sketch {
    color: #4D4D4D;
    font-size: 12rem;
}

.game-gba .gba-list {
    margin-top: 20rem;
}

/* 资讯排行 */
.news-rank {
    width: 100%;
}

.news-rank .rank-container .rank-item {
    overflow: hidden;
    margin-bottom: 16rem;
}

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

.news-rank .rank-container .rank-item .num {
    width: 20rem;
    height: 20rem;
    color: #999;
    font-size: 12rem;
    line-height: 20rem;
    margin-right: 10rem;
    text-align: center;
    background-color: #F0F0F0;
}

.news-rank .rank-container .rank-item:nth-child(1) .num {
    color: #fff;
    background-color: var(--pm-c);
}

.news-rank .rank-container .rank-item:nth-child(2) .num {
    color: #fff;
    background-color: #FF9734;
}

.news-rank .rank-container .rank-item:nth-child(3) .num {
    color: #fff;
    background-color: #F7CC42;
}

.news-rank .rank-container .rank-item .title {
    margin-right: 20rem;
}

.news-rank .rank-container .rank-item .show {
    display: flex;
}

.news-rank .rank-container .rank-item .show .news-pic {
    width: 140rem;
    height: 80rem;
    margin-right: 15rem;
    position: relative;
}
.news-rank .rank-container .rank-item .show .news-pic a {
    display: block;
    height: 100%;
}

.news-rank .rank-container .rank-item .show .news-pic .num {
    position: absolute;
    left: 0;
    top: 0;
}
.news-rank .rank-container .rank-item .show .news-pic .pic {
    display: block;
    overflow: hidden;
}
.news-rank .rank-container .rank-item .show .info .sketch {
    color: #666;
    font-size: 12rem;
}

/* 最新攻略 */
.newest-gba .gba-show {
    margin-bottom: 20rem;
    padding-bottom: 20rem;
    border-bottom: 1rem solid var(--br-c);
}

.newest-gba .gba-show .gba-title {
    display: flex;
    font-size: 16rem;
    align-items: center;
}

.newest-gba .gba-show .gba-title::before {
    display: block;
    content: '';
    width: 10rem;
    height: 10rem;
    margin-right: 4rem;
    background: url(../images/dot03.png) no-repeat center/contain;
}

.newest-gba .gba-show .pic {
    width: 100%;
    height: 170rem;
    margin: 12rem 0;
}

/* 最新游戏 */
.newest-games .game-container .game-item {
    width: 83rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 0 50rem 24rem 0;
}

.newest-games .game-container .game-item:nth-child(3n) {
    margin-right: 0;
}

.newest-games .game-container .game-item:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.newest-games .game-container .game-item .game-icon {
    width: 70rem;
    height: 70rem;
    margin-bottom: 10rem;
    border-radius: 20rem;
}

.newest-games .game-container .game-item .game-name {
    width: 100%;
    text-align: center;
}

/* 猜你喜欢 */
.guess-you-like .game-container {
    overflow-y: hidden;
}

.guess-you-like .game-container .scoll {
    width: 618rem;
}

.guess-you-like .game-container .game-item {
    padding-bottom: 16rem;
    margin: 0 30rem 16rem 0;
    border-bottom: 1rem solid #eee;
}

.guess-you-like .game-container .game-item {
    padding-bottom: 16rem;
    margin: 0 30rem 16rem 0;
    border-bottom: 1rem solid #eee;
}

.guess-you-like .game-container .game-item:nth-child(2n) {
    margin-right: 0;
}

.guess-you-like .game-container .game-item:nth-last-child(-n+2) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.guess-you-like .game-container .game-item .game-icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.guess-you-like .game-container .game-item .info {
    width: 110rem;
    margin-right: 19rem;
}

.guess-you-like .game-container .game-item .down-btn {
    display: flex;
    width: 80rem;
    height: 32rem;
    color: #4D4D4D;
    font-size: 14rem;
    align-items: center;
    background: #FFFFFF;
    justify-content: center;
    border: 1rem solid #DBDBDB;
}

.guess-you-like .game-container .game-item .down-btn::before {
    display: block;
    content: '';
    width: 16rem;
    height: 16rem;
    margin-right: 5rem;
    background: url(../images/down-btn01.png) no-repeat center/contain;
}

/* 人气排行 */
.popular-rank .game-container .game-item {
    margin-bottom: 18rem;
    padding-bottom: 18rem;
    border-bottom: 1rem solid var(--br-c);
}

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

.popular-rank .game-container .game-item .game-icon {
    width: 60rem;
    height: 60rem;
    overflow: visible;
    margin-right: 15rem;
    position: relative;
}

.popular-rank .game-container .game-item .game-icon img {
    border-radius: 15rem;
}

.popular-rank .game-container .game-item .rank-num {
    width: 20rem;
    height: 20rem;
    color: #999;
    font-size: 12rem;
    line-height: 20rem;
    text-align: center;
    background-color: #F0F0F0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.popular-rank .game-container .game-item:nth-child(1) .rank-num,
.popular-rank .game-container .game-item:nth-child(2) .rank-num,
.popular-rank .game-container .game-item:nth-child(3) .rank-num {
    color: #FFF;
}

.popular-rank .game-container .game-item:nth-child(1) .rank-num {
    background-color: #F96927;
}

.popular-rank .game-container .game-item:nth-child(2) .rank-num {
    background-color: #FF9734;
}

.popular-rank .game-container .game-item:nth-child(3) .rank-num {
    background-color: #F7CC42;
}

.popular-rank .game-container .game-item .info .score {
    font-size: 12rem;
}

.popular-rank .game-container .game-item .info .score::before {
    width: 14rem;
    height: 14rem;
}

.popular-rank .game-container .game-item .like {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.popular-rank .game-container .game-item .like .count {
    color: #999;
    font-size: 13rem;
}

.popular-rank .game-container .game-item .like .icon {
    width: 22rem;
    height: 22rem;
    background: url(../images/like.png) no-repeat center/contain;
}

/* 最新话题 */
.newest-topic {
    width: 100%;
}

.newest-topic .topic-show {
    margin-bottom: 20rem;
}

.newest-topic .topic-show .topic-item {
    margin-bottom: 12rem;
}

.newest-topic .topic-show .topic-item:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.newest-topic .topic-show .topic-item .pic {
    width: 164rem;
    height: 90rem;
}

.newest-topic .topic-list .topic-item .tag {
    width: 20rem;
    height: 20rem;
    margin-right: 10rem;
    background: url(../images/topic-tag.png) no-repeat center/contain;
}

/* 热门下载 */
.hot-down {
    width: 100%;
}

.hot-down .soft-container .soft-item:nth-child(1),
.hot-down .soft-container .soft-item:nth-child(2),
.hot-down .soft-container .soft-item:nth-child(3) {
    padding: 18rem 0;
    border-bottom: 1rem solid var(--br-c);
}

.hot-down .soft-container .soft-item:first-child {
    padding-top: 0;
}

.hot-down .soft-container .soft-item {
    padding: 14rem 0;
    border-bottom: 1rem solid var(--br-c);
}

.hot-down .soft-container .soft-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.hot-down .soft-container .soft-item.active .show {
    display: flex;
}

.hot-down .soft-container .soft-item .default .type {
    color: #999;
    font-size: 14rem;
    margin-right: 10rem;
}

.hot-down .soft-container .soft-item .show .icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.hot-down .soft-container .soft-item .show .info .title {
    margin-bottom: 10rem;
}

.hot-down .soft-container .soft-item .show .info .score {
    margin-right: 12rem;
}

.hot-down .soft-container .soft-item .show .info .down-btn {
    width: 68rem;
    height: 32rem;
    color: #FFF;
    line-height: 32rem;
    text-align: center;
    background: #F96927;
}

.hot-down .soft-container .soft-item .show .info .sketch {
    color: #666;
    font-size: 12rem;
}

/* 游戏测评 */
.games-eva .eva-container .eva-item {
    margin-bottom: 18rem;
    padding-bottom: 18rem;
    border-bottom: 1rem solid var(--br-c);
}

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

.games-eva .eva-container .eva-item .pic {
    width: 90rem;
    height: 50rem;
    margin-right: 15rem;
}

.games-eva .eva-container .eva-item .line {
    width: 1rem;
    height: 20rem;
    margin: 0 20rem;
    background: #E6E6E6;
}

.games-eva .eva-container .eva-item .game-score {
    color: var(--pm-c);
    text-align: center;
}

.games-eva .eva-container .eva-item .game-score .num {
    color: var(--pm-c);
    font-size: 28rem;
    font-weight: bold;
    line-height: 30rem;
    text-align: center;
}

.games-eva .eva-container .eva-item .game-score .span {
    font-size: 12rem;
}

/* 产业资讯 */
.industry-news {
    width: 100%;
}

.industry-news .news-item {
    margin-bottom: 18rem;
    padding-bottom: 18rem;
    border-bottom: 1rem solid var(--br-c);
}

.industry-news .news-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.industry-news .news-item .title {
    color: #1A1A1A;
    font-size: 14rem;
    margin-bottom: 12rem;
}

.industry-news .news-item .pic {
    width: 140rem;
    height: 80rem;
    margin-right: 15rem;
}

.industry-news .news-item .info .news-sketch {
    color: #4D4D4D;
    font-size: 12rem;
    line-height: 22rem;
}

/* 游戏视频 */
.game-video .video-container .top {
    margin-bottom: 15rem;
}

.game-video .video-container .top .video-item {
    width: 100%;
    height: 180rem;
    position: relative;
}

.game-video .video-container .top .video-item .pic {
    width: 100%;
    height: 100%;
}

.game-video .video-container .top .video-item .vide-title {
    width: 100%;
    height: 49rem;
    padding: 23rem 8rem 10rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
}

.game-video .video-container .top .video-item .vide-title .title {
    color: #fff;
}

.game-video .video-container .top .video-item .vide-title .play {
    color: #fff;
    font-size: 12rem;
    margin-left: 28rem;
}

.game-video .video-container .below .video-item {
    width: 168rem;
    height: 100rem;
    margin-right: 15rem;
    position: relative;
}

.game-video .video-container .below .video-item:nth-child(2n) {
    margin-right: 0;
}

.game-video .video-container .below .video-item .pic {
    width: 100%;
    height: 100%;
}

.game-video .video-container .below .video-item .title {
    width: 100%;
    height: 50rem;
    color: #fff;
    font-size: 14rem;
    padding: 24rem 10rem 8rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
}

/* 热门攻略 */
.hot-gba .gab-tab {
    width: 340rem;
}

.hot-gba .gab-tab .select {
    width: 100%;
    height: 44rem;
    margin-bottom: 24rem;
}

.hot-gba .gab-tab .select .option {
    width: 50%;
    height: 100%;
    display: flex;
    color: #999;
    cursor: pointer;
    font-size: 16rem;
    user-select: none;
    align-items: center;
    background: #F2F2F2;
    justify-content: center;
    border: 1rem solid #E6E6E6;
}

.hot-gba .gab-tab .select .option:first-child {
    border-right: none;
}

.hot-gba .gab-tab .select .option::before {
    display: block;
    content: '';
    width: 16rem;
    height: 16rem;
    margin-right: 8rem;
    background: no-repeat center/contain;
}

.hot-gba .gab-tab .select .option.active {
    color: #4D4D4D;
    background: #FFF;
    border-right: none;
    position: relative;
}

.hot-gba .gab-tab .select .option.active::after {
    display: block;
    content: '';
    width: 100%;
    height: 6rem;
    background: url(../images/gba-option-active.png) no-repeat center/contain;
    position: absolute;
    bottom: -2.5rem;
}

.hot-gba .gab-tab .select .option:nth-child(1):before {
    background-image: url(../images/gba-option01.png);
}

.hot-gba .gab-tab .select .option:nth-child(1).active:before {
    background-image: url(../images/gba-option01-active.png);
}

.hot-gba .gab-tab .select .option:nth-child(2):before {
    background-image: url(../images/gba-option02.png);
}

.hot-gba .gab-tab .select .option:nth-child(2).active:before {
    background-image: url(../images/gba-option02-active.png);
}

.hot-gba .gab-tab .content .gba-container {
    display: none;
}

.hot-gba .gab-tab .content .gba-container.active {
    display: block;
}

.hot-gba .gab-tab .content .gba-container .gba-item {
    margin-bottom: 24rem;
}

.hot-gba .gab-tab .content .gba-container .gba-item:last-child {
    margin-bottom: 0;
}

.hot-gba .gab-tab .content .gba-container .gba-item .pic {
    width: 130rem;
    height: 74rem;
    margin-right: 15rem;
}

.hot-gba .gab-tab .content .gba-container .gba-item .info .sketch {
    color: var(--fc-c);
    font-size: 12rem;
}

/* 热门游戏 */
.hot-games .game-container .game-item {
    margin-bottom: 18rem;
    padding-bottom: 18rem;
    border-bottom: 1rem solid var(--br-c);
}

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

.hot-games .game-container .game-item .game-icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.hot-games .game-container .game-item .info .update {
    display: flex;
    align-items: center;
}

.hot-games .game-container .game-item .info .update::before {
    display: block;
    content: '';
    width: 16rem;
    height: 16rem;
    margin-right: 4rem;
    background: url(../images/update02.png) no-repeat center/contain;
}

.hot-games .game-container .game-item .score {
    font-size: 16rem;
}

.hot-games .game-container .game-item .score::before {
    width: 16rem;
    height: 16rem;
}

/* 精选分类 */
.fine-type .type-container .type-item {
    width: 170rem;
    padding: 10rem 16rem;
    margin: 0 10rem 10rem 0;
    border: 1rem solid #E6E6E6;
}

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

.fine-type .type-container .type-item:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.fine-type .type-container .type-item .icon {
    width: 40rem;
    height: 40rem;
    border-radius: 10rem;
}











/* ————————————————————————————首页样式—————————————————————————————————— */
/* 第一个轮播图 */
.home .first-section .slideshow {
    width: 100%;
    height: 210rem;
    position: relative;
}

.home .first-section .slideshow .uk-slideshow-items {
    height: 100%;
}

.home .first-section .slideshow .uk-slideshow-items .pic {
    width: 100%;
    height: 100%;
}

.home .first-section .slideshow .uk-slideshow-items .title {
    width: 100%;
    height: 40rem;
    margin: 0;
    color: #FFF;
    font-size: 16rem;
    line-height: 40rem;
    padding: 0 85rem 0 15rem;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
}

.home .first-section .slideshow .uk-slideshow-nav {
    position: absolute;
    bottom: 16rem;
    right: 15rem;
}

.home .first-section .slideshow .uk-slideshow-nav li {
    padding-left: 4rem;
}

.home .first-section .slideshow .uk-slideshow-nav li a {
    width: 8rem;
    height: 8rem;
    border: none;
    background: url(../images/slideshow-page.png) no-repeat center/contain;
}

.home .first-section .slideshow .uk-slideshow-nav .uk-active a {
    background-image: url(../images/slideshow-page-active.png);
}

.home .second-section {
    padding: 0 12rem 10rem;
}

.home .second-section .other-page {
    padding: 20rem 4rem 0;
}

.home .second-section .other-page .page {
    width: 56rem;
}

.home .second-section .other-page .page .icon {
    width: 56rem;
    height: 56rem;
    display: flex;
    border-radius: 50%;
    align-items: center;
    margin-bottom: 5rem;
    justify-content: center;
}

.home .second-section .other-page .page .icon img {
    display: block;
    width: 30rem;
    height: 30rem;
}

.home .second-section .other-page .new-games .icon {
    background: linear-gradient(180deg, #80E141 0%, #B2EF50 100%);
}

.home .second-section .other-page .rank .icon {
    background: linear-gradient(180deg, #FFBF2D 0%, #FFD83A 100%);
}

.home .second-section .other-page .gba .icon {
    background: linear-gradient(180deg, #6BB8FF 0%, #67B6FF 0%, #87C5FF 100%);
}

.home .second-section .other-page .eva .icon {
    background: linear-gradient(180deg, #CF7CFD 0%, #F599ED 100%);
}

.home .second-section .other-page .page .name {
    width: 100%;
    text-align: center;
}

.home .second-section .newset-rec {
    display: flex;
    width: 100%;
    height: 100rem;
    margin-top: 25rem;
    align-items: center;
}

.home .second-section .newset-rec .section-title {
    width: 30rem;
    height: 76rem;
    color: #FFF;
    font-size: 12rem;
    padding: 1rem 9rem;
    font-weight: bold;
    background: url(../images/newest-rec.png) no-repeat center/contain;
}

.home .second-section .newset-rec .section-content {
    height: 100rem;
    border: 1rem solid;
    padding: 10rem 16rem;
    border-image: linear-gradient(360deg, rgba(255, 80, 0, 1), rgba(255, 169, 125, 1)) 1 1;
    position: relative;
}

.home .second-section .newset-rec .section-content .game-container {
    margin-right: 10rem;
}

.home .second-section .newset-rec .section-content .game-container .game-item {
    width: 60rem;
    margin-right: 20rem;
}

.home .second-section .newset-rec .section-content .game-container .game-item:last-child {
    margin-right: 0;
}

.home .second-section .newset-rec .section-content .game-container .game-item .game-icon {
    width: 60rem;
    height: 60rem;
    margin-bottom: 4rem;
    border-radius: 15rem;
}
.home .second-section .newset-rec .section-content .game-container .slidenav-next {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
}

.home .second-section .newset-rec .section-content .cut-line {
    width: 10rem;
    height: 42rem;
    background: url(../images/newest-rec-line.png) no-repeat center/contain;
}

.home .second-section .newset-rec .section-content .update-btn {
    display: flex;
    margin-left: 10rem;
    align-items: center;
    flex-direction: column;
}

.home .second-section .newset-rec .section-content .update-btn .icon {
    width: 22rem;
    height: 22rem;
    margin-bottom: 4rem;
    background: url(../images/update.png) no-repeat center/contain;
}

.home .second-section .newset-rec .section-content .update-btn span {
    color: #FF7E43;
    font-size: 10rem;
}

/* 今日推荐 */
.home .today-rec {
    width: 100%;
    padding: 14rem 12rem 30rem 0;
    background: url(../images/today-rec.png) no-repeat center/contain;
}

.home .today-rec .section-title {
    width: 150rem;
    height: 20rem;
    margin: 0 auto;
    background: url(../images/today-rec-title.png) no-repeat center/contain;
}

.home .today-rec .game-container {
    overflow-y: hidden;
    padding: 30rem 0 0 12rem;
}

.home .today-rec .game-container .game-item {
    width: 90rem;
    height: 156rem;
    padding: 15rem;
    position: relative;
    margin-right: 18rem;
    background: #FFFFFF;
}

.home .today-rec .game-container .game-item:last-child {
    margin-right: 0;
}

.home .today-rec .game-container .game-item .num {
    width: 24rem;
    height: 24rem;
    color: #FFF;
    font-size: 12rem;
    line-height: 24rem;
    text-align: center;
    background: no-repeat center center/contain;
    position: absolute;
    left: -10rem;
    top: -10rem;
}

.home .today-rec .game-container .game-item .num:nth-child(1) {
    background-image: url(../images/today01.png);
}

.home .today-rec .game-container .game-item .num:nth-child(2) {
    background-image: url(../images/today02.png);
}

.home .today-rec .game-container .game-item .num:nth-child(3) {
    background-image: url(../images/today03.png);
}

.home .today-rec .game-container .game-item .num:nth-child(4) {
    background-image: url(../images/today04.png);
}

.home .today-rec .game-container .game-item .game-icon {
    width: 60rem;
    height: 60rem;
    margin-bottom: 8rem;
    border-radius: 15rem;
}

.home .today-rec .game-container .game-item .down-btn {
    width: 60rem;
    height: 30rem;
    color: #FFF;
    margin-top: 10rem;
    line-height: 30rem;
    text-align: center;
    background: var(--pm-c);
}

/* 手游下载、应用软件 */
.home .soft-down .soft-type {
    overflow-y: hidden;
    margin-bottom: 20rem;
}

.home .soft-down .soft-type .type-item {
    display: flex;
    width: 104rem;
    height: 32rem;
    color: #808080;
    flex-shrink: 0;
    padding: 0 11rem;
    margin-right: 12rem;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    border: 1rem solid #E6E6E6;
}

.home .soft-down .soft-type .type-item:last-child {
    margin-right: 0;
}

.home .soft-down .soft-type .type-item::before {
    display: block;
    content: '';
    width: 16rem;
    height: 16rem;
    margin-right: 8rem;
    background: no-repeat center/contain;
}

.home .soft-down.game-down .soft-type .type-item:nth-child(1):before {
    background-image: url(../images/type01.png);
}

.home .soft-down.game-down .soft-type .type-item:nth-child(2) {
    color: var(--pm-c);
    background: #FFEFE8;
    border: 1rem solid #FFDBCA;
}

.home .soft-down.game-down .soft-type .type-item:nth-child(2):before {
    background-image: url(../images/type02-active.png);
}

.home .soft-down.game-down .soft-type .type-item:nth-child(3):before {
    background-image: url(../images/type03.png);
}

.home .soft-down.game-down .soft-type .type-item:nth-child(4):before {
    background-image: url(../images/type04.png);
}

.home .soft-down.game-down .soft-type .type-item:nth-child(5):before {
    background-image: url(../images/type05.png);
}

.home .soft-down.game-down .soft-type .type-item:nth-child(6):before {
    background-image: url(../images/type06.png);
}

.home .soft-down.game-down .soft-type .type-item:nth-child(7):before {
    background-image: url(../images/type07.png);
}

.home .soft-down .soft-container .soft-item {
    padding-bottom: 18rem;
    margin-bottom: 18rem;
    padding-bottom: 1rem solid var(--br-c);
}

.home .soft-down .soft-container .soft-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-bottom: none;
}

.home .soft-down .soft-container .soft-item .soft-icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.home .soft-down .soft-container .soft-item .down-btn {
    width: 68rem;
    height: 32rem;
    color: #FFF;
    line-height: 32rem;
    text-align: center;
    margin-left: 48rem;
    background: var(--pm-c);
}

/* 最新测评 */
.home .newset-eva .eva-container {
    overflow-y: hidden;
}

.home .newset-eva .eva-container .eva-item {
    width: 270rem;
    margin-right: 20rem;
    background: #FFFFFF;
    border: 1rem solid #E6E6E6;
}

.home .newset-eva .eva-container .eva-item:last-child {
    margin-right: 0;
}

.home .newset-eva .eva-container .eva-item .pic {
    width: 100%;
    height: 130rem;
}

.home .newset-eva .eva-container .eva-item .info {
    padding: 14rem 19rem;
}

.home .newset-eva .eva-container .eva-item .info .title {
    font-weight: bold;
}

.home .newset-eva .eva-container .eva-item .info .sketch {
    width: 232rem;
    height: 30rem;
    color: #999;
    margin: 12rem 0;
    font-size: 12rem;
    line-height: 30rem;
    text-align: center;
    background: #FAFAFA;
}

.home .newset-eva .eva-container .eva-item .info .eva-tag {
    width: 68rem;
    height: 22rem;
    color: #A6A6A6;
    font-size: 12rem;
    line-height: 22rem;
    text-align: center;
    background: url(../images/eva-tag.png) no-repeat center/contain;
}

/* 精选专辑 */
.fine-collec .collec-container {
    border: 1rem solid #E6E6E6;
}

.fine-collec .collec-container .collec-title {
    width: 100%;
    height: 110rem;
    padding: 50rem 15rem 10rem;
    background: url(../images/fine-collec.png) no-repeat center/contain;
}

.fine-collec .collec-container .collec-title .title {
    color: #FFF;
    font-size: 16rem;
    font-weight: bold;
}

.fine-collec .collec-container .collec-title .date {
    color: #FFF;
    margin-top: 6rem;
}

.fine-collec .collec-container .collec-title .date::before {
    background-image: url(../images/datre-white.png);
}

.fine-collec .collec-container .game-container {
    padding: 15rem 21rem;
}

.fine-collec .collec-container .game-container .game-item {
    width: 60rem;
    margin-right: 23rem;
}

.fine-collec .collec-container .game-container .game-item:last-child {
    margin-right: 0;
}

.fine-collec .collec-container .game-container .game-item .game-icon {
    width: 50rem;
    height: 50rem;
    margin: 0 auto 6rem;
    border-radius: 10rem;
}

.fine-collec .collec-container .game-container .game-item .game-name {
    color: #333;
    font-size: 12rem;
}

.fine-collec .news-list {
    margin-top: 20rem;
}

.fine-collec .news-list .news-item .tag {
    color: var(--pm-c);
}

/* 应用软件 */
.home .soft-down.app-down .soft-type .type-item:nth-child(1):before {
    background-image: url(../images/app-type01.png);
}

.home .soft-down.app-down .soft-type .type-item:nth-child(2) {
    color: var(--pm-c);
    background: #FFEFE8;
    border: 1rem solid #FFDBCA;
}

.home .soft-down.app-down .soft-type .type-item:nth-child(2):before {
    background-image: url(../images/app-type02-active.png);
}

.home .soft-down.app-down .soft-type .type-item:nth-child(3):before {
    background-image: url(../images/app-type03.png);
}

.home .soft-down.app-down .soft-type .type-item:nth-child(4):before {
    background-image: url(../images/app-type04.png);
}

.home .soft-down.app-down .soft-type .type-item:nth-child(5):before {
    background-image: url(../images/app-type05.png);
}

.home .soft-down.app-down .soft-type .type-item:nth-child(6):before {
    background-image: url(../images/app-type06.png);
}

.home .soft-down.app-down .soft-type .type-item:nth-child(7):before {
    background-image: url(../images/app-type07.png);
}

/* 排行榜 */
.home .home-rank .rank-type .type-item {
    color: #808080;
    margin-left: 10rem;
    padding-bottom: 2rem;
}

.home .home-rank .rank-type .type-item.active {
    color: var(--pm-c);
    font-weight: bold;
    border-bottom: 1rem solid var(--pm-c);
}

.home .home-rank .rank-container .rank-title {
    width: 100%;
    height: 60rem;
    display: flex;
    color: #FFF;
    font-size: 18rem;
    padding-left: 76rem;
    align-items: center;
    margin-bottom: 20rem;
    background: no-repeat center center/contain;
}

.home .home-rank .game-rank .rank-title {
    background-image: url(../images/game-rank.png);
}

.home .home-rank .app-rank .rank-title {
    background-image: url(../images/app-rank.png);
}

.home .home-rank .down-rank .rank-title {
    background-image: url(../images/down-rank.png);
}

.home .home-rank .rank-container .rank-title::after {
    display: block;
    content: '';
    color: #FFF;
    font-size: 12rem;
    margin-left: 10rem;
    text-transform: uppercase;
}

.home .home-rank .game-rank .rank-title::after {
    content: 'games ranking';
}

.home .home-rank .app-rank .rank-title::after {
    content: 'software ranking';
}

.home .home-rank .down-rank .rank-title::after {
    content: 'download ranking';
}

.home .home-rank .rank-container {
    display: none;
}

.home .home-rank .rank-container.active {
    display: block;
}

.home .home-rank .rank-container .soft-container .soft-item {
    margin-bottom: 16rem;
    padding-bottom: 16rem;
    border-bottom: 1rem solid var(--br-c);
}

.home .home-rank .rank-container .soft-container .soft-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.home .home-rank .rank-container .soft-container .soft-item .rank-num {
    width: 20rem;
    height: 20rem;
    font-size: 12rem;
    color: var(--fc-c);
    line-height: 20rem;
    text-align: center;
    margin-right: 19rem;
    background: #F0F0F0;
}

.home .home-rank .rank-container .soft-container .soft-item:nth-child(1) .rank-num,
.home .home-rank .rank-container .soft-container .soft-item:nth-child(2) .rank-num,
.home .home-rank .rank-container .soft-container .soft-item:nth-child(3) .rank-num {
    width: 24rem;
    height: 32rem;
    color: transparent;
    user-select: none;
    margin-right: 15rem;
    background: no-repeat center center/contain;
}

.home .home-rank .rank-container .soft-container .soft-item:nth-child(1) .rank-num {
    background-image: url(../images/rank-num01.png);
}

.home .home-rank .rank-container .soft-container .soft-item:nth-child(2) .rank-num {
    background-image: url(../images/rank-num02.png);
}

.home .home-rank .rank-container .soft-container .soft-item:nth-child(3) .rank-num {
    background-image: url(../images/rank-num03.png);
}

.home .home-rank .rank-container .soft-container .soft-item .icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.home .home-rank .rank-container .soft-container .soft-item .down-btn {
    width: 68rem;
    height: 32rem;
    color: var(--pm-c);
    line-height: 32rem;
    text-align: center;
    background: #FFFFFF;
    border: 1rem solid var(--pm-c);
}

.home .home-rank .rank-container .soft-container .soft-item .name {
    margin-right: 15rem;
}

.home .home-rank .rank-container .soft-container .soft-item .score {
    margin-right: 15rem;
}

.home .home-rank .more-rank {
    display: flex;
    width: 100%;
    height: 30rem;
    margin-top: 30rem;
    align-items: center;
    color: var(--pm-c);
    text-align: center;
    border-radius: 99rem;
    justify-content: center;
    border: 1rem solid var(--pm-c);
}

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

/* 友情链接 */
.home .blogroll {
    margin-bottom: 0;
}

.home .blogroll .public-title {
    margin-bottom: 15rem;
}

.home .blogroll .link-list .link-item {
    display: flex;
    align-items: center;
    line-height: 28rem;
}

.home .blogroll .link-list .link-item::after {
    display: block;
    content: '';
    width: 1rem;
    height: 12rem;
    margin: 0 20rem;
    background-color: #E6E6E6;
}

.home .blogroll .link-list .link-item:last-child::after {
    display: none;
}

.home .blogroll .link-list .link-item a {
    color: #777;
    white-space: nowrap;
}


/* ————————————————————————————资讯列表—————————————————————————————————— */
.list-news {}
.list-news .news-show {
    padding: 12rem;
    margin-top: 0;
}
.list-news .news-show .headline {
    width: 100%;
    height: 40rem;
    padding: 0 12rem;
    line-height: 40rem;
    background: #F7F7F7;
}

.list-news .news-show .headline .tag {
    width: 48rem;
    height: 16rem;
    flex-shrink: 0;
    margin-right: 11rem;
    background: url(../images/headline.png) no-repeat center/contain;
}

.list-news .news-show .news-pic {
    width: 100%;
    margin-top: 15rem;
    position: relative;
}

.list-news .news-show .news-pic .pic {
    height: 170rem;
}

.list-news .news-show .news-pic .sketch {
    width: 100%;
    color: #FFF;
    font-size: 16rem;
    padding: 10rem 15rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
}

.list-news .news-section {
    margin-top: 0;
    padding-top: 10rem;
}

.list-news .news-section .news-type {
    width: 100%;
    height: 100rem;
    margin-bottom: 20rem;
    padding: 15rem 12rem;
    background: #FFFFFF;
    border: 1rem solid #E6E6E6;
}

.list-news .news-section .news-type .news-item {
    display: block;
    height: 30rem;
    color: #4D4D4D;
    font-size: 12rem;
    padding: 0 10rem;
    line-height: 30rem;
    text-align: center;
}

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

.list-news .news-section .news-type .news-item:nth-last-child(-n+4) {
    margin-bottom: 0;
}

.list-news .news-section .news-type .news-item.active {
    color: #fff;
    background: var(--pm-c);
}

.list-news .news-container .news-item {
    width: 100%;
    margin-bottom: 18rem;
    padding-bottom: 18rem;
    border-bottom: 1rem solid var(--br-c);
}

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

.list-news .news-container .news-item .pic {
    width: 140rem;
    height: 80rem;
    margin-right: 15rem;
}

.list-news .news-container .news-item:hover .info {
    background: #FAFAFA;
}

.list-news .news-container .news-item .info .title {
    font-size: 14rem;
}

.list-news .news-container .news-item .info .date::before {
    background-image: url(../images/date01.png);
}

.list-news .news-container .news-item .info .sketch {
    color: #4D4D4D;
    font-size: 12rem;
}

/* ————————————————————————————资讯详情—————————————————————————————————— */
.show-news .article {
    padding: 30rem 12rem;
    background-color: #fff;
}

.show-news .article .article-head {
    margin-bottom: 16rem;
    padding-bottom: 16rem;
    border-bottom: 1rem dashed var(--br-c);
}

.show-news .article .article-head h1 {
    color: #1A1A1A;
    font-size: 18rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40rem;
}

/* 相关阅读 */
.show-news .related-read .news-container {
    margin-bottom: 26rem;
}

.show-news .related-read .news-container .news-item {
    width: 168rem;
}

.show-news .related-read .news-container .news-item .pic {
    width: 100%;
    height: 100rem;
    margin-bottom: 8rem;
}

.show-news .related-read .news-list .news-item {
    margin-bottom: 12rem;
    padding-bottom: 12rem;
    border-bottom: 1rem solid var(--br-c);
}

.show-news .related-read .news-list .news-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* 手游推荐 */
.show-news .soft-rec .soft-container {
    overflow-y: hidden;
}

.show-news .soft-rec .soft-container .soft-item {
    width: 120rem;
    display: flex;
    background: #FFF;
    margin-right: 16rem;
    padding: 15rem 25rem;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border: 1rem solid #E6E6E6;
}

.show-news .soft-rec .soft-container .soft-item:last-child {
    margin-right: 0;
}

.show-news .soft-rec .soft-container .soft-item .soft-icon {
    width: 70rem;
    height: 70rem;
    margin-bottom: 10rem;
    border-radius: 20rem;
}

.show-news .soft-rec .soft-container .soft-item .soft-name {
    width: 100%;
    margin-bottom: 6rem;
}

/* 精选游戏 */
.show-news .fine-games .game-container .game-item {
    margin-bottom: 24rem;
}

.show-news .fine-games .game-container .game-item:last-child {
    margin-bottom: 0;
}

.show-news .fine-games .game-container .game-item .game-icon {
    width: 60rem;
    height: 60rem;
    margin-right: 15rem;
    border-radius: 15rem;
}

.show-news .fine-games .game-container .game-item .system i {
    width: 20rem;
    height: 20rem;
    margin-left: 4rem;
    background: no-repeat center center/contain;
}

.show-news .fine-games .game-container .game-item .system .az {
    background-image: url(../images/az.png);
}

.show-news .fine-games .game-container .game-item .system .az.active {
    background-image: url(../images/az.active.png);
}

.show-news .fine-games .game-container .game-item .system .ios {
    background-image: url(../images/ios.png);
}

.show-news .fine-games .game-container .game-item .system .ios.active {
    background-image: url(../images/ios.active.png);
}

.show-news .fine-games .game-container .game-item .down-btn {
    width: 96rem;
    height: 32rem;
    color: var(--pm-c);
    line-height: 32rem;
    text-align: center;
    background: #FFFFFF;
    border: 1rem solid var(--pm-c);
}

/* ————————————————————————————手游下载（应用软件）—————————————————————————————————— */
.list-soft .soft-type {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}

.list-soft .soft-type .type-item {
    display: block;
    height: 30rem;
    color: #666;
    flex-shrink: 0;
    padding: 0 10rem;
    font-size: 12rem;
    line-height: 30rem;
    text-align: center;
    white-space: nowrap;
    background: #FAFAFA;
    margin: 0 5rem 5rem 0;
}
.list-soft .soft-type .type-item.active {
    background: var(--pm-c);
    color: #fff;
}
.list-soft .soft-type .type-item:nth-child(4n) {
    /*margin-right: 0;*/
}

.list-soft .soft-type .type-item:nth-last-child(-n+4) {
    margin-bottom: 0;
}

.list-soft .soft-container .soft-item {
    padding-bottom: 18rem;
    margin-bottom: 18rem;
    border-bottom: 1rem solid var(--br-c);
}

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

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

.list-soft .soft-container .soft-item .info .score {
    margin-right: 10rem;
}

.list-soft .soft-container .soft-item .info .sketch {
    color: #4D4D4D;
    font-size: 12rem;
}

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

/* ————————————————————————————下载详情—————————————————————————————————— */
.show-soft .details-head {
    margin-top: 0;
}

.show-soft .details-head .soft-show {
    margin-bottom: 20rem;
    padding-bottom: 20rem;
    border-bottom: 1rem solid var(--br-c);
}

.show-soft .details-head .soft-show .soft-icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.show-soft .details-head .soft-show .info h1 {
    font-size: 16rem;
    font-weight: bold;
    margin-bottom: 0;
}

.show-soft .details-head .soft-show .info .lang .span,
.show-soft .details-head .soft-show .info .updat .spane {
    color: #4D4D4D;
}

.show-soft .details-head .soft-show .score {
    font-size: 20rem;
    font-weight: bold;
}

.show-soft .details-head .soft-show .score::before {
    width: 20rem;
    height: 20rem;
}

.show-soft .details-head .soft-show .score::before {
    width: 20rem;
    height: 20rem;
}

.show-soft .details-head .soft-msg {
    margin: 0;
    padding: 0;
}

.show-soft .details-head .soft-msg li {
    flex: 1;
    text-align: center;
    border-right: 1rem solid var(--br-c);
}

.show-soft .details-head .soft-msg li:last-child {
    border: none;
}

.show-soft .details-head .soft-msg li>div {
    margin-bottom: 8rem;
}

.show-soft .details-head .soft-msg li span {
    color: #4D4D4D;
    font-size: 13rem;
}

.show-soft .details-head .down-btn {
    display: flex;
    width: 100%;
    height: 44rem;
    color: #FFF;
    font-size: 16rem;
    margin-top: 20rem;
    align-items: center;
    background: var(--pm-c);
    justify-content: center;
    color: #fff;
}

.show-soft .details-head .down-btn a {
    color: #fff;
}

.show-soft .details-head .down-btn::before {
    display: block;
    content: '';
    width: 16rem;
    height: 16rem;
    margin-right: 10rem;
    background: url(../images/down.white.png) no-repeat center center/contain;
}

.show-soft .details-head .no-down {
    display: none;
    color: #666;
    background-color: #eee;
}

.show-soft .details-head .no-down::before {
    display: none;
}

/* 软件截图 */
.show-soft .soft-screenshot .sliding .uk-slider-items {
    width: 100%;
    /*height: 280rem;*/
}

.show-soft .soft-screenshot .sliding .uk-slider-items li {
    width: 160rem;
    /*height: 100%;*/
    margin-right: 12rem;
}

/* ————————————————————————————专辑列表—————————————————————————————————— */
.list-collec .rec-collec {
    margin-top: 0;
}

.list-collec .rec-collec .section-title {
    width: 116rem;
    z-index: 99;
    position: relative;
    margin-bottom: -2rem;
    background-color: #fff;
    border: 1rem solid #FFB996;
    border-bottom: 1rem solid #FFF;
}

.list-collec .rec-collec .section-title .title {
    display: flex;
    width: 110rem;
    height: 30rem;
    margin: 2rem;
    color: #FFF;
    font-size: 16rem;
    margin-bottom: 0;
    align-items: center;
    background: #FFB996;
    justify-content: center;
}

.list-collec .rec-collec .section-title .title::before {
    display: block;
    content: '';
    width: 16rem;
    height: 16rem;
    margin-right: 8rem;
    background: url(../images/newest-rec-icon.png) no-repeat center/contain;
}

.list-collec .rec-collec .content {
    width: 100%;
    padding: 15rem;
    border: 1rem solid #FFB996;
}

.list-collec .rec-collec .content .collec-list .collec-item {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 12rem;
}


.list-collec .rec-collec .content .collec-list .collec-item::after {
    display: block;
    content: '';
    width: 1rem;
    height: 12rem;
    margin: 0 15rem;
    background: #E6E6E6;
}

.list-collec .rec-collec .content .collec-list .collec-item:nth-child(2n):after {
    display: none;
}

.list-collec .rec-collec .content .collec-list .collec-item .title {
    color: #666;
    font-size: 14rem;
}

.list-collec .collec-section {
    margin-top: 0;
    padding-top: 10rem;
}

.list-collec .collec-section .collec-type {
    width: 100%;
    height: 40rem;
    margin-bottom: 20rem;
    background: #F7F7F7;
}

.list-collec .collec-section .collec-type .type-item {
    display: block;
    width: 100rem;
    height: 100%;
    color: #666;
    text-align: center;
    line-height: 40rem;
}

.list-collec .collec-section .collec-type .type-item.active {
    color: var(--pm-c);
    font-weight: bold;
    position: relative;
    background: #FFFFFF;
    border-top: 1rem solid var(--pm-c);
}

.list-collec .collec-section .collec-type .type-item.active::before {
    display: block;
    content: '';
    width: 14rem;
    height: 14rem;
    background: url(../images/collec.active.png) no-repeat center/contain;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
}

.list-collec .collec-section .collec-container .collec-item {
    margin-bottom: 24rem;
}

.list-collec .collec-section .collec-container .collec-item:last-child {
    margin-bottom: 0;
}

.list-collec .collec-section .collec-container .collec-item .collec-title {
    margin-bottom: 10rem;
}

.list-collec .collec-section .collec-container .collec-item .collec-title .title {
    color: #1A1A1A;
    font-size: 16rem;
    font-weight: bold;
    margin-right: 15rem;
}

.list-collec .collec-section .collec-container .collec-item .collec-title::before {
    display: block;
    content: '';
    width: 14rem;
    height: 14rem;
    flex-shrink: 0;
    margin-right: 4rem;
    background: url(../images/h3-before.png) no-repeat center/contain;
}

.list-collec .collec-section .collec-container .collec-item .collec-title .count {
    display: flex;
    align-items: center;
}

.list-collec .collec-section .collec-container .collec-item .collec-title .count::before {
    display: block;
    content: '';
    width: 16rem;
    height: 16rem;
    margin-right: 4rem;
    background: url(../images/count.png) no-repeat center/contain;
}

.list-collec .collec-section .collec-container .collec-item .soft-container {
    padding: 20rem 10rem;
    background-color: #F9F9F9;
}

.list-collec .collec-section .collec-container .collec-item .soft-container .soft-item {
    width: 70rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.list-collec .collec-section .collec-container .collec-item .soft-container .soft-item .soft-name {
    width: 100%;
    margin: 8rem 0 10rem;
}

.list-collec .collec-section .collec-container .collec-item .soft-container .soft-item .down-btn {
    width: 60rem;
    height: 30rem;
    color: var(--pm-c);
    line-height: 30rem;
    text-align: center;
    background: #FFFFFF;
    border: 1rem solid #F96927;
}

/* ————————————————————————————专辑详情—————————————————————————————————— */
.show-collec .collec-head {
    margin-top: 0;
}

.show-collec .collec-head .collec-show {
    margin-bottom: 20rem;
    padding-bottom: 18rem;
    border-bottom: 1rem solid var(--br-c);
}

.show-collec .collec-head .collec-show .icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.show-collec .collec-head .collec-show .info h1 {
    margin-bottom: 0;
    font-size: 18rem;
    font-weight: bold;
}

.show-collec .collec-head .collec-show .info .type,
.show-collec .collec-head .collec-show .info .count {
    color: #4D4D4D;
}

.show-collec .collec-head .collec-show .info .update {
    display: flex;
    align-items: center;
}

.show-collec .collec-head .collec-show .info .update::before {
    display: block;
    content: '';
    width: 14rem;
    height: 14rem;
    margin-right: 4rem;
    background: url(../images/update02.png) no-repeat center/contain;
}

.show-collec .collec-head .editor-rec {
    width: 330rem;
    height: 163rem;
    margin: 0 auto;
    position: relative;
    background: #FFF;
    border-radius: 10rem;
    padding: 25rem 20rem 18rem;
    box-shadow: 0rem 0rem 10rem 0rem rgba(0, 0, 0, 0.1);
}

.show-collec .collec-head .editor-rec::before {
    display: block;
    content: '';
    width: 184rem;
    height: 54rem;
    background: url(../images/editor-rec.png) no-repeat center/contain;
    position: absolute;
    left: -14rem;
    top: -14rem;
}

.show-collec .collec-head .editor-rec .info {
    padding-top: 20rem;
}

.show-collec .collec-head .editor-rec .info .name {
    color: #333;
    font-size: 15rem;
    font-weight: bold;
    margin-right: 10rem;
}

.show-collec .collec-head .editor-rec .icon {
    width: 70rem;
    height: 70rem;
    border-radius: 20rem;
}

.show-collec .collec-head .editor-rec .down-btn {
    width: 290rem;
    height: 34rem;
    color: #FFF;
    margin-top: 16rem;
    line-height: 34rem;
    text-align: center;
    background: #5AD4B5;
}

.show-collec .collec-head .more-rank {
    margin-top: 20rem;
}

.show-collec .collec-head .more-rank .rank-item {
    display: inline-block;
    color: #999;
    padding: 0 16rem;
    font-size: 12rem;
    line-height: 24rem;
    text-align: center;
    border-radius: 99rem;
    background: #F8F8F8;
}


.show-collec .collec-details .soft-container .soft-item {
    width: 100%;
    height: 110rem;
    position: relative;
    padding: 20rem 15rem;
    margin-bottom: 16rem;
    background: #FAFAFA;
}

.show-collec .collec-details .soft-container .soft-item:last-child {
    margin-bottom: 0;
}

.show-collec .collec-details .soft-container .soft-item .num {
    width: 50rem;
    height: 50rem;
    color: #FFF;
    font-size: 12rem;
    font-weight: bold;
    background: url(../images/collec-num.png) no-repeat center/contain;
    position: absolute;
    left: -3rem;
    top: -3rem;
}

.show-collec .collec-details .soft-container .soft-item .num span {
    transform: rotate(-45deg);
    position: absolute;
    left: 10rem;
    top: 8rem;
}

.show-collec .collec-details .soft-container .soft-item .soft-icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.show-collec .collec-details .soft-container .soft-item .soft-name {
    margin-bottom: 5rem;
}

.show-collec .collec-details .soft-container .soft-item .down-btn {
    width: 68rem;
    height: 32rem;
    color: #FFF;
    margin-left: 15rem;
    line-height: 32rem;
    text-align: center;
    background: var(--pm-c);
}

.show-collec .collec-details .soft-container .soft-item .score {
    margin-right: 12rem;
}

.show-collec .collec-details .soft-container .soft-item .sketch {
    color: #4D4D4D;
    font-size: 12rem;
}

/* 推荐资讯 */
.show-collec .rec-news .news-container .news-item .pic {
    margin: 0 0 0 15rem;
}

/* ————————————————————————————礼包列表—————————————————————————————————— */
.list-gift .gift-section {
    margin-top: 0;
}

.gift .public-gift-container .gift-item {
    padding: 15rem;
    margin-bottom: 12rem;
    background: #FAFAFA;
}

.gift .public-gift-container .gift-item:last-child {
    margin-bottom: 0;
}

.gift .public-gift-container .gift-item .icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.gift .public-gift-container .gift-item .info .sketch {
    color: #999;
    font-size: 12rem;
    margin-bottom: 10rem;
}

.gift .public-gift-container .gift-item .info .down-btn {
    width: 68rem;
    height: 32rem;
    color: #666;
    margin-left: 15rem;
    line-height: 30rem;
    text-align: center;
    background: #FFFFFF;
    border: 1rem solid #CCCCCC;
}

.gift .all-count {
    width: 80rem;
    height: 14rem;
    color: #FFF;
    font-size: 10rem;
    font-weight: bold;
    line-height: 14rem;
    position: relative;
    text-align: center;
    border-radius: 99rem;
    background: #D8D8D8;
}

.gift .all-count span {
    position: relative;
    z-index: 2;
}

.gift .have-count {
    width: 90%;
    height: 14rem;
    border-radius: 99rem;
    background: var(--pm-c);
    position: absolute;
    bottom: 0;
    z-index: 1;
}

/* ————————————————————————————礼包详情—————————————————————————————————— */
.show-gift .gift-head {
    margin-top: 0;
}

.show-gift .gift-head .gift-show {
    margin-bottom: 20rem;
}

.show-gift .gift-head .gift-show .icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 15rem;
}

.show-gift .gift-head .gift-show .info h1 {
    font-size: 16rem;
    font-weight: bold;
    margin-bottom: 0;
}

.show-gift .gift-head .gift-show .info .valid-time {
    color: #4D4D4D;
    font-size: 12rem;
}

.show-gift .gift-head .btn-container .btn {
    display: flex;
    width: 100%;
    height: 44rem;
    color: #FFF;
    cursor: pointer;
    font-size: 16rem;
    position: relative;
    align-items: center;
    margin-bottom: 15rem;
    justify-content: center;
    border: 1rem solid var(--pm-c);
}

.show-gift .gift-head .btn-container .btn:last-child {
    margin-bottom: 0;
}

.show-gift .gift-head .btn-container .btn::before {
    display: block;
    content: '';
    width: 16rem;
    height: 16rem;
    margin-right: 10rem;
}

.show-gift .gift-head .btn-container .get-btn {
    background: var(--pm-c);
}

.show-gift .gift-head .btn-container .get-btn::before {
    background: url(../images/get-btn.png) no-repeat center/contain;
}

.show-gift .gift-head .btn-container .down-btn {
    color: var(--pm-c);
    background: #fff;
}

.show-gift .gift-head .btn-container .down-btn::before {
    background: url(../images/down-btn1.png) no-repeat center/contain;
}

.show-gift .article {
    margin-top: 0;
    padding-top: 10rem;
}

/* 相关礼包 */
.show-gift .related-gift .gift-container .gift-item {
    padding: 15rem;
    background: #FAFAFA;
}

.show-gift .related-gift .gift-container .gift-item .icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 15rem;
}

.show-gift .related-gift .gift-container .gift-item .info .sketch {
    color: #999;
    font-size: 12rem;
    margin-bottom: 10rem;
}

.show-gift .related-gift .gift-container .gift-item .info .get-btn {
    width: 68rem;
    color: #666;
    height: 32rem;
    line-height: 30rem;
    text-align: center;
    background: #FFFFFF;
    border: 1rem solid #CCCCCC;
}

/* 更多礼包 */
.show-gift .more-gift {
    width: 100%;
}

.show-gift .more-gift .gift-list .gift-item .dot {
    width: 4rem;
    height: 4rem;
    margin: 0 9rem;
    position: relative;
    margin-right: 10rem;
    border: 2rem solid #FFF;
    box-sizing: content-box;
    background: url(../images/dot01.png) no-repeat center/contain;
}

.show-gift .more-gift .gift-list .gift-item .dot::after {
    display: block;
    content: '';
    width: 1rem;
    height: 22rem;
    background-color: #E6E6E6;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 9rem;
}

.show-gift .more-gift .gift-list .gift-item:last-child .dot::after {
    display: none;
}

.show-gift .more-gift .gift-list .gift-item:nth-child(1) .tag,
.show-gift .more-gift .gift-list .gift-item:nth-child(2) .tag {
    color: #89CC2E;
}

.show-gift .more-gift .gift-list .gift-item:nth-child(3) .tag,
.show-gift .more-gift .gift-list .gift-item:nth-child(4) .tag {
    color: #FF5C00;
}

.show-gift .more-gift .gift-list .gift-item:nth-child(5) .tag,
.show-gift .more-gift .gift-list .gift-item:nth-child(6) .tag {
    color: #35A5FC;
}

/* 大家都在抢 */
.show-gift .everyone-want .gift-container .gift-item {
    width: 100%;
}

.show-gift .everyone-want .gift-container .gift-item:nth-child(3n) {
    margin-right: 0;
}

.show-gift .everyone-want .gift-container .gift-item:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.show-gift .everyone-want .gift-container .gift-item .gift-icon {
    overflow: visible;
    position: relative;
    border-radius: 20rem;
    overflow: hidden;
}

.show-gift .everyone-want .gift-container .gift-item .gift-icon .icon {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}

.show-gift .everyone-want .gift-container .gift-item .gift-icon .icon img {
    width: 100%;
    height: 100%;
    border-radius: 20rem;
}

.show-gift .everyone-want .gift-container .gift-item .gift-icon .count {
    display: flex;
    width: 100%;
    height: 24rem;
    color: #FFF;
    font-size: 12rem;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
}

.show-gift .everyone-want .gift-container .gift-item .gift-icon .count::before {
    display: block;
    content: '';
    width: 12rem;
    height: 12rem;
    margin-right: 6rem;
    background: url(../images/gift.png) no-repeat center/contain;
}

.show-gift .everyone-want .gift-container .gift-item .gift-sketch {
    width: 100%;
    color: #333;
    margin-top: 5rem;
    line-height: 22rem;
    text-align: center;
}

/* 礼包弹窗 */
.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: 270rem;
    height: 310rem;
    margin: 0 auto;
    padding: 25rem 0;
    text-align: center;
    border-radius: 20rem;
    background: #FFFFFF;
    transform: translate(50%, -50%);
    position: relative;
    position: fixed;
    right: 50%;
    top: 50%;
}

.mask-layer .pop-up .pop-pic {
    width: 160rem;
    height: 110rem;
    margin: 0 auto 20rem;
    background: url(../images/pop-bg.png) no-repeat center/contain;
}

.mask-layer .pop-up .title {
    color: #1A1A1A;
    font-size: 22rem;
    font-weight: bold;
    margin-bottom: 14rem;
}

.mask-layer .pop-up .gift-show-code {
    color: #4D4D4D;
    font-size: 16rem;
    margin-bottom: 14rem;
}

.mask-layer .pop-up .close-btn {
    width: 40rem;
    height: 40rem;
    cursor: pointer;
    background: url(../images/close-btn.png) no-repeat center/contain;
    position: absolute;
    right: -8rem;
    top: -8rem;
}

.mask-layer .pop-up .copy-btn {
    width: 188rem;
    height: 44rem;
    color: #FFF;
    font-size: 18rem;
    cursor: pointer;
    line-height: 50rem;
    text-align: center;
    margin: 0 auto;
    background: #F75757;
    border-radius: 99rem;
}

/* ————————————————————————————排行榜—————————————————————————————————— */
.rank .rank-banner {
    width: 100%;
    height: 100rem;
    background: url(../images/rank-banner.png) no-repeat center/contain;
}

.rank .rank-section {
    padding: 15rem 12rem;
    background-color: #fff;
}

.rank .rank-section .rank-type {
    margin-bottom: 30rem;
    overflow-x: scroll;
    white-space: nowrap;
}

.rank .rank-section .rank-type .type-item {
    display: inline-block;
    font-size: 14rem;
    padding: 0 15rem;
    line-height: 32rem;
    text-align: center;
    color: var(--pm-c);
    margin: 0 5rem 5rem 0;
    border: 1rem solid var(--pm-c);
}


.rank .rank-section .rank-type .type-item.active {
    color: #FFF;
    background: var(--pm-c);
}

.rank .public-game-cotnainer .game-item {
    margin-bottom: 18rem;
    padding-bottom: 18rem;
    border-bottom: 1rem solid var(--br-c);
}

.rank .public-game-cotnainer .game-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.rank .public-game-cotnainer .game-item .rank-num {
    width: 20rem;
    height: 20rem;
    font-size: 12rem;
    color: var(--fc-c);
    line-height: 20rem;
    text-align: center;
    margin-right: 19rem;
    background: #F0F0F0;
}

.rank .public-game-cotnainer .game-item:nth-child(1) .rank-num,
.rank .public-game-cotnainer .game-item:nth-child(2) .rank-num,
.rank .public-game-cotnainer .game-item:nth-child(3) .rank-num {
    width: 24rem;
    height: 32rem;
    color: transparent;
    user-select: none;
    margin-right: 15rem;
    background: no-repeat center center/contain;
}

.rank .public-game-cotnainer .game-item:nth-child(1) .rank-num {
    background-image: url(../images/rank-num01.png);
}

.rank .public-game-cotnainer .game-item:nth-child(2) .rank-num {
    background-image: url(../images/rank-num02.png);
}

.rank .public-game-cotnainer .game-item:nth-child(3) .rank-num {
    background-image: url(../images/rank-num03.png);
}

.rank .public-game-cotnainer .game-item .game-icon {
    width: 70rem;
    height: 70rem;
    margin-right: 15rem;
    border-radius: 20rem;
}

.rank .public-game-cotnainer .game-item .down-btn {
    width: 68rem;
    height: 32rem;
    color: #FFF;
    line-height: 32rem;
    text-align: center;
    background: #F96927;
}

/* ————————————————————————————排行榜列表—————————————————————————————————— */
.list-rank-new .rank-container {
    padding: 15rem 12rem;
    background-color: #fff;
}

.list-rank-new .rank-container .rank-item {
    width: 100%;
    padding: 15rem;
    margin-bottom: 14rem;
    background: #FAFAFA;
}

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

.list-rank-new .rank-container .rank-item .info {
    margin-right: 9rem;
}

.list-rank-new .rank-container .rank-item .info .title {
    font-size: 16rem;
    font-weight: bold;
    margin-bottom: 16rem;
}

.list-rank-new .rank-container .rank-item .info .check-more {
    display: block;
    width: 96rem;
    height: 32rem;
    color: var(--pm-c);
    line-height: 30rem;
    text-align: center;
    border: 1rem solid var(--pm-c);
}

.list-rank-new .rank-container .rank-item .game-container {
    width: 76rem;
    height: 60rem;
    position: relative;
}

.list-rank-new .rank-container .rank-item .game-container .game-item {
    background: no-repeat center center/contain;
    border: 2rem solid #FFF;
    position: absolute;
    bottom: 0;
}

.list-rank-new .rank-container .rank-item .game-container .game-item:nth-child(1) {
    width: 60rem;
    height: 60rem;
    z-index: 99;
    left: 0;
}

.list-rank-new .rank-container .rank-item .game-container .game-item:nth-child(1) img {
    border-radius: 15rem;
}

.list-rank-new .rank-container .rank-item .game-container .game-item:nth-child(1)::before {
    display: block;
    content: '';
    width: 28rem;
    height: 14rem;
    background: url(../images/crown.png)no-repeat center/contain;
    transform: translateX(-50%);
    position: absolute;
    top: -14rem;
    left: 50%;
}

.list-rank-new .rank-container .rank-item .game-container .game-item:nth-child(2) {
    width: 40rem;
    height: 40rem;
    border-radius: 10rem;
    z-index: 98;
    right: 6rem;
}

.list-rank-new .rank-container .rank-item .game-container .game-item:nth-child(2) img {
    border-radius: 10rem;
}

.list-rank-new .rank-container .rank-item .game-container .game-item:nth-child(3) {
    width: 30rem;
    height: 30rem;
    border-radius: 6rem;
    z-index: 97;
    right: 0;
}

.list-rank-new .rank-container .rank-item .game-container .game-item:nth-child(3) img {
    border-radius: 6rem;
}

/* ————————————————————————————排行详情—————————————————————————————————— */
.show-rank-new .rank-content .rank-title {
    display: flex;
    width: 100%;
    height: 50rem;
    padding: 0 12rem;
    align-items: center;
    background-color: #fff;
    justify-content: space-between;
    border-bottom: 1rem solid #FFDCC2;
    box-shadow: 0rem 3rem 4rem 0rem #FFF4EC;
}

.show-rank-new .rank-content .rank-title::before {
    display: block;
    content: '';
    width: 20rem;
    height: 20rem;
    margin-right: 8rem;
    background: url(../images/rank-title-before.png) no-repeat center/contain;
}

.show-rank-new .rank-content .rank-title .title {
    color: #333;
    font-size: 16rem;
    font-weight: bold;
    margin-right: 15rem;
}

.show-rank-new .rank-content .public-game-cotnainer {
    padding: 0 12rem 30rem;
    margin-top: 20rem;
    background-color: #fff;
}

/* 热门排行榜 */
.show-rank-new .hot-rank .hot-rank-banner {
    display: flex;
    width: 100%;
    height: 150rem;
    align-items: center;
    margin-bottom: 16rem;
    background: #eee url() no-repeat center/contain;
}

.show-rank-new .hot-rank .hot-rank-banner .rank-title {
    width: 100%;
    height: 36rem;
    color: #FFF;
    line-height: 36rem;
    text-align: center;
    background: url(../images/hot-rank-title.png) no-repeat center/contain;
}

.show-rank-new .hot-rank .rank-list .rank-item .tag {
    color: var(--pm-c);
    margin-right: 5rem;
}

/* 热门资讯 */
.show-rank-new .hot-news {
    margin-top: 10rem;
}

/* 最新攻略 */
.show-rank-new .public-newset-gba {
    width: 100%;
}

.show-rank-new .public-newset-gba .gba-show {
    width: 100%;
    height: 150rem;
    position: relative;
    margin-bottom: 20rem;
}

.show-rank-new .public-newset-gba .gba-show .pic {
    width: 100%;
    height: 100%;
}

.show-rank-new .public-newset-gba .gba-show .title {
    display: block;
    width: 100%;
    height: 32rem;
    color: #FFF;
    padding: 0 15rem;
    line-height: 32rem;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    margin: 0;
}

.show-rank-new .public-newset-gba .gba-list .gba-item .dot {
    width: 4rem;
    height: 4rem;
    position: relative;
    margin-right: 10rem;
    border: 2rem solid #FFF;
    box-sizing: content-box;
    background: url(../images/dot01.png) no-repeat center/contain;
}

.show-rank-new .public-newset-gba .gba-list .gba-item .dot::after {
    display: block;
    content: '';
    width: 2rem;
    height: 22rem;
    background-color: #E6E6E6;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 9rem;
}

.show-rank-new .public-newset-gba .gba-list .gba-item:last-child .dot::after {
    display: none;
}

/* ————————————————————————————开服表—————————————————————————————————— */
.list-server .server-select {
    width: 100%;
    height: 50rem;
    padding: 0 12rem;
    background: #F7F7F7;
}

.list-server .server-select select {
    width: 85rem;
    color: #777;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/server-select.png) no-repeat right center/20rem 20rem;
}

.list-server .server-select select option:first-child {
    display: none;
}

.list-server .game-container .game-item {
    margin-bottom: 18rem;
    padding-bottom: 18rem;
    border-bottom: 1rem dashed #ccc;
}

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

.list-server .game-container .game-item .game-icon {
    width: 60rem;
    height: 60rem;
    margin-right: 12rem;
    border-radius: 10rem;
}

.list-server .game-container .game-item .info {
    margin-right: 15rem;
}

.list-server .game-container .game-item .game-name {
    margin-right: 6rem;
}

.list-server .game-container .game-item .system {
    width: 16rem;
    height: 16rem;
    flex-shrink: 0;
    background: no-repeat center center/contain;
}

.list-server .game-container .game-item .system.az {
    background-image: url(../images/az.active.png);
}

.list-server .game-container .game-item .system.ios {
    background-image: url(../images/ios.active.png);
}

.list-server .game-container .game-item .date span,
.list-server .game-container .game-item .server span {
    color: #666;
}

.list-server .game-container .game-item .down-btn {
    width: 68rem;
    height: 32rem;
    font-size: 12rem;
    color: var(--pm-c);
    line-height: 30rem;
    text-align: center;
    border: 1rem solid var(--pm-c);
}

/* ————————————————————————————单页面—————————————————————————————————— */
.single-page {
    padding: 12rem;
    background-color: #fff;
}

.single-page .single-select {
    width: 100%;
    margin-bottom: 20rem;
    padding: 12rem;
    background: #FFFFFF;
    border: 1rem solid #E6E6E6;
}

.single-page .single-select .option {
    display: block;
    width: 80rem;
    height: 30rem;
    padding: 0 15rem;
    color: #4D4D4D;
    font-size: 12rem;
    line-height: 30rem;
    text-align: center;
    margin: 0 1.5rem 9rem 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.single-page .single-select .option.active {
    color: #FFF;
    background: var(--pm-c);
}

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

.single-page .single-select .option:nth-last-child(-n+4) {
    margin-bottom: 0;
}

/* 网站地图 */
.single-page .site-map .public-title {
    margin-bottom: 16rem;
}

.single-page .site-map .public-title .title {
    font-size: 14rem;
}

.single-page .site-map .public-title .title::before {
    width: 14rem;
    height: 14rem;
}

.single-page .site-map .single-select {
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.single-page .site-map .single-select .option {
    background: #FAFAFA;
    margin: 0 10rem 10rem 0;
}

.single-page .site-map .single-select .option:nth-child(4n) {
    margin-right: 0;
}

.single-page .site-map .single-select .option:nth-last-child(-n+4) {
    margin-bottom: 0;
}

.single-page .site-map .rank .single-select .option {
    width: 170rem;
    height: 30rem;
    margin-bottom: 10rem;
    background: #FAFAFA;
}

.single-page .site-map .rank .single-select .option:nth-child(2n) {
    margin-right: 0;
}

.single-page .site-map .rank .single-select .option:nth-last-child(-n+2) {
    margin-bottom: 0;
}

/* 搜索结果 */
.single-page .search .search-result {
    color: #4D4D4D;
    font-size: 16rem;
    margin-bottom: 30rem;
}

.single-page .search .list-soft .soft-container {
    padding: 0;
}

/* 400、500 */
.page404,
.page500 {
    height: 740rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.page404 .pic,
.page500 .pic {
    width: 120rem;
    height: 120rem;
    margin-top: 48rem;
}

.page404 .title,
.page500 .title {
    color: #767D9B;
    font-size: 32rem;
    margin-top: 2rem;
    font-weight: bold;
}

.page404 .sketch,
.page500 .sketch {
    color: #999;
    font-size: 12rem;
    margin-top: 4rem;
}

.page404 .back-index,
.page500 .back-index {
    width: 120rem;
    height: 44rem;
    color: var(--pm-c);
    font-size: 16rem;
    margin-top: 20rem;
    line-height: 42rem;
    text-align: center;
    border: 1rem solid var(--pm-c);
}
.page-error  {
    padding: 100px 0;
    text-align: center;
}
.page-error img {
    width: auto;
}
.page-error b {
    margin: 15px 0;
    font-size: 36px;
    display: block;
    color: #767D9B;
    line-height: 42px;
    text-align: center;
}
.page-error p {
    font-size: 18px;
    color: #999999;
}
.page-error .go-home {
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #F96927;
    color: #F96927;
    padding: 10px 30px;
}