/* ԤԼ */
.xfBtn {
	display:none; position: fixed; bottom:40%; right:0;
	width: 214px; height: 223px; padding-top: 155px; box-sizing: border-box; z-index: 20; cursor: pointer;
	background:url("https://www.walldrift.com/zt/nxsfsx/images/xf01.png") no-repeat center;
	color:#fff; font-size: 22px; line-height: 30px; text-align: center;
}
.xfBtn:hover {
	animation: tada .8s;
}
.xfShadow {
	display:block; position:fixed; left:0; top:0; width: 100%; height: 100%; z-index:20;
	background: rgba(0,0,0,.8);
	transition: all .5s;
}
.orderBox {
	display:block; position:fixed; left:50%; top:50%; z-index: 22; box-sizing: border-box;
	width:430px; height: 458px; margin-left: -215px; margin-top:-225px; overflow: hidden;
	background:url("https://www.walldrift.com/zt/nxsfsx/images/xf02.jpg") no-repeat center; border-radius: 10px;
	background-size: cover;
}
.closeMe {
	position:absolute; right:8px; top:8px; cursor: pointer;
	display:block; width:30px; height:30px;
	background:url("https://www.walldrift.com/zt/nxsfsx/images/close.png") no-repeat center;
	transition: all .3s;
}
.closeMe:hover { 
	transform: rotate(180deg);
}
.orderBox h4 {
	padding-top:35px;
	color: #fff; font-size:24px; font-weight: 400; line-height:36px; text-align: center;
}
.orderBox h6 {
	padding-bottom:20px;
	color: #fff; font-size:36px; font-weight: 400; line-height:40px; text-align: center;
}
.list-div {
	position: relative; width:350px; margin:0 auto 20px;
}
.list-div input,
.list-div select {
	display: block; width:100%; height:40px; box-sizing: border-box;
	background: #fff; border:none; border-radius:10px;
	outline: none;
	font-size:16px; text-indent: 1em; vertical-align: middle;
}
.list-div input.error,
.list-div select.error {
	color:#f00;
}
.list-div input {
	font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ;
}
.list-div select { 
	float:left; width:170px;
	line-height:54px;
}
.list-div #city {
	float: right;
}
.list-div #PhoneCode {
	float:left; width:185px;
}
.list-div .fs {
	float: right; width:150px; cursor: pointer;
	background: #929ffa; border:none;
	color: #fff; text-align: center; text-indent: 0;
	transition:all .2s;
}
.list-div .fs:hover {
	opacity: .85;
}
.yuyueBtn {
	display: block; width:350px; height:62px; margin:0 auto; cursor: pointer;
	background: #fe9d6d; border:none; border-radius: 10px;
	background: linear-gradient(90deg,  #fe9d6d ,#e36770 ,#e36770 , #fe9d6d ) no-repeat left;
	background-size: 300% auto;
	color:#fff; font-size:24px; line-height:62px; text-align: center;
	transition:all .2s;
}
.yuyueBtn:hover {
	background-position: right;
}
.tabCon li.more {
	float: none; width: 100%;
	text-align: center;
}
.tabCon li.more a {
	display: inline-block; float:none; max-width: auto;
	color:#666;
}
.tabCon li.more a:hover {
	color:#e4393c;
}
.tabCon li.more:before {
	display: none;
}


@media only all and (max-width:1200px) {
/* ԤԼ */
	.xfBtn {
		bottom:.15rem; left:15%;
		width:70%; height:1.8rem; padding-top:0;
		background:#ff7901; border-radius:1.8rem;
		font-size: .8rem; line-height:1.8rem;
	}
	.xfBtn br { display: none; }
	.orderBox {
		width:16rem; height:17rem; margin-left: -8rem; margin-top:-8rem;
		border-radius: .25rem;
	}
	.closeMe {
		right:.25rem; top:.25rem;
		width:1.5rem; height:1.5rem;
		background-size: .75rem;
	}
	.orderBox h4 {
		padding-top:1.5rem;
		font-size:.95rem; line-height:1.4rem;
	}
	.orderBox h6 {
		padding-bottom:.75rem;
		font-size:1.2rem; line-height:1.6rem;
	}
	.list-div {
		width:14rem; margin-bottom:.65rem;
	}
	.list-div input,
	.list-div select {
		height:1.6rem;
		border-radius:.25rem;
		font-size:.7rem;
	}
	.list-div select { 
		width:6.75rem;
		line-height:2rem;
	}
	.list-div #PhoneCode {
		width:7.75rem;
	}
	.list-div .fs {
		width:5.75rem; 
	}
	.yuyueBtn {
		width:14rem; height:2.2rem;
		border-radius: .25rem;
		font-size:.8rem; line-height:2.2rem;
	}


}