/* 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;
  background: #fff;
}
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:6.6rem;margin: 0 auto; position: relative; clear: both; text-align: center;}
.wrap1{width:6.9rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
@media screen and (max-width: 750px) {
	body{background-color: #63b988;}
}


.page-index{
	width: 100%; height: 100%; 
	background:#63b988 url('../images/page-index.jpg') no-repeat center top; 
	background-size: 7.5rem; 
	float: left;
}
.page-zd{
	width: 100%; height: 100%; 
	background:#63b988 url('../images/page-zd.jpg') no-repeat center top;
	background-size: 7.5rem; 
	float: left;
}
.page-share{
	width: 100%; height: 100%;
	background:#63b988 url('../images/page-share.jpg') no-repeat center top;
	background-size: 7.5rem; 
	float: left;
}
.page-list{
	width: 100%; height: 100vh;
	background:#63b988 url('../images/page-list.jpg') no-repeat center top;
	background-size: 7.5rem; 
	float: left;
	position: relative;
}

/*banner*/
.banner-box{height:5.87rem;width: 100%; float: left; position: relative;}
.page-list .banner-box{height: 3.71rem;}
.page-list .ban02{height: 4.88rem;}
.banner-box .wrap{text-align: center;}
.banner-box .logo01{width:5.1rem; height:auto; top: 0; position: absolute; left:0;}
.banner-box .logo02{width:1.62rem; height:auto; position: absolute; top: .32rem; left:-.1rem;}
.banner-box .logo img{width: 100%; display: block;}

/* 侧边悬浮 */
.fixBtn{position: absolute; right: 0; top: .24rem; z-index: 2; text-align: center;}
.fixBtn a{
	font-size: .24rem; line-height: .5rem; color: #fff;
	width:auto; padding: 0 .25rem; display: block; float: right; margin-bottom: .15rem; clear: both;
	border-radius: .5rem 0 0 .5rem;
}
.fixBtn a.btn01{background-color: #369b69;}

.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: .96rem;}
.indexBtn,.shareBtn{width: 100%; clear: both; float: left; margin-top: 5.41rem; text-align: center;}

