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

/* 常规移动端为: .16rem=1.06rem */
body {
    width: 100%;
    height: 100%;
    color: #333;
    font-size: .14rem;
    letter-spacing: .005rem;
    font-family: '微软雅黑';
}

/* 公共样式 */
:root {
    --pm-c: #10B489;
    --dm-c: #fdeaea;
    --bg-c: #FAFAFA;
    --br-c: #eee;
}

.main {
    background-color: #F5F5F7;
}

/* ————————公共区块、节、栏———————— */
.section {
    padding: .2rem .12rem;
    background-color: #fff;
}

.public-section {
    padding: .2rem .12rem;
    background-color: #fff;
}

img {
    width: 100%;
    height: 100%;
}

.title {
    color: #1A1A1A;
}

.t1{
   display: inline-block;
   white-space: nowrap; 
   width: 100%; 
   overflow: hidden;
   text-overflow:ellipsis; 
}

.t2{
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.article-content p {
    color: #666666;
    font-size: .14rem;
    line-height: 29px;
    text-indent: 2em;
}

.article-content p img {
    display: block;
    margin: .15rem auto;
    max-width: 85%;
}

.article-content iframe {
    width: 100%;
    height: 100%;
    text-indent: -2em;
    display: block;
    margin: 0 auto;
}

/* ————————公共区块标题———————— */
.public-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .12rem;
    margin-bottom: 18px;
    border-bottom: .01rem solid #F0F0F2;
}

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

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

h3 {
    height: .34rem;
		line-height: .34rem;
    font-size: .16rem;
    font-weight: bold;
    align-items: center;
    border-bottom: none;
		display: inline-block;
		background: var(--pm-c);
		color: #fff;
		padding: 0 .17rem !important;
		border-radius: 99px;
		margin: .05rem 0 !important;
}

.public-title .more{
	width: .2rem;
	height: .2rem;
	background: #E6E6E6;
}

.public-title .more i {
	width: .03rem;
	height: .03rem;
	margin: .03rem;
	margin-top: .08rem;
	background: #FFFFFF;
}

/* ————————详情页小标题———————— */
.article-content .small-title {
    display: flex;
    height: .5rem;
    align-items: center;
    font-size: .18rem;
    font-weight: bold;
    margin-bottom: .12rem;
    padding-left: .2rem .12rem;
    border-bottom: .01rem solid #F0F0F2;
}

.article-content .small-title::before {
    content: '';
    display: inline-block;
    width: .24rem;
    height: .24rem;
    margin-right: .1rem;
}

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

.article-content .small-title.game::before {
    background: url(../images/details-icon2.png) no-repeat center/contain;
}

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

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

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


/* ————————公共的点———————— */
.public-dot::before {
    content: '';
    display: inline-block;
    width: .06rem;
    height: .06rem;
    margin-right: .08rem;
    background: url('../images/dot1.png') no-repeat center/contain;
}

/* ————————日期样式———————— */
span.date {
    color: #999;
    font-size: .12rem;
}

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

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

i.date {
    color: #999;
    font-size: .12rem;
}

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

/* ————————公共区块评分———————— */
.score {
    display: flex;
    align-items: center;
}

.score i {
    width: .14rem;
    height: .14rem;
    margin-right: .04rem;
    background: url(../images/score1.png) no-repeat center center/contain;
}

.score i.get {
    width: .14rem;
    height: .14rem;
    background: url(../images/score2.png) no-repeat center center/contain;
}

.score span {
    color: #FD4444;
    font-size: .12rem;
    margin-left: .08rem;
}

/* 分割线 */
.line {
    color: #e6e6e6;
    font-size: .1rem;
    margin: 0 .1rem;
}

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

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

.paginator .prev {
    background: url(../images/prev.png) no-repeat center center;
    background-size: 45%;
}

.paginator .next {
    background: url(../images/next.png) no-repeat center center;
    background-size: 45%;
}

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

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

/* ———————————————————————————————共有区块——————————————————————————————— */
/* ——————————————网页头部—————————————— */
.header .logo-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .4rem .12rem .15rem;
    background: url('../images/header-bg.png') no-repeat center/cover;
}

.header .logo-search .logo {
    width: .9rem;
}

.header .logo-search .search {
    display: flex;
    width: 1.9rem;
    height: .3rem;
    position: relative;
}

.header .logo-search .search input {
    width: 100%;
    height: 100%;
    color: #999999;
    border-radius: 99px;
    background: #FFFFFF;
}

.header .logo-search .search input::placeholder {
    color: #999999;
    padding: 0 .16rem;
}

.header .logo-search .search .search-icon {
    width: .20rem;
    height: .20rem;
    background: url(../images/search.png) no-repeat center/contain;
    position: absolute;
    right: .16rem;
    top: 50%;
    transform: translateY(-50%);
}

.header .nav {
    display: flex;
    padding: 0 .12rem;
    overflow-y: hidden;
    white-space: nowrap;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}

.header .nav .nav-item {
    display: block;
    padding: .13rem 0;
    margin-right: .25rem;
}

.header .nav .nav-item.active {
    color: var(--pm-c);
    font-size: .16rem;
    font-weight: bold;
		background: url('../images/nav_active.png') no-repeat left/contain;
		background-size: .08rem .08rem;
		padding-left: .15rem;
    /* border-bottom: 3px solid var(--pm-c); */
}

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

.footer .link-list {
    margin: .1rem 0;
    line-height: .18rem;
}

.footer .link-list span {
    font-size: .12rem;
    margin: 0 .03rem;
}

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

.footer a {
    color: #999999;
}

/* ——————————————其他公共区块—————————————— */
/* 资讯列表 */
.news-list-container .news-item {
    padding: .18rem 0;
    border-bottom: .01rem dashed #eee;
}

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

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

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

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

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

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

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

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

.list-container .item .num {
    width: .2rem;
    color: #fff;
    line-height: .2rem;
    text-align: center;
    margin-right: .1rem;
    background: #D1D1D1;
}

.list-container .item:nth-child(1) .num {
    background: var(--pm-c);
}

.list-container .item:nth-child(2) .num {
    background: #51ABFF;
}

.list-container .item:nth-child(3) .num {
    background: #88C6FF;
}

.list-container .item .date {
    margin-left: 15px;
}

/* ————————游戏测评———————— */

.game-eva .container .item-a {
    margin-bottom: .15rem;
}

.game-eva .container .item-a .game-pic {
    width: 100%;
    height: 1.7rem;
    position: relative;
}

.game-eva .container .item-a .game-pic .sketch {
    width: 90%;
    line-height: .36rem;
    padding: 0 .15rem;
    color: #fff;
    font-size: .14rem;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
}

.game-eva .container .item-a .score {
	color: #fff;
	font-size: .14rem;
	display: inline-block;
	width: .36rem;
	height: .36rem;
	line-height: .36rem;
	text-align: center;
	background: #FD4444;
	position: absolute;
	bottom: 0;
	right: 0;
}

.game-eva .container .item-a .info .line {
    color: #e6e6e6;
    font-size: .12rem;
    margin: 0 .06rem;
}

.game-eva .container .item-b {
    color: #666;
    margin-bottom: .16rem;
    padding-bottom: .16rem;
    border-bottom: .01rem solid #eee;
}
.game-eva .container .item-b .num{
	display: inline-block;
	margin-right: .1rem;
	width: .3rem;
	height: .3rem;
	line-height: .3rem;
	background: #F2F2F2;
	color: #AAAAAA;
	font-size: .14rem;
	text-align: center;
}

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

.game-eva .container .item-b .game-pic {
    width: .8rem;
    height: .5rem;
    margin-right: .1rem;
}

.game-eva .container .item-b .score {
    margin-left: .18rem;
}

/* ————————排行榜列表———————— */
/* 前三名 */

.rank-section .top-three .rank-item {
    align-self: flex-end;
}

.rank-section .top-three .rank-item .soft-icon {
    width: .6rem;
    height: .6rem;
    border-radius: .2rem;
    border: .02rem solid #4FB7FF;
}

.rank-section .top-three .rank-item:nth-child(2) .soft-icon {
    border-color: #FFC514;
}

.rank-section .top-three .rank-item:nth-child(3) .soft-icon {
    border-color: #F77F43;
}

.rank-section .top-three .rank-item:nth-child(2) .soft-icon {
    width: .7rem;
    height: .7rem;
}

.rank-section .top-three .rank-item:nth-child(1) .soft-icon-container {
    width: 100px;
    height: 90px;
    background: url(../images/rank-icon2.png) no-repeat center/contain;
    position: relative;
}

.rank-section .top-three .rank-item:nth-child(2) .soft-icon-container {
    width: 1.306rem;
    height: 90px;
    background: url(../images/rank-icon1.png) no-repeat center/contain;
    position: relative;
}

.rank-section .top-three .rank-item:nth-child(3) .soft-icon-container {
    width: 100px;
    height: 90px;
    background: url(../images/rank-icon3.png) no-repeat center/contain;
    position: relative;
}

.rank-section .top-three .soft-icon-container {
    position: relative;
}

.rank-section .top-three .soft-icon-container .num {
    width: .34rem;
    height: .34rem;
    position: absolute;
}

.rank-section .top-three .rank-item:nth-child(1) .num {
    background: url(../images/rank-num2.png) no-repeat center/contain;
    bottom: 0;
}

