html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; border-color: #000; }
td, tr, th { border-color: #FFF; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
del, ins, u, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { color: #FFF; outline: 0; }
body {font-family: "Microsoft YaHei","微软雅黑",SimHei;font-size: 1.4rem; background: #FFF;-webkit-tap-highlight-color: rgba(0,0,0,0);}

* { box-sizing: border-box; padding: 0; margin: 0; /* 防止点击闪烁 */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* 缩放网页，文字大小不变 */ -webkit-text-size-adjust: none; }
.clear { clear: both; width: 0; height: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
h1, h2, h3, h4, h5 { font-weight: normal; }
a { border: none; text-decoration: none; color: #000; outline: none; }
a:focus { outline: none; }
a:link, a:visited, a:hover, a:active { text-decoration: none; }
img { border: none; }
a, img, button, input, textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; box-shadow: none; }
.img-responsive { max-width: 100%; display: block; }
html { font-size: 62.5%; }
.img-responsive { display: block; max-width: 100%; }

.Menu { width: 100%; height: 3.25rem; position: fixed; top: 0; left: 0; background: #000; text-align: center; z-index: 10; }
.Menu_Nav { width: 2.5rem; position: absolute; top: 0.375rem; left: 0.5rem; }
.Menu_logo { width: 2.5rem; position: relative; margin: 0.375rem auto; display: block; }
.Menu_Home { width: 2.5rem; position: absolute; top: 0.375rem; right: 0.5rem; z-index: 10; }

.header { position: fixed; top: 0; width: 100%; height: 45px; overflow: hidden; z-index: 99; background: #1c1b20; }
.headerContainer { display: -webkit-box; width: 100%; height: 4.5rem; border-bottom: 1px solid #1c1b20; }
.back { width: 30px; padding: 10px 5px; }
.headertitle { -webkit-box-flex: 1; line-height: 44px; font-size: 1.4rem; text-align: center; color: #face96; }
.home { width: 3rem; padding: 10px 0px; }
.back img, .home img { width: 20px; }
.mainContainer { width: 100%; margin: auto; position: relative; z-index: 1; max-width: 640px; }

@media screen and (orientation:portrait) {
    /*  css[竖向定义样式]  */
    .portrait { display: block; }
    .landscape { display: none; }
}

@media screen and (orientation:landscape) {
    /*   css[横向定义样式]  */
    .portrait { display: none; }
    .landscape { display: block; }
    .landscape img { display: block; width: 206px; height: 117px; position: absolute; top: 50%; left: 50%; margin-left: -103px; margin-top: -76px; }
    .landscape p { width: 206px; height: 30px; line-height: 30px; color: #FFF; font-size: 10px; position: absolute; top: 50%; left: 50%; margin-left: -98px; text-align: center; margin-top: 42px; }
    body { font-size: 1.4rem; /*1.4 × 10px = 14px */ padding: 45px 0 50px 0; font-family: "Microsoft YaHei","微软雅黑",SimHei; overflow-x: hidden; }
}




.footer { width: 100%; height:5rem; background: #000; /* border-top:1px solid #eeeeee; */ position: fixed; bottom: 0; z-index: 97; }
.footer ul { display: -webkit-box; height: 5rem; }
.footer ul li { display: block; width: 25%; text-align: center; padding-top:1rem; }
.footer ul li a { display: block; width: 100%; text-decoration: none; }
.footer ul li img {width: 2rem;display: block;margin: auto;}
.footer ul li p {text-align: center;font-size: 1rem;color: #9f9f9f;padding-top: .2rem;}
.footer ul li p.active { color: #face96; }



/*屏幕分辨*/

@media screen and (min-width:360px) and (max-width:374px) {
    html { font-size: 70.3125%;  }
}

@media screen and (min-width:375px) and (max-width:413px) {
    html { font-size: 73.25%; }
}

@media screen and (min-width:414px) and (max-width:639px) {
    html { font-size: 68.93%; }
}
@media screen and (max-height:450px) {
    html { font-size: 62.5%; }
    .Fix_Nav ul li p { font-size: 1.8rem; line-height: 2rem; color: #FFF; display: block; }
    .Fix_Nav ul li span { font-size: 1rem; line-height: 1.2rem; color: #8b8b8b; display: block; }
    .Fix_Nav > a { margin: 0rem auto 0.4rem; }
}
@media screen and (min-width:640px) and (max-width:749px) {
    html { font-size: 100%; }
}

@media screen and (min-width:750px) {
    html { font-size: 125%; }
}