﻿.head{height: 4.4rem;background: #ffffff; top:0px; left:0px; z-index:9999; width:100%}
.head a{display:inline-block;width: 12.5rem;}
.head a img{display:block;width: 100%;}
.head span.nav{display:inline-block;width: 2rem;display: block;float: right;margin-right: 1rem;position: relative;}
.head span.nav img{display:block;width: 100%;margin-top: 1.2rem;}
.head ul.head-list{position: absolute;background: #FFFFFF;width: 14rem;right: 0;top: 4.4rem;display: none;z-index: 99;box-shadow: 1px 1px 10px #dbdbdb;}
.head ul.head-list li{padding: 1rem 0;display: block;border: 1px solid #dedede;border-top: none}
.head ul.head-list li:first-child{border-top: 1px solid #dedede;}
.head ul.head-list li a{font: 1.6rem "微软雅黑";text-align: center;margin:auto;display: block;}

.banner img{width: 100%;display: block;}
.hwm-poti img{width: 100%;display: block;}
.hwm-poti .swiper-pagination-bullet-active{background: #e0211a !important;/* width: 42px !important; */}
.hwm-poti .swiper-pagination-bullet{width: 8px !important;height: 8px !important;background: #FFFFFF;opacity: 1 !important;}


.footer{position: fixed;bottom: 0;left: 0;right: 0;z-index: 99;}
.footer button{float: left;}
.footer button img{vertical-align: middle;margin-right: 0.5rem;}
.footer .foot-left img{width: 2.25rem;height: 2.25rem;}
.footer .foot-left{width: 50%;border: none;background: #e0211a;height: 5rem;line-height: 5rem;font: 1.5rem '微软雅黑';color: #FFFFFF;vertical-align: middle;}
.footer .foot-right img{width: 2.7rem;height: 2.5rem;}
.footer .foot-right{width: 50%;border: none;background: #e6e6e6;height: 5rem;line-height: 5rem;font: 1.5rem '微软雅黑';color: #333333;vertical-align: middle;}

/*弹出框*/
.tan{background:rgba(0,0,0,0.5);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 100;display: none;}
.back-tan{width: 90%;height: 95%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.back-tan h2{background: #e0211a;color: #FFFFFF;font: 1.7rem "微软雅黑";height: 3.5rem;line-height: 3.5rem;text-align: center;border-radius: 5px 5px 0 0;position: relative;}
.back-tan h2 img{position: absolute;right: 1rem;width: 1.2rem;height: 1.2rem;top: 1.2rem;}
.tan-list{background: #FFFFFF;padding: 1rem 2rem;}
.tan-list p{font: 1.5rem "微软雅黑";color: #333333;padding: 0.5rem 0;}
.tan-list input,.tan-list select{padding:0 2%;width: 96%;font: 1.4rem "微软雅黑";height: 3rem;line-height: 3rem;border-radius: 4px;border:1px solid #ccc;}
.tan-list textarea{padding: 0.3rem 2%;width: 96%;font: 1.4rem "微软雅黑";height: 4rem;border-radius: 4px; border: 1px solid #ccc;}
.tan-list button{font: 1.3rem "微软雅黑";width: 15rem;height: 3rem;line-height: 3rem;color: #FFFFFF;border: none;background: #e0211a;display: block;text-align: center;margin:0.8rem auto;border-radius: 1.75rem;}

.clo-p{padding:0 1.5rem 1rem;justify-content: space-between;display: flex;}
.clo-p button,.clo-p a{display:block;text-align:center;width: 12rem;height: 3.4rem;line-height: 3.4rem;font-size: 1.2rem;color: #333333;background: #FFFFFF;border-radius: 0.5rem;border: 1px solid #dddddd;}
.clo-p span{font: 16px "微软雅黑";display: block;height: 3.4rem;line-height: 3.4rem;color: #333333;}
.on{color: #f00;}

/*弹窗类型添加*/
.tan-list .input-style {
    width: 100%;
}
.budget-list{
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.budget-list li {
	width: 45%;
	padding: .3rem 0;
	margin: .3rem 0;
	font-size: 1.2rem;
	text-align: center;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
}
.budget-list li.active{
	border: 1px solid #FF5454;
}

.budget-list li.active a{
	color: #FF5454;
}
.input{
	overflow: hidden;
	margin-bottom: 1.2rem;
}
.input input{
	width: 60%;
	float: left;
}
.input span{
	width: 35%;
	line-height: 3.1rem;
	float: left;
    font-size: 1.3rem;
	background: #E0211A;
	color: #fff;
	cursor: pointer;
	text-align: center;
}