.rank-section .top-three .rank-item:nth-child(2) .num {
    width: .42rem;
    height: .42rem;
    background: url(../images/rank-num1.png) no-repeat center/contain;
    bottom: 0;
}

.rank-section .top-three .rank-item:nth-child(3) .num {
    background: url(../images/rank-num3.png) no-repeat center/contain;
    bottom: 0;
}


.rank-section .top-three .soft-name {
    font-size: .15rem;
    margin: .2rem 0 .05rem 0;
    width: 1rem;
		text-align: center;
}

/* 列表 */
.rank-list .rank-item {
    padding: .18rem 0;
    border-top: .01rem solid #eee;
}

.rank-list .rank-item:hover {
    background: linear-gradient(90deg, #F1F8FF 0%, rgba(241, 248, 255, 0) 100%);
}

.rank-list .rank-item:hover .down-btn {
    color: #FFF;
    background: #007aff;
}

.rank-list .rank-item:hover .num {
    color: #007aff;
}

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

.rank-list .rank-item .soft-name {
    max-width: 1.5rem;
}

.rank-list .rank-item .num {
    display: block;
    width: .17rem;
    color: #B3B3B3;
    text-align: center;
    margin-right: .16rem;
}

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

.rank-list .rank-item .info .msg span {
    font-size: .1rem;
    margin: 0 .06rem;
}

.rank-list .rank-item .down-btn {
    width: .68rem;
    line-height: .3rem;
    text-align: center;
    border-radius: .05rem;
    color: var(--pm-c);
    border: .01rem solid var(--pm-c);
}

/* ————————编辑推荐———————— */
.editor-rec .news-list .news-item {
    position: relative;
    margin-bottom: .15rem;
}

.editor-rec .news-list .news-item .icon {
    width: .3rem;
    height: .3rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: .05rem;
    position: absolute;
    left: .05rem;
    top: .05rem;
}

.editor-rec .news-list .news-item .icon::before {
    content: '';
    display: block;
    width: .16rem;
    height: .16rem;
    background: url(../images/dianzan2.png) no-repeat center/contain;
}

.editor-rec .news-list .news-item .news-pic {
    width: 1.66rem;
    height: 1rem;
    margin-bottom: .1rem;
}

/* 编辑推荐游戏 */
.editor-rec-game .game-list .game-item {
    margin-bottom: .15rem;
}

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

.editor-rec-game .game-list .game-item .game-name {
    max-width: 1.2rem;
}

.editor-rec-game .game-list .game-item .down-btn {
    width: .68rem;
    color: #fff;
    line-height: .3rem;
    text-align: center;
    background: var(--pm-c);
    border-radius: .05rem;
}

.editor-rec-game .game-list .game-item .info .score {
    color: #FD971B;
    font-size: .12rem;
    font-weight: bold;
    margin-left: 0.08rem;
}

.editor-rec-game .list-container li {
    padding-left: .2rem;
		position: relative;
		border-top: .01rem dashed #E4E4E5;
		padding-top: .12rem;
}

.editor-rec-game .list-container li::before{
	content: '';
	display: inline-block;
	width: .06rem;
	height: .06rem;
	vertical-align: middle;
	margin-right: .08rem;
	background: url('../images/dot1.png') no-repeat left/contain;
	position: absolute;
	left: 0;
}
/* ————————新游资讯———————— */
.new-game-news .swiper {
    height: 2.2rem;
}

.new-game-news .swiper-wrapper {
    width: 100%;
    height: 1.7rem;
}

.new-game-news .swiper-wrapper .swiper-slide {
    position: relative;
}

.new-game-news .swiper-wrapper .swiper-slide .sketch {
    width: 100%;
    color: #fff;
    padding: .5rem .25rem .14rem .25rem;
    background: linear-gradient(180deg, rgba(0, 188, 255, 0.01) 40%, #000 100%);
    position: absolute;
    bottom: 0;
}

.new-game-news .swiper-pagination-clickable .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    opacity: 1;
    border-radius: 99px;
    background: transparent;
    border: .01rem solid #0081F4;
}

.new-game-news .swiper-pagination-clickable .swiper-pagination-bullet-active {
    width: .3rem;
    height: .08rem;
    opacity: 1;
    background: #0081F4;
    border-radius: 99px;
}

.new-game-news .tag {
    color: var(--pm-c);
    display: flex;
    align-items: center;
}

.new-game-news .tag::after {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    background: #eee;
    margin: 0 .06rem;
}

/* ————————大家都在玩———————— */
.all-play .game-list .game-item {
    padding-bottom: .18rem;
    margin-bottom: .18rem;
    border-bottom: .01rem dashed #eee;
}

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

.all-play .game-list .game-item .game-icon {
    width: .6rem;
    height: .6rem;
    margin-right: .15rem;
    border-radius: .15rem;
}

.all-play .game-list .game-item .down-btn::before {
    content: '';
    display: inline-block;
    width: .18rem;
    height: .18rem;
    background: url(../images/downbtn.png) no-repeat center center/contain;
}

.all-play .game-list .game-item .tags .tag {
    display: inline-block;
    width: 72px;
    font-size: .12rem;
    line-height: .24rem;
    text-align: center;
    margin-right: .1rem;
    border-radius: 99px;
}

.all-play .game-list .game-item .tags .tag.lang {
    color: #FF0055;
    background: #FFE5EE;
}

.all-play .game-list .game-item .tags .tag.type {
    color: #6DC168;
    background: #F0F9F0;
}

.all-play .game-list .game-item .tags .tag.score {
    color: #FD971B;
    background: #FEF2E8;
}

/* ————————热门攻略———————— */

.index-main .hot-gba .gba-list .gba-item {
    margin-bottom: .18rem;
    background: #F7F7F7;
		padding-right: .15rem;
}

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

.hot-gba .gba-list .gba-item .title {
	margin-bottom: .08rem;
	margin-top: .1rem;
}

.hot-gba .gba-list .gba-item .title::before {
	content: '';
	display: inline-block;
	width: .06rem;
	height: .06rem;
	vertical-align: middle;
	margin-right: .08rem;
	background: url('../images/dot1.png') no-repeat center/contain;
}

.hot-gba .gba-list .gba-item .gba-pic {
	width: 1rem;
	height: .6rem;
	flex-shrink: 0;
	margin-right: .15rem;
}
.index-main .hot-gba .gba-list .gba-item .gba-pic {
	width: 1.4rem;
	height: .9rem;
	flex-shrink: 0;
	margin-right: .15rem;
}
.hot-gba .gba-list .gba-item .tag {
	display: inline-block;
	height: .18rem;
	line-height: .18rem;
	color: var(--pm-c);
	font-size: .12rem;
	text-align: center;
	background: #fff;
	border: .01rem solid var(--pm-c);
	margin-left: .1rem;
	padding: 0 .08rem;
}
.hot-gba .gba-list .gba-item .sketch{
	margin-bottom: .08rem;
	color: #4D4D4D;
}
/* .hot-gba .gba-list .gba-item .date::after {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    margin: 0 .1rem;
    background-color: #eee;
} */
.hot-gba .gba-list .gba-item .down-btn{
	font-size: .12rem;
	font-weight: bold;
	display: inline-block;
	width: .5rem;
	height: .2rem;
	line-height: .18rem;
	border: .01rem solid var(--pm-c);
	padding-left: .1rem;
	border-radius: 99px;
	color: var(--pm-c);
	background: url('../images/jt.png') no-repeat .32rem/contain;
	background-size: .08rem .08rem;
}

.home-type-game{
	margin-top: .2rem;
}
.home-type-game .item{
	width: 1.7rem;
	height: .68rem;
	background: #FFFFFF;
	border-radius:.05rem;
	padding: .12rem .15rem;
	margin-left: .12rem;
}
.home-type-game .item .info{
    min-width: 0;
}
.home-type-game .item .title{
	color: var(--pm-c);
	font-size: .14rem;
}
.home-type-game .item .type{
	font-size: .12rem;
	color: #999999;
	display: inline-block;
	margin-top: .1rem;
}
.home-type-game .item .gba-pic{
	width: .48rem;
	height: .48rem;
	border-radius: 50%;
	overflow: hidden;
	margin-left: .1rem;
    flex-shrink: 0;
}

/* 本周推荐 */
.home-week-tj{
	position: relative;
	background: #FFFFFF;
	border-radius: .1rem;
	margin: .2rem .12rem 0;
	padding: .2rem .25rem;
}
.home-week-tj .section-title{
	width: .88rem;
	height: .3rem;
	position: absolute;
	left: .1rem;
	top: -.1rem;
	background: url('../images/week-title.png') no-repeat center/contain;
}
.home-week-tj ul{
	border-bottom: .01rem solid #EBEBED;
	margin-top: .15rem;
}
.home-week-tj ul li{
	margin-bottom: .2rem;
}
.home-week-tj ul li .title{
	font-size: .18rem;
	color: #1A1A1A;
	display: block;
	margin-bottom: .1rem;
}
.home-week-tj ul li .desc{
	font-size: .14rem;
	color: #999999;
}
.home-week-tj .home-game-list{

}
.home-week-tj .home-game-list .game-list{
	width: .66rem;
	margin-top: .2rem;
}
.home-week-tj .home-game-list .game-list .gba-pic{
	width: .56rem;
	height: .56rem;
	border-radius: .15rem;
	margin: 0 auto;
	overflow: hidden;
}
.home-week-tj .home-game-list .game-list .title{
	font-size: .13rem;
	color: #1A1A1A;
	display: block;
	text-align: center;
	margin-top: .06rem;
}
/* ————————公共选项———————— */
.select-section .section-title {
    width: 1.09rem;
    height: .26rem;
    margin: .2rem auto;
    background: url(../images/news-title.png) no-repeat center center/contain;
}

.select-section .select .option {
    display: block;
    width: .8rem;
    height: .3rem;
    color: #4D4D4D;
    font-size: .12rem;
    line-height: .3rem;
    text-align: center;
    margin: 0 .1rem .1rem 0;
    background-color: #FFFFFF;
    border-radius: .05rem;
    border: .01rem solid #E6E6E6;
}

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

.select-section .select .option.active {
    color: var(--pm-c);
    border-color: var(--pm-c);
}

/* ————————同类推荐———————— */
.same-rec-grid .game-grid .game-item {
    width: 1.66rem;
    padding: .1rem 0;
    margin-bottom: .2rem;
    background: #F8F8FA;
}

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

.same-rec-grid .game-grid .game-item .icon {
    width: .16rem;
    height: .16rem;
}

.same-rec-grid .game-grid .game-item .icon.ios {
    margin-right: .1rem;
    background: url(../images/ios-active.png) no-repeat center/contain;
}

.same-rec-grid .game-grid .game-item .icon.az {
    background: url(../images/az-active.png) no-repeat center/contain;
}

/* ————————同类推荐———————— */
.same-rec-list .game-list .game-item {
  margin-bottom: .1rem;
	border-bottom: .01rem dashed #EBEBED;
	padding: 0.1rem;
}

.same-rec-list .game-list .game-item:last-child {
  margin-bottom: 0;
	border:none;
}

.same-rec-list .game-list .game-item .game-icon {
	width: .6rem;
	height: .6rem;
	border-radius: .15rem;
	margin-right: .1rem;
}

.same-rec-list .game-list .game-item .score {
  color: #4D4D4D;
	font-size: .12rem;
	font-weight: 400;
}

.same-rec-list .game-list .game-item .score span {
  color: #FA4646;
	font-size: .16rem;
	margin: 0;
	font-style: italic;
}

.same-rec-list .game-list .game-item .down-btn {
    width: .68rem;
    color: var(--pm-c);
    line-height: .3rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: .05rem;
    border: .01rem solid var(--pm-c);
}
.same-rec-list .side-game-type .game-list .game-item{
	background: #FAFAFA;
	border: none;
	margin-bottom: .15rem;
}
.side-game-type{
	display: flex;
	overflow-x: scroll;
}
.side-game-type .game-list{
	margin-right: .24rem;
}
.side-game-type .game-list .game-item{
	min-width: 2.5rem;
}
.side-game-type .game-list .game-item .game-icon{
	width: .7rem;
	height: .7rem;
}
.side-game-type .pt{
	color: #999999;
}
.side-game-type .pt .az{
	width: .16rem;
	height: .16rem;
	display: inline-block;
	background: url('../images/pt_az.png') no-repeat center/contain;
}
.side-game-type .pt .ios{
	width: .16rem;
	height: .16rem;
	display: inline-block;
	margin-right: .12rem;
	background: url('../images/pt_ios.png') no-repeat center/contain;
}
.side-game-type .type{
	color: #4D4D4D;
}
/* ————————热门资讯———————— */
.hot-news .news-container {
    padding-bottom: .2rem;
    border-bottom: .01rem solid #eee;
}

.hot-news i.tag {
    display: flex;
    align-items: center;
    color: var(--pm-c);
}

.hot-news i.tag::after {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    background: #eee;
    margin: 0 .08rem;
}

.hot-news .news-container .news-item {
    width: 1.66rem;
}

.hot-news .news-container .news-item .news-pic {
    width: 100%;
    height: 100px;
    margin-bottom: .1rem;
    position: relative;
}

.hot-news .news-container .news-item .news-pic::before {
    content: '';
    display: block;
    width: .32rem;
    height: .32rem;
    background: url(../images/hot-news-icon.png);
    position: absolute;
    top: 0;
    right: 0;
}

/* 新游动态 */
.hot-news .center-section{

}
.hot-news .center-section .gba-item{
	background: #F7F7F7;
	padding: .2rem;
}
.hot-news .center-section .gba-item .tag{
	font-size: .12rem;
	color: var(--pm-c);
	padding-right: .25rem;
	position: relative;
}
.hot-news .center-section .gba-item .tag:before{
	content: '';
	display: inline-block;
	width: .06rem;
	height: .06rem;
	position: absolute;
	right: 0.1rem;
	background: url('../images/dot1.png') no-repeat right/contain;
}
.hot-news .center-section .gba-item .date{
	font-size: .12rem;
  color: #999999;
}
.hot-news .center-section .gba-item .gba-title{
	font-size: .14rem;
	font-weight: bold;
	color: #1A1A1A;
	margin-top: .14rem;
}
.hot-news .center-section .gba-item .sketch{
	font-size: .12rem;
	color: #4D4D4D;
	margin-top: .1rem;
}
.hot-news .center-section .gba-item .gba-pic{
	width: 3.11rem;
	height: 1.5rem;
	margin-top: .16rem;
}
/* ————————猜你喜欢———————— */
.guess-like .soft-grid .soft-item {
    width: .7rem;
    margin: 0 .64rem .26rem 0;
}

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

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

.guess-like .soft-grid .soft-item .soft-name {
    text-align: center;
}

.guess-like .soft-grid .soft-item:hover .soft-name {
    color: var(--pm-c);
}

/* ————————游戏礼包———————— */
.game-gift .gift-list .item{
	width: 50%;
}
.game-gift .gift-list .item:nth-child(1){
	padding-right: .05rem;
}
.game-gift .gift-list .item:nth-child(2){
	padding-left: .05rem;
}
.game-gift .gift-list .gift-item {
    display: block;
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-bottom: .2rem;
    position: relative;
}
.game-gift .gift-list .info{
	margin-left: .12rem;
}
.game-gift .gift-list .info .gba-sketch{
	font-size: .12rem;
	color: #1A1A1A;
}
.game-gift .gift-list .info .num{
	font-size: .12rem;
	color: #999999;
	display: inline-block;
	background: url('../images/gift_icon.png') no-repeat left/contain;
  bakcground-size: .12rem .12rem;
	margin-top: .16rem;
	padding-left: .2rem;
}
.game-gift .gift-list .gift-item p {
    width: 100%;
    line-height: .22rem;
    text-align: center;
    color: #fff;
    font-size: .12rem;
    border-radius: 0px 0px .2rem .2rem;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
}

.game-gift ul li::before {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    margin-right: .1rem;
    background: #CCCCCC;
}

.game-gift ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: .15rem;
}

