*{ margin:0; padding:0;}
input,select,textarea{ resize:none; font-family:"微软雅黑";}
div{ margin:0 auto;}
img{ border: 0;vertical-align: middle;}
a{ text-decoration: none;color: #4a4a4a;}
a:hover{text-decoration: none; }
li{ list-style:none;}
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
body{  padding-top: 0!important; color: #666666; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
input::-ms-clear{display:none;}/*清楚文本框X*/
input, select, textarea {outline: none;cursor: pointer;-webkit-appearance: none;box-sizing: border-box; border:none;}
html{height:100%;width:100%;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#fff;margin:0 auto; min-width:320px; font-family: "PingFang SC","Microsoft YaHei";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a8a8a8;}

/* img */
img{padding:0;margin:0;border:none; width:100%; height:auto; vertical-align:middle;}
*{ box-sizing: border-box; }
/* div */
li,ul{list-style:none;outside:none;}
.clear{clear:both;height:0;width:100%;}
a,b,i,span,input,select,dl,dd,dt,p{font-family: "PingFang SC-Medium","Microsoft YaHei";}
i,em{ font-style:normal;}

.w100{ width: 100%;}
.container{ width: 100%; margin:0  auto; max-width: 920px;}
.fl{ float: left; }
.fr{ float: right; }
.tc{ text-align: center;}
.tr{ text-align: right; }
.clear{ clear: both; }

.upcase{ text-transform: uppercase; }

.center{ margin:0 auto; }
.rel{ position: relative; }
.abs{ position: absolute; }
.cff{ color: #fff; }

.hide{ display: none; }


.form{ width: 100%; background: #fff; padding:0 1rem 2rem 1.1rem; position: relative;}
.form .input-div{ width: 100%; margin: 15px auto; background: #fff;  border-radius: 10px; }
.form .input-div li{ margin-bottom: 1.1rem; }
.form .input-div p,.form .input-div .radio{ line-height: 2.4rem; }
.form .input-div .input{ border:1px solid #bdbdbd; width: 220px;  text-indent: 0.1rem; line-height:1.4;  font-size: 1rem; padding: 0.5rem;}
.form .input-div .textarea{  border:1px solid #bdbdbd; width: 60%; height: 6em; padding: 0.5rem; }
.form .input-div .select{  border:1px solid #bdbdbd; padding: 0.5rem; color: #666666; font-size: 18px; border-radius: 5px; background: url(images/down.png) no-repeat 95% center/20px; font-size:1em;}
.form .input-div .select option{  line-height: 1.2 }
.form .input-div .radio .right{ width: 75%;  padding-left: 8%;display: inline-block; vertical-align: top;}
.form .input-div label{ vertical-align: top; min-width: 19%; display: inline-block;}
.form .input-div input[type="radio"]{ opacity: 0; }
.form .input-div input[type="radio"]+label::before{ width: 1.1rem; height: 1.1rem; vertical-align: middle; margin-right: .3rem; content: ""; display: inline-block; background: url(images/check.png) no-repeat center/100%; margin-bottom: 0.05rem; }
.form .input-div input[type="radio"]:checked+label::before{background-image: url(images/checked.png);}

.form .submit{ width: 100%; margin: 10px auto 5px auto; display: block; background: #53a4f4; color: #fff; line-height: 3rem; height: 3rem; border-radius:0.7rem; font-size: 1rem;}
.tips{ font-size: 0.8rem; color: #8f8f8f; }

@media screen and (max-width: 400px) {
  html{ font-size: 14px; }  
}

@media screen and (min-width: 401px) and (max-width: 500px) {
  html{ font-size: 14px; }  
}
@media screen and (min-width: 501px) and (max-width: 600px) {
  html{ font-size: 16px; }  
}
@media screen and (min-width: 601px)  and (max-width: 920px) {
  html{ font-size: 18px; }  
}

@media screen and (min-width: 921px)  {
  html{ font-size: 18px; }  
 

}
 .fs18{ font-size: 1rem; }
.tit{ border-bottom: 2px solid #56c0ec; line-height: 3rem; color: #000;}
.title{ width: 90%; max-width: 522px; margin: 1.8rem auto 1rem auto; display: block; }
.btn-1{ width: 24.6rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.8rem; color: #fff; font-weight: 800; background: #6c80bd; border-radius: 1.5rem;margin: 0.5rem auto; }
.small{ font-size: 1rem; color: #2a4185; }