.indexBtn a,.shareBtn a{
	width: 5.9rem; height: .95rem; display: inline-block; margin:auto;
	background: #fff8cf;
	background: -webkit-linear-gradient(#ffffff,#fff092);
	background: -moz-linear-gradient(#ffffff,#fff092);
	background: -o-linear-gradient(#ffffff,#fff092);
	background: linear-gradient(#ffffff,#fff092);
	-webkit-box-shadow: 0 .04rem 0 #fac257;
	box-shadow: 0 .04rem 0 #fac257;
	font-size: .5rem; line-height: .95rem; color: #fb620d; font-weight: bold;
	border-radius: .5rem;
	text-shadow: 0 .02rem 0 #fff;
}

/* 组队页 */
.zdbox{
	width: 100%; height: 3.63rem; clear: both; float: left;
	background: #fff;
	border-radius: .15rem;
	overflow: hidden;
}
.zdbox h3{
	width: 100%; height: .67rem; display: block; float: left;
	background: #179e5b;
	background: -webkit-linear-gradient(#119753,#1fa665);
	background: -moz-linear-gradient(#119753,#1fa665);
	background: -o-linear-gradient(#119753,#1fa665);
	background: linear-gradient(#119753,#1fa665);
	font-size: .34rem; line-height: .67rem; font-weight: bold; color: #fff;
}
.zdbox ul{
	width: 100%; clear: both; float: left; margin-top: .23rem; margin-bottom: .18rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.zdbox ul li{width: 1.12rem; display: inline-block; margin: 0 .44rem; position: relative;}
.zdbox ul li img{
	width: 100%; display: inline-block;
	border-radius: 50%;
	box-shadow: 0 .1rem .13rem rgba(193,193,193,.45);
}
.zdbox ul li.on img{
	box-shadow: 0 .1rem .13rem rgba(103,208,148,.45);
}
.zdbox ul li span{
	font-size: .24rem; line-height: .4rem; display: inline-block; width: 100%; clear: both;
	float: left;
}
.zdbox ul li::after{
	content: ''; width: .14rem; height: .14rem; display: inline-block;
	background: url('../images/zd-icon01.png') no-repeat center / 100%;
	position: absolute;
	top: .5rem; right: -.56rem;
}
.zdbox ul li:last-child::after{display: none;}

.zd-btn{width: 100%; clear: both; float: left; margin: auto ; text-align: center;}

.zd-btn a{
	width: 3.77rem; height: .72rem; display: inline-block;
	font-size: .34rem; line-height: .72rem; color: #fff; font-weight: bold;
	border-radius: .4rem;
	background: #fe9513;
	background: -webkit-linear-gradient(#feb71e,#ff5b00);
	background: -moz-linear-gradient(#feb71e,#ff5b00);
	background: -o-linear-gradient(#feb71e,#ff5b00);
	background: linear-gradient(#feb71e,#ff5b00);
	-webkit-box-shadow: 0 .04rem 0 rgba(248,177,114,.4);
	box-shadow: 0 .04rem 0 rgba(248,177,114,.4);
}

.stepbox,.joinList{
	width:100%; height: 2.93rem; display: none; clear: both; float: left;
	margin: .21rem auto .7rem;
	background: #fff;
	border-radius: .15rem;
}
.stepbox h3,.joinList h3{
	width: 100%; height: .81rem; display: inline-block;
	background: url('../images/zd-tit01.png') no-repeat center / auto 100%;
	font-size: .36rem; line-height: .7rem;font-weight: bold; color: #fff;
}
.stepbox h3 span,,.joinList h3 span{
	background: linear-gradient(to bottom, #fff 0%, #f8ff89 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.stepbox ul{
	width: 90%; clear: both; float: left; margin: .12rem 5%;
	display: flex;
	justify-content: space-between;;
	flex-wrap: wrap;
}
.stepbox ul li{
	width: auto; display: inline-block; position: relative;
}
.stepbox ul li img{
	width: .83rem; height: .82rem; display: inline-block;
	border-radius: 50%;
	box-shadow: 0 .1rem .13rem rgba(103,208,148,.45);
}
.stepbox ul li span{
	font-size: .24rem; line-height: .32rem; display: block;
}
.stepbox ul li.on::before,.stepbox ul li.on::after{
	content: ''; width: .19rem; height: .71rem; display: inline-block;
	background: url(../images/zd-icon02.png) no-repeat center / 100%;
	position: absolute; top: .14rem;
}
.stepbox ul li.on::before{left: -.5rem;}
.stepbox ul li.on::after{right: -.5rem;}


.joinList ul{
	width: 5.1rem; float: left; margin: .15rem .72rem 0;
}
.joinList ul li{
	width: 100%; height: .48rem; clear: both; float: left;
	border: solid .01rem #169d5a;
	background: #e2f0e9;
	border-radius: .4rem;
	margin-bottom: .2rem;
	font-size: .24rem;line-height: .48rem; color: #898989;
}
.joinList ul li i{
	width: .42rem;
	height: .42rem; display: block;
	border-radius: 50%;
	background: #169c59;
	border: solid .03rem #fff;
	float: left;
	font-size: .24rem; line-height: .42rem; text-align: center; color: #fff;
}
.joinList ul li a{
	width: 1.2rem; display: inline-block; float: left; margin-left: .15rem;
	text-align: left;
	white-space: nowrap;
}
.joinList ul li span{
	float: left; display: inline-block;
}


.listCont{
	width: 100%;
	clear: both; float: left;
	background: #40ad4d;
	background: -webkit-linear-gradient(90deg,#149652,#a9e441);
	background: -moz-linear-gradient(90deg,#149652,#a9e441);
	background: -o-linear-gradient(90deg,#149652,#a9e441);
	background: linear-gradient(90deg,#149652,#a9e441);
	border-radius: .15rem;
	margin-bottom: .53rem;
}
.listCont .cont{
	width:100%; clear: both; float: left; margin-top: .35rem;
	background: #fff;
	border-radius: .15rem;
}
.listCont .cont ul{
	width: 5.65rem; margin: auto .44rem .55rem; float: left;
}
.listCont .cont ul li{
	width: 100%; clear: both; float: left; height: 1.16rem;
	border-bottom: dashed .01rem #ffb66e;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.listCont .cont ul li img{
	width: .56rem; display: inline-block; margin-right: .25rem;
}
.listCont .cont ul li span{
	font-size: .26rem; color: #0e3812; display: inline-flex;
	align-items: center;
}
.listCont .cont ul li a{
	width: 1.57rem; height: .5rem; display: inline-block;
	font-size: .24rem; font-weight: bold; line-height: .5rem; color: #fff;
	border-radius: .4rem;
	background: #fe9513;
	background: -webkit-linear-gradient(#feb71e,#ff5b00);
	background: -moz-linear-gradient(#feb71e,#ff5b00);
	background: -o-linear-gradient(#feb71e,#ff5b00);
	background: linear-gradient(#feb71e,#ff5b00);
	-webkit-box-shadow: 0 .04rem 0 rgba(248,177,114,.4);
	box-shadow: 0 .04rem 0 rgba(248,177,114,.4);
}

.kemu{
	width: auto; height: .8rem; display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: .35rem;
	position: relative;
	margin-top: 3.71rem;
}
.kemu .inp{
	width: 3.84rem; display: inline-block;
	border: solid .01rem #49b34c;
	border-right: 0;
	height: .78rem;
	font-size: .3rem; line-height: .78rem; font-weight: bold; text-align: center;
	background: #daecd8;
	background: -webkit-linear-gradient(#fff,#daecd8 95%);
	background: -moz-linear-gradient(#fff,#daecd8 95%);
	background: -o-linear-gradient(#fff,#daecd8 95%);
	background: linear-gradient(#fff,#daecd8 95%);
	border-radius: .08rem 0 0 .08rem;
}
.kemu span{
	width: .8rem; height: .8rem; display: inline-flex;
	background: #40ad4d;
	background: -webkit-linear-gradient(#a9e441,#149652);
	background: -moz-linear-gradient(#a9e441,#149652);
	background: -o-linear-gradient(#a9e441,#149652);
	background: linear-gradient(#a9e441,#149652);
	border-radius: 0 .08rem .08rem 0;
	justify-content: center;
	align-items: center;
}
.kemu span img{
	width: .27rem; display: inline-block;
	transition: all .5s;
}
.kemu ul{
	width:3.84rem; height: auto;display: none;
	background: #fff;
	position: absolute; left: .96rem; top: .8rem;
	z-index: 3;
	border: solid .01rem #999;
}
.kemu ul li{
	width:100%; clear: both;
	font-size: .26rem; line-height: .6rem; display: inline-block;
}
.kemu ul li.on{
	background: #369b69; color: #fff;
}

.artPage{
	width: 100%; height: auto; min-height: 6.85rem;
	background: #fff;
	float: left;
	overflow-y: scroll;
	
	
}

.txtPage{text-align: left; 
	float: left; 
	width: 6.6rem;
	margin: 0 .45rem 1.2rem;
}
.txtPage h3{
	font-size: .36rem; line-height: 1.5; text-align: center; font-weight: bold; color: #333;
}
.txtPage p{
	font-size: .26rem; line-height: 1.8; color: #333;
	width: 100%; clear: both; float: left;
}
.txtPage strong{font-weight: bold;}
.txtPage p img{max-width: 80%; display: inline-block;}
.txtPage p img.all{width: 100%; max-width: 100%}
.txtPage table{
	width: 100%;
	border-left: solid 1px #333;
	border-top: solid 1px #333;
}
.txtPage table th,.txtPage table td{
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
}
.txtPage table p img{
	max-width: 90%;
}
.txtPage p strong{font-weight: bold;}
.txtPage p b{font-weight: bold;font-size: .28rem;}
.txtPage p u{color:#f00}


.pageBtm{
	width: 100%; position: absolute; bottom: 0; left: 0;
	height: 1.2rem; display: block;
	text-align: center;
	background: rgba(255,255,255,0);
}
.pageBtm a{
	width: 3.8rem; height: .62rem; display: inline-block; margin:.32rem auto 0;
	background: #fff8cf;
	background: -webkit-linear-gradient(#ffffff,#fff092);
	background: -moz-linear-gradient(#ffffff,#fff092);
	background: -o-linear-gradient(#ffffff,#fff092);
	background: linear-gradient(#ffffff,#fff092);
	-webkit-box-shadow: 0 .04rem 0 #fac257;
	box-shadow: 0 .04rem 0 #fac257;
	font-size: .32rem; line-height: .62rem; color: #fb620d; font-weight: bold;
	border-radius: .5rem;
	text-shadow: 0 .02rem 0 #fff;
}

.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);}
}