@charset "utf-8";
/*=========================Reset_start==========================*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{
	margin: 0; 
	padding: 0;
}
html,body{
	width:100%;
	height:100%;
	min-width: 320px;
	max-width: 768px;
	margin: 0 auto;
	zoom: 1!important;
}

th,strong,var,em,address, caption, cite, code, dfn{
	font-weight: normal; 
	font-style: normal;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

ul,ol{
	list-style: none;
}
i{
	font-style: normal;
}
fieldset,img{
	border: 0;
}

img{
	display: block;
} 
input {
    outline: none;
	border-radius: 0;
	border: 0;
    -webkit-appearance: none; 
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,select,textarea{
	outline:0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
button{
	outline: none;
	border: 0;
}
textarea{
	resize:none;
}

a{
	text-decoration: none;
	color: #333;
}
::-webkit-scrollbar{
	display: none;
}

/*==========================Reset_End===========================*/
body{	
	display: flex;
	display: -webkit-flex;
	flex-direction: column;

	font-size: 0.24rem;
	font-family: -apple-system,Helvetica,sans-serif;
	color:#333; 
	position: relative;
}
/*section*/
section{
	flex:1;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	background: #d63800 url(../images/section.png) no-repeat center top;
	background-size: 100% auto;
}

/* 首页 */
.banner{
	height: 6.6rem;
	position: relative;
}
.banner>img{
	width: 100%;
	height: 6.6rem;
}
.logo{
	height: auto;
}
.logo img{
	height: 0.4rem;
	position: absolute;
	left: 0.35rem;
	top: 0.35rem;
}

.rule{
	width: 1.6rem;
	height: 0.46rem;
	font-size: 0.22rem;
	text-indent: 0.35rem;
	line-height: 0.46rem;
	color: #ff4a0b;
	border-top-left-radius: 0.26rem;
	border-bottom-left-radius: 0.26rem;
	background: #ffc1ab;
	position: absolute;
	right: 0;
	top: 0.4rem;
}
.Exhibition{
	width: 1.6rem;
	height: 0.46rem;
	font-size: 0.22rem;
	text-indent: 0.35rem;
	line-height: 0.46rem;
	color: #ff4a0b;
	border-top-left-radius: 0.26rem;
	border-bottom-left-radius: 0.26rem;
	background: #ffc1ab;
	position: absolute;
	right: 0;
	top: 1rem;
}
/* 展示的banner */
.Pbanner{
	height: 5.8rem;
	position: relative;
}
.Pbanner>img{
	width: 100%;
	height: 5.8rem;
}
.Pbanner p{
	width: 5.36rem;
	height: 0.56rem;
	font-size: 0.28rem;
	font-weight: bolder;
	text-align: center;
	line-height: 0.56rem;
	color: #f15826;
	border-radius: 0.3rem;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: 0.25rem;
	margin-left: -2.68rem;
}
/* 活动页的banner */
.Abanner{
	height: 4.75rem;
	position: relative;
}
.Abanner>img{
	width: 100%;
	height: 4.75rem;
}

.introduce{
	height: 4.76rem;
	position: relative;
}
.introduceBt{
	width: 7.2rem;
	height: 5.2rem;
	padding-top: 1.66rem;
	background: url(../images/a1.png) no-repeat center;
	background-size: 100% 100%;	
	position: absolute;
	left: 0.15rem;
	top: -2.1rem;
}
.introduceBt ul{
	width: 4.8rem;
	height: 4.46rem;
	margin: 0 auto;
	background: url(../images/a3.png) no-repeat center;
	background-size: auto 3.6rem;
}
.introduceBt ul li{
	width: 2.4rem;
	height: 1.93rem;
	padding-top: 0.3rem;
	float: left;
}
.introduceBt ul li img{
	display: block;
	height: 0.68rem;
	margin: 0 auto;
}
.introduceBt ul li h5{
	width: 1.56rem;
	height: 0.48rem;
	font-size: 0.24rem;
	text-align: center;
	line-height: 0.48rem;
	color: #fff;
	margin: 0.15rem auto 0.1rem;
	background: url(../images/a8.png) no-repeat center;
	background-size: 100% 100%;
}
.introduceBt ul li p{
	font-size: 0.22rem;
	text-align: center;
}

