.message{padding:60px 0; position:relative;}
.message-form{margin-top:30px;}
.message-form form{display:block; margin:0 -15px;}
.message-form form:after{display:block; content:''; clear:both;}
.message-form form>dl{float:left; width:100%; padding:10px 15px;}
.message-form form>dl.form0,
.message-form form>dl.form1,
.message-form form>dl.form2,
.message-form form>dl.form888{width:33.33333%;}
.message-form form>dl.form888{float:none; clear:both;}
.message-form form>dl>dt{padding-bottom:5px;}
.message-form form>dl>dt:after{display:block; content:''; clear:both;}
.message-form form>dl>dt>h4{float:left; font-size:18px;}
.message-form form>dl>dt>i{float:left; margin-left:4px; color:red;}
.message-form form>dl>dd{position:relative;}
.message-form form>dl>dd>p{display:block; margin-top:5px; color:#686868;}
.message-form form>dl>dd>span.captcha{position:relative; display:block;}
.message-form form>dl>dd>span.captcha>i{position:absolute; top:8px; right:8px; bottom:8px;}
.message-form form>dl>dd>span.captcha>i>img{display:block; height:100%; object-fit:contain; cursor:pointer; background:#fff; padding:0 5px; border-radius:3px;}
.message-form form>button{color:#fff; border:none; border-radius:100px; padding:12px 48px; font-size:16px; line-height:22px; margin:20px 0 0 10px; cursor:pointer; transition:.3s; background:#2b7ffe;}
.message-form form>button:hover{background:#224eb5;}
.message-form select,
.message-form textarea,
.message-form input[type=file],
.message-form input[type=text],
.message-form input[type=password],
.message-form input[type=number],
.message-form input[type=tel],
.message-form input[type=email]{background:#eef2f8; border-radius:5px; height:52px; padding:15px; line-height:22px; font-size:15px; border:none; border-color:#d8d8d8;}
.message-form select[multiple],
.message-form textarea{height:250px;}
.message-form select:hover,
.message-form textarea:hover,
.message-form input[type]:hover,
.message-form div.file_input>input[type=file]:hover+input[type=text],
.message-form select:focus,
.message-form textarea:focus,
.message-form input[type]:focus,
.message-form div.file_input>input[type=file]:focus+input[type=text]{background:#dfecff; box-shadow:none; border-color:#2b7ffe;}
@media(max-width:1200px){
.message{padding:50px 0;}
.message-form{margin-top:30px;}
.message-form form{margin:0 -10px;}
.message-form form>dl{padding:10px;}
}
@media(max-width:767px){
.message{padding:30px 0;}
.message-form{margin-top:5px;}
.message-form form{margin:0 -4px;}
.message-form form>dl{width:100%; padding:4px;}
.message-form form>dl.form0,
.message-form form>dl.form1,
.message-form form>dl.form2,
.message-form form>dl.form888{width:100%;}
.message-form form>dl>dt{line-height:18px; padding-bottom:4px;}
.message-form form>dl>dt>h4{font-size:15px;}
.message-form select,
.message-form textarea,
.message-form input[type=file],
.message-form input[type=text],
.message-form input[type=password],
.message-form input[type=number],
.message-form input[type=tel],
.message-form input[type=email]{height:42px; padding:8px; line-height:26px; font-size:14px;}
.message-form select[multiple],
.message-form textarea{height:180px;}
.message-form form>button{padding:8px 28px; font-size:14px; margin:10px 0 0 4px;}
}