body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
textarea,
p,
th,
td,
span,
a,
b,
i,
strong,
::before,
::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-size: .24rem;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	width: 7.5rem;
	min-width: 320px;
	max-width: 750px;
	margin: 0 auto;
	letter-spacing: .01rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

em,
i {
	font-style: normal;
}

table {
	border-collapse: collapse;
}

input {
	border: none;
	/*在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框自定义样式*/
	-webkit-appearance: none;
}

a,
a:hover {
	text-decoration: none;
}


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

:focus {
	outline: none;
}


/*点击高亮我们需要清除  设置为transparent 完成透明*/
* {
	-webkit-tap-highlight-color: transparent;
}

/*禁用长按页面时的弹出菜单*/
img,
a {
	-webkit-touch-callout: none;
}

.thum {
	display: block;
	overflow: hidden;
}

/* 去掉滑动条 */
::-webkit-scrollbar {
	display: none
}

/* 滚动槽 */
::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); */
	border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.1);
	/* -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); */
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 0, 0, 0.4);
}

.rank-nav li:last-child {
	margin-right: 0px;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
	width: .12rem;
}

/*溢出*/
.oneTxtLine {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.twoTxtLine {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.threeTxtLine {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.fourTxtLine {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.fiveTxtLine {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

:root {
	--pm-c: #3aaed4;
}

.wrapper {
	width: 100%;
	background: #F7F7F7;
	/* padding-left: .3rem !important;
	padding-right: .3rem !important; */
}

.module {
	padding: .24rem;
	background: #fff;
	margin-bottom: .2rem;
}

.bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

a.thum {
	display: block;
	overflow: hidden;
}

a.title {
	display: block;
}




/* 评分图标 */
.star {
	height: 0.24rem;
	width: 1.2rem;
	background: url('../images/star.png') repeat-x center/0.24rem;
	display: inline-block;
	margin: .1rem 0;
}

.star:before {
	content: "";
	display: block;
	background: url('../images/star_curr.png') repeat-x 0/0.24rem;
	height: 0.24rem;
}

.star-1:before {
	width: 0.24rem;
}

.star-2:before {
	width: 0.48rem;
}

.star-3:before {
	width: 0.72rem;
}

.star-4:before {
	width: 0.96rem;
}

.star-5:before {
	width: 1.2rem;
}

/* 多次使用 */
/* 重复使用 */
/* 分页多次使用 */
.pagination {
	margin: .6rem 0 .4rem 0;
	text-align: center;
	color: #999;
}

.pagination .page-item {
	display: inline-block;
	margin: .05rem;
	font-size: .26rem;
	border: 1px solid #E6E6E6;
	color: #999;
	background: #fff;
}

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

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

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

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

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

.pagination li:last-child {
	display: inline-block;
}

.p-20 {
	padding: .2rem;
}

.p-l-r-13 {
	padding: 0 .13rem !important;
}

.m-20 {
	margin: .2rem;
}

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

.frame {
	border: 1px solid #eaeaf8;
}

.p-33 {
	padding: .2rem .33rem;
}

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

.public_img {
	width: 6.89rem;
	height: .7rem;
	overflow: hidden;
	position: relative;
}

.public_title {
	height: .54rem;
	border-bottom: 1px solid var(--pm-c);
	line-height: .54rem;
	position: relative;
	padding-left: .6rem;
	margin-left: .04rem;
}

.public_title::before {
	display: block;
	content: "";
	width: 0.54rem;
	height: 0.54rem;
	background-color: var(--pm-c);
	border-radius: .06rem .06rem 0 .06rem;
	background-image: url(../images/public_title_icon.png);
	background-size: .33rem .28rem;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: -.04rem;
	top: 0;
}

.public_title span {
	font-size: .3rem;
	color: #111;
	font-weight: bold;
}

.public_title .more {
	font-size: .24rem;
	color: #666;
}

/* 首页 */
body {
	background-image: url(../images/bodyBgi.png);
	background-size: 100% 4.47rem;
	background-repeat: no-repeat;
}

.header {}

.header .logoBox {
	padding-top: .3rem;
}

.header .logoBox .logo {
	display: inline-block;
	width: auto;
	height: 0.6rem;
	position: relative;
	overflow: hidden;
}
.header .logoBox .logo img {
    height: 100%;
}
.header .logoBox .searchBox {
	width: 3.9rem;
	position: relative;
}

.header .logoBox .searchBox .search {
	height: 0.55rem;
	width: 100%;
	background-color: #fff;
	display: block;
	font-size: .24rem;
	color: #888;
	border-radius: .1rem;
	padding: 0 .2rem;
}

.header .logoBox .searchBox .search_icon {
	position: absolute;
	right: .2rem;
	top: .14rem;
	display: block;
	width: 0.26rem;
	height: 0.25rem;
	z-index: 2;
}

.header .logoBox .searchBox .search_icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.header .navBar {
	height: .8rem;
	border-bottom: 1px solid var(--pm-c);
	overflow-x: scroll;
	text-align: center;
	line-height: .8rem;
	box-sizing: content-box;
	white-space: nowrap;
}

.header .navBar li {
	display: inline-block;
	width: 1.78rem;
	height: 100%;
	margin-right: .16rem;
	box-sizing: content-box;
}

.header .navBar li:last-child {
	margin-right: 0;
}

.header .navBar li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: var(--pm-c);
	font-size: .28rem;
	font-weight: bold;
}

.header .navBar li.active {
	background-color: var(--pm-c);
}

.header .navBar li.active a {
	color: #fff;
}

.index_sliderBox {
	height: 3.88rem;
}

.index_sliderBox .sliderBox {
	width: 100%;
	overflow: hidden;
}

.index_sliderBox .slider {
	height: 3.88rem;
}

.index_sliderBox .slider li {
	width: 100%;
	height: 100%;
}

.index_sliderBox .slider li .img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.index_sliderBox .slider li span {
	display: block;
	width: 6.84rem;
	margin: 0 auto;
	padding: 0 .2rem;
	padding-right: 1rem;
	height: .6rem;
	line-height: .6rem;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
	color: #fff;
}

.index_sliderBox .sliderNav {
	right: .2rem;
	bottom: .24rem;
	position: absolute;
}

.index_sliderBox .sliderNav li.uk-active a {
	background-color: var(--pm-c);
}

.index_sliderBox .sliderNav li a {
	width: .1rem;
	height: .1rem;
	border-radius: 0;
	background-color: #fff;
}

.index_tw_list {
	margin-bottom: .3rem;
}

.index_tw_list .itemBox .item {
	margin-bottom: .2rem;
}

.index_tw_list .itemBox .item:last-child {
	margin-bottom: 0;
}

.index_tw_list .itemBox .item .thum {
	width: 2.2rem;
	height: 1.4rem;
	position: relative;
}

.index_tw_list .itemBox .item .txt {
	height: 1.4rem;
	width: 100%;
	background-color: #f8f8f8;
	padding: .2rem;
}

.index_tw_list .itemBox .item .txt .title {
	margin-bottom: .2rem;
	color: #333;
	font-size: .28rem;
	max-width: 4rem;
}

.index_tw_list .itemBox .item .txt .text {
	display: block;
	font-size: .24rem;
	color: #888;
	max-width: 4rem;
}

.index_hot_stragety {
	margin-bottom: .3rem;
}

.index_hot_stragety .itemBox {
	padding-left: .45rem;
	position: relative;
	border-left: 1px solid #f1f1f1;
}

.index_hot_stragety .itemBox .item {
	margin-top: .3rem;
	position: relative;
}

.index_hot_stragety .itemBox .item:nth-child(-n+3)::after {
	display: block;
	content: "";
	width: 0.51rem;
	height: .57rem;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: -.1rem;
}

.index_hot_stragety .itemBox .item:nth-child(1)::after {
	background-image: url(../images/strategy_top1.png);
}

.index_hot_stragety .itemBox .item:nth-child(2)::after {
	background-image: url(../images/strategy_top2.png);
}

.index_hot_stragety .itemBox .item:nth-child(3)::after {
	background-image: url(../images/strategy_top3.png);
}

.index_hot_stragety .itemBox .item::before {
	display: block;
	content: "";
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	border: .07rem solid #e8f3f7;
	background-color: var(--pm-c);
	position: absolute;
	top: .5rem;
	left: -.57rem;
	box-sizing: content-box;
}

.index_hot_stragety .itemBox .item .thum {
	width: 1.66rem !important;
	height: 1.16rem !important;
	position: relative !important;
	margin-right: .2rem;
	border-radius: 0 !important;
}

.index_hot_stragety .itemBox .item .text .title {
	max-width: 4.5rem !important;
	font-size: .28rem;
	color: #333;
	margin-bottom: .2rem;
}

.index_hot_stragety .itemBox .item .text .txt {
	font-size: .24rem;
	color: #666;
}

.index_hot_stragety .itemBox .item .text .author {
	margin-right: .4rem;
}

/* 首页热门专题区域 */
.index_hot_topic {
	margin-top: .6rem;
	margin-bottom: .2rem;
}

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

.list li {
	margin-bottom: .3rem;
}

.list li .titleBox {
	padding-left: .5rem;
	position: relative;
}

.list li .titleBox .title {
	font-size: .28rem;
	color: #111;
	display: block;
	max-width: 4.5rem;
}

.list li .titleBox .title::before {
	display: block;
	content: "新";
	width: .4rem;
	height: .4rem;
	color: #fff;
	line-height: .4rem;
	text-align: center;
	font-size: .24rem;
	background-color: #ff9a49;
	border-radius: .06rem;
	position: absolute;
	left: 0;
	top: 0;
}

.list li .titleBox span {
	display: block;
	font-size: .24rem;
	color: #888;
}

.list li .thumBox {
	display: none;
	width: 100%;
	height: 2.62rem;
	border-radius: .05rem;
	background-image: url(../images/list_thumBox_bgi.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: 0;
	margin-top: .2rem;
	padding: .3rem .4rem;
}

.list li .thumBox .thum {
	width: 1.4rem;
	height: 1.4rem;
	position: relative;
	margin-bottom: .2rem;
	border-radius: .1rem;
	overflow: hidden;
}

.list li .thumBox .uk-width-1-3:last-child {
	position: relative;
}

.list li .thumBox .uk-width-1-3:last-child::after {
	display: block;
	content: "";
	width: 0.63rem;
	height: 1.41rem;
	position: absolute;
	background-image: url(../images/album_detail.png);
	background-repeat: no-repeat;
	background-size: cover;
	right: .1rem;
	top: 0;
	z-index: 2;
}

.list li .thumBox .title {
	max-width: 1.4rem;
	text-align: center;
	font-size: .26rem;
	color: #888;
}

/* 最新游戏区域 */
.index_new_game {
	margin-top: .6rem;
}

.index_new_game .itemBox {
	margin-top: .2rem;
}

.index_new_game .itemBox .item {
	margin-bottom: .2rem;
}

.index_new_game .itemBox .item .label {
	background: rgba(58, 174, 212, 0.2);
	width: 1.24rem;
	height: 0.5rem;
	line-height: .5rem;
	text-align: center;
	color: var(--pm-c);
	margin-bottom: .1rem;
}

.index_new_game .itemBox .item:last-child .line {
	display: none;
}

.index_new_game .itemBox .item .line {
	width: .01rem;
	height: .6rem;
	background-color: #e7eef0;
	margin: 0 auto;
	position: relative;
}

.index_new_game .itemBox .item .line::before {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.09rem;
	border-radius: 50%;
	background-color: #e7eef0;
	position: absolute;
	top: -.04rem;
	left: -.04rem;
}

.index_new_game .itemBox .item .line::after {
	display: block;
	content: "";
	width: 0.09rem;
	height: 0.09rem;
	border-radius: 50%;
	background-color: #e7eef0;
	position: absolute;
	bottom: -.04rem;
	left: -.04rem;
}

.thumBox_list {
	margin-left: .2rem;
}

.thumBox_list .thum {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: .15rem;
	position: relative;
	margin-right: .2rem;
}

.thumBox_list .txt .title {
	max-width: 2.3rem;
	font-size: .28rem;
	color: #333;
	margin-bottom: .2rem;
}

.thumBox_list .txt .tag {
	font-size: .24rem;
	color: #888;
}

.thumBox_list .txt .tag span {
	display: block;
}

.thumBox_list .txt .tag span::before {
	display: inline-block;
	content: "|";
	margin: 0 .1rem;
}

.thumBox_list .txt .tag span:first-child:before {
	display: none;
}

.thumBox_list .down {
	display: block;
	width: 1.1rem;
	height: .6rem;
	border-radius: .08rem;
	line-height: .6rem;
	text-align: center;
	color: #fff;
	font-size: .26rem;
	background-color: var(--pm-c);
	margin: 0 !important;
}

/* 手游排行榜滑块 */
.index_rank_sliderBox {
	height: 3.78rem;
	background-image: url(../images/rank_bgi.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: .26rem 0 .26rem .2rem;
	overflow: hidden;
	margin-bottom: .3rem;
}

.index_rank_sliderBox .sliderBox {
	overflow: hidden;
	width: 100%;
}

.index_rank_sliderBox .sliderBox .slider {
	overflow: hidden;
	width: 100%;
}

.index_rank_sliderBox .sliderBox .slider ul {
	width: 100%;
	margin-left: 0;
}

.index_rank_sliderBox .sliderBox .slider ul li {
	width: 4.8rem;
	height: 3.28rem;
	background-color: #fff;
	border-radius: .1rem;
	overflow: hidden;
	margin-right: .2rem;
}

.index_rank_sliderBox .sliderBox .slider ul li .title {
	max-width: 4.4rem;
	font-size: .28rem;
	color: #111;
	font-weight: bold;
	padding-bottom: .16rem;
	border-bottom: 1px solid #eee;
	margin-bottom: .16rem;
}

.index_rank_sliderBox .sliderBox .slider ul li .box {
	width: 4.3rem;
	position: relative;
	padding-bottom: .16rem;
}

.index_rank_sliderBox .sliderBox .slider ul li .more {
	display: block;
	position: absolute;
	width: 0.13rem;
	height: 0.18rem;
	right: -.32rem;
	top: .48rem;
}

.index_rank_sliderBox .sliderBox .slider ul li .box .list {
	padding-left: 10px !important;
}

.index_rank_sliderBox .sliderBox .slider ul li .box .thum {
	width: 0.72rem;
	height: .72rem;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto .16rem;
}

.index_rank_sliderBox .sliderBox .slider ul li .box .name {
	color: #666;
	font-size: .24rem;
	display: block;
	text-align: center;
}

.index_rank_sliderBox .sliderBox .slider ul li .labelBox {
	padding-top: .16rem;
	border-top: 1px solid #eee;
	font-size: .24rem;
	color: #888;
}

.index_rank_sliderBox .sliderBox .slider ul li .labelBox div {
	position: relative;
	padding-left: .36rem;
}

.index_rank_sliderBox .sliderBox .slider ul li .labelBox .type::before {
	display: inline-block;
	content: "";
	width: 0.26rem;
	height: 0.26rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/type.png);
	position: absolute;
	left: 0;
	top: .06rem;
}

.index_rank_sliderBox .sliderBox .slider ul li .labelBox .time::before {
	display: inline-block;
	content: "";
	width: 0.26rem;
	height: 0.26rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/time.png);
	position: absolute;
	left: 0;
	top: .06rem;
}

/* 新游动态区域 */
.index_newGame_news {}

.index_newGame_news .newGameNews {
	margin-top: .2rem;
}

.index_newGame_news .newGameNews .title {
	font-size: .28rem;
	color: #333;
	margin-bottom: .2rem;
}

.index_newGame_news .newGameNews .box {}

.index_newGame_news .newGameNews .box .thum {
	width: 2.8rem;
	height: 1.8rem;
	position: relative;
	margin-right: .2rem;
}

.index_newGame_news .newGameNews .box .text {
	font-size: .24rem;
	color: #666;
	line-height: .6rem;
	width: 3.8rem;
	height: 1.8rem;
}

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

.index_timeBox h3,
.index_timeBox .time {
	color: var(--pm-c);
	font-size: .24rem;
	padding-left: .46rem;
	margin-right: .2rem;
}

.index_timeBox h3 {
	font-weight: bold;
	padding-left: .4rem;
	background-image: url(../images/h3Bgi.png);
	background-repeat: no-repeat;
	background-size: .31rem .21rem;
	background-position: left center;
	position: relative;
	margin: .2rem 0;
	width: 100%;
}

.index_timeBox h3::before {
	display: block;
	content: "";
	width: 4rem;
	background-color: #eee;
	height: .01rem;
	position: absolute;
	left: 1.6rem;
	top: .18rem;
}

.index_timeBox h3::after {
	display: inline-block;
	content: "";
	width: 0.69rem;
	height: 0.14rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/time_right.png);
	position: absolute;
	right: 0;
	top: .1rem;
}

.index_timeBox .time::before {
	display: block;
	content: "";
	width: 0.37rem;
	height: 0.33rem;
	background-image: url(../images/date.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.index_timeBox .line {
	width: 3.8rem;
	height: 1px;
	background-color: #eee;
}

.index_timeBox .line::after {
	display: inline-block;
	content: "";
	width: 0.69rem;
	height: 0.14rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/time_right.png);
	position: absolute;
	right: 0;
	top: .1rem;
}

.index_newGame_news .itemBox {}

.index_newGame_news .itemBox .item .textBox {
	max-width: 6.8rem;
	margin-top: .2rem;

}

.index_newGame_news .itemBox .item .textBox .title {
	font-size: .3rem;
	color: #333;
	margin-bottom: .2rem;
}

.index_newGame_news .itemBox .item .textBox .text {
	font-size: .24rem;
	color: #666;
}

/* 首页手游排行榜区域 */
.index_mGame_rank {
	margin-top: .6rem;
}

.index_mGame_rank .itemBox {
	margin-top: .4rem;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/mGame_rank_bgi.png);
}

.index_mGame_rank .itemBox .h1 {
	padding-left: 2.96rem;
	padding-top: .28rem;
	font-size: .3rem;
	color: var(--pm-c);
	font-weight: bold;
}

.index_mGame_rank .itemBox .item {
	padding: .48rem .22rem 0;
}

.index_mGame_rank .itemBox .item:last-child {
	padding-bottom: .45rem;
}

.index_mGame_rank .itemBox .item .thumBox_list {
	margin-left: 0;
}

.index_mGame_rank .itemBox .item .thumBox_list .imgBox {
	position: relative;
}

.index_mGame_rank .itemBox .item .thumBox_list .imgBox .order {
	position: absolute;
	display: block;
	width: .3rem;
	height: .3rem;
	background-color: #ecebed;
	border: 2px solid #fff;
	border-radius: 50%;
	right: .1rem;
	bottom: -.1rem;
	z-index: 2;
	line-height: .22rem;
	text-align: center;
	font-size: .24rem;
	color: #515151;
}

.index_mGame_rank .itemBox .item:nth-child(-n+3) .thumBox_list .imgBox .order {
	width: 1.38rem;
	height: 1.42rem;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: -.12rem;
	top: -.12rem;
	border-radius: 0;
	background-color: transparent;
}

.index_mGame_rank .itemBox .item:nth-child(1) .thumBox_list .imgBox .order {
	background-image: url(../images/1.png);
	width: 1.31rem;
	height: 1.3rem;
}

.index_mGame_rank .itemBox .item:nth-child(2) .thumBox_list .imgBox .order {
	background-image: url(../images/2.png);
	width: 1.37rem;
	height: 1.32rem;
}

.index_mGame_rank .itemBox .item:nth-child(3) .thumBox_list .imgBox .order {
	background-image: url(../images/3.png);
	top: -.2rem;
	left: -.16rem;
}

.index_mGame_rank .itemBox .item .thumBox_list .txt .tag {
	color: #666;
}

.index_mGame_rank .itemBox .item .thumBox_list .title {
	max-width: 3.6rem;
}

/* 精彩视频区域 */
.index_hot_video {
	margin-top: .6rem;
}

.index_hot_video .itemBox {
	margin-top: .28rem;
}

.index_hot_video .itemBox .uk-width-1-2 {
	border-bottom: 1px dashed #e5e5e5;
	padding-bottom: .14rem;
}

.index_hot_video .itemBox .item .img::before {
	display: block;
	content: "";
	width: 3.3rem;
	height: 2.24rem;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.index_hot_video .itemBox .item .img::after {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	width: 0.79rem;
	height: 0.59rem;
	background-image: url(../images/video.png);
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.index_hot_video .itemBox .item .img {
	display: block;
	width: 3.3rem;
	height: 2.24rem;
	overflow: hidden;
	position: relative;
}

.index_hot_video .itemBox .item .title {
	display: -webkit-box;
	font-size: .28rem;
	color: #111;
	line-height: .54rem;
}

.index_hot_video .list {}

.index_hot_video .list li {
	position: relative;
	padding-left: .48rem;
	margin-bottom: 0;
	line-height: .86rem;
	border-bottom: 1px dashed #e5e5e5;
}

.index_hot_video .list li:last-child {
	border: none;
}

.index_hot_video .list li::before {
	display: block;
	content: "";
	width: .38rem;
	height: .28rem;
	background-color: transparent;
	background-image: url(../images/video.png);
	background-size: cover;
	position: absolute;
	left: 0;
	top: .3rem;
}

.index_hot_video .list li .titleBox {
	padding-left: 0;
}

.index_hot_video .list li .title {
	color: #111;
}

.index_hot_video .list li .title::before {
	display: none;
}

.index_hot_video .list li .titleBox span {
	color: #999;
	position: relative;
	padding-left: .36rem;
}

.index_hot_video .list li .titleBox span::before {
	display: block;
	content: "";
	width: 0.26rem;
	height: 0.3rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/hot.png);
	position: absolute;
	left: 0;
	top: .3rem;
}

/* 友情链接 */
.friend_link {
	margin-top: .3rem;
}

.friend_link .aBox {
	margin-top: .1rem;
}

.friend_link .aBox a {
	display: inline-block;
	font-size: .24rem;
	color: #666;
	line-height: .7rem;
}

.friend_link .aBox a::after {
	display: inline-block;
	margin: 0 .1rem;
	content: "|";
}

.friend_link .aBox a:last-child::after {
	display: none;
}

/* 底部 */
.footer {
	background-color: #333;
	height: 2.9rem;
	width: 100%;
	font-size: .24rem;
	color: #999;
	padding-top: .3rem;
}

.footer a {
	font-size: .24rem;
	color: #999;
}

.footer .aBox {
	text-align: center;
	width: 5.3rem;
	margin: 0 auto;
	line-height: .48rem;
}

.footer .aBox a {
	font-size: .24rem;
	color: #999;
	margin-right: .35rem;
}

.footer .aBox a:nth-child(4n) {
	margin-right: 0;
}

.footer .txt {
	width: 6.3rem;
	text-align: center;
	margin: 0 auto;
	line-height: .46rem;
}

.footer .txt a {
	font-size: .24rem;
	color: #999;
}

/* 资讯页面 */
.list_info_title_navbar {
	margin-left: 0;
}

.list_info_title_navbar a {
	display: inline-block;
	padding: 0 .16rem;
	height: .6rem;
	border-radius: 10px;
	background-color: #f6f6f6;
	line-height: .6rem;
	text-align: center;
	font-size: .26rem;
	color: #111;
	width: 1.56rem;
}

.list_info_title_navbar li {
	margin-top: 0 !important;
	padding-left: 0;
	width: 1.56rem;
	margin-right: .2rem;
	margin-bottom: .1rem;
}

.list_info_title_navbar li:nth-child(4n) {
	margin-right: 0;
}

.list_info_title_navbar li.active a {
	background-color: var(--pm-c);
	color: #fff;
}

.list_info_title .index_hotStrategy .itemBox {
	margin-top: 0;
}

.list_info_title .index_hotStrategy .itemBox .text {
	padding-bottom: .2rem;
	border-bottom: 1px dashed #e5e5e5;
}


.list_news {}

.list_news .news_slider {
	background-image: none;
	padding: 0;
	padding-left: .13rem;
	height: auto;
	margin-right: 0;
	margin-bottom: 0;
}

.index_rank_sliderBox .sliderBox .slider .slide {}

.index_rank_sliderBox .sliderBox .slider .slide .slideItem {
	background-color: transparent;
	width: 4.7rem;
	height: auto;
	border-radius: 0;
}

.list_news .news_slider .img {
	display: block;
	width: 4.7rem;
	height: 2.77rem;
	border-radius: .06rem;
	position: relative;
	overflow: hidden;
}

.list_news .news_slider .slideItemList {
	line-height: .6rem;
}

.list_news .news_slider .slideItemList .text {
	padding-left: .2rem;
	position: relative;
}

.list_news .news_slider .slideItemList .text::before {
	display: block;
	content: "";
	width: 0.1rem;
	height: 0.1rem;
	background-color: var(--pm-c);
	position: absolute;
	left: 0;
	top: .26rem;
}

.list_news .news_slider .slideItemList .text {
	display: block;
	font-size: .26rem;
	color: #333;
	max-width: 4.4rem;
}

.list_news .news_center .list_info_title_navbar {
	margin-top: .2rem;
}

.index_newGame_news .index_timeBox {
	margin-top: .3rem;
	position: relative;
}

.index_newGame_news .itemBox .textBox .txt {
	max-width: 4.2rem;
}

.index_newGame_news .itemBox .textBox .txt .text {
	color: #888;
}

.index_newGame_news .itemBox .textBox .thum {
	width: 2.36rem;
	height: 1.58rem;
	position: relative;
	overflow: hidden;
	display: block;
	margin-right: .2rem;
}

/* 咨询详情页面 */
.show_news {}

.show_news .show_news_content {
	margin-bottom: .2rem;
}

.show_news .show_news_content .titleBox {
	padding-bottom: .3rem !important;
	border-bottom: 1px dashed #e5e5e5;
	margin-bottom: .2rem;
}

.show_news .show_news_content .titleBox h1 {
	font-size: .3rem;
	color: #333;
	text-align: center;
	margin: .6rem 0;
	font-weight: bold;
}

.show_news .show_news_content .titleBox .js {
	font-size: .24rem;
	color: #888;
	padding: 0 .2rem;
}

.show_news .show_news_content .contentBox {
	background-color: #fff;
}

.show_news .show_news_content .contentBox ul li span {
	padding-right: 2.8rem;
}

p {
	line-height: .6rem;
	text-indent: 2em;
	font-size: .26rem;
	color: #666;
}

p img,
p iframe {
	display: block;
	width: 5.9rem;
	height: auto;
	margin: 0 auto;
}

.index_newGame_news .content h2,
.index_newGame_news .content h3{
    font-size: .3rem;
	color: #333;
    font-weight: bold;
    margin: .1rem 0;
}

.thisWeekGoodGame {}

.thisWeekGoodGame .itemBox {
	margin-top: .3rem;
}

.thisWeekGoodGame .itemBox .item {}

.thisWeekGoodGame .itemBox .item .thum {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .15rem;
	position: relative;
	margin-bottom: .2rem;
}

.thisWeekGoodGame .itemBox .item .title {
	max-width: 1.3rem;
	font-size: .26rem;
	color: #111;
	margin-bottom: .2rem;
}

.thisWeekGoodGame .itemBox .item .size {
	display: block;
	max-width: 1.2rem;
	font-size: .24rem;
	color: #888;
}

.index_new_game .img,
.thisWeekGoodGame .img {
	display: block;
	width: 100%;
	height: 3.8rem;
	position: relative;
	overflow: hidden;
	margin: .3rem 0;
}

.index_new_game .img::before,
.thisWeekGoodGame .img::before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../images/thisweektj.png);
	width: 1.35rem;
	height: 1.22rem;
	z-index: 2;
}

.show_news .index_hot_topic {
	margin-top: 0;
	margin-bottom: 0;
}

.show_news .index_hot_stragety {
	margin-bottom: 0;
}

.show_news .index_new_game {
	margin-top: 0;
}

/* 手游下载页面 */
.list_game {}

.list_game_gameBox {}

.list_game_gameBox .list {
	padding-left: 0px !important;
}

.list_game_gameBox .item .box {
	color: #000;
	font-size: .28rem;
}

.list_game_gameBox .item .box .gift {}

.list_game_gameBox .item .thum {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: .2rem;
	position: relative;
	margin-right: .2rem;
}

.list_game_gameBox .item .title {
	font-size: .28rem;
	color: #111;
	margin-bottom: .2rem;
}

.list_game_gameBox .item .tagBox {
	max-width: 1.8rem;
	font-size: .24rem;
	color: #888;
}

.list_game_gameBox .item .tagBox span {
	display: block;
}

.list_game_gameBox .item .tagBox span::after {
	display: inline-block;
	content: "|";
	margin: 0 .1rem;
}

.list_game_gameBox .item .tagBox span:last-child::after {
	display: none;
}

.list_game .list_info_title_navbar {
	margin-top: .2rem;
}

.list_game_itemBox {}

.list_game_itemBox .item {
	padding-bottom: .2rem;
	margin-bottom: .2rem;
	border-bottom: 1px dashed #e5e5e5;
}

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

.list_game_itemBox .item .thum {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .2rem;
	position: relative;
	margin-right: .2rem;
}

.list_game_itemBox .item .box .txtBox .title {
	max-width: 3.6rem;
	font-size: .28rem;
	color: #333;
	font-weight: bold;
}

.list_game_itemBox .item .box .txtBox .tagBox {
	font-size: .24rem;
	color: #666;
}

.list_game_itemBox .item .box .txtBox .tagBox span::after {
	display: inline-block;
	content: "|";
	margin: 0 .08rem;
}

.list_game_itemBox .item .box .txtBox .tagBox span:last-child::after {
	display: none;
}

.list_game_itemBox .item .box .down {
	display: block;
	width: 1.2rem;
	height: .6rem;
	border-radius: .1rem;
	text-align: center;
	line-height: .6rem;
	font-size: .26rem;
	color: #fff;
	background-color: var(--pm-c);
}

/* 手游下载详情页面 */
.show_game {}

.show_game_content {}

.show_game_content .titleBox {}

.show_game_content .titleBox .thum {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .15rem;
	margin-right: .2rem;
	position: relative;
	overflow: hidden;
}

.show_game_content .titleBox .txtBox {
	font-size: .24rem;
	color: #888;
}

.show_game_content .titleBox .txtBox .title {
	font-size: .3rem;
	color: #333;
	margin-bottom: .2rem;
	font-weight: bold;
}

.show_game_content .titleBox .txtBox .size {
	margin-bottom: .2rem;
}

.show_game_content .titleBox .txtBox .updateTime {}

.show_game_content .titleBox .score span {
	display: block;
	width: .6rem;
	height: .4rem;
	font-size: .3rem;
	background-image: linear-gradient(to bottom, #ffc5ba, #ffffff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: absolute;
	right: .54rem;
	top: .8rem;
	font-weight: bold;
	text-align: center;
}

.show_game_content .titleBox .score {
	display: block;
	content: "";
	width: 1.7rem;
	height: 1.53rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/score.png);
	position: relative;
}

.show_game_content .contentBox {
	height: 1.5rem;
	padding: .3rem .28rem;
	margin: .2rem .33rem;
	background-color: #eff7f8;
}

.show_game_content .contentBox .labelBox {
	font-size: .26rem;
	color: #888;
}

.show_game_content .contentBox .labelBox .label {
	width: 25%;
	text-align: center;
}

.show_game_content .contentBox .labelBox .label span {
	display: block;
	color: #333;
	width: 100%;
	margin-top: .2rem;
}

.show_game_content .down a{
    display: block;
    background: linear-gradient(90deg, #24e5e7, #30b5e0);
    height: .88rem;
	border-radius: .08rem;
	line-height: .88rem;
	color: #fff;
}
.show_game_content .down {
	display: block;
	background: linear-gradient(90deg, #24e5e7, #30b5e0);
	height: .88rem;
	border-radius: .08rem;
	line-height: .88rem;
	text-align: center;
	font-size: .3rem;
	color: #fff;
	margin: .2rem .33rem;
	position: relative;
}

.show_game_content .down::before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 2.36rem;
	top: .3rem;
}

.show_game_content .down.none::before,
.show_game_content .down.get::before {
	width: .3rem;
	height: .3rem;
	background-image: url(../images/down.png);
	z-index: 2;
}

.show_game_content .down.startGame::before {
	width: 0.28rem;
	height: 0.32rem;
	background-image: url(../images/startGame.png);
}

.gameIntroduction {}

.gameIntroduction .sliderBox {
	overflow: hidden;
	/*height: 4.56rem;*/
	margin-top: .2rem;
}

.gameIntroduction .sliderBox .slider li {
	padding-right: .16rem;
}

.gameIntroduction .sliderBox .slider li .img {
	width: 2.76rem;
	/*height: 4.56rem;*/
	position: relative;
	display: block;
	overflow: hidden;
}

.show_game .index_new_game {
	margin-top: .2rem;
}

.show_game .index_hot_topic {
	margin-top: 0;
}

/* 手游专辑页面 */
.game_album {}

.game_album .titleBox {
	width: 3.55rem;
	height: .6rem;
	margin: .3rem auto;
	border-radius: .1rem;
	border: 1px solid var(--pm-c);
	line-height: .6rem;
	background-color: #fff;
	overflow: hidden;
}

.game_album .titleBox a {
	display: block;
	width: 50%;
	text-align: center;
	font-size: .26rem;
	color: #333;
}

.game_album .titleBox a.active {
	color: #fff;
	background-color: var(--pm-c);
}

.game_album .itemBox {
	width: 100%;
}

.game_album .itemBox .item {
	width: 100%;
	height: 3.5rem;
	border-radius: .1rem;
	box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.1);
	margin-bottom: .18rem;
}

.game_album .itemBox .item .title {
	font-size: .28rem;
	color: #111;
	display: block;
	max-width: 4.6rem;
}

.game_album .itemBox .item .detail {
	display: block;
	width: 0.84rem;
	height: 0.42rem;
	border-radius: .1rem;
	font-size: .24rem;
	color: var(--pm-c);
	border: 1px solid var(--pm-c);
	text-align: center;
	line-height: .38rem;
}

.game_album .itemBox .item .box {
	width: 100%;
	margin-bottom: .2rem;
	border-bottom: 1px solid #eee;
	padding-right: .4rem;
	padding-bottom: .2rem;
	margin-left: 0;
	position: relative;
}

.game_album .itemBox .item .list {
	padding-left: 0px !important;
}

.game_album .itemBox .item .box .thum {
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
}

.game_album .itemBox .item .box .name {
	font-size: .24rem;
	color: #666;
	display: block;
	max-width: 1rem;
	text-align: center;
	margin: .15rem auto 0;
}

.game_album .itemBox .item .line {
	padding-bottom: .2rem;
	margin-bottom: .2rem;
	border-bottom: 1px solid #eee;
}

.game_album .itemBox .item .box .more {
	position: absolute;
	right: .08rem;
	top: .5rem;
	width: .13rem;
	height: .13rem;
}

.game_album .itemBox .item .labelBox {
	font-size: .24rem;
	color: #888;
}

.game_album .itemBox .item .labelBox .type {
	position: relative;
	padding-left: .36rem;
}

.game_album .itemBox .item .labelBox .type::before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: .05rem;
	left: 0;
	background-image: url(../images/type.png);
	width: 0.26rem;
	height: 0.26rem;
}

.game_album .itemBox .item .labelBox .time {
	position: relative;
	padding-left: .36rem;
}

.game_album .itemBox .item .labelBox .time::before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: .07rem;
	left: 0;
	background-image: url(../images/time.png);
	width: 0.26rem;
	height: 0.26rem;
}

