@charset "UTF-8";*{margin:0;padding:0;}
li,ul{list-style:none;}
a,div{color:#fff;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select: none;}
em,i{font-style:normal;}
.clear:after{clear:both;}
button,input[type=button],input[type=file],input[type=submit],input[type=text],.attention{cursor:pointer;-webkit-appearance:none;outline:none;}
html{-webkit-text-size-adjust:none;}
body,html{position:relative;}
body{margin:0;padding:0;color:#000;font-family:Microsoft YaHei;background:#fff;}
img{display:block;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}
.color-d{color: #777 !important;}
.mt30{margin-top: 30px;}
.fl{float: left;}
.fr{float: right;}

.box{ max-width:750px; margin:0 auto;}
.main-img{ width:100%;}

.sign{display: block;width: 100%; height:250px; padding:20px 0 25px;  background:#fff; }
.sign-input{display: block;width:90%; padding:0 0 17px;margin:0 auto; height:240px;  background:rgba(172,194,86,0.15) ; border-radius:15px; }
.sign-input h2{ text-align:center; color:#3daac7; font-size:20px; font-weight:400; line-height:48px; padding-top:10px;}
.sign-info{display: block;width: 84%; height: 15px; padding:6px 3%;margin:0 auto 8px;border-radius: 13px; line-height: 26px;font-size: 15px; color: #454545;border: 1px solid #3daac7;  background: transparent;}
.sign-info::-webkit-input-placeholder { color:#707070;}
.sign-info:-moz-placeholder {color:#fefefe;}
.sign-info::-moz-placeholder {color:#fefefe;}
.sign-info:-ms-input-placeholder {color:#fefefe;}
.btn-submit:-moz-placeholder {color:#fefefe;}
.btn-submit::-moz-placeholder {color:#fefefe;}
.btn-submit:-ms-input-placeholder {color:#fefefe;}
.btn-submit{display: block; width: 90%; height: 30px;margin:0 auto; line-height: 30px;text-align: center;font-size: 18px; color: #fff;background: #20bce9; border: 0; border-radius: 13px;}

.attention{display: block;width: 84%; height:60px; line-height:30px; padding:6px 3%;margin:0 auto 8px;border: 1px solid #3daac7; background: transparent;border-radius: 13px; color:#454545;font-size: 15px;}

#preloader{position:fixed;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.6);z-index:11000}
#spinner{position:relative;height:35px;width:35px;top:40%;margin-bottom:-12px;margin:0 auto;border:3px solid rgba(226,226,226,.75);border-radius:100%;-webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear}
#spinner:before{content:"";display:block;position:absolute;top:-3px;left:-3px;height:100%;width:100%;border-top:3px solid #1ab394;border-left:3px solid transparent;border-bottom:3px solid transparent;border-right:3px solid transparent;border-radius:100%}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(359deg)}
}
@-moz-keyframes rotation{from{-moz-transform:rotate(0)}
    to{-moz-transform:rotate(359deg)}
}
@-o-keyframes rotation{from{-o-transform:rotate(0)}
    to{-o-transform:rotate(359deg)}
}
@keyframes rotation{from{transform:rotate(0)}
    to{transform:rotate(359deg)}
}