:root {
	--pm-c: #58bceb;
	--br-c: #eee;
}

/*隐藏类*/
.hide {
	display: none !important;
}
/*隐藏遮罩*/
#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;
}

:root {
    --pm-c: #00a4c4;
    --br-c: #eee;
    --bg-c: #f7f7f7;
    --md-c: #909399;
}

html,body {
	background-color: #fff;
	color: #333;
	font-size: .28rem;
}
a,a:hover {
	font-size: .28rem;
	text-decoration: none;
	color: #333;
}
ul,ol {
	padding-left: 0;
	list-style: none;
	margin: 0;
}
.uk-flex-cover {
	flex: 1;
	overflow: hidden;
	position: relative;
}
.bg-gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%);
}
.cover {
	z-index: 10;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
} 
.cover span {
	display: block;
	padding: 10px;
}
.line-2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}
.line-3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}
.line-4 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
}
.icon {
	display: block;
	border-radius: .2rem;
	overflow: hidden;
	position: relative;
}
.icon img {
	width: 100%;
	height: 100%;
}
.icon-star {
	height: .2rem;
	width: 1.23rem;
	position: relative;
	background-image: url(../images/icon-star-bg.png);
	background-size: auto .2rem;
	background-repeat: no-repeat;
}
.icon-star::after {
	content: '';
	height: .2rem;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/icon-star.png);
	background-size: auto .2rem;
	background-repeat: no-repeat;
}
.star-1::after {
	width: .24rem;
}
.star-2::after {
	width: .48rem;
}
.star-3::after {
	width: .72rem;
}
.star-4::after {
	width: .96rem;
}
.star-5::after {
	width: 100%;
}
.bg-gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%);
}
.mb-3 {
	margin-bottom: .3rem;
}