.game-gift ul li .gift-name {
    flex: 1;
}

.game-gift ul li .get-gift {
    width: .68rem;
    line-height: .3rem;
    margin-left: .25rem;
    font-size: .12rem;
    text-align: center;
    color: #fff;
    background: var(--pm-c);
    border-radius: .03rem;
    border: .01rem solid #E4E4E5;
}

.game-gift ul li span {
    color: #999999;
    font-size: .12rem;
}

/* ————————专辑推荐————————  */
.album-rec .rec-container {
    width: 100%;
    height: 280px;
    background: #F8F8FA url(../images/game-album-hot.png) no-repeat right top;
    background-size: .54rem .54rem;
}


.album-rec .info {
    padding: .2rem .28rem;
}

.album-rec .rec-container .info .title {
    color: #333;
    font-size: .15rem;
    font-weight: bold;
    margin-bottom: .14rem;
}

.album-rec .tags .tag {
    padding: .06rem .1rem;
    text-align: center;
    color: var(--pm-c);
    font-size: .12rem;
    border: .01rem solid var(--pm-c);
}

.album-rec .tags .count {
    margin-right: .08rem;
}

.album-rec .tags .tag:first-child::before {
    content: '';
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .06rem;
    background: url(../images/game-album-tag.png) no-repeat center center/contain;
}

/* 轮播图 */
.rec-container .mySwiper2 {
    width: 2.99rem;
    height: .9rem;
    margin: .12rem auto 0;
    overflow: hidden;
}

.rec-container .mySwiper2 .swiper-wrapper {
    height: .9rem;
}

.rec-container .mySwiper2 .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: .7rem !important;
    height: 1rem;
    margin-right: .45rem !important;
    overflow: hidden;
}

.rec-container .mySwiper2 .swiper-pagination {
    bottom: .4rem !important;
}

.rec-container .mySwiper2 .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    border: 2px solid #0081F4;
    background-color: transparent;
}

.rec-container .mySwiper2 .swiper-pagination-bullet-active {
    width: .24rem;
    height: .06rem;
    background-color: #0081F4;
    border-radius: 99px;
}

.rec-container .mySwiper2 .swiper-slide .game-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
}

/* ————————热门专辑———————— */
.hot-album {
    width: 100%;
    /* background: linear-gradient(90deg, #FFE8CF 0%, #FFF1DC 100%); */
}

.hot-album .content {
  width: 100%;
}

.hot-album .content .section-title {
    color: #FF6610;
    font-size: .2rem;
    font-weight: bold;
}

