/*
 *全局颜色变量
 */
 :root {
	--primary-color: #ff6d01;
	--border-color:  #e7e7e7;
	--pm-c: #ff6d01;
}
.b-r-4 {
	border-radius: .08rem;
}
img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;	
}
/*
 *全局样式
 */
body {
	max-width: 750px;
}
.p30 {
	padding: .6rem;
}
.b-t {
	border-top: 1px solid var(--border-color);
}
.b-b {
	border-bottom: 1px solid var(--border-color);
}
.b-a {
	border: 1px solid var(--border-color);
}
.b-n {
	border: none!important
}
.change-color {
	background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#fd924a), to(#ff5b0a));
    background-image: -webkit-linear-gradient(left, #fd924a, #ff5b0a);
    background-image: -o-linear-gradient(left, #fd924a 0, #ff5b0a 100%);
    background-image: linear-gradient(90deg, #fd924a, #ff5b0a);
    color: #fff;
}
.primary-color {
	color: var(--primary-color);
}
.uk-text-small {
	font-size: .28rem;
	line-height: normal;
}
main {
	overflow: hidden;
}
/*
 * 头部样式
 */
header {
	overflow: hidden;
}
.head {
	max-height: 1rem;
	overflow: hidden;
	padding: .2rem .3rem;
	background: var(--primary-color);
}
.logo {
	height: .6rem;
}
.logo a {
	display: inline-block;
	height: 100%;
}
.logo a img {
	height: 100%;
}

.search {
	width: .44rem;
	position: relative;
}
.search-icon {
	margin-top: .08rem;
	background: transparent;
	margin-right: .4rem;
	height: .4rem;
	padding: 0;
	position: relative!important
}
.search-icon svg {
	display: none;
}
.search-input {
	font-size: .26rem;
	width: 100%;
    height: .6rem;
    border: none;
    border-radius: .06rem;
}
.search-cat {
	padding: 0 .2rem;
	font-size: .26rem;
}
.search-cat:after {
    content: '';
    position: absolute;
    right: 	-.08rem;
	top: .16rem;
    width: 0;
    height: 0;
    border: .1rem solid;
    border-color: #666 transparent transparent;
}
.search-cat-main {
	padding: 0;
	width: 1.1rem;
	min-width: 1.1rem;
	border-radius: .08rem!important;
}
.search-cat-main ul {
	list-style: none;
	padding: .14rem;
}
.search-cat-main ul:after {
    content: '';
    position: absolute;
    right: .12rem;
    top: -.2rem;
    width: 0;
    height: 0;
    border: .12rem solid;
    border-color: transparent transparent #fff;
}
.search-cat-main ul li {
	text-align: center;
	font-size: .26rem;
	color: #666;
	padding: .06rem 0;
}
.search-button {
	background: transparent;
	font-size: .26rem;
	border: 0;
	color: #fff;
    padding: 0;
    margin-left: .2rem;
}
.search, .head-menu {
	margin-top: 1px;
}
.search-hot {
	margin-top: .3rem;
}
.search-hot-item {
	margin-bottom: .3rem;
}
.search-hot-item em {
	display: inline-block;
    font-style: normal;
    margin-left: .06rem;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-size: .24rem;
    padding: 0 .06rem;
    transform: scale(0.8);
}
.search-hot-item a {
	font-size: .26rem;
}
/*搜索页面*/
.search-gmane {}
.search-gmane-item {
	border-bottom: 1px dashed #e7e7e7;
}
.search-gmane-item:last-child {
	margin-bottom: 0;
}
.search-gmane-item .img {
	height: .8rem;
	width: .8rem;
	border-radius: .08rem;
}
.search-gmane-item .title {
	font-size: .28rem;
	padding: .16rem 0;
}
.search-gmane-item .title span {
	border: 1px solid #e7e7e7;
	font-size: .26rem;
	padding: 0px .06rem;
	border-radius: .06rem;
	margin-left: .14rem;
}
.search-gmane-item .see {
	width: 1.3rem;
	line-height: .6rem;
	border-radius: .4rem;
	font-size: .26rem;
}
.search-gmane ul {
	list-style: none;
}
.search-gmane-item a {
	font-size: .28rem;
}
.search-news {}

.head-menu i {
	height: .44rem;
	width: .44rem;
	display: block;
}
.head-menu i img {
	height: 100%;
	width: 100%;
}

.nav {}
.nav ul {
	padding: .26rem 0;
	white-space:nowrap;
	overflow-x: scroll;
}
.nav ul li {
	width: 1.3rem;
	display: inline-block;
}
.nav ul li a {
	font-size: .3rem;
}
.nav .active {}
.nav .active a {
	color: var(--primary-color);
}
.nav .active:after {
	content: '';
	position: absolute;
	bottom: -.16rem;
	left: 45%;
	width: 0;
    height: 0;
    border: .1rem solid;
    border-color: transparent transparent var(--primary-color);
}
.head-menu {}
.head-nav-show {
	display: block!important;
}
.head-nav {
	position: absolute;
	width: 100%;
	top: 1rem;
	left: 0;
	background: #fff;
	display: none;
	z-index: 999;
}
.head-nav-main {
	padding: .4rem;
	list-style: none;
}
.head-nav-main:after {
	content: '';
	position: absolute;
	top: -.1rem;
	left: .3rem;
	height: .2rem;
	width: .2rem;
	background: #fff;
	transform: rotate(45deg)
}
.head-nav-main h3 {
	width: 100%;
	color: #FF7900;
	display: block;
	position: relative;
	margin-bottom: .2rem;
	font-size: .32rem;
	font-weight: bold;
	margin-top: 0;
}
.head-nav-main h3:after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	background: #eee;
	right: 0;
	top: .16rem;
}
.head-nav-main h3 a {
	background: #fff;
	position: relative;
	color: #FF7900;
	z-index: 10;
	padding-right: .4rem;
}
.head-nav-main {
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.head-nav-main>li {
	width: 100%;
}
.head-nav-main>li .sub-nav {
	margin-bottom: .4rem;
	overflow: hidden;
	list-style: none;
	padding: 0;
}
.head-nav-main>li .sub-nav li {
	width: 25%;
	float: left;
	margin-bottom: .2rem;
}
.head-nav-main>li .sub-nav li a {
	font-size: .28rem;
}
.other-menu {
	width: 25%!important;
	float: left!important
}
.other-menu a {
	font-size: .28rem;
}
.main {
	overflow: hidden;
}

.slide {
	height: 4.2rem;
}
.slide ul {
		height: 100%;
}
.slide-dotnav {}
.slide-dotnav li {
	display: inline-block;
	margin: 0 .04rem;
}
.slide-dotnav li a {
	display: block;
	height: .16rem;
	width: .16rem;
	background: #fff;
	transition: all .3s;
	border-radius: .4rem;
}
.slide-dotnav .uk-active {}
.slide-dotnav .uk-active a {
	background: var(--primary-color);
	width: .4rem;
}

.section-title {
	border-bottom: 1px solid #e7e7e7;
}
.section-title h3 {
	font-size: .3rem;
	padding-bottom: .24rem;
	border-bottom: .06rem solid var(--primary-color);
	letter-spacing: .05rem;
}
.section-title h3:after {
	content: '';
	position: absolute;
	bottom: -.02rem;
	left: 45%;
	width: 0;
	height: 0;
	border: .1rem solid;
	border-color: transparent transparent var(--primary-color);
}
.section-title .more {
	font-size: .24rem;
}
.section-hr {
	border-top: .1rem solid #e7e7e7;
}

.icon {
	width: 1.3rem;
	height: 1.3rem;
	border-radius: .2rem;
	overflow: hidden;
}
.icon img {
	width: 100%;
	height: 100%;
	border-radius: .2rem;
}

.item {}
.item:last-child {
	border-bottom: 0!important;
}
.item-data {
	padding-left: .26rem;
}
.item-data div {
	font-size: .26rem;
}
.item-data .title {
	font-size: .3rem;
}
.item-data span {
	font-size: .26rem;
}

.item-data .des {
	margin-top: .1rem;
	font-size: .26rem;
}
.item-data .des em {
	height: .2rem;
	width: .02rem;
	background: #aaa;
	margin: 0 .12rem;
}
.item-down {
	border-radius: .1rem;
	font-size: .26rem;
	line-height: .64rem;
	width: 1.3rem;
}
.item-star {
	height: .28rem;
}

.item .down ,.item .receive {
	border-radius: .1rem;
	font-size: .26rem;
	line-height: .64rem;
	width: 1.3rem;
}

.game {}
.game a {
	color: #666;
	line-height: normal;
	font-size: .28rem;
}
.game .subscript {
	
}
.game .game-type {
	font-size: .24rem;
	line-height: normal;
	margin-top: .06rem;
}
.game .down {
	width: 1.12rem;
	font-size: .24rem;
	line-height: .5rem;
	color: #fff;
	border-radius: .1rem;
	margin-top: .1rem;
}
.game-menu {
	list-style: none;
	line-height: .72rem;
	border: 1px solid var(--primary-color);
	border-radius: .1rem;
}
.game-menu li {
	width: 50%;
	float: left;
}
.game-menu li a {
	color: #666;
	font-size: .26rem;
}
.game-menu .uk-active {
	background: var(--primary-color);
	color: #fff;
}
.game-menu .uk-active a {
	color: #fff;
}
.game-main {
	    transform: translateY(-.56rem);
}
/*
 * 首页排行榜
 */
.rank {}
.rank-menu {
	list-style: none;
	line-height: .72rem;
	border: 1px solid var(--primary-color);
	border-radius: .1rem;
}
.rank-menu li {
	width: 33.33%;
	float: left;
}
.rank-menu li a {
	color: #666;
	font-size: .26rem;
}
.rank-menu .uk-active {
	background: var(--primary-color);
	color: #fff;
}
.rank-menu .uk-active a {
	color: #fff;
}
.rank-item {
	height: 1.4rem;
	padding-bottom: .26rem;
	margin-bottom: .26rem;
	border-bottom: 1px solid #e7e7e7;
}
.rank-item .rank-sort {
	width: .4rem;
	margin-top: .4rem;
	margin-right: .26rem;
}
.rank-item .rank-sort span {
	font-size: .24rem;
	color: #fff;
}
.rank-item .icon {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: .2rem;
}
.rank-item .item-data {
	padding: 0  0 0 .24rem;
}

/*
 * 首页专区
 */
.area {}
.area ul {
	min-height: 4.8rem!important
}
.area-title {
	font-size: .28rem;
	margin: .3rem 0;
}
.area-cover {
	height: 2.5rem;
	border-radius: .1rem;
	position: relative;
	overflow: hidden;
}
.area-cover img {
	width: 100%;
	min-height: 100%;
}
.area-item {}

.area-item .item-data {
	padding-left: .26rem;
}
.area-item .item-star {
	height: .26rem;	
}

/*
 * 首页游戏分类
 */
.gameCat {
	margin-top: .26rem;
}
.gameCat-item {
	height: 1.4rem;
	border: 1px solid #dcdcdc;
}
.gameCat-item-bg {
	width: 60%;
	height: 1.3rem;
}
.gameCat-item-bg img {
	height: 100%
}
.gameCat-item .gameCat-item-info {
	padding-top: .3rem;
	padding-left: .24rem;
}
.gameCat-item .gameCat-item-info p {
	font-size: .26rem;
}
.gameCat-item .gameCat-item-info span {
	font-size: .24rem;
}

/*
 * 首页游戏礼包
 */
.gameGift {}
.gameGift .item {
	border-bottom: 1px dashed #e7e7e7;
	padding-bottom: .3rem;
	margin-bottom: .3rem;
}
.gameGift .item-data {
	padding-left: .26rem;
	padding-top: .06rem;
}
.gameGift .item-data p {
	font-size: .26rem;
}

/*
 * 首页新手上线
 */

.newGame {
	overflow: hidden;
	margin-top: -.3rem;
	margin-right: -.2rem;
}
.newGame li {
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}
.newGame li:last-child {
	border-bottom: 0;
}
.newGame li:nth-child(3){
	border-bottom: 0;
}
.newGame .item {
	padding: .3rem;
}
.newGame .item .icon {
	margin-right: .2rem;
}
.newGame .item .down {
	border-radius: .06rem;
    font-size: .26rem;
    line-height: .5rem;
    width: 1.12rem;
    background-color: #368bff;
    background-image: -webkit-gradient(linear, left top, right top, from(#368bff), to(#74afff));
    background-image: -webkit-linear-gradient(left, #368bff, #74afff);
    background-image: -o-linear-gradient(left, #368bff 0, #74afff 100%);
    background-image: linear-gradient(90deg, #368bff, #74afff);
    color: #fff;
}

.newGame .item a {
	font-size: .28rem;
}
.newGame .item span {
	border: 1px solid #368bff;
	border-radius: .06rem;
	padding: 0 .04rem;
	font-size: .24rem;
	margin-left: .04rem;
	color: #368bff;
}

/*
 * 首页热门攻略
 */
.hotGl {}
.hotGl ul {
	list-style: none;
}
.hotGl ul li {
	margin-bottom: .4rem;
}

.hotGl ul li a {
	font-size: .28rem;
}
.hotGl ul li span {
	font-size: .24rem;
}
.hotGl .sort {
	color: #fff;
	background: #ff4f01;
	padding: .02rem .1rem;
	font-size: .24rem;
}
.hotGl ul li:nth-child(3) .sort {
	background: #ffc2a3;
}

/*
 * 首页新闻资讯
 */
.homeNews {}
.homeNews-item {
	border-bottom: 1px solid #e7e7e7;
}
.homeNews-item .cover {
	height: 1.4rem;
	width: 1.6rem;
	margin-right: .2rem;
}
.homeNews-item .cover img {
	min-width: 100%;
	max-width: none;
	height: 100%;
}
.homeNews-item .title {
	font-size: .28rem;
	padding-right: .2rem;
}
.homeNews-item span {
	font-size: .24rem;
	margin-top: .1rem;
}
.homeNews-item .cat {
	width: 1.2rem;
	line-height: .36rem;
	background: #ffe5d9;
	color: #ff4f01;
}
.homeNews-item .view {
	width: .2rem;
	height: .4rem;
}
.homeNews ul {
	list-style: none;
	margin: .26rem 0;
}
.homeNews ul li {
	margin-bottom: .26rem;
}
.homeNews ul li a {
	font-size: .28rem;
}
/*
 * 列表页分类列表
 */
.catList {}
.catList ul {
	margin-left: -.16rem;
	margin-top: -.2rem;
}
.catList ul li {
	padding-left: .16rem;
	margin-top: .2rem!important;
	display: none;
}
.catList ul li a {
	background: #f5f5f5;
	font-size: .26rem;
	line-height: .7rem;
	border-radius: .1rem;
	color: #666;
}
.catList .active {
	color: #fff;
	background: var(--primary-color);
}



/*
 *顶部推荐下载
 */
.topDown {

}
.topDown .leftText {
	width: .44rem;
	font-size: .24rem;
	background: var(--primary-color);
	color: #fff;
	padding-bottom: .2rem;
}
.topDown .leftText em {
	width: 0;
    height: 0;
    border: .22rem solid transparent;
    border-bottom-color: #fff ;
}
.topDown .leftImg {
	margin-top: .4rem;
}
.topDown .leftImg img {
	width: .16rem;
}

.topDown ul li {
	padding: 0 .12rem;
}
.topDown ul li a {
	font-size: .24rem;
	color: #666;
}
.topDown ul li a img {
	border-radius: .2rem;
}


/*
 * 分页
 */

.pagination {
	list-style: none;
}
.pagination li {
	display: inline-block;
	background: #f5f5f5;
	border: 1px solid var(--border-color);
	line-height: .5rem;
	font-size: .26rem;
	color: #999;
	text-align: center;
	margin: 0 .12rem;
}
.pagination li span {
	display: block;
	padding: 0 .36rem;
}
.pagination li a {
	display: block;
	font-size: .26rem;
	color: #999;
	padding: 0 .36rem;
}
.pagination .active {
	background: var(--primary-color);
	color: #fff;
	border: 1px solid var(--primary-color);
}
.pagination .disabled {
	opacity: .55;
}


/*
 * 手游通用头部样式
 * */
.game-head {
	position: relative;
}
.game-head .score{
	height: .9rem;
	width: .9rem;
	font-style: italic;
	position: relative;
	background: #ffddc4;
}
.game-head .score span {
	color: #ff6d01;
	font-size: .44rem;
	display: inline-block;
}
.game-head-bg {
	height: 2.3rem;
	width: 100%;
}
.game-head-bg img {
	width: 100%;
	filter: blur(.1rem);
	opacity: .6;
	transform: translateY(-45%);
}
.game-head-bg .cover {
	background: rgba(0, 0, 0, 0.5);
}
.game-head-warp {
	padding-top: .88rem;
	margin: 0 .3rem;
}
.game-head-main {
	border-radius: .1rem;
}
.game-head-main .icon {
	margin: 0 auto;
	padding: .4rem 0 0;
}
.game-head-main .icon img {
	border-radius: .2rem;
}
.game-head-main h1 {
	font-size: .32rem;
	margin-bottom: 0;
	margin-top: .2rem;
}
.game-head-main h1> span {
	font-size: .24rem;
	color: #ffa031;
	border: 1px solid #ffa031;
	border-radius: .06rem;
	margin-left: .1rem;
}
.game-head-main span {
	font-size: .26rem;
}
.game-head-main em {
	display: inline-block;
	height: .24rem;
	width: .02rem;
	background: #ddd;
}
.game-head-main p {
	max-width: 5.4rem;
	font-size: .26rem;
	display: block;
	margin: 0 auto;
}

.game-head-main .score {
	margin-right: .3rem;
	font-size: .44rem;
	height: 1.1rem;
	width: .86rem;
	font-style: italic;
	position: relative;
	background: transparent;
}
.game-head-main .score span {
	color: #ff6d01;
	font-size: .44rem;
	margin: .2rem 0;
}
.game-head-main .downBtn {
	margin: .4rem 0;
	height: .9rem;
}
.game-head-main .downBtn a,
.game-head-main .downBtn span {
		display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 100%;
	line-height: .9rem;
	background-image: url(../images/single-btn-game-bg.png);
	background-size: 100%;
}
.game-head-main .downBtn a:before {
	content: '';
	display: inline-block;
	width: .34rem;
	height: .34rem;
	background-image: url(../images/single-btn-game.png);
	background-size: 100%;
	margin-right: .2rem;
}
.game-head-main .downBtn .none {
	background-image: url(../images/single-btn-none-bg.png);
}
.game-head-main .downBtn .none:before {
	background-image: url(../images/single-btn-none.png);
}


.single-slide {}
.single-slide .item {
}
.single-slide .item img {
	width: 100%;
  border-radius: .12rem;
}


.game-head-main .down i {
	height: .28rem;
	margin-left: .06rem;
}
.game-head-main .down i img{
	height: 100%;
}
.game-head .down-none {
	border: 0!important;
	background: #cdcdcd!important
}
.head-info {
	font-size: .28rem
}
.head-info span {
	color: #999;
	display: inline-block;
	margin-bottom: .1rem;
	font-size: .28rem;
}
.head-info .uk-width-auto {
	width: 23%;
}
.head-info div,
.head-info>div {
	position: relative;
	font-size: .26rem;
}
.head-info>div:after {
	content: '';
	position: absolute;
	display: inline-block;
	width: .02rem;
	height: 100%;
	background: #eee;
	top: 0;
	right: -.16rem;
}
.head-info>div:last-child:after {
	display: none;
}
.android {
	border: 1px solid #8fc31f;
	color: #8fc31f;
	font-size: .24rem!important;
	border-radius: .06rem;
	padding: 0 .06rem;
}
.ios {
	border: 1px solid #5ba0ff;
	color: #5ba0ff;
	font-size: .24rem!important;
	border-radius: .06rem;
	padding: 0 .06rem;
}
.hidden {
	display: none !important;
}
/*
 * 手游大全列表页
 */

.gameList {}
.gameList .item-data {
	padding-left: .26rem;
}

/*
 *视频列表页
 */
.listVideo-slide {
	height: 3.2rem;
	border-radius: .1rem;
}
.listVideo-slide ul {
	
}
.listVideo-slide ul li {
	height: 3.2rem!important;
}
.listVideo-slide ul li img {
	height: 100%!important;
}
.listVideo-slide  .overlay {
	padding: .16rem .2rem;
	font-size: .26rem;
}
.listVideo-slide i {
	height: .3rem;
	margin-right: .2rem;
	transform: translateY(-1px);
}
.listVideo-slide i img {
	height: 100%;
}
.listVideo {}
.listVideo .cover {
	height: 1.7rem;
	border-radius: .1rem;
}
.listVideo .cover img {
	height: 100%;
	min-width: 100%;
}
.listVideo .cover i {
	height: .28rem;
	margin: 0 .1rem;
}
.listVideo .title {
	font-size: .26rem;
}

/*
 * 详情页
 */

.show {}
.show-content {
}
.show-content:before {
	display: none;
	content: '';
	position: absolute;
	bottom: .8rem;
	width: 100%;
	height: .1rem;
	background: #fff;
	box-shadow: .2rem .2rem .2rem .4rem #fff;
}
.show-show {
	height: auto!important
}
.show-content p {
	color: #666;
	text-indent: 2em;
    font-size: .3rem;
    line-height: .68rem;
	margin: .3rem 0
}
.show-content h2,
.show-content h3 {
	  border-left: 0.1rem solid #fb561c;
    padding-left: 0.17rem;
    font-size: .3rem;
    color: #454545;
    text-indent: 0;
    line-height: .48rem;
    margin: .2rem 0;
    font-weight: bold;
}
.show-content p iframe {
	width: 100%;
	margin-left: -2em;
}
.show-content p img {
	margin-left: -2em;
	height: auto!important
}
.show-unfold {
	background: #ffefe7;
	color: #ff6d01;
	width: 1rem;
	height: .52rem;
	line-height: .52rem;
	margin: 0 .3rem .2rem .3rem;
	border: 0;
}
.show-unfold em {
	margin-left: .04rem;
	width: 0;
	height: 0;
	border: .1rem solid transparent;
	border-top-color: #ff6d01;
	transform: translateY(3px);
}
.show-show .show-unfold em {
	border-bottom-color: #ff6d01!important;
	border-top-color: transparent;
	transform: translateY(-3px);
}
/*
 * 游戏专辑页面
 */
.gameAlbum {}
.gameAlbum-tj {
	font-size: .28rem;
}
.gameAlbum-tj .cover {
	height: 3.1rem;
	border-radius: .12rem;
}
.gameAlbum-tj .cover img {
	height: 100%;
	width: 100%;
}
.gameAlbum-tj .view {
	width: 1.2rem;
	line-height: .52rem;
	border: 1px solid var(--primary-color);
	border-radius: .1rem;
	font-size: .28rem;
	color: var(--primary-color);
}
.gameAlbum-tj span {
	color:  var(--primary-color);	
}
.gameAlbum-tj h1{
	font-size: .28rem;
	color: #4c4c4c;
	padding: 0.15rem 0px;
	margin: 0px;
}
.gameAlbum-item {}
.gameAlbum-item a {
	font-size: .26rem;
	color: #665;
}
.gameAlbum-item .cover {
	border-radius: .12rem;
	height: 1.7rem;
}
.gameAlbum-item .cover img {
	height: 100%;
	width: 100%;
}
.gameAlbum-item .info {
	margin-top: .16rem;
	font-size: .26rem;
}
.gameAlbum-item .info span {
	color: var(--primary-color);
}

.gameAlbum-list {}
.gameAlbum-list .android,
.gameAlbum-list .ios {
	border: 0;
	color: #fff;
}



/*
 * 游戏礼包页面
 */

.hotGift {}
.hotGift-main {

	overflow-x: scroll;
}
.hotGift-main ul {
	list-style: none;
	overflow-x: scroll;
	width: 14.4rem;
	margin-bottom: -.3rem;
}
.hotGift-main ul li {
	width: 4.8rem;
	float: left;
	margin-bottom: .3rem;
}
.hotGift-main .receive {
	line-height: .54rem;
	width: 1.3rem;
	font-size: .26rem;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	border-radius: .1rem;

}
.giftList {}
.giftList .item {
	padding-bottom: .3rem;
}

/*
 * 游戏礼包详情页
 */
.showGift {}
.showGift-head {}
.showGift-head {}
.showGift-head .score {
	font-size: .24rem;
	font-weight: bold;
	line-height: .32rem;
	font-style: normal;
}
.showGift-head .score span {
	margin: 0 .2rem;
	padding: .2rem 0;
}
.showGift-head .score span a {
	color: #ff6d01;
}

.showGift-head .down {
    background-color: #368bff;
    background-image: -webkit-gradient(linear, left top, right top, from(#368bff), to(#74afff));
    background-image: -webkit-linear-gradient(left, #368bff, #74afff);
    background-image: -o-linear-gradient(left, #368bff 0, #74afff 100%);
    background-image: linear-gradient(90deg, #368bff, #74afff);
    color: #fff;
}
.showGift-main {
	font-size: .28rem;
}
.showGift-main span {
	font-size: .28rem;
}
.showGift-main p {
	margin: 0;
	font-size: .28rem;
}
/*
 * 详情页底部资讯攻略
 */
.listGl {}
.listGl {
	margin: .3rem 0;
	margin-bottom: 0;
	list-style: none;
}
.listGl li {
	margin-bottom: .32rem;
}
.listGl li:last-child {
	margin-bottom: 0;
}
.listGl li a {
	font-size: .28rem;
}
.listGl li span {
	color: #fff;
	padding: 0 .06rem;
	font-size: .26rem;
	border-radius: .06rem;
	margin-right: .1rem;
	background: var(--primary-color);
}
/*
 * 详情页底部资游戏礼包
 */
.listGift {}
.listGift li {
	padding-bottom: .2rem;
	margin-top: .3rem!important;
	border-bottom: 1px dashed #dcdcdc;
}
.listGift li:last-child {
	border: 0;
	padding-bottom: 0;
}
.listGift .icon {
	height: .3rem;
	width: .3rem;
	margin-right: .1rem;
}
.listGift .icon img {
	transform: translateY(-3px);
}
.listGift li .sicon {
    height: .3rem;
    transform: translateY(-3px);
}
.listGift li a {
	font-size: .28rem;
}
.listGift .receive {
	width: 1.04rem;
	line-height: .52rem;
	border-radius: .1rem;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	transform: translateY(-3px);
}
/*
 * 详情页底部资相关下载
 */
.listDown {
	width: 120%;
}
.listDown ul {
	margin: 0 -.14rem!important;
}
.listDown li {
	padding: 0 .14rem;
}
.listDown li a {
	font-size: .28rem;
}
.listDown li img {
	border-radius: .24rem;
	margin-bottom: .08rem;
	height: 1.2rem;
	width: 1.2rem;
}

.listRank {
	font-size: .28rem;	
}
.listRank .cat {
	color: #589eff;
}
.listRank .array {
	background: var(--primary-color);
	color: #fff;
	border-radius: .1rem;
	padding: 0px .12rem;
	font-family: arial;
}
.listRank .array-other {
	background: #aaa;
}

/*
 * 开服列表页
 */
.kf {}
.kf-main {
	margin-top: .3rem;
}
.kf-main .today {
	line-height: .4rem;
	border-radius: .06rem;
	background: #ff4f01;
	font-size: .24rem;
	color: #fff;
	padding: .02rem .2rem .02rem .16rem
}
.kf-main .today:after {
	content: '';
	position: absolute;
	left: -.2rem;
	top: .1rem;
	width: 0;
	height: 0;
	border: .12rem solid;
	border-color: transparent #ff4f01 transparent transparent;
}
.kf-menu {}
.kf-menu li {
	border-bottom: 1px solid #e7e7e7;
	font-size: .3rem;
	padding-bottom: .24rem;
	letter-spacing: .05rem;
	color: #999;
}
.kf-menu a {
	color: #999;
	font-size: .28rem;
}
.kf-menu .uk-active {
	border-bottom: .06rem solid var(--primary-color);
}
.kf-menu .uk-active a {
	color: #333;
	font-weight: bold;
}
.kf-menu .uk-active:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 45%;
	width: 0;
    height: 0;
    border: .1rem solid;
    border-color: transparent transparent var(--primary-color);
}
.kf-main .tomorrow {
	background: #669933;
}
.kf-main .tomorrow:after {
    border-color: transparent #669933 transparent transparent;
}
.kf-main .item {
	margin-bottom: .3rem;
	padding-bottom: .3rem;
}
.kf-main .item:last-child {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.kf-time {
	color: #ff3d01;
}
.kf-title {}
.kf-title i {
	display: inline-block;
	height: .32rem;
	transform: translateY(-1px);
	margin: 0 1px;
}
.kf-title i img {
	height: 100%;
}
.pingce .item:last-child {
	border: 0;
}
.geme-pc {
	width: 1rem;
	border-radius: .12rem;
	border: 1px solid var(--primary-color);
}
.geme-pc span {
	color: var(--primary-color);;
}
.geme-pc .fraction {
	padding: 0 .3rem;
	background: var(--primary-color);
	color: #fff;
	font-style: italic;
}
/*
 * 新闻资讯页面
 * */
.news {}
.news-item {
	padding-bottom: .3rem;
	margin-bottom: .3rem;
}
.news-item .thumb {
	height: 1.4rem;
	width: 2.3rem;
}
.news-item .thumb img {
	height: 100%;
	min-width: 100%;
}
.news-item .title {
	font-size: .28rem;
	margin-bottom: .1rem;
}

/*
 * 新闻资讯详情页
 * */
.showNews {}
.showNews h1 {
	font-size: .36rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*
 * 图集列表页 
 * */
.list-images {
	border-bottom: .06rem solid #e7e7e7
}
.list-images  .title {
	font-size: .3rem;
}
.list-images .thumb {
	height: 3rem;
	border-radius: .1rem;
}
.list-images .thumb img {
	min-height: 100%;
	min-width: 100%;
}
.list-images .cover {
	width: 1rem;
	padding: .04rem 0;
	background: rgba(0, 0, 0, 0.48);
	margin: .2rem;
	border-radius: .2rem;
	font-size: .24rem;
	color: #fff;
}
.list-images .cover i {
	margin-right: .04rem;
	display: inline-block;
	transform: translateY(-2px);
	height: .2rem;
}
.list-images .cover i> img {
	height: 100%;
}

/*
 * 排行榜页面
 * */
.rank-bg {}
.rank-main {
	transform: translateY(-.56rem);
}
.rank-main> .menu {}
.rank-main> .menu a {
	color: #fff;
	font-size: .28rem;
}
.rank-main> .menu .active a {
	color: #fff29e;
}
.rank-content {}
.rank-content .down {
	background-color: #368bff;
    background-image: -webkit-gradient(linear, left top, right top, from(#368bff), to(#74afff));
    background-image: -webkit-linear-gradient(left, #368bff, #74afff);
    background-image: -o-linear-gradient(left, #368bff 0, #74afff 100%);
    background-image: linear-gradient(90deg, #368bff, #74afff);
    color: #fff;
}
.rank-content .item {}
.rank-content .item:last-child{
	border: 0!important;
	margin-bottom: 0;
	padding-bottom: 0;
}
.rank-content .num {
	background: #536bff;
    color: #fff;
    height: .4rem;
    width: .4rem;
    border-radius: 50%;
    text-align: center;
    line-height: .4rem;
    font-size: .24rem;
    margin-top: .4rem;
    margin-right: .2rem;
}
.rank-content .num-other {
	background: #ccc;
}



/*
 * 404 500页面
 * */
.lostPage {
	width: 60%;
	margin: 30% auto;
}
.lostPage .goHome {
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	border-radius: .1rem;
	padding: .04rem .2rem;
	font-size: .26rem;
}


.page-title {
	list-style: none;
}
.page-title .nav .active:after {
	display: none;
}
.page-title ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-title ul li a {
	font-size: .28rem;
	color: #999;
	padding-bottom: .2rem;
}
.page-title .active a {
    border-bottom: .06rem solid var(--primary-color);
}
.page-title .active a:after {
    content: '';
    position: absolute;
    bottom: -.02rem;
    left: 45%;
    width: 0;
    height: 0;
    border: .1rem solid;
    border-color: transparent transparent var(--primary-color);
}
.page-main {
	font-size: .28rem;
}
.page-main p {
	margin-bottom: .3rem;
	margin-top: 0;
}

/*
 * 登录注册
 * */
.login-btn {
    color: #fff;
    font-size: .28rem;
    border-radius: .1rem;
    background: #ff5b0a;
    background: -webkit-linear-gradient(to right, #ff5b0a, #fd924a);
    background: linear-gradient(to right, #ff5b0a, #fd924a);
    border: 0;	
}
.res-login-btn {
	padding: .2rem 0;
}
#modal-gift .login-btn {
	padding: .2rem 0;
}
/*
 * 首页友情链接
 */
.link {
	margin: .3rem 0;
}
.link ul {
}
.link ul li {
	margin-bottom: .2rem;
}
.link ul li a {
	background: #eee;
	font-size: .24rem;
	line-height: .6rem;
	border-radius: .08rem;
}



/*
 * 返回顶部
 */

.gotop {
	bottom: 0;
	right: 0;
	margin-right: .36rem;
	margin-bottom: 2rem;
	display: none;
	z-index: 999;
}
.gotop svg {
	display: none;
}
.gotop a {
	height: .8rem;
	width: .8rem;
}
.gotop a img {
	height: 100%;
}
/*
 * 底部样式
 */
.foot {
	background: #333;
	padding: .7rem 0;
}

.foot-menu {}
.foot-menu a {
	font-size: .26rem;
	position: relative;
	padding-right: .2rem;
	margin-right: .1rem;
}
.foot-menu a:after {
	content: '';
	position: absolute;
	right: 0;
	top: .1rem;
	width: .02rem;
	height: .2rem;
	background: #999;
}
.foot-menu a:last-child {
	padding: 0;
}
.foot-menu a:last-child:after {
	display: none;
}
.icon-icp div,
.icon-icp {
	font-size: .26rem;
}
.icon-icp p {
	font-size: .26rem;
	margin: .1rem 0;
}
.icon-icp img {
	height: .36rem;
	margin-right: .06rem;
	transform: translateY(-3px);
}
.foot-cop {
	font-size: .26rem;
}
.icon-icp a {
	color: #999;
	font-size: .26rem;
}
.bottomFloat {
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: .2rem 0;
}

.bottomFloat .app-icon {
	width: .84rem;
	height: .84rem;
}
.bottomFloat .app-btn {
	margin-top: .06rem;
	display: inline-block;
	width: 2.4rem;
}
.bottomFloat .btn img {
	width: 100%;
}
.bottomFloat .right {
	margin-left: .2rem;
	margin-right: .2rem;
}
.bottomFloat span {
	font-size: .24rem;
}

/*手游专区*/
.syarea {}
.syarea .syarea-slide {}
.syarea .syarea-slide ul {
	min-height: 4.2rem!important;
}
.syarea .syarea-slide .slide-dot {
	position: absolute;
	min-height: auto!important;
	padding: 0;
	margin: .1rem 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
}
.syarea .syarea-slide .slide-dot li {
	display: inline-block;
}
.syarea .syarea-slide .slide-dot li a {
	display: inline-block;
	width: .14rem;
	height: .14rem;
	border-radius: .4rem;
	background: #fff;
	margin: 0 .06rem;
	transition: all .3s;
}
.syarea .syarea-slide .slide-dot .uk-active a {
	background: var(--primary-color);
	width: .4rem;
}
.syarea .section-title span a {
	border: 1px solid #eee;
	border-radius: .08rem;
	display: inline-block;
	font-size: .26rem;
	padding: .06rem .12rem;
	color: #666;
}
.syarea .section-title .active a {
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}
.syarea-item {
	border: 1px solid transparent;
}
.syarea-item:hover .go-area {
	background: var(--primary-color);
	color: #fff;
}
.syarea-item .thumb {
	height: 2.8rem;
	border-radius: .08rem;
	margin-bottom: .2rem;
}
.syarea-item .title {
	font-size: .34rem;
	color: #333333;
}
.syarea-item .go-area {
	background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#fd924a), to(#ff5b0a));
    background-image: -webkit-linear-gradient(left, #fd924a, #ff5b0a);
    background-image: -o-linear-gradient(left, #fd924a 0, #ff5b0a 100%);
    background-image: linear-gradient(90deg, #fd924a, #ff5b0a);
    color: #fff;
	padding: .08rem .16rem;
	font-size: .28rem;
	border-radius: .08rem;
}
.syarea-row > .uk-grid-margin {
	margin-top: 50px;
}



/* -------------------资讯详情绑定游戏样式------------------------ */


/*游戏信息*/
.ContentGame {
	border-radius: .08rem;
	background: #fff9f5;
}
.ContentGame .icon {
	width: 1.64rem;
	height: 1.64rem;

}
.ContentGame .score {
	height: .28rem;
	line-height: 0;
	margin: .14rem 0;
} 
.ContentGame .score img {
	height: 100%;
} 
.ContentGame .down {
	color: #fff;
	font-size: .28rem;
	padding: .14rem .36rem;
	border-radius: 1rem;
	background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#fd924a), to(#ff5b0a));
    background-image: -webkit-linear-gradient(left, #fd924a, #ff5b0a);
    background-image: -o-linear-gradient(left, #fd924a 0, #ff5b0a 100%);
    background-image: linear-gradient(90deg, #fd924a, #ff5b0a);
}
.ContentGame .info {
	color: #999;
}
.posFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.link-keywords {
	color: var(--primary-color);
    font-weight: bold;
}



/*
 * 改版移动端手游专辑
 * 叶
 * 2022-03-24
 */

.mob-album {}
.mob-album ul li {
	font-size: .3rem;
}
.mob-album .album-head {}
.mob-album .album-head .thumb {
	display: block;
	height: 2.6rem;
	border-radius: .08rem;
}
.mob-album .album-head span {
	font-size: .28rem;
}
.mob-album .album-head .more a {
	display: inline-block;
	border: solid 1px #ff6d01;
	border-radius: .12rem;
	padding: .08rem .24rem;
	font-size: .26rem;
	color: #ff6d01;
}
.mob-album .album-head .icon {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .2rem;
	overflow: hidden;
	margin: .2rem;
	margin-top: -.7rem;
	border: .06rem solid #fff;
}
.mob-album .album-box {
	margin-top: .4rem;
	border: 1px solid #eee;
	border-radius: .08rem;
	padding: .2rem;
	font-size: .26rem;
}
.mob-album .album-box .title {}
.mob-album .album-box .title a {
	font-weight: bold;
}
.mob-album .album-box .title .count {
	display: inline-block;
	background-color: #fff1e7;
	border-radius: .08rem;
	color: #ff6600;
	font-size: .24rem;
	padding: .02rem .12rem;
	margin-left: .1rem;
}
.mob-album .album-box .go {
	display: inline-block;
	width: .36rem;
	height: .2rem;
	background-image: url(../images/mob-album-box-go.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.mob-album .album-box .icon {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: .24rem;
	overflow: hidden;
	margin-right: .3rem;
}
.mob-album .album-box span {
	font-size: .26rem;	
}
.mob-album .album-box .desc {
	font-size: .26rem;
	max-height: .8rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: .2rem;
}

.mob-show-album {}
.mob-show-album .album-head {
	background: #000;
	position: relative;
	height: 2rem;
}
.album-show-name h1{
	font-size: .32rem;
	margin-bottom: 0;
	font-weight: 700;
}
.mob-show-album .album-head img {
	opacity: .6;
	filter: blur(6px);
}
.mob-show-album .album-head h3 {
	color: #fff;
	font-size: .32rem;
	font-weight: bold;
	margin-bottom: .2rem;
}
.mob-show-album .album-head::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	height: 1.4rem;
	background: linear-gradient(0deg,#fff,rgba(255,255,255,.8),transparent);
}
.mob-show-album .album-head .bg-open {
	z-index: 10;
	color: #ff6d01;
	margin: .2rem;
	font-size: .28rem;
}
.mob-show-album .bg-auto {
	height: auto!important
}
.mob-show-album .album-recom {}
.mob-show-album .album-recom .icon {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .3rem;
	overflow: unset;
	position: relative;
}
.mob-show-album .album-recom .icon img {
	border-radius: .24rem;
}
.mob-show-album .album-recom .icon::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: .96rem;
	height: .96rem;
	margin: -.08rem;
	background-image: url(../images/mob-icon-zt-recom.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.mob-show-album .album-recom span {
	display: inline-block;
	margin: .1rem 0;
}
.mob-show-album .album-recom .down-btn {
	margin-top: .3rem;
}
.mob-show-album .album-recom .down-btn a {
	text-align: center;
	display: block;
	position: relative;
	padding: .06rem;
	color: #fff;
	background-image: linear-gradient(81deg, #ffc22f 0%, #ff9a22 100%);
	box-shadow: 2px 1px 4px 0px rgba(255, 111, 39, 0.75);
	border-radius: .06rem;
	font-weight: bold;
	font-size: .3rem;
}
.mob-show-album .album-recom .down-btn b {
	display: inline-block;
	position: relative;
	padding-left: .5rem;
}
.mob-show-album .album-recom .down-btn b::after {
	content: '';
	display: inline-block;
	width: .26rem;
	height: .26rem;
	position: absolute;
	left: 0;
	margin: .1rem ;
	background-image: url(../images/album-box-down-btn.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.mob-show-album .album-recom .desc {
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.mob-show-album .album-recom .album-xg {
	word-wrap: normal;
}
.mob-show-album .num {
	display: inline-block;
	min-width: .4rem;
	color: #d9d9d9;
	font-size: .36rem;
	font-weight: bold;
	margin-right: .3rem;
}
.mob-show-album .album-box .item .icon {
	position: relative;
	overflow: unset;
}
.mob-show-album .album-box .item:nth-child(1) .icon::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: .8rem;
	height: .8rem;
	margin: -.06rem;
	background-image: url(../images/mob-icon-zt-num-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.mob-show-album .album-box .item:nth-child(2) .icon::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: .8rem;
	height: .8rem;
	margin: -.06rem;
	background-image: url(../images/mob-icon-zt-num-02.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.mob-show-album .album-box .item:nth-child(3) .icon::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: .8rem;
	height: .8rem;
	margin: -.06rem;
	background-image: url(../images/mob-icon-zt-num-03.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.mob-show-album .album-xg {}
.mob-show-album .album-xg .item {
	margin-top: .2rem;
	display: block;
	overflow: hidden;
}
.mob-show-album .album-xg a {
	display: block;
	padding: .08rem .16rem;
	font-size: .28rem;
	border-radius: .08rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.mob-show-album .album-xg .item:nth-child(1) a {
	color: #ff6600;
	border: 1px solid #ff6600;
}
.mob-show-album .album-xg .item:nth-child(2) a {
	color: #74c853;
	border: 1px solid #74c853;
}
.mob-show-album .album-xg .item:nth-child(3) a {
	color: #5d9eff;
	border: 1px solid #5d9eff;
}
.mob-show-album .album-xg .item:nth-child(4) a {
	color: #ff6600;
	border: 1px solid #ff6600;
}
.mob-show-album .album-xg .item:nth-child(5) a {
	color: #2cbdb8;
	border: 1px solid #2cbdb8;
}
.mob-show-album .album-xg .item:nth-child(6) a {
	color: #74c853;
	border: 1px solid #74c853;
}
.mob-show-album .album-xg .item:nth-child(7) a {
	color: #ff6600;
	border: 1px solid #ff6600;
}
.mob-show-album .album-xg .item:nth-child(8) a {
	color: #2cbdb8;
	border: 1px solid #2cbdb8;
}
.mob-show-album .hot-album {}
.mob-show-album .hot-album .item {}
.mob-show-album .hot-album .item .thumb {
	border-radius: .12rem;
	height: 2.7rem;
	overflow: hidden;
	position: relative;
}
.mob-show-album .hot-album .item .cover {
	color: #fff;
	background: rgba(0,0,0,.3);
	padding: .12rem;
	font-size: .28rem;
}
.mob-show-album .hot-album .icon {
	width: 1.16rem;
	height: 1.16rem;
	border-radius: .2rem;
	margin:auto;;
}
.mob-show-album .hot-album .title {
	margin: .12rem 0;
}
.mob-show-album .hot-album .down-btn {
	display: inline-block;
	border-radius: .12rem;
	border: solid 1px #ff6d01;
	color: #ff6d01;
	font-size: .24rem;
	padding: .06rem .2rem;
}


.mob-zj-list {}
.mob-zj-list .zj-item {
	border: 1px solid #eee;
	padding: .2rem;
}
.mob-zj-list .zj-item .title {}
.mob-zj-list .zj-item .title a {
	font-weight: bold;
}
.mob-zj-list .zj-item .icon {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: .2rem;
	overflow: hidden;
}
.mob-zj-list .zj-item .desc {
	
}
.mob-zj-list .zj-item .title .go {
	display: inline-block;
	width: .32rem;
	height: .2rem;
	background-image: url(../images/mob-album-box-go.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

.mob-zj-show {}
.mob-zj-show .zj-title {
	font-size: .32rem;
	font-weight: bold;
}
.mob-zj-show .zj-desc {
	background-color: #fff9f4;
	padding: .3rem;
	font-size: .28rem;
	color: var(--primary-color);
	letter-spacing: 1px;
	position: relative;
	text-indent: 2em;
}
.mob-zj-show .zj-desc .line-4 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4
}
.mob-zj-show .zj-desc::before,
.mob-zj-show .zj-desc::after {
	content: '';
	display: inline-block;
	width: .3rem;
	height: .24rem;
	background-image: url(../images/zt-quotation.png);
	background-repeat: no-repeat;
	position: absolute;
	margin: .3rem;
	background-size: 100%;
}
.mob-zj-show .zj-desc::before {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}
.mob-zj-show .zj-desc::after {
    top: 0;
    left: 0;
}
.mob-zj-show .zj-game {}
.mob-zj-show .zj-game .item {}
.mob-zj-show .zj-game .item .num {
	display: inline-block;
	min-width: .4rem;
	font-size: .4rem;
	font-weight: bold;
	color: #ddd;
}
.mob-zj-show .zj-game .item:nth-child(1) .num {
	color: #ff6200;
}
.mob-zj-show .zj-game .item:nth-child(2) .num {
	color: #fba600;
}
.mob-zj-show .zj-game .item:nth-child(3) .num {
	color: #fac40b;
}





/*专辑修改 2023-03-22*/

.album-header {
	background-image: url(../images/album-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	padding: .4rem;
}
.album-header .album-title {
	text-align: center;
	line-height: normal;
}
.album-header .album-title h1 {
	font-size: .32rem;
	font-weight: bold;
	display: inline-block;
	position: relative;
	color: #fe792d;
	line-height: normal;
	margin-bottom: 0;
}
.album-header .album-title h1::after,
.album-header .album-title h1::before {
	content: '';
	position: absolute;
	display: block;
	width: .6rem;
	height: .2rem;
	background-image: url(../images/album-title-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 50%;
}
.album-header .album-title h1::after {
	left: 0;
	transform: translate(0,-50%);
	margin-left: -.9rem;
}
.album-header .album-title h1::before {
	right: 0;
	transform: translate(0,-50%) rotate(180deg);
	margin-right: -.9rem;
}
.album-header .album-desc {
	margin: .3rem 0;
	line-height: .4rem;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color: #999;
	font-size: .26rem;
}
.album-header .album-box {
	background-color: #fff;
	padding: .3rem;
	padding-bottom: 0;
	position: relative;
}
.album-header .album-box::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/editor-recom.png);
	background-size: 100%;
	width: 1.3rem;
	height: 1.3rem;
	margin: -.12rem;
}
.album-header .album-box .icon {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .2rem;
}
.album-header .album-box .box-title {
	color: #333;
	line-height: normal;
	margin-bottom: .16rem;
}
.album-header .album-box ul {}
.album-header .album-box ul li {
	line-height: normal;
	margin-bottom: .16rem !important;
	margin-top: 0;
	font-size: .26rem;
	color: #999;
}
.album-header .album-box .album-btn {
	margin-top: .3rem;
	display: block;
	height: .9rem;
	background-image: url(../images/album-btn.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.album-header .album-box .btn-none {
	background-image: url(../images/album-btn-none.png);
}

.album-info {
	margin-top: .2rem;
	text-align: center;
	color: #999;
	font-size: .28rem;
}
.album-info span {
	position: relative;
	padding-right: .2rem;
	margin-right: .1rem;
}
.album-info span::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: .02rem;
	height: 60%;
	background: #999;
}
.album-info span:last-child {
	padding: 0;
	margin: 0;
}
.album-info span:last-child::after {
	display: none;
}

.rankList-bg {
	position: relative;
}
.rankList-bg img {
	width: 100%;
}


.rank-info {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: .2rem .3rem;
}
.rank-info h1 {
	font-size: .28rem;
	background: rgb(255 255 255 / 20%);
	border-radius: .4rem;
	padding: .12rem .2rem;
	color: #fff;
	margin-bottom: .1rem
}
.rank-info span {
	font-size: .26rem;
	color: rgb(255 255 255 / 50%);
}

.rankList {}
.rankList .item {
	background-color: #f8f9fb;
	padding: .3rem
}
.rankList .item>.title {}
.rankList .item>.title>a {
	font-size: .48rem;
	font-weight: bold;
	color: #333;
	display: block;
	flex: 1;
}
.rankList .item>.title span {
	font-size: .32rem;
	color: #999;
}
.rankList .item .list {
	width: 1.6rem;
	height: 1rem;
	margin-left: .3rem;
	position: relative;
}
.rankList .item .icon {
	overflow: hidden;
	width: 1.04rem;
	height: 1.04rem;
	border-radius: .2rem;
	margin-bottom: .1rem
}
.rankList .item .list .list-item {
	position: absolute;
}

.rankList .item .list .list-item:nth-child(1) {
	z-index: 0;
}
.rankList .item .list .list-item:nth-child(2) {
	z-index: 40;
	left: .4rem
}
.rankList .item .list .list-item:nth-child(3) {
	z-index: 30;
	left: .8rem
}
.rankList .item .list .list-item .icon {
	width: .9rem;
	height: .9rem;
	overflow: hidden;
	border-radius:0
}
.rankList .item .list .list-item .icon img {
	border: .1rem solid #fff;
	border-radius: .2rem;
}

.rankShow {}

.rankShow-main {}
.rankShow-main .item {
	padding: .3rem
}
.rankShow-top {
	background-color: #ffffff;
	box-shadow: 0px .06rem .18rem 0px rgb(15 15 15 / 8%);
	border-radius: .2rem;
	position: relative;
	z-index: 10;
	padding: .5rem;
	margin-top: -.4rem;
}
.rankShow-top h1 {
	font-size: .48rem;
	margin: 0;
	font-weight: bold;
}
.rankShow-top span {
	font-size: .32rem
}
.rankShow-item {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: .6rem;
	margin-bottom: .6rem;
}

.rankShow-item:last-child {
	border: 0;
}

.rankShow-item .rankShow-num {
	margin-top: .4rem;
	position: relative;
}
.rankShow-item .rankShow-num span {
	position: absolute;
    width: 100%;
    left: 0;
    bottom: .28rem;
    text-align: center;
    font-size: .32rem;
    font-weight: bold;
}
.rankShow-item .icon {
	width: 2.4rem;
	height: 2.4rem;
}

.rankShow-item h4 a {
	font-size: .36rem;
}

.rankShow-item .down {
	padding: .26rem .6rem;
	border: 1px solid var(--primary-color);
	border-radius: .26rem;
	margin-top: .4rem;
	color: var(--primary-color);
}

.rankShow-item .down:hover {
	color: #fff;
	background: var(--primary-color);
}
.rankSide {
}

.rankSide-rank {}
.rankSide-rank .item {
	padding: .3rem
}
.rankSide-rank .item .icon {
	width: 1.12rem;
	height: 1.12rem;
	border-radius: .2rem;
	margin-bottom: .12rem
}
.rankList .item>.title>a {
	    font-size: .32rem;
}
.rankSide-rank .item .list {
	width: 1.8rem;
	height: .9rem;
	margin-left: .2rem;
}
.rankSide-rank .item .list .list-item .icon {
    width: .8rem;
    height: .8rem;
    overflow: hidden;
    border-radius: 0;
}
.rankSide-rank .item .list .list-item .icon img {
    border: .08rem solid #fff;
    border-radius: .2rem;
}
.rankList .item .list .list-item:nth-child(1) {
	z-index: 10;
}
.rankList .item .list .list-item:nth-child(2) {
	z-index: 5;
	left: .4rem
}
.rankList .item .list .list-item:nth-child(3) {
	z-index: 0;
	left: .8rem
}
.rankSide-rank ul {
	padding-left: 0
}
.rankSide-rank ul li {
	margin-bottom: .3rem
}
.rankSide-rank ul li a {
	display: block;
	flex: 1;
	padding-left: .3rem;
	position: relative;
}
.rankSide-rank ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    width: .1rem;
    height: .1rem;
    background: #e2e2e2;
    top: 50%;
    transform: translate(0, -50%);
}
.rankSide-rank ul li span {
	color: #999;
}

.rankSide-news {}
.rankSide-news .thumb {
	height: 2rem
}
.rankSide-news ul {
	padding: 0;
    list-style: none;
    border-top: 1px dashed #eee;
    padding-top: .3rem;
	margin-top: .3rem
}
.rankSide-news ul li {
	margin-bottom: .4rem;
	position: relative;
}
.rankSide-news ul li a {
	display: block;
	margin-bottom: .2rem;
	font-size: .3rem
}
.rankSide-news ul li span {
	color: #999;
	font-size: .3rem
}
.rankSide-news ul li em {
	color: #ff6d01;
	font-style: normal;
	font-size: .28rem
}
.rankSide-album {}
.rankSide-album .rankSide-album-menu {
	display: flex;
	height: 2.8rem;
	list-style: none;
	padding: 0;
	background: url(../images/rankSide-album-menu.png) no-repeat center;
	background-size: 100%;
}
.rankSide-album .rankSide-album-menu li {
	width: 50%;
	flex: 1;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.rankSide-album .rankSide-album-menu li span {
    background: rgb(0 0 0 / 40%);
    display: block;
    color: #fff;
    font-size: .28rem;
    padding: .16rem 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.rankSide-album .rankSide-album-menu  .uk-active span {
	background-color: rgb(255 102 0 / 60%)
}
.rankSide-album .rankSide-album-warp {}
.rankSide-album .rankSide-album-warp .item {
	margin-bottom: .4rem
}
.rankSide-album .rankSide-album-warp .item .icon {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .3rem;
	overflow: hidden;
}
.rankSide-zx {}
.rankSide-zx .item {
	margin-top: .3rem
}
.rankSide-zx .item a {
	display: block;
}
.rankSide-zx .thumb {
	width: 2.3rem;
	height: 1.6rem;
	margin-right: .28rem
}
#aq-model {
	position: fixed;
	top: 0;
	left:-100%;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff url(/themes/default/404.png) no-repeat center;
	background-size: 80%
}
/* 列表页：编辑推荐上方 Banner，限高 */
.software-editor-banner {
	overflow: hidden;
	max-height: 2.4rem;
}
.software-editor-banner a {
	display: block;
	line-height: 0;
}
.software-editor-banner img {
	width: 100%;
	height: 2.4rem;
	object-fit: cover;
	object-position: center;
	display: block;
}