�?* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "microsoft yahei", sans-serif;
}

input {
	-webkit-appearance: none;
}

i {
	font-style: normal
}

li {
	list-style: none;
}

a,
input,
label {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0)
}

img {
	display: block
}

input,
button {
	outline: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*+height: 1%
}

body {
	padding-top: constant(safe-area-inset-top);
	padding-left: constant(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-bottom: constant(safe-area-inset-bottom);
	background: #fff;
	max-width: 750px;
	width: 100%;
	margin: auto;
	font-size: 0;
}

.banner {
	background: url(../images/banner.jpg) no-repeat 0 0;
    background-size: 100%;
    width: 100%;
    height: 4.46rem;
    padding: 0.4rem 0.6rem 0;
	position: relative;
}

.banner h1 {
	font-size: 0.64rem;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.05rem;
    text-shadow: 0px 4px 6px #094792;
}

.banner .banner_con {
	margin: 0.3rem 0 0.1rem;
}

.banner .banner_con h4 {
	font-size: 0.24rem;
    text-align: left;
    font-weight: bold;
    color: #ff5d0f;
    text-align: center;
    width: 1.7rem;
    padding: 0.05rem 0;
    background: #e8e8e8;
    border-radius: 50px;
}

.banner .banner_con p {
	font-size: 0.2rem;
    text-align: left;
    font-weight: normal;
    color: #fff;
    margin-top: 0.15rem;
}

.banner_btn{
	padding: .2rem 0.2rem;
    position: absolute;
    left: .5rem;
    right: .5rem;
    display: flex;
    background: #fff;
    justify-content: space-between;
       bottom: -.98rem;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #eee;
}
.banner .banner_btn li {
	float: left;
	width: 31%;
	/* margin-right: 2%; */
}
.banner .banner_btn li i img{
	width: 0.7rem;
    margin: auto;
}


.banner .banner_btn li a {
	display: block;
	width: 100%;
	/* background: #447eb9; */
	color: #2f2f2f;
	font-size: 0.22rem;
    font-weight: 600;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;
}

.nav li {
	float: left;
	width: 20%;
}

.nav li a {
	display: block;
    width: 100%;
    background: #f3f3f3;
    color: #2f2f2f;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.5rem;
    border-right:1px solid #dcdcdc;
    box-sizing: border-box;
}

.nav li:last-child a {
	border-right: none;
}

.intro {
	margin-top: 1rem;
	padding: 0.4rem 0.1rem;
	border-bottom: 10px solid #f5f5f5;
}
.intro>ul{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.intro .intro_list {
	float: left;
    width: 48%;
    /* border: 1px solid #ccc; */
    box-sizing: border-box;
    padding: 0.2rem;
    border-radius: 5px;
    background: #f7f7f7;
    margin: .15rem 0;
}

.intro .intro_list .int_top {
	padding: 0.05rem 0;
    /* border-bottom: 1px solid #ccc; */
    background: #2392fd;
    width: 80%;
    border-bottom-right-radius: 15px;
}

.intro .intro_list .int_top img {
	float: left;
    width: 0.45rem;
	margin-right: 0.15rem;
    margin-left: 0.1rem;
}

.intro .intro_list .int_top span {
	float: left;
    font-size: 0.25rem;
    color: #ffffff;
    margin-top: 0.05rem;
}

.intro .intro_list p {
	font-size: 0.2rem;
    line-height: 0.3rem;
    color: #333;
    margin: 0.2rem 0;
    /* padding: 0 0.2rem; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.intro .intro_list .int_btn {
	padding: 0.3rem 0.1rem 0;
} 
.intro .intro_list .int_btn li {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 0.1rem;
}
.intro .intro_list .int_btn li:nth-child(2n) {
	margin-right: 0;
}
.intro .intro_list .int_btn li a {
	display: block;
    width: 100%;
    background: #f1ebd6;
    color: #9e5e27;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.4rem;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

.end{
	/* background: url("../images/end.jpg") no-repeat 0 0;
	background-size:7.5rem auto; */
	width:100%;
	padding: 0.62rem 0;
	border-bottom: 10px solid #f5f5f5;
	text-align: center;
}

.end_tit{
	font-size: 0.5rem;
    color: #0065fb;
	text-align: center;
}
.end_im {
	width: 6rem;
	margin: 0.2rem auto 0;
}
.end_stit{
	font-size: 0.2rem;
    color: #615f5f;
    line-height: 0.35rem;
    text-align: center;
    letter-spacing: 0.01rem;
    margin: 0.18rem 0 0 0;
}
.end_stit span{
	background: #ffedb9;
    padding: .05rem 0 0.05rem 0.13rem;
    border-radius: 20px;
    margin-right: 0.1rem;
    color: #333232;
}
	

.end_time{
	width:5.33rem;
	margin: 0.30rem auto 0;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.end_box{
	/* background: url("../images/end_month.png") no-repeat 0 0;
	background-size:1.9rem 2.03rem; */
	width: 2.3rem;
    height: 1.5rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #1a6c6f;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.09rem 0.3rem 0;
	position: relative;
	border-radius: 10px;
}

.end_box1{
	/* background-image: url("../images/end_day.png"); */
}

.end_box>span{
	font-size: 0.82rem;
	color: #0dd6de;
	font-weight: bold;
	-webkit-flex: 0 1 auto;
	flex:0 1 auto;
}
.end_box i{
	position: absolute;
    width: 0.55rem;
    padding: 0.05rem 0;
    background: #0dd6de;
    color: #ffffff;
    bottom: -1px;
    right: -1px;
    text-align: center;
    border-top-left-radius: 10px;
    font-size: 0.22rem;
    border-bottom-right-radius: 10px;
}
.end .end_con {
	margin: 0.3rem auto;
    width: 93%;
}
.end_con li{
    background: #eaf2fb;
	margin: 0.1rem 0;

}
.end .end_con li p {
	font-size: 0.22rem;
	color: #666;
	line-height: 0.4rem;
	text-align: center;
}
.end .end_con li p span {
	color: #2591f9;
}
.end_btnbox{
	width: 98%;
    display: flex;
    margin: auto;
    justify-content: space-between;
}
.end_btn_big{
	background: #ffc00e;
    width: 3.2rem;
    height: 0.76rem;
    border: none;
    border-radius: 0.08rem;
    display: inline-block;
    margin: 0.20rem auto 0;
    font-size: 0.30rem;
    color: #885800;
    font-weight: 600;
    letter-spacing: 0.01rem;
}

.end_ear {
	padding: 0.5rem 0.2rem 0.4rem;
}
.end_ear li {
	width: 20%;
    /* margin-right: 1.2%; */
    /* margin-bottom: 0.2rem; */
    float: left;
    position: relative;
}
.end_ear li:nth-child(5n) {
	margin-right: 0;
}
.end_ear a {
	display: block;
    width: 100%;
    background: #f2f9ff;
    color: #1a1a1a;
    font-size: 0.24rem;
    text-align: center;
    line-height: 1rem;
}
.end_ear li img {
	position: absolute;
	top: -0.04rem;
    left: -0.04rem;
    width: 0.3rem;
}

.baom {
    width: 100%;
    /* padding: 0.62rem 0; */
    border-bottom: 10px solid #f5f5f5;
}
.baom>img {
	display: block;
    width: 100%;
}
.baom .baom_con {
	border: 1px solid #fff;
	padding: 0.3rem;
	width: 90%;
	margin: 0 auto;
}
.baom .baom_con h4 {
	padding: 0.14rem 0;
	font-size: 0.32rem;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	width: 40%;
	margin: -0.7rem auto 0;
	background: #447eb9;
}
.baom .baom_con p {
	font-size: 0.28rem;
	text-align: center;
	color: #fff;
	margin-top: 0.3rem;
}
.baom .baom_con p font {
	color: #F0FF00;
}
.baom_btn_big {
	background: #fff;
	width: 6rem;
	height: 0.76rem;
	border: none;
	border-radius: 0.08rem;
	display: block;
	font-size: 0.30rem;
	color: #447eb9;
	font-weight: 600;
	letter-spacing: 0.01rem;
	margin: 0.33rem auto 0;
}

.question {
	/* background: url("../images/question.jpg") no-repeat 0 0;
	background-size: cover; */
	width: 100%;
	padding: 0.62rem 0;
	border-bottom: 10px solid #f5f5f5;
}

.question_tit {
	width: 6.09rem;
	margin: 0 auto;
}

.question_con {
	width: 93%;
	margin: 0.38rem auto 0;
}

.question_con li {
	background: #f7f7f7;
    background-size: 6.89rem 0.71rem;
    width: 100%;
    height: 0.71rem;
    margin-top: 0.18rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question_con li:first-child {
	margin-top: 0;
}

.question_con li:nth-child(even) {
	background-color: #edf6ff;
}

.question_no {
	width: 0.58rem;
    height: 0.58rem;
    margin-left: 0.06rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-flex;
    background: #ffc00e;
    display: flex;
    border-radius: 7px;
    align-items: center;
    padding-left: 0.16rem;
}

.question_no>i {
	font-size: 0.3rem;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}

.question_p {
	width: 4.5rem;
    font-size: 0.26rem;
    color: #4b4b4b;
    /* padding-left: 0.15rem; */
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}


.question_btn {
	background: #6f6f6f;
    width: 1.5rem;
    height: 0.60rem;
    border: none;
    border-radius: 0.30rem;
    font-size: 0.22rem;
    color: #fff;
    letter-spacing: 0.01rem;
    /* font-weight: 600; */
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    border-bottom-right-radius: 0;
    /* border-top-right-radius: 0;*/
}

.question_con li:nth-child(even) .question_btn {
	background: #2392fd;
}

.question_tips {
	font-size: 0.24rem;
	color: #d34750;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.01rem;
	margin: 0.34rem 0 0 0;
}

.question_btn_big {
	background: #ffc00e;
	width: 3.8rem;
    height: 0.76rem;
    border: none;
    border-radius: 0.08rem;
    display: block;
    font-size: 0.3rem;
    color: #674a16;
    letter-spacing: 0.01rem;
    font-weight: 600;
    margin: 0.6rem auto 0;
}

.means {

	width: 100%;
	padding: 0.68rem 0;
}

.means_tit {
	width: 5.02rem;
	margin: 0 auto;
}

.means_con {
	width: 6.70rem;
	height:4rem;
	margin: 0.47rem auto 0;
}

.means_con ul{
	width: 100%;
	height:100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

.means_con li{
	background: #fefeff;
    background-size: 2.07rem 1.9rem;
    width: 2.07rem;
    height: 1.9rem;
    padding-top: 0.05rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-shadow: 0px 4px 12px #eee;
}

.means_top{
	width:100%;
	height:0.47rem;
	display:-webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.means_h3 {
    font-size: 0.22rem;
    color: #2a2a2b;
    letter-spacing: 0.02rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}

.means_mid{
	width: 100%;
    /* height: 1.66rem; */
    margin: 0.01rem 0 0 0;
    padding-top: 0.05rem;
}

.means_p {
	font-size: 0.20rem;
    color: #6f6a6a;
    line-height: 1;
    text-align: center;
}

.means_icon{
	width: 0.94rem;
    margin: 0.05rem auto 0.14rem;
}

.means_p_red{
	font-size: 0.26rem;
	color: #d34750;
	line-height: 1;
	text-align: center;
	margin: 0.12rem 0 0 0;
}

.means_btn {
	background:transparent;
	width:100%;
	height:0.5rem;
	border: none;
	display: block;
}
.means_btns {
    width:3.8rem;
    height: 0.76rem;
    margin: 0.32rem auto 0;
    position: relative;
}
.means_btn1 {
	background: #ffc00e;
    width: 100%;
    height: 102%;
    border: none;
    border-radius: 0.08rem;
    display: block;
    font-size: 0.30rem;
    color: #674a16;
    letter-spacing: 0.02rem;
    font-weight: 600;
    margin: 0.33rem auto 0;
}

.hot{
	width: 0.63rem;
    height: 0.63rem;
    position: absolute;
    top: -0.20rem;
    right: 0.3rem;
}

.footer {
	background: #f5f5f5;
	width: 100%;
	/* padding: 0.24rem 0; */
}

.footer_logo {
	width: 1.32rem;
	margin: 0 auto;
}

.footer_p {
	font-size: 0.28rem;
	color: #333;
	line-height: 0.50rem;
	text-align: center;
	letter-spacing: 0.01rem;
}

.footer_p a {
	color: #333;
}


.ml8 {
	margin-left: 0.08rem;
}

.ml105 {
	margin-left: 1.05rem;
}

.mt23 {
	margin-top: 0.23rem;
}

.mt24 {
	margin-top: 0.24rem;
}

.mt25 {
	margin-top: 0.25rem;
}

.mt28 {
	margin-top: 0.28rem;
}

.mt40 {
	margin-top: 0.40rem;
}

.mt42 {
	margin-top: 0.42rem;
}