* {
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: none;
  margin: 0;
  padding: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  color: #2c3e50;
  font-family: PingFangSC-Regular, Avenir, Helvetica, Arial, sans-serif;
  font-size: 4.26667vw;
}

html.lock, body.lock {
  width: 100%;
  height: 100%;
  position: fixed;
}

img {
  -webkit-touch-callout: none;
  content: normal !important;
}

::-webkit-scrollbar {
  display: none;
}

.hairline-top, .hairline-bottom, .hairline-left, .hairline-right {
  z-index: 1;
  position: relative;
}

.hairline-top:before {
  content: "";
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: 100;
  background: #e7e7e7;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

.hairline-bottom:after {
  content: "";
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: 100;
  background: #e7e7e7;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

.hairline-left:before {
  content: "";
  -webkit-transform-origin: 0;
  transform-origin: 0;
  z-index: 100;
  background: #e7e7e7;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
}

.hairline-right:after {
  content: "";
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  z-index: 100;
  background: #e7e7e7;
  width: 1px;
  height: 9.86667vw;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.zborder {
  position: relative;
}

.zborder:after {
  content: "";
  box-sizing: border-box;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
  border-radius: 18.6667vw;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}

.half-px-border {
  position: relative;
}

.half-px-border:after {
  content: " ";
  position: absolute;
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}

.iphonex-bottom-compatible {
  padding-bottom: constant(safe-area-inset-bottom) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

.ds-sp-price:before {
  content: "￥" !important;
}

.ds-ios.ds-zebra.ds-no-symbol .ds-sp-price:before {
  content: "" !important;
}

.swiper-container {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-flex-direction: column;
  flex-direction: column;
}

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

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

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -o-transition-timing-function: ease-out;
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-slide {
  -ms-flex: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-transition-property: -webkit-transform, height;
  -o-transition-property: -o-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  transition-property: -webkit-transform, transform, height;
}

.swiper-container .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 7.2vw 11.7333vw;
  -webkit-background-size: 7.2vw 11.7333vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7.2vw 11.7333vw;
  width: 7.2vw;
  height: 11.7333vw;
  margin-top: -5.86667vw;
  position: absolute;
  top: 50%;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .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%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");
  left: 2.66667vw;
  right: auto;
}

.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%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
}

.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%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");
  left: auto;
  right: 2.66667vw;
}

.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%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23000000%27%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%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  text-align: center;
  -o-transition: .3s;
  z-index: 10;
  transition: all .3s;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  width: 100%;
  bottom: 2.66667vw;
  left: 0;
}

.swiper-pagination-bullet {
  opacity: .2;
  background: #000;
  border-radius: 100%;
  width: 2.13333vw;
  height: 2.13333vw;
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  top: 50%;
  right: 2.66667vw;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 1.33333vw 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1.33333vw;
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background: #007aff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 1.06667vw;
  top: 0;
  left: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 1.06667vw;
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, .5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-perspective: 320vw;
  perspective: 320vw;
  -o-perspective: 320vw;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .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-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 320vw;
}

.swiper-container-cube, .swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .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, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  opacity: .6;
  -webkit-filter: blur(13.3333vw);
  filter: blur(13.3333vw);
  z-index: 0;
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -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-zoom-container {
  text-align: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.swiper-scrollbar {
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
  border-radius: 2.66667vw;
  position: relative;
}

.swiper-container-horizontal > .swiper-scrollbar {
  z-index: 50;
  width: 98%;
  height: 1.33333vw;
  position: absolute;
  bottom: .8vw;
  left: 1%;
}

.swiper-container-vertical > .swiper-scrollbar {
  z-index: 50;
  width: 1.33333vw;
  height: 98%;
  position: absolute;
  top: 1%;
  right: .8vw;
}

.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, .5);
  border-radius: 2.66667vw;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  width: 11.2vw;
  height: 11.2vw;
  margin-top: -5.6vw;
  margin-left: -5.6vw;
  -webkit-animation: 1s steps(12, end) infinite swiper-preloader-spin;
  animation: 1s steps(12, end) infinite swiper-preloader-spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper-lazy-preloader:after {
  content: "";
  -webkit-background-size: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%236c6c6c%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  display: block;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-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);
  }
}

