@charset "UTF-8";

/*css reset*/

*{

  margin: 0;

  padding: 0;

}

html {

  font-size: 10px;

  font-size: calc(100vw / 32);

}

@media all and (max-width: 320px) {

  html {

    font-size: 10px;

  }

}

@media all and (min-width: 640px) {

  html {

    font-size: 20px;

  }

}

body {

  min-width: 320px;

  max-width: 640px;

  -webkit-tap-highlight-color: rgba(0,0,0,0);/*去掉触摸遮盖层*/

  -webkit-user-select: none;/*禁止用户选择文字*/

  margin: 0 auto;

  font: normal 10px/1.5 "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Helvetica, "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;

}

/*消除输入框的阴影和边框*/

input,textarea{

  -webkit-appearance: none; /*去掉webkit默认的表单样式*/

  appearance: none;

  border: none;

}

ul,li,dl,dt,dd{list-style: none;}

a{text-decoration: none; color: #282828;}

img {

  border: 0;

}

em, i {

  font-style: normal;

}

.w-rel {

  position: relative !important;

}

.w-abs {

  position: absolute !important;

}

.w-fl {

  float: left !important;

}

.w-fr {

  float: right !important;

}

.w-ovh {

  overflow: hidden !important;

}

.w-nm {

  margin: 0 !important;

}

.w-nmr {

  margin-right: 0 !important;

}

.w-nmb {

  margin-bottom: 0 !important;

}

.w-nb {

  border: none !important;

}

.w-nbr {

  border-right: none !important;

}

.w-np {

  padding: 0 !important;

}

.w-fw {

  display: block !important;

  width: 100% !important;

}

.w-fs{

  font-size: 0 !important;

}

.w-fs01{

  font-size: .1px !important;

  font-size: -webkit-calc(0px + 0px) !important;

}

.w-txc{

  text-align: center !important;

}

.w-txl{

  text-align: left !important;

}

.w-txr{

  text-align: right !important;

}

.w-txj,.w-jafter{

  text-align: justify !important;

}

.w-jafter:after{

  content: '';

  display: inline-block;

  width: 100%;

}

.w-txi {

  text-indent: 2em !important;

}

.w-cl {

  clear: both !important;

}

.w-mtop1{

  margin-top: 1rem !important;

}

.w-mtop15{

  margin-top: 1.5rem !important;

}

.w-mtop2{

  margin-top: 2rem !important;

}

.w-wrap {

  width: 93.75%;

  margin: 0 auto;

}

.w-wsp{

  white-space: nowrap !important;

}

.w-imid{

  display: inline-block;

  width: 0;

  height:100%;

  vertical-align: middle;

}

.w-block{

  display: block !important;

}

.w-inbok{

  display: inline-block !important;

}

.w-flex{

  display: flex !important;

}

.w-disnone{

  display: none;

}

.w-borbox{

  box-sizing: border-box !important;

}

.w-white{

  color: white !important;

}

.w-whitebg{

  background-color: white !important;

}

.w-colorh{

  color: inherit;

}