/* 手游专辑详情 */
.show_collection {}

.show_collection .show_collection_content {}

.show_collection .show_collection_content .thum {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .15rem;
	margin-right: .2rem;
	position: relative;
	overflow: hidden;
}

.show_collection .show_collection_content .txtBox {}

.show_collection .show_collection_content .txtBox .title {
	display: block;
	max-width: 5rem;
	font-size: .3rem;
	color: #333;
	font-weight: bold;
	margin-bottom: .2rem;
}

.show_collection .show_collection_content .txtBox .tagBox {
	font-size: .24rem;
	color: #888;
	line-height: .5rem;
}

.show_collection .show_collection_content .txtBox .tagBox .tag {
	display: inline-block;
	margin-right: .2rem;
}

.show_collection_tj {
	height: 1.46rem;
	background-color: #eff7f8;
	position: relative;
	margin-top: .4rem;
	padding: .2rem;
}

.show_collection_tj::before {
	display: block;
	content: "";
	width: 0.23rem;
	height: 0.2rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/tj.png);
	left: 1.86rem;
	top: -.2rem;
	position: absolute;
}

.show_collection_tj span {
	display: block;
	font-size: .24rem;
	color: #888;
	margin: 0 auto;
	text-align: center;
	margin-bottom: .3rem;
}

