.comm {
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/comm.png) no-repeat;
	background-size: 13.33rem 13.33rem;
}

.t {
	text-indent: -99999px;
	display: block;
	overflow: hidden;
}

.section {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 110;
	visibility: hidden;
	opacity: 0;
	background-size: cover !important;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.return {
	font-size: 0.25rem;
	width: 2.88rem;
	height: 0.89rem;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 0.89rem;
	color: #fff;
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/loading.jpg) no-repeat center;
	font-size: 0.25rem;
	color: #eaebff;
	z-index: 99;
	text-align: center;
	visibility: inherit;
	opacity: 1;
}

.loading-icon {
	width: 2.06rem;
	height: 2.06rem;
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/loading-icon.gif) no-repeat;
	display: block;
	margin-bottom: 0.26rem;
}

.share {
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/share.jpg) no-repeat center;
}

.ranking {
	width: 1.76rem;
	height: 3rem;
	padding-right: 0.30rem;
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/ranking.png) no-repeat right;
	font-size: 0.53rem;
	color: #ffd278;
	line-height: 3.06rem;
	text-align: right;
	position: absolute;
	bottom: 5.66rem;
	right: 0.33rem;
	z-index: 2;
	background-size: 1.62rem 3rem;
}

.share-img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.share-btn {
	position: absolute;
	bottom: 1.33rem;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 2
}

.share-btn a {
	width: 4.17rem;
	height: 1.22rem;
	display: inline-block;
}

.share-btn a.sb1 {
	background-position: 0 -0.89rem;
}

.share-btn a.sb2 {
	background-position: -4.30rem -0.89rem;
}

.section .server {
	width: 100%;
	height: 1.17rem;
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/server.png) no-repeat bottom;
	background-size: 8.36rem 0.33rem;
	font-size: 0.32rem;
	color: #aaa7ce;
	text-align: center;
	line-height: 0.9rem;
	position: absolute;
	top: 1.4rem;
	left: 0;
	z-index: 3;
}

.section .server span {
	color: #eae9ff;
}

.index {
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/index.jpg) no-repeat center;
}

.index .share-img {
	bottom: 1.33rem;
}

.index .ranking {
	bottom: 7rem;
}

.index-btn {
	position: absolute;
	bottom: 0.66rem;
	left: 1.2rem;
	font-size: 0.32rem;
	color: #aaa7ce;
	text-align: center;
	z-index: 2;
}

.ib1,
.ib2 {
	width: 7.6rem;
	height: 2.01rem;
	margin-bottom: 0.4rem;
}

.ib1 {
	background-position: 0 -2.25rem;
}

.ib2 {
	background-position: 0 -4.4rem;
}

.index-btn p a {
	color: #aaa7ce;
	text-decoration: underline;
	margin: 0 0.5rem;
}

.library,
.send {
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/library.jpg) no-repeat center;
	overflow: hidden;
}

.head-box {
	width: 6.93rem;
	height: 7.61rem;
	overflow: hidden;
	background-size: 100% 100%;
	margin: 1.17rem auto 0;
	position: relative;
}

.head-wrap {
	width: 5.93rem;
	height: 7.61rem;
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/head-box.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0.5rem;
	background-size: 100% 100%;
}

.head-box .img {
	width: 5.93rem;
	height: 7.44rem;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.head-box img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.select-icon {
	width: 1.21rem;
	height: 1.05rem;
	background-position: -7.73rem -2.25rem;
	position: absolute;
	top: 0.32rem;
	left: 0.16rem;
	display: none;
}

.head-btn {
	position: absolute;
	bottom: 0.4rem;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0.26rem;
	color: #3f4669;
	text-shadow: 0.03rem 0 0.03rem rgba(255, 255, 255, 0.7),
		0 0.03rem 0.03rem rgba(255, 255, 255, 0.7),
		0 -0.03rem 0.03rem rgba(255, 255, 255, 0.7),
		-0.03rem 0 0.03rem rgba(255, 255, 255, 0.7);
}

.head-btn a {
	width: 2.44rem;
	height: 0.88rem;
	display: inline-block;
	margin: 0 -0.18rem;
}

.head-btn a.hb1 {
	background-position: 0 -6.5rem;
}

.head-btn a.hb2 {
	background-position: 0 -7.41rem;
}

.head-btn a.hb3 {
	background-position: 0 -8.29rem;
}

.library-btn {
	text-align: center;
	font-size: 0.26rem;
	color: #b5b7de;
	padding-top: 0.13rem;
}

.library-btn a {
	width: 3.71rem;
	height: 1.33rem;
	display: inline-block;
}

.library-btn a.lb1 {
	background-position: -3.85rem -6.53rem;
}

.library-btn a.lb2 {
	background-position: -3.85rem -7.86rem;
}

.type {
	width: 8.21rem;
	height: 4.62rem;
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/type.png) no-repeat;
	margin: 0.18rem auto 0.8rem;
}

.type-head,
.type-head-new {
	width: 1.89rem;
	height: 1.89rem;
	overflow: hidden;
	border: 1px solid #ccb67a;
	padding: 2px;
	background: #fff;
	margin: 0.26rem auto 0;
	position: relative;
}

