::-webkit-scrollbar { display: none; }
li{list-style: none;}
* { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
object,
iframe,
applet,
figure,
aside,
span { border: thin none; margin: 0; padding: 0; }
img { border: medium none; margin: 0; padding: 0; vertical-align: top;width:100% }
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fl { float: left; }
.fr { float: right; }
.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
.clearfloat { zoom: 1; }
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -webkit-tap-highlight: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; overflow: -moz-scrollbars-vertical; /*强制firefox出现滑动条*/ }
body { -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; font-size: 14px; font-size: .875rem; font-family: "微软雅黑", Helvetica; margin: 0 auto;  min-width: 320px; max-width: 750px; padding: 0; line-height: 1.5em; -webkit-user-select: none; position: relative; }
.box,
.box img,
.special img,
.hb_box img,
.tips img,
h2 img { width: 100%; }
.relative{position: relative;}

::-webkit-scrollbar {
    display: none;
  }
  
  * {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  @font-face {
    font-family: "DINOT-Bold";
    src: local("fontname Regular"), local("fontname"),
      url("../font/HONORSans-Demibold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  .DINOT-Bold,
  .dinot-bold {
    font-family: "DINOT-Bold";
  }

  :root {
    --page-bg-mz: #ff749b;
    --page-bg-fs: #cebdef;
    --page-bg-jj: #00d1b4;
  }
  body,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  p,
  blockquote,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  pre,
  form,
  fieldset,
  legend,
  button,
  input,
  textarea,
  th,
  td,
  img,
  object,
  iframe,
  applet,
  figure,
  aside,
  span {
    border: thin none;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  img {
    border: medium none;
    margin: 0;
    padding: 0;
    vertical-align: top;
  }
  a {
    cursor: pointer;
  }
  
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
  }
  
  .clearfloat {
    zoom: 1;
  }
  
  a:link {
    text-decoration: none;
  }
  
  a:visited {
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  
  img {
    width: 100%;
  }
  
  .mt10{margin-top: 10px;}


  .collect_scale {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation: collect_scale 1s ease infinite;
    -webkit-animation: collect_scale 1s ease infinite;
  }
  
  @-webkit-keyframes collect_scale {
    0% {
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
    }
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }
  
  @keyframes collect_scale {
    0% {
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
    }
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }

  /*swiper初始化样式*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex: 1;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.swiper-slide {
  height: 100%;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  text-align: center
}

.swiper-pagination {
  width: 100%;
  height: 6px;
  margin-top: 10px;
  /* position: absolute; */
  z-index: 3;
  bottom: 0px;
  text-align: center;
}
.swiper-pagination4 {
  text-align: center;
}
.swiper-pagination-bullet {
  display: inline-block;vertical-align: top;
  width: 6px;
  height: 6px;
  background: #d8d8d8;
  margin: 0 3px;
  border-radius:3.5px;
  font-size: 0;
  text-indent: -999em;
}

.swiper-pagination-bullet-active {
  background: #ff8e00;
}
.sw-bg1 .swiper-pagination-bullet{background: #c0c0c0;}
.sw-bg1 .swiper-pagination-bullet-active{background: #fb3d4b;}
.item-3-type1 .swiper-pagination-bullet {
  background: #c0c0c0;
}
.item-3-type1 .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-container .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  align-items: baseline;
}
.swiper-container-multirow>.swiper-wrapper {  flex-wrap: wrap;}

.tag-page {
  height: 1em;
  width: auto;
  margin-right: 2px;
  vertical-align: middle;
  margin-top: -0.2em;
}

.ani2{animation: _2m2BE-data-v-215dcf70 1.5s ease-out infinite alternate;}
.ani1{animation: tag 2s ease-out infinite;}
@keyframes tag {
  0% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0);
 }
 8% {
     -webkit-transform: scale(.7) rotate(0);
     transform: scale(.7) rotate(0);
 }
 20% {
     -webkit-transform: scale(.81) rotate(-7deg);
     transform: scale(.81) rotate(-7deg);
 }
 36% {
     -webkit-transform: scale(.96) rotate(7deg);
     transform: scale(.96) rotate(7deg);
 }
 40% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0);
 }
}
@keyframes _2m2BE-data-v-215dcf70 {
  0% {
      -webkit-transform: scale(1.1) translateZ(0);
      transform: scale(1.1) translateZ(0);
  }
  25% {
      -webkit-transform: scale(1.2) translateZ(0);
      transform: scale(1.2) translateZ(0);
  }
  50% {
      -webkit-transform: scale(1.1) translateZ(0);
      transform: scale(1.1) translateZ(0);
  }
  75% {
      -webkit-transform: scale(1.2) translateZ(0);
      transform: scale(1.2) translateZ(0);
  }
  100% {
      -webkit-transform: scale(1) translateZ(0);
      transform: scale(1) translateZ(0);
  }
}