.show_collection_tj .itemBox {}

.show_collection_tj .itemBox .item {
	padding-left: .44rem;
	position: relative;
}

.show_collection_tj .itemBox .item::before {
	display: block;
	width: 0.36rem;
	height: 0.34rem;
	border-radius: .04rem;
	background-color: var(--pm-c);
	content: "荐";
	font-size: .24rem;
	color: #fff;
	text-align: center;
	line-height: .34rem;
	position: absolute;
	left: 0;
	top: .03rem;
}

.show_collection_tj .itemBox .item a {
	display: block;
	font-size: .26rem;
	color: #666;
	max-width: 2.8rem;
}

.m-20-33 {
	margin: .2rem .33rem;
}

.show_collection_xbtj {
	padding: .5rem .3rem .2rem;
	position: relative;
	box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.1);
	border-radius: .15rem;
	margin-top: .5rem;
}

.show_collection_xbtj::before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	width: 3.55rem;
	height: 0.63rem;
	background-image: url(../images/xbtj.png);
	position: absolute;
	top: -.36rem;
	left: 1.66rem;
	z-index: 2;
}

.show_collection_xbtj .thum {
	width: 1.3rem;
	height: 1.3rem;
	border-radius: .15rem;
	position: relative;
	margin-right: .2rem;
}

