body {
  line-height: normal;
}

img {
  /*! max-width: 100%; */
}

p {
  margin: 0;
}

#app {
  max-width: 1280px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0;
  font-weight: 400;
}

:root,
:host {
  --van-black: #000;
  --van-white: #fff;
  --van-gray-1: #f7f8fa;
  --van-gray-2: #f2f3f5;
  --van-gray-3: #ebedf0;
  --van-gray-4: #dcdee0;
  --van-gray-5: #c8c9cc;
  --van-gray-6: #969799;
  --van-gray-7: #646566;
  --van-gray-8: #323233;
  --van-red: #ee0a24;
  --van-blue: #1989fa;
  --van-orange: #ff976a;
  --van-orange-dark: #ed6a0c;
  --van-orange-light: #fffbe8;
  --van-green: #07c160;
  --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
  --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
  --van-primary-color: var(--van-blue);
  --van-success-color: var(--van-green);
  --van-danger-color: var(--van-red);
  --van-warning-color: var(--van-orange);
  --van-text-color: var(--van-gray-8);
  --van-text-color-2: var(--van-gray-6);
  --van-text-color-3: var(--van-gray-5);
  --van-active-color: var(--van-gray-2);
  --van-active-opacity: 0.6;
  --van-disabled-opacity: 0.5;
  --van-background: var(--van-gray-1);
  --van-background-2: var(--van-white);
  --van-background-3: var(--van-white);
  --van-padding-base: 4px;
  --van-padding-xs: 8px;
  --van-padding-sm: 12px;
  --van-padding-md: 16px;
  --van-padding-lg: 24px;
  --van-padding-xl: 32px;
  --van-font-bold: 600;
  --van-font-size-xs: 10px;
  --van-font-size-sm: 12px;
  --van-font-size-md: 14px;
  --van-font-size-lg: 16px;
  --van-line-height-xs: 14px;
  --van-line-height-sm: 18px;
  --van-line-height-md: 20px;
  --van-line-height-lg: 22px;
  --van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  --van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;
  --van-duration-base: 0.3s;
  --van-duration-fast: 0.2s;
  --van-ease-out: ease-out;
  --van-ease-in: ease-in;
  --van-border-color: var(--van-gray-3);
  --van-border-width: 1px;
  --van-radius-sm: 2px;
  --van-radius-md: 4px;
  --van-radius-lg: 8px;
  --van-radius-max: 999px;
}

.van-theme-dark {
  --van-text-color: #f5f5f5;
  --van-text-color-2: #707070;
  --van-text-color-3: #4d4d4d;
  --van-border-color: #3a3a3c;
  --van-active-color: #3a3a3c;
  --van-background: #000;
  --van-background-2: #1c1c1e;
  --van-background-3: #37363b;
}

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  font-family: var(--van-base-font);
}

a {
  text-decoration: none;
}

input,
button,
textarea {
  color: inherit;
  font: inherit;
}

