body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
p,
button,
article,
aside,
details,
figcaption,
figure,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

body {
  margin: auto;
  font-family: "PingFang SC", Roboto, "Helvetica Neue", Helvetica, STHeiti,
    sans-serif;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

a {
  text-decoration: none;
  display: inline-block;
}

img {
  border: none;
}

input {
  outline: none;
  border-radius: 0;
  background-color: inherit;
  box-shadow: none;
  -webkit-box-shadow: none;
}

a,
img {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

i {
  font-style: normal;
}
ul {
  list-style: none;
}
.textCenter {
  text-align: center;
}

.flex {
  display: flex;
}

.flexItem {
  flex: 1;
}

.clearFix:after {
  display: block;
  height: 0;
  content: "";
  clear: both;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
html {
  font-size: 10vw;
}

.productList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.productList .productItem {
  width: 1.7708333333rem;
  height: 2.7864583333rem;
  margin-bottom: 0.2083333333rem;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  position: relative;
}
.productList .productItem .productImage {
  box-sizing: border-box;
  padding: 0 0.1041666667rem;
  height: 1.7708333333rem;
  width: 1.7708333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productList .productItem .productImage img {
  max-width: 100%;
  max-height: 100%;
}
.productList .productItem .merchantProductImg {
  width: 100%;
  padding: 0;
}
.productList .productItem .prodcutItemInfo {
  box-sizing: border-box;
  padding: 0 0.1041666667rem;
}
.productList .productItem .prodcutItemInfo .productName {
  margin-top: 0.1458333333rem;
  width: 1.5625rem;
  font-family: PingFangSC-Medium;
  font-size: 0.09375rem;
  color: #333333;
  letter-spacing: 0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.productList .productItem .prodcutItemInfo .productFrom {
  font-family: PingFangSC-Regular;
  font-size: 0.0729166667rem;
  color: #999999;
  letter-spacing: 0;
  margin: 0.0260416667rem auto 0.0729166667rem;
}
.productList .productItem .prodcutItemInfo .priductPrice {
  font-family: PingFangSC-Medium;
  font-size: 0.09375rem;
  letter-spacing: 0;
  margin-bottom: 0.015625rem;
}
.productList .productItem .prodcutItemInfo .priductPrice .priceCN {
  color: #000;
  margin-right: 0.03125rem;
}
.productList .productItem .prodcutItemInfo .priductPrice .priceCNorig {
  color: #1377cc;
  margin-right: 0.03125rem;
}
.productList .productItem .prodcutItemInfo .priductPrice .priceAm {
  color: #333333;
  margin-right: 0.03125rem;
  font-family: PingFangSC-Regular;
}
.productList .productItem .prodcutItemInfo .priductPrice .priceOriginal {
  color: #999;
  text-decoration: line-through;
  font-family: PingFangSC-Regular;
}
.productList .productItem .prodcutItemInfo .productTags {
  font-family: PingFangSC-Medium;
  font-size: 0.0729166667rem;
  color: #d27d3f;
  letter-spacing: 0;
}
.productList .productItem .productCode {
  display: none;
  width: 0.2604166667rem;
  height: 0.2604166667rem;
  position: absolute;
  right: 0.0833333333rem;
  bottom: 0.0833333333rem;
}
.productList .productItem .productCode img {
  width: 100%;
  height: 100%;
  display: block;
}
.productList .productItem:hover {
  background: #ffffff;
  box-shadow: 0.15625rem 0.2604166667rem 0.5208333333rem 0 rgba(0, 0, 0, 0.08);
}

html {
  font-size: 10vw;
}

html {
  font-size: 10vw;
}

html {
  font-size: 10vw;
}

.productList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.productList .productItem {
  width: 1.7708333333rem;
  height: 2.7864583333rem;
  margin-bottom: 0.2083333333rem;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  position: relative;
}
.productList .productItem .productImage {
  box-sizing: border-box;
  padding: 0 0.1041666667rem;
  height: 1.7708333333rem;
  width: 1.7708333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productList .productItem .productImage img {
  max-width: 100%;
  max-height: 100%;
}
.productList .productItem .merchantProductImg {
  width: 100%;
  padding: 0;
}
.productList .productItem .prodcutItemInfo {
  box-sizing: border-box;
  padding: 0 0.1041666667rem;
}
.productList .productItem .prodcutItemInfo .productName {
  margin-top: 0.1458333333rem;
  width: 1.5625rem;
  font-family: PingFangSC-Medium;
  font-size: 0.09375rem;
  color: #333333;
  letter-spacing: 0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.productList .productItem .prodcutItemInfo .productFrom {
  font-family: PingFangSC-Regular;
  font-size: 0.0729166667rem;
  color: #999999;
  letter-spacing: 0;
  margin: 0.0260416667rem auto 0.0729166667rem;
}
.productList .productItem .prodcutItemInfo .priductPrice {
  font-family: PingFangSC-Medium;
  font-size: 0.09375rem;
  letter-spacing: 0;
  margin-bottom: 0.015625rem;
}
.productList .productItem .prodcutItemInfo .priductPrice .priceCN {
  color: #000;
  margin-right: 0.03125rem;
}
.productList .productItem .prodcutItemInfo .priductPrice .priceCNorig {
  color: #1377cc;
  margin-right: 0.03125rem;
}
.productList .productItem .prodcutItemInfo .priductPrice .priceAm {
  color: #333333;
  margin-right: 0.03125rem;
  font-family: PingFangSC-Regular;
}
.productList .productItem .prodcutItemInfo .priductPrice .priceOriginal {
  color: #999;
  text-decoration: line-through;
  font-family: PingFangSC-Regular;
}
.productList .productItem .prodcutItemInfo .productTags {
  font-family: PingFangSC-Medium;
  font-size: 0.0729166667rem;
  color: #d27d3f;
  letter-spacing: 0;
}
.productList .productItem .productCode {
  display: none;
  width: 0.2604166667rem;
  height: 0.2604166667rem;
  position: absolute;
  right: 0.0833333333rem;
  bottom: 0.0833333333rem;
}
.productList .productItem .productCode img {
  width: 100%;
  height: 100%;
  display: block;
}
.productList .productItem:hover {
  background: #ffffff;
  box-shadow: 0.15625rem 0.2604166667rem 0.5208333333rem 0 rgba(0, 0, 0, 0.08);
}

@media (min-width: 2000px) {
  html {
    font-size: 200px;
    position: relative;
  }
  html article #templateContent, html article .merchantList, html article .featuredDiscount {
    width: 2000px;
    margin-left: auto;
    margin-right: auto;
  }
}
a {
  color: #000;
}

#download-bar {
  display: none;
}

header {
  width: 7.4895833333rem;
  margin: auto auto !important;
  display: flex;
  height: 0.7291666667rem;
  justify-content: space-between;
}
header .topLogo {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .topLogo img {
  width: 0.21875rem;
  height: 0.21875rem;
}
header .topLogo span {
  margin-left: 0.0572916667rem;
  font-family: PingFangSC-Medium;
  font-size: 0.1041666667rem;
  color: #333333;
  letter-spacing: 0;
  word-break: keep-all;
}
header .tabList {
  display: flex;
  list-style: none;
  align-items: center;
  margin-left: 3.3854166667rem;
  height: 100%;
}
header .tabList li {
  font-family: PingFangSC-Medium;
  font-size: 0.09375rem;
  color: #333333;
  letter-spacing: 0;
  margin-right: 0.3125rem;
  position: relative;
}
header .tabList .tabActive::after {
  content: "";
  border-bottom: 2px solid #000;
  position: absolute;
  width: 100%;
  bottom: -0.0416666667rem;
  left: 0;
}
header .rightNavIcon {
  display: none;
}

.fixBtnBox {
  position: fixed;
  z-index: 20;
  top: 60%;
  right: 0.0833333333rem;
}
.fixBtnBox .qrImgBox {
  width: 0.2083333333rem;
  height: 0.2083333333rem;
  position: relative;
}
.fixBtnBox .qrImgBox img {
  width: 100%;
}
.fixBtnBox .qrImgBox .normalQrcode {
  display: none;
  position: absolute;
  width: 0.7291666667rem;
  height: 0.96875rem;
  left: -0.7916666667rem;
  top: 0.7395833333rem;
  font-family: PingFangSC-Medium;
  font-size: 0.0729166667rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.09375rem;
  background: #ffffff;
  box-shadow: 0 0.2604166667rem 0.5208333333rem 0 rgba(0, 0, 0, 0.12);
}
.fixBtnBox .qrImgBox .normalQrcode img {
  width: 0.625rem;
  margin: 0.0520833333rem auto 0;
}
.fixBtnBox .qrImgBox .normalQrcode .colorRed {
  color: rgb(201, 92, 93);
}
.fixBtnBox .qrImgBox:hover .normalQrcode {
  display: block;
}
.fixBtnBox .toTopBox {
  width: 0.2083333333rem;
  height: 0.2083333333rem;
  margin-top: 0.0520833333rem;
}
.fixBtnBox .toTopBox img {
  width: 100%;
}

footer {
  font-size: 0.0729166667rem;
  letter-spacing: 0;
  background-color: #333;
  border-top: 1px solid transparent;
}
footer .introductionContent {
  display: flex;
  width: 7.5052083333rem;
  margin: 0.1041666667rem auto 0;
}
footer .introductionContent .logoContent {
  margin-left: 0.1614583333rem;
  width: 1.9427083333rem;
  display: flex;
  align-items: center;
}
footer .introductionContent .logoContent img {
  width: 0.234375rem;
  margin-right: 0.1041666667rem;
}
footer .introductionContent .logoContent span {
  font-family: PingFangSC-Medium;
  font-size: 0.1041666667rem;
  color: #ffffff;
  letter-spacing: 0;
}
footer .introductionContent .introductionCode {
  display: flex;
  margin-top: 0.21875rem;
  font-family: PingFangSC-Regular;
  color: #999999;
}
footer .introductionContent .introductionCode .addressTitle {
  display: flex;
  align-items: center;
  width: 1.6145833333rem;
  position: relative;
  margin-bottom: 0.21875rem;
}
footer .introductionContent .introductionCode .addressTitle img {
  width: 0.1041666667rem;
  height: 0.1041666667rem;
  margin-right: 9.5px;
}
footer .introductionContent .introductionCode .addressTitle:after {
  content: "";
  height: 4px;
  width: 12px;
  background-color: #fff;
  position: absolute;
  left: -10px;
  bottom: -17px;
}
footer .introductionContent .introductionCode .addressText {
  width: 1.6145833333rem;
  font-size: 0.0729166667rem;
  color: #999999;
}
footer .introductionContent .introductionCode .addressText .address1 {
  width: 1.0416666667rem;
}
footer .introductionContent .introductionCode img {
  width: 0.09375rem;
  height: 0.09375rem;
  margin-right: 9px;
}
footer .introductionContent .introductionCode .forkUsTitle {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0.21875rem;
}
footer .introductionContent .introductionCode .forkUsTitle img {
  width: 0.1041666667rem;
  height: 0.1041666667rem;
  margin-right: 9.5px;
}
footer .introductionContent .introductionCode .forkUsTitle:after {
  content: "";
  height: 4px;
  width: 12px;
  background-color: #fff;
  position: absolute;
  left: -10px;
  bottom: -17px;
}
footer .introductionContent .introductionCode .bieyang {
  position: relative;
}
footer .introductionContent .introductionCode .bieyang .line1 {
  display: flex;
  align-items: center;
}
footer .introductionContent .introductionCode .bieyang .line2 {
  margin-left: 0.1510416667rem;
}
footer .introductionContent .introductionCode .bieyang .line2 .colorRed {
  color: rgb(201, 92, 93);
}
footer .introductionContent .introductionCode .bieyang .qrcodeContent {
  top: 0.5729166667rem;
  left: 0.1041666667rem;
}
footer .introductionContent .introductionCode .bieyangPublicPath {
  display: flex;
  justify-content: space-around;
}
footer .introductionContent .introductionCode .weixin,
footer .introductionContent .introductionCode .weibo,
footer .introductionContent .introductionCode .miniProgram {
  margin-top: 0.21875rem;
  display: flex;
  position: relative;
  align-items: center;
  margin-left: 0.2083333333rem;
}
footer .introductionContent .introductionCode .weixin .qrcodeContent,
footer .introductionContent .introductionCode .weibo .qrcodeContent,
footer .introductionContent .introductionCode .miniProgram .qrcodeContent {
  top: 0.2864583333rem;
  left: 0.1041666667rem;
  display: none;
}
footer .introductionContent .introductionCode .weixin:hover .qrcodeContent,
footer .introductionContent .introductionCode .weibo:hover .qrcodeContent,
footer .introductionContent .introductionCode .miniProgram:hover .qrcodeContent {
  display: block;
  top: 0.3489583333rem;
  left: 0.1041666667rem;
}
footer .introductionContent .introductionCode .bieyang .qrcodeContent,
footer .introductionContent .introductionCode .weixin .qrcodeContent,
footer .introductionContent .introductionCode .weibo .qrcodeContent,
footer .introductionContent .introductionCode .miniProgram .qrcodeContent {
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 6px;
}
footer .introductionContent .introductionCode .bieyang .qrcodeContent img,
footer .introductionContent .introductionCode .weixin .qrcodeContent img,
footer .introductionContent .introductionCode .weibo .qrcodeContent img,
footer .introductionContent .introductionCode .miniProgram .qrcodeContent img {
  width: 100%;
  height: 100%;
}
footer .introductionContent .introductionCode .bieyang .qrcodeContent::before,
footer .introductionContent .introductionCode .weixin .qrcodeContent::before,
footer .introductionContent .introductionCode .weibo .qrcodeContent::before,
footer .introductionContent .introductionCode .miniProgram .qrcodeContent::before {
  content: "";
  position: absolute;
  border-color: transparent transparent #fff;
  border-style: solid;
  height: 0;
  width: 0;
  border-width: 0 0.0833333333rem 0.0833333333rem;
  top: -6px;
  left: 0.234375rem;
}
footer .blackLine {
  height: 2px;
  width: 100%;
  background-color: #fff;
  margin-top: 0.6927083333rem;
  opacity: 0.1;
}
footer .copyRight {
  height: 0.3489583333rem;
  opacity: 0.3;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  line-height: 0.3489583333rem;
  text-align: center;
}
footer .copyRight a {
  color: #fff;
}

.company-info {
  display: none;
}

@media (max-width: 960px) {
  html {
    font-size: 10vw;
  }
  body {
    position: relative;
  }
  .content {
    padding-top: 1.4933333333rem;
  }
  .content .company-info {
    padding: 0 0.2666666667rem;
    position: absolute;
    left: 0;
    right: 1.6rem;
    display: block;
  }
  .content .company-info p {
    height: 18px;
    line-height: 12px;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    align-items: center;
    color: #666;
  }
  .content .company-info p a {
    color: #666;
    text-decoration: underline;
  }
  .content .company-info p a + a {
    margin-left: 0.1333333333rem;
  }
  .fixedTop {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 21;
    transition: all 0.2s ease-in-out;
  }
  .fixedTop .topLogo span {
    font-size: 0.3733333333rem;
  }
  .notShow {
    position: fixed;
    width: 100%;
    top: -2rem;
    z-index: 21;
    transition: all 0.2s ease-in-out;
  }
  .notShow .rightNavIcon {
    top: -2rem;
  }
  .notShow .rightNavIcon .toNav {
    top: -2rem;
  }
  .fullHeight {
    height: 100%;
  }
  .fullHeight .rightNavIcon {
    top: 0;
  }
  .fullHeight .rightNavIcon .toNav {
    top: 0 !important;
  }
  html body header {
    justify-content: space-between;
    height: 2rem;
    width: 100%;
    background-color: #fff;
  }
  html body header .topLogo {
    font-family: PingFangSC-Medium;
    font-size: 0.3733333333rem;
    color: #333333;
    letter-spacing: 0;
    display: flex;
    align-items: flex-end;
    margin-bottom: 0.1333333333rem;
  }
  html body header .topLogo span {
    height: 0.8533333333rem;
    line-height: 0.8533333333rem;
  }
  html body header .topLogo img {
    width: 0.8533333333rem;
    height: 0.8533333333rem;
    margin: 0 0.3466666667rem 0 0.48rem;
  }
  html body header nav {
    display: none;
  }
  html body header .rightNavIcon {
    width: 1.6rem;
    height: 2rem;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    transition: all 0.2s linear;
  }
  html body header .rightNavIcon .lineIcon {
    width: 0.64rem;
    height: 0.0666666667rem;
    margin-bottom: 0.1866666667rem;
    background-color: #fff;
  }
  html body header .rightNavIcon .closeIcon {
    display: none;
  }
  html body header .rightNavIcon .toNav {
    display: none;
  }
  html body header .fullNav {
    width: 10rem;
    height: 100%;
    z-index: 90;
    display: block;
    transition: all 0.2s linear;
  }
  html body header .fullNav .lineIcon {
    display: none;
  }
  html body header .fullNav .closeIcon {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0.5333333333rem;
    top: 0.5333333333rem;
  }
  html body header .fullNav .toNav {
    display: block;
    font-family: PingFangSC-Light;
    font-weight: 100;
    font-size: 0.64rem;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0;
    text-align: center;
    margin-top: 3.2rem;
  }
  html body header .fullNav .toNav p {
    margin-top: 1.0666666667rem;
  }
  html body header .fullNav .toNav .activeNav a {
    font-family: PingFangSC-Semibold;
    font-size: 0.64rem;
    color: #fff;
  }
  html body header .fullNav .toNav a {
    color: rgba(255, 255, 255, 0.5);
  }
  footer {
    background-color: #333;
    margin: 0;
    padding-bottom: 1.4933333333rem;
    width: 10rem;
    border-bottom: 0.0133333333rem solid #333;
  }
  footer .introductionContent {
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 2.28rem;
  }
  footer .introductionContent .logoContent {
    text-align: center;
    width: 100%;
    display: block;
    margin: 0;
  }
  footer .introductionContent .logoContent img {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    margin: 0.6666666667rem auto 0.2133333333rem;
  }
  footer .introductionContent .logoContent span {
    display: block;
    font-family: PingFangSC-Medium;
    font-size: 0.32rem;
  }
  footer .introductionContent .introductionCode {
    display: block;
    margin-top: 1.0666666667rem;
  }
  footer .introductionContent .introductionCode .addressText {
    width: 100%;
    margin-left: 0.8rem;
    margin-bottom: 0.7066666667rem;
    font-size: 0.2666666667rem;
  }
  footer .introductionContent .introductionCode .addressText br {
    display: none;
  }
  footer .introductionContent .introductionCode .addressText .addressTitle {
    width: 100%;
    font-family: PingFangSC-SemiBold;
    font-size: 0.32rem;
    color: #ffffff;
    letter-spacing: 0;
    margin-bottom: 0.5466666667rem;
  }
  footer .introductionContent .introductionCode .addressText .addressTitle img {
    width: 0.4rem;
    height: 0.4rem;
  }
  footer .introductionContent .introductionCode .addressText .address1 {
    width: 100%;
  }
  footer .introductionContent .introductionCode .addressText .addressTitle:after {
    height: 0.0666666667rem;
    width: 0.16rem;
    bottom: -0.32rem;
    left: -0.2rem;
  }
  footer .introductionContent .introductionCode .bieyang {
    width: 100%;
    margin-left: 0.8rem;
  }
  footer .introductionContent .introductionCode .bieyang .forkUsTitle {
    font-family: PingFangSC-SemiBold;
    font-size: 0.32rem;
    color: #ffffff;
    margin-bottom: 0.5466666667rem;
  }
  footer .introductionContent .introductionCode .bieyang .forkUsTitle img {
    width: 0.4rem;
    height: 0.4rem;
  }
  footer .introductionContent .introductionCode .bieyang .forkUsTitle:after {
    height: 0.0666666667rem;
    width: 0.16rem;
    bottom: -0.32rem;
    left: -0.2rem;
  }
  footer .introductionContent .introductionCode .bieyang .lineBox {
    font-size: 0.24rem;
    color: #999999;
  }
  footer .introductionContent .introductionCode .bieyang .lineBox .line1 {
    display: inline;
  }
  footer .introductionContent .introductionCode .bieyang .lineBox .line1 img {
    width: 0.24rem;
    height: 0.24rem;
  }
  footer .introductionContent .introductionCode .bieyang .lineBox .line2 {
    display: inline;
  }
  footer .introductionContent .introductionCode .bieyang .lineBox .qrcodeContent {
    display: none;
  }
  footer .introductionContent .introductionCode .bieyangPublicPath {
    margin-bottom: 2.3333333333rem;
    font-family: PingFangSC-Regular;
    font-size: 0.24rem;
    color: #999999;
    letter-spacing: 0;
    justify-content: space-between;
    width: 8.8rem;
    margin: 0 auto;
  }
  footer .introductionContent .introductionCode .bieyangPublicPath img {
    width: 0.2933333333rem;
    height: auto;
  }
  footer .introductionContent .introductionCode .bieyangPublicPath .qrcodeContent {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    top: 0.6666666667rem;
    padding: 0.0266666667rem;
  }
  footer .introductionContent .introductionCode .bieyangPublicPath .qrcodeContent::before {
    top: -0.08rem;
    left: 0.7466666667rem;
  }
  footer .introductionContent .introductionCode .bieyangPublicPath .weixin .qrcodeContent {
    left: 0.4rem;
  }
  footer .introductionContent .introductionCode .bieyangPublicPath .weibo .qrcodeContent {
    left: 0.8rem;
  }
  footer .blackLine {
    height: 0.0133333333rem;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    margin-top: 0;
  }
  footer .copyRight {
    opacity: 0.3;
    font-family: PingFangSC-Regular;
    font-size: 0.1866666667rem;
    color: #ffffff;
    text-align: center;
    width: 9rem;
    margin: 0.28rem auto 0.3933333333rem;
    height: auto;
  }
  .content a#download-bar {
    background: #fefefe;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    height: 1.4933333333rem;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 20;
    display: flex;
  }
  #download-bar .bd {
    align-items: center;
    display: flex;
    flex: 1;
    margin: 0.32rem 0.32rem 0.3733333333rem 0.32rem;
  }
  #download-bar .logo {
    height: 0.8rem;
    margin-right: 0.2666666667rem;
    width: 0.8rem;
  }
  #download-bar .detail {
    color: #666;
    flex: 1;
    font-size: 0.2666666667rem;
  }
  #download-bar .bigger {
    color: #333;
    font-size: 0.32rem;
    font-weight: bold;
  }
  #download-bar .red {
    color: #c14444;
    font-size: 0.2933333333rem;
    margin-left: 0.16rem;
  }
  #download-bar .ft {
    align-items: center;
    background: #d27d3f;
    color: #fff;
    display: flex;
    font-size: 0.3466666667rem;
    font-weight: bold;
    height: 100%;
    justify-content: center;
    width: 2.6666666667rem;
  }
  .fixBtnBox {
    right: 0.2666666667rem;
    display: none;
  }
  .fixBtnBox .qrImgBox {
    display: none;
  }
  .fixBtnBox .toTopBox {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.info.ad {
  color: #777777;
  font-size: 14px;
  text-align: center;
  padding-bottom: 20px;
  font-weight: bold;
}

.info.ad > p + p {
  margin-top: 6px;
}

.info.ad a {
  text-decoration: underline;
  color: #777777;
}

.topBanner {
  width: 7.4895833333rem;
  position: relative;
  margin: 0 auto;
}
.topBanner .appBanner {
  width: 4.8854166667rem;
  height: 4.4739583333rem;
  overflow: hidden;
  position: relative;
}
.topBanner .appBanner img {
  width: 100;
  height: 100%;
}
.topBanner .appBanner .phoneAnimate {
  width: 3.53125rem;
  height: 4.1822916667rem;
  top: 0.2083333333rem;
  left: 0.0833333333rem;
  position: absolute;
  animation: suspension 8s infinite ease-in-out;
}
@keyframes suspension {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.topBanner .appDownloadContent {
  position: absolute;
  width: 3.8020833333rem;
  height: 3.59375rem;
  box-sizing: border-box;
  padding: 0.8385416667rem 0 0 0.4895833333rem;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 2;
}
.topBanner .appDownloadContent .logoBox img {
  width: 0.46875rem;
  height: 0.46875rem;
}
.topBanner .appDownloadContent .logoBox .byTitleContent {
  margin-left: 0.1041666667rem;
}
.topBanner .appDownloadContent .logoBox .byTitleContent .title {
  font-family: PingFangSC-Semibold;
  font-size: 0.21875rem;
  color: #333333;
  letter-spacing: 0.0121354167rem;
}
.topBanner .appDownloadContent .logoBox .byTitleContent .secondTitle {
  font-family: PingFangSC-Regular;
  font-size: 0.125rem;
  color: #333333;
  letter-spacing: 0.0450520833rem;
}
.topBanner .appDownloadContent .byQuality {
  margin-top: 0.1666666667rem;
  font-family: PingFangSC-Regular;
  font-size: 0.0833333333rem;
  color: #333333;
  line-height: 0.1666666667rem;
  flex-wrap: wrap;
}
.topBanner .appDownloadContent .byQuality .qualitItem {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.0104166667rem;
}
.topBanner .appDownloadContent .byQuality .qualitItem img {
  width: 0.15625rem;
  height: 0.15625rem;
}
.topBanner .appDownloadContent .byQuality .qualitItem p.leftQualityText {
  width: 1.125rem;
}
.topBanner .appDownloadContent .byQuality .qualitItem p {
  margin-left: 0.0520833333rem;
  white-space: nowrap;
}
.topBanner .appDownloadContent .downloadBtn {
  width: 1.9895833333rem;
  height: 0.3333333333rem;
  background-color: #000;
  position: relative;
  font-family: PingFangSC-Medium;
  font-size: 0.0833333333rem;
  color: #ffffff;
  align-items: center;
  margin-top: 0.2083333333rem;
}
.topBanner .appDownloadContent .downloadBtn .arrawRight {
  width: 0.3229166667rem;
  margin-left: 0.2135416667rem;
  margin-right: 0.1302083333rem;
}
.topBanner .appDownloadContent .downloadBtn .iosContent {
  position: relative;
}
.topBanner .appDownloadContent .downloadBtn .iosContent .iosIcon {
  width: 0.1041666667rem;
  margin-left: 0.1875rem;
  margin-right: 0.109375rem;
}
.topBanner .appDownloadContent .downloadBtn .androidContent {
  position: relative;
}
.topBanner .appDownloadContent .downloadBtn .androidContent .androidIcon {
  width: 0.1041666667rem;
}
.topBanner .appDownloadContent .downloadBtn .androidContent .androidQrcode {
  background: #ffffff;
  box-shadow: 0 0.2604166667rem 0.5208333333rem 0 rgba(0, 0, 0, 0.12);
  top: 0.2083333333rem;
  left: -0.3229166667rem;
  display: none;
  position: absolute;
  box-sizing: border-box;
  width: 0.7291666667rem;
  padding: 0.0520833333rem;
  font-family: PingFangSC-Medium;
  font-size: 0.0729166667rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.09375rem;
}
.topBanner .appDownloadContent .downloadBtn .androidContent .androidQrcode img {
  width: 100%;
}
.topBanner .appDownloadContent .downloadBtn .androidContent .androidQrcode .colorRed {
  color: rgb(201, 92, 93);
}
.topBanner .appDownloadContent .downloadBtn .androidContent .androidQrcode::before {
  content: "";
  width: 0rem;
  height: 0;
  border-width: 0 0.046875rem 0.046875rem;
  border-style: solid;
  border-color: transparent transparent #fff;
  position: absolute;
  top: -0.0364583333rem;
  left: 0.328125rem;
}
.topBanner .appDownloadContent .downloadBtn .androidContent .iosQrcode::before {
  content: "";
  width: 0rem;
  height: 0;
  border-width: 0 0.046875rem 0.046875rem;
  border-style: solid;
  border-color: transparent transparent #fff;
  position: absolute;
  top: -0.0364583333rem;
  left: 0.328125rem;
}
.topBanner .appDownloadContent .downloadBtn .androidContent .iosQrcode {
  position: absolute;
  left: -0.5364583333rem;
  background: #ffffff;
  box-shadow: 0 0.2604166667rem 0.5208333333rem 0 rgba(0, 0, 0, 0.12);
  top: 0.2083333333rem;
  box-sizing: border-box;
  width: 0.7291666667rem;
  padding: 0.0520833333rem;
  font-family: PingFangSC-Medium;
  font-size: 0.0729166667rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.09375rem;
}
.topBanner .appDownloadContent .downloadBtn .androidContent .iosQrcode img {
  width: 100%;
}
.topBanner .appDownloadContent .downloadBtn .androidContent .iosQrcode .colorRed {
  color: rgb(201, 92, 93);
}
.topBanner .appDownloadContent .downloadBtn:after {
  content: "";
  width: 0.3645833333rem;
  border-bottom: 2px solid #000;
  position: absolute;
  top: 0.1614583333rem;
  right: -0.5208333333rem;
}
.topBanner .appDownloadContent:after {
  content: "";
  position: absolute;
  height: 0.625rem;
  border-right: 0.125rem solid #000;
  bottom: -0.3125rem;
  right: 0.5104166667rem;
}
.topBanner .appDownloadContent::before {
  content: "";
  width: 3.8072916667rem;
  height: 0.84375rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAr0AAAB5BAMAAADG7IRgAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMBBAkGDRJv6E7JAAAEC0lEQVR42tzagW2kMBCF4b0OztoOjBtg6cAyHZD+W7nYXPIiGeuZHTPY+RsI+vQ0oCSPUn/MccuPbLFQavu4tW0LhbwtNS1oNoc9aPW+BNinrDugjYUQ1tiHclvq+ymyrEsRXoFv2wH70fbrKuer44um4wFbW1hwiK3aE15jeIas+LixHBe6xPcSYPjmyIX9bjcuOJ2Go0Bb8GW8CgNG2G/OG4L6grFePEG+X9X5cmC+X18QVlgwYc51yX4pr/qA90GEQmTCOqoo4TpHdPV8zZMM+HsQrniDCawiMx6XABuj64uOiWOhYsKgVlRFroQLW+arN2DkbErjNnDmsrO3Mfl89QfsUwEpU8OUztdpz5cDM16k6MrHm6+33CTilfsyYk8WfN1XG0RZ5LcOAl8hcK5bTuE2kO3S9VLhWcAr85UvGBOWj3jbCw3Wq+ALYMkJvucTbd0L5bzk+HJeuS8X9jEQ07Y9wXLpdIHrYkSX+qoBW5QjB75hgtqa2n/G18t57xow8jblQn3b+hWlROFEeDKF+TJg8Qn2McX3G8d2MfHxNQ8FX/SyrHC2lRZO5y1pWTR8kaHC3NenwnUvuPoz4feYL9f9+9DyhTAt3BpUia6mLweGr2TCaEvV/J54RVW+dLxWmZf7DjPhuvGq+wJYfiIw4cpavt/8nvA4gFfXF8IVE3ZBO8t7LUjHFwl8yYSVcimBL9FVWjCI+7nD3trO1/tZU1+XCkr5PZkv55X7cmEE4Tsvsa1sQdDtxzd2htihy5DzH1SPO5uYii8S+eqfCoJKfBV0iS85Epw4n1X71xm2y3GR6npRQ1/kPWq4XAJLfBV4uS8X5n9bLggIZ4uI8ER0mW8HC4Yv3TASzBZZ3tTRes/7cmOek3yAcdvOfKMw6X1fdxi7CkfV+nbyYSbxRZPtpynidun7MDypr38zmW/CvZ33LV9kb++/bLe+UZjXytexxL7A7UO30rfLDSfb7n2TMG8k39l0pCv0Tb2sdktsEF8Ik54j+BrTm67QF8oazK8lNZYv/i+N1fd+Z1MX5+jLl2BfQDqcL4Rpzy7vgzE944p98y76DBvWF8I1xl3dB2MG0BX4spqMdnxfEFcid3AfTGwQ3Ia+iB2ShfabfEFc3V33YTZoHF2Bb9N+ry+EzyS6D3LZcXCPfbta8b/26yCFYRiGoqBzg/r+l22XMciFFpxIzswR3kLiV+87bXx75VnZYnH1vUT/W5KuH6+WV/9O38sSr9kg/Sf14uobydd4sOIIjCq11TeUvHHkwXH1jTy0ccm0+s6kmM3rpd7B+uaSMXLbiL4DfUtKU7ntSd/AXpXb/vQN1d52tTeavnn1M131Levwxc70re0Q9ExfAAAAAAAAAAAAAFjuDWkk0HzX3ItCAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  position: absolute;
  bottom: -0.84375rem;
  right: 0;
}

.explosiveStyle {
  width: 7.4895833333rem;
  margin: 0.7291666667rem auto 0;
  position: relative;
  padding-bottom: 0.625rem;
  display: flex;
}
.explosiveStyle .leftNavContent {
  width: 1.3020833333rem;
  margin-right: 0.6770833333rem;
  word-wrap: none;
}
.explosiveStyle .leftNavContent .line {
  width: 0.1041666667rem;
  border-bottom: 0.0208333333rem solid #000;
}
.explosiveStyle .leftNavContent .explosiveTitle {
  margin-top: 0.1041666667rem;
}
.explosiveStyle .leftNavContent .explosiveTitle .explosiveTitle1 {
  font-family: PingFangSC-Semibold;
  font-size: 0.1458333333rem;
  color: #000000;
  letter-spacing: 0;
}
.explosiveStyle .leftNavContent .explosiveTitle .explosiveTitle2 {
  font-family: PingFangSC-Light;
  font-size: 0.0833333333rem;
  color: #666666;
  letter-spacing: 0.0104166667rem;
}
.explosiveStyle .leftNavContent .explosiveStyleList {
  margin-top: 0.3385416667rem;
  font-family: PingFangSC-Regular;
  font-size: 0.0833333333rem;
  color: #999999;
  letter-spacing: 0;
}
.explosiveStyle .leftNavContent .explosiveStyleList .explosiveStyleListItem {
  margin-left: 0.4791666667rem;
  list-style: none;
  margin-top: 0.1666666667rem;
}
.explosiveStyle .leftNavContent .explosiveStyleList .explosiveActive {
  font-family: PingFangSC-Semibold;
  font-size: 0.1041666667rem;
  color: #000000;
  letter-spacing: 0;
  position: relative;
}
.explosiveStyle .leftNavContent .explosiveStyleList .explosiveStyleListItem:hover {
  color: #000000;
  font-family: PingFangSC-Semibold;
  position: relative;
}
.explosiveStyle .leftNavContent .explosiveStyleList .explosiveActive:before,
.explosiveStyle .leftNavContent .explosiveStyleList .explosiveStyleListItem:hover::before {
  content: "";
  height: 1px;
  width: 0.3125rem;
  background-color: #000;
  position: absolute;
  left: -0.4270833333rem;
  top: 0.078125rem;
}
.explosiveStyle .rightExplosiveContent {
  display: block;
  width: 5.7291666667rem;
}
.explosiveStyle .rightExplosiveContent .bigShowImg {
  position: relative;
  width: 3.125rem;
  height: 3.3333333333rem;
  overflow: hidden;
  padding-bottom: 0.3125rem;
}
.explosiveStyle .rightExplosiveContent .bigShowImg img {
  width: 3.125rem;
  height: 100%;
}
.explosiveStyle .rightExplosiveContent .bigShowImg::after {
  height: 0.625rem;
  content: "";
  width: 0.125rem;
  background-color: #000;
  position: absolute;
  bottom: 0rem;
  left: 0.4166666667rem;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.8645833333rem;
  height: 2.84375rem;
  background: #fff;
  box-sizing: border-box;
  padding: 0.25rem 0.2604166667rem 0;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItemTitle {
  font-family: PingFangSC-Semibold;
  font-size: 0.125rem;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveExtroTitle {
  font-family: PingFangSC-Light;
  font-size: 0.0625rem;
  color: #999999;
  letter-spacing: 0.0416666667rem;
  text-align: center;
  position: relative;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveExtroTitle span {
  position: relative;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveExtroTitle span::before {
  content: "";
  height: 0.0052083333rem;
  width: 0.1041666667rem;
  background: #ddd;
  position: absolute;
  left: -0.15625rem;
  top: 0.0520833333rem;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveExtroTitle span::after {
  content: "";
  height: 0.0052083333rem;
  width: 0.1041666667rem;
  background: #ddd;
  position: absolute;
  right: -0.1302083333rem;
  top: 0.0520833333rem;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItems {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 0.0625rem;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItems .explosiveItem {
  width: 20%;
  text-align: center;
  margin-top: 0.0833333333rem;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItems .explosiveItem img {
  width: 0.4166666667rem;
  height: 0.4166666667rem;
  display: block;
  margin: 0 auto;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItems .explosiveItem .brandName {
  height: 0.2083333333rem;
  font-family: PingFangSC-Regular;
  font-size: 0.0729166667rem;
  color: #333333;
  letter-spacing: 0.5px;
  line-height: 0.1041666667rem;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveBtn {
  position: relative;
  margin-left: -0.5rem;
  width: 1.4322916667rem;
  height: 0.3125rem;
  margin-top: 0.2604166667rem;
  display: flex;
  background-color: #000000;
  align-items: center;
  justify-content: center;
  font-family: PingFangSC-Medium;
  font-size: 0.0833333333rem;
  color: #ffffff;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveBtn img {
  width: 0.3229166667rem;
  margin-right: 0.2604166667rem;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveBtn::after {
  content: "";
  height: 2px;
  background: #000;
  width: 0.3645833333rem;
  position: absolute;
  left: 1.5625rem;
  top: 0.1510416667rem;
}
.explosiveStyle .rightExplosiveContent .explosiveItemContent:after {
  content: "";
  width: 2.8645833333rem;
  height: 0.6354166667rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAr0AAAB5BAMAAADG7IRgAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMBBAkGDRJv6E7JAAAEC0lEQVR42tzagW2kMBCF4b0OztoOjBtg6cAyHZD+W7nYXPIiGeuZHTPY+RsI+vQ0oCSPUn/MccuPbLFQavu4tW0LhbwtNS1oNoc9aPW+BNinrDugjYUQ1tiHclvq+ymyrEsRXoFv2wH70fbrKuer44um4wFbW1hwiK3aE15jeIas+LixHBe6xPcSYPjmyIX9bjcuOJ2Go0Bb8GW8CgNG2G/OG4L6grFePEG+X9X5cmC+X18QVlgwYc51yX4pr/qA90GEQmTCOqoo4TpHdPV8zZMM+HsQrniDCawiMx6XABuj64uOiWOhYsKgVlRFroQLW+arN2DkbErjNnDmsrO3Mfl89QfsUwEpU8OUztdpz5cDM16k6MrHm6+33CTilfsyYk8WfN1XG0RZ5LcOAl8hcK5bTuE2kO3S9VLhWcAr85UvGBOWj3jbCw3Wq+ALYMkJvucTbd0L5bzk+HJeuS8X9jEQ07Y9wXLpdIHrYkSX+qoBW5QjB75hgtqa2n/G18t57xow8jblQn3b+hWlROFEeDKF+TJg8Qn2McX3G8d2MfHxNQ8FX/SyrHC2lRZO5y1pWTR8kaHC3NenwnUvuPoz4feYL9f9+9DyhTAt3BpUia6mLweGr2TCaEvV/J54RVW+dLxWmZf7DjPhuvGq+wJYfiIw4cpavt/8nvA4gFfXF8IVE3ZBO8t7LUjHFwl8yYSVcimBL9FVWjCI+7nD3trO1/tZU1+XCkr5PZkv55X7cmEE4Tsvsa1sQdDtxzd2htihy5DzH1SPO5uYii8S+eqfCoJKfBV0iS85Epw4n1X71xm2y3GR6npRQ1/kPWq4XAJLfBV4uS8X5n9bLggIZ4uI8ER0mW8HC4Yv3TASzBZZ3tTRes/7cmOek3yAcdvOfKMw6X1fdxi7CkfV+nbyYSbxRZPtpynidun7MDypr38zmW/CvZ33LV9kb++/bLe+UZjXytexxL7A7UO30rfLDSfb7n2TMG8k39l0pCv0Tb2sdktsEF8Ik54j+BrTm67QF8oazK8lNZYv/i+N1fd+Z1MX5+jLl2BfQDqcL4Rpzy7vgzE944p98y76DBvWF8I1xl3dB2MG0BX4spqMdnxfEFcid3AfTGwQ3Ia+iB2ShfabfEFc3V33YTZoHF2Bb9N+ry+EzyS6D3LZcXCPfbta8b/26yCFYRiGoqBzg/r+l22XMciFFpxIzswR3kLiV+87bXx75VnZYnH1vUT/W5KuH6+WV/9O38sSr9kg/Sf14uobydd4sOIIjCq11TeUvHHkwXH1jTy0ccm0+s6kmM3rpd7B+uaSMXLbiL4DfUtKU7ntSd/AXpXb/vQN1d52tTeavnn1M131Levwxc70re0Q9ExfAAAAAAAAAAAAAFjuDWkk0HzX3ItCAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  position: absolute;
  bottom: -0.6354166667rem;
  right: 0;
}

.dryingContent {
  background: #f9f9f9;
  position: relative;
  overflow: hidden;
}
.dryingContent .dryingHeader {
  box-sizing: border-box;
  padding: 0.1041666667rem 0.3125rem 0;
  height: 1.1458333333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.dryingContent .dryingHeader .dryingTitle {
  font-family: PingFangSC-Semibold;
  font-size: 0.1458333333rem;
  color: #333333;
  letter-spacing: 0;
}
.dryingContent .dryingBackTitle {
  position: absolute;
  z-index: 2;
  top: 0.2083333333rem;
  height: 0.703125rem;
  width: 100%;
  font-family: PingFangSC-Heavy;
  font-size: 0.5rem;
  color: #f5f5f5;
  letter-spacing: 0.0125rem;
  text-align: center;
}
.dryingContent .dryingListContent {
  margin-top: 1.1510416667rem;
  display: flex;
}
.dryingContent .dryingListContent .dryingItem:hover {
  background: #ffffff;
  box-shadow: 0.15625rem 0.2604166667rem 0.5208333333rem 0 rgba(0, 0, 0, 0.08);
}
.dryingContent .dryingListContent .dryingItem {
  flex-shrink: 0;
  width: 1.6666666667rem;
  height: 2.515625rem;
  margin-left: 0.2864583333rem;
  background: #ffffff;
}
.dryingContent .dryingListContent .dryingItem .dryImgBox {
  height: 1.6666666667rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.dryingContent .dryingListContent .dryingItem .dryingImg {
  width: 100%;
  height: 1.6666666667rem;
  display: block;
}
.dryingContent .dryingListContent .dryingItem .userInfo {
  display: flex;
  align-items: center;
  margin: 0.125rem auto 0.0677083333rem;
}
.dryingContent .dryingListContent .dryingItem .userInfo img {
  width: 0.15625rem;
  height: 0.15625rem;
  margin: 0 0.0520833333rem 0 0.125rem;
  border-radius: 50%;
}
.dryingContent .dryingListContent .dryingItem .userInfo p {
  font-family: PingFangSC-Regular;
  font-size: 0.0729166667rem;
  color: #999999;
  letter-spacing: 0;
}
.dryingContent .dryingListContent .dryingItem .dryingText {
  margin-left: 0.125rem;
  width: 1.4166666667rem;
  font-family: PingFangSC-Medium;
  font-size: 0.0833333333rem;
  color: #333333;
  letter-spacing: 0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
  height: 0.34375rem;
  overflow: hidden;
}
.dryingContent .dryingMoreContent {
  margin: 0.4166666667rem auto 0.3333333333rem;
  display: flex;
  justify-content: center;
  height: 0.3125rem;
}

.directMailContent {
  padding: 0.7291666667rem 0 0.8333333333rem;
  box-sizing: border-box;
  width: 7.0833333333rem;
  margin: 0 auto;
}
.directMailContent .line {
  height: 0.0208333333rem;
  width: 0.1041666667rem;
  background-color: #000000;
  margin-left: 0.2291666667rem;
}
.directMailContent .directMialtitle {
  margin-top: 0.15625rem;
  margin-left: 0.2291666667rem;
  display: flex;
  align-items: center;
}
.directMailContent .directMialtitle .mainTitle {
  font-family: PingFangSC-Semibold;
  font-size: 0.1458333333rem;
  color: #000000;
  letter-spacing: 0;
}
.directMailContent .directMialtitle .extroTitle {
  font-family: PingFangSC-Regular;
  font-size: 0.09375rem;
  color: #cccccc;
  letter-spacing: 1px;
}
.directMailContent .directText {
  margin-top: 0.1822916667rem;
  margin-left: 0.2291666667rem;
  max-width: 3.5677083333rem;
  font-family: PingFangSC-Medium;
  font-size: 0.0833333333rem;
  color: #777777;
  letter-spacing: 0.33px;
  line-height: 0.1458333333rem;
}
.directMailContent .directImg {
  width: 100%;
  height: 1.8229166667rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.directMailContent .directImg .pcImg {
  width: 6.1458333333rem;
}
.directMailContent .directImg .phoneImg {
  display: none;
}
.directMailContent .directImg:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.8333333333rem;
  background-size: 100% 100%;
  bottom: -0.8333333333rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABHEAAACgBAMAAAB56+3rAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAAB3RSTlMBBgoNERUYpK11iAAAC0VJREFUeNrcnNu1mzAQRUUHGjqAdBDTAXIHkA6S/kuIY49zIMniaDwSj+wv/HWX0WYjkHxDHo1k0RO+3Dhj4tznTX6cjO/zJokzjjdOT+gki1CC5k0I8c2WON2Lj9QZlU1jlJTm+SryEG3m6f2tiDrDk4/E6V5suoOhjm8KKSRvIm9OR8zxVEcN+o/MmSZfcbg5LW9Og6NQBFtzxNEcFh1l0ZwryANtWHOSIzm0OYqIpTmFDMJMJ/LobLnTe6oDf1L6P8yZUpomWhxnclqenEaU0ISi0QlQUXh0+i1KVOfX6Z7ns3dHtaH3Kk9xQE+bI6bmlBIIj1eRR2fbnpu/Onqqr27OKzbT5C/O134rOS1Nzu/mhOLNgYvCo9OT6Dir82rOlJmdbz+OYM5hepJYcRRiDm2OHNSc39HZtuepN/SpVJ3feb9f2JykTFPd4mhziDWaHDTHjYoIGWUbSFOhOuCuzCfszpzH9CJVLQ70EVtzivmDF8lMn1ab44kOqsO5X9KcBEhxnMnR5lBpNDloTqHoBNgoDDhDzGHVyc7OecIzA29weHFgDkOLY2hOOX2wehV5dDql8lsdcC1z4Av1xlschSVHm4OhLhedAB2FAmO81WFMyjwfH545m0lJlYsDWjE2JxQCImpzSHS6N2TZvGR2rmKOLTicTWHeZCgjEjHUpVARFeH0BG7O6MoOZ4cXfv7gKNQcjlBijILmhGJARJEcg9rfMHc4CWQ8ZZ3bnJQNfKlbHGkUiaFucwJtjqrj7M64uOSGYUsX8Px4WnMQSNqcYXUCnL1RcWhzmqZucyJpjkKbw6sDh9KQAJNoNlHdGKBuE9Qcz44cpVM2zcFoRjSnIMvmBFGarOo43MElp9Vh2VnNls9kzpQUBIcUB9/+0+J0WcWJosSwaE6o0Jz8mTJpDjcHAvHqwCDSHf9D1/wB05vc4jxwbzsmxVEiKNgcgOasViEyqsPlYdXR42Gg1pDp8jHm/PUgyLRRSHG+Um14cTCE4QGaE6oQ8fgmBG0OI6M5yA61B8zn4L4kLziQxm4OQHF4c5oHqERZorJehaDydE8c7ugpRHZMHKtPsjKsv7ijOA9ocjCCYdWcSkREx/Bw7qrOoKRfXCk8943esOa4itOqPq3kNQfG1ADN0ehkLpy/8L1RJtkhzAcwJRsIDocvjL9OuWyDAcTyZH2BRJtDQXOIOZbsXKA705oE/MHpKdh3nNWcmspAmqA0EuN+1eHdOc2UJxFIb/zFedDzLYAYvqDsoY9WR6RqdXh2WHgOSc/9DxJwBwfm8OaIWFcdKqLNUUWjItbqcHk46WPmSkzpU0ZrcPjm0ZYbo0h4U90eREfEVh1/dqzdQXjqp2f6m8RBbyzB4c2RXGJTtznQ5p8SMbrc6twsjMlDKYWSB6KK+ScOSieE5h++7CCPIvn0wGsOqmNh+pvy8xqQTIyK1xwgwOBQVf5qjrM63Bx/d87aHKaK/c2xYijOujmhKsu/6WiOKzsKsYalx2FRWkBiw+wZlALBaeGQZBKX47kbcYnIvtnxh8czbaay2HPjNqdtNTiUCKQJ+7Fw1FEdtzxkhzvXJhXiU3vQG582oLUXJxzfHFd1uDkVunMvRDJAeuMJzgN7ceDLPiwdlXxwUQDvDmUlXYyc6Q3ogWG1ihMdeyuczXFWx25OhRWt+rEBxBPni+PWWJwoMGYvYKmtOh2vjv2mdbXusOmNfYKD5nTW4uAGsifxb7L0aRWHObQ8Tsg6gh2iicOc7jdiLM7eysBUfLBUB9TozpDOzICZmdkajqk4YY+9FfzxPIKc5gCHOZThHBbR2jg3qQNhNACEvSHNsWfHb8544vI8a6P4zOHBsTcn7MxC22aJUFrglYeTDiLfEK4NL47YihNwtD/NUiEx0YPi5gxvTnO34rHxT3I6sdHssc7Jm6PHQEpn58vNz5h2AYI46D3B4cVZDd6REFl4dvzmnLA8IzDL1JvoxAiEOYi1tvbqAIs9ftKTU81qrNa0QDhxRfjFKZITIIsFrovfnGHBbnerYcHNTp9B1wMxAn+OBN6S6viyA26lGQbH3LcsmBXzf1OB4JiLo5xBn0Bk8WfHb864JFVgXHOzA3MMzRErMZ6jOXh3zavDs2P8TZ+fEzXnJ3v3dhw5CAVhGDKgyQA2A89m4M0/prVnXGqQLMHRQTZC+h5ctY+e6vpHN2trJ/MSGRxhcSY9rMcIxqLMjn457zP/NMt5n3vsFquxORBzrpvm8DaEIjsIFGs9hlH/HTWJe4NDPWxHMBbJO3aOX87fFh4KwuX4pDke9TijrppjjJ39MwMqZIfiZcLD0VS+oeIL6tgPfVwsXmEzvHcuJEyP/rDnV5MTZdgc7GKMtb0PSfi8DknPsbicM4oybA5SJ2+OMS5l0uoIx5N8TFKPNt7XPZp4i0J8RW2EQHqoYD70P6P8KUGIbDVnlGMe+XLYHExGaU5WHfOCJ/l8YozbAzrtV1fcI7xI74jz9MSZl3ONyDmIFSZzteVwQJByT+h8LsakzWF19i2o/gz9DN9db3GfQJBwX8DidPMs1zHNIQ5mqz+jL2ci7g0XhBMMZtqMSdj9IwpPovOsviakGgwv+gWIOIJJ9b8fmzLYLUzNCbHCYMvZ3xvq/tLfvDot72q9mqM44ikfPPd0HPzkJ5DaujHV/3rsHBR2N+fEy6EAhV//Y06paeykHJL3YRIb+dPpWBS9QeFW+Am2Yxeg4pvtpf/lEGoNUpyjztR9Kh5Ecdir5xPYdJKHb1RDISj5SCEeQrGc1qDkhimOMcolMTw81Wrt15YTEh4yDM4o0TFm8ZtAotwcH8cFDXeKJyqqOSLs43lx2Z97PyGBnexcH38Po7Oop4WK98M3x0PHvIwSnGlEaHi+Hv3LKdMTMpBjcPp4hVtzbM7EQssP2RyoMDgdvami2YTadYdCLvbOp6C+uzBuc/jkRQYNxGEE6DmTGWc+xhVA6Gzt8RloLSMz0PWcBH8TQhv9bUQgBDThznh3U98cgkKY9FQfvwIadsGMdQ25AFpnPuoJaGrknSyjw1PHHDT8tvgTwiaoOMrqcqHiGK6kpf6v8aC50Zey6A4XtAQ1XyO24StAz9GiLVfpTbYYHKJmFiEW9HM3as1V1jK7HUFuQmglrImh5DWw/dCI+5ahywRnvhYcSdEc38cZlAPRlb6hvqz/NdAS2pI2x0shoC33AcVTpyvtRzEShXB0c0JAU276kbrSdb8554pzIhzGb4u+CIdhbvDdSPp7Q+2P0W9Ez3tlczwO49If5C51p0HCrcCV2E9Tbvr5vxo6cvGFrLArzXFjPsHVkrtseeyneXOm3NzRKU3EfLK4qrw5/KTu5tQNCj0cQ/8w95Q3xz7dzanqjiHkhp2Pe8qbs7jBcPempPDc4JDTWTZnch/nVE/FzNi8OUMdLjtKm/PtJ3T3RtocHvKkzRlkOt83h+7jnBJHhsgumnPu9Kx9GW98OndvShwRFs0ZLz1f87ib87+9O8hOEAgCKDh9g/b+l40LE17iAEFFerBq7Ur6fYZB5AHru+x3zRls2bPtid5SrxevL5fEXXPO0Z6I0z8pfqzbd9hpTuntwvzhbvfesmNaJs40Z8j9nsw0WPv7u1bsNafM3QpnoMPMNidv+s0ZIz9xZbZ212/OpN+ct/9GI6+cfcqImLSpOb+M05w0XRsc1ZxLLHv1DJiKipabM32sanPaN3O1we7NiYh+c+owG8eabU7P4ZflrUdsjrHenKjTHCNS0ObD8ab+tEWf9hdb9UUZrq1G8czhuDwp2yNMUCk5jgacQI6iAecSBTXgI8T/6Qww2AVYA1hjEQMAAAAAAAAAAAAAAAAAwCi+ADJTEJAgqEe3AAAAAElFTkSuQmCC);
}

.merchantList {
  background-color: #fff;
}
.merchantList .merchantTitle1 {
  font-family: PingFangSC-Semibold;
  font-size: 0.1458333333rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  margin-top: 0.5208333333rem;
}
.merchantList .merchantTitle2 {
  font-family: PingFangSC-Light;
  font-size: 0.0729166667rem;
  color: #666666;
  letter-spacing: 0.0416666667rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.merchantList .merchantTitle2 span {
  display: inline-block;
  width: 0.1041666667rem;
  height: 1px;
  background-color: #ddd;
}
.merchantList .merchantTitle2 .leftLine {
  margin-right: 0.1041666667rem;
}
.merchantList .merchantTitle2 .rightLine {
  margin-left: 0.0520833333rem;
}
.merchantList .merchantItem {
  position: relative;
  width: 7.5rem;
  margin: 0.4166666667rem auto 0;
}
.merchantList .merchantItem .merchantImg {
  width: 4.1666666667rem;
  height: 4.1770833333rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 0.3125rem;
}
.merchantList .merchantItem .merchantImg img {
  width: 100%;
  height: 100%;
}
.merchantList .merchantItem .merchantImg:after {
  height: 0.625rem;
  content: "";
  width: 0.125rem;
  background-color: #000;
  position: absolute;
  bottom: 0rem;
  left: 0.4166666667rem;
}
.merchantList .merchantItem .merchantInfoContent {
  width: 3.8072916667rem;
  height: 3.3333333333rem;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.796875rem 0.4427083333rem 0;
}
.merchantList .merchantItem .merchantInfoContent .finishlineTitle {
  display: block;
  width: 1.21875rem;
  margin-bottom: 0.1614583333rem;
}
.merchantList .merchantItem .merchantInfoContent .merchantItemintroduction {
  font-family: PingFangSC-Regular;
  font-size: 0.09375rem;
  color: #333333;
  line-height: 0.1666666667rem;
}
.merchantList .merchantItem .merchantInfoContent .merchantBtn {
  position: relative;
  margin-left: -0.6875rem;
  width: 1.4322916667rem;
  height: 0.3125rem;
  margin-top: 0.46875rem;
  display: flex;
  background-color: #000000;
  align-items: center;
  justify-content: center;
  font-family: PingFangSC-Medium;
  font-size: 0.0833333333rem;
  color: #ffffff;
}
.merchantList .merchantItem .merchantInfoContent .merchantBtn img {
  width: 0.3229166667rem;
  margin-right: 0.2604166667rem;
}
.merchantList .merchantItem .merchantInfoContent .merchantBtn::after {
  content: "";
  height: 2px;
  background: #000;
  width: 0.3645833333rem;
  position: absolute;
  left: 1.5625rem;
  top: 0.1510416667rem;
}
.merchantList .merchantItem .merchantInfoContent:after {
  content: "";
  width: 100%;
  height: 0.78125rem;
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAr0AAAB5BAMAAADG7IRgAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMBBAkGDRJv6E7JAAAEC0lEQVR42tzagW2kMBCF4b0OztoOjBtg6cAyHZD+W7nYXPIiGeuZHTPY+RsI+vQ0oCSPUn/MccuPbLFQavu4tW0LhbwtNS1oNoc9aPW+BNinrDugjYUQ1tiHclvq+ymyrEsRXoFv2wH70fbrKuer44um4wFbW1hwiK3aE15jeIas+LixHBe6xPcSYPjmyIX9bjcuOJ2Go0Bb8GW8CgNG2G/OG4L6grFePEG+X9X5cmC+X18QVlgwYc51yX4pr/qA90GEQmTCOqoo4TpHdPV8zZMM+HsQrniDCawiMx6XABuj64uOiWOhYsKgVlRFroQLW+arN2DkbErjNnDmsrO3Mfl89QfsUwEpU8OUztdpz5cDM16k6MrHm6+33CTilfsyYk8WfN1XG0RZ5LcOAl8hcK5bTuE2kO3S9VLhWcAr85UvGBOWj3jbCw3Wq+ALYMkJvucTbd0L5bzk+HJeuS8X9jEQ07Y9wXLpdIHrYkSX+qoBW5QjB75hgtqa2n/G18t57xow8jblQn3b+hWlROFEeDKF+TJg8Qn2McX3G8d2MfHxNQ8FX/SyrHC2lRZO5y1pWTR8kaHC3NenwnUvuPoz4feYL9f9+9DyhTAt3BpUia6mLweGr2TCaEvV/J54RVW+dLxWmZf7DjPhuvGq+wJYfiIw4cpavt/8nvA4gFfXF8IVE3ZBO8t7LUjHFwl8yYSVcimBL9FVWjCI+7nD3trO1/tZU1+XCkr5PZkv55X7cmEE4Tsvsa1sQdDtxzd2htihy5DzH1SPO5uYii8S+eqfCoJKfBV0iS85Epw4n1X71xm2y3GR6npRQ1/kPWq4XAJLfBV4uS8X5n9bLggIZ4uI8ER0mW8HC4Yv3TASzBZZ3tTRes/7cmOek3yAcdvOfKMw6X1fdxi7CkfV+nbyYSbxRZPtpynidun7MDypr38zmW/CvZ33LV9kb++/bLe+UZjXytexxL7A7UO30rfLDSfb7n2TMG8k39l0pCv0Tb2sdktsEF8Ik54j+BrTm67QF8oazK8lNZYv/i+N1fd+Z1MX5+jLl2BfQDqcL4Rpzy7vgzE944p98y76DBvWF8I1xl3dB2MG0BX4spqMdnxfEFcid3AfTGwQ3Ia+iB2ShfabfEFc3V33YTZoHF2Bb9N+ry+EzyS6D3LZcXCPfbta8b/26yCFYRiGoqBzg/r+l22XMciFFpxIzswR3kLiV+87bXx75VnZYnH1vUT/W5KuH6+WV/9O38sSr9kg/Sf14uobydd4sOIIjCq11TeUvHHkwXH1jTy0ccm0+s6kmM3rpd7B+uaSMXLbiL4DfUtKU7ntSd/AXpXb/vQN1d52tTeavnn1M131Levwxc70re0Q9ExfAAAAAAAAAAAAAFjuDWkk0HzX3ItCAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  right: 0;
  bottom: -0.78125rem;
}
.merchantList .merchantItem .outMerchantBox {
  position: relative;
}
.merchantList .merchantItem .outMerchantBox .leftArraw {
  position: absolute;
  left: -0.5208333333rem;
  top: 1.3020833333rem;
}
.merchantList .merchantItem .outMerchantBox .rightArraw {
  position: absolute;
  right: -0.5208333333rem;
  top: 1.3020833333rem;
}
.merchantList .merchantItem .merchantProductContent {
  position: relative;
  overflow: hidden;
  padding-bottom: 0.3125rem;
}
.merchantList .merchantItem .merchantProductContent .productList {
  width: 7.5rem;
  margin: 0 auto;
  flex-wrap: nowrap;
}
.merchantList .merchantItem .merchantProductContent .productList .productItem {
  margin-right: 0.1354166667rem;
}
.merchantList .merchantItem .merchantProductContent .productList .productItem:nth-of-last-child {
  margin-right: 0;
}
.merchantList .bloomingdalesBox .merchantBanner {
  display: flex;
  justify-content: flex-end;
}
.merchantList .bloomingdalesBox .merchantBanner .merchantImg {
  width: 5.15625rem;
  height: 3.6979166667rem;
  overflow: hidden;
}
.merchantList .bloomingdalesBox .merchantBanner .merchantImg img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.merchantList .bloomingdalesBox .merchantBanner .merchantImg:after {
  left: auto;
  right: 0.4791666667rem;
  bottom: 0rem;
}
.merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent {
  width: 3.5104166667rem;
  height: 2.921875rem;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.625rem 0.1458333333rem 0 0.4427083333rem;
}
.merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent .bloomingdalesTitle {
  width: 1.5729166667rem;
  display: block;
  margin-bottom: 0.1041666667rem;
}
.merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent .merchantBtn {
  margin-top: 0.4114583333rem;
  margin-left: 0;
}
.merchantList .saksFifthAvenueBox .merchantBanner {
  display: flex;
}
.merchantList .saksFifthAvenueBox .merchantBanner .merchantNameImg {
  position: relative;
  width: 0.8333333333rem;
  text-align: center;
  height: auto;
}
.merchantList .saksFifthAvenueBox .merchantBanner .merchantNameImg img {
  width: 0.3229166667rem;
}
.merchantList .saksFifthAvenueBox .merchantBanner .merchantNameImg:after {
  content: "";
  width: 0.0104166667rem;
  height: 0.625rem;
  background: #000;
  position: absolute;
  bottom: 1.3541666667rem;
  left: 46%;
}
.merchantList .saksFifthAvenueBox .merchantBanner .merchantImg {
  width: 2.8020833333rem;
  height: 3.2760416667rem;
}
.merchantList .saksFifthAvenueBox .merchantBanner .merchantImg:after {
  display: none;
}
.merchantList .saksFifthAvenueBox .merchantBanner .merchantInfoContent {
  padding-top: 0.8541666667rem;
}
.merchantList .saksFifthAvenueBox .merchantBanner .merchantInfoContent .saksFifthAvenueTitle {
  display: block;
  width: 1.8229166667rem;
  margin-bottom: 0.1041666667rem;
}
.merchantList .saksFifthAvenueBox .merchantBanner .merchantInfoContent:after {
  width: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAr0AAAB5BAMAAADG7IRgAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMBBAkGDRJv6E7JAAAEC0lEQVR42tzagW2kMBCF4b0OztoOjBtg6cAyHZD+W7nYXPIiGeuZHTPY+RsI+vQ0oCSPUn/MccuPbLFQavu4tW0LhbwtNS1oNoc9aPW+BNinrDugjYUQ1tiHclvq+ymyrEsRXoFv2wH70fbrKuer44um4wFbW1hwiK3aE15jeIas+LixHBe6xPcSYPjmyIX9bjcuOJ2Go0Bb8GW8CgNG2G/OG4L6grFePEG+X9X5cmC+X18QVlgwYc51yX4pr/qA90GEQmTCOqoo4TpHdPV8zZMM+HsQrniDCawiMx6XABuj64uOiWOhYsKgVlRFroQLW+arN2DkbErjNnDmsrO3Mfl89QfsUwEpU8OUztdpz5cDM16k6MrHm6+33CTilfsyYk8WfN1XG0RZ5LcOAl8hcK5bTuE2kO3S9VLhWcAr85UvGBOWj3jbCw3Wq+ALYMkJvucTbd0L5bzk+HJeuS8X9jEQ07Y9wXLpdIHrYkSX+qoBW5QjB75hgtqa2n/G18t57xow8jblQn3b+hWlROFEeDKF+TJg8Qn2McX3G8d2MfHxNQ8FX/SyrHC2lRZO5y1pWTR8kaHC3NenwnUvuPoz4feYL9f9+9DyhTAt3BpUia6mLweGr2TCaEvV/J54RVW+dLxWmZf7DjPhuvGq+wJYfiIw4cpavt/8nvA4gFfXF8IVE3ZBO8t7LUjHFwl8yYSVcimBL9FVWjCI+7nD3trO1/tZU1+XCkr5PZkv55X7cmEE4Tsvsa1sQdDtxzd2htihy5DzH1SPO5uYii8S+eqfCoJKfBV0iS85Epw4n1X71xm2y3GR6npRQ1/kPWq4XAJLfBV4uS8X5n9bLggIZ4uI8ER0mW8HC4Yv3TASzBZZ3tTRes/7cmOek3yAcdvOfKMw6X1fdxi7CkfV+nbyYSbxRZPtpynidun7MDypr38zmW/CvZ33LV9kb++/bLe+UZjXytexxL7A7UO30rfLDSfb7n2TMG8k39l0pCv0Tb2sdktsEF8Ik54j+BrTm67QF8oazK8lNZYv/i+N1fd+Z1MX5+jLl2BfQDqcL4Rpzy7vgzE944p98y76DBvWF8I1xl3dB2MG0BX4spqMdnxfEFcid3AfTGwQ3Ia+iB2ShfabfEFc3V33YTZoHF2Bb9N+ry+EzyS6D3LZcXCPfbta8b/26yCFYRiGoqBzg/r+l22XMciFFpxIzswR3kLiV+87bXx75VnZYnH1vUT/W5KuH6+WV/9O38sSr9kg/Sf14uobydd4sOIIjCq11TeUvHHkwXH1jTy0ccm0+s6kmM3rpd7B+uaSMXLbiL4DfUtKU7ntSd/AXpXb/vQN1d52tTeavnn1M131Levwxc70re0Q9ExfAAAAAAAAAAAAAFjuDWkk0HzX3ItCAAAAAElFTkSuQmCC);
}
.merchantList .everlaneBox .merchantBanner {
  position: relative;
  margin-bottom: 1.0104166667rem;
}
.merchantList .everlaneBox .merchantBanner .merchantImg {
  width: 7.0833333333rem;
  height: 3.1927083333rem;
  margin: 0 auto;
}
.merchantList .everlaneBox .merchantBanner .merchantImg img {
  width: 100%;
}
.merchantList .everlaneBox .merchantBanner .merchantImg:after {
  left: 4.6875rem;
  top: 1.2135416667rem;
  z-index: 10;
}
.merchantList .everlaneBox .merchantBanner .merchantInfoContent {
  position: absolute;
  width: 4.375rem;
  height: 2.2916666667rem;
  left: 0.9270833333rem;
  top: 1.5989583333rem;
  padding: 0.4375rem 0.7291666667rem 0 0.4166666667rem;
}
.merchantList .everlaneBox .merchantBanner .merchantInfoContent .everlaneTitle {
  display: block;
  width: 1.3177083333rem;
  height: 0.1302083333rem;
  margin-bottom: 0.1822916667rem;
}
.merchantList .everlaneBox .merchantBanner .merchantBtn {
  margin-left: 0.4166666667rem;
  margin-top: 0.2083333333rem;
}
.merchantList .merchantBtnBox {
  height: 0.3125rem;
  text-align: center;
  display: flex;
  justify-content: center;
}

.hotBrandsContent {
  background-color: #f6f6f6;
  border-top: 0.0052083333rem solid transparent;
  border-bottom: 0.0052083333rem solid transparent;
  margin-top: 0.4166666667rem;
}
.hotBrandsContent .hotBrandsTitle {
  margin: 0.4166666667rem 0 0.0208333333rem;
  font-family: PingFangSC-Semibold;
  font-size: 0.1458333333rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}
.hotBrandsContent .hotBrandsTitle2 {
  font-family: PingFangSC-Light;
  font-size: 0.0729166667rem;
  color: #999999;
  letter-spacing: 0.0416666667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotBrandsContent .hotBrandsTitle2 span {
  display: inline-block;
}
.hotBrandsContent .hotBrandsTitle2 .leftLine {
  margin-right: 0.1041666667rem;
  width: 0.1041666667rem;
  height: 1px;
  background-color: #ddd;
}
.hotBrandsContent .hotBrandsTitle2 .rightLine {
  margin-left: 0.0520833333rem;
  width: 0.1041666667rem;
  height: 1px;
  background-color: #ddd;
}
.hotBrandsContent .hotBrandsBox {
  display: flex;
  margin-top: 0.3125rem;
  margin-bottom: 0.4166666667rem;
  justify-content: center;
}
.hotBrandsContent .hotBrandsBox .hotBrandsSlide {
  display: flex;
  width: 2.4791666667rem;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 0.2083333333rem;
}
.hotBrandsContent .hotBrandsBox .hotBrandsSlide img {
  width: 0.6875rem;
  height: 0.5rem;
  display: block;
}

.featuredDiscount {
  margin-top: 0.625rem;
}
.featuredDiscount .featureTitle1 {
  font-family: PingFangSC-Semibold;
  font-size: 0.1458333333rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}
.featuredDiscount .featureTitle2 {
  font-family: PingFangSC-Light;
  font-size: 0.0729166667rem;
  color: #999999;
  letter-spacing: 0.0520833333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.03125rem;
}
.featuredDiscount .featureTitle2 span {
  display: inline-block;
  width: 0.1041666667rem;
  height: 1px;
  background: #ddd;
}
.featuredDiscount .featureTabsContent {
  margin-top: 0.2083333333rem;
}
.featuredDiscount .featureTabsContent .tabsNameList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem {
  width: 0.4583333333rem;
  height: 0.1666666667rem;
  text-align: center;
  line-height: 0.1666666667rem;
  position: relative;
}
.featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem a {
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 0.0833333333rem;
  color: #999999;
}
.featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem:hover a {
  color: #333333;
}
.featuredDiscount .featureTabsContent .tabsNameList .current {
  background: #000000;
  font-family: PingFangSC-Bold;
  font-size: 0.0729166667rem;
}
.featuredDiscount .featureTabsContent .tabsNameList .current a {
  color: #ffffff !important;
}
.featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem:after {
  content: "";
  height: 0.0520833333rem;
  width: 1px;
  background-color: #e7e7e7;
  position: absolute;
  right: -1px;
  top: 0.0572916667rem;
}
.featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem:nth-last-of-type(1):after {
  display: none;
}
.featuredDiscount .featureTabsContent .arrBox {
  position: relative;
  width: 7.5rem;
  margin: 0.25rem auto 0;
  display: none;
}
.featuredDiscount .featureTabsContent .arrBox .leftArraw {
  position: absolute;
  left: -0.7291666667rem;
  top: 1.3020833333rem;
}
.featuredDiscount .featureTabsContent .arrBox .rightArraw {
  position: absolute;
  right: -0.7291666667rem;
  top: 1.3020833333rem;
}
.featuredDiscount .featureTabsContent .articleContent {
  position: relative;
  margin-top: 0.25rem;
  width: 7.6041666667rem;
  margin: 0 auto;
  overflow: hidden;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox {
  margin: 0 auto;
  padding-bottom: 0.3333333333rem;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem {
  display: flex;
  width: 3.59375rem !important;
  height: 1.25rem;
  margin-bottom: 0.15625rem;
  background-color: #fff;
  margin-right: 0.203125rem;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleImg {
  width: 1.0416666667rem;
  height: 1.0416666667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1041666667rem 0.15625rem 0.1041666667rem 0.1041666667rem;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleImg img {
  max-width: 1.0416666667rem;
  max-height: 1.0416666667rem;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox {
  display: flex;
  align-items: center;
  width: 2.09375rem;
  position: relative;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox .badgeInfo {
  display: none;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleMerchant {
  font-family: PingFangSC-Medium;
  font-size: 0.09375rem;
  color: #000000;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox span.articleMerchant {
  display: none;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleTitle {
  font-family: PingFangSC-Medium;
  font-size: 0.09375rem;
  color: #000000;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleIntroduction {
  margin-top: 0.0520833333rem;
  font-family: PingFangSC-Regular;
  font-size: 0.0729166667rem;
  color: #999999;
  line-height: 0.1145833333rem;
  overflow: hidden;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleIntroduction div {
  float: right;
  margin-left: -5px;
  width: 100%;
  word-break: break-all;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleLine {
  width: 0.3125rem;
  height: 1px;
  background: #666;
  transition: all 0.2s linear;
  margin-top: 0.125rem;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleFrom {
  margin-top: 0.0625rem;
  width: 100%;
  font-family: PingFangSC-Regular;
  font-size: 0.0729166667rem;
  color: #999999;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleFrom img {
  display: none;
  width: 0.0520833333rem;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem:hover {
  box-shadow: 0.15625rem 0.2604166667rem 0.5208333333rem 0 rgba(0, 0, 0, 0.08);
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem:hover .articleLine {
  width: 100%;
  background: #333333;
  height: 0.0104166667rem;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem:hover .articleFrom {
  font-family: PingFangSC-Medium;
  font-size: 0.0729166667rem;
  color: #333333;
}
.featuredDiscount .featureTabsContent .articleContent .showArticleBox .articleItem:hover .articleFrom img {
  display: block;
}
.featuredDiscount .featureTabsContent .showArticle {
  display: inherit;
  transition: all 0.2s linear;
}
.featuredDiscount .articleBtnBox {
  height: 0.3125rem;
  text-align: center;
  display: flex;
  justify-content: center;
}

.vedioContent {
  width: 6.7447916667rem;
  height: 3.7864583333rem;
  margin: 0.2083333333rem auto 0.8333333333rem;
  position: relative;
}
.vedioContent .vedioImgBox {
  position: absolute;
  background: #000000;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.vedioContent .vedioImgBox .vedioImg {
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.vedioContent .playIcon {
  width: 0.5208333333rem;
  height: 0.5208333333rem;
  position: absolute;
  left: 46%;
  top: 1.640625rem;
  z-index: 11;
}
.vedioContent .yinghe-video {
  width: 100%;
  height: 100%;
  outline: none;
}

.vedioContent:after {
  content: "";
  width: 0.125rem;
  height: 0.625rem;
  background-color: #000;
  position: absolute;
  right: 0.5208333333rem;
  top: -0.3125rem;
  z-index: 30;
}

.leftArraw {
  width: 0.3229166667rem;
  height: 0.0520833333rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAKBAMAAAAeBPDMAAAAHlBMVEUAAAC8vLy8vLy8vLy8vLy8vLy8vLy8vLzDw8O7u7tAwiziAAAACXRSTlMA7tm7lWpEJhE46DAfAAAAK0lEQVQY02NgYGBhwAs4LPHLF83EK80miV8+ciZeQEgeZD4h91HiP0LhAwCUBSifSq5xxQAAAABJRU5ErkJggg==);
  background-size: cover;
}

.leftArraw:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAKCAYAAADsKu3/AAAAAXNSR0IArs4c6QAAAFtJREFUSA1jYBj+YCrQiyzD35uYPvwPFNoNxIKYUsNbBORxEL4JxGrD26uovoN5HES/A2IXkDQjEIMERhL4A/RsPtNI8vFI8yvWpD4SAgHm8RFZuI3I6gxrAwYAxjkVjiB1XHMAAAAASUVORK5CYII=);
  transform: scaleX(-1);
  background-size: 100% 100%;
}

.rightArraw {
  width: 0.3229166667rem;
  height: 0.0520833333rem;
  transform: scaleX(-1);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAKBAMAAAAeBPDMAAAAHlBMVEUAAAC8vLy8vLy8vLy8vLy8vLy8vLy8vLzDw8O7u7tAwiziAAAACXRSTlMA7tm7lWpEJhE46DAfAAAAK0lEQVQY02NgYGBhwAs4LPHLF83EK80miV8+ciZeQEgeZD4h91HiP0LhAwCUBSifSq5xxQAAAABJRU5ErkJggg==);
  background-size: cover;
}

.rightArraw:hover {
  transform: scaleX(1);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAKCAYAAADsKu3/AAAAAXNSR0IArs4c6QAAAFtJREFUSA1jYBj+YCrQiyzD35uYPvwPFNoNxIKYUsNbBORxEL4JxGrD26uovoN5HES/A2IXkDQjEIMERhL4A/RsPtNI8vFI8yvWpD4SAgHm8RFZuI3I6gxrAwYAxjkVjiB1XHMAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}

.seeMorebtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6666666667rem;
  height: 0.25rem;
  border: 1px solid #999999;
  font-family: PingFangSC-Regular;
  font-size: 0.0833333333rem;
  color: #666666;
}
.seeMorebtn p {
  margin-right: 0.0625rem;
}
.seeMorebtn .showMoreIcon {
  width: 0.0416666667rem;
  display: none;
}

.seeMorebtn:hover {
  border: 1px solid #333333;
  width: 1.7708333333rem;
  height: 0.2916666667rem;
  line-height: 0.2916666667rem;
  color: #333333;
  transition: all 0.2s ease-in-out;
}
.seeMorebtn:hover .showMoreIcon {
  display: block;
}

.dynamicImg img {
  transition: all 0.3s linear;
}

.dynamicImg:hover img {
  transform: scale(1.1);
}
.dynamicImg:hover .phoneAnimate {
  transform: none;
}

#download-bar {
  display: none;
}

.toastContent {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 30;
  top: 0;
  display: none;
}
.toastContent .toast {
  margin: 1.640625rem auto 0;
  box-sizing: border-box;
  padding-top: 0.5208333333rem;
  background-color: #fff;
  width: 3.125rem;
  height: 2.34375rem;
  position: relative;
  text-align: center;
}
.toastContent .toast .closeBox {
  width: 0.0833333333rem;
  height: 0.0833333333rem;
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
}
.toastContent .toast .closeBox img {
  width: 100%;
  height: 100%;
  display: block;
}
.toastContent .toast .downloadQrCode {
  width: 0.7291666667rem;
  height: 0.7291666667rem;
  margin: 0 auto 0.1354166667rem;
  display: block;
  box-shadow: 0 0.1041666667rem 0.2083333333rem 0 rgba(0, 0, 0, 0.1);
}
.toastContent .toast .toastTitle1 {
  font-family: PingFangSC-Regular;
  font-size: 0.125rem;
  color: #333333;
  text-align: center;
  margin-bottom: 0.125rem;
}
.toastContent .toast .toastTitle1 .colorRed {
  font-family: PingFangSC-Medium;
  font-size: 0.125rem;
  color: rgb(201, 92, 93);
  text-align: center;
  line-height: 0.171875rem;
}
.toastContent .toast .toastText {
  font-family: PingFangSC-Regular;
  font-size: 0.0833333333rem;
  color: #666666;
}

.codeToastContent {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 30;
  top: 0;
  opacity: 0;
}
.codeToastContent .qrcodetoast {
  margin: 1.640625rem auto 0;
  box-sizing: border-box;
  padding-top: 0.5208333333rem;
  background-color: #fff;
  width: 3.125rem;
  height: 2.34375rem;
  position: relative;
  text-align: center;
}
.codeToastContent .qrcodetoast .closeBox {
  width: 0.0833333333rem;
  height: 0.0833333333rem;
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
}
.codeToastContent .qrcodetoast .closeBox img {
  width: 100%;
  height: 100%;
  display: block;
}
.codeToastContent .qrcodetoast .miniQrcode {
  width: 0.9375rem;
  height: 0.9375rem;
  display: block;
  margin: 0 auto 0.1614583333rem;
  display: block;
  box-shadow: 0 0.1041666667rem 0.2083333333rem 0 rgba(0, 0, 0, 0.1);
}
.codeToastContent .qrcodetoast .qrCodeText {
  font-family: PingFangSC-Regular;
  font-size: 0.1041666667rem;
  color: #333333;
  text-align: center;
  line-height: 0.15625rem;
}

.toastHide {
  opacity: 0;
  transition: all 0.5s linear;
}

.toastShow {
  opacity: 1;
  transition: all 0.5s linear;
}

@media (max-width: 960px) {
  html {
    font-size: 10vw;
  }
  body {
    position: relative;
  }
  .dynamicImg:hover {
    transform: none;
  }
  .topBanner {
    width: 100%;
    height: 9.16rem;
    position: relative;
  }
  .topBanner .appBanner {
    width: 100%;
    height: 100%;
  }
  .topBanner .appBanner .phoneAnimate {
    width: 6.6666666667rem;
    height: 8rem;
    top: 0.5333333333rem;
    left: 2rem;
    z-index: 20;
    animation: none;
  }
  .topBanner .androidContent {
    display: none;
  }
  .topBanner .iosContent {
    display: none;
  }
  .topBanner .appDownloadContent {
    height: 8.16rem;
    box-sizing: border-box;
    right: 0;
    top: 7.5733333333rem;
    width: 9.2rem;
    padding: 1.6rem 0rem 0 0.9333333333rem;
  }
  .topBanner .appDownloadContent .logoBox img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.2666666667rem;
  }
  .topBanner .appDownloadContent .logoBox .byTitleContent .title {
    font-family: PingFangSC-Semibold;
    font-size: 0.56rem;
    color: #333333;
    letter-spacing: 0.0310666667rem;
  }
  .topBanner .appDownloadContent .logoBox .byTitleContent .secondTitle {
    font-family: PingFangSC-Regular;
    font-size: 0.32rem;
    color: #333333;
    letter-spacing: 0.1153333333rem;
  }
  .topBanner .appDownloadContent .byQuality {
    font-family: PingFangSC-Regular;
    font-size: 0.2933333333rem;
    color: #333333;
    line-height: 0.4266666667rem;
    margin-top: 0.5333333333rem;
  }
  .topBanner .appDownloadContent .byQuality .qualitItem {
    margin-bottom: 0.1866666667rem;
  }
  .topBanner .appDownloadContent .byQuality .qualitItem img {
    width: 0.5066666667rem;
    height: 0.5066666667rem;
  }
  .topBanner .appDownloadContent .byQuality .qualitItem p {
    white-space: nowrap;
    line-height: 0.5066666667rem;
  }
  .topBanner .appDownloadContent .byQuality .qualitItem p.leftQualityText {
    width: 3.3333333333rem;
  }
  .topBanner .appDownloadContent .downloadBtn {
    width: 5.6266666667rem;
    height: 1.3466666667rem;
    left: -1.7333333333rem;
    margin-top: 0.8rem;
  }
  .topBanner .appDownloadContent .downloadBtn .arrawRight {
    width: 1.4666666667rem;
    height: 0.2133333333rem;
    margin: 0 0.8rem 0 0.8rem;
  }
  .topBanner .appDownloadContent .downloadBtn span {
    font-family: PingFangSC-Medium;
    font-size: 0.2933333333rem;
    color: #ffffff;
  }
  .topBanner .appDownloadContent .downloadBtn:after {
    width: 1.6rem;
    height: 0.0266666667rem;
    top: 0.6666666667rem;
    right: -2.5333333333rem;
  }
  .topBanner .appDownloadContent:after {
    top: -0.8rem;
    right: 1.0666666667rem;
    border-right: 0.32rem solid #000;
    height: 1.6rem;
    background: #000;
  }
  .topBanner .appDownloadContent::before {
    width: 100%;
    height: 2.16rem;
    bottom: -2.16rem;
  }
  .explosiveStyle {
    display: block;
    width: 100%;
  }
  .explosiveStyle .line {
    display: none;
  }
  .explosiveStyle .leftNavContent {
    width: 100%;
  }
  .explosiveStyle .leftNavContent .explosiveTitle .explosiveTitle1 {
    font-family: PingFangSC-Semibold;
    font-size: 0.48rem;
    color: #333333;
    letter-spacing: 0;
    width: 100%;
    text-align: center;
  }
  .explosiveStyle .leftNavContent .explosiveTitle .explosiveTitle2 {
    font-family: PingFangSC-Light;
    font-size: 0.2666666667rem;
    color: #666666;
    letter-spacing: 5px;
    display: block;
    width: 100%;
    text-align: center;
  }
  .explosiveStyle .leftNavContent .explosiveStyleList {
    display: flex;
    flex-wrap: nowrap;
    font-family: PingFangSC-Regular;
    font-size: 0.32rem;
    color: #666666;
    letter-spacing: 0;
    margin-bottom: 0.5333333333rem;
    margin-top: 0.6666666667rem;
  }
  .explosiveStyle .leftNavContent .explosiveStyleList .explosiveStyleListItem {
    width: 1.0666666667rem;
    text-align: center;
    margin-left: 0.5333333333rem;
    flex-shrink: 0;
  }
  .explosiveStyle .leftNavContent .explosiveStyleList .explosiveStyleListItem::before {
    display: none;
  }
  .explosiveStyle .leftNavContent .explosiveStyleList .explosiveActive {
    position: relative;
    font-family: PingFangSC-Semibold;
    font-size: 0.3733333333rem;
    color: #333333;
    letter-spacing: 0;
    margin-top: 0.1333333333rem;
  }
  .explosiveStyle .leftNavContent .explosiveStyleList .explosiveActive:after {
    content: "";
    position: absolute;
    background-color: #000;
    width: 100%;
    top: 0.6133333333rem;
    left: 0.1333333333rem;
    width: 0.8rem;
    height: 0.0266666667rem;
  }
  .explosiveStyle .leftNavContent .explosiveStyleList .explosiveStyleListItem:nth-of-type(1) {
    margin-left: 0.6rem;
  }
  .explosiveStyle .leftNavContent .explosiveStyleList .explosiveStyleListItem:nth-last-of-type(1) {
    margin-right: 0.6rem;
  }
  .explosiveStyle .leftNavContent .explosiveStyleList:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
  }
  .explosiveStyle .rightExplosiveContent {
    width: 100%;
    display: block;
    position: relative;
  }
  .explosiveStyle .rightExplosiveContent .bigShowImg {
    position: relative;
    width: 100%;
    height: 10.6666666667rem;
    background-color: #000;
  }
  .explosiveStyle .rightExplosiveContent .bigShowImg img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
  }
  .explosiveStyle .rightExplosiveContent .bigShowImg:after {
    width: 0.32rem;
    height: 1.6rem;
    left: 8rem;
    bottom: -1.8666666667rem;
    z-index: 10;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent {
    width: 9.2rem;
    height: 10.1066666667rem;
    top: 1.8933333333rem;
    padding: 0.8rem 0 0;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItemTitle {
    font-family: PingFangSC-Heavy;
    font-size: 0.4266666667rem;
    color: #000000;
    letter-spacing: 0;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveExtroTitle {
    font-family: PingFangSC-Light;
    font-size: 0.2133333333rem;
    color: #999999;
    letter-spacing: 0.1422666667rem;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItems {
    width: 8rem;
    margin: 0.64rem auto 0;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItems .explosiveItem {
    margin-bottom: 0.2666666667rem;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItems .explosiveItem img {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveItems .explosiveItem .brandName {
    margin-top: 0.0666666667rem;
    font-family: PingFangSC-Regular;
    font-size: 0.24rem;
    color: #333333;
    letter-spacing: 0.0085333333rem;
    line-height: 0.32rem;
    height: 0.6666666667rem;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveBtn {
    width: 5.6266666667rem;
    height: 1.3466666667rem;
    margin-top: 0.6rem;
    margin-left: -0.8rem;
    position: relative;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveBtn img {
    width: 1.4666666667rem;
    height: 0.2133333333rem;
    margin-right: 0.9333333333rem;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveBtn span {
    font-family: PingFangSC-Medium;
    font-size: 0.2933333333rem;
    color: #ffffff;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent .explosiveBtn:after {
    width: 1.6rem;
    height: 0.0266666667rem;
    left: 6.4rem;
    top: 0.64rem;
  }
  .explosiveStyle .rightExplosiveContent .explosiveItemContent:after {
    width: 100%;
    bottom: -2.16rem;
    height: 2.16rem;
  }
  .productList {
    margin-top: 2.16rem;
  }
  .productList .productItem .productImage {
    width: 4.8rem;
    height: 4.8rem;
  }
  .productList .productItem .prodcutItemInfo .productName {
    font-size: 0.2933333333rem;
  }
  .productList .productItem .prodcutItemInfo .productFrom {
    font-size: 0.24rem;
  }
  .productList .productItem .prodcutItemInfo .priductPrice .priceCNorig {
    font-size: 0.3466666667rem;
  }
  .productList .productItem .prodcutItemInfo .priductPrice .priceCN {
    font-size: 0.3466666667rem;
    margin-right: 0.1333333333rem;
  }
  .productList .productItem .prodcutItemInfo .priductPrice .priceAm {
    font-size: 0.32rem;
    margin-right: 0.1333333333rem;
  }
  .productList .productItem .prodcutItemInfo .priductPrice .priceOriginal {
    font-size: 0.32rem;
  }
  .productList .productItem .prodcutItemInfo .productTags {
    font-size: 0.24rem;
  }
  .dryingContent {
    height: 13.3333333333rem;
    margin-top: 6.2rem;
  }
  .dryingContent .dryingHeader {
    height: 2.9733333333rem;
    align-items: center;
    justify-content: center;
  }
  .dryingContent .dryingHeader .dryingTitle {
    font-family: PingFangSC-Semibold;
    font-size: 0.48rem;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
  }
  .dryingContent .dryingBackTitle {
    height: 1.8rem;
    font-family: PingFangSC-Heavy;
    font-size: 1.28rem;
    color: #f5f5f5;
    letter-spacing: 0.032rem;
    text-align: center;
    top: 0.5333333333rem;
  }
  .dryingContent #dryingContent {
    margin-top: 2.9733333333rem;
  }
  .dryingContent #dryingContent .swiper-slide-active {
    box-shadow: 0.4rem 0.6666666667rem 1.3333333333rem 0 rgba(0, 0, 0, 0.08);
  }
  .dryingContent #dryingContent .dryingItem {
    width: 4.8rem;
    height: 7.4666666667rem;
    margin: 0 0.4333333333rem;
    overflow: hidden;
  }
  .dryingContent #dryingContent .dryingItem .dryImgBox {
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .dryingContent #dryingContent .dryingItem .dryImgBox .dryingImg {
    height: auto;
    max-height: 100%;
    max-width: 100%;
  }
  .dryingContent #dryingContent .dryingItem .userInfo {
    margin: 0.32rem 0 0.2666666667rem;
    font-family: PingFangSC-Regular;
    font-size: 0.24rem;
    color: #999999;
    letter-spacing: 0;
  }
  .dryingContent #dryingContent .dryingItem .userInfo img {
    width: 0.48rem;
    height: 0.48rem;
    margin: 0 0.2133333333rem 0 0.32rem;
  }
  .dryingContent #dryingContent .dryingItem .userInfo p {
    font-size: 0.24rem;
  }
  .dryingContent #dryingContent .dryingItem .dryingText {
    font-family: PingFangSC-Medium;
    font-size: 0.2666666667rem;
    color: #333333;
    letter-spacing: 0;
    text-shadow: 0.0133333333rem 0.0133333333rem 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    font-size: 0.2666666667rem;
    margin: 0 auto;
    padding: 0;
    height: 1.2rem;
    width: 4.16rem;
  }
  .dryingContent #dryingContent .dryingItem:nth-of-type(1) {
    margin-left: 0;
  }
  .dryingContent .dryingMoreContent .seeMorebtn {
    width: 4.5333333333rem;
    height: 0.7466666667rem;
    margin-top: 0.6666666667rem;
    font-size: 0.24rem;
    color: #333333;
  }
  article .merchantList .merchantTitle1 {
    font-family: PingFangSC-Semibold;
    font-size: 0.48rem;
    color: #333333;
    margin: 1.0666666667rem 0 0.0533333333rem;
    text-align: center;
  }
  article .merchantList .merchantTitle2 {
    font-family: PingFangSC-Light;
    font-size: 0.2666666667rem;
    color: #666666;
    letter-spacing: 0.0666666667rem;
    margin-bottom: 0.8rem;
  }
  article .merchantList .merchantItem {
    width: 100%;
    margin-top: 0;
  }
  article .merchantList .merchantItem .merchantBanner {
    margin-bottom: 8.2rem;
  }
  article .merchantList .merchantItem .merchantBanner .merchantImg {
    width: 100%;
    height: 10.0266666667rem;
  }
  article .merchantList .merchantItem .merchantBanner .merchantImg:after {
    width: 0.32rem;
    height: 1.6rem;
    left: 8.6133333333rem;
    bottom: 1.1866666667rem;
    z-index: 15;
  }
  article .merchantList .merchantItem .merchantBanner .merchantInfoContent {
    width: 9.2rem;
    height: 9.12rem;
    top: 8.04rem;
    padding: 1.24rem 1.2rem 0 1.0666666667rem;
  }
  article .merchantList .merchantItem .merchantBanner .merchantInfoContent .finishlineTitle {
    width: 4.64rem;
    height: 0.6666666667rem;
    margin-bottom: 0.4533333333rem;
  }
  article .merchantList .merchantItem .merchantBanner .merchantInfoContent .merchantItemintroduction {
    font-family: PingFangSC-Regular;
    font-size: 0.3466666667rem;
    color: #333333;
    text-align: justify;
    line-height: 0.5866666667rem;
  }
  article .merchantList .merchantItem .merchantBanner .merchantInfoContent .merchantBtn {
    position: relative;
    width: 5.3066666667rem;
    height: 1.3466666667rem;
    margin-left: -1.8666666667rem;
    margin-top: 0.8rem;
  }
  article .merchantList .merchantItem .merchantBanner .merchantInfoContent .merchantBtn img {
    width: 1.4666666667rem;
    height: 0.1866666667rem;
    margin-right: 0.9333333333rem;
  }
  article .merchantList .merchantItem .merchantBanner .merchantInfoContent .merchantBtn span {
    font-family: PingFangSC-Medium;
    font-size: 0.2933333333rem;
    color: #ffffff;
  }
  article .merchantList .merchantItem .merchantBanner .merchantInfoContent .merchantBtn:after {
    width: 1.6rem;
    height: 0.0266666667rem;
    top: 0.6666666667rem;
    left: 6rem;
  }
  article .merchantList .merchantItem .outMerchantBox .merchantProductContent {
    padding-bottom: 1.6rem;
    width: 100%;
    overflow: hidden;
  }
  article .merchantList .merchantItem .outMerchantBox .merchantProductContent .productList {
    width: auto;
  }
  article .merchantList .merchantItem .outMerchantBox .merchantProductContent .productList .productItem {
    width: 4.5333333333rem;
    height: 7.5333333333rem;
    margin-left: 0.64rem;
    background: #ffffff;
    box-shadow: 0.4rem 0.6666666667rem 1.3333333333rem 0 rgba(0, 0, 0, 0.08);
  }
  article .merchantList .merchantItem .outMerchantBox .merchantProductContent .productList .productItem .prodcutItemInfo .productName {
    width: 100%;
  }
  article .merchantList .merchantItem .outMerchantBox .merchantProductContent .productList .productItem::nth-of-type(1) {
    margin-left: 0.8rem;
  }
  article .merchantList .merchantItem .outMerchantBox .merchantProductContent .productList .productItem::nth-last-of-type(1) {
    margin-right: 0.8rem;
  }
  article .merchantList .bloomingdalesBox .merchantBanner {
    margin-bottom: 8.7066666667rem;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantImg {
    height: 7.1733333333rem;
    overflow: hidden;
    width: 100%;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantImg .dynamicImg {
    width: 140%;
    margin-left: -30%;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantImg:after {
    display: none;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent {
    width: 9.2rem;
    margin-top: -2.4rem;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent .bloomingdalesTitle {
    width: 5.2133333333rem;
    height: 0.8rem;
    margin-bottom: 0.4rem;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent .merchantItemintroduction {
    font-family: PingFangSC-Regular;
    font-size: 0.3466666667rem;
    color: #333333;
    text-align: justify;
    line-height: 0.5866666667rem;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent .merchantBtn {
    margin-left: 3.6266666667rem;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent .merchantBtn:after {
    left: -2.5333333333rem;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent:after {
    width: 100%;
    height: 2.16rem;
    bottom: -2.16rem;
  }
  article .merchantList .bloomingdalesBox .merchantBanner .merchantInfoContent:before {
    content: "";
    width: 0.32rem;
    height: 1.6rem;
    background: #000;
    position: absolute;
    left: 1.0666666667rem;
    bottom: -0.8rem;
    z-index: 20;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantNameImg {
    width: 2.1333333333rem;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantNameImg img {
    width: 0.7466666667rem;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantNameImg:after {
    width: 0.0266666667rem;
    height: 1.6rem;
    position: absolute;
    background: #000;
    left: 46%;
    top: 4rem;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantImg {
    width: 7.88rem;
    height: 9.08rem;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantInfoContent {
    width: 9.2rem;
    right: 0.8rem;
    top: 6.9066666667rem;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantInfoContent .saksFifthAvenueTitle {
    width: 3.68rem;
    height: 0.7466666667rem;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantInfoContent .merchantBtn {
    margin-left: 3.6266666667rem;
    margin-top: 1.12rem;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantInfoContent .merchantBtn:after {
    left: -2.5333333333rem;
  }
  article .merchantList .saksFifthAvenueBox .merchantBanner .merchantInfoContent:before {
    content: "";
    width: 0.32rem;
    height: 1.6rem;
    background: #000;
    position: absolute;
    left: 1.0666666667rem;
    bottom: -0.8rem;
    z-index: 20;
  }
  article .merchantList .everlaneBox .merchantBanner {
    margin-bottom: 1.12rem;
  }
  article .merchantList .everlaneBox .merchantBanner .merchantImg {
    height: auto;
  }
  article .merchantList .everlaneBox .merchantBanner .merchantImg img {
    width: 100%;
  }
  article .merchantList .everlaneBox .merchantBanner .merchantImg:after {
    left: 8.64rem;
    top: 3.7066666667rem;
  }
  article .merchantList .everlaneBox .merchantBanner .merchantInfoContent {
    position: initial;
  }
  article .merchantList .everlaneBox .merchantBanner .merchantInfoContent .everlaneTitle {
    width: 3.0933333333rem;
    height: auto;
    margin-bottom: 0.4rem;
  }
  article .merchantList .everlaneBox .merchantBanner .merchantInfoContent .merchantBtn {
    margin-left: -1.0666666667rem;
    margin-top: 1.0666666667rem;
  }
  article .merchantList .merchantBtnBox {
    height: 0.8rem;
  }
  article .merchantList .merchantBtnBox .seeMorebtn {
    width: 4.5333333333rem;
    height: 0.7466666667rem;
    font-size: 0.24rem;
    color: #333333;
  }
  .productList .productItem {
    width: 4.8rem;
    height: 7.8rem;
  }
  .productList .productItem .productImage {
    width: 100%;
    height: 4.8rem;
  }
  .productList .productItem .prodcutItemInfo {
    padding: 0 0.2666666667rem;
  }
  .productList .productItem .productName {
    width: 100%;
    font-family: PingFangSC-Medium;
    font-size: 0.2933333333rem;
    color: #333333;
    letter-spacing: 0;
    text-shadow: 0.0133333333rem 0.0133333333rem 0 rgba(0, 0, 0, 0.05);
  }
  .productList .productItem .productFrom {
    font-family: PingFangSC-Regular;
    font-size: 0.24rem;
    color: #999999;
    letter-spacing: 0;
  }
  .productList .productItem .productTags {
    font-family: PingFangSC-Medium;
    font-size: 0.24rem;
    color: #d27d3f;
    letter-spacing: 0;
  }
  .featuredDiscount {
    width: 100%;
    margin-top: 1.6rem;
    margin-bottom: 1.3333333333rem;
  }
  .featuredDiscount .featureTitle1 {
    font-family: PingFangSC-Semibold;
    font-size: 0.48rem;
    color: #333333;
  }
  .featuredDiscount .featureTitle2 {
    font-family: PingFangSC-Light;
    font-size: 0.24rem;
    color: #999999;
    letter-spacing: 0.12rem;
  }
  .featuredDiscount .featureTabsContent {
    width: 100%;
    overflow: hidden;
  }
  .featuredDiscount .featureTabsContent .tabsNameList {
    height: auto;
    margin: 0.8rem auto 0.4rem;
    white-space: nowrap;
    width: auto;
    display: initial;
  }
  .featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem {
    display: inline-block;
    text-align: center;
    margin-left: 0.5333333333rem;
    flex-shrink: 0;
    color: #666666;
    white-space: nowrap;
    height: auto;
    line-height: 0.5333333333rem;
    width: auto;
  }
  .featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem a {
    font-family: PingFangSC-Regular;
    font-size: 0.32rem;
  }
  .featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem::nth-of-type(1) {
    margin-left: 0.6rem;
  }
  .featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem:nth-last-of-type(1) {
    margin-right: 0.6rem;
  }
  .featuredDiscount .featureTabsContent .tabsNameList .tabsNameItem:nth-last-of-type(1):after {
    display: block;
  }
  .featuredDiscount .featureTabsContent .tabsNameList li.current a {
    font-family: PingFangSC-Semibold;
    font-size: 0.3733333333rem;
    color: #333333 !important;
    background: #fff;
  }
  .featuredDiscount .featureTabsContent .tabsNameList .current:after {
    width: 100%;
    height: 0.0266666667rem;
    top: 0.6666666667rem;
    background: #000;
    z-index: 10;
  }
  .featuredDiscount .featureTabsContent .arrBox {
    width: 100%;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent {
    width: 100%;
    padding-bottom: 1px;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox {
    width: 100%;
    padding-bottom: 0;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem {
    width: 10rem !important;
    height: auto;
    padding: 0.4rem 0;
    position: relative;
    margin: 0 0 1px;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleImg {
    width: 4rem;
    height: 4rem;
    margin-right: 0.5333333333rem;
    margin-left: 0.5333333333rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleImg img {
    max-width: 4rem;
    max-height: 4rem;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox {
    position: relative;
    width: auto;
    height: auto;
    margin-right: 0.5333333333rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .badgeInfo {
    display: flex;
    font-family: PingFangSC-Regular;
    font-size: 0.32rem;
    color: #999999;
    letter-spacing: 0;
    width: 100%;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .badgeInfo img {
    width: 0.4266666667rem;
    height: 0.4266666667rem;
    margin-right: 0.2rem;
    display: block;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleTitle {
    font-family: PingFangSC-Semibold;
    font-size: 0.4266666667rem;
    margin-top: 0.1733333333rem;
    line-height: 0.56rem;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleIntroduction {
    font-family: PingFangSC-Regular;
    font-size: 0.3466666667rem;
    color: #666666;
    letter-spacing: 0.0133333333rem;
    height: auto;
    line-height: 0.4rem;
    margin-top: 0.16rem;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleLine {
    display: none;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleMerchant {
    display: none;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleFrom {
    margin-top: 0.3333333333rem;
    position: initial;
    font-family: PingFangSC-Regular;
    font-size: 0.2933333333rem;
    color: #999999;
    letter-spacing: 0;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleFrom span {
    margin-right: 0.16rem;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleFrom .articleTag {
    border: 0.0266666667rem solid #d27d3f;
    border-radius: 0.0533333333rem;
    font-family: PingFangSC-Regular;
    font-size: 0.2666666667rem;
    color: #d27d3f;
    letter-spacing: 0;
    display: inline-block;
    padding: 0rem 0.0533333333rem;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleFrom .greyTag {
    background: #f2f2f2;
    border-radius: 0.0533333333rem;
    font-family: PingFangSC-Regular;
    font-size: 0.2666666667rem;
    color: #999999;
    letter-spacing: 0;
    display: inline-block;
    padding: 0.0533333333rem 0.16rem;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleFrom .articleTime {
    display: none;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem .articleIntroductionBox .articleFrom .articleMerchant {
    display: none;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent .showArticleBox .articleItem:after {
    content: "";
    height: 0.0266666667rem;
    width: 8.9333333333rem;
    background-color: #ebebeb;
    bottom: 0.0133333333rem;
    left: 0.5333333333rem;
    position: absolute;
    z-index: 30;
  }
  .featuredDiscount .featureTabsContent .arrBox .articleContent:after {
    content: "";
    width: 100%;
    height: 0.1333333333rem;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 40;
  }
  .featuredDiscount .articleBtnBox {
    height: 0.8rem;
    margin-top: 0.6666666667rem;
  }
  .featuredDiscount .articleBtnBox .seeMorebtn {
    width: 4.5333333333rem;
    height: 0.7466666667rem;
    font-size: 0.24rem;
    color: #333333;
  }
  .hotBrandsContent {
    position: relative;
    margin-top: 1.3333333333rem !important;
    width: 100%;
    overflow: hidden;
  }
  .hotBrandsContent .hotBrandsTitle {
    font-size: 0.48rem;
    margin-top: 1.0666666667rem;
  }
  .hotBrandsContent .hotBrandsTitle2 {
    font-size: 0.24rem;
    letter-spacing: 0.12rem;
  }
  .hotBrandsContent .hotBrandsBox {
    margin: 0.64rem 0 1.0666666667rem 10rem;
  }
  .hotBrandsContent .hotBrandsBox .hotBrandsSlide {
    box-sizing: border-box;
    padding: 0 0.5333333333rem;
    width: 10rem;
    margin: 0;
  }
  .hotBrandsContent .hotBrandsBox .hotBrandsSlide img {
    width: 2.8rem;
    height: 2.04rem;
    margin-bottom: 0.2173333333rem;
  }
  .hotBrandsContent .swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
  }
  .hotBrandsContent .swiper-pagination-bullet-active {
    background: #000;
  }
  .directMailContent {
    padding: 0 0.9333333333rem;
    width: 100%;
  }
  .directMailContent .line {
    width: 0.2666666667rem;
    height: 0.0533333333rem;
    margin: 1.0666666667rem 0 0.3866666667rem;
  }
  .directMailContent .directMialtitle {
    width: 100%;
    margin-left: 0;
  }
  .directMailContent .directMialtitle .mainTitle {
    font-size: 0.3733333333rem;
  }
  .directMailContent .directMialtitle .extroTitle {
    font-size: 0.24rem;
    color: #cccccc;
    letter-spacing: 0.0133333333rem;
  }
  .directMailContent .directText {
    margin-left: 0;
    margin-top: 0.4666666667rem;
    width: 100%;
    font-family: PingFangSC-Medium;
    font-size: 0.2933333333rem;
    line-height: 0.5066666667rem;
    color: #777777;
    letter-spacing: 0.0050666667rem;
    max-width: 100%;
  }
  .directMailContent .directImg {
    height: 6.6666666667rem;
    margin-top: 0.96rem;
    margin-bottom: 1.5733333333rem;
  }
  .directMailContent .directImg .pcImg {
    display: none;
  }
  .directMailContent .directImg .phoneImg {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .vedioContent {
    width: 8.1333333333rem;
    height: 4.58rem;
  }
  .vedioContent .playIcon {
    width: 0.8666666667rem;
    height: 0.8666666667rem;
    left: 3.6266666667rem;
    top: 1.86rem;
  }
  .leftArraw {
    display: none;
  }
  .rightArraw {
    display: none;
  }
  .flexScrollBox {
    width: 100%;
    overflow-x: scroll;
  }
  .flexScrollBox::-webkit-scrollbar {
    width: 0 !important;
  }
  .prodcutItemInfo .productName {
    width: 100% !important;
  }
}
.show {
  display: block;
}

.colorr {
  color: red;
}

.top {
  width: 6.25rem;
  height: 2.0833333333rem;
  border-top: 1px solid transparent;
  margin: auto auto;
  background-image: url("https://bxl-dev.ipinyou.com/static/curation/beauty_express/beauty_express_header%403x.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.top .topTitle {
  text-align: center;
  font-size: 0.3020833333rem;
  margin: 0.5208333333rem 0 0.1041666667rem;
}
.top .toptitle2 {
  text-align: center;
  font-size: 0.1354166667rem;
}

.introdImgBox {
  width: 6.25rem;
  margin: 0 auto;
}
.introdImgBox img {
  width: 100%;
}