.hot-album .content .section-title::after {
    content: '';
    display: inline-block;
    width: .7rem;
    height: .26rem;
    margin-left: .12rem;
    background: url(../images/hot-album.png) no-repeat center center/contain;
}

.hot-album .content .album-list .album-item {
    width: 100%;
    height: .6rem;
    margin-bottom: .1rem;
    background: #FAFAFA;
}
.album-main .hot-album .content .album-list .album-item{
	height: .8rem;
}
.hot-album .content .album-list .album-item .num{
	width: .24rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	background: #EDEDED;
	position: relative;
	margin-right: .15rem;
	color: #ABABAB;
}
.hot-album .content .album-list .album-item:nth-child(-n+3) .num{
	color: #fff;
}
.hot-album .content .album-list .album-item:nth-child(1) .num{
	background: #FA4646;
}
.hot-album .content .album-list .album-item:nth-child(2) .num{
	background: #FF834E;
}
.hot-album .content .album-list .album-item:nth-child(3) .num{
	background: #FFAE4E;
}
.hot-album .content .album-list .album-item .num::before{
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	border: .08rem solid;
	border-color: transparent transparent transparent #EDEDED;
	position: absolute;
	right: -.14rem;
	top: .22rem;
}
.hot-album .content .album-list .album-item:nth-child(1) .num::before{
	border-color: transparent transparent transparent #FA4646;
}
.hot-album .content .album-list .album-item:nth-child(2) .num::before{
	border-color: transparent transparent transparent #FF834E;
}
.hot-album .content .album-list .album-item:nth-child(3) .num::before{
	border-color: transparent transparent transparent #FFAE4E;
}
.hot-album .content .album-list .album-item .album-pic {
  width: .46rem;
  height: .46rem;
  border-radius: .1rem;
}
.hot-album .content .album-list .album-item .tag{
	color: var(--pm-c);
	font-weight: 400;
	display: inline-block;
	margin-right: .05rem;
}
/* ————————产业资讯———————— */
.industry-news .news-grid {
    padding-bottom: .2rem;
    border-bottom: .01rem dashed #eee;
}

.industry-news .news-grid .news-item {
    width: 1.66rem;
    position: relative;
}

.industry-news .news-grid .news-item .num {
    position: absolute;
    left: 0;
    top: 0;
    width: .24rem;
    line-height: .24rem;
    text-align: center;
    color: #fff;
    font-size: .12rem;
    background: var(--pm-c);
}

.industry-news .news-grid .news-item .news-pic {
    height: 100px;
    margin-bottom: .1rem;
}

.industry-news .news-grid .news-item .news-pic img {
    object-fit: cover;
}

.industry-news .news-grid .news-item .sketch {
    line-height: .24rem;
}

.industry-news .list-container {
    padding: .12rem 0;
}

.industry-news .list-container .num {
    width: .18rem;
    color: #fff;
    font-size: .12rem;
    line-height: .18rem;
    text-align: center;
    background: var(--pm-c);
}

/* ———————— 游戏视频————————  */
.game-video {
    width: 100%;
}

.game-video .video-grid .video-item {
    height: 100%;
    position: relative;
}

.game-video .video-grid .video-item.show .video-pic {
    width: 100%;
    height: 1.9rem;
    font-size: .14rem;
}

.game-video .video-grid .video-item .video-pic {
    width: 1.66rem;
    height: 1.1rem;
    font-size: .12rem;
    position: relative;
}

.game-video .video-grid .video-item .video-pic .mask {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
}

.game-video .video-grid .video-item .video-pic .mask::before {
    content: '';
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../images/video-play.png) no-repeat center center/contain;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.game-video .video-grid .video-item .video-pic .sketch {
    width: 100%;
    padding: 0 .12rem;
    color: #fff;
    position: absolute;
    bottom: .08rem;
}

/* ————————最新排名———————— */
.newest-rank ul {
    padding-left: .14rem;
    border-left: .01rem solid #e6e6e6;
}

.newest-rank ul li {
    margin-top: 20px;
}

.newest-rank ul li .date {
    width: .62rem;
    height: .26rem;
    line-height: .26rem;
    text-align: center;
    color: #007aff;
    font-size: .14rem;
    border: .01rem solid var(--pm-c);
    position: relative;
}

.newest-rank ul li .date::before {
    content: '';
    display: block;
    width: .06rem;
    height: .06rem;
    background: var(--pm-c);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -.18rem;
    transform: translateY(-50%);
}

.newest-rank ul li .date::after {
    content: '';
    display: block;
    width: .05rem;
    height: .05rem;
    background: #fff;
    border: .01rem solid var(--pm-c);
    border-right: none;
    border-bottom: none;
    position: absolute;
    top: .09rem;
    left: -.04rem;
    transform: rotate(-45deg);
}

.newest-rank ul li .sketch {
    width: 100%;
    height: .34rem;
    padding: 0 .14rem;
    margin-top: .1rem;
    background: #F8F8FA;
}

.newest-rank ul li .sketch::after {
    content: '';
    display: block;
    width: .16rem;
    height: .16rem;
    background: url(../images/next.png) no-repeat center center/contain;
}

.newest-rank ul li:hover .sketch {
    color: #007aff;
}


/* 手游下载列表 */
.soft-list-down {
    padding: 0 .12rem;
}

.soft-list-down .soft-item {
    padding: .18rem 0;
    border-bottom: 1px solid #eee;
}

.soft-list-down .soft-item:last-child {
    border-bottom: none;
}

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

.soft-list-down .soft-item .soft-name {
    color: #1A1A1A;
}

.soft-list-down .soft-item .msg {
    color: #999;
    font-size: .12rem;
}

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

/* ——————————最新活动——————————  */
.newest-activity .activity-list .activity-item {
    margin-bottom: .18rem;
    padding-bottom: .18rem;
    border-bottom: 1px solid #e6e6e6;
}

.newest-activity .activity-list .activity-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.newest-activity .activity-list .activity-item .activity-pic {
    width: 1.1rem;
    height: .7rem;
    margin-right: .16rem;
}

.newest-activity .activity-list .activity-item .public-dot::before {
    vertical-align: middle;
}

.newest-activity .activity-tag {
    width: .4rem;
    color: #fff;
    font-size: .12rem;
    line-height: .18rem;
    margin-right: .1rem;
    text-align: center;
    background: var(--pm-c);
}

/* ——————————————————————————隐藏页面样式—————————————————————————— */
/* 关于我们 */
.other-page-select {
    margin-top: .3rem;
    padding: 0 .12rem;
    padding-bottom: .2rem;
    background-color: #fff;
}

.other-page-select .option {
    display: inline-block;
    width: .8rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    margin: 0 .05rem .1rem 0;
    color: #4D4D4D;
    border: .01rem solid #E6E6E6;
    border-radius: .05rem;
}

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

.other-page-select .option.active {
    width: .8rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    color: #fff;
    background: var(--pm-c);
    border-radius: .05rem;
}

/* 地图网站 */
.web-map-section .public-title .title {
    font-weight: normal;
}

.web-map .options .option {
    display: inline-block;
    width: .8rem;
    color: #4D4D4D;
    font-size: .12rem;
    line-height: .3rem;
    text-align: center;
    margin: 0 .1rem .1rem 0;
    background: #F8F8FA;
    border-radius: .05rem;
}

.web-map .options .option:nth-child(4n) {
    margin-right: 0;
}

.web-map .options .option-170 {
    width: 1.7rem;
    height: .3rem;
    background: #F8F8FA;
    border-radius: .05rem;
}

.web-map .options .option-170:nth-child(2n) {
    margin-right: 0;
}

/* 搜索结果 */
.search-main .search-result {
    color: #4D4D4D;
    font-size: .16rem;
    line-height: 19px;
    margin-top: .3rem;
    padding: 0 .12rem .2rem .12rem;
    background-color: #fff;
}

.search-main .soft-container {
    padding: 0;
}

.search-main .soft-container .soft-item:last-child {
    margin-bottom: 0;
}

/* 开服表 */
.server-list-main .select {
    color: #999;
    height: .5rem;
    padding: 0 .12rem;
}

.server-list-main .select .option {
    display: flex;
    align-items: center;
}

.server-list-main .select .option::after {
    content: '';
    display: inline-block;
    width: .15rem;
    height: .15rem;
    margin-left: .05rem;
    background: url(../images/option-more.png) no-repeat center/contain;
}

.server-list-main .server-list-section {
    background-color: #fff;
}

.server-list-main .server-list-section .icon {
    width: .16rem;
    height: .16rem;
    margin-left: .1rem;
}

.server-list-main .server-list-section .soft-name {
    max-width: 1.5rem;
}

.server-list-main .server-list-section .icon.ios {
    background: url(../images/ios-active.png);
}

.server-list-main .server-list-section .icon.az {
    background: url(../images/az-active.png);
}

.max-190 {
    max-width: 1.9rem;
}

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

.page404 img,
.page500 img {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
}

.page404 .back-index,
.page500 .back-index {
    width: .8rem;
    height: 0.3rem;
    border: solid .01rem #eeeeee;
    text-align: center;
    line-height: .29rem;
    font-size: .12rem;
    color: #666;
    margin-top: 0.29rem;
}



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

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

.down-btn,
.soft-icon,
.game-icon,
.gift-icon,
.news-pic,
.gba-pic,
.activity-pic,
.album-pic,
.game-pic,
.video-pic {
    display: block;
    overflow: hidden;
}

