html{font-size: calc(100vw / 7.5);
    font-size: -webkit-calc(100vw / 7.5);
    font-size: -moz-calc(100vw / 7.5);
    /*此时1rem = 100px*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,code,form,fieldset,legend,input,button,textarea,select,th,td,iframe{margin:0; padding:0;}
body{font:0.24rem "PingFangSC-Semibold, sans-serif";  display: flex; flex-flow: column; min-height:100vh;}
img{border:0;  vertical-align: bottom ; }
ol,ul{list-style:none;}
input{outline:none; background: none; }
a{text-decoration: none;}
a:visited,a:hover,a:active,a:focus{text-decoration: none;}

table{border-collapse:collapse; border-spacing:0;}
.clearfix:after{clear:both; height: 0;  display: block; visibility:hidden; content: " ";}
.clearfix{*zoom:1}

/*sticky footers*/
.wap-main{flex:1;}

/*header*/
header{width: 96%;   margin: 0 auto;  background: #0159bd;  position: fixed; top: 0; left: 0; padding: 0.1rem 2%; z-index: 9999;}
.head-wap{width:100%;  display: flex; line-height: 0.6rem;  justify-content:space-between; }
.head-wap .logo img{width:45%;}

.head-wap .phone{font-size: 0.38rem; font-weight: bold;float: right}
.head-wap .phone a{ color: #fff;  }
.head-wap .logo span,.head-wap .home span{ display: block; }
.head-wap .home img{width:80%;  margin-bottom: 10%;}


    /*footer*/
footer{width: 100%; height: auto; margin: 0 auto 1.2rem auto; }
footer p{ text-align: center; font-size: 0.26rem; line-height: 0.5rem; color: #808080;}

/*btnav*/
.btnav{position: fixed; left: 0; bottom: 0; display: flex; flex-flow: row nowrap;   width: 100%; height: 0.7rem; border-top:0.01rem solid #DCDCDC; background: #F5F5F5; z-index: 9999;}
.btnav .btnav-item{ flex-grow: 1; text-align: center; line-height: 0.7rem; font-size: 0.28rem; }
.btnav .btnav-item a{ color: #fff}