@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{margin:0;padding:0;border:0}
html,body{font-size: 12px!important;min-width: 320px;max-width:750px;margin:0 auto;background:#eee;overflow-x: hidden;}
/*body{font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x: hidden;color:#444;}
table{border-collapse:0;border-spacing:0;border-collapse:collapse}
a,a:active,a:hover,a:focus,a:visited{text-decoration:none;color:#555;}*/
a,img{-webkit-touch-callout:none}
ul,li{list-style:none}

@media (min-width: 400px) and (max-width: 499px) {
  html,body{font-size: 14px!important;}
}
@media (min-width: 500px) and (max-width: 639px) {
  html,body{font-size: 16px!important;}
}
@media (min-width: 640px) {
  html,body{font-size: 18px!important;}
}
.clearf:after,clearf:before{content:"";display:block; }

.dbzx{width: 100%;position: fixed;bottom: 0;left:0;z-index: 1000;height:4.5rem;}
.dbzx ul{width:100%;min-width:320px;max-width:750px;margin:0 auto;background-color: #0050A2;height:4.5rem;}
.dbzx li{float:left;display:inline;width:18.5%;text-align:center;}
.dbzx li img{width:80%;}
.dbzx li.c{width:26%;margin-top:-1.5rem;background:none;position:relative;}
.dbzx li.c img{width:70%;}
.dbzx li.c p{position: absolute;background-color: red;width: 1.2rem;height: 1.2rem;text-align: center;line-height: 1.3rem;color:#fff;border-radius: 50%;font-size: 1rem;right:25%;top: 0.5rem;}
@media (min-width: 640px) {
  .dbzx,.dbzx ul{height:5.8rem;}
}