.webapp-lesson-skeleton .header {
  background-color: #f7f9fa;
  height: 100vw;
}

.webapp-lesson-skeleton .content {
  margin: 0 4.26667vw;
}

.webapp-lesson-skeleton .lesson-info {
  margin: 5.33333vw 0 0;
  display: flow-root;
}

.webapp-lesson-skeleton .lesson-info:after, .webapp-lesson-skeleton .lesson-gift:after {
  content: "";
  background: #ebebeb;
  width: 100%;
  height: 1px;
  margin-left: 4.26667vw;
  position: absolute;
  left: 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

.webapp-lesson-skeleton .lesson-comments:before {
  content: "";
  background: #ebebeb;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

.webapp-lesson-skeleton .lesson-name {
  background: #f7f9fa;
  border-radius: 1.06667vw;
  width: 32vw;
  height: 5.33333vw;
  margin: 0 auto 2.93333vw 0;
}

.webapp-lesson-skeleton .lesson-desc {
  background-color: #f7f9fa;
  border-radius: 1.06667vw;
  width: 64vw;
  height: 3.73333vw;
  margin: 0 auto 4.8vw 0;
}

.webapp-lesson-skeleton .flex {
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}

.webapp-lesson-skeleton .price {
  margin-bottom: 2.66667vw;
}

.webapp-lesson-skeleton .real-price {
  opacity: .15;
  background: #ff8324;
  border-radius: 1.6vw;
  width: 18.6667vw;
  height: 7.46667vw;
  margin-right: 2.13333vw;
}

.webapp-lesson-skeleton .coupon {
  background-color: #f7f9fa;
  border-radius: 1.06667vw;
  width: 32vw;
  height: 5.86667vw;
}

.webapp-lesson-skeleton .time {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5.06667vw;
}

.webapp-lesson-skeleton .remaining-days {
  opacity: .15;
  background: #ff8324;
  border-radius: 1.06667vw;
  width: 18.6667vw;
  height: 3.73333vw;
}

.webapp-lesson-skeleton .next-time {
  background-color: #f7f9fa;
  border-radius: 1.06667vw;
  width: 26.6667vw;
  height: 3.73333vw;
}

.webapp-lesson-skeleton .lesson-rights {
  -webkit-align-items: start;
  align-items: start;
  margin-top: 3.2vw;
}

.webapp-lesson-skeleton .rights-tag {
  opacity: .15;
  background: #50c757;
  border-radius: 1.6vw;
  width: 10.1333vw;
  height: 5.86667vw;
  margin-right: 3.2vw;
}

.webapp-lesson-skeleton .first-line, .webapp-lesson-skeleton .second-line {
  background: #f7f9fa;
  border-radius: 1.06667vw;
  width: 64vw;
  height: 3.73333vw;
}

.webapp-lesson-skeleton .first-line {
  margin-top: 1.06667vw;
  margin-bottom: 3.2vw;
}

.webapp-lesson-skeleton .second-line {
  margin-bottom: 4.53333vw;
}

.webapp-lesson-skeleton .lesson-comments {
  display: flow-root;
}

.webapp-lesson-skeleton .comments-title {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 6.4vw 0;
}

.webapp-lesson-skeleton .comments-tag {
  background: #f7f9fa;
  border-radius: 2.13333vw;
  width: 26.6667vw;
  height: 8vw;
}

.webapp-lesson-skeleton .show-all {
  background-color: #f7f9fa;
  border-radius: 1.06667vw;
  width: 26.6667vw;
  height: 3.73333vw;
}

.webapp-lesson-skeleton .comments-info {
  background: #f7f9fa;
  border-radius: 1.6vw;
  width: 91.4667vw;
  height: 26.6667vw;
  overflow: hidden;
}

.webapp-lesson-skeleton .lesson-gift {
  margin-top: 3.2vw;
  display: flow-root;
}

.webapp-lesson-skeleton .countdown {
  margin: 3.2vw 0;
}

.webapp-lesson-skeleton .gift-tag {
  opacity: .15;
  background: #ff8324;
  border-radius: 1.6vw;
  width: 10.1333vw;
  height: 5.86667vw;
}

.webapp-lesson-skeleton .gift-desc, .webapp-lesson-skeleton .countdown-desc {
  background: #f7f9fa;
  border-radius: 1.06667vw;
  width: 64vw;
  height: 3.73333vw;
  margin-left: 3.2vw;
}

.webapp-lesson-skeleton .countdown-tag {
  opacity: .15;
  background: #ffbd24;
  border-radius: 1.6vw;
  width: 10.1333vw;
  height: 5.86667vw;
}

.webapp-lesson-skeleton .footer {
  padding: 2.13333vw 4vw;
  padding-bottom: calc(2.13333vw + constant(safe-area-inset-bottom));
  padding-bottom: calc(2.13333vw + env(safe-area-inset-bottom));
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.webapp-lesson-skeleton .footer-button {
  background-color: #fe8119;
  border-radius: 5.86667vw;
  height: 11.7333vw;
}

.webapp-lesson-skeleton {
  z-index: 9;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  transition: opacity .35s ease-in;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.webapp-lesson-skeleton:before {
  content: "";
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 10;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
  width: 25%;
  height: 100%;
  -webkit-animation: 1.5s linear infinite shimmer;
  animation: 1.5s linear infinite shimmer;
  position: absolute;
  top: 0;
  left: -100%;
  overflow: hidden;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
}

@-webkit-keyframes shimmer {
  0% {
    left: -100%;
  }

  70% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

@keyframes shimmer {
  0% {
    left: -100%;
  }

  70% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

.van-hairline--bottom {
  border-color: #ebebeb;
}

.err-page[data-v-4e50fa12] {
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
}
.err-page .loading[data-v-4e50fa12] {
  background: #fff;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-self: stretch;
  align-self: stretch;
  -webkit-align-items: center;
  align-items: center;
  min-height: 100vh;
  display: -webkit-flex;
  display: flex;
}
.err-page .loading .loading-bg[data-v-4e50fa12] {
  width: 8.53333vw;
  height: 8.53333vw;
}
.err-page .is-error[data-v-4e50fa12] {
  background: #fff;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-self: stretch;
  align-self: stretch;
  -webkit-align-items: center;
  align-items: center;
  min-height: 100vh;
  display: -webkit-flex;
  display: flex;
}
.err-page .is-error .err-bg[data-v-4e50fa12] {
  width: 53.3333vw;
  height: 53.3333vw;
  margin-top: 30vh;
}
.err-page .is-error .tip[data-v-4e50fa12] {
  color: #999;
  margin-top: 2.13333vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 4.26667vw;
  font-weight: 400;
  line-height: 5.86667vw;
}
.err-page .is-error .retry-btn[data-v-4e50fa12] {
  color: #fff;
  background: #0c6;
  border-radius: 6.4vw;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 44vw;
  height: 12.8vw;
  margin-top: 2.13333vw;
  font-size: 4.26667vw;
  display: -webkit-flex;
  display: flex;
}
.err-page .body[data-v-4e50fa12] {
  width: 100%;
  height: 100%;
}
.fade-enter-active[data-v-4e50fa12], .fade-leave-active[data-v-4e50fa12] {
  transition: opacity .35s ease-out;
}
.fade-enter[data-v-4e50fa12], .fade-leave-to[data-v-4e50fa12] {
  opacity: 0;
}