.game-icon img,
.soft-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;
}

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

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

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

.mt0-10 {
    margin: 0 .1rem;
}

.m0-12 {
    margin: 0 .12rem;
}

.m30-0 {
    margin: .3rem 0;
}

.mt5 {
    margin-top: .05rem !important;
}

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

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

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

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

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

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

.mr0 {
    margin-right: 0rem;
}

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

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

.mb0 {
    margin-bottom: 0rem;
}

.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;
}
.ml0{
	margin-left: 0 !important;
}
.ml10 {
	margin-left: .1rem;
}
.ml20 {
	margin-left: .2rem;
}

/* padding */
.p0 {
    padding: 0;
}

.p0-12 {
    padding: 0 .12rem;
}

.p17-12 {
    padding: .17rem .12rem;
}

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

.pt0 {
    padding-top: 0;
}
.pt10 {
    padding-top: 0.1rem !important;
}
.p15 {
    padding: .15rem;
}

.p20 {
    padding: .20rem;
}

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

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

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

.pb0 {
    padding-bottom: 0rem !important;
}

.pb30 {
    padding-bottom: .3rem;
}


/* 字体样式 --*/
.fz10 {
    font-size: .10rem;
}

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

.fz14 {
    font-size: .14rem;
}

.text-center {
    text-align: center;
}

.color-1A {
    color: #1A1A1A;
}

.color-007FF4 {
    color: var(--pm-c);
}

.color-999 {
    color: #999;
}

.color-666 {
    color: #666;
}

.color-CCC {
    color: #ccc;
}

.color-FD971B {
    color: #FD971B;
}

.fwb {
    font-weight: bold;
}

/* 背景色 */
.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: #555555;
    font-size: .14rem;
    text-decoration: none;
}

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

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


/* 轮播图 */
.index-main .mySwiper1 {
    width: 100%;
    height: 2rem;
    position: relative;
}

.index-main .mySwiper1 .swiper-slide {
    position: relative;
}

.index-main .mySwiper1 .swiper-slide .swiper-pic {
    width: 100%;
    height: 100%;
}

.index-main .mySwiper1 .swiper-slide .sketch {
    width: 100%;
    color: #fff;
    padding: .3rem 1rem .12rem .12rem;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 188, 255, 0.01) 10%, #000 100%);
}

.index-main .mySwiper1 .swiper-pagination {
    width: auto;
    left: auto;
    right: .12rem;
    bottom: .16rem;
    display: flex;
    align-items: center;
    z-index: 99;
}

.index-main .mySwiper1 .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    opacity: 1;
    background: #fff;
}

.index-main .mySwiper1 .swiper-pagination-bullet-active {
    width: .08rem;
    height: .08rem;
    opacity: 1;
    background: var(--pm-c);
}

/* 新游情报 */
.index-main .new-game-info {
	padding-top: .2rem;
  background: url(../images/new-game-news-bg.png);
}

.index-main .new-game-info .section-title {
	width: 2.4rem;
	height: .4rem;
	margin: 0 auto .2rem;
	background: url(../images/news_title.png) no-repeat left top/contain;
}
.index-main .new-game-info .news-container{
	padding-bottom: .1rem;
	margin: 0 .1rem;
}
.index-main .new-game-info .news-container .item{
	padding: 0.1rem .2rem;
	margin-bottom: .1rem;
	background: #fff;
}
.index-main .new-game-info .news-container .item .news-pic{
	width: .6rem;
	height: .6rem;
	border-radius: .15rem;
	overflow: hidden;
}
.index-main .new-game-info .news-container .item ul{
	margin-left: .1rem;
}
.index-main .new-game-info .news-container .item ul li{
	position: relative;
  padding-right: .16rem;
	margin-top: .05rem;
}
.index-main .new-game-info .news-container .item ul li::after{
	content: '';
	display: inline-block;
	width: .15rem;
	height: .25rem;
	position: absolute;
	right: -.03rem;
	color: var(--pm-c);
	font-size: .12rem;
	background: url('../images/more_.png') no-repeat center/contain;
}
.index-main .new-game-info .news-container{

}
.index-main .new-game-info .news-container{

}
.index-main .new-game-info .content {
    padding: 0 .1rem .2rem .1rem;
}

.index-main .new-game-info .content a {
    color: #1A1A1A;
}

.index-main .new-game-info .content .games-container .game-item {
    width: 1rem;
    padding: .15rem .2rem;
    background-color: #fff;
}

.index-main .new-game-info .content .games-container .game-item .game-icon {
    width: .6rem;
    height: .6rem;
    border-radius: .15rem;
    margin-bottom: .1rem;
}

.index-main .new-game-info .content .games-container .game-item .down-btn {
    width: .6rem;
    color: #fff;
    line-height: .3rem;
    text-align: center;
    border-radius: 5px;
    margin-top: .1rem;
    background-color: var(--pm-c);
}
.index-main .new-game-info .content {
    padding: 0 .1rem .2rem .1rem;
}

.index-main .new-game-info .content a {
    color: #1A1A1A;
}

.index-main .new-game-info .content .games-container .game-item {
    width: 1rem;
    padding: .15rem .2rem;
    background-color: #fff;
}

.index-main .new-game-info .content .games-container .game-item .game-icon {
    width: .6rem;
    height: .6rem;
    border-radius: .15rem;
    margin-bottom: .1rem;
}

.index-main .new-game-info .content .games-container .game-item .down-btn {
    width: .6rem;
    color: #fff;
    line-height: .3rem;
    text-align: center;
    border-radius: 5px;
    margin-top: .1rem;
    background-color: var(--pm-c);
}

/* 手游下载 */
/* 本周推荐 */
.index-main .week-rec {
    margin-top: 26px;
}

.index-main .week-rec .section-title {
    width: 1.32rem;
    height: .3rem;
    margin: -.08rem auto .2rem;
    color: #fff;
    background: url(../images/week-rec-title.png) no-repeat center center;
    background-size: cover;
    position: relative;
}

.index-main .week-rec .section-title::before {
    content: '';
    display: block;
    width: .16rem;
    height: .08rem;
    background: url(../images/week-rec-icon1.png) no-repeat center/contain;
    position: absolute;
    left: -.1rem;
    top: 0;
}

.index-main .week-rec .section-title::after {
    content: '';
    display: block;
    width: .16rem;
    height: .08rem;
    background: url(../images/week-rec-icon2.png) no-repeat center/contain;
    position: absolute;
    right: -.1rem;
    top: 0;
}

/* 轮播图 */
.index-main .week-rec {
    width: 100%;
    height: 1.96rem;
    background-color: #eee;
    /* background: url(../images/game-album.png) no-repeat center center/contain; */
}

.index-main .week-rec .mySwiper2 {
    width: 2.99rem;
    margin: 0 auto;
    overflow: hidden;
}

.index-main .week-rec .mySwiper2 .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: .7rem !important;
    height: 1rem;
    margin-right: .45rem !important;
    overflow: hidden;
}

.index-main .mySwiper2 .swiper-pagination {
    bottom: .2rem !important;
}

.index-main .mySwiper2 .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    border: 2px solid #0081F4;
    background-color: transparent;
}

.index-main .mySwiper2 .swiper-pagination-bullet-active {
    width: .24rem;
    height: .06rem;
    background-color: #0081F4;
    border-radius: 99px;
}

.index-main .week-rec .mySwiper2 .swiper-slide .game-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
}



/* 选项卡 */
.index-main .tab-control .select {
    padding-bottom: .12rem;
    border-bottom: 1px solid #eee;
}

.index-main .tab-control .select .option {
    color: #1A1A1A;
    font-size: .18rem;
}

.index-main .tab-control .select .option.active {
    color: var(--pm-c);
    font-weight: bold;
    position: relative;
}

.index-main .tab-control .select .option.active::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background-color: var(--pm-c);
    position: absolute;
    right: 50%;
    bottom: -.13rem;
    transform: translateX(50%);
}

.index-main .tab-control .news-list {
    display: none;
}

.index-main .tab-control .news-list .news-item {
    padding: .18rem 0;
    border-bottom: 1px solid #eee;
}

.index-main .tab-control .news-list .news-item:last-child {
    border-bottom: none;
}

.index-main .tab-control .news-list .news-item .news-pic {
    width: 1rem;
    height: .7rem;
    margin-right: .12rem;
}

.index-main .tab-control .news-list .news-item .news-info .sketch {
    color: #4D4D4D;
    font-size: .12rem;
}

.index-main .tab-control .news-list .news-item .news-info .rec-tag {
    width: .4rem;
    height: .18rem;
    color: var(--pm-c);
    font-size: .12rem;
    line-height: .18rem;
    text-align: center;
    margin-right: .1rem;
    background-color: #EAF5FF;
}

.index-main .tab-control .news-list.active {
    display: block;
}

.index-main .tab-control .read-more {
    width: 100%;
    height: 30px;
    border-radius: 99px;
    background-color: #EAF5FF;
}

.index-main .tab-control .read-more::after {
    content: '';
    display: inline-block;
    width: .1rem;
    height: .1rem;
    margin-left: .08rem;
    background: url(../images/shi.png) no-repeat center center/contain;
}

/* 最新活动 */
.index-main .newset-activity .activity-container {
    overflow-y: hidden;
}

