/* 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;
	width: 7.5rem;
    min-width: 7.5rem !important;
    margin: 0 auto !important;
    overflow-x: hidden;
    overflow-y: auto;
    background: #e3dcff;
}
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;}
.wrap{width:5.4rem;margin: 0 auto; position: relative; clear: both; text-align: center;}
.wrap1{width:6.5rem;margin: 0 auto; position: relative; clear: both; text-align: center;}
/* @media screen and (max-width: 750px) {
	body{background-color: #1181f9;}
} */


.page-index{
	width: 100%; height: 100%; min-height: 100vh;
	background:#a08ee4 url('../images/page-index.jpg') no-repeat center top;
	background-size: 7.5rem; 
	float: left;
}
.page-zd{
	width: 100%; height: 100%; min-height: 100vh;
	background:#622ec2 url('../images/page-zd.jpg') no-repeat center top;
	background-size: 7.5rem; 
	float: left;
}
.page-share{
	width: 100%; height: 100%;min-height: 100vh;
	background:#9e8ee4 url('../images/page-share.jpg') no-repeat center top;
	background-size: 7.5rem;
	float: left;
}



/*banner*/
.banner-box{height:4.4rem;width: 100%; float: left; position: relative;}

.banner-box .wrap{text-align: center;}
.banner-box .logo{width:1.95rem; position: absolute; top: .3rem; right:.4rem;}
.banner-box .logo.type2{left: .4rem;right: auto;}
.banner-box .logo img{width: 100%; display: block;}

/* 侧边悬浮 */
.fixBtn{position: absolute; right: 0; top: .26rem; z-index: 2; text-align: center;}
.fixBtn a{
	width: 1.6rem; height: .48rem; display: block;
	font-size: .24rem; line-height:.48rem; color: #fff;
	background: #733fd3;
	padding-left: .1rem;
	border-radius: .24rem 0 0 .24rem;
	margin-bottom: .1rem;
	text-shadow: 0 .03rem .01rem #572fc8;
}

/* 首页 */
.mainIndex{width: 100%; clear: both; margin-top: 7.36rem;
	float: left;
}
.indexBtn{
	width: 100%; clear: both;
	margin: 0 auto .52rem;
	display: flex;
	justify-content: center;
	align-content: center;
}
.indexBtn a{
	width: 4.78rem; height: 1.06rem; display: block;
	background: url("../images/btn01.png") no-repeat center / 100%;
	box-shadow: 0 .1rem .1rem rgba(139,101,210,.45);
	font-size: .36rem; line-height:1.06rem; color: #fff; font-weight: bold; text-align: center;
	border-radius: .55rem;
}

