/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { 
	-webkit-text-size-adjust:100%; 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-touch-callout:none; 
	word-wrap:break-word; 
	line-height:1.5;font-size: 12px;min-width:7.5rem!important;
	width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;
}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}

.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
.wrap{width:6.7rem;margin: 0 auto; position: relative; clear: both; text-align: center;}
.wrap1{width:6.88rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.m-show{display:block!important;}
.m-hide{display: none!important;}
@media screen and (max-width: 750px) {
	body{background-color: #ff861b;}
}
body{background-color: #f9e7d7;}
.page-index{
	float: left; position: relative;
	width: 100%; height: 100%;  min-height: 100vh;
	background:#ff861b url('../images/page-index.jpg') no-repeat center top;
	background-size: 7.5rem; 
}
/*banner*/
.banner-box{height:10rem;width: 100%; float: left; position: relative;margin-bottom: 3.2rem;}
.page-list .banner-box{height:3.29rem;}
.banner-box .wrap{text-align: center;}
.banner-box .logo{
	width:auto; top: .35rem; position: absolute; left:.9rem;
}
.banner-box .logo img{width: 1.81rem; display: block;}

/* 侧边悬浮 */
.fixBtn{position: absolute; right: .5rem; top: 0; z-index: 2; text-align: center;}
.fixBtn a{
  width: 1.09rem; height: 1rem;
	color: #fff; display: inline-block;  margin-left: .2rem;
	border-radius: 0 0 .15rem .15rem; padding: 0.15rem; box-sizing: border-box;
	font-size: .24rem; line-height: .32rem; 
	border: .01rem solid #fff; border-top: none;
	background: #482578;
	background: linear-gradient(to bottom, #482578 , #e35561); /* 标准的语法 */
}

.fixBtn a.btn04{
	background: #f24637;
	background: -webkit-linear-gradient(left, #ed7241 , #f62630); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ed7241, #f62630); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ed7241, #f62630); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ed7241 , #f62630); /* 标准的语法 */
}


/* 首页 */
.mainIndex{width: 100%; clear: both; float: left;margin-bottom: .4rem;}

.indexBtn{width: 5.06rem; height: .8rem; margin: 0 auto; background: #fa5c5e; border-radius: .4rem; margin-top: 7.75rem; text-align: center; }
.indexBtn a{
	width: 4.85rem; height: .8rem; display: inline-block; margin:auto;
	font-size: .3rem; line-height: .8rem; color: #d4002d; font-weight: bold;
	background: #fffcfb;
	background: linear-gradient(to right, #fffcfb,#fbb0a2);
	border-radius: .5rem;
	/* box-shadow: 0 .05rem .21rem rgba(255,129,6,.5); */
	position: relative;
}
.indexBtn a span{
	background: linear-gradient(to right, #a5652b, #411607);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.mainIndex p{
	font-size: .24rem; color: #fdd3a8; margin-top: .15rem; line-height: .3rem; text-align: center;
}

.actEnd{
	width: 100%; height: 100vh; background: #fff; text-align: center; display: flex; align-content: center; flex-wrap: wrap; justify-content: center;
}
.actEnd img{
	width: 2.55rem; margin: .22rem auto; display: block;
}
.actEnd p{
	width: 100%; font-size: .36rem; color: #333333;
}
.actEnd span{
	width: 100%; font-size: .36rem; color: #787878;
}

/* .indexBtn a::after{
	content: '';width: 1.42rem; height: 1.43rem; display: block;
	background: url(../images/cursor.png) no-repeat center;
	background-size: 100%;
	position: absolute; top: .35rem; right: -.5rem;
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
} */
@-webkit-keyframes scaleDraw{
	0%  {transform: scale(1); }
	25% {transform: scale(1.2);}
	50% {transform: scale(1);}
	75% {transform: scale(1.2);}
	100%{transform: scale(1);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(1); }
	25% {transform: scale(1.2);}
	50% {transform: scale(1);}
	75% {transform: scale(1.2);}
	100%{transform: scale(1);}
}

/* 列表页 */
.kmList{
	width: 100%; clear: both; float: left; margin-bottom: .2rem;
	background: #fff;
	border-radius: .1rem;
	box-shadow: 0 .01rem .16rem #c27aff inset;
}
.kmList ul{
	width: 6.27rem; margin: .34rem .22rem auto;
}
.kmList ul li{
	width: 100%; margin: 0 auto .14rem;
	background: #f6f2ff;
	border-radius:.1rem;
	height: 1.21rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.kmList ul li .txt{
	display: block; margin-left: .18rem;
	text-align: left;
}
.kmList ul li .txt h3{
	font-size: .28rem;  color: #666666;margin-left: -.1rem; line-height: 1;
	margin-bottom: .14rem;
}
.kmList ul li .txt h3 b{color: #7935d5; font-weight: bold;}
.kmList ul li .txt span{color: #b27aff; font-size: .24rem;}
.kmList ul li .btn{
	display: block; margin-right: .22rem;
}
.kmList ul li .btn a{
	width: 1.9rem; height: .52rem; display: block;
	background: #f96b56;
	background: -webkit-linear-gradient(#ffb156,#f42155);

}
/* .kmList ul li a{ */
/* 	width: 2.24rem; height: .52rem; display: inline-block; */
/* 	background: url('../images/btn02.png') no-repeat center / 100%; */
/* 	line-height: .52rem; color: #6e1e12; font-weight: bold; font-size: .3rem; */
/* 	text-shadow: 0 .02rem 0 #fffee9; */
/* 	margin-right: .4rem; */
/* } */

/* 组队页 */
.banTit{
	width: 6.04rem; clear: both; float: left; margin: 1.5rem .23rem 0; text-align: center;
	position: relative;
	height: 1.83rem;
}
.banTit img{
	width: 100%; display: inline-block; margin: auto;
}
.banTit em{
	font-size: .68rem; font-weight: bold; font-style: italic; line-height: 1;
	position: absolute;left: -.2rem; bottom: .04rem;
	background: linear-gradient(to bottom right, #ffff77, #ffffec,#ffff77, #ffffec);
	-webkit-background-clip: text;
	color: transparent;
	font-family: fantasy;
	
}

.lightPart{
	width: 100%; height: 5rem; display: inline-block;
	position: relative;
}
.lightPart .partTag{
	width: 2.35rem; height: 1.86rem; display: inline-block;
	position: absolute;
	right: .2rem; bottom: .24rem;
}
.lightPart .partTag img{width: 100%; display: inline-block;}
.lightAll{
	width: 100%; height: 100%; clear: both; display:block;
	position: relative;
}
.lightAll .light01{
	width: 1.43rem;
	position: absolute; top: -.98rem; right: .05rem;
}

.lightAll .light02{
	width: 1.2rem;
	position: absolute; top: 1.01rem; left: 2.15rem;
}
.lightAll .light03{
	width: 1.48rem;
	position: absolute; top: .48rem; right: 1.43rem;
}
.lightAll .light04{
	width: 1.36rem;
	position: absolute; top: 2.32rem; left: .8rem;
}
.lightAll .light05{
	width: 1.22rem;
	position: absolute; top: 3.05rem; left: 2.05rem;
}
.lightAll .on::before{
	content: ''; width: 1.63rem; height: 1.63rem; display: inline-block;
	background: url('../images/light-on.png') no-repeat center / 100%;
	position: absolute; left: -.38rem; bottom: -.05rem;
}
.lightAll em{
	font-size: .43rem; color: #fff;
	text-shadow: 0 0 .05rem rgba(203,102,29,.8);
	position: absolute; left: .22rem; bottom: .55rem;
	transform: rotate(12deg);
}
.lightAll .on em{
	color: #9f4700;
	text-shadow: 0 0 .05rem rgba(255,255,255,.8);
}

.lightAll >div{
	transform-origin: top center;
	animation: swing 3s infinite ease-in-out;
}
.lightAll >div>img{width:100%;}


@keyframes swing {
	0%{transform: rotate(-6deg);}
	50%{transform: rotate(6deg);}
	100%{transform: rotate(-6deg);}
}



.zd-btn{
	width: 100%; clear: both;display: block; height: 1.88rem;
}
.zd-btn a{
	width: 5.31rem; height: 1.17rem; display: inline-block; margin:auto;
	font-size: .4rem; line-height: 1.1rem; color: #6e1e12; font-weight: bold;
	background: url('../images/btn01.png') no-repeat center / 100%;
	border-radius: .5rem;
	/* box-shadow: 0 .05rem .21rem rgba(255,129,6,.5); */
	text-shadow: 0 .02rem 0 #fffee9;
	position: relative;
}
.zd-btn p{
	font-size: .24rem; color: #fff;line-height: .44rem;
	white-space: nowrap;
	margin-bottom: .26rem;
}

.linearBox{
	width: 100%; clear: both;
	border: solid .01rem #cca2ff;
	background: #571ed1;
	background: -webkit-linear-gradient(#571ed1,#360dbf);
	background: -moz-linear-gradient(#571ed1,#360dbf);
	background: -o-linear-gradient(#571ed1,#360dbf);
	background: linear-gradient(#571ed1,#360dbf);
	border-radius:.2rem
}
.linearBox h3{
	width: 100%; clear: both;
	font-size: .3rem; font-weight: bold; line-height: .54rem; display: inline-block;
	color: #fff;
}
.linearBox h3::before,.linearBox h3::after{
	content: ''; width: .67rem; height: .54rem; display: inline-block;
	margin: 0 .2rem;
	vertical-align: top;
}
.linearBox h3::before{
	background: url('../images/led-icon01.png') no-repeat center / 100%;
}
.linearBox h3::after{
	background: url('../images/led-icon02.png') no-repeat center / 100%;
}
.linearBox .kuang{
	width: 6.2rem; clear: both; margin: 0 .15rem .16rem;
	background: #fff;
	border-radius: .2rem;
	box-shadow: 0 0 .06rem #2b0ba0;
}
.ledFlow{margin-bottom: .2rem;}
.ledFlow ul{
	width:100%; clear: both; padding: .22rem 0 .16rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.ledFlow ul li{
	display: inline-block; width: 1.35rem;
	margin: 0 .3rem;
	position: relative;
}
.ledFlow ul li img{width: .7rem; display: inline-block;
	border-radius: 50%;
	box-shadow: 0 .04rem .1rem rgba(81,91,237,.42);
}
.ledFlow ul li span{
	width: 100%; clear: both; display: inline-block;
	font-size: .24rem; line-height: .3rem; color: #333;
}
.ledFlow ul li::after{
	content: ''; width: .25rem; height: .25rem; display: inline-block;
	background: url('../images/led-icon03.png') no-repeat center / 100%;
	position: absolute; top: .31rem; right: -.42rem;
}
.ledFlow ul li:last-child::after{display: none;}

.joiner{margin-bottom: .32rem;}
.joiner .kuang p{
	font-size: .24rem; color: #999; line-height: 1;
	padding: .52rem 0;
}
.joiner ul{
	height: 2.95rem; display: inline-block;
	padding: .1rem 0;
	width: 100%;
}
.joiner ul li{
	width: 4.8rem; clear: both; margin-top: .11rem; padding-bottom: .1rem;
	border-bottom: dashed .01rem #d9c0ff;
	float: left; margin-left: .92rem;
	text-align: left;
	font-size: .24rem; line-height: .36rem;
}
.joiner ul li:last-child{border-bottom: none;}
.joiner ul li i{
	width:.36rem; height: .36rem; display: inline-block;
	border-radius: 50%;
	background: #d9c0ff;
	text-align: center;
	float: left; margin-left: -.47rem;
	color: #571dd1;
}
.joiner ul li b{font-weight: bold; color: #571dd1; width: 1.42rem; display: inline-block;}
.joiner ul li span{color: #8647e5; float: right;}

.moreGroup{
	width: 100%; clear: both; height: 1.1rem; display: inline-block;
	background: url('../images/zd-img01.png') no-repeat center top / 100%;
	margin-bottom: .44rem;
	margin-top: -.12rem;
}
.moreGroup .txt{
	width: 2.5rem; clear: both; float: left;margin-left: 2.27rem;
	margin-top: .34rem;
	text-align: center;
}
.moreGroup .txt h3{
	font-size: .26rem; line-height: 1; font-weight: bold;
	background: linear-gradient(to bottom, #fffbb9, #ffef3f);
	-webkit-background-clip: text;
	color: transparent;
}
.moreGroup .txt span{
	color: #fff;padding-top: .05rem;
}
.moreGroup a{
	width:.82rem; display: inline-block; height: .82rem;
	border-radius: 50%; margin-top: .21rem;
	box-shadow: 0 .04rem .1rem rgba(78,19,203,.48);
}
.moreGroup a img{width:100%; display: inline-block;}




/* 分享页 */
.shareBtn{width: 100%; clear: both; float: left; margin-top:4.71rem; text-align: center;margin-bottom: .3rem;}
.shareBtn a{
	width: 5.31rem; height: 1.17rem; display: inline-block; margin:auto;
	font-size: .42rem; line-height: 1.1rem; color: #6e1e12; font-weight: bold;
	background: url('../images/btn01.png') no-repeat center / 100%;
	border-radius: .5rem;
	/* box-shadow: 0 .05rem .21rem rgba(255,129,6,.5); */
	text-shadow: 0 .02rem 0 #fffee9;
	position: relative;
}
.lightFlow{
	margin: 0 auto .7rem;
}
.lightFlow ul{
	width: 100%; clear: both; padding: .24rem 0 .1rem;
}
.lightFlow ul li{
	width: 2.8rem; height: 1.5rem; display: inline-flex;
	background: #dac1ff;
	background: -webkit-linear-gradient(#d9c0ff ,#fff);
	background: -moz-linear-gradient(#d9c0ff,#fff);
	background: -o-linear-gradient(#d9c0ff,#fff);
	background: linear-gradient(#d9c0ff,#fff);
	border-radius: .15rem;
	justify-content: center;
	align-items: flex-start;
}
.lightFlow ul li img{
	width: .59rem; display: inline-block; margin-top: .36rem;
	margin-right: .15rem;
}
.lightFlow ul li span{
	width: 1.63rem; font-size: .24rem; line-height: .33rem; color: #541ccf;
	margin-top: .19rem;
}



.gray{ 
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); -o-filter: grayscale(100%); 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
}

@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}