@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0
}

fieldset,img {
	border: 0
}

:focus {
	outline: 0
}

address,caption,cite,code,dfn,em,th,var,optgroup {
	font-style: normal;
	font-weight: normal
}

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

abbr,acronym {
	border: 0;
	font-variant: normal
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

code,kbd,samp,tt {
	font-size: 100%
}

input,button,textarea,select {
	*font-size: 100%
}

body {
	line-height: 1.5
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th {
	text-align: left
}

sup,sub {
	font-size: 100%;
	vertical-align: baseline
}

:link,:visited,ins {
	text-decoration: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

b,em,i {
	font-style: normal;
	font-weight: normal;
}

button,input,select,textarea,th {
	background: #fff;
	font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;
}

img {
	display: block;
	border: 0;
}

* {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

input[type="submit"],input[type="reset"],input[type="password"],input[type="button"],input[type="text"],button {
	-webkit-appearance: none;
}

html {
	font-size: 100px;
}

body {
	font-size: .24rem;
	background: #ccc;
}

.hide {
	display: none;
}

.icon {
	background-image: url(../images/icon.png);
	background-size: 7.5rem 6rem;
	display: inline-block;
}

.icon2 {
	background-image: url(../images/type_img.png);
	background-size: 1.6rem 8.16rem;
	display: inline-block;
}

.wrap {
	width: 100%;
	height: auto;
	max-width: 7.5rem;
	min-width: 3.2rem;
	margin: 0 auto;
	background: #fff;
	min-height: 13.33rem;
}

.h20 {
	height: .2rem;
	background: #edf1f5;
}

.flex {
	display: flex;
}

.icon3 {
	background: url(../images/icon3.png);
	background-size: .97rem .63rem;
}

.title {
	height: .3rem;
	margin: .26rem .3rem 0;
	position: relative;
}

.title>span {
	padding: 0 .22rem;
	font-size: .3rem;
	color: #666;
	line-height: .3rem;
	height: .32rem;
	display: inline-block;
}

.title>span:nth-child(1) {
	border-left: .12rem solid #ff6f06;
}

.title>.current {
	color: #ff6f06;
	font-weight: 600;
}

.title>i {
	color: #9a9a9a;
	font-size: .28rem;
	position: absolute;
	left: 1.7rem;
	top: -.05rem;
}

.title .info {
	position: absolute;
	right: 0;
	top: -.04rem;
}

.title .info span {
	font-size: .22rem;
	color: #7a7a7a;
	margin-right: .1rem;
}

.title .info i {
	width: .1rem;
	height: .18rem;
	background-position: -1.48rem -.31rem;
	position: absolute;
	top: .11rem;
}

h3 {
	font-weight: 600;
	color: #ff6f06 !important;
	font-size: .26rem;
	color: #666;
	line-height: .3rem;
	display: inline-block;
	margin-left: .3rem;
	margin-bottom: .1rem;
}

header {
	height: 1.6rem;
}

.slider {
	height: 3.2rem;
	padding-bottom: .2rem;
}

.slider a {
	display: block;
	width: 100%;
	height: 100%;
}

.slider img {
	display: block;
	width: 100%;
	height: 100%;
}

.slider .swiper-pagination-bullet {
	width: .2rem;
	height: .04rem;
}

.slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffaf13;
}

.slider .swiper-pagination-bullet {
	background: #fff;
	border-radius: 0;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	position: relative;
	text-align: center;
	font-size: .18rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper_abs {
	position: absolute;
	z-index: 20;
	right: 0;
	top: .715rem;
	width: 2.5rem;
	text-align: center;
}

.swiper_abs a {
	display: block;
}

.swiper_abs a img {
	display: block;
	width: .8rem;
	height: .8rem;
	border-radius: .18rem;
	margin: auto;
}

.swiper_abs a .name {
	font-size: .22rem;
	color: #fff;
	line-height: .28rem;
	margin-top: .05rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: .02rem;
}

.swiper_abs a p {
	font-size: .18rem;
	color: rgba(255,255,255,0.7);
	line-height: .32rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: .01rem;
}

.swiper_abs .btn {
	display: block;
	width: .64rem;
	height: .3rem;
	border-radius: .04rem;
	color: #fff;
	border: .02rem solid #fff;
	margin: auto;
	line-height: .3rem;
}

.hotgame {
	padding-bottom: .2rem;
}

.hotgame ul {
	overflow: hidden;
}

.hotgame ul li {
	text-align: center;
	width: 1.3rem;
	margin: .3rem .28rem 0;
	float: left;
}

.hotgame ul li img {
	height: 1.24rem;
	width: 1.24rem;
	border-radius: .26rem;
	margin: 0 auto;
}

.hotgame ul li .name {
	font-size: .25rem;
	color: #333;
	width: 1.3rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: .1rem;
}

.hotgame ul li span {
	width: 1.22rem;
	height: .52rem;
	line-height: .5rem;
	border: .02rem solid #ff6f06;
	color: #ff6f06;
	display: inline-block;
	border-radius: .12rem;
	margin-top: .07rem;
}

.hotgame ul li span i {
	width: .19rem;
	height: .25rem;
	background-position: -1.87rem 0;
	vertical-align: middle;
	margin-right: .05rem;
}

.hotgame ul li .look {
	background: #ff6f06;
	color: #fff;
}

.rank_t {
	display: flex;
	justify-content: space-between;
	margin: 0 .3rem;
	border-top: .02rem solid #e6e6eb;
	margin-top: .3rem;
}

.rank_t li {
	height: .52rem;
	line-height: .52rem;
	font-size: .25rem;
	color: #666;
	margin-top: .2rem;
	padding: 0 .2rem;
}

.rank_t .current {
	color: #ff6f06;
	font-weight: 600;
	border: 1px solid #ff6f06;
	border-radius: .25rem;
}

.rank_b {
	margin: 0 .3rem;
}

.rank_b li {
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
	padding: .22rem 0;
}

.rank_b li:nth-last-child(1) {
	border: none;
}

.rank_b li .info {
	float: left;
	margin-left: .2rem;
}

.rank_b li .name {
	font-size: .3rem;
	color: #333;
	margin-left: .1rem;
	overflow: hidden;
	white-space: nowrap;
	width: 3.3rem;
	display: inline-flex;
	line-height: .34rem;
}

.rank_b li img {
	width: 1.28rem;
	height: 1.28rem;
	border-radius: .26rem;
	float: left;
}

.rank_b li em {
	width: .36rem;
	height: .34rem;
	background: #999;
	color: #fff;
	border-radius: .05rem;
	display: inline-block;
	text-align: center;
}

.rank_b li:nth-child(1) em {
	background: #f73314;
}

.rank_b li:nth-child(2) em {
	background: #ff7e1f;
}

.rank_b li:nth-child(3) em {
	background: #ffbb33;
}

.rank_b li i {
	color: #e6e6e6;
	font-size: .22rem;
	padding: 0 .1rem;
}

.rank_b li .info p:nth-child(1) {
	margin-top: .1rem;
}

.rank_b li .info p:nth-child(2) {
	margin-top: .05rem;
}

.rank_b li .info p:nth-child(2) span {
	color: #999;
	font-size: .22rem;
}

.rank_b li .info p:nth-last-child(1) {
	width: 3.85rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #787878;
	margin-top: .05rem;
}

.rank_b li .loads {
	float: right;
	color: #ff6f06;
	border: .02rem solid #ff6f06;
	border-radius: .05rem;
	text-align: center;
	width: 1.22rem;
	height: .52rem;
	line-height: .52rem;
	margin: .35rem 0;
}

.special {
	padding-bottom: .2rem;
}

.special ul {
	margin: .1rem .3rem 0;
	overflow: hidden;
}

.special ul li {
	width: 3.35rem;
	height: 1.5rem;
	margin: .2rem 0 0;
	border-radius: .15rem;
	position: relative;
	float: left;
}

.special ul li img {
	width: 3.35rem;
	height: 1.5rem;
	border-radius: .15rem;
}

.special ul li a {
	width: 100%;
	height: 1.5rem;
	position: absolute;
	top: 0;
	background: rgba(0,0,0,.3);
}

.special ul li em {
	display: inline-block;
	margin-top: .34rem;
	margin-left: .3rem;
	color: #fff;
	font-size: .24rem;
	width: 2.8rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 600;
}

.special ul li p {
	border: 1px solid #fff;
	color: #fff;
	font-size: .18rem;
	width: 1.2rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	margin: .1rem 0 0 .3rem;
	border-radius: .08rem;
	transform: scale(.88);
}

.special ul li:nth-child(2) {
	margin-left: .2rem;
}

.special ul li:nth-child(4) {
	margin-left: .2rem;
}

.mustapp {
	padding-bottom: .2rem;
}

.mustapp ul {
	overflow: hidden;
}

.mustapp ul li {
	text-align: center;
	width: 1.3rem;
	margin: .3rem .28rem 0;
	float: left;
}

.mustapp ul li img {
	height: 1.24rem;
	width: 1.24rem;
	border-radius: .26rem;
	margin: 0 auto;
}

.mustapp ul li .name {
	font-size: .25rem;
	color: #333;
	width: 1.3rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: .1rem;
}

.mustapp ul li span {
	width: 1.22rem;
	height: .52rem;
	line-height: .52rem;
	border: .02rem solid #ff6f06;
	color: #ff6f06;
	display: inline-block;
	border-radius: .12rem;
	margin-top: .07rem;
}

.mustapp ul li .look {
	background: #ff6f06;
	color: #fff;
}

.method {
	padding-bottom: .15rem;
}

.method ul {
	margin: .15rem .3rem 0;
	overflow: hidden;
}

.method ul li {
	margin: .2rem 0;
}

.method ul li a {
	display: flex;
	justify-content: space-between;
}

.method ul li span:nth-child(1) {
	font-size: .22rem;
	color: #666;
	line-height: .36rem;
	white-space: nowrap;
}

.method ul li i:nth-child(2) {
	color: #e6e6eb;
	font-size: .18rem;
	line-height: .36rem;
	padding: 0 .18rem 0 .12rem;
}

.method ul li span:nth-child(3) {
	font-size: .24rem;
	color: #000;
	width: 4.6rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.method ul li span:nth-child(4) {
	color: #999;
	font-size: .18rem;
	line-height: .36rem;
	margin-left: .4rem;
	white-space: nowrap;
}

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

.sort ul {
	display: flex;
	justify-content: space-between;
	margin: 0 .3rem;
	flex-wrap: wrap;
	margin-top: .33rem;
}

.sort ul li {
	width: 3.33rem;
	height: 1.36rem;
	border: 1px solid #e6e6e6;
	border-radius: .1rem;
	margin-bottom: .2rem;
	position: relative;
}

.sort ul li span {
	font-size: .28rem;
	color: #000;
	margin: .25rem 0 0 .25rem;
	display: block;
}

.sort ul li p {
	font-size: .18rem;
	color: #999;
	margin: .15rem 0 0 .25rem;
	width: 1.75rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sort ul li i {
	width: 1.6rem;
	height: 1.36rem;
	position: absolute;
	right: 0;
	top: 0;
}

.sort ul li:nth-child(1) i {
	background-position: 0 0;
}

.sort ul li:nth-child(2) i {
	background-position: 0 -1.36rem;
}

.sort ul li:nth-child(3) i {
	background-position: 0 -2.72rem;
}

.sort ul li:nth-child(4) i {
	background-position: 0 -4.08rem;
}

.sort ul li:nth-child(5) i {
	background-position: 0 -5.44rem;
}

.sort ul li:nth-child(6) i {
	background-position: 0 -6.8rem;
}

.sort>a>p {
	margin: 0 .3rem;
	text-align: center;
	width: 6.9rem;
	height: .74rem;
	background: #ff6f06;
	color: #fff;
	line-height: .74rem;
	border-radius: .1rem;
	margin-top: .1rem;
}

.sort>a>p>i {
	width: .09rem;
	height: .16rem;
	background-position: -1.7rem -.32rem;
	margin-left: .1rem;
}

.hotpag ul {
	margin: .35rem .3rem 0;
	display: flex;
	flex-wrap: wrap;
}

.hotpag ul li {
	margin-bottom: .3rem;
	width: 20%;
}

.hotpag ul li a {
	width: 1rem;
	color: #fff;
	background: #ff6f06;
	border: 1px solid #ff6f06;
	border-radius: .25rem;
	height: .48rem;
	display: block;
	line-height: .48rem;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}

.friend {
	padding-bottom: .15rem;
}

.friend ul {
	display: flex;
	flex-wrap: wrap;
	padding-top: .2rem;
}

.friend ul li {
	margin-left: .3rem;
	margin-bottom: .1rem;
	font-size: .3rem;
}

.friend ul li a {
	display: inline-block;
	color: #000;
	font-size: .2rem;
}

footer {
	background: #ebebeb;
	height: 2.06rem;
	width: 100%;
	padding-top: .01rem;
}

footer p {
	text-align: center;
	font-size: .22rem;
	color: #999;
	margin-top: 40px;
}

footer p:nth-child(2) {
	margin-top: .2rem;
}

.site {
	background: #edf1f5;
	height: .66rem;
	line-height: .66rem;
	color: #666;
	max-width: 7.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.site a {
	color: #666;
	font-size: .22rem;
	line-height: .66rem;
}

.site i {
	width: .21rem;
	height: .26rem;
	background-position: -2.12rem 0;
	vertical-align: sub;
	margin-left: .3rem;
}

.newmain {
	margin: 0 .3rem;
	padding-bottom: .15rem;
}

.newmain p {
	font-size: .25rem;
	color: #333;
	line-height: .5rem;
	word-break: break-all;
}

.newmain img {
	max-width: 6.9rem;
	height: auto;
	margin: .2rem auto;
}

.titlebox {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: .2rem;
}

.titlebox h1 {
	text-align: center;
	font-size: .3rem;
	color: #1a1a1a;
	font-weight: 600;
	margin-top: .4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.titlebox p {
	font-size: .2rem;
	line-height: .2rem;
	text-align: center;
	margin: .2rem .2rem .35rem;
}

.titlebox span {
	font-size: .2rem;
	line-height: .2rem;
	color: #999;
}

.titlebox span:nth-child(2) {
	margin-left: .3rem;
}

.renew {
	padding-bottom: .2rem;
}

.renew ul {
	display: flex;
	flex-wrap: wrap;
}

.renew ul li {
	margin-top: .3rem;
	width: 1.46rem;
	margin-left: .33rem;
}

.renew ul li img {
	width: 1.24rem;
	height: 1.24rem;
	border-radius: .25rem;
	margin: 0 auto;
}

.renew ul li p {
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.renew ul li p:nth-child(2) {
	font-size: .26rem;
	color: #333;
	margin-top: .1rem;
}

.renew ul li p:nth-child(3) {
	font-size: .18rem;
	color: #999;
}

.renew ul li p:nth-child(4) {
	font-size: .23rem;
	color: #faa622;
}

.youlike {
	padding-bottom: .2rem;
}

.youlike>ul {
	margin: 0 .3rem;
	display: flex;
	border-bottom: .02rem solid #ebebeb;
}

.youlike>ul li {
	width: 25%;
	text-align: center;
	padding: .25rem 0;
}

.youlike>ul li em {
	width: 1.7rem;
	display: inline-block;
	border-right: .02rem solid #e7e7e7;
	line-height: .24rem;
	font-size: .24rem;
	color: #666;
}

.youlike>ul li:nth-last-child(1) em {
	border: none;
}

.youlike>ul .current {
	border-bottom: .04rem solid #ff6f06;
}

.youlike>ul .current em {
	color: #ff6f06;
}

.youlike .info {
	margin: .25rem .3rem 0;
}

.youlike .info span {
	display: block;
	font-weight: 600;
	font-size: .24rem;
	color: #000;
	margin-left: .12rem;
	margin-bottom: .1rem;
}

.youlike .info>p {
	font-size: .22rem;
	color: #666;
	line-height: .4rem;
}

.youlike .info ul {
	display: flex;
	flex-wrap: wrap;
}

.youlike .info ul li {
	margin: .2rem 0;
	width: 25%;
}

.youlike .info ul li img {
	width: 1.34rem;
	height: 1.34rem;
	border-radius: .25rem;
	margin: 0 auto;
}

.youlike .info ul li p {
	font-size: .24rem;
	color: #000;
	text-align: center;
	width: 1.5rem;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 auto;
	overflow: hidden;
}

.youlike .info>a>p {
	text-align: center;
	width: 6.9rem;
	height: .74rem;
	background: #ff6f06;
	color: #fff;
	line-height: .74rem;
	border-radius: .1rem;
	margin-top: .1rem;
}

.youlike .info>a>p i {
	width: .09rem;
	height: .16rem;
	background-position: -1.7rem -.32rem;
	margin-left: .1rem;
}

.loadgame {
	overflow: hidden;
	padding-bottom: .2rem;
	position: relative;
}

.loadgame img {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: .3rem;
	float: left;
	margin: .25rem 0 .25rem .3rem;
}

.loadgame .info {
	float: left;
	margin-left: .2rem;
	margin-top: .25rem;
}

.loadgame .info h1 {
	font-size: .28rem;
	color: #000;
	font-weight: 600;
	margin-top: .12rem;
	line-height: .28rem;
}

.loadgame .info p {
	margin: .08rem 0;
}

.loadgame .info p span {
	color: #666;
	font-size: .22rem;
	display: inline-block;
	width: 130px;
	white-space: nowrap;
}

.loadgame>a>p {
	float: left;
	margin: 0 .3rem;
	text-align: center;
	width: 6.9rem;
	height: .74rem;
	background: #ff6f06;
	color: #fff;
	line-height: .74rem;
	border-radius: .1rem;
	font-size: .36rem;
}

.loadgame .noload {
	float: left;
	margin: 0 .3rem;
	text-align: center;
	width: 6.9rem;
	height: .74rem;
	background: #ff6f06;
	color: #fff;
	line-height: .74rem;
	border-radius: .1rem;
	font-size: .36rem;
}

.loadgame>a>p i {
	width: .34rem;
	height: .42rem;
	background-position: -1.34rem -1.21rem;
	margin-left: .1rem;
	vertical-align: sub;
	margin-right: .15rem;
}

.loadgame .noload i {
	width: .34rem;
	height: .42rem;
	background-position: -1.77rem -1.21rem;
	margin-left: .1rem;
	vertical-align: sub;
	margin-right: .15rem;
}

.loadgame>i {
	width: .26rem;
	height: .26rem;
	background-position: -2.39rem 0;
	position: absolute;
	right: .3rem;
	top: .39rem;
}

.loadgame .noload {
	background: #efefef;
	color: #666;
}

.loadgame .xzBtn {
	float: left;
	width: 100%;
}

.loadgame .xzBtn a.down p {
	float: left;
	margin: 0 .3rem;
	text-align: center;
	width: 3.3rem;
	height: .76rem;
	background: #ff6f06;
	color: #fff;
	line-height: .74rem;
	border-radius: .1rem;
	font-size: .32rem;
}

.img_item {
	overflow-x: auto;
	padding: 0 0 .1rem;
	margin-bottom: .2rem;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	margin-top: .3rem;
}

.img_item ul {
	font-size: 0;
	padding-left: .3rem;
}

.img_item ul li {
	margin-right: .1rem;
	display: inline-block;
}

.img_item ul li img {
	width: auto;
	max-height: 4.4rem;
}

div.photo-box {
	width: 100%;
	background: rgba(0,0,0,.8);
	height: 100% !important;
	position: fixed;
	overflow: hidden;
	display: none;
	z-index: 999;
	left: 0;
	top: 0;
}

.cf {
	*zoom: 1;
}

.pinch-zoom-container {
	height: 100% !important;
}

.img-slider {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
}

.img-slider li {
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	z-index: 999;
}

div.photo-box li {
	list-style: none;
}

.img-slider li img {
	vertical-align: middle;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.cf:before,.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.game_know .title {
	margin-bottom: .3rem;
}

.game_know>p {
	margin: 0 .3rem;
	color: #333;
	font-size: .23rem;
	line-height: .4rem;
	margin-bottom: .1rem;
}

.game_know a {
	color: #ff6f06;
}

.game_know img {
	max-width: 6.9rem;
	height: auto;
	display: block;
	margin: .15rem auto;
}

.game_know .info {
	margin: .2rem .3rem;
}

.game_know .info p {
	color: #666;
	font-size: .24rem;
	line-height: .44rem;
}

.game_know .info p span {
	font-size: .22rem;
	color: #575757;
	display: inline-block;
	background: #f2f2f2;
	line-height: .44rem;
	height: .44rem;
	padding: 0 .22rem;
	border-radius: .5rem;
	margin-left: .24rem;
	margin-bottom: .2rem;
}

.box em {
	color: #ff6f06;
	display: block;
	text-align: right;
	margin: .3rem .3rem .2rem 0;
	height: .24rem;
	line-height: .24rem;
}

.box em i {
	width: .25rem;
	height: .13rem;
	background-position: -1.87rem -.31rem;
	margin-left: .1rem;
}

.box em .up {
	width: .25rem;
	height: .13rem;
	background-position: -2.12rem -.31rem;
	margin-left: .1rem;
}

.alike {
	width: 100%;
	height: 4rem;
	background: url(../images/bg.png) no-repeat;
	background-size: 100% 4rem;
}

.alike .title {
	margin-top: 0;
	padding-top: .3rem;
}

.alike .title>span {
	font-size: .26rem;
	color: #d4f0ec;
	padding: 0 0 .05rem 0;
}

.alike .title>span:nth-child(1) {
	margin-right: .25rem;
	border-left: none;
}

.alike .title .current {
	color: #fff;
	font-weight: 100;
	border-bottom: .04rem solid #fff;
}

.alike .title .info {
	padding-top: .3rem;
}

.alike .title .info i {
	width: .07rem;
	height: .18rem;
	background-position: -2.39rem -.31rem;
	position: absolute;
	top: .4rem;
}

.alike .title .info span {
	color: #fff;
	font-size: .22rem;
}

.alike ul {
	margin-top: .35rem;
	white-space: nowrap;
	overflow-y: hidden;
	padding-bottom: .2rem;
}

.alike ul li {
	width: 1.61rem;
	height: 2.68rem;
	background: #fff;
	margin-left: .48rem;
	border-radius: .1rem;
	text-align: center;
	overflow: hidden;
	display: inline-block;
}

.alike ul li img {
	width: 1.14rem;
	height: 1.14rem;
	border-radius: .3rem;
	margin: .23rem auto .12rem;
}

.alike ul li p {
	width: 1.2rem;
	font-size: .23rem;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 auto;
}

.alike ul li span {
	border: .02rem solid #ff6f06;
	border-radius: .08rem;
	font-size: .24rem;
	color: #ff6f06;
	width: 1rem;
	height: .48rem;
	line-height: .48rem;
	display: inline-block;
	text-align: center;
	margin-top: .15rem;
}

#modal {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99999;
	display: none;
}

#modal .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: .5;
}

.article {
	width: 100%;
	padding-top: 0.06rem;
	background-color: #fff;
}

.article ul li {
	height: 1.68rem;
	position: relative;
	margin: 0 0.26rem;
	border-bottom: 1px solid #dfe2e6;
}

.article ul li:nth-last-child(1) {
	border-bottom: none;
}

.article ul li a {
	display: block;
	height: 1.64rem;
	display: flex;
	align-items: center;
}

.article ul li img {
	display: block;
	width: 2.14rem;
	height: 1.28rem;
	padding-right: 0.2rem;
}

.article ul li .cont {
	width: 4.64rem;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.article ul li .name {
	color: #00121a;
	width: 4.36rem;
	height: 0.8rem;
	overflow: hidden;
	font-size: 0.26rem;
	line-height: 0.4rem;
	margin-top: 0.28rem;
}

.article ul li .from {
	display: flex;
	margin-top: 0.16rem;
	justify-content: space-between;
}

.article ul li .from>span {
	max-width: 2.1rem;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	color: #999999;
	font-size: 0.2rem;
	line-height: 0.26rem;
}

.pageWrap {
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.pageWrap a,.pageWrap span {
	width: 1.2rem;
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	font-size: .22rem;
	color: #333;
	border-radius: .06rem;
	background: #f6f6f6;
}

.pageWrap .current {
	width: 1.46rem;
	color: #fff;
	font-size: .28rem;
	background: #ff6f06;
}

.pageWrap .disabled {
	background: #ececec;
	color: #b1b1b1;
}

.pageWrap {
	padding: 0 .3rem .3rem .3rem;
}

.gamenav {
	display: flex;
	flex-wrap: wrap;
	padding: 0.26rem 0.1rem 0.12rem 0.24rem;
}

.gamenav a {
	width: 1.58rem;
	height: .68rem;
	border: 1px solid #e4e4e4;
	display: block;
	line-height: .68rem;
	text-align: center;
	font-size: .26rem;
	margin: 0 .16rem .2rem 0;
	border-radius: .1rem;
	color: #666;
}

.gamenav .current {
	background: #ff6f06;
	color: #fff;
	border: 1px solid #ff6f06;
}

.options {
	height: .7rem;
	font-size: .26rem;
	margin: .25rem 0 .1rem .3rem;
}

.options a {
	width: 3.45rem;
	color: #ff6f06;
	height: .68rem;
	display: block;
	float: left;
	line-height: .7rem;
	text-align: center;
	border: 1px solid #ff6f06;
}

.options a:nth-child(1) {
	border-radius: .08rem 0 0 .08rem;
}

.options a:nth-child(2) {
	border-radius: 0 .08rem .08rem 0;
}

.options .current {
	color: #fff;
	background: #ff6f06;
}

.gamelist ul {
	margin: 0 .3rem;
	padding-bottom: .3rem;
}

.gamelist ul li {
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
	padding: .22rem 0;
}

.gamelist ul li img {
	width: 1.28rem;
	height: 1.28rem;
	border-radius: .26rem;
	float: left;
}

.gamelist ul li .info {
	float: left;
	margin-left: .2rem;
}

.gamelist ul li p:nth-child(1) {
	margin-top: .1rem;
}

.gamelist ul li p:nth-child(2) {
	margin-top: .05rem;
}

.gamelist ul li p:nth-child(3) {
	width: 3.85rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #787878;
	margin-top: .05rem;
}

.gamelist ul li .name {
	font-size: .3rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	width: 3.3rem;
	display: inline-flex;
	line-height: .34rem;
}

.gamelist ul li p:nth-child(2) span {
	color: #999;
	font-size: .22rem;
}

.gamelist ul li i {
	color: #e6e6e6;
	font-size: .22rem;
	padding: 0 .1rem;
}

.gamelist ul li .loads {
	float: right;
	color: #ff6f06;
	border-radius: .1rem;
	text-align: center;
	width: 1.22rem;
	height: .52rem;
	line-height: .52rem;
	margin: .35rem 0;
	border: .02rem solid #ff6f06;
}

.topiclist ul {
	margin: 0 .3rem;
	padding-bottom: .3rem;
}

.topiclist ul li {
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	padding: .22rem 0;
}

.topiclist ul li img {
	width: 3rem;
	height: 1.9rem;
	float: left;
	border-radius: .1rem;
}

.topiclist ul li .info {
	float: left;
	margin-left: .2rem;
	max-width: 3.7rem;
}

.topiclist ul li .info p:nth-child(1) {
	font-size: .28rem;
	color: #333;
	line-height: .28rem;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	margin-top: .08rem;
}

.topiclist ul li .info p:nth-child(2) {
	font-size: .22rem;
	line-height: .36rem;
	color: #666;
	height: 1.08rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: .1rem;
}

.topiclist ul li .info p:nth-child(3) i {
	width: .26rem;
	height: .34rem;
	background-position: -1.02rem -1.16rem;
	vertical-align: text-top;
}

.topiclist ul li .info p:nth-child(3) span {
	font-size: .2rem;
	color: #999;
	margin-left: .12rem;
	line-height: .2rem;
}

.topicdetails {
	margin: 0 .3rem .3rem;
}

.topichead {
	height: 5.3rem;
	overflow: hidden;
}

.topicbot {
	height: .63rem;
	width: 6.9rem;
	line-height: .63rem;
	text-align: center;
	color: #fff;
	background: #ff6f06;
	font-size: .24rem;
	border-radius: .1rem;
	margin-top: .2rem;
}

.topichead img {
	width: 6.9rem;
	height: 3.6rem;
	margin: .2rem 0;
	border-radius: .05rem;
}

.topichead p span {
	font-size: .3rem;
	color: #333;
	font-weight: 600;
}

.topichead p em {
	font-size: .2rem;
	color: #ccc;
	float: right;
}

.topichead p:nth-last-child(1) {
	font-size: .22rem;
	line-height: .4rem;
	color: #666;
	margin-top: .1rem;
}

.detaillist ul {
	margin: 0 .3rem;
	padding-bottom: .3rem;
}

.detaillist ul li {
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
	padding: .22rem 0;
}

.detaillist ul li img {
	width: 1.28rem;
	height: 1.28rem;
	border-radius: .26rem;
	float: left;
}

.detaillist ul li .info {
	float: left;
	margin-left: .2rem;
}

.detaillist ul li p:nth-child(1) {
	margin-top: .1rem;
}

.detaillist ul li p:nth-child(2) {
	margin-top: .05rem;
}

.detaillist ul li p:nth-child(3) {
	width: 3.85rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #787878;
	margin-top: .05rem;
}

.detaillist ul li .name {
	font-size: .3rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	width: 3.3rem;
	display: inline-flex;
	line-height: .34rem;
}

.detaillist ul li p:nth-child(2) span {
	color: #999;
	font-size: .22rem;
}

.detaillist ul li i {
	color: #e6e6e6;
	font-size: .22rem;
	padding: 0 .1rem;
}

.detaillist ul li .loads {
	float: right;
	color: #ff6f06;
	border-radius: .1rem;
	text-align: center;
	width: 1.22rem;
	height: .52rem;
	line-height: .52rem;
	margin: .35rem 0;
	border: .02rem solid #ff6f06;
}

.rankbox {
	overflow: hidden;
	height: auto;
	position: relative;
}

.rankbox>ul {
	white-space: nowrap;
	overflow: hidden;
	height: .88rem;
}

.rankbox>ul li {
	display: inline-block;
	width: 23.33%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	height: .88rem;
}

.rankbox>ul li a {
	display: inline-block;
	height: .84rem;
	line-height: .84rem;
	font-size: .3rem;
	color: #999;
}

.rankbox>ul li .current {
	color: #ff6f06;
	font-weight: 600;
	border-bottom: .04rem solid #ff6f06;
}

.listbox {
	position: relative;
}

.listbox>img {
	width: 7.5rem;
	height: 3.2rem;
}

.box-mask:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: #000;
	opacity: 0.3;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.listbox p {
	font-size: .38rem;
	z-index: 2;
	position: absolute;
	top: .9rem;
	left: .3rem;
	color: #fff;
	font-weight: 600;
}

.ranklist {
	position: relative;
	z-index: 3;
	background: #f2f2f2;
}

.ranklist ul {
	position: relative;
	top: -1rem;
}

.ranklist ul li {
	background: #fff;
	width: 6.9rem;
	height: 1.8rem;
	margin: 0 .3rem .2rem;
	border-radius: .15rem;
	position: relative;
}

.ranklist ul li img {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .18rem;
	float: left;
	margin: .3rem .24rem;
}

.ranklist ul li .info {
	float: left;
	width: 5.2rem;
}

.ranklist ul li .info .name {
	font-size: .36rem;
	color: #333;
	font-weight: 600;
	line-height: .38rem;
	margin-top: .34rem;
	max-width: 4rem;
	white-space: nowrap;
	overflow: hidden;
}

.ranklist ul li .info p:nth-child(2) {
	font-size: .22rem;
	line-height: .26rem;
	color: #999;
	margin-top: .14rem;
	max-width: 4.2rem;
	white-space: nowrap;
	overflow: hidden;
}

.ranklist ul li .info p:nth-child(2) span:nth-child(2) {
	margin-left: .3rem;
}

.ranklist ul li .info p:nth-last-child(1) {
	font-size: 0.22rem;
	color: #999;
	line-height: 0.26rem;
	margin-top: .1rem;
	max-width: 4.2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ranklist ul li i {
	width: 1.11rem;
	height: .48rem;
	background-position: -3.87rem -1.84rem;
	position: absolute;
	right: -.07rem;
	top: .15rem;
	font-size: .22rem;
	color: #fff;
	text-align: center;
	line-height: .38rem;
}

.ranklist ul li i span {
	font-size: .3rem;
	color: #fff;
	font-weight: 600;
	margin-left: .03rem;
}

.ranklist ul li:nth-child(1) i {
	background-position: 0 -1.84rem;
}

.ranklist ul li:nth-child(2) i {
	background-position: -1.29rem -1.84rem;
}

.ranklist ul li:nth-child(3) i {
	background-position: -2.58rem -1.84rem;
}

.rankbox>span {
	font-size: .3rem;
	line-height: .88rem;
	color: #999;
	position: absolute;
	right: .28rem;
	top: 0;
}

.rankbox>span i {
	width: .16rem;
	height: .13rem;
	background-position: 0 -2.42rem;
	margin-left: .1rem;
}

.rankbox>span .down {
	background-position: -.16rem -2.42rem;
}

.topichead {
	height: auto;
}

.topicbot {
	height: 0;
	display: none;
}

.ico {
	background: url(../images/maskicon.png);
	background-size: 5.6rem 3rem;
}

.loadgame .orderBtn {
	float: left;
	margin: 0 .3rem;
	text-align: center;
	width: 6.9rem;
	height: .74rem;
	background: #faa701;
	color: #fff;
	line-height: .74rem;
	border-radius: .1rem;
	font-size: .32rem;
}

.gaInfo ul {
	margin: .2rem .3rem;
	display: flex;
	flex-wrap: wrap;
}

.gaInfo ul li {
	width: 50%;
	font-size: .28rem;
	color: #666;
	line-height: .52rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.gaInfo ul li span {
	color: #ff6f06;
}

.gaInfo {
	position: relative;
}

.manav {
	height: .78rem;
	margin: 0 .3rem .1rem;
	border-bottom: .01rem solid #f0f0f0;
}

.manav a {
	position: relative;
}

.manav a p {
	font-size: .24rem;
	color: #999;
	margin-right: .6rem;
	line-height: .78rem;
	z-index: 2;
	display: inline-block;
	position: relative;
}

.manav a.current p {
	font-weight: 600;
	color: #ff6f06;
}

.manav a.current span {
	position: absolute;
	display: block;
	width: .95rem;
	height: .32rem;
	border-radius: .16rem;
	background: #ffe5d2;
	top: 0;
	left: 0;
}

table {
	margin-top: 20px;
}



.loadgame .xzBtn .down {
	flex: 1;
}

/* 下载按钮通用样式 */
.loadgame .xzBtn a {
    display: block;
    width: 92%;
    margin: 0 auto;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    text-decoration: none;
    box-sizing: border-box;
}

.loadgame .xzBtn a .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 各平台颜色 */
.loadgame .xzBtn a.and { background-color: #4CAF50; }
.loadgame .xzBtn a.ios { background-color: #333333; }
.loadgame .xzBtn a.H5 { background-color: #2196F3; }
.loadgame .xzBtn a.wp { background-color: #FF9800; }
.loadgame .xzBtn a.weixin { background-color: #07C160; }

/* 平台图标（根据实际路径调整） */
.loadgame .xzBtn a.and .icon { background-image: url('/ruanjianyuan/skin/images/icon_android.png'); }
.loadgame .xzBtn a.ios .icon { background-image: url('/ruanjianyuan/skin/images/icon_ios.png'); }
.loadgame .xzBtn a.H5 .icon { background-image: url('/ruanjianyuan/skin/images/icon_h5.png'); }
.loadgame .xzBtn a.wp .icon { background-image: url('/ruanjianyuan/skin/images/icon_disk.png'); }
.loadgame .xzBtn a.weixin .icon { background-image: url('/ruanjianyuan/skin/images/icon_weixin.png'); }

/* 点击反馈 */
.loadgame .xzBtn a:active { opacity: 0.85; }


.xz360_btn {
	margin-left: .16rem;
	margin-right: .3rem;
}

.topichead {
	position: relative;
}

.topichead h1 {
	margin: .15rem 0 .16rem;
	font-size: .3rem;
	color: #333;
	font-weight: 600;
	line-height: .42rem;
}

.topichead em {
	display: block;
	margin: 0.2rem 0 0.06rem;
	font-size: .24rem;
	color: #ababab;
	text-align: right;
}

.topichead span {
	position: absolute;
	top: .52rem;
	left: 0;
	padding: 0 .6rem 0 .2rem;
	font-size: .2rem;
	line-height: .42rem;
	color: #fff;
	background: linear-gradient(90deg,#000,transparent);
}

body:before {
	content: "";
	width: 100%;
	display: block;
}

body:before {
	height: 1rem;
}

body:after {
	height: 1rem;
}

.tubiao {
	background: url(../images/tubiao.png) no-repeat;
	display: inline-block;
	background-size: 4rem auto;
	vertical-align: middle;
}

.tubiao {
	content: "\20";
	display: block;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.clear,.clearfix:after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.header {
	position: relative;
}

#top_main {
	width: 100%;
	height: 1rem;
	z-index: 9999;
	position: fixed;
	top: 0px;
	left: 0px;
}

#top {
	max-width: 750px;
	min-width: 320px;
	height: 1rem;
	margin: 0px auto;
	position: relative;
	background: #fff;
	box-shadow: 0 0 0.2rem rgba(0,0,0,.1);
	border-bottom: 1px solid #eee;
}

#top .logo {
	width: 41%;
	margin: 0 auto;
	display: block;
	text-align: center;
}

#top .logo a {
	display: block;
}

#top .logo img {
	height: 1rem;
	vertical-align: top;
}

#top .topsearch {
	display: block;
	position: absolute;
	left: 0;
	top: 0px;
	text-align: center;
	cursor: pointer;
	width: .9rem;
	height: .5rem;
	margin: .25rem auto;
	background: url(../images/sou1.png) no-repeat center;
	background-size: .4rem auto;
	z-index: 6;
}

#top #nav {
	width: .6rem;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

#top .nav {
	width: .5rem;
	height: .36rem;
	margin: .33rem auto;
	background-position: -.56rem -.94rem;
}

#top .cur .nav {
	background-position: 0 -.94rem;
}

#search {
	background: #f2f2f2;
	width: 100%;
	margin: 0 auto;
	height: 1rem;
	position: absolute;
	left: 0;
	top: .9rem;
	padding-top: .2rem;
	display: none;
	z-index: 999;
}

#search input {
	display: block;
	padding: 0;
	margin: 0;
}

#search .txt {
	border: none;
	width: 80%;
	height: 0.65rem;
	line-height: 0.65rem;
	margin-left: 4%;
	color: #666;
	font-size: 0.22rem;
	background: #fff;
	text-indent: 3%;
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem;
}

#search .btn {
	cursor: pointer;
	border: none;
	font-size: 0.24rem;
	width: 0.8rem;
	height: 0.65rem;
	text-align: center;
	background: #ff6f06 url(../images/tubiao.png) no-repeat 0 -4.6rem;
	background-size: 2.4rem auto;
	color: #fff;
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem;
	background-size: 2.0rem auto;
	vertical-align: middle;
}

.subNav {
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	top: 1rem;
	z-index: 999;
	max-width: 750px;
	min-width: 320px;
	background: #fff;
}

.subNavCon {
	margin: 0px;
	width: 100%;
	height: 100%;
}

.subNav ul {
	background: #fff;
	position: relative;
	z-index: 2;
}

.subNav li {
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	transition: all .3s ease-in;
}

.subNav li:first-child {
	margin-top: 0.4rem;
}

.subNav li a {
	display: block;
	width: 4rem;
	margin: 0 auto;
	color: #333;
	font-size: 0.34rem;
	line-height: 1rem;
	text-align: center;
	border-bottom: 1px solid #f0efef;
}

.subNav li a:hover {
	color: #ff6f06;
}

.subNav.show {
	right: 0 !important;
}

.stars{ background:url(/images/tiantian.png) no-repeat -19px -414px; width:85px !important; height:15px; line-height:15px; margin:2px 0 0 5px;display:block;}
.star5{background-position:-1px -414px;}
.star4{background-position: -19px -414px;}
.star3{background-position: -36px -414px;}
.star2{background-position: -53px -414px;}
.star1{background-position: -70px -414px;}
.star0{background-position: -88px -414px;}
.stars.star1b{ background-position:-53px -432px;}
.stars.star2b{ background-position:-36px -432px;}
.stars.star3b{ background-position:-19px -432px;}
.stars.star4b{ background-position:-1px -432px;}
.stars.star0b{ background-position:-70px -432px;}