.pages{
	display: none;
}
.logo_img {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.7rem
}
.main_box{
	background: #d1321d;
	border: 0.05rem solid #fe8272;
	margin: .2rem .2rem .5rem;
	border-radius: 0.25rem;
	position: relative;
	padding: 0.15rem;
	padding-top: 0.75rem;
	box-shadow: inset 0 0 0.2rem #c72717;
}
.main_box .title_box{
	text-align: center;
	position: absolute;
	background: url(../img/tit.png) no-repeat top center;
	background-size: auto 0.7rem;
	left: 0;
	right: 0;
	top: -0.2rem;
	margin: auto;
	line-height: 0.7rem;
	font-size: .32rem;
	color: #ea2801;
	font-weight: bold;
}
.main_box .con{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.main_box .list{
	background: linear-gradient(to right bottom,#fffbe2,#ffe187);
	border-radius: 0.15rem;
	overflow: hidden;
	display: flex;
	position: relative;
	margin-bottom: .15rem;
}
.main_box .list .img_box{
	width: 1.6rem;
	/* max-height: 1.6rem; */
	padding: .2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main_box .list .img_box img{
	border-radius: 50%;
}
.main_box .list .but{
	width: 1.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	background: linear-gradient(to right,#f08c25,#fc644e);
	color: #fff;
	font-size: .22rem;
	border-radius: 0.2rem;
	margin-top: 0.15rem;
}
.main_box .list.list_100{
	width: 100%;
}
.main_box .list.list_100::before {
	content: '';
	position: absolute;
	left: 1.5rem;
	bottom: -0.14rem;
	width: 0.23rem;
	height: 0.23rem;
	background: #d1321d;
	border-radius: 0.14rem
}
.main_box .list.list_100::after {
	content: '';
	position: absolute;
	left: 1.5rem;
	top: -0.14rem;
	width: 0.23rem;
	height: 0.23rem;
	background: #d1321d;
	border-radius: 0.14rem
}
.main_box .list .text_box{
	flex: 1;
	padding: .2rem;
	padding-left: 0.3rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.main_box .list .text_box .title{
	font-size: .3rem;
	font-weight: bold;
	color: #581406;
}
.main_box .list .text_box .desc{
	font-size: .26rem;
	color: #fd643c;
	line-height: .32rem;
}
.main_box .list .text_box .text{
	font-size: .2rem;
	color: #666;
	line-height: .3rem;
}
.main_box .list.list_50{
	flex-direction: column;
	width: 48.7%;
	align-items: center;
	background: linear-gradient(to bottom,#fffdeb,#ffe187);
	margin: 0 0 0.15rem;
	text-align: center;
}
.main_box .list.list_50::before {
	content: '';
	position: absolute;
	top: 1.3rem;
	left: -0.14rem;
	width: 0.23rem;
	height: 0.23rem;
	background: #d1321d;
	border-radius: 0.14rem
}
.main_box .list.list_50::after {
	content: '';
	position: absolute;
	top: 1.3rem;
	right: -0.14rem;
	width: 0.23rem;
	height: 0.23rem;
	background: #d1321d;
	border-radius: 0.14rem
}
.main_box .list.list_50 .text_box{
	padding: .12rem;
}
.main_box .list.list_50 .but{
	margin: .12rem auto;
}
.main_box .but_more{
	width: 4rem;
	line-height: 0.7rem;
	text-align: center;
	color: #fff;
	background: linear-gradient(to right,#f18e26,#fc644e);
	border-radius: 0.35rem;
	margin: 0.3rem auto;
}
.main_box .con_2{
	display: flex;
	flex-wrap: wrap;
	margin: .2rem;
}
.main_box .item{
	width: 33.33%;
	background: url(../img/bubble.png) no-repeat center;
	background-size: auto .8rem;
	text-align: center;
	line-height: .8rem;
	color: #581406;
	font-size: .28rem;
	margin-bottom: .35rem;
	flex-wrap: 0;
}

/* detail */
.detail_title_box{
	text-align: center;
	margin: 0 0.4rem;
}
.detail_title_box .tit{
	color: #ef5243;
	font-size: .56rem;
	line-height: .7rem;
	font-weight: bold;
	margin: .8rem 0.6rem .4rem;
	text-shadow: 
  0 0 7px #fff,
  0 0 7px #fff,
  -2px -2px 0 #fff,
   2px -2px 0 #fff,
  -2px  2px 0 #fff,
   2px  2px 0 #fff;
	/* -webkit-text-stroke: 3px #fff; */
	letter-spacing: 0.05rem;
}
.detail_title_box .desc{
	display: inline-block;
	min-height: 0.7rem;
	border: 2px solid #fff;
	color: #fff;
	background: #ef4b3b;
	border-radius: .7rem;
	padding: 0.2rem .4rem;
	font-size: 0.24rem;
}
.detail_info_box{
	background: #fff;
	border: 3px solid #fff47d;
	padding: .3rem;
	border-radius: 0.2rem;
	font-size: 0.24rem;
}
.detail_info_box .list{
	margin-bottom: .3rem;
	display: flex;
}
.detail_info_box .list i{
	display: block;
	width: 1.2rem;
	color: #ef4b3b;
}
.detail_info_box .list .con{
	flex:1;
}
.detail_main_box{
	margin: .7rem .2rem;
}
.detail_info_box .but{
	color: #fff;
	width: 3.4rem;
	line-height: 0.8rem;
	text-align: center;
	margin: .3rem auto;
	background: linear-gradient(#feb46b,#f74a22);
	font-size: .36rem;
	border-radius: 0.6rem;
	box-shadow: 0 0.05rem 0.2rem #ff5e3a;
}
.detail_pos_box img{
	width: 100%;
	border-radius: 0.2rem;
	overflow: hidden;
	border: 3px solid #fff47d;
	margin: 0.3rem auto 0.2rem;
}