@charset "UTF-8";
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; }
a, a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; }
html { width: 100%; min-height: 100%; }
body { width: 100%; min-height: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; font: 0.24rem/1.6 "Microsoft Yahei", Arial; color: #666; background: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #f2f2f2; }
body:before, body:after { content: ""; width: 100%; display: block; }

body:after { height: .5rem; }
img { border: 0px; }
em, b { font-style: normal; }
h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; font-size: .24rem;
}
ul, ol { list-style-type: none; }
input, button, textarea { outline: none; font-family: "Microsoft Yahei", Arial; font-size: .24rem;
-webkit-appearance: none !important; }
table { border-collapse: collapse; border-spacing: 0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #999;
}
.clearfix:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
/****************************公用样式***********************/
.layout { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 101; background: #000; opacity: 1; }
.fl { float: left; }
.fr { float: right; }
.por { position: relative; }
.poa { position: absolute; }
.hidden { display: none; }
.tac { text-align: center; }
.g-ico, .g-icobef:before, .g-icobef:after { background: url(../images/g-ico.png) no-repeat; display: inline-block; background-size: 4rem auto; vertical-align: middle; }
.g-icobef:before, .g-icobef:after { content: "\20"; display: block; }
/*清除浮动*/
.clearfix { *zoom: 1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/*footer*/
.footer { width: 100%; padding: .5rem 0 .5rem;
line-height: .36rem;
font-size: .22rem;
color: #666; text-align: center; }
.footer a { color: #666; }
/* navBar */
.navBar { width: 100%; height: 1rem; position: fixed; bottom: 0px; left: 0px; z-index: 100; }
.navBar ul { max-width: 640px; min-width: 320px; width: 100%; height: 1rem; margin: 0 auto; background: #30b7ef; }
.navBar li { float: left; width: 25%; height: 1rem; }
.navBar li a { width: 100%; height: 1rem; font-size: .2rem;
padding-top: .1rem;
display: block; text-align: center; color: #fff; }
.navBar li:hover a, .navBar li.hover a { background: #f6b927; }
.navBar li a:before {
width: .4rem;
height: .38rem; display: block; margin: 0 auto .08rem;
}
.navBar li:nth-child(1) a:before { background-position: 0.04rem -0.58rem; }
.navBar li:nth-child(2) a:before { background-position: -1.82rem -0.58rem; }
.navBar li:nth-child(3) a:before { background-position: -1.22rem -0.58rem; }
.navBar li:nth-child(4) a:before { background-position: -0.58rem -0.58rem; }

/*字体*/
@media only screen and (min-width: 641px) {
html { font-size: 100px; }
}
@media only screen and (max-width: 640px) {
html { font-size: 100px; }
}
@media only screen and (max-width: 540px) {
html { font-size: 84.375px; }
}
@media only screen and (max-width: 480px) {
html { font-size: 75px; }
}
@media only screen and (max-width: 414px) {
html { font-size: 64.6875px; }
}
@media only screen and (max-width: 400px) {
html { font-size: 62.5px; }
}
@media only screen and (max-width: 375px) {
html { font-size: 58.5938px; }
}
@media only screen and (max-width: 360px) {
html { font-size: 56.25px; }
}
@media only screen and (max-width: 320px) {
html { font-size: 50px; }
}
/*微信弹窗*/
#wxnr { width: 100%; height: 100%; max-width: 640px; min-width: 320px; position: fixed; top: 0; z-index: 1000; display: none; background: rgba(0,0,0,.6); }
#wxnr .nrdf { margin: auto; position: absolute; top: 50%; left: 0; right: 0; width: 5rem; height: 5rem; padding: 0.3rem; padding-top: 0.6rem; margin-top: -2.5rem; text-align: center; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; }
#wxnr img { width: 2.3rem; height: 2.3rem; display: block; margin: 0 auto; }
#wxnr p { font-size: 0.24rem; line-height: 0.45rem; text-align: center; }
#wxnr i { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.3rem; height: 0.3rem; font-size: 0.2rem; line-height: 0.3rem; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 1rem; cursor: pointer; }
#wxnr span { display: inline-block; padding: 0.03rem 0.1rem; line-height: 0.35rem; background-color: #30b7ef; color: #fff; border-radius: 0.05rem; cursor: pointer; }
#wxnr span.wx { padding-left: 0.4rem; background-image: url(../images/wx.png); background-size: 0.28rem; background-position: 0.1rem center; background-repeat: no-repeat; }
/*复制提示*/
#weixin { position: fixed; top: 50%; margin-top: -0.4rem; z-index: 9999999; font-size: 0.26rem; color: #fff; width: 90%; right: 5%; line-height: 0.8rem; text-align: center; background: rgba(0, 0, 0, 0.8); border: 2px solid #333; border-radius: 0.1rem; display: none; }