.feedback{padding:58px 0; background:;}
.feedback-content{float:left; width:55%; padding-right:38px;}
.feedback-list{display:block; background:#fff; padding:28px;}
.feedback-list>ul{display:block;}
.feedback-list>ul>li{border-bottom:1px solid #e8e8e8; padding:0 0 28px 0; margin:0 0 28px 0;}
.feedback-name{display:block;}
.feedback-name>h4{display:inline-block; font-weight:normal;}
.feedback-name>u{display:inline-block; margin-left:8px; text-decoration:none; color:rgb(0,0,0);}
.feedback-param{display:block; margin:12px 0 18px 0;}
.feedback-param p+p{margin-top:4px;}
.feedback-reply{display:block; padding:14px 18px; border:1px solid #e8e8e8; background:#fff;}
.feedback-reply u{display:block; text-decoration:none; margin-bottom:6px;}
.feedback-reply p{white-space:pre-wrap; color:rgb(0,0,0);}
.feedback-form{display:block; background:#fff; border:1px solid #e8e8e8; box-shadow:0 0 8px rgba(0,0,0,.08); padding:28px; max-width:888px; margin:auto;}
.feedback-content + .feedback-form{float:left; width:45%;}
.feedback-form dl{display:block; margin:0 0 18px 0;}
.feedback-form dt{display:block; margin-bottom:4px;}
.feedback-form dt h4{display:inline-block; font-weight:normal;}
.feedback-form dt i{display:inline-block; font-style:normal; color:red; margin-left:3px;}
.feedback-form dd{display:block;} 
.feedback-form dd span{display:block;}
.feedback-form dd span.captcha{position:relative;}
.feedback-form dd span.captcha i{position:absolute; background:#f8f8f8; top:1px; right:1px; bottom:1px; border:3px; padding:6px; padding-bottom:0;}
.feedback-form dd span.captcha img{display:block; max-height:100%; cursor:pointer;}
.feedback-form dd p{display:block; margin:4px 0 0; color:rgb(0,0,0);}
.feedback-form button{margin:8px 0 0; width:100%; padding:10px; border:none; border-radius:3px; cursor:pointer; transition:.3s; color:#fff; font-size:18px; background:#505fb7;}
.feedback-form button:hover{opacity:0.8;}
@media(max-width:1200px){
.feedback{padding:38px 0;}
.feedback-content{float:none; width:auto; padding:0 0 28px 0;}
.feedback-content + .feedback-form{float:none; width:auto;}
}
@media(max-width:767px){
.feedback{padding:18px 0;}
.feedback-list{padding:12px;}
.feedback-list>ul>li{padding:0 0 18px 0; margin:0 0 18px 0;}
.feedback-form{padding:12px;}
.feedback-form dl{margin:0 0 8px 0;}
.feedback-content{padding:0 0 18px 0;}
}