.Villain{
	width: 1.8rem;
	height: 3.7rem;
	background: url(../images/a2.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: -1.2rem;
}
.open{
	width: 5.16rem;
	height: 0.82rem;
	font-size: 0.36rem;
	font-weight: bolder;
	text-align: center;
	line-height: 0.7rem;
	color: #b00408;
	margin: 0.5rem auto 0;
	background: url(../images/btn01.png) no-repeat center;
	background-size: 100% 100%;
}

/* 展示页面 */
.physicalOne{
	height: auto; margin-bottom: .35rem;
}
.physicalOne h3{
	height: 0.7rem;
	padding-top: 0.58rem;
	font-size: 0.32rem;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background: url(../images/a11.png) no-repeat center;
	background-size: 100% 100%;
}
.physicalOne ul{
	height: auto;
	padding: 0.2rem 0;
	background: #ff6c37;
}
.physicalOne ul li{
	width: 6.8rem;
	height: 3.95rem;
	margin: 0.15rem auto;
	background: url(../images/a13.png) no-repeat center;
	background-size: 100% 100%;
	position: relative;
}
.physicalOne ul li>img{
	max-width: 3.7rem;
	height: 3.15rem;
	margin: 0.4rem 0 0 0.45rem;
	float: left;
}
.physicalOne-rt{
	width: 3.6rem;
	height: 3.4rem;
	padding-top: 0.55rem;
	float: left;
}
.physicalOne-rt span{
	display: block;
	height: 0.62rem;
	font-size: 0.28rem;
	line-height: 0.62rem;
	text-indent: 1.1rem;
	color: #f95d26;
	margin-bottom: 0.12rem;
	background: url(../images/a14.png) no-repeat left center;
	background-size: 94% 100%;
}
.physicaList{
	height: auto;
}
.physicaList h3{
	height: 0.7rem;
	padding-top: 0.58rem;
	font-size: 0.32rem;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background: url(../images/a11.png) no-repeat center;
	background-size: 100% 100%;
}
.physicaList ul{
	height: auto;
	padding: 0.2rem 0;
	background: #ff6c37;
}
.physicaList ul li{
	width: 6.8rem;
	height: 3.95rem;
	margin: 0.15rem auto;
	background: url(../images/a13.png) no-repeat center;
	background-size: 100% 100%;
	position: relative;
}
.physicaList ul li>img{
	max-width: 3.7rem;
	height: 3.15rem;
	margin: 0.4rem 0 0 0.45rem;
	float: left;
}
.physicaList ul li:nth-child(2n)>img{
	margin: 0.4rem 0;
}
.physicaList ul li:last-child>img{margin-left: .6rem;}
.physicaList ul li:nth-child(2n) .physicaList-rt{
	margin-left: 0.2rem;
}
.physicaList ul li>i{
	width: 100%;
	height: 0.76rem;
	background: url(../images/a22.png) no-repeat center;
	background-size: auto 100%;
	position: absolute;
	left: 0;
	top: -0.46rem;
}
.physicaList-rt{
	width: 2.3rem;
	height: 2.85rem;
	padding-top: 1.1rem;
	float: left;
}
.physicaList-rt h5{
	height: 0.72rem;
}
.physicaList-rt h5 img{
	height: 0.6rem;
	margin: 0 auto;
}
.physicaList-rt>span{
	display: block;
	width: 1.35rem;
	height: 0.4rem;
	font-size: 0.22rem;
	text-align: center;
	line-height: 0.4rem;
	color: #fff;
	margin: 0 auto;
	border-radius: 0.2rem;
	background: #ff6c37;
}
.physicaList-rt p{
	font-size: 0.22rem;
	line-height: 0.3rem;
	text-align: center;
	margin-top: 0.1rem;
}
.Notice{
	height: 2.9rem;
	padding: 0 0.35rem 1rem;
	background: #ff6c37 url(../images/a23.png) no-repeat center top;
	background-size: 6.8rem 2.9rem;
}
.Notice p{
	height: 0.48rem;
	font-size: 0.22rem;
	line-height: 0.48rem;
	text-indent: 0.25rem;
	color: #fff;
	margin: 0.4rem 0.2rem 0.2rem;
	float: left;
	background: url(../images/a24.png) no-repeat left center;
	background-size: auto 100%;
}
.Notice h2{
	font-size: 0.5rem;
	font-weight: bolder;
	color: #ffff;
	margin-left: 0.2rem;
	float: left;
}
.Notice span{
	display: block;
	height: auto;
	font-size: 0.22rem;
	color: #fff;
	padding: 0.06rem 0.25rem;
	border: 0.01rem solid #fff;
	border-radius: 0.2rem;
	margin: 0.3rem 0.2rem;
	float: left;
}
/* 活动页 */
.learning{
	width: 6.9rem;
	height: 3.93rem;
	padding-top: 0.63rem;
	margin: 0 auto;
	background: url(../images/a26.png) no-repeat center;
	background-size: 100% 100%;
}
.learning h5{
	height: 0.65rem;
	font-size: 0.26rem;
	text-align: center;
	line-height: 0.65rem;
	color: #db3a24;
}
.learning h5 em{
	font-weight: bold;
}
.learning>span{
	display: block;
	width: 4.82rem;
	height: 1.5rem;
	font-size: 1.16rem;
	font-weight: bolder;
	line-height: 1.5rem;
	color: #fff;
	margin-top: 0.4rem;
	margin-left: 1.3rem;
	float: left;
	background: url(../images/a32.png) no-repeat;
	background-size: 100% 100%;
}
.learning>span em{width: 1.5rem; height: 1.53rem; display: block; float: left; margin-right: .14rem; font:bold 1.16rem/1.5rem arial; text-align: center;}
.learning>span em:last-child{margin-right: 0;}



.list-btn{width: 100%; clear: both; float: left; margin: .4rem auto 0; text-align: center;height: .82rem;}
.list-btn a{width: 5.16rem; height: .82rem; display: none;  font: .36rem/.7rem "microsoft yahei";  margin: auto; text-align: center;}
.list-btn a.btn01{background: url(../images/btn01.png) no-repeat center; background-size: 100%;color: #d93401;}
.list-btn a.btn02{background: url(../images/btn02.png) no-repeat center; background-size: 100%;color: #626262;}

.TuanBtn{
	width: 5.16rem;
    height: 0.82rem;
    font-size: 0.36rem;
    font-weight: bolder;
    text-align: center;
    line-height: 0.7rem;
    color: #d93401;
    margin: 0.4rem auto 0;
    background: url(../images/a9.png) no-repeat center;
    background-size: 100% 100%;
}
.tips{
	height: 0.8rem;
	font-size: 0.26rem;
	text-align: center;
	line-height: 0.8rem;
	color: #fff;
	width: 100%; float: left; clear: both; display: block;
}
.exchange{
	height: auto; float: left; clear: both; width: 100%;
}
.exchange h3{
	height: 0.7rem;
	padding-top: 0.58rem;
	font-size: 0.32rem;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background: url(../images/a11.png) no-repeat center;
	background-size: 100% 100%;
}

.exchange ol{height: auto; padding-top: .15rem; height: .96rem;background: #ff6c37;}
.exchange ol li{font: .32rem/.96rem "microsoft yahei"; color: #fff; float: left;width: 31%; text-align: center;}
.exchange ol li.li02{width: 38%;}

.exchange ul{float: left; width: 100%;
	height: auto;
	padding: 0 0 0.4rem;
	background: #ff6c37;
}
/* .exchange ul li{
	width: 6.7rem;
	height: 1.8rem;
	margin: 0 auto 0.35rem;
	background: url(../images/a27.png) no-repeat center;
	background-size: 100% 100%;
} */
.exchange ul li{
	width: 7.24rem;
	height: 1.74rem;
	margin: 0 auto 0.35rem;
}
.exchange ul li.km01{background: url(../images/exchange-img01.png) no-repeat center; background-size: 100%;}
.exchange ul li.km02{background: url(../images/exchange-img02.png) no-repeat center; background-size: 100%;}
.exchange ul li.km03{background: url(../images/exchange-img03.png) no-repeat center; background-size: 100%;}
.exchange ul li.km04{background: url(../images/exchange-img04.png) no-repeat center; background-size: 100%;}


.exchange ul li b{
	display: block;
	width: 2.33rem;
	height: 1.74rem;
	font-size: 0.4rem;
	font-weight: bolder;
	text-align: center;
	line-height: 1.74rem;
	color: #eb4e18;
	
	float: left;
}
.exchange ul li .book01{
	display: block;
	width: 2.64rem;
	height: 1.74rem;
	
	float: left;
}
.exchange ul li .book02{
	display: block;
	width: 2.27rem;
	height: 1.74rem;
	
	float: left;
}

.exchange ul li .book01 i,.exchange ul li .book02 i{
	display: block;
	height: auto;
	padding-top: 0.25rem;
	font-size: 0.22rem;
	font-weight: bolder;
	text-align: center;
	color: #f1551e;
}
.exchange ul li .book01 button,.exchange ul li .book02 button{
	width: 1.89rem; height: .61rem; display: block; margin: .15rem auto 0;color: #fff; font: .28rem/.6rem "microsoft yahei";
	background: url(../images/exchange-btn01.png) no-repeat center; background-size: 100%; 
	border-radius: .3rem;
	
}
/* 已兑换样式 */

.exchange ul li .book01.active button,.exchange ul li .book02.active button{
	background: url(../images/exchange-btn02.png) no-repeat center; background-size: 100%;
}


.exchange ul li:last-child{
	margin-bottom: 0;
}

.logistics{ float: left; width: 80%;
	height: 1.2rem;
	padding: 0 10%;
	margin: 0 auto;
	background: #ff6c37;
	position: relative;
}
.logistics a{
	display: inline-block;
	width: 2.7rem;
	height: 0.82rem;
	font-size: 0.36rem;
	font-weight: bolder;
	text-align: center;
	line-height: 0.82rem;
	color: #fff;
	
}
.logistics a.btn01{
	background: url(../images/a30.png) no-repeat center;
	background-size: 100% 100%;
	float: left;
}
.logistics a.btn02{
	background: url(../images/a31.png) no-repeat center;
	background-size: 100% 100%;
	float: right;
	color: #d93401;
}

.logistics span{
	display: block;
	width: 1.46rem;
	height: 0.56rem;
	font-size: 0.22rem;
	text-align: center;
	line-height: 0.46rem;
	color: #f95d26;
	background: url(../images/a36.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	right: 0.1rem;
	top: -0.56rem;
}

.HelpTeam{
	height: auto; float: left; clear: both; width: 100%;
	padding: 0.3rem 0 0.6rem;
}
.HelpTeam h3{
	height: 0.7rem;
	padding-top: 0.58rem;
	font-size: 0.32rem;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background: url(../images/a11.png) no-repeat center;
	background-size: 100% 100%;
}
.member{
	height: 4.3rem;
	padding-top: 0.6rem;
	background: #ff6028;
}
.member p{
	width: 6.5rem;
	height: 1.15rem;
	padding-top: 2.75rem;
	font-size: 0.3rem;
	text-align: center;
	color: #ffaf5a;
	margin: 0 auto;
	border-radius: 0.15rem;
	background: #fff url(../images/a34.png) no-repeat center;
	background-size: auto 1.4rem;
	display: none;
}

.member .joinlist{width: 6.5rem; padding: .3rem 0;border-radius: 0.15rem;background: #fff; margin: auto;}
.member ul{
	width: 6.5rem;
	height: 3.3rem;
	margin: 0 auto;
	overflow-y: scroll;
}
.member ul li{
	width: 5.6rem;
	height: 0.55rem;
	margin: 0 auto;
}
.member ul li span{
	display: block;
	width: 0.35rem;
	height: 0.35rem;
	font-size: 0.22rem;
	text-align: center;
	line-height: 0.36rem;
	color: #fff;
	margin: 0.1rem 0;
	border-radius: 50%;
	float: left;
	background: #ff6028;
}
.member ul li b{
	width: 3.7rem;
	height: 0.55rem;
	font-size: 0.24rem;
	text-align: center;
	line-height: 0.55rem;
	float: left;
}
.member ul li i{
	display: block;
	width: 1.54rem;
	height: 0.55rem;
	font-size: 0.24rem;
	line-height: 0.55rem;
	float: right;
}

/* 团员页面 */
.draw{
    width: 7.2rem;
	height: 6.7rem;
	padding-top: 0.2rem;
	margin: 0.3rem 0 0.8rem;
    background: url(../images/a33.png) no-repeat center;
    background-size: 100% 100%;	
	float: left; clear: both;
}
.draw h3{
	height: 1.2rem;
	font-size: 0.44rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.2rem;
	color: #fff;
}
.draw ul{
	width: 4.8rem;
	height: 4.46rem;
	margin: 0.1rem auto 0;
	background: url(../images/a3.png) no-repeat center;
	background-size: auto 3.6rem;
}
.draw ul li{
	width: 2.4rem;
	height: 1.93rem;
	padding-top: 0.3rem;
	float: left;
}
.draw ul li img{
	display: block;
	height: 0.68rem;
	margin: 0 auto;
}
.draw ul li h5{
	width: 1.56rem;
	height: 0.48rem;
	font-size: 0.24rem;
	text-align: center;
	line-height: 0.48rem;
	color: #fff;
	margin: 0.15rem auto 0.1rem;
	background: url(../images/a8.png) no-repeat center;
	background-size: 100% 100%;
}
.draw ul li p{
	font-size: 0.22rem;
	text-align: center;
}