.show_collection_xbtj .title {
	display: block;
	max-width: 4.5rem;
	margin-bottom: .2rem;
	font-size: .28rem;
	color: #111;
}

.show_collection_xbtj .tagBox {
	width: 4.6rem;
	font-size: .24rem;
	color: #888;
}

.show_collection_xbtj .tagBox .tag {
	width: auto;
	display: inline-block;
}

.show_collection_xbtj .tagBox .tag:nth-child(2n)::before {
	display: inline-block;
	content: "|";
	margin: 0 .3rem;
}

.show_collection_xbtj .down {
	display: block;
	width: 100%;
	height: .66rem;
	background-color: var(--pm-c);
	line-height: .66rem;
	text-align: center;
	font-size: .26rem;
	color: #fff;
	border-radius: .1rem;
	margin-top: .3rem;
}

.show_collection .list_game_itemBox {
	margin-top: .36rem;
}

.show_collection .list_game_itemBox .item {
	border: none;
	background-color: #f8fafb;
	height: 1.62rem;
	padding: .2rem;
	padding-right: .5rem;
	position: relative;
}

.show_collection .list_game_itemBox .item .box .txtBox .title {
	font-weight: 400;
	max-width: 3rem;
}

.show_collection .list_game_itemBox .item .down {
	background-color: transparent;
	border: 1px solid var(--pm-c);
	color: var(--pm-c);
}

