@charset "utf-8";
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


/**********banner begin**********/
.banner{
	width:100%;
	border-bottom: 8px solid #003f54;
	margin-top: 40px;
}
.banner .banner-con{
	width:100%;
	height:3.92rem;
	display: block;
}
/**********banner end**********/

/**********primer-z begin**********/
.primer-z{
	background: #e8f7d7;
	padding:0.5rem 0.1rem 0 0.1rem;
}
/**********primer begin**********/
.primer{
	background: #ffda58;
	border-radius: 4px;
	padding-bottom:0.3rem;
}
.primer-head{
	background:url(../img/primer-bg.png) no-repeat;
	background-size: 100% auto;
	width:100%;
	height:0.58rem;
	display: block;
}
.primer-t{
	float: left;
	font-size:0.28rem;
	color: #d25418;
	height:0.58rem;
	line-height: 0.58rem;
	font-weight: bold;
}
.primer-h{
	width:3.2rem;
	margin:0 auto;
}
.primer-h i{
	background: url(../img/icon01.png) no-repeat;
	background-size: 100% auto;
	width:0.33rem;
	height:0.37rem;
	display: block;
	float: left;
	margin:0.08rem 0.16rem 0 0.12rem;
}
.primer-text{
	padding:0.18rem 0.12rem;
	font-size:0.24rem;
	color: #bf4b11;
	line-height: 0.26rem;
	
}
.primer-ul{
	padding: 0 0.06rem 0 0.04rem;
}
.primer-list{
	float: left;
	background: #fafafa;
	width:33%;
	margin:0 0.01rem 0.2rem 0.01rem;
	padding:0.09rem 0.07rem 0.1rem 0.07rem;
	position: relative;
}
.primer-list a{
	display: block;
}
.primer-list a img{
	width:1.85rem;
	height:1.4rem;
	display: block;
}
.hot{
	position: absolute;
	background: url(../img/hot.png) no-repeat;
	background-size: 100% auto;
	width:0.58rem;
	height:0.58rem;
	display: block;
	top:0;
	left:0;
}
.primer-n{
	font-size:0.18rem;
	color: #000;
	height:0.26rem;
	line-height: 0.26rem;
	width:1.72rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top:6px;
}
.primer-tec{
	font-size:0.16rem;
	color: #575757;
	height:0.24rem;
	line-height: 0.24rem;
	width:1.72rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.price{
	font-size:0.26rem;
	color:#ff2a00;
	height:0.42rem;
	line-height: 0.42rem;
	margin-top:0.2rem;
}
.price span{
	font-size:0.16rem;
	color: #8d8d8d;
	text-decoration: line-through;
	margin-left:0.1rem;
}
.check{
	background: #0494da;
	border-radius: 3px;
	height:0.34rem;
	line-height: 0.34rem;
	font-size:0.18rem;
	color: #fff;
	text-align: center;
	box-shadow: 0 2px 0 #0a6b98;
}
.login{
	background: #d83640;
	border:1px solid #b82620;
	width:2rem;
	height:0.36rem;
	line-height: 0.36rem;
	font-size:0.2rem;
	color: #f6e9b9;
	text-align: center;
	margin:0 auto;
	display: block;
}

/**********primer end**********/
/**********slander begin**********/
.slander{
	margin:0.5rem 0;
	background: #a9d680;
	border-radius: 4px;
	padding-bottom: 0.3rem;
}
.slander-head{
	background: url(../img/slander-bg.png) no-repeat;
	background-size: 100% auto;
	width:100%;
	height:0.59rem;
	display: block;
}
.slander-head .primer-h{
	width:3.2rem;
}
.slander-head .primer-t{
	color: #fafafa;
}
.slander .primer-text{
	color: #007fba;
}
.slander-head i{
	background: url(../img/icon02.png) no-repeat;
	background-size: 100% auto;
	width:0.35rem;
	height:0.34rem;
	display: block;
	margin-top:0.1rem;
}
.primer-tec01{
	font-size:0.16rem;
	color: #575757;
	height:0.22rem;
	line-height: 0.22rem;
	width:1.72rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.slander .price{
	margin-top:0.02rem;
}
/**********slander end**********/
/**********business begin**********/
.business{
	background: #64c7e7;
	padding-bottom: 0.3rem;
	border-radius: 0.04rem;
}
.business-head{
	background: url(../img/business-bg.png) no-repeat;
	background-size: 100% auto;
	width:100%;
	height:0.58rem;
	display: block;
}
.business-head .primer-t{
	color: #fafafa;
}
.business-head i{
	background: url(../img/icon03.png) no-repeat;
	background-size: 100% auto;
	width:0.35rem;
	height:0.3rem;
	display: block;
	margin-top:0.12rem;
}
.business .primer-text{
	color: #056585;
}
.business .price {
    margin-top: 0.02rem;
}
.business .primer-list .price01{
	margin-top:0.24rem;
}
.business .primer-list{
	height:3.2rem;
}
/**********business end**********/

/**********tkt begin**********/
.tkt{
	background: #5fcb99;
	margin:0.5rem 0;
	padding-bottom: 0.3rem;
	border-radius: 0.04rem;
}
.tkt .primer-h{
	width:3.2rem;
}
.tkt .tkt-head{
	background: url(../img/tkt-bg.png) no-repeat;
	background-size: 100% auto;
	width:100%;
	height:0.58rem;
	display: block;
}
.tkt .primer-t{
	color: #fafafa;
}
.tkt .primer-text{
	color: #fffa85;
}
.tkt-head i{
	background: url(../img/icon05.png) no-repeat;
	background-size: 100% auto;
	width:0.41rem;
	height:0.22rem;
	display: block;
	margin-top:0.16rem;
}
.tkt .price01{
	margin-top:-0.02rem;
}
/**********tkt end**********/


/**********interpret begin**********/
.interpret{
	background: #1babef;
	padding-bottom: 0.3rem;
	border-radius: 0.04rem;
}
.interpret .interpret-head{
	background: url(../img/interpret-bg.png) no-repeat;
	background-size: 100% auto;
	width:100%;
	height:0.58rem;
	display: block;
}
.interpret-head .primer-h i{
	background: url(../img/icon04.png) no-repeat;
	background-size: 100% auto;
	width:0.28rem;
	height:0.34rem;
	display: block;
	margin-top:0.1rem;
}
.interpret-head .primer-t{
	color: #fafafa;
}
.interpret .primer-text{
	color: #ffeb31;
}
.interpret .price01{
	margin-top:-0.02rem;
}
/**********interpret end**********/
/**********primer-z end**********/

/**********middle begin**********/
.middle{
	background: #e8f7d7;
	padding-top:0.5rem;
}

.middle .middle-tbg{
	background: url(../img/icon06.png) no-repeat;
	background-size: 100% auto;
	width:0.29rem;
	height:0.39rem;
	display: block;
	margin-left:0.78rem;
	float: left;
}
.middle .primer-h{
	float: left;
	margin:-0.08rem 0 0 0.47rem;
	width:3.9rem;
}
.middle .primer-t{
	font-size:0.37rem;
	font-weight: bold;
	color: #87c146;
}
.middle .middle-icon02{
	width:0.1rem;
	height:0.1rem;
	display: block;
	background: #87c146;
	border-radius: 50%;
	margin-top:0.24rem;
}
.middle-con{
	background: #9ecb6c;
	margin-top:0.3rem;
	padding:0.06rem 0.25rem 0.21rem 0.25rem;
}
.middle-list{
	margin-bottom: 0.22rem;
}
.middle-list a{
	display: block;
}
.middle-list a .photo01{
	width:0.81rem;
	height:0.98rem;
	display: block;
	float: left;
	margin:0.08rem 0.05rem 0 0;
}
.li-con{
	float: left;
	width:5.04rem;
}
.chen{
	font-size:0.14rem;
	font-weight: bold;
	color: #336000;
	height:0.22rem;
	line-height: 0.22rem;
	margin:0 0 0.02rem 0.12rem;
}
.li-text{
	font-size:0.2rem;
	color: #fef9e0;
	background: #7db341;
	border-radius: 0.03rem;
	padding:0.15rem 0.12rem 0.13rem 0.12rem;
}
.look{
	background: #fef9e0;
	display: inline-block;
	height:0.26rem;
	line-height: 0.26rem;
	font-size:0.16rem;
	color: #87c146;
	border-radius: 0.03rem;
	padding:0 0.04rem 0 0.07rem;
	float: right;
	margin:0.06rem 0.24rem 0 0;
}
.symbol{
	background: url(../img/symbol01.png) no-repeat;
	background-size: 100% auto;
	width:0.12rem;
	height:0.16rem;
	display: inline-block;
	margin-left:0.03rem;
	position: relative;
	top:0.01rem;
}
.li-cont a{
	display: block;
}
.middle-lis a .photo01{
	margin-right:0;
}
.middle-lis .li-con{
	margin-right:0.05rem;
}
.middle-lis .amu{
	font-size:0.14rem;
	font-weight: bold;
	color: #815c17;
	height:0.22rem;
	line-height: 0.22rem;
	text-align: right;
	margin:0 0.12rem 0.02rem 0 ;
}
.look01{
	background: #7db341;
	display: inline-block;
	height:0.26rem;
	line-height: 0.26rem;
	font-size:0.16rem;
	color: #fef9e0;
	border-radius: 0.03rem;
	padding:0 0.04rem 0 0.07rem;
	float: right;
	margin:0.06rem 0.09rem 0 0;
}
.look01 .symbl01{
	background: url(../img/symbol02.png) no-repeat;
	background-size: 100% auto;
	width:0.12rem;
	height:0.16rem;
	display:inline-block;
	margin-left:0.03rem;
	position: relative;
	top:0.01rem;
}
.middle-lis .li-text{
	background: #9ecb6c;
	border: 0.02rem solid #8fc058;
	color: #9b6e1c;
}
/**********middle end**********/

/**********more begin**********/
.more{
	background: #e8f7d7;
}
.more-icon{
	background: url(../img/icon07.png) no-repeat;
	background-size: 100% auto;
	width:0.38rem;
	height:0.4rem;
	display: block;
	float: left;
	margin:0.5rem 0.47rem 0 0.69rem;
}
.more .primer-h{
	float: left;
	width:3.9rem;
	height:0.44rem;
	line-height: 0.44rem;
	margin:0.425rem 0 0.36rem 0;
}
.more .primer-t{
	font-size:0.37rem;
	font-weight: bold;
	color: #5283e0;
}
.more .middle-icon02{
	width: 0.1rem;
  height: 0.1rem;
  display: block;
  background: #5283e0;
  border-radius: 50%;
  margin-top: 0.24rem;
}
.bottom-ul{
	background: #5283e0;
	margin:0 0.1rem;
	padding:0.19rem 0 0.14rem 0.15rem;
	border-radius: 0.04rem;
}
.bottom-list{
	float: left;
	margin:0 0.09rem 0.15rem 0;
}
.bottom-con{
	display: block;
	position: relative;
}
.bottom-con img{
	width:2.9rem;
	height:2.19rem;
	display: block;
}
.bottom-af{
	position: absolute;
	left:0;
	bottom: 0;
	width:100%;
	height:0.44rem;
	line-height: 0.44rem;
	padding-left:0.14rem;
	color: #303071;
	background: rgba(255,255,255,0.7);
	
}
/**********more end**********/

/**********brand begin**********/
.brand{
	background: #e8f7d7;
}
.brand-z .middle-icon01{
	background: url(../img/brand-bg01.png) no-repeat;
	background-size: 100% auto;
	width:0.37rem;
	height:0.38rem;
	display: block;
	margin:0.5rem 0.41rem 0 0.76rem;
	float: left;
}
.brand-z .primer-h{
	float: left;
	width:3.9rem;
	height: 0.44rem;
  line-height: 0.44rem;
  margin: 0.425rem 0 0.36rem 0;
}
.brand-z .primer-t{
	font-size: 0.37rem;
  font-weight: bold;
  color: #5283e0;
}
.brand-z .middle-icon02{
	width: 0.1rem;
  height: 0.1rem;
  display: block;
  background: #5283e0;
  border-radius: 50%;
  margin-top: 0.24rem;
}
.brand-con{
	background: #5283e0 url(../img/brand-bg.jpg) no-repeat center center;
	background-size: 2.86rem 3.31rem ;
	margin:0 0.1rem;
	padding:0.2rem 0.22rem 0.15rem 0.2rem;
	border-radius: 0.11rem;
}
.brand-con .brand-tit{
	font-size:0.25rem;
	font-weight: bold;
	color: #fffefe;
	line-height: 0.28rem;
	margin-bottom: 0.21rem;
}
.brand-list h4{
	font-size:0.21rem;
	color: #e6cf49;
	height:0.36rem;
	line-height: 0.36rem;
}
.brand-list p{
	font-size:0.19rem;
	color: #e5eeff;
	line-height: 0.34rem;
}
/**********brand end**********/

/**********exchange begin**********/
.exchange{
	background: #e8f7d7;
	padding:0.24rem 0 0.48rem 0;
}
.exchange h4{
	font-size:0.22rem;
	color: #5283e0;
	height:0.32rem;
	line-height: 0.32rem;
	text-align: center;
}
.exchange p{
	font-size:0.18rem;
	color: #5283e0;
	height:0.28rem;
	line-height: 0.28rem;
	text-align: center;
}
.exchange img{
	width:2.01rem;
	height:2.01rem;
	margin:0.08rem auto 0.1rem auto;
	display: block;
}
.exchange .key{
	width:2rem;
	height:0.4rem;
	line-height: 0.4rem;
	background: #5283e0;
	font-size:0.22rem;
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 0.04rem;
	margin:0 auto;
}
/**********exchange end**********/

.redbag{
	margin-bottom:0.3rem;
}
.redbag div{
	text-align:center;
	overflow: hidden;
}
.redbag .bg{
	position: relative;
	float:left;
	text-align:center;
}
.redbag .bg img{
	width:1.94rem;
	height:1.63rem;
	margin-right:0.12rem;
}
.redbag .bg_top{
	position: absolute;
	top:0.9rem;
	left:1.2rem;
	display: none;
}
.redbag .bg_top img{
	width:0.68rem;
	height:0.68rem;
}
.redbag .bg>img:last-child{
	margin-right:0;
}