/*@font-face { font-family: PingFang; src: url(../font/PingFangSCRegular.ttf), url(../font/PingFangSCRegular.ttf)  format('truetype'); }
*/
@font-face { font-family: futura; src: url(../font/futura.ttf), url(../font/futura.ttf)  format('truetype'); }
html{width:100%;height:100%;font-family: PingFangSC-Regular, PingFang, "Microsoft Yahei", sans-serif, "宋体"; -webkit-text-size-adjust:100%;font-size:62.5%!important;-webkit-tap-highlight-color:transparent;}
body{width:100%;height:100%;min-height:100%;margin:0 auto;padding:0;background-color:#f2f4fa;-webkit-overflow-scrolling:touch}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td,address{padding: 0;margin: 0;border: 0;}
ul,ol{list-style: none;}
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,a:hover{outline: 0;}
b,strong{font-weight: bold;}
hr{height: 0; -moz-box-sizing: content-box; box-sizing: content-box;}
img{border: 0;}
fieldset{padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0;}
legend{padding: 0; border: 0;}
button,input,select,textarea{margin: 0; font-family: inherit; font-size: 100%;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor: pointer; -webkit-appearance: button;}
button[disabled],html input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"]{padding: 0; box-sizing: border-box;}
input[type="search"]{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #666; font-size: 1.4rem; }
input:-moz-placeholder, textarea:-moz-placeholder{color:#666; font-size:1.4rem; }
input::-moz-placeholder, textarea::-moz-placeholder{color:#666; font-size:1.4em; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#666; font-size:1.4rem; }
button::-moz-focus-inner,input::-moz-focus-inner{padding: 0; border: 0;}
textarea{overflow: auto; vertical-align: top;}
table{border-collapse: collapse; border-spacing: 0;}
input,button,select,textarea{font-family: inherit; font-size: inherit; line-height: inherit;}
a{color: #333; text-decoration: none; text-shadow:none;}
a:hover,a:focus{text-decoration:none;}
a:focus{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
img{vertical-align: middle;}
.clearfix::before, .clearfix::after{content: " ";display: table;} 
.clearfix::after{clear: both;}
@media only screen and (min-width: 320px){ html { font-size: 55.5%!important; } }
@media only screen and (min-width: 375px){ html { font-size: 62.5%!important; } }
@media only screen and (min-width: 400px){ html { font-size: 70.5%!important; } }
@media only screen and (min-width: 481px){ html { font-size: 80%!important; } }
@media only screen and (min-width: 561px){ html { font-size: 95%!important; }  }
@media only screen and (min-width: 641px){ html { font-size: 110%!important; } }