*{margin:0;padding:0;box-sizing: border-box;font-family:"MicrosoftYaHei",Arial,Helvetica,sans-serif;}

/* html,body{width:100%;height:100%;overflow: hidden} */
html, body{width:100%; height:100%;overflow: auto; }

a {color: initial;text-decoration: none;}
li{list-style:none;}
button{border:none;outline:none;cursor:pointer;}
input{border:none;outline:none;background: none;}

.btn{
  transition: transform 0.2s;
  cursor: pointer;
  background: none;
  vertical-align: middle;
  background-color: transparent;
}.btn:hover{
  filter: drop-shadow(0 0 0.05rem #fff)
}.btn:active{
  transition: transform 0s;
  filter: brightness(0.9)
}.btn.disabled{
  filter: brightness(0.6)
}

.hover_effect{cursor: pointer;}
.hover_effect:hover{
  filter: drop-shadow(0 0 5px #fff);;
}

*{
  user-select: none;
}

.w100{width:100%;}
.wh100{width:100%;height:100%;}

.fl{float:left;}
.fr{float:right;}

.fsz-0{font-size: 0;}

.pr{position:relative;}
.pa{position:absolute;}
.pa0{position:absolute; top: 0; left: 0;}

.inb{display:inline-block;}
.tc{text-align:center;}

.vam{vertical-align:middle;}
.hide{display:none;}

.mglr-8{
  margin: 0 8px;
}.mgt-10{
  margin-top: 0.1rem;
}.mgt-20{
  margin-top: 0.2rem;
}.mgl-8{
  margin-left:8px;
}.mgr-4{
  margin-right: 4px;
}.mgr-12{
  margin-right: 12px;
}.mgr-20{
  margin-right: 20px;
}.pdt-36{
  padding-top: 0.36rem
}.pdt-48{
  padding-top: 48px
}.pdt-24{
  padding-top: 0.24rem;
}.pdt-12{
  padding-top: 0.12rem
}.color_red{
  color: #d65508;
}.orange{
  color: #d65508;
}.color_yellow{
  color: #ffe933;
}.bold{
  font-weight: bold;
}