@charset "utf-8";

@font-face{
	font-family:syst;
	font-style:normal;
	/*src:url(../font/syst.otf) format("truetype");*/
	font-display:swap
}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:none }
.clear{clear:both;overflow:hidden;}
a{text-decoration:none;color:#333;}
input{border:none;  outline:medium;font-family:微软雅黑;}
*{font-family:微软雅黑;box-sizing: border-box;}
body{width:100%;font-family:微软雅黑;background:#fac39a;color:#333;font-size:50px;}
html{overflow-x:hidden;}
table{border-collapse:collapse}
img{border:none;width: 100%;}
ul{list-style: none;}

.main{
	background: url(../img/main_bg.jpg) #fac39a no-repeat;
	padding: 0.44rem 0.24rem 0.2rem;
	background-size: 100% auto;
}
.main1{
	background-color: #fff;
	padding: 0.25rem 0.25rem 0.3rem 0.3rem;
	border-radius: 0.36rem;
	box-shadow:  0 0 0.15rem #f7ac69;
}
.main2{
	font-size: 0.34rem;
	color: #010100;
	font-weight: bold;
	text-align: center;
	font-family: syst;
}
.main3{
	font-size: 0.28rem;
	color: #000000;
	text-align: center;
	padding-bottom: 0.16rem;
	margin-top: 0.2rem;
	border-bottom: 1px solid #9d2f27;
}
.main4{
	margin-top: 0.2rem;
	font-size: 0.28rem;
	color: #000000;
	text-align: center;
}
.main4 span{
	font-weight: bold;
	color: #d52724;
}
.main5{
	padding-left: 0.2rem;
	margin-top: 0.25rem;
	font-size: 0.24rem;
	color: #000000;
}
.main5 span{
	color: #d52724;
}
.main5 input{
	vertical-align: middle;
	margin-right: 6px;
	position: relative;
	width: 0.27rem;
	appearance: none;
	height: 0.27rem;
	font-size: 0;
}
.main5 input:before{
	content: '';
	width: 0.23rem;
	height: 0.23rem;
	border: 0.01rem solid #acacac;
	display: inline-block;
	border-radius: 50%;
}
.main5 input:checked:before{
	content: '';
	width: 0.23rem;
	height: 0.23rem;
	border: 0.01rem solid #00479d;
	background:#ffffff;
	display: inline-block;
	border-radius: 50%;
}
.main5 input:checked:after{
	content: '';
	width: 0.19rem;
	height:0.19rem;
	border-radius: 50%;
	background-color: #00479d;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.main6{
	margin-top: 0.2rem;
	background-color: #fff;
	padding: 0.24rem 0.17rem 0.45rem;
	border-radius: 0.24rem;
	box-shadow:  0 0 0.15rem #f7ac69;
}
.main7{
	position: relative;
	font-size: 0;
    width: 100%;
}
.main7 .title{
	display: table-cell;
	position: absolute;
	top: 72px !important;
	left: 58px;
	font-size: 0.25rem;
	color: #010100;
	font-weight: bold;
	text-align: center;
	font-family: syst;
	width: 67%;
}
.main8{
	margin-top: 0.24rem;
	overflow: hidden;
}
.main9{
	padding: 0 0.16rem;
	height: 1.05rem;
	border: 0.02rem solid #9c9b99;
	border-radius: 0.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	float: left;
	width: calc((100% - 10px)/2);
	color: #555452;
}
.main9:nth-child(2){
	float: right;
}
.main10{
	font-size: 0.28rem;
}
.main11{
	font-size: 0.22rem;
	text-align: center;
}
.main9.on{
	border: 0.02rem solid #d00202;
	color: #d00202;
}
.main12{
	margin-top: 0.32rem;
	padding: 0.14rem 0.23rem 0.24rem 0.1rem;
	border-top: 0.02rem solid #efebe9;
	border-bottom: 0.02rem solid #efebe9;
}
.main13{
	font-size: 0.3rem;
	color: #060503;
	line-height: 0.41rem;
}
.main13 span{
	display: inline-block;
	font-size: 0.24rem;
	color: #d6a556;
	border: 0.01rem solid #d6a556;
	height: 0.41rem;
	line-height: 0.39rem;
	border-radius: 3px;
	padding: 0 0.32rem;
}
.main13 a{
	float: right;
	color: #0b0ba7;
	font-size: 0.24rem;
}
.main14{
	margin-top: 0.3rem;
	font-size: 0.24rem;
	color: #040301;
}
.main15{
	margin-top: 0.16rem;
	overflow: hidden;
}
.main15 label{
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	text-align: center;
	font-size: 0.24rem;
	color: #030200;
}
.main15 label img{
	width: 0.6rem;
	margin-right: 0.16rem;
}
.main15 input{
	vertical-align: middle;
	margin-right: 6px;
	margin-left: 0.12rem;
	position: relative;
	width: 0.27rem;
	appearance: none;
	height: 0.27rem;
	font-size: 0;
}
.main15 input:before{
	content: '';
	width: 0.23rem;
	height: 0.23rem;
	border: 0.01rem solid #acacac;
	display: inline-block;
	border-radius: 50%;
}
.main15 input:checked:before{
	content: '';
	width: 0.23rem;
	height: 0.23rem;
	border: 0.01rem solid #00479d;
	background:#ffffff;
	display: inline-block;
	border-radius: 50%;
}
.main15 input:checked:after{
	content: '';
	width: 0.19rem;
	height:0.19rem;
	border-radius: 50%;
	background-color: #00479d;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.main16{
	margin-top: 0.26rem;
	text-align: center;
}
.main16 input{
	width: 5.53rem;
	height: 0.65rem;
	border-radius: 0.32rem;
	background-color: #ffcf23;
	box-shadow: 0 5px 5px #da8e04;
	font-size: 0.3rem;
	color: #a43000;
}
.main17{
	margin-top: 0.36rem;
	padding-left: 0.55rem;
	font-size: 0.26rem;
	color: #020100;
}
.main17 a{
	color: #00479d;
}
.main17 input{
	vertical-align: middle;
	margin-right: 6px;
	margin-left: 0.12rem;
	position: relative;
	width: 0.27rem;
	appearance: none;
	height: 0.27rem;
	font-size: 0;
}
.main17 input:before{
	content: '';
	width: 0.23rem;
	height: 0.23rem;
	border: 0.01rem solid #acacac;
	display: inline-block;
	border-radius: 50%;
}
.main17 input:checked:before{
	content: '';
	width: 0.23rem;
	height: 0.23rem;
	border: 0.01rem solid #00479d;
	background:#ffffff;
	display: inline-block;
	border-radius: 50%;
}
.main17 input:checked:after{
	content: '';
	width: 0.19rem;
	height:0.19rem;
	border-radius: 50%;
	background-color: #00479d;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.main18{
	margin-top: 0.24rem;
	padding: 0 0.32rem 0.36rem 0.18rem;
	background-color: #ffffff;
	border-radius: 0.2rem;
}
.main19{
	margin: 0 auto;
	width: 3.98rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	background-color: #f57f01;
	font-size: 0.3rem;
	color: #ffffff;
}
.main20{
	margin-top: 0.24rem;
	font-size: 0.24rem;
	text-indent: 0.48rem;
	color: #333333;
	line-height: 0.51rem;
}
.main21{
	margin-top: 0.32rem;
	font-size: 0.24rem;
	color: #ffffff;
}
.main21 img{
	width: 0.4rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.12rem;
}
.main21 span{
	margin-left: 0.96rem;
}
.main22{
	margin-top: 0.4rem;
	font-size: 0.2rem;
	color: #ffffff;
	text-align: center;
}
.main22 a{
	color: #ffffff;
}
.kefu{
	position: fixed;
	right: 0;
	bottom: 1.5rem;
	z-index: 96;
	width: 1.43rem;
	padding: 0.15rem 0 0.12rem;
	box-shadow: 0 0 10px #f8e6ca;
	background-color: #fff;
	border-radius: 0.1rem 0 0 0.1rem;
}
.kefu1{
	font-size: 0;
	text-align: center;
}
.kefu1 img{
	width: 0.62rem;
}
.kefu2{
	font-size: 0.28rem;
	color: #a2262e;
	text-align: center;
}
.kefu3{
	font-size: 0.2rem;
	color: #a2262e;
	text-align: center
}
.address_tc{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}
.address_tc1{
	position: absolute;
	left: 0.25rem;
	right: 0.25rem;
	top: 50%;
	transform: translateY(-50%);
	background-color: #ffffff;
	border-radius: 0.1rem;
	padding: 0.4rem 0 0.53rem;
}
.address_tc2{
	font-size: 0.36rem;
	color: #000000;
	text-align: center;
	font-weight: bold;
	position: relative;
	line-height: 1;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #bfbfbf;
}
.address_tc2 img{
	position: absolute;
	right: 0.26rem;
	top: 0;
	width: 0.32rem;
}
.address_tc3{
	border-bottom: 1px solid #bfbfbf;
	padding: 0 0.26rem 0 0.29rem;
	height: 1.08rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.address_tc3 span{
	display: block;
	width: 1.5rem;
	font-size: 0.28rem;
	color: #000000;
}
.address_tc3 code{
	flex: 1;
	font-size: 0.28rem;
	color: #7d7d7d;
}
.address_tc3 input{
	flex: 1;
	font-size: 0.28rem;
	color: #7d7d7d;
}
.address_tc3 select{
	width: 1.55rem;
	height: 0.78rem;
	font-size: 0.24rem;
	color: #666666;
	border-radius: 0.06rem;
}
.address_tc4{
	margin-top: 0.35rem;
	text-align: center;
}
.address_tc4 input{
	width: 4.95rem;
	height: 0.83rem;
	background-image: linear-gradient(to bottom,#ec6d4c,#f84d2f);
	font-size: 0.36rem;
	color: #ffffff;
	box-shadow: 0 2px 2px #9f100b;
	border-radius: 0.2rem;
}
.sm_tc{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}
.sm_tc1{
	position: absolute;
	left: 0.54rem;
	right: 0.51rem;
	top: 50%;
	transform: translateY(-50%);
	max-height: 80%;
	overflow-y: scroll;
}
.sm_tc2{
	padding: 0.5rem 0.2rem 0.56rem 0.25rem;
	background-color: #ffffff;
	border-radius: 0.1rem;
}
.sm_tc3{
	font-size: 0.36rem;
	color: #000000;
	text-align: center;
}
.sm_tc4{
	margin-top: 0.24rem;
	font-size: 0.24rem;
	color: #666666;
	line-height: 0.48rem;
}
.sm_tc5{
	font-size: 0.3rem;
	color: #005de9;
	text-align: center;
	margin-top: 0.6rem;
}

.main7 p {font-size: 3.5vw; top: 32vw; display: block;}

@media (max-width: 1920px) and (min-width: 750px) {
	#title_id  {
		font-size: 32px;
		padding-top: 108px;
		left: 40px;
		display: block;
		width: 100%;
		text-align: left;
	}
}