@charset "utf-8";
@media (min-width: 320px) {
  html {
    font-size: 21.33px;
  }
}
@media (min-width: 330px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 360px) {
  html {
    font-size: 24px;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 25px;
  }
}
@media (min-width: 384px) {
  html {
    font-size: 25.6px;
  }
}
@media (min-width: 400px) {
  html {
    font-size: 26.67px;
  }
}
@media (min-width: 414px) {
  html {
    font-size: 27.6px;
  }
}
@media (min-width: 424px) {
  html {
    font-size: 28.27px;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 32px;
  }
}
@media (min-width: 540px) {
  html {
    font-size: 36px;
  }
}
@media (min-width: 600px) {
  html {
    font-size: 40px;
  }
}
@media (min-width: 660px) {
  html {
    font-size: 44px;
  }
}
@media (min-width: 720px) {
  html {
    font-size: 48px;
  }
}
@media (min-width: 750px) {
  html {
    font-size: 50px;
  }
}
*,
::before,
::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
    font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
    /*font-size: 14px;*/
    -webkit-tap-highlight-color: transparent
}

body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

em,i {
    font-style: normal;
    font-weight: 400
}

button,input,select,textarea {
    font-family: PingFangSC-Light,'STHeiti Light','helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif
}

button,input,select {
    box-sizing: border-box
}

button {
    border: none
}

button,input[type=button],input[type=submit],select {
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

li {
    list-style: none
}

a {
    text-decoration: none
}

a img,fieldset,iframe,img {
    border-width: 0;
    border-style: none
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}



body {
    /* width: 100%;
    height: 100%; */
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    /* background-color: #f2f2f2; */
    /* overflow: hidden; */
    -webkit-font-smoothing: auto;
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif
}

a {
    color: #333;
    -webkit-tap-highlight-color: transparent
}

button,input,select,textarea {
    -webkit-tap-highlight-color: transparent;
    color: #333;
    outline: 0
}

:focus {
    outline: 0
}