html,body,div,img,p,i,em,input,button{margin: 0;padding: 0;font-style: normal; outline: none; border: none;background: none;}
html,body{height: 100%;}
body{font-size: 62.8%;font-family: "微软雅黑";overflow: hidden;}
.clearfix:after{content:'';width:0;visibility:hidden;display:block;clear:both}
.wrap{width:100%;padding-top: 28em;}
.body-bg{width: 100%;min-height: 100%; position: absolute;top: 0;left: 0;z-index: 1;}
#tit{text-align: center;font-size: 2em;color: #fff;letter-spacing: 0.1em;letter-spacing: 0.15em;position: relative;z-index: 2}
.fen{display: none;}
.inp{width: 35em;margin: 3em auto 0;padding-top: 2em;padding-bottom:0.2em;border-radius: 5px;position: relative;z-index: 2}
.btn{width: 10em;letter-spacing: 0.12em; background: -webkit-linear-gradient(top,#8aeaee 0,#0db5b3 100%);background: -moz-linear-gradient(top,#8aeaee 0,#0db5b3 100%);background: -o-linear-gradient(top,#6db8bb 0,#0db5b3 100%); background: linear-gradient(to bottom,#8aeaee 0,#0db5b3 100%); background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8aeaee,endColorstr=#0db5b3,GradientType=0);display:block;margin: 20px auto 0;color: #fff;cursor: pointer; font-size:1.7em;border-radius: 5px;line-height: 2.15em;font-family: "黑体";position: fixed;bottom: 2.2em;left: 50%;margin-left: -85px;z-index: 999;}
@media only screen and (min-width: 1450px) {
    .agreement{width: 20%; }
}
@media only screen and (min-width: 960px) and (max-width: 1450px) {
    .agreement{width: 30%; }
}
@media only screen and (min-width: 400px) and (max-width: 960px) {
    .agreement{width: 40%; }
}
.agreement{display: block; margin: 20px auto 0;font-size: 1.2em;color: #ccc;letter-spacing: 0.1em;}
.agreement p{width: 90%;margin: 0 auto;text-align: left;position: relative;}
.agreement a{color: #0c786f; cursor: pointer;text-decoration: none;}
.agreement span{font-style: normal;float: right;position: absolute;bottom: 0px;right: 0;}
.agreement i{font-style: normal;color: #ccc;cursor: pointer;}
.agreement font{color: #888;}
.fix{width: 100%;position: fixed;bottom: 0;left: 0; background: rgba(0,0,0,.6); padding-top: 3.4em;}
.chk_1{display: none;}
#checkbox_a1{position: relative;top: 2px;}
.chk_1 + label {cursor: pointer;background-color: #15b39f;padding: 8px 9px;border-radius: 5px;display: inline-block;position: relative;top: 3px;}
.chk_1 + label:after {position: absolute;top: 2px;left: 0px;content: ' ';line-height: 15px;height: 100%;background: #15b39f;color: #fff;width: 100%;border-radius: 5px;text-align: center;font-size: 12px;}
.chk_1:checked + label:after {content: '✔';}
#alertWin{width: 100%;height: 800px;display: none;position: absolute;left: 0;top: 0;z-index: 99999}
#alertMin{width: 25%;margin: 20% auto;font-size: 16px;letter-spacing: 1.5px;position: relative;padding-top: 20px}
#alertHeader{background: #fff; background: rgba(255,255,255,.9);font-size: 1.2em;color: #181818;height: 30px;line-height: 30px;text-align: center;border-top-left-radius: 5px;border-top-right-radius: 5px}
#alertBody{background: #fff;background: rgba(255,255,255,.9);color: #444;padding: 7px 0 20px;text-align: center}
.btn_close{background: #fff;background: rgba(255,255,255,.9);cursor: pointer; margin-top: 1px;height: 40px;line-height: 40px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;width: 100%;font-size: 16px!important;font-weight: 600!important;color: #248382!important;text-align: center}
#shadow{width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50); background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 9999;display: none}
.btnback{width: 50%;cursor: pointer; position: fixed;bottom: 0;border-bottom: 20px solid #fff; left: 25%;font-size:1.4em;background:#3ad1cf;color: #fff;line-height: 40px;text-align: center;display: none;}
.mz{width: 50%;line-height: 30px !important; margin: 20px auto 80px;font-size: 1.4em;word-wrap: break-word;display: none;}