html, body { -webkit-text-size-adjust: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, input, textarea, select, form, td, section { font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }
input[type="date"]:before { content: attr(placeholder); }
audio, canvas, video { display: inline-block; }
audio:not([controls]) {
display: none;
}
input, textarea, select, form, fieldset { vertical-align: top; }
img { vertical-align: top; border: 0; }
a { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a, area { blr:expression(this.onFocus=this.blur());
}
:focus { outline: none; }
.red, .red a { color: #F00; }
.left { float: left; }
.right { float: right; }
.autohei { overflow: hidden; zoom: 1; }
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.blank { font-size:0; line-height:0; height: 20px; clear: both; overflow: hidden; }
.yahei, .yahei * { font-family: Microsoft YaHei; }
.songti, .songti * { font-family:SimSun; }
.img { text-align: center; overflow: hidden; }
.fl {
    float: left;
}

.fr {
    float: right;
}

.aaaaaa { }
body { font-size: 12px; background: #fff; }
/*input,textarea,select{appearance: none; -webkit-appearance: none; border-radius:0;}*/
html { font-size: 10px; }
.blank { height: 1rem; }
img { max-width: 100%; }
body { font-size: 1.2rem; width: 32rem; margin: 0 auto; }


.noMb { margin-bottom: 0 !important; }
.noMr { margin-right: 0 !important; }
.clear:before, .clearfix:after { display: table; content: '' }
.clearfix:after { clear: both; overflow: hidden }
.clearfix { zoom: 1 }
.zi { background: url("../images/zxgh.jpg") center center no-repeat; background-size: 100%; width: 25rem; height:18.3rem; margin: 0 auto; }
.xu { padding-top: 8rem; margin-left: 3rem; }
.zi span { font-size: 1rem; }
.zi input { font-size: 0.9rem; line-height: 1.5rem; height: 1.5rem; text-indent: 0.5rem; background: #ebebeb; color: #666; box-shadow:0.2rem 0.2rem 0.2rem #ccc inset; }
.xu input { width: 13.9rem; border-radius: 0.3rem; }
.ma { margin-left: 3.5rem; margin-top: 0.5rem; }
.ma input { width: 4.5rem; border-radius: 0.2rem; }
.ni { margin-left: 1.1rem; margin-top: 0.5rem; }
.ni input { border-radius: 0.2rem; width: 7.1rem; }
.li { margin-top: 0.5rem; margin-left: 1.1rem; }
.li input { width: 6.1rem; border-radius: 0.2rem; }


html { font-size: 10px; font-size: calc(100vw / 32); }
 @media all and (max-width: 320px) {
html {
font-size: 10px;
}
}
@media all and (min-width: 640px) {
html {
font-size: 20px;
}
}