.feedback{overflow:hidden; position:relative; padding:88px 0; background:; color:;}
.feedback a{color:;}
.feedback>article{width:1388px;}
.feedback .content-box{float:left; width:60%; padding-right:38px; background:#fff; position:relative;}
.feedback .content-box:before{position:absolute; right:0; top:-88px; bottom:-888px; left:-888px; content:''; background:;}
.feedback .content-box + .form-box{float:left; width:40%; padding-left:38px; }
.feedback .list-box{position:relative; z-index:8;}
.feedback .list-box ul{display:block;}
.feedback .list-box ul li{border:1px solid #e8e8e8; border-radius:3px; margin-bottom:28px; padding:18px;}
.feedback .list-box ul li h4{margin-bottom:8px;}
.feedback .list-box ul li h4 b{display:inline-block; margin-right:8px;}
.feedback .list-box ul li h4 i{display:inline-block; font-style:inherit; color:;}
.feedback .list-box ul li div{background:rgba(255,255,255,0.38); margin-top:18px; border-radius:3px; padding:12px 18px;}
.feedback .list-box ul li div>b{font-weight:inherit; padding:4px 0; display:block; color:;}
.feedback .page-box{position:relative; z-index:8;}
.feedback .form-box{max-width:888px; margin:0 auto;}
.feedback .form-box>h2{font-weight:bold; margin-bottom:18px;}
.feedback .form-box form{display:block;}
.feedback .form-box form dl{display:block; margin:0 0 18px 0;}
.feedback .form-box form dl dt{display:block; margin-bottom:4px;}
.feedback .form-box form dl dt h4{display:inline-block;}
.feedback .form-box form dl dt i{display:inline-block; font-style:normal; color:red; margin-left:3px;}
.feedback .form-box form dl dd{display:block;}
.feedback .form-box form dl dd span{display:block;}
.feedback .form-box form dl dd span.captcha{position:relative;}
.feedback .form-box form dl dd span.captcha i{position:absolute; background:#f8f8f8; top:1px; right:1px; bottom:1px; border:3px; padding:6px; padding-bottom:0;}
.feedback .form-box form dl dd span.captcha img{display:block; max-height:100%; cursor:pointer;}
.feedback .form-box form dl dd p{display:block; margin:4px 0 0; opacity:.8;}
.feedback .form-box form select,
.feedback .form-box form textarea,
.feedback .form-box form input[type=file],
.feedback .form-box form input[type=text],
.feedback .form-box form input[type=password],
.feedback .form-box form input[type=number],
.feedback .form-box form input[type=tel],
.feedback .form-box form input[type=email]{border-color:#e8e8e8;}
.feedback .form-box form button{margin:8px 0 0; width:100%; padding:10px; border:none; border-radius:3px; cursor:pointer; transition:.28s; color:#fff; font-size:16px; background:rgb(153,153,153);}
.feedback .form-box form button:hover{opacity: 0.8;}
@media(max-width:1199px){
.feedback{padding:48px 0;} 
.feedback .content-box{padding-right:0; margin-bottom:28px; float:none; width:100%;} 
.feedback .content-box:before{ right:-5.5%; top:-48px; bottom:0; left:-5.5%;}
.feedback .content-box + .form-box,
.feedback .form-box{float:none; width:100%; padding:0;}
.feedback .page-box{padding-bottom:28px;}
} 
@media(max-width:767px){
.feedback{padding:18px 0;} 
.feedback .content-box:before{top:-18px;}
.feedback .list-box ul li{margin-bottom:18px; padding:12px;}
.feedback .list-box ul li div{padding:8px 12px;}
}