a:focus,
input:focus,
button:focus,
textarea:focus,
[class*="van-"]:focus {
  outline: none;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@keyframes van-slide-up-enter {
  0% {
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes van-slide-up-leave {
  to {
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes van-slide-down-enter {
  0% {
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes van-slide-down-leave {
  to {
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes van-slide-left-enter {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes van-slide-left-leave {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes van-slide-right-enter {
  0% {
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes van-slide-right-leave {
  to {
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes van-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes van-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes van-rotate {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.van-fade-enter-active {
  animation: var(--van-duration-base) van-fade-in both var(--van-ease-out);
}

.van-fade-leave-active {
  animation: var(--van-duration-base) van-fade-out both var(--van-ease-in);
}

.van-slide-up-enter-active {
  animation: van-slide-up-enter var(--van-duration-base) both var(--van-ease-out);
}

.van-slide-up-leave-active {
  animation: van-slide-up-leave var(--van-duration-base) both var(--van-ease-in);
}

.van-slide-down-enter-active {
  animation: van-slide-down-enter var(--van-duration-base) both var(--van-ease-out);
}

.van-slide-down-leave-active {
  animation: van-slide-down-leave var(--van-duration-base) both var(--van-ease-in);
}

.van-slide-left-enter-active {
  animation: van-slide-left-enter var(--van-duration-base) both var(--van-ease-out);
}

.van-slide-left-leave-active {
  animation: van-slide-left-leave var(--van-duration-base) both var(--van-ease-in);
}

.van-slide-right-enter-active {
  animation: van-slide-right-enter var(--van-duration-base) both var(--van-ease-out);
}

.van-slide-right-leave-active {
  animation: van-slide-right-leave var(--van-duration-base) both var(--van-ease-in);
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: "";
}

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

.van-multi-ellipsis--l2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-break: anywhere;
  -webkit-box-orient: vertical;
}

.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  line-break: anywhere;
  -webkit-box-orient: vertical;
}

.van-safe-area-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.van-safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.van-haptics-feedback {
  cursor: pointer;
}

.van-haptics-feedback:active {
  opacity: var(--van-active-opacity);
}

[class*="van-hairline"]:after {
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid var(--van-border-color);
  transform: scale(0.5);
}

.van-hairline,
.van-hairline--top,
.van-hairline--left,
.van-hairline--right,
.van-hairline--bottom,
.van-hairline--surround,
.van-hairline--top-bottom {
  position: relative;
}

.van-hairline--top:after {
  border-top-width: var(--van-border-width);
}

.van-hairline--left:after {
  border-left-width: var(--van-border-width);
}

.van-hairline--right:after {
  border-right-width: var(--van-border-width);
}

.van-hairline--bottom:after {
  border-bottom-width: var(--van-border-width);
}

.van-hairline--top-bottom:after,
.van-hairline-unset--top-bottom:after {
  border-width: var(--van-border-width) 0;
}

.van-hairline--surround:after {
  border-width: var(--van-border-width);
}

:root,
:host {
  --van-badge-size: 16px;
  --van-badge-color: var(--van-white);
  --van-badge-padding: 0 3px;
  --van-badge-font-size: var(--van-font-size-sm);
  --van-badge-font-weight: var(--van-font-bold);
  --van-badge-border-width: var(--van-border-width);
  --van-badge-background: var(--van-danger-color);
  --van-badge-dot-color: var(--van-danger-color);
  --van-badge-dot-size: 8px;
  --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif;
}

.van-badge {
  display: inline-block;
  box-sizing: border-box;
  min-width: var(--van-badge-size);
  padding: var(--van-badge-padding);
  color: var(--van-badge-color);
  font-weight: var(--van-badge-font-weight);
  font-size: var(--van-badge-font-size);
  font-family: var(--van-badge-font);
  line-height: 1.2;
  text-align: center;
  background: var(--van-badge-background);
  border: var(--van-badge-border-width) solid var(--van-background-2);
  border-radius: var(--van-radius-max);
}

.van-badge--fixed {
  position: absolute;
  transform-origin: 100%;
}

.van-badge--top-left {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.van-badge--top-right {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.van-badge--bottom-left {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

.van-badge--bottom-right {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

.van-badge--dot {
  width: var(--van-badge-dot-size);
  min-width: 0;
  height: var(--van-badge-dot-size);
  background: var(--van-badge-dot-color);
  border-radius: 100%;
  border: none;
  padding: 0;
}

.van-badge__wrapper {
  position: relative;
  display: inline-block;
}

.van-icon {
  position: relative;
  display: inline-block;
  font: 14px/1 vant-icon;
  font: normal normal normal 14px/1 var(--van-icon-font-family, "vant-icon");
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.van-icon:before {
  display: inline-block;
}

.van-icon-arrow-double-left:before {
  content: "";
}

.van-icon-arrow-double-right:before {
  content: "";
}

.van-icon-contact:before {
  content: "";
}

.van-icon-notes:before {
  content: "";
}

.van-icon-records:before {
  content: "";
}

.van-icon-cash-back-record:before {
  content: "";
}

.van-icon-newspaper:before {
  content: "";
}

.van-icon-discount:before {
  content: "";
}

.van-icon-completed:before {
  content: "";
}

.van-icon-user:before {
  content: "";
}

.van-icon-description:before {
  content: "";
}

.van-icon-list-switch:before {
  content: "";
}

.van-icon-list-switching:before {
  content: "";
}

.van-icon-link-o:before {
  content: "";
}

.van-icon-miniprogram-o:before {
  content: "";
}

.van-icon-qq:before {
  content: "";
}

.van-icon-wechat-moments:before {
  content: "";
}

.van-icon-weibo:before {
  content: "";
}

.van-icon-cash-o:before {
  content: "";
}

.van-icon-guide-o:before {
  content: "";
}

.van-icon-invitation:before {
  content: "";
}

.van-icon-shield-o:before {
  content: "";
}

.van-icon-exchange:before {
  content: "";
}

.van-icon-eye:before {
  content: "";
}

.van-icon-enlarge:before {
  content: "";
}

.van-icon-expand-o:before {
  content: "";
}

.van-icon-eye-o:before {
  content: "";
}

.van-icon-expand:before {
  content: "";
}

.van-icon-filter-o:before {
  content: "";
}

.van-icon-fire:before {
  content: "";
}

.van-icon-fail:before {
  content: "";
}

.van-icon-failure:before {
  content: "";
}

.van-icon-fire-o:before {
  content: "";
}

.van-icon-flag-o:before {
  content: "";
}

.van-icon-font:before {
  content: "";
}

.van-icon-font-o:before {
  content: "";
}

.van-icon-gem-o:before {
  content: "";
}

.van-icon-flower-o:before {
  content: "";
}

.van-icon-gem:before {
  content: "";
}

.van-icon-gift-card:before {
  content: "";
}

.van-icon-friends:before {
  content: "";
}

.van-icon-friends-o:before {
  content: "";
}

.van-icon-gold-coin:before {
  content: "";
}

.van-icon-gold-coin-o:before {
  content: "";
}

.van-icon-good-job-o:before {
  content: "";
}

.van-icon-gift:before {
  content: "";
}

.van-icon-gift-o:before {
  content: "";
}

.van-icon-gift-card-o:before {
  content: "";
}

.van-icon-good-job:before {
  content: "";
}

.van-icon-home-o:before {
  content: "";
}

.van-icon-goods-collect:before {
  content: "";
}

.van-icon-graphic:before {
  content: "";
}

.van-icon-goods-collect-o:before {
  content: "";
}

.van-icon-hot-o:before {
  content: "";
}

.van-icon-info:before {
  content: "";
}

.van-icon-hotel-o:before {
  content: "";
}

.van-icon-info-o:before {
  content: "";
}

.van-icon-hot-sale-o:before {
  content: "";
}

.van-icon-hot:before {
  content: "";
}

.van-icon-like:before {
  content: "";
}

.van-icon-idcard:before {
  content: "";
}

.van-icon-like-o:before {
  content: "";
}

.van-icon-hot-sale:before {
  content: "";
}

.van-icon-location-o:before {
  content: "";
}

.van-icon-location:before {
  content: "";
}

.van-icon-label:before {
  content: "";
}

.van-icon-lock:before {
  content: "";
}

.van-icon-label-o:before {
  content: "";
}

.van-icon-map-marked:before {
  content: "";
}

.van-icon-logistics:before {
  content: "";
}

.van-icon-manager:before {
  content: "";
}

.van-icon-more:before {
  content: "";
}

.van-icon-live:before {
  content: "";
}

.van-icon-manager-o:before {
  content: "";
}

.van-icon-medal:before {
  content: "";
}

.van-icon-more-o:before {
  content: "";
}

.van-icon-music-o:before {
  content: "";
}

.van-icon-music:before {
  content: "";
}

.van-icon-new-arrival-o:before {
  content: "";
}

.van-icon-medal-o:before {
  content: "";
}

.van-icon-new-o:before {
  content: "";
}

.van-icon-free-postage:before {
  content: "";
}

.van-icon-newspaper-o:before {
  content: "";
}

.van-icon-new-arrival:before {
  content: "";
}

.van-icon-minus:before {
  content: "";
}

.van-icon-orders-o:before {
  content: "";
}

.van-icon-new:before {
  content: "";
}

.van-icon-paid:before {
  content: "";
}

.van-icon-notes-o:before {
  content: "";
}

.van-icon-other-pay:before {
  content: "";
}

.van-icon-pause-circle:before {
  content: "";
}

.van-icon-pause:before {
  content: "";
}

.van-icon-pause-circle-o:before {
  content: "";
}

.van-icon-peer-pay:before {
  content: "";
}

.van-icon-pending-payment:before {
  content: "";
}

.van-icon-passed:before {
  content: "";
}

.van-icon-plus:before {
  content: "";
}

.van-icon-phone-circle-o:before {
  content: "";
}

.van-icon-phone-o:before {
  content: "";
}

.van-icon-printer:before {
  content: "";
}

.van-icon-photo-fail:before {
  content: "";
}

.van-icon-phone:before {
  content: "";
}

.van-icon-photo-o:before {
  content: "";
}

.van-icon-play-circle:before {
  content: "";
}

.van-icon-play:before {
  content: "";
}

.van-icon-phone-circle:before {
  content: "";
}

.van-icon-point-gift-o:before {
  content: "";
}

.van-icon-point-gift:before {
  content: "";
}

.van-icon-play-circle-o:before {
  content: "";
}

.van-icon-shrink:before {
  content: "";
}

.van-icon-photo:before {
  content: "";
}

.van-icon-qr:before {
  content: "";
}

.van-icon-qr-invalid:before {
  content: "";
}

.van-icon-question-o:before {
  content: "";
}

.van-icon-revoke:before {
  content: "";
}

.van-icon-replay:before {
  content: "";
}

.van-icon-service:before {
  content: "";
}

.van-icon-question:before {
  content: "";
}

.van-icon-search:before {
  content: "";
}

.van-icon-refund-o:before {
  content: "";
}

.van-icon-service-o:before {
  content: "";
}

.van-icon-scan:before {
  content: "";
}

.van-icon-share:before {
  content: "";
}

.van-icon-send-gift-o:before {
  content: "";
}

.van-icon-share-o:before {
  content: "";
}

.van-icon-setting:before {
  content: "";
}

.van-icon-points:before {
  content: "";
}

.van-icon-photograph:before {
  content: "";
}

.van-icon-shop:before {
  content: "";
}

.van-icon-shop-o:before {
  content: "";
}

.van-icon-shop-collect-o:before {
  content: "";
}

.van-icon-shop-collect:before {
  content: "";
}

.van-icon-smile:before {
  content: "";
}

.van-icon-shopping-cart-o:before {
  content: "";
}

.van-icon-sign:before {
  content: "";
}

.van-icon-sort:before {
  content: "";
}

.van-icon-star-o:before {
  content: "";
}

.van-icon-smile-comment-o:before {
  content: "";
}

.van-icon-stop:before {
  content: "";
}

.van-icon-stop-circle-o:before {
  content: "";
}

.van-icon-smile-o:before {
  content: "";
}

.van-icon-star:before {
  content: "";
}

.van-icon-success:before {
  content: "";
}

.van-icon-stop-circle:before {
  content: "";
}

.van-icon-records-o:before {
  content: "";
}

.van-icon-shopping-cart:before {
  content: "";
}

.van-icon-tosend:before {
  content: "";
}

.van-icon-todo-list:before {
  content: "";
}

.van-icon-thumb-circle-o:before {
  content: "";
}

.van-icon-thumb-circle:before {
  content: "";
}

.van-icon-umbrella-circle:before {
  content: "";
}

.van-icon-underway:before {
  content: "";
}

.van-icon-upgrade:before {
  content: "";
}

.van-icon-todo-list-o:before {
  content: "";
}

.van-icon-tv-o:before {
  content: "";
}

.van-icon-underway-o:before {
  content: "";
}

.van-icon-user-o:before {
  content: "";
}

.van-icon-vip-card-o:before {
  content: "";
}

.van-icon-vip-card:before {
  content: "";
}

.van-icon-send-gift:before {
  content: "";
}

.van-icon-wap-home:before {
  content: "";
}

.van-icon-wap-nav:before {
  content: "";
}

.van-icon-volume-o:before {
  content: "";
}

.van-icon-video:before {
  content: "";
}

.van-icon-wap-home-o:before {
  content: "";
}

.van-icon-volume:before {
  content: "";
}

.van-icon-warning:before {
  content: "";
}

.van-icon-weapp-nav:before {
  content: "";
}

.van-icon-wechat-pay:before {
  content: "";
}

.van-icon-warning-o:before {
  content: "";
}

.van-icon-wechat:before {
  content: "";
}

.van-icon-setting-o:before {
  content: "";
}

.van-icon-youzan-shield:before {
  content: "";
}

.van-icon-warn-o:before {
  content: "";
}

.van-icon-smile-comment:before {
  content: "";
}

.van-icon-user-circle-o:before {
  content: "";
}

.van-icon-video-o:before {
  content: "";
}

.van-icon-add-square:before {
  content: "";
}

.van-icon-add:before {
  content: "";
}

.van-icon-arrow-down:before {
  content: "";
}

.van-icon-arrow-up:before {
  content: "";
}

.van-icon-arrow:before {
  content: "";
}

.van-icon-after-sale:before {
  content: "";
}

.van-icon-add-o:before {
  content: "";
}

.van-icon-alipay:before {
  content: "";
}

.van-icon-ascending:before {
  content: "";
}

.van-icon-apps-o:before {
  content: "";
}

.van-icon-aim:before {
  content: "";
}

.van-icon-award:before {
  content: "";
}

.van-icon-arrow-left:before {
  content: "";
}

.van-icon-award-o:before {
  content: "";
}

.van-icon-audio:before {
  content: "";
}

.van-icon-bag-o:before {
  content: "";
}

.van-icon-balance-list:before {
  content: "";
}

.van-icon-back-top:before {
  content: "";
}

.van-icon-bag:before {
  content: "";
}

.van-icon-balance-pay:before {
  content: "";
}

.van-icon-balance-o:before {
  content: "";
}

.van-icon-bar-chart-o:before {
  content: "";
}

.van-icon-bars:before {
  content: "";
}

.van-icon-balance-list-o:before {
  content: "";
}

.van-icon-birthday-cake-o:before {
  content: "";
}

.van-icon-bookmark:before {
  content: "";
}

.van-icon-bill:before {
  content: "";
}

.van-icon-bell:before {
  content: "";
}

.van-icon-browsing-history-o:before {
  content: "";
}

.van-icon-browsing-history:before {
  content: "";
}

.van-icon-bookmark-o:before {
  content: "";
}

.van-icon-bulb-o:before {
  content: "";
}

.van-icon-bullhorn-o:before {
  content: "";
}

.van-icon-bill-o:before {
  content: "";
}

.van-icon-calendar-o:before {
  content: "";
}

.van-icon-brush-o:before {
  content: "";
}

.van-icon-card:before {
  content: "";
}

.van-icon-cart-o:before {
  content: "";
}

.van-icon-cart-circle:before {
  content: "";
}

.van-icon-cart-circle-o:before {
  content: "";
}

.van-icon-cart:before {
  content: "";
}

.van-icon-cash-on-deliver:before {
  content: "";
}

.van-icon-cash-back-record-o:before {
  content: "";
}

.van-icon-cashier-o:before {
  content: "";
}

.van-icon-chart-trending-o:before {
  content: "";
}

.van-icon-certificate:before {
  content: "";
}

.van-icon-chat:before {
  content: "";
}

.van-icon-clear:before {
  content: "";
}

.van-icon-chat-o:before {
  content: "";
}

.van-icon-checked:before {
  content: "";
}

.van-icon-clock:before {
  content: "";
}

.van-icon-clock-o:before {
  content: "";
}

.van-icon-close:before {
  content: "";
}

.van-icon-closed-eye:before {
  content: "";
}

.van-icon-circle:before {
  content: "";
}

.van-icon-cluster-o:before {
  content: "";
}

.van-icon-column:before {
  content: "";
}

.van-icon-comment-circle-o:before {
  content: "";
}

.van-icon-cluster:before {
  content: "";
}

.van-icon-comment:before {
  content: "";
}

.van-icon-comment-o:before {
  content: "";
}

.van-icon-comment-circle:before {
  content: "";
}

.van-icon-completed-o:before {
  content: "";
}

.van-icon-credit-pay:before {
  content: "";
}

.van-icon-coupon:before {
  content: "";
}

.van-icon-debit-pay:before {
  content: "";
}

.van-icon-coupon-o:before {
  content: "";
}

.van-icon-contact-o:before {
  content: "";
}

.van-icon-descending:before {
  content: "";
}

.van-icon-desktop-o:before {
  content: "";
}

.van-icon-diamond-o:before {
  content: "";
}

.van-icon-description-o:before {
  content: "";
}

.van-icon-delete:before {
  content: "";
}

.van-icon-diamond:before {
  content: "";
}

.van-icon-delete-o:before {
  content: "";
}

.van-icon-cross:before {
  content: "";
}

.van-icon-edit:before {
  content: "";
}

.van-icon-ellipsis:before {
  content: "";
}

.van-icon-down:before {
  content: "";
}

.van-icon-discount-o:before {
  content: "";
}

.van-icon-ecard-pay:before {
  content: "";
}

.van-icon-envelop-o:before {
  content: "";
}

@font-face {
  font-weight: 400;
  font-family: vant-icon;
  font-style: normal;
  font-display: auto;
  src: url(../fonts/7f2dd50ef6724b61bf2ba7f8977fcec5.woff)
      format("woff2"),
    url(../fonts/font_2553510_ciljc7axaw7.woff) format("woff");
}

.van-icon__image {
  display: block;
  width: 1em;
  height: 1em;
  object-fit: contain;
}

:root,
:host {
  --van-overlay-z-index: 1;
  --van-overlay-background: rgba(0, 0, 0, 0.7);
}

.van-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--van-overlay-z-index);
  width: 100%;
  height: 100%;
  background: var(--van-overlay-background);
}

:root,
:host {
  --van-popup-background: var(--van-background-2);
  --van-popup-transition: transform var(--van-duration-base);
  --van-popup-round-radius: 16px;
  --van-popup-close-icon-size: 22px;
  --van-popup-close-icon-color: var(--van-gray-5);
  --van-popup-close-icon-margin: 16px;
  --van-popup-close-icon-z-index: 1;
}

.van-overflow-hidden {
  overflow: hidden !important;
}

.van-popup {
  position: fixed;
  max-height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  background: var(--van-popup-background);
  transition: var(--van-popup-transition);
  -webkit-overflow-scrolling: touch;
}

.van-popup--center {
  top: 50%;
  left: 0;
  right: 0;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: calc(100vw - var(--van-padding-md) * 2);
  margin: 0 auto;
  transform: translateY(-50%);
}

.van-popup--center.van-popup--round {
  border-radius: var(--van-popup-round-radius);
}

.van-popup--top {
  top: 0;
  left: 0;
  width: 100%;
}

.van-popup--top.van-popup--round {
  border-radius: 0 0 var(--van-popup-round-radius) var(--van-popup-round-radius);
}

.van-popup--right {
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
}

.van-popup--right.van-popup--round {
  border-radius: var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius);
}

.van-popup--bottom {
  bottom: 0;
  left: 0;
  width: 100%;
}

.van-popup--bottom.van-popup--round {
  border-radius: var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0;
}

.van-popup--left {
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0);
}

.van-popup--left.van-popup--round {
  border-radius: 0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0;
}

.van-popup-slide-top-enter-active,
.van-popup-slide-left-enter-active,
.van-popup-slide-right-enter-active,
.van-popup-slide-bottom-enter-active {
  transition-timing-function: var(--van-ease-out);
}

.van-popup-slide-top-leave-active,
.van-popup-slide-left-leave-active,
.van-popup-slide-right-leave-active,
.van-popup-slide-bottom-leave-active {
  transition-timing-function: var(--van-ease-in);
}

.van-popup-slide-top-enter-from,
.van-popup-slide-top-leave-active {
  transform: translate3d(0, -100%, 0);
}

.van-popup-slide-right-enter-from,
.van-popup-slide-right-leave-active {
  transform: translate3d(100%, -50%, 0);
}

.van-popup-slide-bottom-enter-from,
.van-popup-slide-bottom-leave-active {
  transform: translate3d(0, 100%, 0);
}

.van-popup-slide-left-enter-from,
.van-popup-slide-left-leave-active {
  transform: translate3d(-100%, -50%, 0);
}

.van-popup__close-icon {
  position: absolute;
  z-index: var(--van-popup-close-icon-z-index);
  color: var(--van-popup-close-icon-color);
  font-size: var(--van-popup-close-icon-size);
}

.van-popup__close-icon--top-left {
  top: var(--van-popup-close-icon-margin);
  left: var(--van-popup-close-icon-margin);
}

.van-popup__close-icon--top-right {
  top: var(--van-popup-close-icon-margin);
  right: var(--van-popup-close-icon-margin);
}

.van-popup__close-icon--bottom-left {
  bottom: var(--van-popup-close-icon-margin);
  left: var(--van-popup-close-icon-margin);
}

.van-popup__close-icon--bottom-right {
  right: var(--van-popup-close-icon-margin);
  bottom: var(--van-popup-close-icon-margin);
}

:root,
:host {
  --van-loading-text-color: var(--van-text-color-2);
  --van-loading-text-font-size: var(--van-font-size-md);
  --van-loading-spinner-color: var(--van-gray-5);
  --van-loading-spinner-size: 30px;
  --van-loading-spinner-duration: 0.8s;
}

.van-loading {
  position: relative;
  color: var(--van-loading-spinner-color);
  font-size: 0;
  vertical-align: middle;
}

.van-loading__spinner {
  position: relative;
  display: inline-block;
  width: var(--van-loading-spinner-size);
  max-width: 100%;
  height: var(--van-loading-spinner-size);
  max-height: 100%;
  vertical-align: middle;
  animation: van-rotate var(--van-loading-spinner-duration) linear infinite;
}

.van-loading__spinner--spinner {
  animation-timing-function: steps(12);
}

.van-loading__spinner--circular {
  animation-duration: 2s;
}

.van-loading__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.van-loading__line:before {
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: " ";
}

.van-loading__circular {
  display: block;
  width: 100%;
  height: 100%;
}

.van-loading__circular circle {
  animation: van-circular 1.5s ease-in-out infinite;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
}

.van-loading__text {
  display: inline-block;
  margin-left: var(--van-padding-xs);
  color: var(--van-loading-text-color);
  font-size: var(--van-loading-text-font-size);
  vertical-align: middle;
}

.van-loading--vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.van-loading--vertical .van-loading__text {
  margin: var(--van-padding-xs) 0 0;
}

@keyframes van-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}

.van-loading__line--1 {
  transform: rotate(30deg);
  opacity: 1;
}

.van-loading__line--2 {
  transform: rotate(60deg);
  opacity: 0.9375;
}

.van-loading__line--3 {
  transform: rotate(90deg);
  opacity: 0.875;
}

.van-loading__line--4 {
  transform: rotate(120deg);
  opacity: 0.8125;
}

.van-loading__line--5 {
  transform: rotate(150deg);
  opacity: 0.75;
}

.van-loading__line--6 {
  transform: rotate(180deg);
  opacity: 0.6875;
}

.van-loading__line--7 {
  transform: rotate(210deg);
  opacity: 0.625;
}

.van-loading__line--8 {
  transform: rotate(240deg);
  opacity: 0.5625;
}

.van-loading__line--9 {
  transform: rotate(270deg);
  opacity: 0.5;
}

.van-loading__line--10 {
  transform: rotate(300deg);
  opacity: 0.4375;
}

.van-loading__line--11 {
  transform: rotate(330deg);
  opacity: 0.375;
}

.van-loading__line--12 {
  transform: rotate(360deg);
  opacity: 0.3125;
}

:root,
:host {
  --van-floating-bubble-size: 48px;
  --van-floating-bubble-initial-gap: 24px;
  --van-floating-bubble-icon-size: 28px;
  --van-floating-bubble-background: var(--van-primary-color);
  --van-floating-bubble-color: var(--van-background-2);
  --van-floating-bubble-z-index: 999;
  --van-floating-bubble-border-radius: var(--van-radius-max);
}

.van-floating-bubble {
  position: fixed;
  left: 0;
  top: 0;
  right: var(--van-floating-bubble-initial-gap);
  bottom: var(--van-floating-bubble-initial-gap);
  width: var(--van-floating-bubble-size);
  height: var(--van-floating-bubble-size);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  background: var(--van-floating-bubble-background);
  color: var(--van-floating-bubble-color);
  border-radius: var(--van-floating-bubble-border-radius);
  z-index: var(--van-floating-bubble-z-index);
  transition: transform var(--van-duration-base);
}

.van-floating-bubble:active {
  opacity: 0.8;
}

.van-floating-bubble__icon {
  font-size: var(--van-floating-bubble-icon-size);
}

:root,
:host {
  --van-swipe-indicator-size: 6px;
  --van-swipe-indicator-margin: var(--van-padding-sm);
  --van-swipe-indicator-active-opacity: 1;
  --van-swipe-indicator-inactive-opacity: 0.3;
  --van-swipe-indicator-active-background: var(--van-primary-color);
  --van-swipe-indicator-inactive-background: var(--van-border-color);
}

.van-swipe {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}

.van-swipe__track {
  display: flex;
  height: 100%;
  transition-property: transform;
}

.van-swipe__track--vertical {
  flex-direction: column;
}

.van-swipe__indicators {
  position: absolute;
  bottom: var(--van-swipe-indicator-margin);
  left: 50%;
  display: flex;
  transform: translate(-50%);
}

.van-swipe__indicators--vertical {
  top: 50%;
  bottom: auto;
  left: var(--van-swipe-indicator-margin);
  flex-direction: column;
  transform: translateY(-50%);
}

.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
  margin-bottom: var(--van-swipe-indicator-size);
}

.van-swipe__indicator {
  width: var(--van-swipe-indicator-size);
  height: var(--van-swipe-indicator-size);
  background-color: var(--van-swipe-indicator-inactive-background);
  border-radius: 100%;
  opacity: var(--van-swipe-indicator-inactive-opacity);
  transition: opacity var(--van-duration-fast), background-color var(--van-duration-fast);
}

.van-swipe__indicator:not(:last-child) {
  margin-right: var(--van-swipe-indicator-size);
}

.van-swipe__indicator--active {
  background-color: var(--van-swipe-indicator-active-background);
  opacity: var(--van-swipe-indicator-active-opacity);
}

.van-swipe-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

:root,
:host {
  --van-image-placeholder-text-color: var(--van-text-color-2);
  --van-image-placeholder-font-size: var(--van-font-size-md);
  --van-image-placeholder-background: var(--van-background);
  --van-image-loading-icon-size: 32px;
  --van-image-loading-icon-color: var(--van-gray-4);
  --van-image-error-icon-size: 32px;
  --van-image-error-icon-color: var(--van-gray-4);
}

.van-image {
  position: relative;
  display: block;
}

.van-image--round {
  overflow: hidden;
  border-radius: var(--van-radius-max);
}

.van-image--round .van-image__img {
  border-radius: inherit;
}

.van-image--block {
  display: block;
}

.van-image__img,
.van-image__error,
.van-image__loading {
  display: block;
  width: 100%;
  /*! height: 100%; */
}

.van-image__error,
.van-image__loading {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--van-image-placeholder-text-color);
  font-size: var(--van-image-placeholder-font-size);
  background: var(--van-image-placeholder-background);
}

.van-image__loading-icon {
  color: var(--van-image-loading-icon-color);
  font-size: var(--van-image-loading-icon-size);
}

.van-image__error-icon {
  color: var(--van-image-error-icon-color);
  font-size: var(--van-image-error-icon-size);
}

.van-image[data-v-977c4ddc] {
  width: 100%;
  height: 100%;
  min-height: 10px;
}

.van-image[data-v-977c4ddc] img {
  object-fit: cover;
}

:root,
:host {
  --van-toast-max-width: 70%;
  --van-toast-font-size: var(--van-font-size-md);
  --van-toast-text-color: var(--van-white);
  --van-toast-loading-icon-color: var(--van-white);
  --van-toast-line-height: var(--van-line-height-md);
  --van-toast-radius: var(--van-radius-lg);
  --van-toast-background: rgba(0, 0, 0, 0.7);
  --van-toast-icon-size: 36px;
  --van-toast-text-min-width: 96px;
  --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
  --van-toast-default-padding: var(--van-padding-md);
  --van-toast-default-width: 88px;
  --van-toast-default-min-height: 88px;
  --van-toast-position-top-distance: 20%;
  --van-toast-position-bottom-distance: 20%;
}

.van-toast {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  transition: all var(--van-duration-fast);
  width: var(--van-toast-default-width);
  max-width: var(--van-toast-max-width);
  min-height: var(--van-toast-default-min-height);
  padding: var(--van-toast-default-padding);
  color: var(--van-toast-text-color);
  font-size: var(--van-toast-font-size);
  line-height: var(--van-toast-line-height);
  white-space: pre-wrap;
  word-break: break-all;
  text-align: center;
  background: var(--van-toast-background);
  border-radius: var(--van-toast-radius);
}

.van-toast--break-normal {
  word-break: normal;
  word-wrap: normal;
}

.van-toast--break-word {
  word-break: normal;
  word-wrap: break-word;
}

.van-toast--unclickable {
  overflow: hidden;
  cursor: not-allowed;
}

.van-toast--unclickable * {
  pointer-events: none;
}

.van-toast--text,
.van-toast--html {
  width: -webkit-fit-content;
  width: fit-content;
  min-width: var(--van-toast-text-min-width);
  min-height: 0;
  padding: var(--van-toast-text-padding);
}

.van-toast--text .van-toast__text,
.van-toast--html .van-toast__text {
  margin-top: 0;
}

.van-toast--top {
  top: var(--van-toast-position-top-distance);
}

.van-toast--bottom {
  top: auto;
  bottom: var(--van-toast-position-bottom-distance);
}

.van-toast__icon {
  font-size: var(--van-toast-icon-size);
}

.van-toast__loading {
  padding: var(--van-padding-base);
  color: var(--van-toast-loading-icon-color);
}

.van-toast__text {
  margin-top: var(--van-padding-xs);
}

:root,
:host {
  --van-action-bar-background: var(--van-background-2);
  --van-action-bar-height: 50px;
}

.van-action-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  box-sizing: content-box;
  height: var(--van-action-bar-height);
  background: var(--van-action-bar-background);
}

:root,
:host {
  --van-button-mini-height: 24px;
  --van-button-mini-padding: 0 var(--van-padding-base);
  --van-button-mini-font-size: var(--van-font-size-xs);
  --van-button-small-height: 32px;
  --van-button-small-padding: 0 var(--van-padding-xs);
  --van-button-small-font-size: var(--van-font-size-sm);
  --van-button-normal-padding: 0 15px;
  --van-button-normal-font-size: var(--van-font-size-md);
  --van-button-large-height: 50px;
  --van-button-default-height: 44px;
  --van-button-default-line-height: 1.2;
  --van-button-default-font-size: var(--van-font-size-lg);
  --van-button-default-color: var(--van-text-color);
  --van-button-default-background: var(--van-background-2);
  --van-button-default-border-color: var(--van-gray-4);
  --van-button-primary-color: var(--van-white);
  --van-button-primary-background: var(--van-primary-color);
  --van-button-primary-border-color: var(--van-primary-color);
  --van-button-success-color: var(--van-white);
  --van-button-success-background: var(--van-success-color);
  --van-button-success-border-color: var(--van-success-color);
  --van-button-danger-color: var(--van-white);
  --van-button-danger-background: var(--van-danger-color);
  --van-button-danger-border-color: var(--van-danger-color);
  --van-button-warning-color: var(--van-white);
  --van-button-warning-background: var(--van-warning-color);
  --van-button-warning-border-color: var(--van-warning-color);
  --van-button-border-width: var(--van-border-width);
  --van-button-radius: var(--van-radius-md);
  --van-button-round-radius: var(--van-radius-max);
  --van-button-plain-background: var(--van-white);
  --van-button-disabled-opacity: var(--van-disabled-opacity);
  --van-button-icon-size: 1.2em;
  --van-button-loading-icon-size: 20px;
}

.van-theme-dark {
  --van-button-plain-background: transparent;
}

.van-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: var(--van-button-default-height);
  margin: 0;
  padding: 0;
  font-size: var(--van-button-default-font-size);
  line-height: var(--van-button-default-line-height);
  text-align: center;
  border-radius: var(--van-button-radius);
  cursor: pointer;
  transition: opacity var(--van-duration-fast);
  -webkit-appearance: none;
  -webkit-font-smoothing: auto;
}

.van-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: var(--van-black);
  border: inherit;
  border-color: var(--van-black);
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
  box-sizing: content-box;
}

.van-button:active:before {
  opacity: 0.1;
}

.van-button--loading:before,
.van-button--disabled:before {
  display: none;
}

.van-button--default {
  color: var(--van-button-default-color);
  background: var(--van-button-default-background);
  border: var(--van-button-border-width) solid var(--van-button-default-border-color);
}

.van-button--primary {
  color: var(--van-button-primary-color);
  background: var(--van-button-primary-background);
  border: var(--van-button-border-width) solid var(--van-button-primary-border-color);
}

.van-button--success {
  color: var(--van-button-success-color);
  background: var(--van-button-success-background);
  border: var(--van-button-border-width) solid var(--van-button-success-border-color);
}

.van-button--danger {
  color: var(--van-button-danger-color);
  background: var(--van-button-danger-background);
  border: var(--van-button-border-width) solid var(--van-button-danger-border-color);
}

.van-button--warning {
  color: var(--van-button-warning-color);
  background: var(--van-button-warning-background);
  border: var(--van-button-border-width) solid var(--van-button-warning-border-color);
}

.van-button--plain {
  background: var(--van-button-plain-background);
}

.van-button--plain.van-button--primary {
  color: var(--van-button-primary-background);
}

.van-button--plain.van-button--success {
  color: var(--van-button-success-background);
}

.van-button--plain.van-button--danger {
  color: var(--van-button-danger-background);
}

.van-button--plain.van-button--warning {
  color: var(--van-button-warning-background);
}

.van-button--large {
  width: 100%;
  height: var(--van-button-large-height);
}

.van-button--normal {
  padding: var(--van-button-normal-padding);
  font-size: var(--van-button-normal-font-size);
}

.van-button--small {
  height: var(--van-button-small-height);
  padding: var(--van-button-small-padding);
  font-size: var(--van-button-small-font-size);
}

.van-button__loading {
  color: inherit;
  font-size: inherit;
}

.van-button__loading .van-loading__spinner {
  color: currentColor;
  width: var(--van-button-loading-icon-size);
  height: var(--van-button-loading-icon-size);
}

.van-button--mini {
  height: var(--van-button-mini-height);
  padding: var(--van-button-mini-padding);
  font-size: var(--van-button-mini-font-size);
}

.van-button--mini + .van-button--mini {
  margin-left: var(--van-padding-base);
}

.van-button--block {
  display: block;
  width: 100%;
}

.van-button--disabled {
  cursor: not-allowed;
  opacity: var(--van-button-disabled-opacity);
}

.van-button--loading {
  cursor: default;
}

.van-button--round {
  border-radius: var(--van-button-round-radius);
}

.van-button--square {
  border-radius: 0;
}

.van-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.van-button__content:before {
  content: " ";
}

.van-button__icon {
  font-size: var(--van-button-icon-size);
  line-height: inherit;
}

.van-button__icon + .van-button__text,
.van-button__loading + .van-button__text,
.van-button__text + .van-button__icon,
.van-button__text + .van-button__loading {
  margin-left: var(--van-padding-base);
}

.van-button--hairline {
  border-width: 0;
}

.van-button--hairline:after {
  border-color: inherit;
  border-radius: calc(var(--van-button-radius) * 2);
}

.van-button--hairline.van-button--round:after {
  border-radius: var(--van-button-round-radius);
}

.van-button--hairline.van-button--square:after {
  border-radius: 0;
}

:root,
:host {
  --van-action-bar-button-height: 40px;
  --van-action-bar-button-warning-color: var(--van-gradient-orange);
  --van-action-bar-button-danger-color: var(--van-gradient-red);
}

.van-action-bar-button {
  flex: 1;
  height: var(--van-action-bar-button-height);
  font-weight: var(--van-font-bold);
  font-size: var(--van-font-size-md);
  border: none;
  border-radius: 0;
}

.van-action-bar-button--first {
  margin-left: 5px;
  border-top-left-radius: var(--van-radius-max);
  border-bottom-left-radius: var(--van-radius-max);
}

.van-action-bar-button--last {
  margin-right: 5px;
  border-top-right-radius: var(--van-radius-max);
  border-bottom-right-radius: var(--van-radius-max);
}

.van-action-bar-button--warning {
  background: var(--van-action-bar-button-warning-color);
}

.van-action-bar-button--danger {
  background: var(--van-action-bar-button-danger-color);
}

@media (max-width: 321px) {
  .van-action-bar-button {
    font-size: 13px;
  }
}

:root,
:host {
  --van-dialog-width: 320px;
  --van-dialog-small-screen-width: 90%;
  --van-dialog-font-size: var(--van-font-size-lg);
  --van-dialog-transition: var(--van-duration-base);
  --van-dialog-radius: 16px;
  --van-dialog-background: var(--van-background-2);
  --van-dialog-header-font-weight: var(--van-font-bold);
  --van-dialog-header-line-height: 24px;
  --van-dialog-header-padding-top: 26px;
  --van-dialog-header-isolated-padding: var(--van-padding-lg) 0;
  --van-dialog-message-padding: var(--van-padding-lg);
  --van-dialog-message-font-size: var(--van-font-size-md);
  --van-dialog-message-line-height: var(--van-line-height-md);
  --van-dialog-message-max-height: 60vh;
  --van-dialog-has-title-message-text-color: var(--van-gray-7);
  --van-dialog-has-title-message-padding-top: var(--van-padding-xs);
  --van-dialog-button-height: 48px;
  --van-dialog-round-button-height: 36px;
  --van-dialog-confirm-button-text-color: var(--van-primary-color);
}

.van-dialog {
  top: 45%;
  width: var(--van-dialog-width);
  overflow: hidden;
  font-size: var(--van-dialog-font-size);
  background: var(--van-dialog-background);
  border-radius: var(--van-dialog-radius);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: var(--van-dialog-transition);
  transition-property: transform, opacity;
}

@media (max-width: 321px) {
  .van-dialog {
    width: var(--van-dialog-small-screen-width);
  }
}

.van-dialog__header {
  color: var(--van-text-color);
  padding-top: var(--van-dialog-header-padding-top);
  font-weight: var(--van-dialog-header-font-weight);
  line-height: var(--van-dialog-header-line-height);
  text-align: center;
}

.van-dialog__header--isolated {
  padding: var(--van-dialog-header-isolated-padding);
}

.van-dialog__content--isolated {
  display: flex;
  align-items: center;
  min-height: 104px;
}

.van-dialog__message {
  color: var(--van-text-color);
  flex: 1;
  max-height: var(--van-dialog-message-max-height);
  padding: 26px var(--van-dialog-message-padding);
  overflow-y: auto;
  font-size: var(--van-dialog-message-font-size);
  line-height: var(--van-dialog-message-line-height);
  white-space: pre-wrap;
  text-align: center;
  word-wrap: break-word;
  -webkit-overflow-scrolling: touch;
}

.van-dialog__message--has-title {
  padding-top: var(--van-dialog-has-title-message-padding-top);
  color: var(--van-dialog-has-title-message-text-color);
}

.van-dialog__message--left {
  text-align: left;
}

.van-dialog__message--right {
  text-align: right;
}

.van-dialog__message--justify {
  text-align: justify;
}

.van-dialog__footer {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}

.van-dialog__confirm,
.van-dialog__cancel {
  flex: 1;
  height: var(--van-dialog-button-height);
  margin: 0;
  border: 0;
  border-radius: 0;
}

.van-dialog__confirm,
.van-dialog__confirm:active {
  color: var(--van-dialog-confirm-button-text-color);
}

.van-dialog--round-button .van-dialog__footer {
  position: relative;
  height: auto;
  padding: var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md);
}

.van-dialog--round-button .van-dialog__message {
  padding-bottom: var(--van-padding-md);
  color: var(--van-text-color);
}

.van-dialog--round-button .van-dialog__confirm,
.van-dialog--round-button .van-dialog__cancel {
  height: var(--van-dialog-round-button-height);
}

.van-dialog--round-button .van-dialog__confirm {
  color: var(--van-white);
}

.van-dialog--round-button .van-action-bar-button--first {
  border-top-left-radius: var(--van-radius-max);
  border-bottom-left-radius: var(--van-radius-max);
}

.van-dialog--round-button .van-action-bar-button--last {
  border-top-right-radius: var(--van-radius-max);
  border-bottom-right-radius: var(--van-radius-max);
}

.van-dialog-bounce-enter-from {
  transform: translate3d(0, -50%, 0) scale(0.7);
  opacity: 0;
}

.van-dialog-bounce-leave-active {
  transform: translate3d(0, -50%, 0) scale(0.9);
  opacity: 0;
}

.floating {
  border-radius: 0;
  padding: 10px 10px 10px 5px;
  width: 90px;
  height: 90px;
  background-color: transparent;
}

.floating img {
  border-radius: 10px;
}

.van-icon-cross {
  font-size: 15px;
  padding: 1px;
  color: #eee;
  background-color: #0000004d;
  border-radius: 999px;
  position: absolute;
  top: 1px;
  right: 1px;
}

.loading[data-v-86e0ec95] {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.van-config-provider[data-v-86e0ec95] {
  padding-bottom: 120px;
}

.floats[data-v-86e0ec95] {
  z-index: 199;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000c;
  --van-swipe-indicator-inactive-background: #fff;
}

.floats .van-swipe-item[data-v-86e0ec95] {
  color: #fff;
}

.floats .float[data-v-86e0ec95] {
  display: flex;
  gap: 10px;
  padding: 10px 10px 0;
}

.floats .float-left[data-v-86e0ec95] {
  width: 50px;
  height: 50px;
}

.floats .float-left[data-v-86e0ec95] img {
  border-radius: 10px;
}

.floats .float-right[data-v-86e0ec95] {
  width: 100px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.float-title[data-v-86e0ec95] {
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
}

.float-content[data-v-86e0ec95] {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #ccc;
  height: 3.5rem;
}

.float-goto[data-v-86e0ec95] {
  display: flex;
  justify-content: center;
  align-items: start;
  padding-left: 5px;
  padding-top: 5px;
}

.float-goto span[data-v-86e0ec95] {
  color: #fff;
  display: block;
  white-space: nowrap;
  font-weight: 700;
  border-radius: 1rem;
  padding: 8px 16px;
  background-color: #fe9900;
}

.van-popup[data-v-86e0ec95] {
  height: 100%;
  width: 100%;
  --van-popup-close-icon-color: #fff;
  --van-popup-close-icon-size: 30px;
}

.countdown[data-v-86e0ec95] {
  background-color: #22222280;
  position: absolute;
  right: 16px;
  top: 16px;
  padding: 4px 12px;
  border-radius: 8px;
  font-size: 20px;
  color: #fff;
  border: 1px solid #fff;
}

.van-popup a[data-v-86e0ec95] {
  display: block;
  width: 100%;
  height: 100%;
}

.van-popup[data-v-86e0ec95] .van-icon-close {
  color: #fff;
  background-color: #0008;
  font-size: 30px;
  padding: 5px;
  border-radius: 10px;
}

:root,
:host {
  --van-slider-active-background: var(--van-primary-color);
  --van-slider-inactive-background: var(--van-gray-3);
  --van-slider-disabled-opacity: var(--van-disabled-opacity);
  --van-slider-bar-height: 2px;
  --van-slider-button-width: 24px;
  --van-slider-button-height: 24px;
  --van-slider-button-radius: 50%;
  --van-slider-button-background: var(--van-white);
  --van-slider-button-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.van-theme-dark {
  --van-slider-inactive-background: var(--van-background-3);
}

.van-slider {
  position: relative;
  width: 100%;
  height: var(--van-slider-bar-height);
  background: var(--van-slider-inactive-background);
  border-radius: var(--van-radius-max);
  cursor: pointer;
}

.van-slider:before {
  position: absolute;
  top: calc(var(--van-padding-xs) * -1);
  right: 0;
  bottom: calc(var(--van-padding-xs) * -1);
  left: 0;
  content: "";
}

.van-slider__bar {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--van-slider-active-background);
  border-radius: inherit;
  transition: all var(--van-duration-fast);
}

.van-slider__button {
  width: var(--van-slider-button-width);
  height: var(--van-slider-button-height);
  background: var(--van-slider-button-background);
  border-radius: var(--van-slider-button-radius);
  box-shadow: var(--van-slider-button-shadow);
}

.van-slider__button-wrapper {
  position: absolute;
  cursor: -webkit-grab;
  cursor: grab;
  top: 50%;
}

.van-slider__button-wrapper--right {
  right: 0;
  transform: translate3d(50%, -50%, 0);
}

.van-slider__button-wrapper--left {
  left: 0;
  transform: translate3d(-50%, -50%, 0);
}

.van-slider--disabled {
  cursor: not-allowed;
  opacity: var(--van-slider-disabled-opacity);
}

.van-slider--disabled .van-slider__button-wrapper {
  cursor: not-allowed;
}

.van-slider--vertical {
  display: inline-block;
  width: var(--van-slider-bar-height);
  height: 100%;
}

.van-slider--vertical .van-slider__button-wrapper--right {
  top: auto;
  right: 50%;
  bottom: 0;
  transform: translate3d(50%, 50%, 0);
}

.van-slider--vertical .van-slider__button-wrapper--left {
  top: 0;
  right: 50%;
  left: auto;
  transform: translate3d(50%, -50%, 0);
}

.van-slider--vertical:before {
  top: 0;
  right: calc(var(--van-padding-xs) * -1);
  bottom: 0;
  left: calc(var(--van-padding-xs) * -1);
}

:root,
:host {
  --van-nav-bar-height: 46px;
  --van-nav-bar-background: var(--van-background-2);
  --van-nav-bar-arrow-size: 16px;
  --van-nav-bar-icon-color: var(--van-primary-color);
  --van-nav-bar-text-color: var(--van-primary-color);
  --van-nav-bar-title-font-size: var(--van-font-size-lg);
  --van-nav-bar-title-text-color: var(--van-text-color);
  --van-nav-bar-z-index: 1;
  --van-nav-bar-disabled-opacity: var(--van-disabled-opacity);
}

.van-nav-bar {
  position: relative;
  z-index: var(--van-nav-bar-z-index);
  line-height: var(--van-line-height-lg);
  text-align: center;
  background: var(--van-nav-bar-background);
  -webkit-user-select: none;
  user-select: none;
}

.van-nav-bar--fixed {
  position: fixed;
  top: 0;
  left: auto;
  right: auto;
  width: 100%;
  max-width: 500px;
}

.van-nav-bar--safe-area-inset-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

/*.van-nav-bar .van-icon {
    color: var(--van-nav-bar-icon-color)
}*/

.van-nav-bar__content {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--van-nav-bar-height);
}

.van-nav-bar__arrow {
  margin-right: var(--van-padding-base);
  font-size: var(--van-nav-bar-arrow-size);
}

.van-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: var(--van-nav-bar-title-text-color);
  font-weight: var(--van-font-bold);
  font-size: var(--van-nav-bar-title-font-size);
}

.van-nav-bar__left,
.van-nav-bar__right {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 var(--van-padding-md);
  font-size: var(--van-font-size-md);
}

.van-nav-bar__left--disabled,
.van-nav-bar__right--disabled {
  cursor: not-allowed;
  opacity: var(--van-nav-bar-disabled-opacity);
}

.van-nav-bar__left {
  left: 0;
}

.van-nav-bar__right {
  right: 0;
}

/*.van-nav-bar__text {
    color: var(--van-nav-bar-text-color)
}*/

@font-face {
  font-family: swiper-icons;
  src: url(../fonts/a2a1831679d84fa0aabd43f6aea639da.woff);
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

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

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

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

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

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

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

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateZ(0);
  z-index: 10;
}

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

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

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

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

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}

.vjs-svg-icon:before {
  content: none !important;
}

.vjs-control:focus .vjs-svg-icon,
.vjs-svg-icon:hover {
  filter: drop-shadow(0 0 0.25em #fff);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(../fonts/d05e33a2769f4b808e923bfd94c87706.woff)
    format("woff");
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "";
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "";
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "";
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "";
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "";
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "";
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "";
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "";
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "";
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "";
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-downloading:before {
  content: "";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-file-download:before {
  content: "";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-file-download-done:before {
  content: "";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-file-download-off:before {
  content: "";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "";
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "";
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-repeat:before {
  content: "";
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "";
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,
.vjs-icon-replay-5 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,
.vjs-icon-replay-5:before {
  content: "";
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,
.vjs-icon-replay-10 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,
.vjs-icon-replay-10:before {
  content: "";
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,
.vjs-icon-replay-30 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,
.vjs-icon-replay-30:before {
  content: "";
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,
.vjs-icon-forward-5 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,
.vjs-icon-forward-5:before {
  content: "";
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,
.vjs-icon-forward-10 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,
.vjs-icon-forward-10:before {
  content: "";
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,
.vjs-icon-forward-30 {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,
.vjs-icon-forward-30:before {
  content: "";
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-shuffle:before {
  content: "";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-cast:before {
  content: "";
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content: "";
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content: "";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "";
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: 0;
}

.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0;
}

.video-js.vjs-1-1,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: #000000b3;
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: #2b333fb3;
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: #73859f80;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid #fff;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: #000c;
  background: linear-gradient(180deg, #000c, #fff0);
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: #73859f80;
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}

.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000;
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
  background: 0 0;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em;
  font-weight: 700;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: #2b333fb3;
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: #2b333fb3;
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: #2b333fb3;
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}

.video-js :not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: #73859f80;
}

.video-js .vjs-load-progress div {
  background: #73859fbf;
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: #fffc;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: #000c;
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: #73859f80;
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translate(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: #2b333fb3;
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: #fffc;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: #000c;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@keyframes vjs-spinner-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }

  20% {
    border-top-color: #73859f;
  }

  35% {
    border-top-color: #fff;
  }

  60% {
    border-top-color: #73859f;
  }

  to {
    border-top-color: #73859f;
  }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: #2b333fbf;
  color: #fff;
  height: 70%;
}

.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}

.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: 700;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f);
}

.vjs-track-settings-controls button:hover {
  color: #2b333fbf;
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: #000000e6;
  background: linear-gradient(180deg, #000000e6 0, #000000b3 60%, #0000);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-description,
.vjs-title-bar-title {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: 700;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5,
.video-js .vjs-skip-forward-10,
.video-js .vjs-skip-forward-30,
.video-js .vjs-skip-backward-5,
.video-js .vjs-skip-backward-10,
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}

.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #32323280;
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: #323232e6;
}

@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
  outline: 0;
}

.video-js :focus:not(:focus-visible) {
  outline: 0;
}

.van-config-provider {
  padding-bottom: 0 !important;
}

:root,
:host {
  --van-notice-bar-height: 40px;
  --van-notice-bar-padding: 0 var(--van-padding-md);
  --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
  --van-notice-bar-text-color: var(--van-orange-dark);
  --van-notice-bar-font-size: var(--van-font-size-md);
  --van-notice-bar-line-height: 24px;
  --van-notice-bar-background: var(--van-orange-light);
  --van-notice-bar-icon-size: 16px;
  --van-notice-bar-icon-min-width: 24px;
}

.van-notice-bar {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--van-notice-bar-height);
  padding: var(--van-notice-bar-padding);
  color: var(--van-notice-bar-text-color);
  font-size: var(--van-notice-bar-font-size);
  line-height: var(--van-notice-bar-line-height);
  background: var(--van-notice-bar-background);
}

.van-notice-bar__left-icon,
.van-notice-bar__right-icon {
  min-width: var(--van-notice-bar-icon-min-width);
  font-size: var(--van-notice-bar-icon-size);
}

.van-notice-bar__right-icon {
  text-align: right;
  cursor: pointer;
}

.van-notice-bar__wrap {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

.van-notice-bar__content {
  position: absolute;
  white-space: nowrap;
  transition-timing-function: linear;
}

.van-notice-bar__content.van-ellipsis {
  max-width: 100%;
}

.van-notice-bar--wrapable {
  height: auto;
  padding: var(--van-notice-bar-wrapable-padding);
}

.van-notice-bar--wrapable .van-notice-bar__wrap {
  height: auto;
}

.van-notice-bar--wrapable .van-notice-bar__content {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
}

:root,
:host {
  --van-tab-text-color: var(--van-gray-7);
  --van-tab-active-text-color: var(--van-text-color);
  --van-tab-disabled-text-color: var(--van-text-color-3);
  --van-tab-font-size: var(--van-font-size-md);
  --van-tab-line-height: var(--van-line-height-md);
  --van-tabs-default-color: var(--van-primary-color);
  --van-tabs-line-height: 44px;
  --van-tabs-card-height: 30px;
  --van-tabs-nav-background: var(--van-background-2);
  --van-tabs-bottom-bar-width: 40px;
  --van-tabs-bottom-bar-height: 3px;
  --van-tabs-bottom-bar-color: var(--van-primary-color);
}

.van-tab {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 var(--van-padding-base);
  color: var(--van-tab-text-color);
  font-size: var(--van-tab-font-size);
  line-height: var(--van-tab-line-height);
  cursor: pointer;
}

.van-tab--active {
  color: var(--van-tab-active-text-color);
  font-weight: var(--van-font-bold);
}

.van-tab--disabled {
  color: var(--van-tab-disabled-text-color);
  cursor: not-allowed;
}

.van-tab--grow {
  flex: 1 0 auto;
  padding: 0 var(--van-padding-sm);
}

.van-tab--shrink {
  flex: none;
  padding: 0 var(--van-padding-xs);
}

.van-tab--card {
  color: var(--van-tabs-default-color);
  border-right: var(--van-border-width) solid var(--van-tabs-default-color);
}

.van-tab--card:last-child {
  border-right: none;
}

.van-tab--card.van-tab--active {
  color: var(--van-white);
  background-color: var(--van-tabs-default-color);
}

.van-tab--card.van-tab--disabled {
  color: var(--van-tab-disabled-text-color);
}

.van-tab__text--ellipsis {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.van-tabs {
  position: relative;
}

.van-tabs__wrap {
  overflow: hidden;
}

.van-tabs__wrap--page-top {
  position: fixed;
}

.van-tabs__wrap--content-bottom {
  top: auto;
  bottom: 0;
}

.van-tabs__nav {
  position: relative;
  display: flex;
  background: var(--van-tabs-nav-background);
  -webkit-user-select: none;
  user-select: none;
}

.van-tabs__nav--complete {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.van-tabs__nav--complete::-webkit-scrollbar {
  display: none;
}

.van-tabs__nav--line {
  box-sizing: content-box;
  height: 100%;
  padding-bottom: 15px;
}

.van-tabs__nav--line.van-tabs__nav--shrink,
.van-tabs__nav--line.van-tabs__nav--complete {
  padding-right: var(--van-padding-xs);
  padding-left: var(--van-padding-xs);
}

.van-tabs__nav--card {
  box-sizing: border-box;
  height: var(--van-tabs-card-height);
  margin: 0 var(--van-padding-md);
  border: var(--van-border-width) solid var(--van-tabs-default-color);
  border-radius: var(--van-radius-sm);
}

.van-tabs__nav--card.van-tabs__nav--shrink {
  display: inline-flex;
}

.van-tabs__line {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 1;
  width: var(--van-tabs-bottom-bar-width);
  height: var(--van-tabs-bottom-bar-height);
  background: var(--van-tabs-bottom-bar-color);
  border-radius: var(--van-tabs-bottom-bar-height);
}

.van-tabs__track {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  will-change: left;
}

.van-tabs__content--animated {
  overflow: hidden;
}

.van-tabs--line .van-tabs__wrap {
  height: var(--van-tabs-line-height);
}

.van-tabs--card > .van-tabs__wrap {
  height: var(--van-tabs-card-height);
}

:root,
:host {
  --van-cell-font-size: var(--van-font-size-md);
  --van-cell-line-height: 24px;
  --van-cell-vertical-padding: 10px;
  --van-cell-horizontal-padding: var(--van-padding-md);
  --van-cell-text-color: var(--van-text-color);
  --van-cell-background: var(--van-background-2);
  --van-cell-border-color: var(--van-border-color);
  --van-cell-active-color: var(--van-active-color);
  --van-cell-required-color: var(--van-danger-color);
  --van-cell-label-color: var(--van-text-color-2);
  --van-cell-label-font-size: var(--van-font-size-sm);
  --van-cell-label-line-height: var(--van-line-height-sm);
  --van-cell-label-margin-top: var(--van-padding-base);
  --van-cell-value-color: var(--van-text-color-2);
  --van-cell-value-font-size: inherit;
  --van-cell-icon-size: 16px;
  --van-cell-right-icon-color: var(--van-gray-6);
  --van-cell-large-vertical-padding: var(--van-padding-sm);
  --van-cell-large-title-font-size: var(--van-font-size-lg);
  --van-cell-large-label-font-size: var(--van-font-size-md);
  --van-cell-large-value-font-size: inherit;
}

.van-cell {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);
  overflow: hidden;
  color: var(--van-cell-text-color);
  font-size: var(--van-cell-font-size);
  line-height: var(--van-cell-line-height);
  background: var(--van-cell-background);
}

.van-cell:after {
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  right: var(--van-padding-md);
  bottom: 0;
  left: var(--van-padding-md);
  border-bottom: 1px solid var(--van-cell-border-color);
  transform: scaleY(0.5);
}

.van-cell:last-child:after,
.van-cell--borderless:after {
  display: none;
}

.van-cell__label {
  margin-top: var(--van-cell-label-margin-top);
  color: var(--van-cell-label-color);
  font-size: var(--van-cell-label-font-size);
  line-height: var(--van-cell-label-line-height);
}

.van-cell__title,
.van-cell__value {
  flex: 1;
}

.van-cell__value {
  position: relative;
  overflow: hidden;
  color: var(--van-cell-value-color);
  font-size: var(--van-cell-value-font-size);
  text-align: right;
  vertical-align: middle;
  word-wrap: break-word;
}

.van-cell__left-icon,
.van-cell__right-icon {
  height: var(--van-cell-line-height);
  font-size: var(--van-cell-icon-size);
  line-height: var(--van-cell-line-height);
}

.van-cell__left-icon {
  margin-right: var(--van-padding-base);
}

.van-cell__right-icon {
  margin-left: var(--van-padding-base);
  color: var(--van-cell-right-icon-color);
}

.van-cell--clickable {
  cursor: pointer;
}

.van-cell--clickable:active {
  background-color: var(--van-cell-active-color);
}

.van-cell--required {
  overflow: visible;
}

.van-cell--required:before {
  position: absolute;
  left: var(--van-padding-xs);
  color: var(--van-cell-required-color);
  font-size: var(--van-cell-font-size);
  content: "*";
}

.van-cell--center {
  align-items: center;
}

.van-cell--large {
  padding-top: var(--van-cell-large-vertical-padding);
  padding-bottom: var(--van-cell-large-vertical-padding);
}

.van-cell--large .van-cell__title {
  font-size: var(--van-cell-large-title-font-size);
}

.van-cell--large .van-cell__label {
  font-size: var(--van-cell-large-label-font-size);
}

.van-cell--large .van-cell__value {
  font-size: var(--van-cell-large-value-font-size);
}

:root,
:host {
  --van-field-label-width: 6.2em;
  --van-field-label-color: var(--van-text-color);
  --van-field-label-margin-right: var(--van-padding-sm);
  --van-field-input-text-color: var(--van-text-color);
  --van-field-input-error-text-color: var(--van-danger-color);
  --van-field-input-disabled-text-color: var(--van-text-color-3);
  --van-field-placeholder-text-color: var(--van-text-color-3);
  --van-field-icon-size: 18px;
  --van-field-clear-icon-size: 18px;
  --van-field-clear-icon-color: var(--van-gray-5);
  --van-field-right-icon-color: var(--van-gray-6);
  --van-field-error-message-color: var(--van-danger-color);
  --van-field-error-message-font-size: 12px;
  --van-field-text-area-min-height: 60px;
  --van-field-word-limit-color: var(--van-gray-7);
  --van-field-word-limit-font-size: var(--van-font-size-sm);
  --van-field-word-limit-line-height: 16px;
  --van-field-disabled-text-color: var(--van-text-color-3);
  --van-field-required-mark-color: var(--van-red);
}

.van-field {
  flex-wrap: wrap;
}

.van-field__label {
  flex: none;
  box-sizing: border-box;
  width: var(--van-field-label-width);
  margin-right: var(--van-field-label-margin-right);
  color: var(--van-field-label-color);
  text-align: left;
  word-wrap: break-word;
}

.van-field__label--center {
  text-align: center;
}

.van-field__label--right {
  text-align: right;
}

.van-field__label--top {
  display: flex;
  width: 100%;
  text-align: left;
  margin-bottom: var(--van-padding-base);
  overflow-wrap: break-word;
}

.van-field__label--required:before {
  margin-right: 2px;
  color: var(--van-field-required-mark-color);
  content: "*";
}

.van-field--disabled .van-field__label {
  color: var(--van-field-disabled-text-color);
}

.van-field__value {
  overflow: visible;
}

.van-field__body {
  display: flex;
  align-items: center;
}

.van-field__control {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--van-field-input-text-color);
  line-height: inherit;
  text-align: left;
  background-color: transparent;
  border: 0;
  resize: none;
  -webkit-user-select: auto;
  user-select: auto;
}

.van-field__control::-webkit-input-placeholder {
  color: var(--van-field-placeholder-text-color);
}

.van-field__control::placeholder {
  color: var(--van-field-placeholder-text-color);
}

.van-field__control:read-only {
  cursor: default;
}

.van-field__control:disabled {
  color: var(--van-field-input-disabled-text-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--van-field-input-disabled-text-color);
}

.van-field__control--center {
  justify-content: center;
  text-align: center;
}

.van-field__control--right {
  justify-content: flex-end;
  text-align: right;
}

.van-field__control--custom {
  display: flex;
  align-items: center;
  min-height: var(--van-cell-line-height);
}

.van-field__control--error::-webkit-input-placeholder {
  color: var(--van-field-input-error-text-color);
  -webkit-text-fill-color: currentColor;
}

.van-field__control--error,
.van-field__control--error::placeholder {
  color: var(--van-field-input-error-text-color);
  -webkit-text-fill-color: currentColor;
}

.van-field__control--min-height {
  min-height: var(--van-field-text-area-min-height);
}

.van-field__control[type="date"],
.van-field__control[type="time"],
.van-field__control[type="datetime-local"] {
  min-height: var(--van-cell-line-height);
}

.van-field__control[type="search"] {
  -webkit-appearance: none;
}

.van-field__clear,
.van-field__icon,
.van-field__button,
.van-field__right-icon {
  flex-shrink: 0;
}

.van-field__clear,
.van-field__right-icon {
  margin-right: calc(var(--van-padding-xs) * -1);
  padding: 0 var(--van-padding-xs);
  line-height: inherit;
}

.van-field__clear {
  color: var(--van-field-clear-icon-color);
  font-size: var(--van-field-clear-icon-size);
  cursor: pointer;
}

.van-field__left-icon .van-icon,
.van-field__right-icon .van-icon {
  display: block;
  font-size: var(--van-field-icon-size);
  line-height: inherit;
}

.van-field__left-icon {
  margin-right: var(--van-padding-base);
}

.van-field__right-icon {
  color: var(--van-field-right-icon-color);
}

.van-field__button {
  padding-left: var(--van-padding-xs);
}

.van-field__error-message {
  color: var(--van-field-error-message-color);
  font-size: var(--van-field-error-message-font-size);
  text-align: left;
}

.van-field__error-message--center {
  text-align: center;
}

.van-field__error-message--right {
  text-align: right;
}

.van-field__word-limit {
  margin-top: var(--van-padding-base);
  color: var(--van-field-word-limit-color);
  font-size: var(--van-field-word-limit-font-size);
  line-height: var(--van-field-word-limit-line-height);
  text-align: right;
}

:root,
:host {
  --van-search-padding: 10px var(--van-padding-sm);
  --van-search-background: var(--van-background-2);
  --van-search-content-background: var(--van-background);
  --van-search-input-height: 34px;
  --van-search-label-padding: 0 5px;
  --van-search-label-color: var(--van-text-color);
  --van-search-label-font-size: var(--van-font-size-md);
  --van-search-left-icon-color: var(--van-gray-6);
  --van-search-action-padding: 0 var(--van-padding-xs);
  --van-search-action-text-color: var(--van-text-color);
  --van-search-action-font-size: var(--van-font-size-md);
}

.van-search {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--van-search-padding);
  background: var(--van-search-background);
}

.van-search__content {
  display: flex;
  flex: 1;
  padding-left: var(--van-padding-sm);
  background: var(--van-search-content-background);
  border-radius: var(--van-radius-sm);
}

.van-search__content--round {
  border-radius: var(--van-radius-max);
}

.van-search__label {
  padding: var(--van-search-label-padding);
  color: var(--van-search-label-color);
  font-size: var(--van-search-label-font-size);
  line-height: var(--van-search-input-height);
}

.van-search__field {
  flex: 1;
  align-items: center;
  padding: 0 var(--van-padding-xs) 0 0;
  height: var(--van-search-input-height);
  background-color: transparent;
}

.van-search__field .van-field__left-icon {
  color: var(--van-search-left-icon-color);
}

.van-search__field--with-message {
  height: auto;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
}

.van-search--show-action {
  padding-right: 0;
}

.van-search input::-webkit-search-decoration,
.van-search input::-webkit-search-cancel-button,
.van-search input::-webkit-search-results-button,
.van-search input::-webkit-search-results-decoration {
  display: none;
}

.van-search__action {
  padding: var(--van-search-action-padding);
  color: var(--van-search-action-text-color);
  font-size: var(--van-search-action-font-size);
  line-height: var(--van-search-input-height);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.van-search__action:active {
  background-color: var(--van-active-color);
}

:root,
:host {
  --van-empty-padding: var(--van-padding-xl) 0;
  --van-empty-image-size: 160px;
  --van-empty-description-margin-top: var(--van-padding-md);
  --van-empty-description-padding: 0 60px;
  --van-empty-description-color: var(--van-text-color-2);
  --van-empty-description-font-size: var(--van-font-size-md);
  --van-empty-description-line-height: var(--van-line-height-md);
  --van-empty-bottom-margin-top: 24px;
}

.van-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--van-empty-padding);
}

.van-empty__image {
  width: var(--van-empty-image-size);
  height: var(--van-empty-image-size);
}

.van-empty__image img {
  width: 100%;
  height: 100%;
}

.van-empty__description {
  margin-top: var(--van-empty-description-margin-top);
  padding: var(--van-empty-description-padding);
  color: var(--van-empty-description-color);
  font-size: var(--van-empty-description-font-size);
  line-height: var(--van-empty-description-line-height);
}

.van-empty__bottom {
  margin-top: var(--van-empty-bottom-margin-top);
}

.van-theme-dark .van-empty {
  opacity: 0.5;
}

/*-分类翻页Pages-*/
.mac_pages1 {text-align:center; padding:8px 0 0 0; overflow:hidden;}
.mac_pages1 .page_tip1 {color:#7f7f7f;font-weight:normal;margin-bottom:8px;}
.mac_pages1 .page_link1{display:inline-block; padding:5px 8px; border:1px solid #ddd;font:normal 13px/18px Verdana;margin-bottom:2px;}
.mac_pages1 .page_current1{display:inline-block; padding:5px 8px; background-color:#72767b; border:1px solid #565758; color:#fff;}
.mac_pages1 .page_input1 {height:25px; width:30px;border:1px solid #ddd;}
.mac_pages1 .page_btn1{border:1px solid #CCCCCC; height:24px; width:40px;text-align:center; cursor: hand;}
.mac_pages1 .page_info1 a:hover{background-color:#4c8fe8; border:1px solid #4c8fe8; color:#fff;}
/*-/Page-*/