.index-main .newset-activity .activity-container .activity-item {
    width: 260px;
    margin-right: .2rem;
    background-color: #F3F5F7;
}

.index-main .newset-activity .activity-container .activity-item .activity-pic {
    width: 100%;
    height: 130px;
    margin-bottom: .16rem;
}

.index-main .newset-activity .activity-container .activity-item .sketch {
    color: #4d4d4d;
    font-size: .12rem;
    margin-top: .1rem;
    margin: .1rem 0 .28rem 0;
}

.index-main .newset-activity .activity-container .activity-item .info {
    padding: 0 .12rem .04rem .12rem;
}

.index-main .newset-activity .activity-container .activity-item .info .public-dot::before {
    background: #009CF4;
}

.index-main .newset-activity .activity-container .activity-item .info .read-all {
    width: 110px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    box-shadow: 0px 4px 8px 0px rgba(0, 127, 244, 0.26);
    background: linear-gradient(229deg, #009CF4 0%, var(--pm-c) 100%);
}

/* 排行榜 */
.index-main .rank-section .select {
    width: 2.35rem;
    height: .4rem;
    padding: .05rem;
    margin: 0 auto;
    background-color: #F5F5F7;
    border-radius: .05rem;
}

.index-main .rank-section .select .option {
    display: block;
    width: 110px;
    color: #666;
    font-size: .16rem;
    line-height: .3rem;
    text-align: center;
    border-radius: .05rem;
}

.index-main .rank-section .select .option.active {
    color: var(--pm-c);
    background-color: #FFFFFF;
}

.index-main .rank-section #newestContent {
    display: none;
}

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

.news-main .news-list .news-item {
    padding: .18rem 0;
    border-bottom: .01rem dashed #eee;
}

.news-main .news-list .news-item:last-child {
    border-bottom: none;
}

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

.news-main .news-list .news-item .sketch {
    color: #4D4D4D;
    font-size: .13rem;
}

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

.news-details-main .article-section .article-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 .article-title h1 {
    color: #1A1A1A;
    font-size: .18rem;
}

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

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

/* 推荐阅读 */
.news-details-main .rec-read .news-list .news-item {
    padding-bottom: .2rem;
    margin-bottom: .18rem;
    border-bottom: .01rem dashed #eee;
}

.news-details-main .rec-read .news-list .news-item:last-child {
    border: none;
    margin-bottom: 0;
}

.news-details-main .rec-read .news-list .news-item .date {
    width: 1rem;
    color: var(--pm-c);
    font-size: .12rem;
    line-height: 24px;
    text-align: center;
    margin-bottom: .18rem;
    background-color: #fff;
    border-radius: 99px;
		border: .01rem solid var(--pm-c);
}

.news-details-main .rec-read .news-list .news-item .date::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .06rem;
    border: .04rem solid transparent;
    border-right: .06rem solid var(--pm-c);
}

.news-details-main .rec-read .news-list .news-item .info .sketch {
    color: #4D4D4D;
}

.news-details-main .rec-read .news-list .news-item .news-pic {
    width: 1rem;
    height: .6rem;
    margin-left: .15rem;
}

/* ————————一周热门游戏推荐———————— */
.soft-main .week-rec-section .week-rec {
    background-color: #fff;
}

.soft-main .week-rec-section .week-rec .section-title {
    width: 100%;
    height: .6rem;
    font-size: .2rem;
    padding: .17rem .12rem;
    margin-bottom: .15rem;
    background: linear-gradient(180deg, #CBE6FF 0%, rgba(220, 238, 255, 0) 100%);
}

.soft-main .week-rec-section .week-rec .section-title::after {
    content: '';
    display: inline-block;
    width: .28rem;
    height: .28rem;
    margin-left: .14rem;
    background: url(../images/week-rec.png) no-repeat center/contain;
}

.soft-main .week-rec-section .week-rec .soft-list {
    padding: 0 .12rem;
}

.soft-main .week-rec-section .week-rec .soft-list .soft-item {
    width: .7rem;
    padding-bottom: .3rem;
}

.soft-main .week-rec-section .week-rec .soft-list .soft-item .soft-icon {
    width: .7rem;
    height: .7rem;
    margin-bottom: .1rem;
}

.soft-main .week-rec-section .week-rec .soft-list .soft-item .soft-name {
    text-align: center;
}

.soft-main .week-rec-section .soft-container .soft-item {
    margin-bottom: .18rem;
    padding-bottom: .18rem;
    border-bottom: .01rem dashed #eee;
}

.soft-main .week-rec-section .soft-container .soft-item:last-child {
    border: none;
    margin-bottom: 0;
}


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

.soft-main .week-rec-section .soft-container .soft-item .line {
    margin: 0 .05rem;
}

.soft-main .week-rec-section .soft-container .soft-item .down-btn {
    width: .58rem;
    color: var(--pm-c);
    line-height: .28rem;
    text-align: center;
    margin-left: .15rem;
    border-radius: .05rem;
    background: #fff;
	border: .01rem solid var(--pm-c);
}


/* 详情页 */
.soft-main .article {
    background-color: #fff;
}

.soft-main .down-section .soft-item {
    padding-bottom: .2rem;
    border-bottom: .01rem dashed #eee;
}

.soft-main .down-section .soft-item .soft-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-right: .15rem;
}