.header{
	background-image: linear-gradient(90deg, 
		#0065cd 0%, 
		#00c7c0 100%), 
	linear-gradient(
		#58bceb, 
		#58bceb);
	background-blend-mode: normal, 
		normal;
	padding: .3rem;
	padding-bottom: 0;
}
.logo {}
.logo a {
	display: inline-block;
	height: .6rem;
}
.logo a img {
	height: 100%;
}

.search {
	background: #ffffff20;
	height: .6rem;
	width: 3.4rem;
	border-radius: 5rem;
}
.search button,
.search input {
	background: transparent;
	border: none;
}
.search input::placeholder {
  color: #ffffff60;
}
.search input {
	width: 100%;
	height: 100%;
	line-height: .6rem;
	text-indent: 1em;
	color: #fff;
}
.search button {

}

.navbar {
	margin-top: .3rem;
	overflow-x: scroll;
	white-space: nowrap;
}
.navbar li {
	display: inline-block;
}
.navbar li a {
	display: block;
	font-size: .28rem;
	color: #fff;
	padding: .2rem .3rem;
}
.navbar .active a {
	background-color: #ffffff;
	box-shadow: 0px -8px 6px 0px 
		rgba(107, 138, 159, 0.22);
	border-radius: .2rem .2rem 0px 0px;
	color: var(--pm-c);
	font-weight: bold;
	
}

.home-slide {
	margin-top: .2rem;
}
.home-slide .uk-slideshow-items {
	overflow: hidden;
	min-height: 3.75rem !important;
}
.home-slide .item {
	height: 3.75rem;
	border-radius: .1rem;
}



.home-switcher {
	border: 1px solid var(--br-c);
	overflow: hidden;
	border-radius: .1rem;
}
.home-switcher ul {
	display: flex;
}
.home-switcher ul li {
	flex: 1;
	border-bottom: 1px solid var(--br-c);
}
.home-switcher ul li span {
	display: block;
	line-height: .76rem;
	text-align: center;
	font-size: .28rem;
	color: #333;
}
.home-switcher ul .uk-active {
	background-color: var(--pm-c);
}
.home-switcher ul .uk-active span {
	color: #fff;
}




.home-switcher .switcher-box {
	padding: .3rem;
}
.home-switcher .switcher-box .item {
	margin-bottom: .4rem;
	display: flex;
	align-items: center;
}
.home-switcher .switcher-box .item:last-child {
	margin-bottom: 0;
}
.home-switcher .switcher-box .item .icon {
	width: .88rem;
	height: .88rem;
	margin-right: .2rem;
}
.home-switcher .switcher-box .item .title {
	font-size: .28rem;
	margin-bottom: .14rem;
}
.home-switcher .switcher-box .item .desc {
	color: var(--md-c);
	font-size: .24rem;
}
.home-switcher .switcher-box .item .view {
	margin-left: .2rem;
}
.home-switcher .switcher-box .item .view a {
	display: block;
	font-size: .24rem;
	color: var(--md-c);
	background: #f8f8f8;
	border-radius: .08rem;
	padding: .12rem .3rem;
}



.part-recom-games {
	padding-bottom: .4rem;
}
.part-recom-games .recom-title {
	height: .52rem;
	width: 100%;
	background-image: url(../images/recom-title.png);
	background-size: 100%;
	margin-bottom: .45rem;
}
.part-recom-games .item {
	text-align: center;
}
.part-recom-games .item .icon {
	width: 1.23rem;
	height: 1.23rem;
	margin:  0 auto;
}
.part-recom-games .item .title {
	font-size: .26rem;
	margin-top: .2rem;
}
.part {
	padding: .3rem;
}
.part-title {
	display: flex;
	align-items: center;
}
.part-title .title {
	position: relative;
	padding-left: .6rem;
	font-weight: bold;
	font-size: .3rem;
}
.part-title .title::before {
	content: '';
	display: block;
	height: .32rem;
	width: .46rem;
	background-image: url(../images/part-title-bg.png);
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	background-repeat: no-repeat;
}
.part-title .en-name {
	font-size: .24rem;
	color: var(--md-c);
	display: inline-block;
	margin-left: .2rem;
}
.part-title .more {
	display: inline-block;
	font-size: .24rem;
	color: var(--md-c);
	position: relative;
	padding-right: .3rem;
}
.part-title .more::after {
	content: '';
	display: block;
	height: .18rem;
	width: .15rem;
	background-image: url(../images/more-bg.png);
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	background-repeat: no-repeat;
}
.hr {
	height: .12rem;
	width: 100%;
	background: #f8f8f8;
}



.part-game-news {
	margin-top: .2rem;
}
.part-game-news .item {
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}
.part-game-news .item .icon {
	width: 2.2rem;
	height: 1.5rem;
	border-radius: .1rem;
	margin-right: .2rem;
}
.part-game-news .item .title {
	font-size: .28rem;
	margin-bottom: .3rem;
}
.part-game-news .item .desc {
	font-size: .24rem;
	color: var(--md-c);
}

.part-week-best {
	background-color: #4bc9e1;
	box-shadow: 0px 3px 10px 0px 
		rgba(61, 181, 204, 0.5);
		padding: .3rem ;
	display: flex;
	align-items: center;
}
.best-apps {
	background-color: #4d9ae6;
	box-shadow: 0px 3px 10px 0px 
		rgba(98, 167, 235, 0.5);
}
.part-week-best .week-best-title {
	text-align: center;
	color: #fff;
	font-weight: bold;
	position: relative;
	width: .65rem;
	text-align: center;
}
.part-week-best .week-best-title .text {
	height: 1.76rem;
	width: .32rem;
		background-image: url(../images/week-best-title.png);
	background-size: 100%;
	margin: .5rem auto;
}
.part-week-best .week-best-title::after {
	content: '';
	display: inline-block;
	width: .65rem;
	height: .3rem;
	background-image: url(../images/week-best-bg.png);
	background-size: 100%;
}
.part-week-best .week-best-title::before {
	content: '';
	display: inline-block;
	width: .65rem;
	height: .3rem;
	background-image: url(../images/week-best-bg.png);
	background-size: 100%;
}
.part-week-best .week-best-warp {
	flex: 1;
	overflow: hidden;
	margin-left: .3rem;
}
.part-week-best .week-best-warp .item {
	width: 1.42rem;
	text-align: center;
	margin-right: .5rem;
}
.part-week-best .week-best-warp .item .icon {
	width: 1.42rem;
	height: 1.42rem;
	border-radius: .2rem;
	border: 3px solid #ffffff50;
}
.part-week-best .week-best-warp .item .title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	margin: .2rem 0;
}
.part-week-best .week-best-warp .item .title a {
	font-size: .26rem;
	color: #fff;
}
.part-week-best .week-best-warp .item .icon-star {
	margin: 0 auto;
}


.part-apps {
	margin-top: .3rem;
}
.part-apps .apps-nav {
	overflow-x: scroll;
	white-space: nowrap;
}
.part-apps .apps-nav li {
	display: inline-block;
}
.part-apps .apps-nav li a {
	display: block;
	padding: 0 .2rem;
	height: .68rem;
	line-height: .7rem;
	background-color: #f8f8f8;
	border-radius: .1rem;
	font-size: .26rem;
	color: #666;
}
.part-apps .apps-nav li:first-child a {
	background-color: #e8fafd;
	border: solid 1px var(--pm-c);
	color: var(--pm-c);
}
.part-apps .apps-warp {
	margin-top: .3rem;
}
.part-apps .item {
	display: flex;
}
.part-apps .item .uk-flex-cover {
	border-bottom: 1px dashed var(--br-c);
	padding-bottom: .25rem;
	margin-bottom: .3rem;
}
.part-apps .item:last-child .uk-flex-cover {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.part-apps .item .icon {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .2rem;
	margin-right: .2rem;
}
.part-apps .item .title {
	font-size: .28rem;
	line-height: .3rem;
}
.part-apps .item .app-info {
	font-size: .24rem;
	color: var(--md-c);
	margin: .14rem 0;
}
.part-apps .item .desc {
	font-size: .24rem;
	color: var(--md-c);
}
.part-apps .item .view {
	margin-top: .3rem;
	margin-left: .2rem;
}
.part-apps .item .view a {
	display: inline-block;
	font-size: .26rem;
	background: var(--pm-c);
	padding: .16rem .35rem;
	color: #fff;
	border-radius: .1rem;
}


.part-news-rank {}
.part-news-rank .news-rank-title {
	height: .68rem;
	background-image: url(../images/news-rank-title.png);
	background-size: 100%;
}
.part-news-rank ul {
	margin-top: .3rem;
}
.part-news-rank ul li {
	margin-bottom: .3rem;
}
.part-news-rank ul li:last-child {
	margin-bottom: 0;
}
.part-news-rank ul li .title {
	margin-bottom: .3rem;
}
.part-news-rank ul li .title .num {
	display: inline-block;
	width: .34rem;
	height: .34rem;
	line-height: .34rem;
	font-weight: bold;
	font-size: .24rem;
	text-align: center;
	border-radius: 50%;
	background-color: var(--pm-c);
	color: #fff;
}
.part-news-rank ul li .title a {
	font-size: .28rem;
}
.part-news-rank ul li .desc {
	line-height: .7rem;
	border-bottom: 1px solid var(--pm-c);
	background-image: linear-gradient(90deg, #fff 0%, #ebf8fa 100%);
	position: relative;
}
.part-news-rank ul li p {
	margin: 0;
	font-size: .24rem;
	color: var(--md-c);
}
.part-news-rank ul li .desc::before {
	content: '';
	display: inline-block;
	width: .08rem;
	height: .08rem;
	border-radius: 50%;
	background-color: #00a4c4;
	position: absolute;
	bottom: -.04rem;
	left: 0;
}

.part-album {
	margin-top: .45rem;
}
.part-album .item {
	display: flex;
}
.part-album .item .album-left {
	width: 1.86rem;
	height: 3rem;
	border-radius: .1rem;
	text-align: center;
	position: relative;
	margin-right: .3rem;
}
.part-album .item .album-left::before {
	content: '';
	display: inline-block;
	width: 1.44rem;
	height: 100%;
	background-color: #f7f7f7;
	border-radius: .1rem;
	margin: 0 auto;
}
.part-album .item .album-left .thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1.86rem;
	height: 2.15rem;
	background-image: url(../images/album-left-thumb.png);
	background-size: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.part-album .item .album-left .thumb img {
	width: 1.16rem;
	height: 1.16rem;
	transform: translateY(-3px);
}
.part-album .item .album-right {
	flex: 1;
	overflow: hidden;
	border-bottom: 1px dashed var(--br-c);
	padding-bottom: .4rem;
	margin-bottom: .4rem;
}
.part-album .item:last-child .album-right {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.part-album .item .album-right .album-title  {
	margin-bottom: .2rem;
}
.part-album .item .album-right .album-title a {
	font-size: .28rem;
}
.part-album .item .album-right .info {
	font-size: .24rem;
	color: var(--md-c);
}
.part-album .item .bind-game {
	text-align: center;
	margin-top: .5rem;
}
.part-album .item .bind-game .more,
.part-album .item .bind-game .icon {
	display: inline-block;
	width: .87rem;
	height: .87rem;
	line-height: .87rem;
	border-radius: 50%;
	margin-right: .2rem;
	font-size: .24rem;
	background-color: #f8f8f8;
	color: #888;
}
.part-album .item .bind-game .title {
	margin-top: .1rem;
	color: var(--md-c);
}
.part-album .item .bind-game .title a {
	font-size: .24rem;
	color: var(--md-c);
}
.part-album ul li {
	margin-bottom: .4rem;
	display: flex;
	align-items: center;
}
.part-album ul li:last-child {
}
.part-album ul li .cat {
	color: var(--pm-c);
	font-size: .28rem;
}
.part-album ul li .title {
	display: block;
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: .28rem;
}
.part-album ul li .time {
	font-size: .26em;
	color: var(--md-c);
}


.part-links {
	margin-top: .3rem;
}
.part-links li {
	display: inline-block;
}
.part-links li a {
	font-size: .24rem;
	color: #999;
	display: inline-block;
}
.part-links li a::after {
	content: '|';
	display: inline-block;
	margin: 0 .2rem;
}

.part-zixun {
	padding-bottom: .3rem;
}
.zixun-bg {
	background-image: url(../images/zixun-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.part-zixun .zixun-warp {
	margin-top: .4rem;
}
.part-zixun .uk-width-auto {
	width: 4rem;
	padding-bottom: 2px;
}
.part-zixun .item .thumb {
	width: 100%;
	height: 2.4rem;
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: .1rem;
}
.part-zixun .item .title {
	font-size: .28rem;
	margin: .2rem 0;
}
.part-zixun .item .desc {
	font-size: .24rem;
	color: var(--md-c);
	margin-bottom: .2rem;
}
.part-zixun .item .info {
	display: flex;
	gap: .2rem;
	justify-content: space-between;
}
.part-zixun .item .info>*{
	padding: .12rem .16rem;
	border-radius: .1rem;
	font-size: .24rem;
	text-align: center;
}
.part-zixun .item .info .view {
	color: var(--pm-c);
	border: 1px solid var(--pm-c);
	display: flex;
	align-items: center;
	flex: 1;
}
.part-zixun .item .info .view::before {
	content: '';
	display: inline-block;
	width: .3rem;
	height: .3rem;
	background-image: url(../images/zixun-info-view.png);
	background-size: 100%;
	margin-right: .1rem;
}
.part-zixun .item .info .time {
	border: 1px solid var(--br-c);
	color: var(--md-c);
	padding: .12rem .3rem;
}



.page {
	padding: .3rem;
}

.page-main {
	padding: .3rem 0;
}
.page-main p {
	text-indent: 2em;
	font-size: .28rem;
	line-height: .6rem;
}
.page .sitemap {}
.page .sitemap .title {
	display: inline-block;
	background-image: url(../images/sitemap-title-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	padding: .05rem .86rem;
	font-size: .26rem;
	color: #fff;
}
.page .sitemap ul {
	margin: .2rem 0;
}
.page .sitemap ul li {
	display: inline-block;
	width: 24%;
	text-align: center;
	margin: .2rem 0;
}
.page .sitemap ul li a {
	display: block;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page-error {
	padding: 2.8rem 0;
}
.page-error .img {
	text-align: center;
}
.page-error .error-text {
	text-align: center;
	color: var(--md-c);
	font-size: .26rem;
}
.page-error .go-home {
	display: inline-block;
	padding: .12rem .16rem;
	border-radius: .1rem;
	font-size: .24rem;
	color: #fff;;
	background-color: var(--pm-c);
	margin-top: .2rem;
}


.category-news {
	padding: .3rem;
}
.category-nav {}
.category-nav ul {
    display: flex;
    flex-wrap: wrap;
	margin: -.04rem;
}
.category-nav ul li {
	width: 25%;
}
.category-nav ul li a {
	margin: .04rem;
	text-align: center;
	border-radius: .1rem;
	font-size: .26rem;
	display: block;
	background-color: #f8f8f8;
	padding: .16rem .26rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.category-nav ul .active a {
	background-color: var(--pm-c);
	color: #fff;
}
.category-news .category-main {
	margin-top: .4rem;
}
.category-news .news-item {
	margin-bottom: .4rem;
	border-bottom: 1px dashed var(--br-c);
	padding-bottom: .4rem;
}
.category-news .news-item .title {
	margin: .2rem 0;
}
.category-news .news-item .title a {
	color: #333;
	font-size: .28rem;
}
.category-news .news-item .thumb {
	width: 2.44rem;
	height: 1.68rem;
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: .1rem;
	margin-right: .2rem;
}
.category-news .news-item .desc {
	color: var(--md-c);
	line-height: .46rem;
	margin-bottom: .24rem;
	font-size: .26rem;
	margin-top: -.1rem;
}
.category-news .news-item .view a {
    color: var(--pm-c);
    border: 1px solid var(--pm-c);
    display: flex;
    align-items: center;
	padding: .1rem .16rem;
    border-radius: .1rem;
    font-size: .24rem;
    margin-right: .1rem;
}

.category-news .news-item .time {
    color: var(--md-c);
	padding: .1rem .16rem;
    border-radius: .1rem;
    font-size: .24rem;
	border: 1px solid var(--br-c);
}


.pagination {
	text-align: center;
	margin: .6rem 0;
}
.pagination li {
	display: inline-block;
}
.pagination li .page-link {
	font-size: .24rem;
	color: #666;
	display: block;
	padding: .1rem .16rem;
	border-radius: .1rem;
	border: 1px solid var(--br-c);
}





.list-week-best {
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}
.list-week-best .week-best-title {
	width: 1rem;
	background-color: #4bc9e1;
	box-shadow: 0px 3px 10px 0px rgba(61, 181, 204, 0.5);
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}
.list-week-best .week-best-title {
	color: #fff;
	font-weight: bold;
	position: relative;
	width: .8rem;
	padding: .1rem 0;
}
.list-week-best .week-best-title .text {
	height: 1.2rem;
	width: .2rem;
	background-image: url(../images/week-best-title.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin: .1rem auto;
}
.list-week-best .week-best-title::after {
	content: '';
	display: inline-block;
	width: .8rem;
	height: .2rem;
	background-image: url(../images/week-best-bg.png);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.list-week-best .week-best-title::before {
	content: '';
	display: inline-block;
	width: .8rem;
	height: .2rem;
	background-image: url(../images/week-best-bg.png);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.list-week-best .week-best-warp {
	padding: .3rem;
	flex: 1;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: #ffffff;
	box-shadow: 0px 3px 10px 0px  rgba(61, 181, 204, 0.5);
	border-radius: 10px;
	border: solid 1px #eeeeee;
}
.list-week-best .item {
	margin-right: .5rem;
	width: 1.2rem;
}
.list-week-best .item .icon {
	width: 1.2rem;
	height: 1.2rem;
}
.list-week-best .item .title {
	text-align: center;
	margin: .2rem 0;
}
.list-week-best .item .title a {
	font-size: .26rem;
	color: #666;
}
.list-week-best .item .icon-star {
	margin: 0 auto;
}


.category-apps {
	padding: .3rem;
}
.category-main {
	margin-top: .3rem;
}
.category-apps .app-item {
	margin-bottom: .3rem;
	border: 1px dashed var(--br-c);
	border-radius: .1rem;
	display: flex;
	align-items: center;
	padding: .2rem;
}
.category-apps .app-item .item-left {
	background-image: url(../images/apps-item-bg.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.52rem;
	height: 1.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .25rem;
}
.category-apps .app-item .icon {
	width: .9rem;
	height: .9rem;
}
.category-apps .app-item .title {}
.category-apps .app-item .title a {	
	font-size: .28rem;
	font-weight: bold;
}
.category-apps .app-item .info {
	color: #999;
	font-size: .26rem;
	margin: .15rem 0;
}
.category-apps .app-item .desc {
	color: #999;
	font-size: .26rem;
}
.category-apps .app-item .view {
	height: .7rem;
}
.category-apps .app-item .view a {
	color: #fff;
	font-size: .26rem;
	background-color: var(--pm-c);
	border-radius: .1rem;
	display: inline-block;
	padding: .15rem .3rem;
}

.category-collection {
	padding: .3rem;
}
.category-collection .part-album {
	margin-bottom: .6rem;
}


.category-rank {
	padding: .3rem;
}
.category-rank .category-nav li {
	width: 33.33%;
}

.category-rank .rank-main {
	margin-top: .3rem;
}
.category-rank .rank-main .rank-item {
	height: 1.86rem;
	background-image: url(../images/rank-item-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	margin: .5rem 0;
	display: flex;
	padding: 0 .4rem;
	position: relative;
}
.category-rank .rank-main .rank-item:nth-child(1) {
	background-image: url(../images/rank-item-bg-01.png) !important;
}
.category-rank .rank-main .rank-item:nth-child(2) {
	background-image: url(../images/rank-item-bg-02.png) !important;
}
.category-rank .rank-main .rank-item:nth-child(3) {
	background-image: url(../images/rank-item-bg-03.png) !important;
}
.category-rank .rank-main .title {
	margin-top: .2rem;
}
.category-rank .rank-item .title a {
	font-size: .28rem;
	font-weight: bold;
	color: #333;
}
.category-rank .rank-item:nth-child(-n+3) .title a {
  color: #fff;
}

.category-rank .rank-item .info {
	color: #999;
	font-size: .24rem;
	margin-top: .06rem;
	margin-bottom: .1rem;
	opacity: .8;
}
.category-rank .rank-item:nth-child(-n+3) .info {
  color: #fff;
}
.category-rank .rank-item .view {
	display: inline-block;
	padding: .08rem .24rem;
	font-size: .24rem;
	border-radius: 4rem;
}
.category-rank .rank-item:nth-child(n+4) .view {
	background: #fff;
}
.category-rank .rank-item:nth-child(1) .view {
	background: linear-gradient(180deg, #fff, #d1d2ff);
	color: #8a8efb;
}
.category-rank .rank-item:nth-child(2) .view {
	background: linear-gradient(180deg, #fff, #d9f9ff);
	color: #00a4c4;
}
.category-rank .rank-item:nth-child(3) .view {
	background: linear-gradient(180deg, #fff, #ffeedf);
	color: #ff8d23;
}
.category-rank .rank-main .rank {
	position: absolute;
	top: -.2rem;
	right: .13rem;
	display: block;
	width: .58rem;
	height: .88rem;
	background-image: url(../images/rank-num-bg.png);
	background-size: 100%;
	z-index: 99;
	text-align: center;
	line-height: .9rem;
	font-size: .24rem;
}
.category-rank .rank-item:nth-child(1) .rank {
	color: transparent;
	background-image: url(../images/rank-num-bg-01.png) !important;
}
.category-rank .rank-item:nth-child(2) .rank {
	color: transparent;
	background-image: url(../images/rank-num-bg-02.png) !important;
}		
.category-rank .rank-item:nth-child(3) .rank {
	color: transparent;
	background-image: url(../images/rank-num-bg-03.png) !important;
}





.category-rank .rank-item .icon {
	width: 1.2rem;
	height: 1.2rem;
}
.category-rank .rank-item .time {
	font-size: .26rem;
	color: #fff;
	text-align: center;
	margin-top: .1rem;
}

.category-rank .rank-item:nth-child(n+4) .time {
	color: #999;
}


.category-gift {
	padding: .3rem;
}
.category-gift .gift-item {
	display: flex;
	align-items: center;
	padding: .2rem;
	background-color: #fafafa;
	margin-bottom: .3rem;
}
.category-gift .gift-item .item-left {
	background-image: url(../images/gifts-item-bg.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.52rem;
	height: 1.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .25rem;
}
.category-gift .gift-item .icon {
	width: .96rem;
	height: .96rem;
}
.category-gift .gift-item .item-right {}
.category-gift .gift-item .title {
	margin-bottom: .1rem;
}
.category-gift .gift-item .title a {
	font-weight: bold;
	font-size: .28rem;
	color: #333;
}
.category-gift .gift-item .desc {
	color: #999;
	font-size: .26rem;
	margin-bottom: .06rem;
}
.category-gift .gift-item .time {
	background-image: url(../images/icon-time.png);
	background-size: .26rem;
	height: .26rem;
	line-height: .26rem;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: .24rem;
	padding-left: .4rem;
	color: #999;
}
.category-gift .gift-item .view {
	margin-left: .2rem;
}
.category-gift .gift-item .view a {
	border: 1px solid var(--pm-c);
	border-radius: .1rem;
	padding: .16rem .26rem;
	color: var(--pm-c);
	font-size: .26rem;
}


.single-news {}
.single-news .news-header {
	background-image: url(../images/news-header-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: .55rem;
}
.single-news .news-header h1 {
	font-size: .34rem;
	font-weight: bold;
	margin: 0;
	text-align: center;
	margin-bottom: .6rem;
}

.single-news .news-header .info {
	font-size: .24rem;
	color: #999;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.single-content {
	padding: .3rem;
}
.single-content p {
	font-size: .28rem;
	line-height: .6rem;
	text-indent: 2em;
}
.single-content p img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.single-content h3 {
    display: inline-block;
    background-image: url(../images/sitemap-title-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: .05rem .86rem;
    font-size: .26rem;
    color: #fff;
	margin: 0;
}

.side-album {
	padding: .3rem;
}
.side-album .album-warp {
	padding: .3rem;
	background: #f7f7f7;
	border-radius: .1rem;
	margin-top: .3rem;
}
.side-album .album-top {
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}
.side-album .album-top .top-left {
	background-image: url(../images/top-left-bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 1.35rem;
	height: 1.56rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .2rem;
}
.side-album .album-top .top-left .icon {
	width: .8rem;
	height: .8rem;
	transform: translateY(-.06rem);
}
.side-album .album-top .title {}
.side-album .album-top .title a {
	font-size: .28rem;
	font-weight: bold;
}
.side-album .album-top .info {
	font-size: .26rem;
	color: #999;
	margin-top: .2rem;
}
.side-album .game-list {}
.side-album .game-list .icon {
	width: .87rem;
	height: .87rem;
	border-radius: 50%;
	margin: 0 auto;
}
.side-album .game-list .title {
	margin-top: .2rem;
}
.side-album .game-list .title a {
	font-size: .26rem;
	color: #666;
}

.side-apps,
.side-news {
	padding: .3rem;
}
.side-news .banner {
	margin-bottom: .3rem;
}

.side-dt {
	margin-top: .3rem;
}
.side-dt .item {
	display: flex;
	align-items: center;
	margin-bottom: .4rem;
}
.side-dt .item:last-child {
	margin-bottom: 0;
}
.side-dt .item .icon {
	width: 2.2rem;
	height: 1.5rem;
	position: relative;
	overflow: hidden;
	margin-right: .2rem;
}
.side-dt .item .top {
	display: flex;
	align-items: center;
	margin-bottom: .2rem;
}
.side-dt .item .type {
	display: inline-block;
	font-size: .26rem;
	color: #999;
	background-image: url(../images/item-dt-bg.png);
	background-size: 100%;
	height: .36rem;
	width: 1.45rem;
}
.side-dt .item .time {
	color: #999;
	flex: 1;
	text-align: right;
	font-size: .24rem;
}
.side-dt .item .title {
	margin-bottom: .1rem;
}
.side-dt .item .title a {
	font-size: .28rem;
	font-weight: bold;
}
.side-dt .item .desc {
	color: #999;
	font-size: .26rem;
}


.side-syzx {
	margin-top: .3rem;
}
.side-syzx .item {
	display: flex;
	align-items: center;
	margin-bottom: .4rem;
}
.side-syzx .item .icon {
	width: 2.3rem;
	height: 1.6rem;
	border-radius: .1rem;
	margin-right: .2rem;
}

.side-syzx .item .title {
	font-size: .28rem;
	margin-bottom: .3rem;
}
.side-syzx .item .desc {
	font-size: .24rem;
	color: var(--md-c);
}
.side-syzx ul {}
.side-syzx ul li {
	padding-top: .3rem;
	margin-top: .3rem;
	display: flex;
	align-items: center;
	border-top: 1px dashed var(--br-c);
}
.side-syzx ul li::before {
	content: '';
	display: inline-block;
	width: .13rem;
	height: .13rem;
	border-radius: 50%;
	background: var(--pm-c);
	margin-right: .2rem;
}

.side-syzx ul li .title {
	flex: 1;
	display: block;
}
.side-syzx ul li .view {
	color: var(--pm-c);
}

.single-apps {}
.apps-header {
	background-image: url(../images/news-header-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: .3rem;
}
.apps-header .apps-top {
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}
.apps-header .apps-top .icon {
	width: 1.2rem;
	height: 1.2rem;
	position: relative;
	overflow: hidden;
	margin-right: .2rem;
}
.apps-header .apps-top h1 {
	font-size: .36rem;
	font-weight: bold;
	margin: 0;
	flex: 1;
}
.apps-header .apps-top .apps-score {
	width: 1.22rem;
	height: 1.3rem;
	background-image: url(../images/apps-score.png);
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 1.1rem;
	color: #fff;
	font-weight: bold;
}
.apps-header .apps-info {
	background: #fff;
	border-radius: .1rem;
	padding: .3rem;
}
.apps-header .apps-info ul {
	display: flex;
	flex-wrap: wrap;
	margin: -.1rem;
}
.apps-header .apps-info ul li {
	width: 50%;
	font-size: .26rem;
	color: #999;
	position: relative;
	background-image: url(../images/apps-tags.png);
	background-size: .2rem;
	background-repeat: no-repeat;
	background-position: center left;
}
.apps-header .apps-info ul li span {
	margin: .1rem;
	display: block;
	padding-left: .24rem;
}



.app-down {}
.app-down a {
	height: .9rem;
	line-height: .9rem;
	text-align: center;
	background-color: var(--pm-c);
	box-shadow: 0px 2px 5px 0px rgba(199, 199, 199, 0.5);
	border-radius: .1rem;
	color: #fff;
}
.app-down a::before {
	content: '';
	display: inline-block;
	width: .5rem;
	height: .5rem;
	background-image: url(../images/app-down-btn.png);
	background-size: .4rem;
	background-repeat: no-repeat;
	margin-right: .1rem;
	transform: translateY(.22rem);
}
.app-down .none {
	background: #dcdcdc!important;
}


.app-images {}
.app-images ul {
	margin-top: .3rem;
    white-space: nowrap;
    overflow-x: scroll;
}
.app-images ul li {
	display: inline-block;
	height: 4rem;
}
.app-images ul li img {
	width: auto;
	border-radius: .1rem;
	height: 100%;
}
.app-content {
	padding: .3rem 0;
}

#app_info {
	margin-top: .3rem;
}
#app_info li {
	width: 50% !important;
	background-image: url(../images/app-info-tag.png);
	background-size: .3rem;
	background-repeat: no-repeat;
	background-position: center left;
	text-indent: .4rem;
}
#app_info li:last-child {
	width: 100% !important;
}

.single-album {}
.single-album .album-header {
	background-image: url(../images/news-header-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: .3rem;
}
.single-album .album-top {
	text-align: center;
}
.single-album .album-top h1 {
	font-size: .34rem;
	font-weight: bold;
	margin: .4rem 0 .6rem 0;
	position: relative;
	display: inline-block;
	padding: 0 .8rem;
}
.single-album .album-top h1::after ,
.single-album .album-top h1::before {
	content: '';
	display: inline-block;
	width: .24rem;
	height: .2rem;
	background-image: url(../images/album-top-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 .2rem;
	transform: translateY(.22rem);
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.single-album .album-top h1::before {
	left: 0;
}
.single-album .album-top h1::after {
	right: 0;
	transform:  translate(0,-50%) rotate(180deg);
}

.single-album .album-info {
	background: #fff;
	border-radius: .1rem;
	padding: .3rem;
}
.single-album .album-info ul {
	display: flex;
	flex-wrap: wrap;
	margin: -.1rem;
}
.single-album .album-info ul li {
	width: 50%;
	font-size: .26rem;
	color: #999;
	position: relative;
	background-image: url(../images/apps-tags.png);
	background-size: .2rem;
	background-repeat: no-repeat;
	background-position: center left;
}
.single-album .album-info ul li span {
	margin: .1rem;
	display: block;
	padding-left: .24rem;
}
.more-album {
	margin-top: .3rem;
	white-space: nowrap;
    overflow-x: scroll;
}
.more-album * {
	display: inline-block;
	padding: .1rem 0;
	font-size: .24rem;
}
.more-album a {
	padding: .1rem .2rem;
	border-radius: .1rem;
	border: 1px solid #c4cdd2;
	font-size: .24rem;
}

.album-recom {
	background-image: url(../images/album-recom-bg.png);
	background-repeat: no-repeat;
	padding: .3rem;
	background-size: 100%;
	margin-bottom: .2rem;
}
.album-recom .recom-warp {
	display: flex;
	align-items: center;
	margin: .9rem .42rem;
	margin-bottom: .4rem;
}
.album-recom .icon {
	width: 1.2rem;
	height: 1.2rem;
	margin-right: .2rem;
} 
.album-recom .title {}
.album-recom .title a {
	font-weight: bold;
	font-size: .28rem;
}
.album-recom .info {
	display: flex;
	flex-wrap: wrap;
}
.album-recom .info span {
	width: 50%;
	font-size: .24rem;
	color: #746d62;
	display: inline-block;
	margin-top: .06rem;
}
.album-recom .desc {
	font-size: .24rem;
	line-height: .36rem;
	color: #746d62;
	margin: 0 .1rem;
}
.album-down a {
	display: block;
}


.side-hot-album {
	margin-top: .3rem;
}
.side-hot-album .item {
	display: flex;
	align-items: center;
	border-bottom: 1px dashed #e5e5e5;
	padding-bottom: .3rem;
	margin-bottom: .3rem;
	position: relative;
}
.side-hot-album .item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}
.side-hot-album .item .icon {
	width: 1.3rem;
	height: 1.3rem;
	margin-right: .2rem;
}
.side-hot-album .item .title {}
.side-hot-album .item .title a {
	font-weight: bold;
	font-size: .28rem;
}
.side-hot-album .item .info {
	color: #999;
	font-size: .24rem;
	margin-top: .06rem;
}

.side-hot-album .item .desc {
	color: #999;
	font-size: .24rem;
	margin-top: .06rem;
}
.side-hot-album .view {
	position: absolute;
	top: 30%;
	right: 0;
	display: inline-block;
	width: .15rem;
	height: .27rem;
	background-image: url(../images/hot-album-view.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center left;

}

















.footer {
	background: #333;
	padding: .3rem;
	text-align: center;
	color: #999;
	font-size: .26rem;
}
.footer a {
	font-size: .26rem;
	color: #999;
}
.foot-link {
	text-align: center;
	margin-bottom: .2rem;
}
.foot-link a {
	margin: 0 .1rem;
}
.foot-cop {
	text-align: center;
}