.show_collection .list_game_itemBox .item .order span {
	display: block;
	font-size: .24rem;
	color: #fff;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: .12rem;
	z-index: 3;
	-webkit-transform: rotate(41deg);
}

.show_collection .list_game_itemBox .item .order::before {
	background-image: url(../images/album_detail4.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 1.05rem;
	height: .91rem;
	position: absolute;
	display: block;
	content: "";
	right: 0;
	top: 0;
	z-index: 2;
}

.show_collection .list_game_itemBox .item:nth-child(1) .order::before {
	background-image: url(../images/album_detail1.png);
}

.show_collection .list_game_itemBox .item:nth-child(2) .order::before {
	background-image: url(../images/album_detail2.png);
}

.show_collection .list_game_itemBox .item:nth-child(3) .order::before {
	background-image: url(../images/album_detail3.png);
}

/* 手游礼包列表 */
.list_game_package {}

.list_game_package .list_game_gameBox {}

.list_game_package .list_game_gameBox .item .hot {
	position: absolute;
	width: 0.66rem;
	height: 0.36rem;
	border-radius: .1rem 0 .3rem 0;
	line-height: .36rem;
	text-align: center;
	font-size: .2rem;
	color: #fff;
	left: -.06rem;
	top: 0;
	z-index: 2;
	background: linear-gradient(90deg, #ff8331, #ff7646);
}

.list_game_package .list_info_title_navbar {
	margin-top: .2rem;
}

.list_game_package_itemBox {}

.list_game_package_itemBox .itemBox {
	margin-top: .36rem;
}

.list_game_package_itemBox .itemBox .item {
	margin-bottom: .4rem;
}

.list_game_package_itemBox .itemBox .item .thum {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .15rem;
	margin-right: .2rem;
	position: relative;
}

.list_game_package_itemBox .itemBox .item .txtBox {
	max-width: 4.1rem;
}

.list_game_package_itemBox .itemBox .item .txtBox .title {
	font-size: .28rem;
	color: #111;
	margin-bottom: .2rem;
}

.list_game_package_itemBox .itemBox .item .txtBox .text {
	display: block;
	font-size: .26rem;
	color: #666;
}

.list_game_package_itemBox .itemBox .item .get {
	display: block;
	width: 1.1rem;
	height: 0.6rem;
	border-radius: .1rem;
	border: 1px solid var(--pm-c);
	line-height: .6rem;
	color: var(--pm-c);
	text-align: center;
	font-size: .28rem;
}

/* 礼包详情页面 */
.show_game_package {}

.show_game_package .show_game_content {}

.show_game_package .show_game_content .labelBox {}

.show_game_package .show_game_content .titleBox .score {
	background-image: url(../images/gametj.png);
}

.show_game_package .show_game_content .labelBox .label {
	width: 50%;
}

.show_game_package .show_game_content .mGame {
	background: linear-gradient(90deg, #fdc140, #fe8253)
}

.show_game_package .show_game_content .down.none::before,
.show_game_package .show_game_content .down.get::before {
	width: .29rem;
	height: .29rem;
	background-image: url(../images/gift.png);
}

.show_game_package .show_game_content .down.mGame::before {
	width: .35rem;
	height: .3rem;
	background-image: url(../images/game.png);
}

.show_game_package p {
	text-indent: 0;
}

.show_game_package .thisWeekGoodGame .itemBox .item .title {
	max-width: 2.3rem;
	text-align: left;
	display: -webkit-box;
}

.show_game_package .index_hot_topic {
	margin-top: 0;
}

/* 遮罩 */
.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.mask::before {
	width: 100%;
	height: 100%;
	position: fixed;
	content: "";
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.mask .getGift {
	width: 6.06rem;
	height: 4.87rem;
	border-radius: .2rem;
	margin: 2.4rem auto;
	background-image: url(../images/giftNumber.png);
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	z-index: 2;
}

.mask .getGift .cancel {
	position: absolute;
	display: block;
	width: .23rem;
	height: .23rem;
	right: -.4rem;
	top: -.4rem;
	background-image: url(../images/cancel.png);
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.mask .getGift .num {
	position: absolute;
	z-index: 3;
	top: 1rem;
	left: 1.5rem;
	font-size: .2rem;
	color: #000;
}

.mask .getGift .copy {
	width: 1.98rem;
	height: .46rem;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

/* 手游排行榜 */
.list_rank {}

.list_rank_show .list_info_title_navbar,
.list_rank_list .list_info_title_navbar,
.list_rank .list_info_title_navbar {
	margin-bottom: 0;
}

.list_rank_show .list_info_title_navbar li,
.list_rank_list .list_info_title_navbar li,
.list_rank .list_info_title_navbar li {
	width: 50%;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: .16rem;
	margin-bottom: .1rem;
}

.list_rank_show .list_info_title_navbar li a,
.list_rank_list .list_info_title_navbar li a,
.list_rank .list_info_title_navbar li a {
	width: 100%;
}

.list_rank_show .banner,
.list_rank_list .banner,
.list_rank .banner {
	display: block;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/rankBgi.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 2.33rem;
}

.list_rank_itemBox {
	margin-top: 0;
}

.list_rank_itemBox .item {
	padding: .2rem .26rem .3rem .2rem;
	height: 2.3rem;
	border-radius: .1rem;
	box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.1);
	margin-bottom: .3rem;
}

.list_rank_itemBox .item .box {
	margin-bottom: .3rem;
}

.list_rank_itemBox .item .box .thum {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .15rem;
	position: relative;
	margin-right: .2rem;
}

.list_rank_itemBox .item .box .txtBox {
	max-width: 2.8rem;
}

.list_rank_itemBox .item .box .txtBox .title {
	font-size: .28rem;
	color: #111;
	font-weight: bold;
	margin-bottom: .2rem;
}

.list_rank_itemBox .item .box .txtBox .text {
	font-size: .24rem;
	color: #888;
}

.list_rank_itemBox .item .box .btnBox {}

.list_rank_itemBox .item .box .btnBox .down {
	display: block;
	width: 1.2rem;
	height: 0.6rem;
	border-radius: .06rem;
	line-height: .6rem;
	text-align: center;
	color: #fff;
	font-size: .26rem;
	background-color: var(--pm-c);
	margin-right: .1rem;
}

.list_rank_itemBox .item .box .btnBox .order::before {
	display: block;
	content: "";
	height: 100%;
	border-left: 1px solid #eee;
	position: absolute;
	left: -.1rem;
	top: 0;
}

.list_rank_itemBox .item .box .btnBox .order {
	background-image: url(../images/rank4.png);
	width: 0.65rem;
	height: 0.94rem;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin-left: .1rem;
}

.list_rank_itemBox .item .box .btnBox .order span {
	position: absolute;
	font-size: .24rem;
	color: #989898;
	font-weight: bold;
	top: .28rem;
	left: .13rem;
	display: block;
	text-align: center;
	width: .4rem;
	height: auto;
}

.list_rank_itemBox .item:nth-child(1) .box .btnBox .order {
	background-image: url(../images/rank1.png);
}

.list_rank_itemBox .item:nth-child(2) .box .btnBox .order {
	background-image: url(../images/rank2.png);
}

.list_rank_itemBox .item:nth-child(3) .box .btnBox .order {
	background-image: url(../images/rank3.png);
}

.list_rank_itemBox .item .bottom .labelBox {
	font-size: .24rem;
	color: #888;
}

.list_rank_itemBox .item .bottom .labelBox .label {
	width: 25%;
	text-align: center;
	position: relative;
}

.list_rank_itemBox .item .bottom .labelBox .label::before {
	display: inline-block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	width: .22rem;
	height: .22rem;
	background-image: url(../images/rank_type.png);
	position: absolute;
	left: 0;
	top: .08rem;
}

.list_rank_itemBox .item .bottom .labelBox .label.time::before {
	background-image: url(../images/rank_time.png);
	left: .18rem;
}

/* 手游排行详情 */
.list_rank_list {}

.list_rank_list_itemBox {}

.list_rank_list_itemBox .item {
	height: 4.5rem;
	box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.1);
	border-radius: .1rem;
	margin-bottom: .2rem;
}

.list_rank_list_itemBox .item .titleBox {
	background: linear-gradient(#e2f3f9, #fff);
	padding: .3rem .2rem .5rem .3rem;
}

.list_rank_list_itemBox .item .title {
	font-size: .28rem;
	color: #111;
	font-weight: bold;
	text-align: center;
	display: block;
	max-width: 5.2rem;
	margin: 0 auto;
	position: relative;
	padding: 0 .4rem;
	margin-bottom: .45rem;
}

.list_rank_list_itemBox .item .title::before {
	display: block;
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/titleBgi.png);
	width: 0.33rem;
	height: 0.24rem;
	top: .1rem;
	left: 0;
}

.list_rank_list_itemBox .item .title::after {
	display: block;
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/titleBgi.png);
	width: 0.33rem;
	height: 0.24rem;
	top: .1rem;
	right: 0;
}

.list_rank_list_itemBox .item .time {
	font-size: .24rem;
	color: #888;
	display: block;
	padding-bottom: .2rem;
	border-bottom: 1px dashed #c6dce0;
	text-align: center;
	position: relative;
}

.list_rank_list_itemBox .item .time::before {
	display: inline-block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	width: .22rem;
	height: .22rem;
	background-image: url(../images/rank_time.png);
	position: absolute;
	left: 1.6rem;
	top: .08rem;
}

.list_rank_list_itemBox .item .thumBox {
	padding: 0 .2rem .2rem .3rem;
}

.list_rank_list_itemBox .item .thumBox .thumItem {
	position: relative;
	display: block;
}

.list_rank_list_itemBox .item .thumBox .thumItem .other::before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	width: 1.22rem;
	height: auto;
	z-index: 2;
}

.list_rank_list_itemBox .item .thumBox .thumItem:nth-child(1) .other::before {
	background-image: url(../images/1.png);
	width: 1.22rem;
	height: 1.2rem;
	position: absolute;
	left: .06rem;
}

.list_rank_list_itemBox .item .thumBox .thumItem:nth-child(2) .other::before {
	background-image: url(../images/2.png);
	width: 1.26rem;
	height: 1.21rem;
	position: absolute;
	left: -.01rem;
}

.list_rank_list_itemBox .item .thumBox .thumItem:nth-child(3) .other::before {
	background-image: url(../images/3.png);
	width: 1.26rem;
	height: 1.31rem;
	position: absolute;
	left: -.03rem;
	top: -.1rem;
}

.list_rank_list_itemBox .item .thumBox .thumItem:nth-child(4) .other {
	display: block;
	position: relative;
}

.list_rank_list_itemBox .item .thumBox .thumItem:nth-child(4) .thum {
	position: relative;
	width: .91rem;
	height: .91rem;
}

.list_rank_list_itemBox .item .thumBox .thumItem:nth-child(4) .other::before {
	display: none;
}

.list_rank_list_itemBox .item .thumBox .thumItem:nth-child(4) .thum::before {
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/more_list_rank.png);
	width: .91rem;
	height: .91rem;
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
}

.list_rank_list_itemBox .item .thumBox .thumItem .thum {
	width: 0.96rem;
	height: 0.96rem;
	border-radius: .15rem;
	background-color: #f6f6f6;
	position: relative;
	margin: .1rem auto .35rem;
}

.list_rank_list_itemBox .item .thumBox .thumItem .name {
	display: block;
	max-width: 1.2rem;
	font-size: .24rem;
	color: #666;
	text-align: center;
}

/* 手游排行详情 */
.list_rank_show {}

.list_rank_show .banner {
	background-image: url(../images/rankBgi2.png);
	position: relative;
}

.list_rank_show .banner .title {
	font-size: .32rem;
	font-weight: bold;
	background: -webkit-linear-gradient(#54a0a8, #5aa3ac);
	/* Chrome, Safari */
	-webkit-background-clip: text;
	/* Chrome, Safari */
	-webkit-text-fill-color: transparent;
	/* Chrome, Safari */
	color: transparent;
	/* 兼容不支持background-clip的浏览器 */
	position: absolute;
	left: 3.08rem;
	top: .46rem;
}

.list_rank_show .banner .time {
	font-size: .24rem;
	color: #fff;
	position: absolute;
	left: 3.75rem;
	top: 1.32rem;
}

.list_rank_show .list_rank_itemBox {
	margin-top: .3rem;
}

.list_rank_itemBox .item .bottom .labelBox .label.platform::before {
	left: .26rem;
}

.list_rank_show .show_rank_more {}

.list_rank_show .show_rank_more .itemBox {
	margin-top: .3rem;
}

.list_rank_show .show_rank_more .itemBox .item {}

.list_rank_show .show_rank_more .itemBox .item {
	padding-bottom: .3rem;
	border-bottom: 1px dashed #eee;
	margin-bottom: .3rem;
}

.list_rank_show .show_rank_more .itemBox .item .txtBox {}

.list_rank_show .show_rank_more .itemBox .item .txtBox .title {
	max-width: 4rem;
	font-size: .28rem;
	color: #111;
	margin-bottom: .4rem;
}

.list_rank_show .show_rank_more .itemBox .item .txtBox .time {
	font-size: .24rem;
	color: #666;
}

.list_rank_show .show_rank_more .itemBox .item .thumBox {
	position: relative;
	width: 2.3rem;
}

.list_rank_show .show_rank_more .itemBox .item .thumBox .thum {
	display: block;
	width: 0.98rem;
	height: 0.98rem;
	border-radius: 50%;
	position: absolute;
	z-index: 2;
	transform: scale(.9);
}

.list_rank_show .show_rank_more .itemBox .item .thumBox .thum:nth-child(2) {
	left: 50%;
	z-index: 3;
	box-sizing: content-box;
	border: .04rem solid #fff;
	transform: scale(1)translateX(-50%);
}

.list_rank_show .show_rank_more .itemBox .item .thumBox .thum:nth-child(3) {
	right: 0;
}

.list_rank_show .news_center {
	margin-top: 0;
}

.list_rank_show .index_new_game {
	margin-top: 0;
}

.list_rank_show .index_hot_topic {
	margin-top: 0;
}

.rank_hot_topic {}

.rank_hot_topic .itemBox {
	margin-top: .2rem;
}

.rank_hot_topic .itemBox .item {}

.rank_hot_topic .itemBox .item .box {}

.rank_hot_topic .itemBox .item .box .thum {
	width: 2rem;
	height: 1.4rem;
	position: relative;
	margin-right: .2rem;
}

.rank_hot_topic .itemBox .item .box .txtBox {
	max-width: 4.6rem;
}

.rank_hot_topic .itemBox .item .box .txtBox .title {
	font-size: .28rem;
	color: #333;
	margin-bottom: .2rem;
}

.rank_hot_topic .itemBox .item .box .txtBox .text {
	line-height: .4rem;
	font-size: .24rem;
	color: #888;
}

.rank_hot_topic .itemBox .item .list {}

.rank_hot_topic .itemBox .item .list li {
	padding-left: .28rem;
	position: relative;
}

.rank_hot_topic .itemBox .item .list li::before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: .18rem;
	background-color: var(--pm-c);
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
}

.rank_hot_topic .itemBox .item .list li .title {
	color: #333;
	font-size: .28rem;
}

.rank_hot_topic .itemBox .item .list li span {
	font-size: .24rem;
	color: #666;
}

/* 404/500页面 */
.error {}

.error .img {
	display: block;
	overflow: hidden;
	position: relative;
	width: 3.47rem;
	height: 3.57rem;
	margin: 1rem auto .6rem;
}

.error .img2 {
	width: 3.48rem;
	height: 3.57rem;
}

.error .goHome {
	display: block;
	width: 1.7rem;
	height: 0.62rem;
	border-radius: .08rem;
	border: 1px solid var(--pm-c);
	color: var(--pm-c);
	line-height: .62rem;
	text-align: center;
	margin: 0 auto 1rem;
}

/* 关于我们 */
.aboutUs {
	margin-bottom: .4rem;
}

.aboutUs .banner {
	display: block;
	height: 3.57rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/about.png);
	position: relative;
	overflow: hidden;
	border-radius: .1rem;
}

