/* Style Reset */

html {
	font-size: 625%;
	-webkit-text-size-adjust: none;
	max-height: 100%;
	background: #ffffff;
}

body {
	font-size: 0.2rem;
	font-family: "microsoft yahei";
	background: #ffffff;
}

body,
div,
p,
ul,
li,
input,
img,
figure,
h3,
h1,
h2,
h4,
h5,
dl,
dd,
dt,
a,
textarea {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul,
ol,
li,
dl,
dt,
dd {
	list-style: none;
}

a {
	text-decoration: none;
	outline: 0px;
}

fieldset,
img {
	border: 0;
}

img {
	display: block;
	max-width: 100%
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea {
	-webkit-appearance: none;
}

.clear {
	clear: both;
	width: 100%;
}

.clear-fix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}

.fl {
	float: left;
}

.fr {
	float: right;
}

input {
	outline: none;
}

.w9375 {
	width: 93.75%;
	margin: 0 auto;
}

.pt015 {
	padding-top: 0.15rem;
}

.p03125 {
	padding: 0 3.125% !important;
}

.p31250 {
	padding: 3.125% 0 !important;
}

.h07rem {
	clear: both;
	height: 0.7rem;
}

.content {
	overflow: hidden;
	font-size: 0.2rem;
}

.p707 {
	padding: 0.70rem 0;
}

.p700 {
	padding: 0.7rem 0 0;
}

.p007 {
	padding: 0 0 0.7rem;
}

.p01500 {
	padding: 0.15rem 0 0;
}

.min5rem {
	min-height: 5rem;
}

.w952 {
	width: 95.2% !important;
	margin: 0 auto;
}

.posir {
	position: relative;
}

.txt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

em,
i {
	font-style: normal;
}

.bgf6 {
	background: #f6f6f6 !important;
}

.b-r-1 {
	border-radius: 1vw;
}

body {
	position: relative;
	width: 100%;
	background: #fff;
	height: 100%;
}

.mt005 {
	margin-top: .05rem;
}

.mt01 {
	margin-top: 0.1rem;
}

.mt02 {
	margin-top: 0.2rem;
}

.animate {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.none {
	display: none;
}

.w640 {
	max-width: 640px;
	margin: 0 auto;
}

.h01rem {
	height: .1rem;
	clear: both;
}

.allpage {
	background: #ffffff;
	;
	height: auto;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	min-height: 7rem;
}

.allpage.nmin {
	min-height: 0;
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
	background-color: #f8f8f8;
}

.header .logo {
	display: block;
	height: .7rem;
	background: url('../images/logo.png') center center no-repeat;
	background-size: 100% auto;
	width: 18.67%;
}

.header .sear {
	background-color: #fff;
	height: .5rem;
	border-radius: .25rem;
	margin-left: 6vw;
	padding-left: 1vw;
}

.header .sear input.btn {
	width: .5rem;
	height: .5rem;
	background: url('../images/sear.png') center center no-repeat;
	background-size: 5vw auto;
	border: none;
}

.header .sear input {
	border: none;
	height: .5rem;
	line-height: .5rem;
	font-size: .2rem;
	color: #333333;
}

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 10;
}

.foot {
	/*display: flex;*/
	/*align-items: center;*/
	height: .7rem;
	width: 100%;
	/*justify-content: space-between;*/
}

.foot .pric {
	color: #ff382e;
	font-size: .2rem;
}

.foot .pric em {
	line-height: 1;
	font-size: .3rem;
}

.foot .rix {
	display: flex;
	align-items: center;
	width: 50%;
}

.foot .rix .kf {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: .19rem;
	line-height: 1;
}

.foot .rix .kf img {
	display: block;
	width: .3rem;
	height: .3rem;
}

.foot .rix .bm {
	width: 100%;
	height: .6rem;
	text-align: center;
	box-shadow: 0 1px 3px 0 rgba(255, 70, 43, .4);
	border-radius: .3rem;
	font-size: .24rem;
	font-weight: 500;
	color: #fff;
	background: linear-gradient(90deg, #ff622c, #ff2a2a);
	line-height: .6rem;
}
.h7rem{
	height: .7rem;
}
.d-flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.a-center {
	align-items: center;
}

.a-end {
	align-items: flex-end;
}

.j-center {
	justify-content: center;
}

.flex-column {
	flex-direction: column;
}

.j-end {
	justify-content: flex-end;
}

.j-sb {
	justify-content: space-between;
}

.mr-1 {
	margin-right: 1vw;
}

.mr-2 {
	margin-right: 2vw;
}

.mr-3 {
	margin-right: 4vw;
}

.px-3 {
	padding-left: 4%;
	padding-right: 4%;
}

.py-3 {
	padding-top: 4vw;
	padding-bottom: 4vw;
}

.pt-3 {
	padding-top: 4vw;
}

.pb-1 {
	padding-bottom: 1vw;
}

.pb-2 {
	padding-bottom: 2vw;
}

.pb-3 {
	padding-bottom: 4vw;
}

.py-1 {
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.py-3 {
	padding-top: 4vw;
	padding-bottom: 4vw;
}

.py-4 {
	padding-top: 5.3vw;
	padding-bottom: 5.3vw;
}

.p-3 {
	padding: 4vw;
}

.pb-2 {
	padding-bottom: 3vw;
}

.pt-2 {
	padding-top: 3vw;
}

.pr-3 {
	padding-right: 4vw;
}

.mx-3 {
	margin-left: 4vw;
	margin-right: 4vw;
}

.mt-4 {
	margin-top: 4vw;
}

.mb-3 {
	margin-bottom: 4vw;
}

.b-r-3 {
	border-radius: 3vw;
}

.bg-f1 {
	background-color: #f1f1f1;
}

.bg-f3 {
	background-color: #f3f3f3;
}

.bg-fff {
	background-color: #fff;
}

.img-block {
	display: block;
}

.box-shadow {
	box-shadow: 0 1.2vw 0 #34a0dc;
}

.pfbg {
	position: fixed;
	z-index: 112;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

@media all and (min-width:640px) {
	.content,
	.foot,
	.head,
	.w750 {
		width: 640px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 639px) and (min-width: 480px) {
	html {
		font-size: 75px;
	}
}

@media only screen and (max-width: 479px) and (min-width: 321px) {
	html {
		font-size: 70px;
	}
}

@media only screen and (max-width: 320px) {
	html {
		font-size: 60px;
	}
}