@charset "utf-8";
/* CSS Document */


#feedback{margin: 0 auto; padding: 60px 0;}
#feedback>.title{ text-align: center; margin: 0 auto;padding: 50px 0;}
#feedback>.title>h3{ font-size: 4rem; font-weight: normal; color: #333; margin: 0 auto;}

#feedback .describe{ font-size: 1.6rem; color: #999; text-align: center; line-height: 2.8rem;margin: 0 auto; padding-bottom: 50px;}
#feedback .consult{ margin:0 auto; max-width: 1360px; padding:50px 0;}
#feedback .consult .item{ display:block; padding:12px 0;}
#feedback .consult .code{ position:relative;}
#feedback .consult input{ display:inline-block; box-sizing:border-box; width:100%;height:auto;padding:15px;-webkit-appearance:none; background: #f6f6f6; border: 0; color:#666;text-align:left;}
#feedback .consult input::-webkit-input-placeholder{ color:#999;}
#feedback .consult textarea{ display:block;box-sizing:border-box; width:100%;height:auto;padding:15px;-webkit-appearance:none; background: #f6f6f6; font-family: 微软雅黑; line-height:20px; border:0; color:#666;text-align:left;}
#feedback .consult textarea::-webkit-input-placeholder{ color:#999;}
#feedback .consult .w30{width:30%;}
#feedback .consult .w50{width:48%;}
#feedback .consult .w100{width:100%; clear:both}
#feedback .consult #checkimg{display:inline-block; position:absolute;z-index:3; top:50%; right:10px; margin-top:-13px; cursor:pointer; background: transparent;}
#feedback .consult .submit{ float:right; display:inline-block; box-sizing:border-box; background:rgba(1,83,139,1);padding:12px 10px; font-size:16px; color:#fff; text-align:center; border:0; cursor:pointer; width:48%;}
#feedback .consult .reset{ float:left;display:inline-block; box-sizing:border-box;background:#666;padding:12px 10px;font-size:16px; color:#fff; text-align:center; border:0; cursor:pointer; width:48%;}

.layui-layer-btn .layui-layer-btn0 {border-color: rgba(1,83,139,1)!important;background-color: rgba(1,83,139,1)!important;}





@media only screen and (max-width: 980px) {
    #feedback{padding: 30px 0;}
    #feedback>.title{padding: 10px 0;}
    #feedback>.title>h3{ font-size: 3.2rem;}


}

@media only screen and (max-width: 780px) {

    #feedback .describe{ font-size:14px;padding:20px;}
    #feedback .consult{ padding:20px 0;}
    #feedback .consult .w30{width:100%;}
    #feedback .consult .w50{width:100%;clear:both;}
    #feedback .consult .btn{ padding-top:20px;}

}
@media only screen and (max-width: 640px) {

    #feedback>.title>h3{ font-size: 2.8rem;}





}

@media only screen and (max-width: 520px) {

    #feedback>.title>h3{ font-size: 2.4rem;}

}