html {
	font-size: 10px;
	font-family: "寰蒋闆呴粦";
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

ul,
h1,
h3,
h2,
p,h1 {
	margin-bottom: 0px;
	margin-top: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration:none;
	color:none;
}
input{
	outline: none;
	border: none;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding-left: 0px;
	padding-right: 0px;
}

@media only screen and (min-width: 768px) {
	.container {
		width: 750px;
		background: #fff;
		border: 1px solid gray;
	}
	.row{
		/* padding: 0 5rem ; */
	}

}
.head{
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;font-size: 3.6rem;
	background:#FEBD46;
	font-weight: bold;
}
.claearPadding{
	padding-left: 0;padding-right: 0;
}

.main-1{
	text-align: center;
	position: relative;
	/* margin-top: 2rem; */
}
.main-1 h1{
	font-size: 4rem;
	color: #0e0e0e;
}
.main-1 p{
	color: #58536f;
	font-size: 2.5rem;
}
.main-1-1{
	width: 100%;
	height: 600px;
	background:linear-gradient(220deg,#FE652A,#FEBD46);
	position: relative;
	/* display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center; */
	/* margin-top: 2rem; */
	/* padding-bottom: 30px; */
}
.main-1-1 p{
	color: #fff;
	font-size: 3.6rem;
}
.main-1-1 >p:nth-child(2){
	font-size: 3.6rem;
	color: #ffd200;
	background: #EE4301;
	border-radius: 50px;
	margin: 0 60px;
	margin-top: 47px;
	padding: 10px 0;
	box-shadow:0px -1px 0px 0px rgba(29, 27, 27, 0.22);
}
.main-1-1 >p:nth-child(2) span{
	font-size: 3rem;
	color: #fff;
}
.main-1-1 >p:nth-child(3){
	font-size: 3rem;
}
.main-xm{
}
.main-xm p{
}
.main-xm ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	/* margin-bottom: 50px; */
	padding: 0 30px;
	align-items: center

}
.main-xm ul a{
	font-size: 1.8rem;
	color: #fff;
}
.main-xm ul li{
	color:#fff;

}
.main-xm ul li a{display: flex;flex-direction: column;align-items: center;}
.main-xm ul li a img{width: 45px;height: 54px;}
.main-xm ul li a span{font-size: 2.4rem;color: #fff;}
.main-1-2{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70%;margin: auto;
	height: 65px;
	border-radius: 65px;
	background: rgba(204, 39, 37, 1);
	color: #fff;
	font-size: 2rem;
	margin-top: 2rem;
}
.main-1-2 div p{
	font-size: 1.5rem;
	color: #fff;
	margin-left: 15px;
}
.main-1-2 a{
	color: #fff;
	font-size: 4rem;
	margin-left:5px;

}

.main-cho >p{
	width: 90%;
	font-size: 2.0rem;
	/* padding-left: 30px; */
	/* padding-top: 30px; */
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	color: #999;
	padding-bottom: 20px;

}

label{
	margin-bottom: 0;
}
.main-2{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.main-2-wrapper,.main-2-1{
	width: 100%;
	display: flex;
	align-items: center;
	flex-flow: column;
	justify-content: space-between;
}
.main-2-1{
	width: 90%;height: 70px;
	flex-flow: row;
	color: rgb(102, 102, 102);
	/* border: 1px solid rgb(209, 209, 209); */
	/* border-radius: 10px; */
	/* padding-left: 1rem; */
	margin-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}
.main-2-1 p{
	/* width: 12%; */
	display: flex;
	justify-content: space-between;
	font-size: 2.5rem;
	color: #999;
	padding-left: 10px;
}
.main-2-1 label{
	width: 65%;
	font-weight: 0 !important;

}
.main-2-1 input{
	width: 100%;
	/* padding-left: 10px; */
	font-size:3.0rem;
	color: #666;
	text-align: right;
	font-weight: 100;

}
.main-2-1 label input::-webkit-input-placeholder{
	color:#cccccc;
	font-size: 2.4rem;
}
.main-2-1 span{
	color:#999;
	font-size: 30px;
}
.main-2-1 input::-webkit-input-placeholder {
  color: rgb(209, 209, 209);
}
.main-2-1 input::-moz-placeholder {
  color: rgb(209, 209, 209);
}
.main-2-1 input:-moz-placeholder {
  color: rgb(209, 209, 209);
}
.main-2-1 input:-ms-input-placeholder {
  color: rgb(209, 209, 209);
}
.hui-picker-menu{
	height: 46px;
}

.sub{
	width: 90%;height: 100px;
	border-radius: 10px;
	background:#f8b72a;
	color: #fff;font-size: 1.8rem;
	margin-top: 50px;
    margin-bottom: 20px;
	font-size: 3.6rem;
	border:none;
	box-shadow:0px -1px 2px -1px #797575 inset
}
.main-3{
	width: 90%;
	margin: 0 auto;
	margin-bottom:30px;
	/* display: flex; */
    justify-content: center;
	/* padding-left: 20px; */

}
.main-3 span{font-size: 24px;color: #fe0000;}
.main-3 p{
	font-size: 2rem;color: #999;
}
.main-3 p span{font-size:2.4rem;}
.main-3-1{
	width: 90%;
	margin: auto;
}
.main-3-1 img{
	width: 100%;
}
.main-4,.main-4-1,.main-4-2 ul li,.main-4-3{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.main-4-1,.main-4-3{
	width: 80%;
	height: 90px;
	background:linear-gradient(180deg,#FF2F31,#de0002);
	border-radius: 60px;
	color: #fff;
	font-size: 3.0rem;
	flex-direction: row;
	/* box-shadow: 0px 1px 14px 0px #776aff; */
	margin-bottom: 40px;
	margin-top: 40px;
}
.main-4-1 a,.main-4-3 a{
	color: #fff;
	font-size: 4.0rem;
}
.main-4-2{
	width: 90%;
	/* margin-bottom: 20px; */
}
.main-4-2 ul{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	flex-flow: wrap;
	border: 1px solid #eee;
	border-bottom:none;
}
.main-4-2 ul li{
	width: 50%;
	height: 70px;
	flex-flow: row;
	color: rgb(250, 237, 255);
	border-bottom: 1px solid #eee;
	padding:2px 0;
	padding-left: 5px;
}
.main-4-2 ul li img{
	margin-right: 10px;
}
.main-4-2 ul li:nth-child(odd){
	border-right: 1px solid #eee;
}
.main-4-2 ul li .span{
	width: 20%;
	display: block;height: 100%;
	text-align: center;
	line-height: 40px;
	color: #fff;
	padding-left: 5px;
}
.main-4-2 ul li p span{
	color: #999;
	font-size: 2.4rem;
}
.main-4-2 ul p{
	width: 80%;
	text-align: left;
	line-height: 40px;
	color: #999;
	font-size: 24px;
	/* text-indent: 2rem; */
}
.p{display: flex;justify-content: space-between;align-items: center;    text-align: left;margin-top: 40px;margin-bottom:25px;}
.p p:nth-child(1){padding-left: 30px;font-size: 4.8rem;}
.p p:nth-child(1) span{color: #fff;display: block;font-size:1.8rem;}
.p p:nth-child(1) a{color: #fff;}
.main-xm p:nth-child(2){background: #FE5311;padding: 0 30px 0 15px;border-radius: 50px 0 0 50px;display: flex;}
.main-xm p:nth-child(2) span{font-size: 2.4rem;color: #fff;display: block;padding-top: 3px;}
.main-xm p:nth-child(2) a{font-size: 3.0rem;color: #fff;}

.pa{background: #fff;margin: 0 auto;border-radius: 15px;padding-top: 25px;box-shadow: 1px 1px 7px 2px #ccc;margin-top:-20px;position: absolute;top:530px;width: 690px;margin-left: 15px;}
/* .pa1{margin-top: 450px;} */
/* .bg1{background: url(../img/G.png) no-repeat center;text-align: center;padding-top: 12px;background-size: 90px;} */
.bg1 p:nth-child(1){font-size: 4.6rem;color: #343333;margin-top: -11px;}
.bg1 p:nth-child(2){font-size: 3.4rem;color: #999;}
/* .bg2{background: url(../img/c.png) no-repeat center;
    text-align: center;
    padding-top: 12px;
	background-size: 90px;
	margin-bottom: 0;
} */

.p3{font-size: 3.0rem;color: #999;}
.p3 span{font-size: 3.6rem;color: red;}
.box1{display: flex;width:95%;justify-content: space-around;}
.box1 li{width: 31%;color: #fff;padding:15px 0px;font-size: 2.8rem;border-radius: 5px;text-align: center;}
.box1 li:nth-child(1){background: #776aff}
.box1 li:nth-child(2){background: #f8b72a}
.box1 li:nth-child(3){background: #3fa6ff}
.box1 li span{color: #fff;font-size: 4.8rem;    font-weight: 700;}
.box1 li p{color: #fff;font-size: 2.4rem;}
.p3{margin-bottom: 20px;}
.top{margin-top: -1px;}

.box2{width: 90%;background: #fff;margin: 0 auto;border-radius: 20px;margin-top: 210px;}
.box2-top{background: #333;padding: 15px 0;display: flex;flex-direction:row;justify-content: center;align-items: center}
.box2-top img{width: 30px;    margin-right: 10px;}
.box2-top span{font-size: 22px;color: #fff;}
.box2 p{font-size:3.0rem;color: red;text-align: center;    padding: 3px 0;line-height: 50px;border-bottom: 1px dashed #999;}
.box2-bottom{ padding: 10px 0;}
.box2-bottom .p4{border-bottom:none;color: #666;    margin-top: 6px;text-align: center;font-size: 2.4rem;display: flex;justify-content: center;align-items: center}
.box2-bottom .p4 img{width: 20px;margin-right: 5px;
    margin-left:-12px;}
.box2-bottom .p4 span{font-size:3.0rem;color: #72c2fc;}
.box2-bottom .p4 a{color: #72c2fc;font-size:3.0rem;}
.box2-bottom .p4:nth-child(2){padding-bottom: 15px;}

.box2-top1{background: #2fb1ff}

.bgc{width: 100%;height: 100%;background:rgba(0, 0, 0,.6);position: fixed;top: 0;z-index: 9999;display: none}
.bgc1{width: 100%;height: 100%;background:rgba(0, 0, 0,.6);position: fixed;top: 0;z-index: 9999;display: none;}
.bg2{margin-top: 40px;margin-bottom: 0;}
.bg1{display: flex;}
.pa1{margin-top: 466px;}
@media only screen and (max-width: 768px)
{
	.container{
		padding: 0 0px;
	}
	body,html{
		font-size: 5px;
		background: #fff;
	}

	.row{
		/* padding:0 30px; */
	}
	.claearPadding{
		padding: 0 0px;
	}
	.head{
		height: 60px;
	}
	.main-1{
		margin-top: -12px;
	}
	.main-1 h1{
		margin-bottom: 10px;
	}
	.main-xm{
		margin-top: 20px;
	}
	.main-xm .p{
		margin-top: 0
	}
	.main-xm p{
		font-size: 3.5rem;
	}
	.main-1-1{
		margin-top: 1rem;
		padding-bottom: 15px;
	}
	.main-1-1 p:nth-child(1){
		margin-bottom: 0;
	}
	.main-xm ul{
	}
	.main-xm ul a{
		font-size:3rem;
		display: flex;
	}
	.main-1-1 >p:nth-child(2){
		width: 80%;
		height: 40px;
		padding: 8px 0;
		font-size:3.6rem;
		margin: 0 auto;
		margin-top: 12px;
	}
	.main-1-1 >p:nth-child(2) span{
		font-size: 3.4rem;
	}
	.main-1-2{
		width: 80%;
		height: 40px;
		font-size: 3rem;
	}
	.main-1-1 >p:nth-child(3){
		font-size:3.5rem;
	}
	.main-1-2 div p{
		line-height: 16px;
		margin-left: 12px;
		font-size:2.4rem;
	}
	.main-1-2 a{
		font-size: 5rem;
	}
	.main-cho >p{
		font-size: 3rem;
		padding-bottom:15px;

		/* margin: 2rem 0 0.5rem 0; */
	}

	.main-3 .span1{
		font-size: 2.4rem;font-weight: 700;
	}

	.main-2-1{
		/* width: 100%; */
		height: 48px;
	}
	.main-2-1 p{
		font-size: 3.6rem;
		width: 36%;
		font-weight: 600;
	}
	.sub{
		height: 50px;
		margin-top:30px;
		font-size: 3.6rem;
		margin: 15px 0 10px;
	}
	.main-4-1,.main-4-3{
		height: 50px;
		font-size: 3.6rem;
		margin-bottom:20px;
		margin-top: 0;
	}
	.main-4-1 a,.main-4-3 a{
		font-size: 4.8rem;
	}
	.main-4-2{
		width: 80%;
	}
	.main-4-2 ul li{
		height:auto;
	}
	.main-4-2 ul p{
		line-height: 30px;
		font-size:2.4rem;
	}
	.main-4-2 ul span{
		line-height: 30px;
	}
	.main-4-3{
		margin-bottom: 30px;
		margin-top: 15px;
	}
	.main-3 p{
		font-size: 2.4rem;
		margin-top: 3px;
	}
	.main-4-2 ul li img{width:18px;margin-right: 5px;}

	.main-xm ul li a img{
		width: 25px;
		height: 25px;
	}
	.pa{
		width: 90%;
		position: absolute;
		top:290px;
		left: 20px;
		margin-left: 0;
		padding-top: 20px;
	}
	.pa1{margin-top:330px;}
	.bg1{background-size: 50px;margin-bottom: 10px;}
	.main-4-2 ul li .span img{width: 18px;}
	.main-3p{margin-bottom: 30px;}
	.bg1 img,.bg2 img{
		height: 60px;
	}
	.box1{
		width: 85%;
	}
	.bg2{margin-top: 20px;margin-bottom: 0;}
	.p3{margin-bottom: 10PX;}
	.main-1-1{height: 330px;}
	.main-2-1 p{padding-left: 5px;}
}

@media only screen and (max-width: 350px)
{
	.main-xm ul a{
		font-size:2.6rem;
	}
	.main-1-2 a{
		font-size:4rem;
	}

}