@charset "utf-8"; 
/* CSS Document */
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
*::selection { background: rgba(0, 110, 221, 0.05); }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-size-adjust: none;-webkit-text-size-adjust: none;}
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.noani, .noani * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; font-size: inherit; }
body { margin: 0 auto; padding: 0; font: normal 14px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial; color: #666; word-break: break-all; text-align: justify; background: #fff; padding: 100px 0 0 0; min-width: 1400px; }
body.on { overflow-y: hidden; }
img, li { vertical-align: top; }
input { font-family: "Microsoft YaHei" }
.clear { clear: both; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
.clearBlock { display: inline-block; width: 100%; }
*:focus { outline: none; }
a { text-decoration: none; color: #666; }
a:hover { color: #e60012; }
.btn:hover { opacity: .9 }
.fl { float: left !important; }
.fr { float: right !important; }
.wrap { width: 1400px; margin: 0 auto; }
img { max-width: 100%; }
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hidden { display: none!important; }
.vh-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.h-center { position: absolute; left: 50%; transform: translateX(-50%) }
.v-center { position: absolute; top: 50%; transform: translateY(-50%) }
@font-face { font-family: 'iconfont';  /* project id 398496 */ src: url('//at.alicdn.com/t/font_398496_pkvld6s57u.eot'); src: url('//at.alicdn.com/t/font_398496_pkvld6s57u.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_398496_pkvld6s57u.woff2') format('woff2'), url('//at.alicdn.com/t/font_398496_pkvld6s57u.woff') format('woff'), url('//at.alicdn.com/t/font_398496_pkvld6s57u.ttf') format('truetype'), url('//at.alicdn.com/t/font_398496_pkvld6s57u.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }
html,body{width: 100%; height: 100%;}
body{background: url("../images/013-01.jpg") no-repeat 50% 50%; background-size: cover;}
.form{width: 1254px; height: 492px; background:url("../images/013-02.png") no-repeat 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0 70px;}
.form h2{ line-height: 1; text-align: center; font-size: 50px; font-weight: bold; padding: 90px 0 110px; color: #fff;}
.form ul{ margin: 0 -30px;}
.form li{float: left; margin-bottom: 34px; padding: 0 30px; width: 50%; position: relative;}
.form li .text{ width: 100%; line-height: 66px; border: 1px solid #7b83a9; padding: 0 20px 0 90px; font-size: 18px;}
.form li .getCode{width: 187px;line-height: 66px;border-left: 1px solid #cccbce;color: #7d7d7f;font-size: 18px;position: absolute;right: 30px;top: 1px;text-align: center;}
.form li i{ position: absolute; height: 66px; line-height: 66px; width: 60px; text-align: right; font-size: 34px; color: #2b8fcd;}

.form li .btn{background:url("../images/013-03.gif") repeat-y;text-align: center;display: block;cursor: pointer;line-height: 65px;border: 1px solid #1561ca;font-size: 30px;color: #fff;width: 100%;background-size: contain;}

@media (max-width: 1600px) {
}

@media (max-width: 1500px) {
}

@media (max-width: 1300px) {
}

@media (max-width: 600px) {
 
    
.form{width: 90%;height: auto;background:url("../images/013-02.png") no-repeat 50% 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 0 20px 20px;background-size: 100% 100%;}
.form h2{line-height: 1;text-align: center;font-size: 20px;font-weight: bold;padding: 30px 0 20px;color: #fff;}
.form ul{margin: 0 0px;}
.form li{float: left;margin-bottom: 10px;padding: 0 20px;width: 100%;position: relative;}
.form li .text{width: 100%;line-height: 40px;border: 1px solid #7b83a9;padding: 0 20px 0 40px;font-size: 12px;}
.form li .getCode{width: 187px;line-height: 66px;border-left: 1px solid #cccbce;color: #7d7d7f;font-size: 18px;position: absolute;right: 30px;top: 1px;text-align: center;}
.form li i{position: absolute;height: 40px;line-height: 40px;width: 40px;text-align: center;font-size: 16px;color: #2b8fcd;top: 1px;}

.form li .btn{background:url("../images/013-03.gif") repeat-y;text-align: center;display: block;cursor: pointer;line-height: 50px;border: 1px solid #1561ca;font-size: 20px;color: #fff;width: 100%;background-size: contain;background-size: 100% 100%;}
    
}