/* 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: #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.72rem;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: #bc100c;}
}


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

/*banner*/
.banner-box{height:5.2rem;width: 100%; float: left; position: relative;}
/* .idBox{height: auto;} */
.page-list .banner-box{height: 4.87rem;}
.page-list .ban02{height: 3.42rem;}
.page-xq .ban02{height: 3.92rem;}
.banner-box .wrap{text-align: center;}
.banner-box .logo01{width:2.09rem; height:.71; top: 0; position: absolute; left:0;}
.banner-box .logo{width:2.12rem; height:.44rem; position: absolute; top: .55rem; left:.52rem;}
.banner-box .logo img{width: 100%;}

/* 侧边悬浮 */
.fixBtn{position: absolute; right: .5rem; top: 0; z-index: 2; text-align: center;}
.fixBtn a{
	color: #fff;
    display: block;
    float: left;
    margin-left: .2rem;
    border-radius: 0 0 1rem 1rem;
    font-size: .24rem;
	height: .91rem;
    line-height: .32rem;
    font-weight: bold;
    width: .8rem;
    border-top: none;
    cursor: pointer;
	padding-top: .15rem;
	background: #bc100c;
	background: -webkit-linear-gradient(top, #f42026 , #bc100c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #f42026, #bc100c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #f42026, #bc100c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f42026 , #bc100c); /* 标准的语法 */
}
/* .fixBtn a.btn01{background-color: #369b69;} */

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


/* 首页 */
.mainIndex{width: 100%; clear: both; float: left;margin-top: 5.9rem;}
.indexBtn,.shareBtn{
    width: 100%;
    height: 2.1rem;
    clear: both;
    float: left;
    text-align: center;
}
.shareBtn{margin-top: 6.52rem;}
.indexBtn a,.shareBtn a{
	width: 4.17rem; height: .92rem;line-height: .88rem; display: inline-block; margin:auto;
	background: url(../images/idBtn.png) no-repeat center top;
	background-size: 100%;text-shadow: 0 .02rem .02rem #fe4234;
	font-size: .38rem; color: #fff; font-weight: bold;
}
.indexBtn p {
    color: #fff;
    line-height: .35rem;
    font-size: .24rem;
	width: 70%;
	margin: .2rem 15% 0;
}
.banxq{
	display: inline-block;margin-top: 5.12rem;width: 100%;
}
.banxq>img{
	width: 5.07rem;
}
.idimg1{
	margin-left: .16rem;/* animation: fudong .8s infinite alternate linear; */
}
.idimg2{
	float: right; margin-right: .21rem;margin-top: -.08rem;/* animation: fudong 1s infinite alternate linear; */
}
.idimg3{
	margin-left: .52rem;/* animation: fudong .9s infinite alternate linear; */
}
/* 组队页 */
.zdbox{
	width: 100%; height: 2.93rem; clear: both; float: left;background: url(../images/zdimg1.png) no-repeat center top;background-size: 100%;
}
.zdbox>ul{
	display: inline-block;width: 100%;margin-top: .5rem;
}
.zdbox ul li{width: 1.4rem; display: inline-block; margin: 0 .22rem; position: relative;}
.zdbox ul li img{
	width: 1.26rem; display: inline-block;
}
.zdbox ul li span{
	font-size: .26rem; line-height: .48rem;color: #953800; display: inline-block; width: 100%; clear: both;background: #fff;border-radius: 1rem;box-shadow: 0 .03rem .07rem rgba(253,152,58,0.84) inset;margin-top: -.3rem;
}
.zdbox ul li.on span{
	background: #ee220c;color: #fff;box-shadow:0 .01rem 0 rgba(255,255,255), 0 .03rem .07rem rgba(253,152,58,0.84) inset;
}
.zd-btn{width: 100%; clear: both; float: left; margin: auto ; text-align: center;margin-top: .24rem;}

.zd-btn a{
	width: 4.51rem; height: .8rem; display: inline-block;border: .01rem solid #fff;
	font-size: .34rem; line-height: .8rem; color: #fff; font-weight: bold;
	border-radius: 1rem;
	background: #ffef3f;
	background: -webkit-linear-gradient(180deg,#fffbb9,#ffef3f);
	background: -moz-linear-gradient(180deg,#fffbb9,#ffef3f);
	background: -o-linear-gradient(180deg,#fffbb9,#ffef3f);
	background: linear-gradient(180deg,#fffbb9,#ffef3f);
	box-shadow: 0 .15rem .12rem rgba(255,101,47,0.22);
}
.zd-btn a span{
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	display: inline-block;
	background: linear-gradient(to right, #ff6b37 40%, #ff392a);
	-webkit-background-clip: text;
	color: transparent;
	position: relative;
	font-weight: bold;
}
.stepbox,.joinList{
	margin: .7rem auto .7rem;
	width: 100%;
	height: 3.71rem;
	clear: both;
	float: left;
	background: url(../images/zdimg2.png) no-repeat center top;
	background-size: 100%;
}
.stepbox h3,.joinList h3{
    width: 100%;
    height: .7rem;
    line-height: .7rem;
    display: inline-block;
    background: linear-gradient(to right, #ff6b37 40%, #ff392a);
    -webkit-background-clip: text;
    color: transparent;
    position: relative;
    font-weight: bold;
	font-size: .34rem;
	margin-top: .21rem;
}
.stepbox h3 img,.joinList h3 img{
	width: .75rem;vertical-align: middle;margin: 0 .18rem;
}
.stepbox ul{
	width: 88%; clear: both;margin: .12rem 2% 0;
	display: flex;
	justify-content: space-between;;
	flex-wrap: wrap;
	margin-left: 6%;
}
.stepbox ul li{
	width: auto; display: inline-block; position: relative;font-size: .24rem;
}
.stepbox ul li img{
	width: 1rem; height: 1rem; display: block;margin: 0 auto;
	border-radius: 50%;
}
.stepbox ul li span{
	color: #ffdba7;
}
.stepbox ul li span label{
	color: #fff;font-size: .26rem;
}
.stepbox ul li.on::before,.stepbox ul li.on::after{
	content: ''; width: .37rem; height: .17rem; display: inline-block;
	background: url(../images/zd-icon02.png) no-repeat center / 100%;
	position: absolute; top: .4rem;
}
.stepbox ul li.on::before{left: -.38rem;}
.stepbox ul li.on::after{right: -.38rem;}
.joinList ul{
	width: 5.1rem; float: left; margin: .5rem .72rem 0;
}
.joinList ul li{
	width: 100%; height: .48rem; clear: both; float: left;
	border: solid .01rem #5cc457;
	background: #dcfcda;
	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: #5cc457;
	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;
}

.joinPart.user ul{
	width: 86%; clear: both; margin:  .2rem 7%;
}
.joinPart.user ul li{
	width: 100%; height: .6rem; display: inline-block; clear: both;color: #fff;
	border-radius: .5rem;
	line-height: .6rem;
	font-size: .28rem;
	text-align: left;
}
.joinPart.user ul li i{
	float: left; width: .3rem; height: .3rem; display: inline-block;font-size: .28rem;
	background: #ffb44b;
	border-radius: 50%;
	border: solid .01rem #ffeb79; color: #fff;line-height: .3rem;
	margin-top: .13rem; text-align: center;
}
.joinPart.user ul li a{margin: 0 .18rem 0 .15rem;font-size: .3rem;display: inline-block;width: 1.3rem;}
.joinPart.user ul li time{margin-right: .15rem;font-size: .3rem;}
.joinPart.user ul li span{font-size: .3rem;color: #fff04c;}
.listCont{
	width: 100%;
	clear: both; float: left;
	padding-bottom: .1rem;
	background: #fff;
	background: -webkit-linear-gradient(180deg,rgba(255,255,255,0) 40%,#fff);
	background: -moz-linear-gradient(180deg,rgba(255,255,255,0) 40%,#fff);
	background: -o-linear-gradient(180deg,rgba(255,255,255,0) 40%,#fff);
	background: linear-gradient(180deg,rgba(255,255,255,0) 40%,#fff);
	border-radius: .15rem;
	margin-bottom: .53rem;
	position: relative;
	
}
.listCont .cont{
	width:94%; clear: both; float: left; margin: .35rem 3% 0;padding-bottom: .15rem;
	border-radius: .15rem;
	background: #fd582f;
	background: -webkit-linear-gradient(180deg,#ffba1d,#fd582f);
	background: -moz-linear-gradient(180deg,#ffba1d,#fd582f);
	background: -o-linear-gradient(180deg,#ffba1d,#fd582f);
	background: linear-gradient(180deg,#ffba1d,#fd582f);
	border-radius: .15rem;
	border: .02rem solid #fee787;
	box-shadow: 0 .03rem .24rem rgba(255,105,65,0.2);
	
}
.listCont .cont ul{
	width: 5.9rem;padding-top: .2rem;margin: 0 auto;
}
.listCont .cont ul li{
	width: 88%; clear: both; float: left; height: 1.15rem;padding: 0 6%;margin-bottom: .1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background: #fff;
	border-radius: .12rem;
}
.listCont .cont ul li img{
	width: .71rem; display: inline-block; margin-right: .2rem;
}
.listCont .cont ul li span{
	font-size: .3rem; color: #333;font-weight: bold; display: inline-flex;align-items: center;letter-spacing: -.01rem;text-align: left;
}
.listCont .cont ul li span label{
	display: inline-block;width: .45rem;height: .01rem;border-top: .01rem dashed #ffc238;margin: 0 .08rem;
}
.listCont .cont ul li a{
	width: 1.66rem; height: .49rem; display: inline-block;
	font-size: .26rem; line-height: .45rem; color: #fff;
	border-radius: 1rem;
	background: #fd7934;
}


.artPage{
	display: inline-block;
	width: 90%;
	height: 8rem;
	margin: 0 5%;
	border-radius: .2rem;
	background: #bc100c;
	background: -webkit-linear-gradient(180deg,#f42026,#bc100c);
	background: -moz-linear-gradient(180deg,#f42026,#bc100c);
	background: -o-linear-gradient(180deg,#f42026,#bc100c);
	background: linear-gradient(180deg,#f42026,#bc100c);
	overflow: scroll;
}

.txtPage{
	width: 5.8rem;
	background: #fff;
	border-radius: .08rem;
	margin: .2rem auto .3rem;
	padding: 0 3% .7rem;
}
.txtPage .artP1{
	font-size: .32rem;text-align: center;display: inline-block;width: 100%;font-weight: bold;margin-bottom: .1rem;
}
.txtPage .artP{
	font-size: .35rem;margin: .3rem auto .1rem;font-weight: bold;display: inline-block;width: 100%;text-align: center;
}
.txtPage li{
	font-size: .28rem;
}
.txtPage img{
	display: inline-block;width: 100%;
}


.pageBtm{
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
	height: 2.77rem;
	background: url(../images/fxdb.png) no-repeat center top;
	background-size: 7.5rem;
    text-align: center;
}
.pageBtm a{
	width: 4.47rem; height: .86rem; display: inline-block; margin:.6rem auto 0;text-shadow: 0 .02rem .02rem #fe4234;
	font-size: .4rem; line-height: .8rem; color: #fff; font-weight: bold;
	background: url(../images/btncur.png) no-repeat center top;background-size: 100%;
}
.pageBtm p{
	font-size: .24rem;color: #fff;line-height: .35rem;margin-top: .12rem;
}
.kmT{
	display: inline-block;font-size: .4rem;font-weight: bold;color: #3aa63a;margin-top: 1.38rem;margin-bottom: .13rem;
}
.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);}
}
@keyframes fudong {
    0% {transform: translateY(.12rem);}
    100% {transform: translateY(-.12rem);}
}