*{
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,button{outline:none;}
html{-webkit-tap-highlight-color: transparent; overflow-x: hidden;  min-width: 7.5rem; font-size: 312.5%;}
body{margin: 0; background-color: white; font-size: .34rem; line-height: 1.5;  -webkit-font-smoothing: antialiased;}
body{
  font-family: "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}
/* --------------------------------------------------------------------------
    Media
-------------------------------------------------------------------------- */
/*media*/
@media screen and (min-width: 320px) {
  html {
    font-size: 267%;
  }
}
@media screen and (min-width: 350px) {
  html {
    font-size: 292%;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 312.5%;
  }
}
@media screen and (min-width: 410px) {
  html {
    font-size: 342%;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 400%;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 533%;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 625%;
  }
  .st-navbar-mini .navbar-default{
    height: 1rem;
  }
  .m-sub-nav{
    top:1rem;
  }
  .m-first-section {
    margin-top: 2rem;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation : landscape){/*iPhone landscape*/ }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){/* iPad （landscape和portrait） */ }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)and (orientation : landscape){/*iPad （landscape） */ }
/*media end*/