.type-head img,
.type-head-new img {
	width: 100%;
	display: block;
	background: #3f4669;
	height: auto;
}

.type-head img {
	position: absolute;
	top: -0.3rem;
	left: 0;
}

.type-name {
	height: 1.06rem;
	line-height: 0.4rem;
	font-size: 0.26rem;
	color: #9592c9;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
	text-align: center;
}

.type-name span {
	display: block;
	color: #ecebee;
	font-size: 0.29rem;
}

.type-name p {
	width: 1.89rem;
}

.type-name b {
	color: #ffffff;
}

.type-on {
	width: 0.36rem;
	height: 0.37rem;
	background-position: 0 -12.4rem;
	position: absolute;
	top: 0;
	left: 0rem;
	display: none;
}

.create {
	width: 2.05rem;
	height: 0.69rem;
	background-position: -4.30rem 0;
	margin: 0.15rem auto 0;
}

.swiper-container {
	width: 8rem;
	margin: 0 auto;
	height: 3.73rem;
	padding-top: 0.8rem;
}

.swiper-slide {
	width: 2.4rem;
	text-align: center;
	font-size: 18px;
}

.swiper-container .swiper-pagination {
	bottom: 0;
}

.swiper-pagination-bullet {
	width: 0.58rem;
	height: 0.14rem;
	border-radius: 0.05rem;
	background: #8d8aac;
	margin: 0 0.05rem;
}


.send-name {
	width: 7.72rem;
	height: 1.12rem;
	background-position: 0 -9.32rem;
	margin: 0.4rem auto 0;
	position: relative;
	font-size: 0.29rem;
	text-align: center;
	line-height: 1.06rem;
	text-indent: 0.66rem;
	color: #d9daff;
}

.send-name img {
	width: 0.92rem;
	height: 0.92rem;
	position: absolute;
	top: 0.05rem;
	left: 0.06rem;
	border-radius: 50%;
	background: #000;
}

.send-name span {
	color: #ffd278;
}

.accept {
	width: 4.05rem;
	height: 0.97rem;
	background-position: 0 -10.44rem;
	margin: 0.66rem auto 0;
}

.pop {
	width: 8rem;
	border: 1px solid #747088;
	border-radius: 0.13rem;
	position: relative;
	display: none;
}

#share {
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}

#share a {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

#share img {
	width: 100%;
}

.pop-tit {
	height: 0.72rem;
	background-position: 0 -11.54rem;
	display: block;
	text-align: center;
	line-height: 0.66rem;
	font-size: 0.37rem;
	color: #fff;
	font-weight: bold;
	border-top-left-radius: 0.13rem;
	border-top-right-radius: 0.13rem;
}

.pop-bg {
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/pop-bg.jpg) no-repeat;
	background-size: cover;
	padding: 0.66rem 0;
	font-size: 0.29rem;
	color: #f3f2ff;
	text-align: center;
	line-height: 0.4rem;
	border-bottom-left-radius: 0.13rem;
	border-bottom-right-radius: 0.13rem;
}

.pop-product li {
	display: inline-block;
	margin: 0 0.13rem;
}

.pro-img {
	width: 1.89rem;
	height: 1.81rem;
	background: #3f4669;
	border: 0.02rem solid #f3f2ff;
	margin: 0.1rem 0;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
	text-align: center;
	box-shadow: 1px 0 0px #ccb67a,
		0 1px 0px #ccb67a,
		0 -1px 0px #ccb67a,
		-1px 0 0px #ccb67a;
}

.pro-img img {
	max-width: 100%;
	max-height: 100%;
}

.pop-tips {
	line-height: 0.8rem;
}

.pop-btn a {
	width: 2.97rem;
	height: 0.84rem;
	display: inline-block;
	margin: 0.4rem 0.13rem 0;
	font-size: 0.36rem;
	font-weight: bold;
	line-height: 0.82rem;
}

.pop-btn a.pb1 {
	background-position: -7.72rem -4.4rem;
	color: #58431e;
}

.pop-btn a.pb2 {
	background-position: -7.72rem -5.37rem;
	color: #1b335a;
}

.pop-btn a.btn_wx {
	width: 3.14rem;
	height: 0.83rem;
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/btn_wx.png);
	background-size: 100%;
	margin: 0.2rem;
}

.pop-btn a.btn_qq {
	width: 3.14rem;
	height: 0.83rem;
	background: url(//game.gtimg.cn/images/wmsj/act/a20181120yc/btn_qq.png);
	background-size: 100%;
	margin: 0.2rem;
}

.pop-rule {
	font-size: 0.32rem;
	text-align: left;
	text-align: justify;
	line-height: 0.53rem;
	margin: -0.13rem 0.5rem;
}

.pop-head {
	width: 3.81rem;
	margin: 0 auto;
	background: #313047;
}

.pop-head img {
	width: 100%;
	display: block;
}

.closePop {
	width: 0.92rem;
	height: 0.92rem;
	background-position: -7.72rem -3.34rem;
	position: absolute;
	top: -0.74rem;
	right: -0.74rem;
}


.s {
	background-size: 100% auto
}

.section.exit {
	opacity: 0;
	visibility: hidden;
}

.section.enter {
	opacity: 1;
	visibility: initial;
}