/* 组队页 */
.member{
	width: 100%; clear: both;
	background: #f0e7ff;
	background: -webkit-linear-gradient(#f0e7ff,#a575ff);
	background: -moz-linear-gradient(#f0e7ff,#a575ff);
	background: -ms-linear-gradient(#f0e7ff,#a575ff);
	background: -o-linear-gradient(#f0e7ff,#a575ff);
	background: linear-gradient(#f0e7ff,#a575ff);
	border-radius: .2rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: .91rem;
}
.member .kuang{
	width: 5.12rem; height: 2.05rem;
	margin: .21rem .13rem .23rem;
	border-radius: .2rem;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
}
.member.suc .kuang::after{
	content: '';width: 100%; height: 2.05rem; display: block;
	background: url("../images/tag-suc.png") no-repeat center / 4.84rem;
	position: absolute; left: 0; top: 0; z-index: 3;
}
.member .kuang ul{
	width: 100%; clear: both; margin-top: .4rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.member .kuang ul li{
	width: 1.05rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: .16rem .08rem 0;
}
.member .kuang ul li.on{
	width: 1.06rem; display: block; margin-top: 0;
}
.member .kuang ul li img{width: .93rem; display: block; margin: 0 auto;}
.member .kuang ul li.on img{
	width: 100%; display: block;
}
.member .kuang ul li span{
	width: 100%; height: .34rem; display: block; margin-top: -.24rem;
	background: #9969ed;
	background: linear-gradient(90deg,#b48cff,#7e46da);
	border-radius:.17rem;
	font-size:.22rem; line-height:.34rem; color: #fff;
	position: relative;z-index: 2;
	white-space: nowrap;
}
.member .kuang ul li.on span{
	margin: -.16rem auto 0;
	width: .85rem;
}
.zd-btn{
	width: 100%; clear: both; margin-bottom: -.39rem;
}
.zd-btn a{
	width: 3.97rem; height: .88rem; display: block;
	background: url("../images/btn02.png") no-repeat center / 100%;
	border-radius:.44rem;
	font-size: .34rem; line-height:.88rem; color: #fff; font-weight: bold;
	text-shadow: 0 .02rem 0 #fc3122;
	margin: auto;
}


.zd-joiner{
	width: 100%; clear: both;height: 3.76rem; margin-bottom: 1.28rem;
	background: #f0e7ff;
	background: -webkit-linear-gradient(#f4efff,#d1b9ff);
	background: -moz-linear-gradient(#f4efff,#d1b9ff);
	background: -ms-linear-gradient(#f4efff,#d1b9ff);
	background: -o-linear-gradient(#f4efff,#d1b9ff);
	background: linear-gradient(#f4efff,#d1b9ff);
	border-radius:.2rem;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
	box-shadow: 0 .06rem 0 rgba(170,127,255,.5) inset,
		0 -0.06rem 0 rgba(255,255,255,.5) inset	;
}
.zd-joiner h3{
	width: 100%; height: .75rem; clear: both; margin-top: -.13rem;
	background: url("../images/zd-tit01.png") no-repeat center / auto 100%;
	font-size: .3rem; line-height: .6rem; color: #fff; font-weight: bold;
	text-shadow: 0 .03rem .01rem #513be7;
}
.zd-joiner .noData{
	width: 100%;clear: both; margin-top: .53rem;
	display: none;
	/* display: flex; */
	justify-content: center;
	align-items: flex-start;
}
.zd-joiner .noData img{
	width: 2.58rem; display: block;
	margin-left: .68rem;
}
.zd-joiner ul{
	width: 4.9rem; display: block; clear: both;
}
.zd-joiner ul li{
	width: 100%; clear: both;
	border-bottom: dashed .01rem #9b81f8;
	padding:.2rem 0 .29rem;
	margin-bottom: .1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.zd-joiner ul li:last-child{
	border-bottom: none;
}
.zd-joiner ul li i{
	width: .25rem; height: .25rem; display: block;
	border-radius: 50%;
	background: #7754e9;
	font-size: .22rem; line-height:.25rem; color: #fff; text-align: center;
	margin-left: .06rem;
}
.zd-joiner ul li a{
	font-size: .26rem;line-height: 1; color: #7754e9; font-weight: bold;
	width: 1.6rem; text-align: left; display: block;
}
.zd-joiner ul li time{font-size: .22rem; color: #333; display: block}
.zd-joiner ul li span{
	width: 1.2rem; height: .36rem; display: block;
	background: #7e46da;
	background: linear-gradient(#8753e7,#ab7eff);
	background: -webkit-linear-gradient(#8753e7,#ab7eff);
	background: -moz-linear-gradient(#8753e7,#ab7eff);
	background: -ms-linear-gradient(#8753e7,#ab7eff);
	background: -o-linear-gradient(#8753e7,#ab7eff);
	border-radius:.18rem;
	font-size:.24rem; line-height:.36rem; color: #fff;
	border: solid .01rem #fff;
}

/* 分享页 */
.share-btn{
	width: 100%; clear: both; float: left; margin-top: 4.35rem;
	margin-bottom: .48rem;
}
.share-btn a{
	width: 4.78rem; height: 1.06rem; display: block; margin: auto;
	background: url("../images/btn01.png") no-repeat center / 100%;
	box-shadow: 0 .1rem .1rem rgba(139,101,210,.45);
	font-size: .36rem; line-height:1.06rem; color: #fff; font-weight: bold; text-align: center;
	border-radius: .55rem;
}
.zd-process{
	width: 6.43rem; height: 2.48rem; clear: both;
	background: url("../images/share-pic01.png") no-repeat center / 100%;
	border-radius:.2rem; margin-bottom: .57rem;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
}
.zd-process h3{
	width: 100%; height: .86rem; clear: both; margin-top: -.16rem;
	background: url("../images/zd-tit02.png") no-repeat center / auto 100%;
	font-size: .35rem; line-height: .71rem; color: #fff; font-weight: bold;
}
.zd-process ul{
	width: 5.1rem; display: block; clear: both; padding-top: .05rem;
}
.zd-process ul li{
	width: 100%; padding: .15rem 0; clear: both;
	border-bottom: dashed.01rem #8c461c;
	font-size: .26rem; line-height: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
}
.zd-process ul li:last-child{border-bottom: 0;}
.zd-process ul li i{
	width: .4rem; height: .4rem; display: block;
	background: #e38c1b;
	border-radius: 50%;
	font-size:.24rem; line-height:.4rem; color: #fff; text-align: center;
	margin-right: .2rem;
}


.actEnd {
  	width: 100%;
  	height: 100vh;
  	background: #fff;
  	text-align: center;
  	display: flex;
  	justify-content: center;
  	align-content: center;
  	flex-wrap: wrap;
}
.actEnd img {
  	width: 2.63rem;
  	margin: 0.22rem auto;
  	display: block;
}
.actEnd p {
  	width: 100%;
  	font-size: 0.36rem;
  	color: #333333;
  	font-weight: bold;
}
.actEnd span {
  	width: 100%;
  	font-size: 0.28rem;
  	color: #787878;
}