.soft-main .down-section .soft-item .info h1 {
    font-size: .16rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.soft-main .down-section .score-container {
    width: .7rem;
    height: .7rem;
    color: var(--pm-c);
}

.soft-main .down-section .score-container .score- {
    width: .5rem;
    text-align: center;
    font-size: .26rem;
    color: #808080;
}

.soft-main .down-section .score-container .score- span {
    font-size: .26rem;
    color: #808080;
}

.soft-main .down-section .score-container .user-score {
    color: #62B4FF;
    font-size: .1rem;
}


.soft-main .down-section .soft-msg {
    text-align: center;
}

.soft-main .down-section .soft-msg li {
    flex: 1;
    border-right: 1px solid #ECECED;
}

.soft-main .down-section .soft-msg li:last-child {
    border: none;
}

.soft-main .down-section .soft-msg li div {
    margin-bottom: .12rem;
}

.soft-main .down-section .down-btn {
    width: 100%;
    height: 44px;
    color: #fff;
    font-size: .16rem;
    border-radius: 10px;
    background: linear-gradient(90deg, #01A291 0%, var(--pm-c) 100%);
    box-shadow: 0px 4px 8px 0px rgba(0, 127, 244, 0.26);
}

.soft-main .down-section .down-btn::before {
    content: '';
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .1rem;
    background: url(../images/server-btn.png) no-repeat center/contain;
}

/* 游戏截图 */
.soft-main .soft-introd .swiper {
    width: 100%;
    height: 100%;
    position: relative;
    /* 单独设置按钮颜色 */
    --swiper-navigation-color: transparent;
}

.soft-main .soft-introd .swiper-slide {
    text-align: center;
    background-color: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.soft-main .soft-introd .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 游戏攻略 */
.side-game-gl .news-container{
	border: none;
	padding-bottom: 0;
}
.side-game-gl .news-container .news-item .news-pic{
	width: 1.66rem;
	height: 1rem;
}
.side-game-gl .news-container .news-item .news-pic::before{
	display: none;
}
.side-game-gl .list-container .item{
	padding-left: .2rem;
}
.side-game-gl .list-container .item::before{
	content: '';
	display: inline-block;
	width: 0.06rem;
	height: 0.06rem;
	vertical-align: middle;
	margin-right: 0.08rem;
	background: url(../images/dot1.png) no-repeat left/contain;
	position: absolute;
	left: 0.15rem;
}
.soft-main .game-gba .gba-container {
    width: 100%;
}

.soft-main .game-gba .gba-container .hot-gba {
    display: block;
    width: 100%;
    height: 200px;
    margin-bottom: 22px;
}

.soft-main .game-gba .gba-container .hot-gba .hot-gba-tag {
    width: .95rem;
    height: .35rem;
    color: #fff;
    font-size: .12rem;
    border-radius: 0 0 .1rem 0;
    background: linear-gradient(180deg, #FA4B4A 0%, #FA744A 100%);
    position: absolute;
    left: -.05rem;
    top: -.05rem;
}

.soft-main .game-gba .gba-container .hot-gba .hot-gba-tag .hot-icon {
    content: '';
    display: inline-block;
    width: .12rem;
    height: .14rem;
    margin-right: .04rem;
    background: url(../images/hot.png)no-repeat center/contain;
}

.soft-main .game-gba .gba-container .hot-gba .hot-gba-tag::before {
    content: '';
    display: inline-block;
    width: .05rem;
    height: .05rem;
    background: url(../images/hot-gba-left.png)no-repeat center/contain;
    position: absolute;
    left: 0;
    bottom: -.05rem;
}

.soft-main .game-gba .gba-container .hot-gba .hot-gba-tag::after {
    content: '';
    display: inline-block;
    width: .05rem;
    height: .05rem;
    background: url(../images/hot-gba-right.png)no-repeat center/contain;
    position: absolute;
    right: -.05rem;
    top: 0;
}

.soft-main .game-gba .gba-container .hot-gba .sketch {
    width: 100%;
    color: #fff;
    padding: 100px 20px 12px 20px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 188, 255, 0.01) 40%, #000 100%)
}


.soft-main .game-gba .gba-container .list-container .item .tag {
    color: var(--pm-c);
    display: flex;
    align-items: center;
}

.soft-main .game-gba .gba-container .list-container .item .tag::after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #E6E6E6;
    margin: 0 .08rem;
}

.album-main .album-section .select {
    width: 2.35rem;
    height: .4rem;
    padding: .05rem;
    margin: 0 auto;
    background-color: #F5F5F7;
    border-radius: .05rem;
}

.album-main .album-section .select .option {
    display: block;
    width: 1.1rem;
    color: #666;
    font-size: .16rem;
    line-height: .3rem;
    text-align: center;
    border-radius: .05rem;
}

.album-main .album-section .select .option.active {
    color: var(--pm-c);
    background-color: #FFFFFF;
}

.album-main .album-section #appAlbumContent {
    display: none;
}

.album-main .album-section .album-item {
    width: 100%;
    margin-bottom: .2rem;
    padding: .22rem .28rem;
    background: #F8F8FA url(../images/game-album-hot.png) no-repeat right top;
    background-size: .54rem .54rem;
}

.album-main .album-section .album-item .info .title {
    color: #333;
    font-size: .15rem;
    font-weight: bold;
    margin-bottom: .14rem;
}

.album-main .album-section .tags .tag {
    padding: .06rem .1rem;
    text-align: center;
    color: var(--pm-c);
    font-size: .12rem;
    border: .01rem solid var(--pm-c);
}

.album-main .album-section .tags .count {
    margin-right: .08rem;
}

.album-main .album-section .tags .tag:first-child::before {
    content: '';
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .06rem;
    background: url(../images/game-album-tag.png) no-repeat center center/contain;
}

.album-main .album-section .album-list .album-item .game-list .game-item {
    width: .7rem;
}

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

.album-main .album-section .album-list .album-item .game-list .game-item .game-name {
    text-align: center;
}

/* 详情页 */
.album-details-main .top-section {
    margin-top: .3rem;
    padding: 0 .12rem;
    background-color: #fff;
}

.album-details-main .top-section .games .game-icon {
    width: .6rem;
    height: .6rem;
    margin-right: .15rem;
}

.album-details-main .top-section .games {
    padding-bottom: .2rem;
    border-bottom: .01rem dashed #eee;
}

.album-details-main .top-section .games .info h1 {
    font-size: .18rem;
}

.album-details-main .top-section .games .info .tags .tag {
    display: inline-block;
    height: .24rem;
    line-height: .24rem;
    padding: 0 .05rem;
    color: var(--pm-c);
    font-size: .12rem;
    white-space: nowrap;
    margin-right: .08rem;
    border: .01rem solid var(--pm-c);
}

.album-details-main .top-section .games .info .tags .tag.count {
    display: flex;
    align-items: center;
}

.album-details-main .top-section .games .info .tags .tag.count::before {
    content: '';
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .06rem;
    background: url(../images/game-album-tag.png) no-repeat center center/contain;
}

.album-details-main .top-section .hot-tags .section-title {
    margin: .2rem 0 .16rem 0;
}

.album-details-main .top-section .hot-tags .section-title::before {
    content: '';
    display: inline-block;
    width: .14rem;
    height: .14rem;
    background: url(../images/tag.png) no-repeat center/contain;
}

.album-details-main .top-section .hot-tags .tags .tag {
    display: inline-block;
    width: 1.7rem;
    font-size: .12rem;
    line-height: .28rem;
    text-align: center;
    border-radius: .99rem;
    margin-bottom: .1rem;
    padding: 0 .1rem;
}

.album-details-main .top-section .hot-tags .tags .tag:nth-child(1) {
    color: var(--pm-c);
    background: #E5F2FF;
}
.album-details-main .top-section .hot-tags .tags .tag:nth-child(1) a{
    color: var(--pm-c);
}

.album-details-main .top-section .hot-tags .tags .tag:nth-child(2) {
    color: #FD971B;
    background: #FEF2E8;
}
.album-details-main .top-section .hot-tags .tags .tag:nth-child(2) a{
    color: #FD971B;
}
.album-details-main .top-section .hot-tags .tags .tag:nth-child(3) {
    color: #6DC168;
    background: #F0F9F0;
}
.album-details-main .top-section .hot-tags .tags .tag:nth-child(3) a{
    color: #6DC168;
}
.album-details-main .top-section .hot-tags .tags .tag:nth-child(4) {
    color: #FF0055;
    background: #FFE5EE;
}
.album-details-main .top-section .hot-tags .tags .tag:nth-child(4) a{
    color: #FF0055;
}
/* 小编推荐 */
.album-details-main .editor-rec {
    width: 100%;
    padding-top: .25rem;
    background-color: #fff;
}

.album-details-main .editor-rec .section-title {
    width: 96%;
    height: .6rem;
    margin: 0 auto;
    padding: 0 20px 0 .3rem;
    background: linear-gradient(229deg, #A4DEFF 0%, #EAF5FF 100%);
    box-shadow: 0px 4px 8px 0px rgba(0, 127, 244, 0.16);
    border-radius: 0px .1rem .1rem 0px;
    position: relative;
}

.album-details-main .editor-rec .section-title .title {
    width: .77rem;
    height: .44rem;
    background: url(../images/editor-rec-title1.png) no-repeat center/contain;
}


.album-details-main .editor-rec .section-title .icon {
    width: .82rem;
    height: .54rem;
    object-fit: cover;
}

.album-details-main .editor-rec .content {
    width: 94%;
    margin: 0 auto;
    padding-top: .1rem;
    padding: 0.28rem 0.2rem;
    background: linear-gradient(180deg, #BCE2FF 0%, #FFFFFF 55%);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

.album-details-main .editor-rec .content .soft-info {
    padding-bottom: .18rem;
    margin-bottom: .18rem;
    border-bottom: .01rem solid #e6e6e6;
}

.album-details-main .editor-rec .content .soft-info .soft-icon {
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-right: .15rem;
}

.album-details-main .editor-rec .content .soft-info .soft-name {
    font-size: .15rem;
    font-weight: bold;
}

.album-details-main .editor-rec .content .soft-info ul {
    color: #666;
    font-size: .12rem;
}

.album-details-main .editor-rec .content .soft-info ul li {
    margin-top: 8px;
}

.album-details-main .editor-rec .content .sketch {
    color: #4D4D4D;
    font-size: .12rem;
}

.album-details-main .editor-rec .content .soft-msg {
    text-align: center;
}

.album-details-main .editor-rec .content .soft-msg li {
    flex: 1;
}

.album-details-main .editor-rec .content .soft-msg li div {
    margin-bottom: .12rem;
}

.album-details-main .editor-rec .content .down-btn {
    width: 100%;
    height: .44rem;
    color: #fff;
    font-size: .16rem;
    border-radius: .1rem;
    background: linear-gradient(90deg, #01A291 0%, var(--pm-c) 100%);
    box-shadow: 0px 4px 8px 0px rgba(1,162,145,0.26);
    box-shadow: 0px 4px 8px 0px rgba(0, 127, 244, 0.26);
}

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

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

.album-details-main .soft-list .soft-item {
    padding: .2rem;
    margin-bottom: .2rem;
    border: .01rem solid #EDEDED;
}

.album-details-main .soft-list .soft-item .num {
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    color: #fff;
    font-size: .12rem;
    background: linear-gradient(180deg, #FA4B4A 0%, #FA744A 100%);
    border-radius: 0px 0px .1rem 0px;
    position: absolute;
    top: -.05rem;
    left: -.05rem;
}

.album-details-main .soft-list .soft-item .num::before {
    content: '';
    display: block;
    width: .05rem;
    height: .05rem;
    background: url(../images/num-left.png);
    position: absolute;
    bottom: -.05rem;
    left: 0;
}

.album-details-main .soft-list .soft-item .num::after {
    content: '';
    display: block;
    width: .05rem;
    height: .05rem;
    background: url(../images/num-right.png);
    position: absolute;
    top: 0;
    right: -.05rem;
}

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

.album-details-main .soft-list .soft-item .info {
    color: #666;
    font-size: .12rem;
}

.album-details-main .soft-list .soft-item .info .score {
    color: #FD971B;
    font-size: .14rem;
    font-weight: bold;
    margin-left: .1rem;
}

.album-details-main .soft-list .soft-item .down-btn {
    width: .68rem;
    height: .3rem;
    color: #fff;
    line-height: .3rem;
    text-align: center;
    background: var(--pm-c);
    border-radius: .05rem;
}


.album-details-main .soft-list .soft-item .sketch {
    margin-top: .14rem;
}

.album-details-main .soft-list .soft-item .sketch::before {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    vertical-align: middle;
    background: var(--pm-c);
    margin-right: .1rem;
}

.album-details-main .newset-album .list-container li {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 .15rem;
    margin-bottom: .1rem;
    background: #F8F8FA;
}

.album-details-main .newset-album .list-container li::before {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    vertical-align: middle;
    background: var(--pm-c);
    margin-right: .05rem;
}

.rank-main .rank-banner {
    width: 100%;
    height: 1.2rem;
    background: url(../images/rank-banner-md.png) no-repeat center center/cover;
}

.rank-main .select {
    padding: .2rem .12rem .16rem .12rem;
}

.rank-main .select .option {
    width: 1.7rem;
    height: .3rem;
    color: #4D4D4D;
    line-height: .3rem;
    text-align: center;
    margin-bottom: .1rem;
    border-radius: .05rem;
    border: .01rem solid #E6E6E6;
}

.rank-main .select .option.active {
    color: var(--pm-c);
    border: .01rem solid var(--pm-c);
}

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

.rank-main .soft-list .soft-item {
    padding: .18rem .12rem;
    border-bottom: .01rem solid #eee;
}

.rank-main .soft-list .soft-item:hover {
    background: linear-gradient(90deg, #F1F8FF 0%, rgba(241, 248, 255, 0) 100%);
}

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

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

.rank-main .soft-list .soft-item .rank-num {
    width: .26rem;
    height: .26rem;
    line-height: .26rem;
    text-align: center;
    margin-right: .05rem;
    color: #B3B3B3;
    font-weight: bold;
}

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

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

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

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

.rank-main .soft-list .soft-item .soft-icon {
    width: .7rem;
    height: .7rem;
    margin-right: .12rem;
    border-radius: .2rem;
}

.rank-main .soft-list .soft-item .soft-name {
    color: #1A1A1A;
}

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

.rank-main .soft-list .soft-item .msg .line {
    margin: 0 .05rem;
}

.rank-main .soft-list .soft-item .down-btn {
    width: .68rem;
    color: var(--pm-c);
    line-height: .3rem;
    text-align: center;
    border-radius: .05rem;
    border: 1px solid var(--pm-c);
}

/* 排行榜列表 */
.rank-list-main {
    background-color: #fff !important;
}

.rank-list-banner {
    width: 100%;
    height: 120px;
    background: url(../images/rank-banner-md.png) no-repeat center/contain;
}

.rank-list-main .rank-list-container {
    padding-top: .2rem;
    background-color: #fff;
}

.rank-list-main .rank-list-container .rank-item .rank-title {
    width: 100%;
    height: .44rem;
    font-size: .16rem;
    font-weight: bold;
    padding: 0 .12rem;
    background: #F5FAFF;
}

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

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

.rank-list-main .rank-list-container .rank-item .game-list {
    padding: .23rem .38rem .3rem .34rem;
}

.rank-list-main .rank-list-container .rank-item .game-list .game-item {
    width: .76rem;
    text-align: center;
}

.rank-list-main .rank-list-container .rank-item .game-list .game-item:first-child .num {
    width: .32rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    background: url(../images/rank-list-num1.png);
    position: absolute;
    top: -6px;
    left: -6px;
}

.rank-list-main .rank-list-container .rank-item .game-list .game-item .num {
    width: .32rem;
    height: .32rem;
    color: #B3B3B3;
    font-size: .12rem;
    line-height: .32rem;
    text-align: center;
    background: url(../images/rank-list-num2.png);
    position: absolute;
    top: -6px;
    left: -6px;
}

.rank-list-main .rank-list-container .rank-item .game-list .game-item .game-icon {
    width: .7rem;
    height: .7rem;
    margin-bottom: .1rem;
    border-radius: .15rem;
}

.rank-list-main .rank-list-container .rank-item .game-list .game-item .game-name {
    margin-bottom: .06rem;
}

/* 详情页 */
.rank-details-main .soft-list {
    margin-top: 0;
}

.rank-details-main .rank-details-banner {
    width: 100%;
    height: 1.1rem;
    padding: 0 .12rem;
    background: url(../images/rank-details-banner.png) no-repeat center center/cover;
}

.rank-details-main .rank-details-banner .title {
    color: #FFF;
    font-size: 16px;
    margin-bottom: .14rem;
}

.rank-details-main .rank-details-banner .date {
    color: #FFF;
    font-size: 12px;
}

.rank-details-main .rank-details-banner .date.public-dot::before {
    background-color: #fff;
}

.gift-main {
    background-color: #fff;
}

.gift-main .gift-list {
    margin-top: .2rem;
    padding: 0 .12rem;
    background-color: #fff;
}

.gift-main .gift-list .gift-item {
    padding-bottom: .18rem;
    margin-bottom: .18rem;
    border-bottom: .01rem dashed #eee;
}

.gift-main .gift-list .gift-item:last-child {
    margin-bottom: 0;
    border-bottom: none
}

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

.gift-main .gift-list .gift-item .info .count {
    display: flex;
    align-items: center;
    color: #4D4D4D;
    font-size: .12rem;
}

.gift-main .gift-list .gift-item .info .count::before {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    margin-right: .08rem;
    background: var(--pm-c);
}

.gift-main .gift-list .gift-item .get-btn {
    display: block;
    width: .68rem;
    height: .32rem;
    color: var(--pm-c);
    line-height: .32rem;
    text-align: center;
    margin-left: .18rem;
    align-self: flex-end;
    background: #FFFFFF;
    border-radius: .05rem;
    border: .01rem solid var(--pm-c);
}

/* 详情页 */
.gift-details-main {
    background-color: #F5F5F7;
}

.gift-details-main .get-gift-section {
    margin-top: .3rem;
    padding: 0 .12rem;
    padding-bottom: .3rem;
    background-color: #fff;
}

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

.gift-details-main .get-gift-section .game-item .info h1 {
    font-size: .16rem;
    color: #1A1A1A;
    line-height: .19rem;
}

.gift-details-main .get-gift-section .game-item .info .hot {
    color: #FF4C00;
    font-size: .13rem;
}

.gift-details-main .get-gift-section .btns .btn {
    width: 100%;
    color: #eee;
    font-size: .16rem;
    line-height: .44rem;
    text-align: center;
    border-radius: .1rem;
}

.gift-details-main .get-gift-section .btns .get-btn {
    margin-bottom: .16rem;
    background: linear-gradient(229deg, #009CF4 0%, var(--pm-c) 100%);
    box-shadow: 0px .04rem 8px 0px rgba(0, 127, 244, 0.26);
}

.gift-details-main .get-gift-section .btns .down-btn {
	color: #fff;
	background: linear-gradient(90deg, #01A291 0%, var(--pm-c) 100%);
	box-shadow: 0px 4px 8px 0px rgba(1,162,145,0.26);
}

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

.gift-details-main .article-content h3 {
    /* font-weight: normal; */
    margin: .15rem 0;

}

.gift-details-main .article-content h3::before {
    display: none;
}

/* 最新礼包 */
.gift-main .newest-gift .gift-item {
    padding-bottom: .18rem;
    margin-bottom: .18rem;
    border-bottom: .01rem dashed #eee;
}

.gift-main .newest-gift .gift-item:last-child {
    margin-bottom: 0;
    border: none;
}

.gift-main .newest-gift .gift-item .tag {
    width: .4rem;
    line-height: .18rem;
    text-align: center;
    margin-right: .1rem;
    color: var(--pm-c);
    font-size: .12rem;
    border: .01rem solid var(--pm-c);
}

.gift-main .newest-gift .gift-item .sketch {
    color: #4D4D4D;
    margin-top: .14rem;
}

/* 热门礼包 */
.gift-main .game-gift img {
    height: auto;
}

/* 下载排行 */
.gift-main .down-rank .soft-list-down {
    padding: 0;
}

.gift-main .down-rank .soft-list-down .soft-item .num {
    width: .2rem;
    height: .2rem;
    color: #fff;
    line-height: .2rem;
    text-align: center;
    margin-right: 0.1rem;
    background: var(--pm-c);
}

.gift-main .down-rank .list-container .item {
    margin-bottom: .18rem;
}

.gift-main .down-rank .list-container .item .num {
    background: #D1D1D1 !important;
}

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

.mask-layer .pop-up .pic {
    width: 1.82rem;
    height: 1.26rem;
    margin: -.54rem auto 0;
}

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

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

.mask-layer .pop-up .gift-show-code .tag {
    width: 76px;
    color: var(--pm-c);
    font-size: .13rem;
    line-height: .2rem;
    text-align: center;
    border-radius: 99px;
    margin-right: .1rem;
    background: #EAF5FF;
}

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

.mask-layer .pop-up .copy-btn {
    width: 2.2rem;
    line-height: .44rem;
    cursor: pointer;
    text-align: center;
    margin-top: .45rem;
    color: #fff;
    font-size: .16rem;
    margin: .36rem auto .3rem;
    background: linear-gradient(229deg, #009CF4 0%, var(--pm-c) 100%);
    border-radius: 10px 10px 10px 10px;
}

/* 分页 */
.pagination {
    margin: 0.6rem 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;
}

.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;
}

/* 上一页 下一页 */
.page {
    overflow: hidden;
}

.page a {
    width: 100%;
    display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: left;
    font-size: 0.26rem;
    color: #666;
}

.none {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
    opacity: 0.4;
}

/*伪类居中*/
/* 增加伪类 前置 */
.before-middle {
	position: relative;
}

.before-middle::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

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

.score .star {
    width: .7rem !important;
    height: .14rem !important;
    margin: .1rem 0rem;
    display: inline-block;
    background: url(../images/score1.png) repeat-x center/.14rem !important;
}

.score .star:before {
    width: .14rem;
    height: .14rem;
    background: url(../images/score2.png) repeat-x 0/.14rem !important;
}

.score .star-1:before {
    width: .14rem;
}

.score .star-2:before {
    width: .28rem;
}

.score .star-3:before {
    width: .42rem;
}

.score .star-4:before {
    width: .56rem;
}

.score .star-5:before {
    width: .7rem;
}