.aboutUs .banner span {
	position: absolute;
	z-index: 2;
	font-size: .483rem;
	font-weight: bold;
	background: -webkit-linear-gradient(to bottom, #50c5ec, #0da0d0);
	/* Chrome, Safari */
	background: linear-gradient(to bottom, #50c5ec, #0da0d0);
	/* 标准语法 */
	-webkit-background-clip: text;
	/* Chrome, Safari */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	/* Chrome, Safari */
	color: transparent;
	/* 兼容不支持background-clip的浏览器 */
	left: 50%;
	transform: translateX(-50%);
	bottom: .24rem;
	text-stroke: 0.02rem #fff;
	-webkit-text-stroke: 0.02rem #fff;
	font-family: Microsoft YaHei, Microsoft YaHei;
}

.aboutUs .content .list_info_title_navbar {
	margin-top: .36rem;
}

.aboutUs .content .list_info_title_navbar li.uk-width-1-4 {
	margin-right: 0;
	margin-bottom: 0;
	width: 25%;
}

.aboutUs .content .list_info_title_navbar li.uk-width-1-3 {
	margin-right: 0;
	margin-bottom: 0;
	width: calc(100% * 1 / 3.001);
}

.aboutUs .content .list_info_title_navbar li a {
	font-size: .26rem;
	color: #666;
	width: auto;
	background-color: transparent;
	padding: 0 .06rem;
}

/* 搜索结果 */
.search_result {}

.search_result .result {
	font-size: .24rem;
	color: #888;
	margin-bottom: .4rem;
}

.search_result .game {
	margin-bottom: .4rem;
}

.search_result .game .list_game_itemBox {
	margin-top: .4rem;
}

.search_result .app {}

.search_result .app .list_game_itemBox {
	margin-top: .4rem;
}

.search_result .news_center {
	margin-bottom: .4rem;
}

/* 开服表 */
/* 开服表 */
.kaifu {}

.kaifu .selectBox {
	margin-bottom: .2rem;
}

.kaifu .selectBox .btn {
	width: 2.2rem;
	max-width: 2.2rem;
	text-align: left;
	padding-left: .3rem;
	position: relative;
	display: inline-block;
	padding: 0 .16rem;
	height: .6rem;
	border-radius: 6px;
	border: none;
	background-color: #f6f6f6;
	line-height: .6rem;
	text-align: center;
	font-size: .26rem;
	color: #111;
}

.kaifu .selectBox .btn span {}

.kaifu .selectBox li a {
	font-size: .24rem;
}

.kaifu .itemBox .item {
	background-image: none !important;
	margin-bottom: .2rem;
	font-size: .24rem;
	color: #888;
}

.kaifu .itemBox .item .titleBox {
	margin-bottom: .1rem !important;
}

.kaifu .list_game .itemBox .thum {
	width: 1.2rem;
	height: 1.2rem;
	position: relative;
	margin-right: .2rem;
	border-radius: .16rem;
}

.kaifu .list_game .itemBox .item .line {
	padding-bottom: .3rem;
	margin-bottom: .2rem;
	border-bottom: 1px dashed #dcdcdc;
}

.kaifu .list_game .itemBox .item .line .introduce {
	max-width: 3.6rem;
}

.kaifu .list_game .itemBox .item .line .introduce .titleBox .title {
	font-size: .28rem;
	color: #333;
	max-width: 3rem;
	padding-right: .8rem;
	position: relative;
	margin-bottom: 0;
}

.kaifu .list_game .itemBox .item .line .introduce .titleBox .pg::after,
.kaifu .list_game .itemBox .item .line .introduce .titleBox .az::after {
	display: block;
	width: 0.74rem;
	height: 0.31rem;
	content: "";
	position: absolute;
	right: 0;
	top: .07rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/az.png);
}

.kaifu .list_game .itemBox .item .line .introduce .titleBox .pg::after {
	background-image: url(../images/pg.png);
}

.kaifu .list_game .itemBox .item .line .introduce .startTime span {
	color: #ff881e;
}

.kaifu .list_game .itemBox .item .titleBox .name {
	font-size: .24rem;
	color: #888;
}

.kaifu .list_game .itemBox .item .line .down {
	display: block;
	width: 1.2rem;
	height: 0.6rem;
	border-radius: .1rem;
	background-color: var(--pm-c);
	color: #fff;
	font-size: .28rem;
	line-height: .6rem;
	text-align: center;
}