@charset "utf-8";

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
ul,ol{list-style:none;}
em { font-style: normal; }
dt { font-weight: normal; }

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
input, button, textarea, select { outline:none; resize:none;background: none;border: none;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input::-webkit-input-placeholder{color: #999999;}

/*浮动*/
.fl { float: left !important;}
.fr { float: right !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}

/*a 链接*/
a { text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); }
a:link { color:#666; }
a:visited { color:#666; }
a:hover, a:active, a:focus {color:#f30; text-decoration:none; }

/*图片居中*/
.middle { display:table-cell; *display:block; overflow:hidden; font:0px/0px 'Arial'; text-align:center; vertical-align:middle;}
fieldset, img { border:0; vertical-align:middle}

/*常量*/
.hide{display:none !important;}
.show{display:block !important;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}

.wrap{padding-bottom: 4rem;}

/*随着屏幕宽度自动调节基本字体*/
html { font-size: 20px;}
@media screen and (max-width:700px) {
    html {
        font-size: 18.66px;
    }
}
@media screen and (max-width:650px) {
    html {
        font-size: 17.34px;
    }
}
@media screen and (max-width:600px) {
    html {
        font-size: 16px;
    }
}
@media screen and (max-width:550px) {
    html {
        font-size: 14.66px;
    }
}
@media screen and (max-width:500px) {
    html {
        font-size: 13.34px;
    }
}
@media screen and (max-width:450px) {
    html {
        font-size: 12px;
    }
}
@media screen and (max-width:400px) {
    html {
        font-size: 10.66px;
    }
}
@media screen and (max-width:350px) {
    html {
        font-size: 9.34px;
    }
}
@media screen and (max-width:320px) {
    html {
        font-size: 8.54px;
    }
}
/* common */
body {overflow-x:hidden;-webkit-text-size-adjust:none;margin: 0 auto;font-family: PingFangSC-Regular, sans-serif;color:#666;max-width: 750px;}
.pr{position: relative}
.pa{position: absolute;}
.fix{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;border: none!important;}
.margin-bot{margin-bottom: 4.8rem;}
.show{display: block!important;}