@charset "utf-8";
/*在线报修*/
.bxbody{background:url(zxbx-bg.jpg) #f0f0f0 no-repeat center top; background-size: 100%;}

.bx{width: 92%; max-width: 1200px; margin:23% auto 3%; padding: 5%; background: #fff; box-shadow: 0 0 55px rgba(0,0,0,.1);}
.bx-title{color: #de0d0d; margin-bottom: 3%;}
.bx form{display: flex; align-items: center; justify-content: space-between; flex-flow: wrap;}
.bx .list{width: 100%; position: relative; margin: .7% 0; border: 1px solid #e8e8e8; background: #f8f8f8; border-radius: 3px; transition: .5s; overflow: hidden;}
.bx .list:hover{border: 1px solid #dd2026; background: #fef4f5;}
.bx .list span{position: absolute; right: 10px; top: 50%; transform: translate(0, -50%);}
.bx .list p{position: absolute; right: 70px; top: 50%; transform: translate(0, -50%);}
.bx .list img{position: absolute; right: 10px; top: 50%; transform: translate(0, -50%);}
.bx .list-last{border: none;}
.bx .list-last:hover{border: none;}


.bx input::-webkit-input-placeholder{color: #999;}
.bx textarea::-webkit-input-placeholder{color: #999;}
.bx .btn{width: 100%; padding: 20px 15px; background: #222; color: #fff; margin: .7% auto;}
.bx .img{padding: 5%; border: 1px solid #e9e9e9; display: flex; justify-content:space-between;}
.bx .img img{width: 100%; max-width: 45%; margin-right: 5%;}
.bx .img img:nth-child(2){margin-right: 0;}
.bx .bgf{background: #c6c6c6; color: #fff;}
.bx .res{width: 100%;}
.bx .res p{background: #f3f3f3; border-radius: 5px; padding: 5px 5px; width: 100%; color: #de0d0d;}

.bx_input{width: 100%; border: none; padding: 20px 15px; background: none;}
.bx_textarea{width: 100%; border: none; padding: 13px 15px; height: 200px; background: none; font-family:MicrosoftYaHei, sans-serif;}
.bx_submit{width: 100%; padding: 20px 15px; line-height: 1.6; background:linear-gradient(#dd2026, #dd2026); color: #fff; text-transform: uppercase; border: none;}

.bx-notice{line-height: 2; margin-top: 4%; color: #666; display: flex; justify-content: flex-start;}
.bx-notice .bx-notice-z{color: #dd2026; font-weight: bold;}
.bx-notice .bx-notice-c{}

.bxcopy{color: #333; padding-bottom: 5%; display: flex; align-items: center; justify-content: center; flex-flow: wrap;}
.bxcopy a:hover{color: #dd2026;}
.bxcopy p{margin-left: 15px;}
.bxcopy p:first-child{margin-left: 0;}

@media only screen and (max-width:1366px){
	.bx .btn{padding: 18px 15px;}
	.bx_input{padding: 18px 15px;}
	.bx_textarea{height: 150px;}
	.bx_submit{padding: 18px 15px;}
}

@media only screen and (max-width:800px){
	.bxbody{background-size: 140%;}

	.bx{margin:35% auto 5%;}
	.bx-title{font-size: 32px; font-size: 3.2rem;}
	.bx .list{margin: 1% 0;}

	.bx .btn{padding: 15px 15px; margin: 1% auto;}
	.bx_input{padding: 15px 15px;}
	.bx_textarea{height: 120px;}
	.bx_submit{padding: 15px 15px;}
}
@media only screen and (max-width:560px){
	.bxbody{background-size: 170%;}
	
	.bx{margin:40% auto 5%;}
}