@charset "utf-8";
/*初始化*/
html{ font-size: 10px;}
body{
	-webkit-text-size-adjust: 100% !important; /*公众号去掉默认字体*/
}
body,h1,h2,h3,h4,h5,h6,a,p,dl,div,dt,dd,ul,ol,li,select,table,tr,button,input,textarea,th,td {margin:0; padding:0;box-sizing: border-box;}
body{color:#333; font-family:"微软雅黑"; font-size: 14px; max-width: 750px; margin-left: auto; margin-right: auto;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,select,textarea{outline:none; -webkit-appearance: none;}
[type^="checkbox"]{ -webkit-appearance: checkbox;}
textarea{ resize:none}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
a:hover{color:#00a0e9; text-decoration: none;}
ul,dl{list-style-type:none;}
img,input{border:0;}
small,em,i{font-weight:normal; font-style:normal;}
li{list-style:none;}
p{word-wrap:break-word} 
/*常用类*/
.fl{float: left;}
.fr{float: right;}
.clearfix::before ,.clearfix::after,.clearfix:before ,.clearfix:after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.txt-hide{overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap;  -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.txt-hide2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.txt-hide3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.tc{ text-align: center;}
.tl{ text-align: left;}
.tr{ text-align: right;}
.img-res{display:block; max-width:100%; height:auto;}
.table-box{display: table; text-align: center;}
.table-middle{display: table-cell; vertical-align: middle;}
.bgf5{ background: #F5F5F5;}
.mb15{ margin-bottom: 0.75rem;}
.mt10{ margin-top: 0.5rem;}
.plr30{ padding-left: 0.75rem; padding-right: 0.75rem;}
.mt30{ margin-top: 0.75rem;}
.pb20{ padding-bottom: 1rem;}
.pb10{ padding-bottom: 0.5rem;}
.mask-bg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 99; top: 0; left: 0; display: none;}
.h60{ height: 3rem;}
.h50{ height: 2.5rem}
.bgh8{ height: 8px; width: 100%;}
.arrow{float: right; height: 14px; margin-left: 5px; transition: all .5s;}
.rotate{ transform: rotate(90deg);}
.main-input{position: absolute;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.h45{ height: 45px;}
.h40{ height: 40px;}
.bgh8{ height: 8px; background: #F5F5F5;}
.layout{ max-width: 750px; margin-left: auto; margin-right: auto;}
.mt-1{ margin-top: -1px;}
.col{ color: #db5658;}
.font16{ font-size: 16px;}
.col-green{ color: #007876;}
#load{ background: #fff url(../img/load.gif) no-repeat center center; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%;}

.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 1;
	top: 0;
	left: 0;
}
.middle-box {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	z-index: 99;
}
/*轮播图*/
.index-banner .swiper-pagination-bullet{ opacity: 1; background: transparent; border: 1px solid #fff;}
.index-banner .swiper-container-horizontal > .swiper-pagination{ bottom: 5px;}
.index-banner .swiper-pagination-bullet-active{ background: #fff; opacity: 1;}

/*头部*/
.head{ width: 100%; height: 40px; background-size: 100% 40px; position: fixed; top: 0; left: 0; z-index: 99;}
.head .layout{ width: 100%; position: relative; padding: 0 45px; background: url(../img/bg2.jpg) no-repeat;}
.head .item{width: 45px; height: 40px; position: absolute;  top: 0; padding-top: 2px; }
.head .btn-left{left: 0; }
.head .item .icon{ height: 16px; display: block; margin: 2px auto 2px;}
.head p{ color: #FFFFFF; font-size: 12px; text-align: center;}
.head .btn-right{ right: 0;}
.head .cont{ width: 100%; height: 40px;}
.head .sel-box{ position: relative; padding: 5px 10px;}
.head .sel-box .form-txt{ width: 100%; height: 30px; background: #fff url(../img/icon7.png) no-repeat 10px center; background-size: 16px; border: 0; border-radius: 20px; padding-left: 35px; color: #333;}

/*尾部*/
.foot{ width: 100%; height: 45px; border-top: 1px solid #bfbfbf; background: #fff; position: fixed; z-index: 99; bottom: 0; left: 0;}
.foot-list{ width: 100%; height: 45px; display: flex;}
.foot-list li{ flex-grow: 1; text-align: center; -webkit-flex-grow: 1;}
.foot-list li.active a{ color: #db5658;}
.foot-list a{display: block; color: #999; font-size: 12px;}
.foot-list span{ display: block; height: 18px; width: 25px; margin: 5px auto 3px; background-size: auto 18px; background-position: center center; background-repeat: no-repeat;}
.icon-foot1{ background-image: url(../img/foot1.png); }
.icon-foot2{ background-image: url(../img/foot2.png); }
.icon-foot3{ background-image: url(../img/foot3.png); }
.icon-foot4{ background-image: url(../img/foot4.png); }

.active .icon-foot1{ background-image: url(../img/foot1_act.png); }
.active .icon-foot2{ background-image: url(../img/foot2_act.png); }
.active .icon-foot3{ background-image: url(../img/foot3_act.png); }
.active .icon-foot4{ background-image: url(../img/foot4_act.png); }


body{
background: #f9f9f9;
}
.headtop{
/* position: fixed; */
display: flex;
justify-content: space-between;
height: 74px;
background: #fff;
padding: 15px 16px;
align-items: center;
font-size: 16px;
border-bottom: 1px solid #ddd;
}
.headtop .logo{
width: 230px;
height: 44px;
}

.form-box{
padding: 60px 16px 0;
}
.form-box .form-item{
width: 100%;
border: 1px solid #ddd;
}
.form-box .form-item .input{
width: 100%;
height: 40px;
padding: 0 15px;
background: #fff;
}
.form-box  .btn-sub{
width: 100%;
height: 40px;
background: #fff;
display: block;
color: #000;
font-size: 15px;
line-height: 40px;
text-align: center;
margin: 38px 0 0;
}
.footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #E9E9E9;
border-top: 1px solid #ddd;
padding: 16px;
z-index: 9;
}

.col-red{
	color: #FF0000;
}

.content{
	padding: 60px 16px;
}
.content p{
	margin-bottom: 12px;
}

.btn-go{
	width: 200px;
	margin: 30px auto 0;
	height: 40px;
	background: #fff;
	display: block;
	color: #000;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.09);
}