*{-webkit-text-size-adjust: none;padding: 0;margin: 0;outline: none;/* -webkit-touch-callout:default; */}
html{font-size: 16px; height:100%;-webkit-text-size-adjust:none;}
body,h1,h2,h3,ul,li,p{font-size: .24rem;font-weight: normal;}
div,a{background-size: 100% 100%;background-repeat: no-repeat;border:none;text-decoration: none;}
img{vertical-align: top;width: 100%;height: auto;}
ul,li{list-style: none;}
input{font-size:100%;}
a,select,div{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
footer.foot {padding-bottom: 0;}
div {-webkit-overflow-scrolling: auto;}

@font-face {
  font-family: 'syh_b';
  src: url(https://game.gtimg.cn/images/tgc/m/m2023/v2/syh_b.ttf);
}

@font-face {
  font-family: 'syh_r';
  src: url(https://game.gtimg.cn/images/tgc/m/m2023/v2/syh_n.ttf);
}

@keyframes up_show1 {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes up_show2 {
  0% {
    transform: translateY(80vh);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes up_show3 {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes up_hide1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-80vh);
  }
}

@keyframes opacity_show1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes opacity_hide1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes router1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes router2 {
  0% {
    transform: rotate(-60deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes order_box1 {
  0% {
    height: 0;
    width: 0;
  }
  50% {
    height: 116px;
    width: 0;
  }
  100% {
    height: 116px;
    width: 190px;
  }
}

@keyframes down_animate {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes up_scroll1 {
  0% {
    -webkit-transform: translateY(0) rotateY(0deg);
    -moz-transform: translateY(0) rotateY(0deg);
    transform: translateY(0) rotateY(0deg);
  }
  25% {
    -webkit-transform: translateY(0) rotateY(0deg);
    -moz-transform: translateY(-0.15rem) rotateY(0deg);
    transform: translateY(-0.15rem) rotateY(0deg);
  }
  50% {
    -webkit-transform: translateY(0) rotateY(0deg);
    -moz-transform: translateY(0) rotateY(0deg);
    transform: translateY(0) rotateY(0deg);
  }
  75% {
    -webkit-transform: translateY(0) rotateY(90deg);
    -moz-transform: translateY(-0.15rem) rotateY(90deg);
    transform: translateY(-0.15rem) rotateY(90deg);
  }
  100% {
    -webkit-transform: translateY(0) rotateY(0deg);
    -moz-transform: translateY(0rem) rotateY(0deg);
    transform: translateY(0rem) rotateY(0deg);
  }
}