/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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,summary,main{display:block;}
audio,canvas,progress,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
table{border-collapse:collapse;border-spacing:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
[hidefocus],summary{outline:0;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
img{vertical-align:middle;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
button,input,select,textarea,keygen,legend{margin:0;font:inherit;color:inherit;}
textarea{overflow:auto;}
body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333;}

:focus{outline:0;-webkit-tap-highlight-color:transparent;}
input::-webkit-input-placeholder{color:#bbb;opacity:1;}

.fixed:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.fixed{display:block;min-height:1%;}
.clear{diplay:block!important;float:none!important;clear:both;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;line-height:0;font-size:0;overflow:hidden;}
.fl{ float: left;}
.fr{ float: right;}
/* rem */
/*
 * 
 * 计算公式：b * (d / r)
 * b 为基数，即像素值和 rem 值的比例，比如它们的比例是100：1，那么 b = 100；
 * d 为设备尺寸；
 * r 为标准尺寸(参照尺寸)；
 *
 */
@media screen and (max-width: 319px) {
    html{font-size:85.33333px;}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
    html{font-size:85.33333px;}
}
@media screen and (min-width: 360px) and (max-width: 374px) {
    html{font-size:96px;}
}
@media screen and (min-width: 375px) and (max-width: 383px) {
    html{font-size:100px;}
}
@media screen and (min-width: 384px) and (max-width: 399px) {
    html{font-size:102.4px;}
}
@media screen and (min-width: 400px) and (max-width: 413px) {
    html{font-size:106.66667px;}
}
@media screen and (min-width: 414px) and (max-width: 428px) {
    html{font-size:10.4px;}
}
@media screen and (min-width: 429px) and (max-width: 767px) {
    html{font-size:110.4px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    html{font-size:204.8px;}
}
@media screen and (min-width: 1024px) {
    html{font-size:273.06667px;}
}