@font-face {
  font-family: OPPOSans2;
  font-weight: 400;
  src: url(../font/OPPOSans-Regular.a839069.eot) format("embedded-opentype"), url(../font/OPPOSans-Regular.0cec83b.woff) format("woff"), url(../font/OPPOSans-Regular.fe88b01.woff2) format("woff2"), url(../font/OPPOSans-Regular.34b2471.ttf) format("truetype")
}

@font-face {
  font-family: OPPOSans2;
  font-weight: 500;
  src: url(../font/OPPOSans-Medium.d5bd53c.eot) format("embedded-opentype"), url(../font/OPPOSans-Medium.a8b67f2.woff) format("woff"), url(../font/OPPOSans-Medium.c8c145e.woff2) format("woff2"), url(../font/OPPOSans-Medium.347b641.ttf) format("truetype")
}

@media(max-width:960px) {
  .container {
    min-width: 1000px
  }
}

@media(min-width:960px) {
  .container {
    /* min-width:1000px */
  }
}

html {
  min-width: 1000px;
  overflow-x: auto
}

@media(max-width:960px) {
  html {
    min-width: 0
  }
}

::-webkit-scrollbar {
  width: 6px;
  height: 12px;
  background-color: #fff
}

::-webkit-scrollbar-thumb {
  background: #d2d2d2;
  border-radius: 20px
}

.public-tooltip {
  background-color: #fff;
  color: #333
}

.five-warp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-right: -18px;
  margin-bottom: -18px
}

.five-warp .five-item {
  width: calc(20% - 18px);
  flex: 0 0 calc(20% - 18px);
  margin-right: 18px;
  margin-bottom: 18px
}

.v-application {
  --oppo-red: #f34141
}

.v-application br {
  opacity: 0
}

.v-application * {
  word-break: break-all
}

.v-application .v-badge__badge {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0
}

.series-list-title {
  text-align: center;
}

.v-application .v-pagination__item {
  outline: none !important
}

.v-application.font-weight-black {
  font-weight: 500
}

.v-application p {
  margin-bottom: 0
}

.v-application * {
  text-transform: none !important
}

.v-application a {
  color: inherit;
  text-decoration: none
}

.v-application .v-btn:before {
  background-color: transparent
}

.v-application .v-tab {
  font-weight: 400
}

.v-application .v-tab:before {
  background-color: transparent
}

.v-application .v-tabs-slider {
  width: 74%;
  margin: 0 13%
}

.v-application .theme--light.v-tabs-items {
  background-color: transparent
}

.v-application .v-window {
  overflow: unset
}

.v-application .v-toolbar {
  transition: transform .5s cubic-bezier(.4, 0, .2, 1) .2s, background-color .2s cubic-bezier(.4, 0, .2, 1), left .2s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1), max-width .25s cubic-bezier(.4, 0, .2, 1), width .25s cubic-bezier(.4, 0, .2, 1)
}

.v-application .theme--dark.v-system-bar .v-icon {
  color: unset
}

.v-application .text-truncate--2 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal
}

.v-application .text-20px {
  font-size: 20px
}

.v-application .text-h6-sm {
  font-size: 18px
}

.v-application .text-13px {
  font-size: 13px
}

.v-application .cursor-pointer {
  cursor: pointer
}

.v-application .opcatiy-05 {
  opacity: .5
}

.v-application .w-100 {
  width: 100%
}

.v-application .__nuxt-error-page {
  z-index: 10
}

.v-application .swiper-pagination .swiper-pagination-bullet {
  width: unset;
  height: unset;
  background: transparent;
  margin: 0 8px;
  opacity: .6;
  transition: opacity .2s
}

.v-application .swiper-pagination .out-circle,
.v-application .swiper-pagination .out-round {
  display: none
}

.v-application .swiper-pagination .inner-dot:hover {
  opacity: .4
}

.v-application .swiper-pagination .swiper-pagination-bullet-active {
  opacity: unset
}

.v-application .swiper-pagination .swiper-pagination-bullet-active .inner-dot {
  display: none
}

.v-application .swiper-pagination .swiper-pagination-bullet-active .out-circle {
  display: unset
}

.v-application .swiper-pagination .swiper-pagination-bullet-active .out-round {
  display: inline-block !important;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  -webkit-animation: dash 200s linear;
  animation: dash 200s linear;
  -webkit-animation-iteration-count: unset;
  animation-iteration-count: unset
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000
  }

  to {
    stroke-dashoffset: 0
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000
  }

  to {
    stroke-dashoffset: 0
  }
}

.app-toast {
  opacity: .8;
  border-radius: 24px !important;
  padding: 12px 40px !important;
  line-height: 24px
}

.app-card-hover {
  transition: all .2s ease-out
}

.app-card-hover:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
  transform: translateY(-2px)
}

.label_1 {
  color: #f34141;
  background-image: linear-gradient(270deg, #ffc3cc, #ffe2d7)
}

.label_2 {
  color: #6d5a49;
  background-image: linear-gradient(270deg, #fedea4, #ffefd1)
}

.label_3 {
  color: #f34141;
  background-image: linear-gradient(270deg, #ffc3cc, #ffe2d7)
}

.label_4 {
  color: #007aff;
  background-color: rgba(185, 226, 255, .8)
}

.label_5 {
  color: #16bea5;
  background-image: linear-gradient(270deg, #d0fff3, #e4fff8)
}

.label_51 {
  color: #fff;
  background-image: linear-gradient(270deg, #009f96, #00b6a0)
}

.label_52 {
  color: #fff;
  background-image: linear-gradient(270deg, #5b739f, #6d85b1)
}

.label_53 {
  color: #fff;
  background-image: linear-gradient(270deg, #cca15e, #e4b56e)
}

.label_54 {
  background-image: linear-gradient(270deg, #1f2128, #383d48)
}

.label_54,
.label_54 .v-icon:before {
  color: #fff
}

.dis-inline-block {
  display: inline-block
}

.is-safari-env #app,
.is-safari-env .text-body-2,
.is-safari-env .text-h5,
.is-safari-env .text-h6,
.is-safari-env .v-application {
  font-family: PingFang SC, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important
}

.pre-sale-goods {
  color: #fd8326;
  font-size: 14px;
  line-height: 12px
}

.pl10 {
  padding-left: 10px
}

.flexbox {
  display: flex;
  align-items: center
}

.flexbox.v {
  flex-direction: column
}

.flexbox.v.stretch {
  align-items: stretch
}

.flexbox.wrap {
  flex-wrap: wrap
}

.flex-fill {
  flex: 1;
  overflow: auto
}

.self-width {
  flex-shrink: 0
}

.ml-auto {
  margin-left: auto
}

.text-del {
  text-decoration: line-through
}

.secondary-text {
  color: rgba(0, 0, 0, .5)
}

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

.app-header a[data-v-90375f42] {
  height: 14px;
  line-height: 14px;
  padding: 0 14px;
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.theme--light.v-system-bar .v-icon[data-v-90375f42] {
  color: inherit
}

.feedback-menu[data-v-90375f42] {
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .08);
  border-radius: 6px
}

.app-header {
  border-color: #000 !important;
  color: #000 !important;
  font-size: 12px
}

.app-header.theme--dark a {
  color: #fff !important;
  border-color: #fff !important
}

.app-header.theme--dark-right a {
  border-right: 1px solid #fff
}

.app-header.theme--light a {
  color: #000 !important;
  border-color: #000 !important
}

.app-header.theme--light-right a {
  border-right: 1px solid #000
}

.app-header-left {
  display: flex
}

.app-header-right {
  display: flex;
  align-items: center
}

.app-header-right a {
  border-right: 1px solid #000;
  display: flex;
  height: 16px
}

.app-header-right a:last-of-type {
  border-right: none
}

.h-84[data-v-38e77e5e] {
  height: 84px
}

.app-logo[data-v-38e77e5e] {
  display: flex;
  height: 50px;
  width: 250px
}

.app-logo img[data-v-38e77e5e] {
  height: 100%;
  width: auto
}

.topic-wrap[data-v-38e77e5e] {
  flex-grow: 1.5;
  display: flex;
  overflow-y: auto;
  justify-content: space-around;
  align-items: center;
  padding-left: 30px;
  flex-shrink: 0
}

.topic-wrap .active-show-icon[data-v-38e77e5e] {
  height: 24px;
  display: flex;
  align-items: center;
  text-align: center
}

.topic-wrap .active-show-icon[data-v-38e77e5e]:first-of-type {
  text-align: right
}

.topic-wrap .active-show-icon .topic-link-active[data-v-38e77e5e] {
  background-image: var(--active-bg);
  display: inline-block;
  width: 120px;
  height: 22px;
  background-size: contain;
  background-position: 50%;
  opacity: 1;
  color: transparent
}

.v-app-bar--fixed .active-show-icon .topic-link-active[data-v-38e77e5e] {
  background-image: none;
  color: #000 !important;
  display: inline;
  font-weight: 500;
  opacity: 1
}

.topics[data-v-38e77e5e] {
  font-size: 14px;
  list-style: none;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 500;
  cursor: pointer;
  max-width: 112px
}

.topics a[data-v-38e77e5e] {
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
  color: inherit;
  opacity: .55
}

.topics a[data-v-38e77e5e]:hover {
  opacity: 1
}

.nav-search[data-v-38e77e5e] {
  height: 36px;
  width: 160px;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  justify-content: space-between;
  background-color: #f6f6f6;
  background-color: hsla(0, 0%, 93.3%, .5)
}

.nav-search .search-icon[data-v-38e77e5e] {
  height: 14px
}

.nav-search-dark[data-v-38e77e5e] {
  background-color: #f6f6f6;
  background-color: hsla(0, 0%, 100%, .5)
}

.nav-search-dark input[data-v-38e77e5e]::-moz-placeholder {
  opacity: .9 !important;
  color: #fefeff !important
}

.nav-search-dark input[data-v-38e77e5e]:-ms-input-placeholder {
  opacity: .9 !important;
  color: #fefeff !important
}

.nav-search-dark input[data-v-38e77e5e]::placeholder {
  opacity: .9 !important;
  color: #fefeff !important
}

.nav-search input[data-v-38e77e5e] {
  font-size: 14px
}

.nav-search input[data-v-38e77e5e]::-moz-placeholder {
  color: #000;
  opacity: .15;
  font-size: 14px
}

.nav-search input[data-v-38e77e5e]:-ms-input-placeholder {
  color: #000;
  opacity: .15;
  font-size: 14px
}

.nav-search input[data-v-38e77e5e]::placeholder {
  color: #000;
  opacity: .15;
  font-size: 14px
}

.nav-search input[data-v-38e77e5e]:active,
.nav-search input[data-v-38e77e5e]:focus {
  outline: none
}

.popup[data-v-38e77e5e] {
  position: absolute;
  top: 120px;
  width: 100%;
  z-index: 1000
}

.popup .menu-panel[data-v-38e77e5e] {
  width: 100%;
  pointer-events: auto;
  display: flex
}

.popup .menu-panel-main[data-v-38e77e5e] {
  height: 420px;
  overflow: hidden;
  background-color: #fff;
  padding-top: 60px;
  width: 100%;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain
}

.popup .menu-panel-main .goods-banner[data-v-38e77e5e] {
  margin-top: 36px
}

.popup .menu-panel-main .goods-banner .goods-card[data-v-38e77e5e] {
  width: 202px;
  margin: 0 8px
}

.popup .menu-panel-main .goods-banner .goods-card .max-text-width[data-v-38e77e5e] {
  width: 202px;
  font-size: 12px;
  font-weight: 500
}

.popup .menu-panel-main .goods-banner .goods-card .max-text-width .bubble-green[data-v-38e77e5e] {
  color: #26c05d
}

.popup .menu-panel-main .goods-banner .goods-card .max-text-width .bubble-red[data-v-38e77e5e] {
  color: #f63434
}

.popup .menu-panel-main .goods-banner .goods-card .max-text-width .bubble-yellow[data-v-38e77e5e] {
  color: #f1e20a
}

.popup .menu-panel-main .goods-banner .goods-card .max-text-width .bubble-text[data-v-38e77e5e] {
  max-width: 54px;
  white-space: nowrap;
  overflow: hidden
}

.popup .menu-panel-main .goods-banner .goods-card .max-text-width .min-width[data-v-38e77e5e] {
  margin-left: 5px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.popup .menu-panel-main .goods-banner .goods-card .max-text-width .main-text[data-v-38e77e5e] {
  max-width: 158px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 4px
}

.popup .menu-panel-main .goods-banner .check-more[data-v-38e77e5e] {
  width: 202px;
  margin-left: 8px
}

.popup .menu-panel-main .goods-banner .check-more a[data-v-38e77e5e] {
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, .55)
}

.popup .menu-panel-main .goods-banner .margin-bottoom[data-v-38e77e5e] {
  margin-bottom: 16px
}

.popup .menu-panel-main .goods-banner .pic-card[data-v-38e77e5e] {
  height: 208px;
  width: 202px;
  background-color: rgba(0, 0, 0, .03);
  padding: 0 11px
}

.popup .menu-panel-main .goods-banner .pic-card .rounded[data-v-38e77e5e] {
  width: 180px;
  height: 180px
}

.popup .menu-panel-main .menu-btn[data-v-38e77e5e] {
  max-width: 128px;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 4px;
  background: #fff;
  transition: all .15s ease-out;
  color: #000;
  text-align: center;
  margin: 0 15px
}

.popup .menu-panel-main .menu-btn-text[data-v-38e77e5e] {
  font-size: 14px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.popup .menu-panel-main .menu-btn[data-v-38e77e5e]:hover {
  cursor: pointer;
  color: #000
}

.popup .menu-panel-main .menu-btn .second-tab[data-v-38e77e5e] {
  opacity: .55;
  transition: all .2s ease
}

.popup .menu-panel .mask[data-v-38e77e5e] {
  height: 6089px;
  width: 100%;
  background: rgba(0, 0, 0, .2)
}

.footer-links[data-v-2c6ed3c9] {
  display: flex;
  flex-wrap: wrap
}

.footer-links-row[data-v-2c6ed3c9] {
  min-width: 160px;
  margin-right: 20px
}

.w[data-v-2c6ed3c9] {
  width: 16%
}

.app-footer[data-v-2c6ed3c9] {
  background-color: #fffeff;
  padding-top: 42px
}

.footer-content[data-v-2c6ed3c9] {
  display: flex;
  justify-content: space-between;
  margin-top: 46px;
  margin-bottom: 42px
}

.footer-content-title[data-v-2c6ed3c9] {
  font-weight: 500;
  margin-bottom: 12px;
  white-space: nowrap
}

.footer-content-link[data-v-2c6ed3c9] {
  white-space: nowrap;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
  color: #535355;
  margin-bottom: 12px
}

.footer-content .hotline[data-v-2c6ed3c9] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.footer-content .hotline-btn[data-v-2c6ed3c9] {
  cursor: pointer;
  border-radius: 28px;
  color: #fff;
  font-weight: 500;
  background-color: #000;
  height: 51px;
  width: 173px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center
}

.site[data-v-2c6ed3c9] {
  margin: 14px 0 28px
}

.site-copyright[data-v-2c6ed3c9] {
  font-size: 12px;
  color: #acabb0
}

.site-copyright a[data-v-2c6ed3c9],
.site-copyright span[data-v-2c6ed3c9] {
  margin-right: 3px;
  color: #acabb0
}

.site-follow[data-v-2c6ed3c9] {
  font-size: 12px;
  color: #acabb0
}

.app-dialog-privacy .tit[data-v-55ea82b4] {
  justify-content: center;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 27px;
  margin-top: 20px
}

.app-dialog-privacy .wrapper[data-v-55ea82b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 40px 36px
}

.app-dialog-privacy .message[data-v-55ea82b4] {
  display: block;
  font-size: 14px;
  color: #000;
  line-height: 24px;
  font-weight: 400
}

.app-dialog-privacy .message .vhtml[data-v-55ea82b4] {
  color: #007aff
}

.app-dialog-privacy .dialog-btn[data-v-55ea82b4] {
  min-width: 165px
}

.app-dialog-privacy .cancel-btn[data-v-55ea82b4] {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 29px
}

.app-dialog-privacy .confirm-btn[data-v-55ea82b4] {
  background: #f34141;
  border-radius: 29px;
  font-size: 16px;
  font-weight: 500;
  color: #fff
}

.app-dialog-privacy .dialog1 .message[data-v-55ea82b4] {
  padding: 24px 40px 36px
}

.app-dialog-privacy {
  overflow: hidden;
  border-radius: 16px !important
}

.friendly-tips-dialog .tit[data-v-0c5f99b6] {
  justify-content: center;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 27px;
  margin-top: 20px
}

.friendly-tips-dialog .message[data-v-0c5f99b6] {
  display: block;
  font-size: 14px;
  color: #000;
  line-height: 24px;
  font-weight: 400
}

.friendly-tips-dialog .message .vhtml[data-v-0c5f99b6] {
  color: #007aff
}

.friendly-tips-dialog .pa-2[data-v-0c5f99b6],
.friendly-tips-dialog .qrcode[data-v-0c5f99b6] {
  text-align: center
}

.friendly-tips-dialog .qrcode .v-image[data-v-0c5f99b6] {
  display: inline-block
}

.friendly-tips-dialog .dialog-btn[data-v-0c5f99b6] {
  min-width: 165px
}

.friendly-tips-dialog .confirm-btn[data-v-0c5f99b6] {
  background: #f34141;
  border-radius: 29px;
  font-size: 16px;
  font-weight: 500;
  color: #fff
}

.friendly-tips-dialog .dialog1 .message[data-v-0c5f99b6] {
  padding: 24px 40px 36px
}

.friendly-tips-dialog {
  overflow: hidden;
  border-radius: 16px !important
}

.v-main {
  word-spacing: 1px
}

.v-expansion-panel[data-v-7a7e4544]:before {
  box-shadow: none
}

.v-expansion-panel[data-v-7a7e4544]:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  border-radius: unset
}

.app-footer[data-v-7a7e4544] {
  background-color: #fffeff;
  padding: 0
}

.hotline[data-v-7a7e4544] {
  justify-content: space-between;
  padding: 12px 15px
}

.hotline-btn[data-v-7a7e4544],
.hotline[data-v-7a7e4544] {
  display: flex;
  align-items: center
}

.hotline-btn[data-v-7a7e4544] {
  cursor: pointer;
  border-radius: 28px;
  color: #fff;
  font-weight: 500;
  background-color: #000;
  height: 51px;
  width: 173px;
  font-size: 15px;
  justify-content: center
}

.site[data-v-7a7e4544] {
  display: flex;
  justify-content: space-between;
  margin: 14px
}

.site-copyright[data-v-7a7e4544] {
  font-size: 12px;
  color: #acabb0
}

.site-copyright a[data-v-7a7e4544],
.site-follow[data-v-7a7e4544] {
  color: #acabb0
}

.site-follow[data-v-7a7e4544] {
  font-size: 12px
}

.app-title[data-v-6975d5fe] {
  font-size: 24px;
  font-weight: 500
}

.input-number-box[data-v-6576b5fb] {
  font-size: 20px;
  font-weight: 400;
  color: #333
}

.input-number-box .btn[data-v-6576b5fb] {
  background: #f7f8fa;
  border-radius: 6px
}

.input-number-box .btn .icon.disabled[data-v-6576b5fb] {
  opacity: .5
}

.input-number-box .input[data-v-6576b5fb] {
  text-align: center;
  outline: none
}

.input-number-box input[type=number][data-v-6576b5fb] {
  -moz-appearance: textfield
}

.input-number-box input[type=number][data-v-6576b5fb]::-webkit-inner-spin-button,
.input-number-box input[type=number][data-v-6576b5fb]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[data-v-6576b5fb]::-ms-clear,
input[data-v-6576b5fb]::-ms-reveal {
  display: none
}

.app-dialog .tit[data-v-0f2555b0] {
  justify-content: center;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 27px;
  margin-top: 20px
}

.app-dialog .dialog-btn[data-v-0f2555b0] {
  min-width: 136px;
  font-size: 16px;
  font-weight: 500
}

.app-dialog .confirm-btn[data-v-0f2555b0] {
  background: #f34141;
  border-radius: 29px;
  font-size: 16px;
  font-weight: 500;
  color: #fff
}

.app-dialog {
  overflow: hidden;
  border-radius: 12px !important
}

.search-history .swiper-button-next:after,
.search-history .swiper-button-prev:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45 25c0-10.985-8.913-20-20-20S5 14.015 5 25s8.913 20 20 20 20-9.015 20-20zM6.702 25C6.702 14.919 14.89 6.702 25 6.702c10.11 0 18.298 8.217 18.298 18.298 0 10.081-8.188 18.298-18.298 18.298C14.89 43.298 6.702 35.08 6.702 25zm21.815 3.058a.851.851 0 001.203 1.203l4.007-4.006-4.007-4.006a.851.851 0 10-1.203 1.204l2.028 2.028H16.352c-.47 0-.47 1.703 0 1.703h14.04l-1.875 1.874z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.sheet {
  height: 100%;
  overflow: hidden
}

.scroll-warp {
  width: 100%;
  position: relative
}

.scroll-warp-list {
  overflow-y: auto;
  width: 100%;
  height: 100%
}

.scroll-warp-overlay {
  opacity: .5;
  height: 100%;
  width: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999
}

.theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
  background-color: transparent
}

.v-chip.v-size--small {
  height: 20px
}

.v-input__slot[role=combobox] {
  padding: 0 !important
}

.v-autocomplete .v-btn:not(.v-btn--round).v-size--default {
  padding: 0;
  font-size: 20px
}

.v-autocomplete .v-input__slot {
  font-size: 24px;
  padding: 13px 0;
  border-radius: none;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 0
}

.v-autocomplete__content {
  background-color: #f7f7fa;
  box-shadow: none;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea
}

.v-autocomplete__content .theme--light.v-list {
  background-color: transparent
}

.v-autocomplete__content .v-list-item .v-list-item__title {
  color: #999
}

.v-autocomplete__content .v-list-item .v-list-item__mask {
  color: #f51725;
  background-color: transparent
}

.search-history {
  position: relative
}

.search-history .swiper-button-next,
.search-history .swiper-button-prev {
  height: 50px;
  width: 50px
}

.search-history .swiper-button-next:after,
.search-history .swiper-button-prev:after {
  content: "";
  display: block;
  height: 50px;
  width: 50px;
  background-size: cover;
  background-repeat: no-repeat
}

.search-history .swiper-button-prev {
  left: -74px
}

.search-history .swiper-button-prev:after {
  transform: rotate(180deg)
}

.search-history .swiper-button-next {
  right: -74px
}

.search-btn {
  width: unset !important;
  min-width: unset !important;
  padding: 0 !important;
  font-weight: 400 !important
}

.fixed-options {
  position: fixed;
  top: 230px;
  left: 0;
  width: 100vw;
  height: 154px;
  background-color: #f7f7fa;
  z-index: 9999
}

.search-waiting {
  cursor: wait
}

.search-disable {
  opacity: .5;
  pointer-events: none
}

.search-options {
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.search-options-head {
  color: #666;
  margin-bottom: 28px
}

.search-options .search-option {
  display: flex;
  align-items: center;
  margin-right: 32px;
  cursor: pointer;
  padding-bottom: 6px;
  text-align: center
}

.search-options .search-option-icon {
  height: 16px;
  width: 16px
}

.search-options .search-option:last-of-type {
  margin-right: 0
}

.search-options .search-option:hover,
.search-options .search-option:hover .v-icon {
  color: #f34141
}

.search-options .search-option-active {
  color: #f34141;
  border-bottom: 3px solid #f34141
}

.search-options .search-option-active .v-icon {
  color: #f34141
}

.search-options .search-filter {
  line-height: 34px;
  margin-bottom: 12px
}

.search-options .search-filter-title {
  color: #000;
  width: 90px;
  height: 34px
}

.search-options .search-filter-option {
  text-align: center;
  width: 150px;
  padding: 0 12px;
  color: #333;
  border-radius: 16px;
  margin-left: 15px;
  cursor: pointer
}

.search-options .search-filter-option:hover {
  background: #e6e7e9
}

.search-options .search-filter-option-active {
  color: #000;
  background: #eceef0
}

.last-line {
  font-size: 18px;
  color: #000
}

.last-line hr {
  border: none;
  background-color: #d2d2d2;
  height: 1px
}

.v-select__slot>input {
  max-height: inherit
}

.search-result {
  color: rgba(0, 0, 0, .87) !important
}

.logo[data-v-956338a4] {
  -webkit-animation: appear-data-v-956338a4 1s;
  animation: appear-data-v-956338a4 1s;
  margin: auto
}

@-webkit-keyframes appear-data-v-956338a4 {
  0% {
    opacity: 0
  }
}

@keyframes appear-data-v-956338a4 {
  0% {
    opacity: 0
  }
}

.video-play[data-v-606d7144] {
  width: 400px;
  height: auto;
  margin-top: 12px;
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 5px
}

.order-item-main[data-v-162c253e] {
  padding: 16px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.order-item-main-img[data-v-162c253e] {
  width: 82px;
  height: 82px;
  background: #f7f8fa;
  border-radius: 12px;
  position: relative
}

.order-item-main-img .gift-label[data-v-162c253e] {
  font-size: 13px;
  line-height: 24px;
  height: 24px;
  color: #fff;
  background: linear-gradient(90deg, #f5c430, #fca038);
  width: 70px;
  left: 10px;
  position: absolute;
  bottom: 0;
  text-align: center
}

.order-item-main-title[data-v-162c253e] {
  font-size: 16px;
  font-weight: 400;
  flex-grow: 1;
  padding-left: 20px;
  padding-right: 20px;
  word-break: break-all
}

.order-item-main-price[data-v-162c253e] {
  width: 200px;
  flex-shrink: 0
}

.order-item-main-price del[data-v-162c253e] {
  margin-left: 8px;
  font-size: .8em;
  opacity: .6
}

.order-item-main-count[data-v-162c253e] {
  text-align: right;
  padding-left: 20px;
  padding-right: 20px;
  color: #737373
}

.order-item-main-options[data-v-162c253e] {
  min-width: 140px;
  text-align: right;
  position: relative;
  white-space: nowrap
}

.order-item-main-zengpinLabel[data-v-162c253e] {
  background: linear-gradient(270deg, #fd9c38, #fac32e)
}

.order-item-main-neigouLabel[data-v-162c253e] {
  background: linear-gradient(90deg, #fb6332, #f34141)
}

.order-item-main-neigouLabel[data-v-162c253e],
.order-item-main-zengpinLabel[data-v-162c253e] {
  text-align: center;
  border-radius: 30px;
  color: #fff;
  margin-top: -18px;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  width: 80px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}

.order-item-sub[data-v-162c253e] {
  margin-left: 127px;
  margin-right: 170px;
  padding: 12px 0;
  border-top: 1px solid #eaeaea;
  color: rgba(0, 0, 0, .87)
}

.order-item-sub.long-sub[data-v-162c253e] {
  margin-right: 32px
}

.order-item-sub-label[data-v-162c253e] {
  font-size: 14px;
  padding: 5px 12px;
  color: #ec6c15;
  background-color: #ffeacd;
  white-space: nowrap
}

.order-item-sub-img[data-v-162c253e] {
  margin-left: 12px
}

.order-item-sub-title[data-v-162c253e] {
  font-weight: 400;
  flex-grow: 1;
  padding-left: 20px
}

.order-item-sub-price[data-v-162c253e] {
  width: 200px
}

.order-item-sub-price del[data-v-162c253e] {
  margin-left: 8px;
  font-size: .8em;
  opacity: .6
}

.order-item-sub-count[data-v-162c253e] {
  width: 60px;
  text-align: right
}

.order-item-main-container[data-v-162c253e] {
  flex: 1;
  flex-wrap: wrap
}

.order-item-main-container .sale-points-tags[data-v-162c253e] {
  padding: 0 20px
}

.order-item-main-container .sale-points-tag[data-v-162c253e] {
  font-size: 12px;
  height: 24px;
  margin: 8px 8px 0 0
}

.order-item-main-bd[data-v-162c253e] {
  flex-grow: 1
}

.order-item-main-bd a[data-v-162c253e] {
  color: rgba(0, 0, 0, .87)
}

.app-dialog .v-card__title[data-v-b8fbc964] {
  justify-content: center
}

.app-dialog .afterSaleLogWrapper[data-v-b8fbc964] {
  position: relative
}

.app-dialog .afterSaleLogWrapper .close-icon[data-v-b8fbc964] {
  position: absolute;
  right: 16px;
  top: 16px
}

.app-dialog .afterSaleLogWrapper .afterSaleContainer[data-v-b8fbc964] {
  padding: 0 28px 8px
}

.app-dialog .afterSaleLogWrapper .afterSaleContainer.overflow-y[data-v-b8fbc964] {
  overflow-y: scroll;
  max-height: 70vh
}

.app-dialog .afterSaleLogWrapper .afterSaleCard-item[data-v-b8fbc964] {
  padding-bottom: 24px
}

.app-dialog .afterSaleLogWrapper .afterSaleCard[data-v-b8fbc964] {
  position: relative
}

.app-dialog .afterSaleLogWrapper .afterSaleCard .log-point[data-v-b8fbc964] {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-top: 8px;
  background: #e5e5e5;
  position: relative;
  z-index: 2;
  flex-shrink: 0
}

.app-dialog .afterSaleLogWrapper .afterSaleCard .log-point.active[data-v-b8fbc964] {
  background: #f63434
}

.app-dialog .afterSaleLogWrapper .afterSaleCard .log-line[data-v-b8fbc964] {
  position: absolute;
  top: 8px;
  left: 4px;
  height: 100%;
  width: 1px;
  background: #e5e5e5
}

.app-dialog .afterSaleLogWrapper .afterSaleCard .afterSaleDetail[data-v-b8fbc964] {
  margin-left: 16px
}

.app-dialog .afterSaleLogWrapper .afterSaleCard .afterSaleDetail-title[data-v-b8fbc964] {
  opacity: .85;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 4px
}

.app-dialog .afterSaleLogWrapper .afterSaleCard .afterSaleDetail-desc[data-v-b8fbc964],
.app-dialog .afterSaleLogWrapper .afterSaleCard .afterSaleDetail-pickUp[data-v-b8fbc964],
.app-dialog .afterSaleLogWrapper .afterSaleCard .afterSaleDetail-time[data-v-b8fbc964] {
  opacity: .55;
  font-size: 13px;
  line-height: 20px
}

.plain-button[data-v-b8fbc964] {
  width: 110px;
  height: 40px;
  border-radius: 24px;
  background: #f34141;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px
}

.plain-button.disable[data-v-b8fbc964] {
  background: #e5e5e5
}

.plain-button .btn-img[data-v-b8fbc964] {
  width: 50px;
  height: 50px;
  margin-right: 12px
}

[dir=ltr] .plain-button .btn-text .btn-title[data-v-b8fbc964] {
  text-align: left
}

[dir=rtl] .plain-button .btn-text .btn-title[data-v-b8fbc964] {
  text-align: right
}

.plain-button .btn-text .btn-title[data-v-b8fbc964] {
  opacity: .9;
  font-size: 16px;
  line-height: 22px
}

.plain-button .btn-text .btn-desc[data-v-b8fbc964] {
  opacity: .5;
  font-size: 13px;
  line-height: 24px;
  margin-top: 2px
}

.plain-button-white[data-v-b8fbc964] {
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 18px;
  opacity: .9;
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 24px;
  padding: 6px 16px
}

.common-selector-wrapper[data-v-113cd1c1] {
  position: relative;
  z-index: 5;
  margin-left: 24px;
  height: 38px;
  cursor: pointer
}

.common-selector-active[data-v-113cd1c1],
.common-selector[data-v-113cd1c1] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  background: #fff;
  border-radius: 4px
}

.common-selector-active .select-item-selected[data-v-113cd1c1],
.common-selector-active .select-item[data-v-113cd1c1],
.common-selector .select-item-selected[data-v-113cd1c1],
.common-selector .select-item[data-v-113cd1c1] {
  width: 294px;
  min-height: 38px;
  padding: 8px 16px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px
}

.common-selector-active .select-item-selected .place-holder[data-v-113cd1c1],
.common-selector-active .select-item .place-holder[data-v-113cd1c1],
.common-selector .select-item-selected .place-holder[data-v-113cd1c1],
.common-selector .select-item .place-holder[data-v-113cd1c1] {
  opacity: .3
}

.common-selector-active .select-item-selected .select-sub-line[data-v-113cd1c1],
.common-selector-active .select-item .select-sub-line[data-v-113cd1c1],
.common-selector .select-item-selected .select-sub-line[data-v-113cd1c1],
.common-selector .select-item .select-sub-line[data-v-113cd1c1] {
  opacity: .7;
  font-size: 12px;
  line-height: 18px;
  position: relative
}

.common-selector-active .select-item-selected .select-sub-line .option-label[data-v-113cd1c1],
.common-selector-active .select-item .select-sub-line .option-label[data-v-113cd1c1],
.common-selector .select-item-selected .select-sub-line .option-label[data-v-113cd1c1],
.common-selector .select-item .select-sub-line .option-label[data-v-113cd1c1] {
  display: inline
}

.common-selector-active .select-item-selected .select-sub-line .help-icon[data-v-113cd1c1],
.common-selector-active .select-item .select-sub-line .help-icon[data-v-113cd1c1],
.common-selector .select-item-selected .select-sub-line .help-icon[data-v-113cd1c1],
.common-selector .select-item .select-sub-line .help-icon[data-v-113cd1c1] {
  display: inline;
  top: -1px;
  cursor: pointer
}

.common-selector .select-item-selected .selected-value[data-v-113cd1c1] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.reason-selector-wrapper[data-v-95862ffa] {
  position: relative;
  z-index: 5
}

.reason-selector-active[data-v-95862ffa],
.reason-selector[data-v-95862ffa] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px
}

.reason-selector-active .select-item-selected[data-v-95862ffa],
.reason-selector-active .select-item[data-v-95862ffa],
.reason-selector .select-item-selected[data-v-95862ffa],
.reason-selector .select-item[data-v-95862ffa] {
  width: 294px;
  min-height: 38px;
  padding: 8px 16px;
  position: relative
}

.reason-selector-active .select-item-selected .select-label[data-v-95862ffa],
.reason-selector-active .select-item .select-label[data-v-95862ffa],
.reason-selector .select-item-selected .select-label[data-v-95862ffa],
.reason-selector .select-item .select-label[data-v-95862ffa] {
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .5);
  position: relative;
  cursor: pointer;
  flex: 0 0 auto
}

.reason-selector-active .select-item-selected .select-label.active[data-v-95862ffa],
.reason-selector-active .select-item .select-label.active[data-v-95862ffa],
.reason-selector .select-item-selected .select-label.active[data-v-95862ffa],
.reason-selector .select-item .select-label.active[data-v-95862ffa] {
  background: #f34141;
  border: 0
}

.reason-selector-active .select-item-selected .select-label.active[data-v-95862ffa]:after,
.reason-selector-active .select-item .select-label.active[data-v-95862ffa]:after,
.reason-selector .select-item-selected .select-label.active[data-v-95862ffa]:after,
.reason-selector .select-item .select-label.active[data-v-95862ffa]:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 10px;
  top: 2px;
  left: 5px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg)
}

.reason-selector-active .select-item-selected .place-holder[data-v-95862ffa],
.reason-selector-active .select-item .place-holder[data-v-95862ffa],
.reason-selector .select-item-selected .place-holder[data-v-95862ffa],
.reason-selector .select-item .place-holder[data-v-95862ffa] {
  opacity: .3
}

.reason-selector-active .select-item-selected .select-sub-line[data-v-95862ffa],
.reason-selector-active .select-item .select-sub-line[data-v-95862ffa],
.reason-selector .select-item-selected .select-sub-line[data-v-95862ffa],
.reason-selector .select-item .select-sub-line[data-v-95862ffa] {
  opacity: .7;
  font-size: 12px;
  line-height: 18px;
  position: relative
}

.reason-selector-active .select-item-selected .select-sub-line .option-label[data-v-95862ffa],
.reason-selector-active .select-item .select-sub-line .option-label[data-v-95862ffa],
.reason-selector .select-item-selected .select-sub-line .option-label[data-v-95862ffa],
.reason-selector .select-item .select-sub-line .option-label[data-v-95862ffa] {
  display: inline
}

.reason-selector-active .select-item-selected .select-sub-line .help-icon[data-v-95862ffa],
.reason-selector-active .select-item .select-sub-line .help-icon[data-v-95862ffa],
.reason-selector .select-item-selected .select-sub-line .help-icon[data-v-95862ffa],
.reason-selector .select-item .select-sub-line .help-icon[data-v-95862ffa] {
  display: inline;
  top: -1px;
  cursor: pointer
}

.reason-selector-active .hover-wrapper[data-v-95862ffa],
.reason-selector .hover-wrapper[data-v-95862ffa] {
  width: 264px;
  padding: 10px 12px;
  background: #fff;
  border-radius: 6px;
  position: fixed;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  font-size: 12px;
  color: rgba(0, 0, 0, .75);
  line-height: 16px
}

.reason-selector .select-item-selected .selected-value[data-v-95862ffa] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mh-220[data-v-8d1d061e] {
  min-height: 220px
}

.goods-card[data-v-be4413ec] {
  height: 300px;
  background-color: #fff !important;
  color: #000;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 5px
}

.goods-card-img[data-v-be4413ec] {
  height: 150px;
  width: 130px;
  flex-grow: 0;
  margin-top: 14px;
  margin-bottom: 7px
}

.goods-card-title[data-v-be4413ec] {
  width: calc(100% - 24px);
  font-weight: 500;
  margin: .1em 0 7px;
  font-size: 15px;
  text-align: center
}

.goods-card-labels[data-v-be4413ec] {
  flex-wrap: wrap;
  height: 28px;
  align-items: flex-start;
  overflow: hidden;
  box-sizing: border-box
}

.goods-card-label[data-v-be4413ec],
.goods-card-labels[data-v-be4413ec] {
  display: flex;
  justify-content: center;
  padding: 0 8px
}

.goods-card-label[data-v-be4413ec] {
  font-size: 12px;
  border: 1px solid #f77b7b;
  border-radius: 2px;
  height: 24px;
  margin: 0 4px 4px 0;
  white-space: nowrap;
  align-items: center
}

.goods-card-label[data-v-be4413ec]:last-of-type {
  margin-right: 0
}

.goods-card .ticket[data-v-be4413ec] {
  padding: 0 8px 0 0
}

.goods-card .ticket i[data-v-be4413ec] {
  background: rgba(243, 65, 65, .2);
  font-style: normal;
  padding: 2px 5px;
  height: 100%;
  margin-right: 2px
}

.goods-card-price[data-v-be4413ec] {
  margin-bottom: 5px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oppo-red)
}

.goods-card-price .text-caption[data-v-be4413ec] {
  padding-top: 3px
}

.goods-card-price .main-price[data-v-be4413ec] {
  font-weight: 500
}

.goods-card-price del[data-v-be4413ec] {
  margin-left: 5px;
  color: #aaa;
  font-size: 15px
}

.goods-card-price .suffix-price[data-v-be4413ec] {
  color: #9b9b9b
}

.goods-card-vip[data-v-be4413ec] {
  height: 100%;
  font-size: 13px;
  padding-right: 3px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 500
}

.selecter-wrapper[data-v-47d3497d] {
  position: relative
}

.selecter-wrapper.active .selecter-list[data-v-47d3497d] {
  opacity: 1;
  pointer-events: auto;
  z-index: 6
}

.selecter-wrapper.active .selecter-selected[data-v-47d3497d] {
  z-index: 7
}

.selecter-list[data-v-47d3497d] {
  position: absolute;
  top: 58px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  padding: 8px 0;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, .15);
  background: #fff;
  border-radius: 16px;
  z-index: 4;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 0 10px #d7d7d7
}

.selecter-list .selecter[data-v-47d3497d] {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #000;
  line-height: 24px;
  padding: 33px 18px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.selecter-list .selecter[data-v-47d3497d]:last-child {
  padding-bottom: 27px
}

.selecter-list .selecter .selecter-name[data-v-47d3497d] {
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.selecter-list .selecter.active[data-v-47d3497d] {
  color: #f34141
}

.selecter-list .selecter.active .selecter-active-logo[data-v-47d3497d] {
  opacity: 1
}

.selecter-list .selecter .selecter-active-logo[data-v-47d3497d] {
  width: 14px;
  height: 10px;
  opacity: 0
}

.selecter-selected[data-v-47d3497d] {
  width: 200px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  cursor: pointer;
  position: relative;
  z-index: 5;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.selecter-selected.isSelecting[data-v-47d3497d] {
  color: #f34141
}

.selecter-selected.isSelecting .dropdown[data-v-47d3497d] {
  transform: rotate(180deg)
}

.selecter-selected .selected-name[data-v-47d3497d] {
  width: 100%;
  height: 100%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  line-height: 26px
}

.selecter-selected .dropdown[data-v-47d3497d] {
  width: 14px;
  height: 8px
}

.countdown[data-v-5031794e] {
  color: #000;
  white-space: nowrap
}

.countdown-num[data-v-5031794e] {
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.8em;
  text-align: center;
  height: 1.8em;
  width: 1.8em;
  background-color: #fff;
  border-radius: 3px
}

.float-wrap-btn .multi-color-svg {
  opacity: .54;
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
}

.float-wrap-btn .multi-color-svg-hover {
  opacity: 1;
  width: 24px;
  margin-bottom: 5px;
  height: 24px;
}

.float-aside {
  position: fixed;
  bottom: 100px;
  right: 2vw;
  z-index: 999;
}

.float-wrap {
  font-size: 12px;
  padding: 0;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .08);
  border-radius: 6px;
  overflow: hidden
}

.float-wrap-btn {
  height: 68px;
  width: 68px;
  background-color: #fff;
  color: #666;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #e8e8e8;
  transition: background-color .2s
}

.float-wrap-btn:hover .v-icon,
.float-wrap-btn:hover {
  color: #15a75f !important;
}

.back-btn {
  opacity: 0;
  transition: opacity .5s;
  pointer-events: none
}

.back-btn.activeDis {
  opacity: 1;
  pointer-events: auto
}

.feedback-box {
  height: 400px;
  width: 250px;
  background-color: #fff;
  border: 1px solid
}

.feedback-menu {
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .08);
  border-radius: 6px;
  transform-origin: left top 0px;
  z-index: 9999;
  display: none;
  text-align: center;
  right: 128px;
}

.float-aside[data-v-20b4ad02] {
  position: fixed;
  right: 1.5vw;
  z-index: 11;
  transition: bottom .28s ease-in
}

.float-aside .multi-color-svg[data-v-20b4ad02] {
  opacity: .54
}

.float-aside .multi-color-svg-hover[data-v-20b4ad02] {
  opacity: 1
}

.float-aside .float-wrap[data-v-20b4ad02] {
  font-size: 12px;
  padding: 0;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .08);
  border-radius: 6px;
  overflow: hidden
}

.float-aside .float-wrap-btn[data-v-20b4ad02] {
  height: 68px;
  width: 68px;
  background-color: #fff;
  color: #666;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #e8e8e8;
  transition: background-color .2s
}

.float-aside .float-wrap-btn:hover .v-icon[data-v-20b4ad02],
.float-aside .float-wrap-btn[data-v-20b4ad02]:hover {
  color: #f34141 !important
}

.goods-card {
  height: 300px;
  background-color: #fff !important;
  color: #000;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 5px
}

.goods-card-img {
  height: 150px;
  width: 2000px;
  flex-grow: 0;
  margin-top: 40px;
  margin-bottom: 7px;
}

.goods-card-title {
  width: calc(100% - 24px);
  font-weight: 500;
  margin: 15px 0 0px;
  font-size: 16px;
  text-align: center;
}

.goods-card-title:hover {
  color: #019749;
}

.goods-card-labels {
  display: flex;
  flex-wrap: wrap;
  height: 30px;
  justify-content: center;
  align-items: flex-start
}

.goods-card-label {
  font-size: 14px;
  border-radius: 2px;
  height: 24px;
  padding: 0 8px;
  white-space: nowrap;
  color: #999;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.goods-card-label:last-of-type {
  margin-right: 0
}

.goods-card-price {
  margin-bottom: 5px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}

.goods-card-price .text-caption {
  padding-top: 3px
}

.goods-card-price .main-price {
  font-weight: 500
}

.goods-card-price del {
  margin-left: 3px;
  color: #aaa;
  font-size: 15px
}

.goods-card-vip {
  height: 100%;
  font-size: 13px;
  padding-right: 3px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 500
}

.goods-card[data-v-6ee5adba] {
  height: 300px;
  background-color: #fffeff;
  color: #000;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 0 40px
}

.goods-card-img[data-v-6ee5adba] {
  height: 232px;
  width: 40%;
  flex-grow: 0;
  margin-right: 40px
}

.goods-card-content[data-v-6ee5adba] {
  text-align: left;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.goods-card-title[data-v-6ee5adba] {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  text-align: left
}

.goods-card-labels[data-v-6ee5adba] {
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  flex-wrap: wrap;
  height: 30px;
  justify-content: flex-start;
  align-items: flex-start
}

.goods-card-label[data-v-6ee5adba] {
  font-size: 12px;
  border: 1px solid #616468;
  border-radius: 2px;
  height: 24px;
  padding: 0 8px;
  margin-right: 4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center
}

.goods-card-label[data-v-6ee5adba]:last-of-type {
  margin-right: 0
}

.goods-card-price[data-v-6ee5adba] {
  margin-top: 12px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #f34141
}

.goods-card-price .text-caption[data-v-6ee5adba] {
  padding-top: 5px
}

.goods-card-price .main-price[data-v-6ee5adba] {
  font-weight: 500
}

.goods-card-price del[data-v-6ee5adba] {
  color: #b2b2b2;
  margin-left: 3px;
  font-size: 16px
}

.goods-card-vip[data-v-6ee5adba] {
  height: 100%;
  font-size: 13px;
  padding-right: 3px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 500
}

.goods-card[data-v-d3ad0058] {
  height: 300px;
  background-color: #fff !important;
  color: #000;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 5px;
  box-shadow: 0
}

.goods-card-img[data-v-d3ad0058] {
  height: 150px;
  width: 130px;
  flex-grow: 0;
  margin-top: 14px;
  margin-bottom: 7px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%
}

.goods-card-title[data-v-d3ad0058] {
  width: calc(100% - 24px);
  font-weight: 500;
  margin: .1em 0 7px;
  font-size: 15px;
  text-align: center
}

.goods-card-labels[data-v-d3ad0058] {
  display: flex;
  flex-wrap: wrap;
  height: 30px;
  justify-content: center;
  align-items: flex-start
}

.goods-card-label[data-v-d3ad0058] {
  font-size: 12px;
  border: 1px solid #616468;
  border-radius: 2px;
  height: 24px;
  padding: 0 8px;
  margin-right: 4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center
}

.goods-card-label[data-v-d3ad0058]:last-of-type {
  margin-right: 0
}

.goods-card-price[data-v-d3ad0058] {
  margin-bottom: 5px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f34141
}

.goods-card-price .text-caption[data-v-d3ad0058] {
  padding-top: 3px
}

.goods-card-price .main-price[data-v-d3ad0058] {
  font-weight: 500
}

.goods-card-price del[data-v-d3ad0058] {
  margin-left: 3px;
  color: #aaa;
  font-size: 15px
}

.goods-card-vip[data-v-d3ad0058] {
  height: 100%;
  font-size: 13px;
  padding-right: 3px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 500
}

.hotsale[data-v-c820dfa2] {
  height: 130px;
  background-color: #fffeff;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  color: #000;
  align-items: center;
  text-decoration: none
}

.hotsale .right-top-label[data-v-c820dfa2] {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0
}

.hotsale-img[data-v-c820dfa2] {
  height: 130px;
  width: 130px
}

.hotsale .hotsale-content[data-v-c820dfa2] {
  font-size: 14px;
  padding: 30px 0 0;
  height: 100%;
  width: calc(100% - 130px)
}

.hotsale .hotsale-content-title[data-v-c820dfa2] {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px
}

.hotsale .hotsale-content-detail[data-v-c820dfa2] {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  opacity: .55
}

.hotsale .hotsale-content-price[data-v-c820dfa2] {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 8px
}

.hotsale[data-v-222bf000] {
  height: 130px;
  background-color: #fffeff;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  color: #000;
  align-items: center;
  text-decoration: none
}

.hotsale .right-top-label[data-v-222bf000] {
  height: 30px;
  width: 74px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom-left-radius: 7px
}

.hotsale-img[data-v-222bf000] {
  height: 130px;
  width: 130px
}

.hotsale .hotsale-content[data-v-222bf000] {
  font-size: 14px;
  padding: 30px 15px 0 0;
  height: 100%;
  width: calc(100% - 130px)
}

.hotsale .hotsale-content-title[data-v-222bf000] {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px
}

.hotsale .hotsale-content-detail[data-v-222bf000] {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  opacity: .55
}

.hotsale .hotsale-content-price[data-v-222bf000] {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 8px
}

.hotsale[data-v-1f53179c] {
  height: 110px;
  background-color: #fffeff;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  color: #000;
  align-items: center;
  text-decoration: none
}

.hotsale .right-top-label[data-v-1f53179c] {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0
}

.hotsale-img[data-v-1f53179c] {
  height: 80px;
  width: 80px
}

.hotsale-img img[data-v-1f53179c] {
  height: 100%;
  width: 100%
}

.hotsale .hotsale-content[data-v-1f53179c] {
  font-size: 14px;
  padding: 20px 0;
  height: 100%;
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.hotsale .hotsale-content-title[data-v-1f53179c] {
  width: 90%;
  font-size: 15px;
  line-height: 26px
}

.hotsale .hotsale-content-detail[data-v-1f53179c] {
  font-size: 13px;
  line-height: 22px;
  color: #000;
  opacity: .55
}

.hotsale .hotsale-content-price[data-v-1f53179c] {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px
}

.f--center[data-v-59e41f1a] {
  justify-content: center
}

.f--c-a-center[data-v-59e41f1a],
.f--center[data-v-59e41f1a] {
  display: flex;
  align-items: center
}

.f--c-a-center[data-v-59e41f1a] {
  flex-direction: column
}

.pro-outer-wrapper[data-v-59e41f1a] {
  position: relative;
  z-index: 10
}

.selecter-wrapper[data-v-59e41f1a] {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 364px;
  height: 604px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 36px;
  z-index: 4;
  overflow: hidden
}

.selecter-wrapper .category-select-con[data-v-59e41f1a] {
  width: 100%;
  min-height: 66px;
  position: relative
}

.selecter-wrapper .category-select-con .category-select-con-tabs[data-v-59e41f1a] {
  height: 48px
}

.selecter-wrapper .category-select-con .v-tabs[data-v-59e41f1a] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}

.selecter-wrapper .category-select-con .v-tabs .v-tab[data-v-59e41f1a] {
  font-size: 16px;
  line-height: 24px;
  color: #000
}

.selecter-wrapper .category-select-con .v-tabs .v-tab.v-tab--active[data-v-59e41f1a] {
  color: #f34141
}

.selecter-wrapper .content-select-con[data-v-59e41f1a] {
  width: 100%;
  height: 490px;
  min-height: 490px;
  background-color: #fff;
  overflow-y: scroll
}

.selecter-wrapper .content-select-con[data-v-59e41f1a]::-webkit-scrollbar {
  background: #fff
}

.selecter-wrapper .content-select-con .v-tabs-items-S[data-v-59e41f1a] {
  padding: 0 16px 24px
}

.selecter-wrapper .content-select-con .category-wrappers .line[data-v-59e41f1a] {
  width: 298px;
  height: 1px;
  background: #e5e5e5;
  margin-top: 33px
}

.selecter-wrapper .content-select-con .category-wrappers .categoryName[data-v-59e41f1a] {
  font-size: 14px;
  color: #000;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -10px;
  padding: 0 12px;
  background: #fff;
  font-weight: 500
}

.selecter-wrapper .content-select-con .category-wrappers .proContents[data-v-59e41f1a] {
  margin-top: 8px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%
}

.selecter-wrapper .content-select-con .category-wrappers .proContents[data-v-59e41f1a]:first-child {
  margin-top: 12px
}

.selecter-wrapper .content-select-con .category-wrappers .proContents .proContent[data-v-59e41f1a] {
  background: #fff;
  border-radius: 8px;
  width: calc(33.33% - 5px);
  min-height: 140px;
  margin-top: 8px;
  cursor: pointer;
  transition: box-shadow .3s ease .1s;
  position: relative;
  border: 1px solid rgba(0, 0, 0, .05)
}

.selecter-wrapper .content-select-con .category-wrappers .proContents .proContent[data-v-59e41f1a]:nth-child(3n+2),
.selecter-wrapper .content-select-con .category-wrappers .proContents .proContent[data-v-59e41f1a]:nth-child(3n+3) {
  margin-left: 7px
}

.selecter-wrapper .content-select-con .category-wrappers .proContents .proContent[data-v-59e41f1a]:hover {
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.selecter-wrapper .content-select-con .category-wrappers .proContents .proContent.active[data-v-59e41f1a] {
  border: 1px solid #f34141
}

.selecter-wrapper .content-select-con .category-wrappers .proContents .proContent .pro-img[data-v-59e41f1a] {
  width: 100%;
  height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 10px
}

.selecter-wrapper .content-select-con .category-wrappers .proContents .proContent .proName[data-v-59e41f1a] {
  padding: 5px 7px 12px;
  width: 100%;
  font-size: 13px;
  color: #000;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis
}

.selecter[data-v-59e41f1a] {
  width: 340px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  cursor: pointer;
  position: relative;
  z-index: 5
}

.selecter.isSelecting[data-v-59e41f1a] {
  border: 1px solid #f6f6f6;
  background: #f6f6f6
}

.selecter.isSelecting .dropdown[data-v-59e41f1a] {
  transform: rotate(180deg)
}

.selecter .selected[data-v-59e41f1a] {
  font-size: 18px;
  line-height: 26px;
  width: 100%;
  height: 100%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.selecter .dropdown[data-v-59e41f1a] {
  width: 14px;
  height: 8px
}

.opacity-6[data-v-d01b1bae] {
  opacity: .6
}

.ellipsis[data-v-d01b1bae] {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ticket-warp[data-v-d01b1bae] {
  max-width: 200px;
  height: 230px;
  position: relative;
  color: #f34141;
  border-radius: 7px;
  overflow: hidden
}

.ticket-warp .status-mark[data-v-d01b1bae] {
  position: absolute;
  top: 5px;
  right: 5px;
  transform: rotate(30deg);
  z-index: 1
}

.ticket-warp .status-mark img[data-v-d01b1bae] {
  height: 70px
}

.ticket-warp.ticket-status-disable[data-v-d01b1bae] {
  opacity: .8
}

.ticket-warp.ticket-status-disable .ticket[data-v-d01b1bae] {
  background: #ececec;
  color: #999 !important
}

.ticket-warp .ticket-status-active[data-v-d01b1bae] {
  cursor: pointer
}

.ticket-warp .ticket-status-active .top[data-v-d01b1bae]:hover {
  color: #f34141 !important
}

.ticket-warp .ticket-status-active[data-v-d01b1bae]:hover {
  border: 1px solid #f99a9a;
  color: #fff !important
}

.ticket-warp .ticket-status-active:hover .top[data-v-d01b1bae] {
  color: #f34141 !important
}

.ticket-warp .ticket-status-active:hover .bottom[data-v-d01b1bae] {
  background: #f34141;
  color: #fff
}

.ticket-warp .ticket-status-active:hover .bottom a[data-v-d01b1bae] {
  color: #fff !important
}

.ticket-warp .ticket-status-active:hover .divider[data-v-d01b1bae] {
  border-bottom: 2px dotted #f34141
}

.ticket-warp .ticket-status-active:hover .divider[data-v-d01b1bae]:after,
.ticket-warp .ticket-status-active:hover .divider[data-v-d01b1bae]:before {
  border: 1px solid #f34141
}

.ticket[data-v-d01b1bae] {
  max-width: 198px;
  height: 228px;
  background: #fff3f3;
  position: relative;
  color: #f34141;
  border-radius: 7px;
  border: 1px solid transparent;
  cursor: not-allowed;
  z-index: 10;
  display: flex;
  flex-direction: column
}

.ticket-status[data-v-d01b1bae] {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.ticket-gauge[data-v-d01b1bae] {
  text-align: center;
  margin: 5px 20px;
  height: 20px
}

.ticket-gauge-line[data-v-d01b1bae] {
  height: 8px;
  border-radius: 7px;
  background-color: #fee0df;
  width: 129px;
  margin-right: 8px
}

.ticket-gauge-line-active[data-v-d01b1bae] {
  height: 8px;
  border-radius: 7px;
  background: linear-gradient(228deg, #f03446, #ff722c)
}

.ticket-gauge-count[data-v-d01b1bae] {
  margin-top: 5px;
  color: #999;
  white-space: nowrap;
  font-size: 13px
}

.ticket .divider[data-v-d01b1bae] {
  border-bottom: 2px dotted #fff
}

.ticket .divider[data-v-d01b1bae]:after,
.ticket .divider[data-v-d01b1bae]:before {
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 169.5px;
  z-index: 11
}

.ticket .divider[data-v-d01b1bae]:before {
  left: -7.5px
}

.ticket .divider[data-v-d01b1bae]:after {
  right: -7.5px
}

.ticket .top[data-v-d01b1bae] {
  padding: 22px 0 16px;
  flex-grow: 1
}

.ticket .bottom[data-v-d01b1bae],
.ticket .top[data-v-d01b1bae] {
  display: flex;
  flex-direction: column;
  align-items: center
}

.ticket .bottom[data-v-d01b1bae] {
  justify-content: center;
  height: 54px;
  font-size: 16px;
  line-height: 23px;
  transition: all .1s ease
}

.ticket-fee[data-v-d01b1bae] {
  font-size: 33px;
  font-weight: 500;
  line-height: 47px
}

.ticket-title[data-v-d01b1bae] {
  font-size: 15px
}

.ticket-desc[data-v-d01b1bae],
.ticket-title[data-v-d01b1bae] {
  width: calc(100% - 36px);
  padding: 0 18px;
  text-align: center;
  line-height: 22px
}

.ticket-desc[data-v-d01b1bae] {
  font-size: 13px
}

.price-tag[data-v-d01b1bae] {
  font-size: 22px
}

.category-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: baseline;
  margin-right: -18px;
  margin-bottom: -18px
}

.category-wrap .category-first-item {
  height: 300px;
  display: flex;
  flex: 0 0 calc(40% - 18px);
  align-items: center;
  justify-content: space-around;
  border-radius: 5px;
  background-size: 100%;
  margin-bottom: 1%;
  margin-right: 18px;
  /* background-color: #1d2024; */
}

.category-wrap .category-item {
  width: calc(20% - 18px);
  margin-bottom: 18px;
  margin-right: 18px
}

.address-card[data-v-db9d6972] {
  padding: 16px 20px;
  min-height: 88px;
  border-radius: 3px;
  border: 1px solid #d5d5d5;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.address-card-default[data-v-db9d6972] {
  border-radius: 2px;
  color: #268af0;
  background-color: #c7e8ff;
  padding: 2px 6px;
  font-size: 10px
}

.address-card-desc[data-v-db9d6972] {
  width: 100%;
  white-space: pre-wrap;
  font-size: 10px
}

.text-field[data-v-c2ef6a28] {
  width: calc(50% - 10px)
}

.address-cards[data-v-470829f2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.address-cards>[data-v-470829f2] {
  width: calc(50% - 10px);
  margin-bottom: 10px;
  cursor: pointer
}

.address-cards-add[data-v-470829f2] {
  min-height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  color: #f05151;
  cursor: pointer
}

.address-cards-add[data-v-470829f2],
.choosen[data-v-470829f2] {
  border: 1px solid #f05151
}

.bind-ticket[data-v-5ab7220a] {
  border-radius: 12px;
  padding-bottom: 32px
}

.bind-ticket-title[data-v-5ab7220a] {
  height: 60px;
  font-size: 18px;
  font-weight: 500
}

.bind-ticket-content[data-v-5ab7220a] {
  padding: 42px 32px 35px;
  font-size: 14px
}

.bind-ticket-content span[data-v-5ab7220a] {
  white-space: nowrap
}

.bind-ticket-desc[data-v-5ab7220a] {
  margin: 35px auto 0;
  width: 516px;
  height: 148px;
  background: #fafafa;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
  padding: 20px
}

.bind-ticket-desc-title[data-v-5ab7220a] {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-bottom: 12px
}

.user-coupon-wrap[data-v-d85ee2ca] {
  width: 100%;
  overflow: hidden;
  position: relative;
  transition: height .2s ease-in-out
}

.user-coupon-wrap[data-v-d85ee2ca]:after,
.user-coupon-wrap[data-v-d85ee2ca]:before {
  position: absolute;
  top: 57px;
  margin-top: -11px;
  content: "";
  border: 2px solid rgba(243, 65, 65, .6);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 10
}

.user-coupon-wrap[data-v-d85ee2ca]:after {
  right: -11px
}

.user-coupon-wrap[data-v-d85ee2ca]:before {
  left: -11px
}

.user-coupon-wrap-disable[data-v-d85ee2ca] {
  filter: grayscale(1);
  opacity: .6
}

.user-coupon[data-v-d85ee2ca] {
  position: relative;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  border: 2px solid rgba(243, 65, 65, .6);
  overflow: hidden
}

.user-coupon-detail[data-v-d85ee2ca] {
  height: 115px
}

.user-coupon-desc[data-v-d85ee2ca] {
  border-top: 1px solid #eaeaea;
  padding: 12px;
  font-size: 12px;
  color: #000;
  line-height: 20px;
  opacity: .55
}

.user-coupon-corner[data-v-d85ee2ca] {
  width: 68px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 24px;
  border-radius: 0 0 0 6px
}

.user-coupon .corner-red[data-v-d85ee2ca] {
  background: rgba(243, 65, 65, .2);
  color: #f34141
}

.user-coupon .corner-yellow[data-v-d85ee2ca] {
  background: rgba(255, 192, 83, .2);
  color: #ffc053
}

.user-coupon .left[data-v-d85ee2ca] {
  width: 146px;
  background: #fff3f3;
  border-right: 1px dashed rgba(243, 65, 65, .24)
}

.user-coupon .left .t1[data-v-d85ee2ca] {
  height: 42px;
  font-size: 24px;
  font-weight: 500;
  color: #f34141
}

.user-coupon .left .t2[data-v-d85ee2ca] {
  height: 19px;
  font-size: 12px;
  font-weight: 400;
  color: #f34141;
  line-height: 18px
}

.user-coupon .right[data-v-d85ee2ca] {
  width: calc(100% - 160px);
  padding-left: 13px;
  padding-top: 16px;
  padding-bottom: 16px
}

.user-coupon .right .status-mark[data-v-d85ee2ca] {
  position: absolute;
  top: 25px;
  right: 20px;
  transform: rotate(45deg)
}

.user-coupon .right .t1[data-v-d85ee2ca] {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

.user-coupon .right .t2[data-v-d85ee2ca] {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 15px;
  opacity: .6
}

.user-coupon .right .t3[data-v-d85ee2ca] {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 24px
}

.order-item-main[data-v-4854d379] {
  padding: 16px 32px 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.order-item-main-img[data-v-4854d379] {
  width: 90px;
  height: 90px;
  position: relative
}

.order-item-main-img .gift-label[data-v-4854d379] {
  font-size: 13px;
  line-height: 24px;
  height: 24px;
  color: #fff;
  background: linear-gradient(90deg, #f5c430, #fca038);
  width: 70px;
  left: 10px;
  position: absolute;
  bottom: 0;
  text-align: center
}

.order-item-main-title[data-v-4854d379] {
  font-size: 16px;
  font-weight: 400;
  flex-grow: 1;
  width: 450px;
  padding-left: 20px;
  padding-right: 20px;
  word-break: break-all
}

.order-item-main-price[data-v-4854d379] {
  width: 200px;
  flex-shrink: 0
}

.order-item-main-price del[data-v-4854d379] {
  margin-left: 8px;
  font-size: .8em;
  opacity: .6
}

.order-item-main-count[data-v-4854d379] {
  min-width: 60px;
  text-align: right;
  white-space: nowrap
}

.order-item-main-options[data-v-4854d379] {
  width: 140px;
  text-align: right
}

.order-item-main-neigouLabel[data-v-4854d379] {
  background: linear-gradient(90deg, #fb6332, #f34141);
  text-align: center;
  border-radius: 30px;
  color: #fff;
  margin-top: -18px;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  width: 80px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}

.order-item-sub[data-v-4854d379] {
  margin-left: 127px;
  margin-right: 170px;
  padding: 12px 0;
  border-top: 1px solid #eaeaea;
  color: rgba(0, 0, 0, .87)
}

.order-item-sub.long-sub[data-v-4854d379] {
  margin-right: 32px
}

.order-item-sub-label[data-v-4854d379] {
  font-size: 14px;
  padding: 5px 12px;
  color: #ec6c15;
  background-color: #ffeacd;
  white-space: nowrap
}

.order-item-sub-img[data-v-4854d379] {
  margin-left: 12px
}

.order-item-sub-title[data-v-4854d379] {
  font-weight: 400;
  flex-grow: 1;
  padding-left: 20px;
  width: 30%
}

.order-item-sub-price[data-v-4854d379] {
  width: 200px
}

.order-item-sub-price del[data-v-4854d379] {
  margin-left: 8px;
  font-size: .8em;
  opacity: .6
}

.order-item-sub-count[data-v-4854d379] {
  min-width: 60px;
  text-align: right
}

.order-item-main-container[data-v-4854d379] {
  flex: 1;
  flex-wrap: wrap
}

.order-item-main-container .sale-points-tags[data-v-4854d379] {
  padding: 0 20px
}

.order-item-main-container .sale-points-tag[data-v-4854d379] {
  font-size: 12px;
  height: 24px;
  margin: 8px 8px 0 0
}

.order-item-main-bd[data-v-4854d379] {
  flex-grow: 1
}

.order-item-main-bd a[data-v-4854d379] {
  color: rgba(0, 0, 0, .87)
}

.afterSaleStatus-wrapper[data-v-4854d379] {
  margin: 16px 32px 16px 16px;
  padding: 16px;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer
}

.afterSaleStatus-wrapper .progress-detail-left-title[data-v-4854d379] {
  font-weight: 500
}

.afterSaleStatus-wrapper .progress-detail-left-desc[data-v-4854d379] {
  opacity: .55;
  margin-top: 6px
}

.afterSaleStatus-wrapper .user-detail[data-v-4854d379] {
  margin-top: 16px;
  font-size: 14px
}

.afterSaleStatus-wrapper .user-detail-left-value[data-v-4854d379] {
  opacity: .55;
  margin-top: 4px
}

.afterSaleStatus-wrapper .user-detail-right[data-v-4854d379] {
  margin-left: 20px
}

.afterSaleStatus-wrapper .user-detail-right-value[data-v-4854d379] {
  margin-top: 4px
}

.order-item-sub-label[data-v-4854d379] {
  border-radius: 4px
}

.order-item[data-v-c3959874] {
  font-size: 14px;
  width: 100%
}

.order-item-main[data-v-c3959874] {
  padding: 6px 32px 6px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.order-item-main-main[data-v-c3959874] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 65%
}

.order-item-main-img[data-v-c3959874] {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  position: relative
}

.order-item-main-title[data-v-c3959874] {
  color: rgba(0, 0, 0, .87);
  padding-right: 10px;
  word-break: break-all;
  white-space: pre-wrap
}

.order-item-main-price[data-v-c3959874] {
  min-width: 80px
}

.order-item-main-price del[data-v-c3959874] {
  margin-left: 8px;
  font-size: .8em;
  opacity: .6
}

.order-item-main-count[data-v-c3959874] {
  width: 20px;
  text-align: right
}

.order-item-main-options[data-v-c3959874] {
  min-width: 100px;
  width: 100px;
  white-space: nowrap
}

.order-item-sub[data-v-c3959874] {
  box-sizing: content-box;
  margin-left: 86px;
  margin-right: 32px;
  padding: 4px 100px 4px 0;
  font-size: 13px;
  color: rgba(0, 0, 0, .87);
  justify-content: space-between
}

.order-item-sub-main[data-v-c3959874] {
  display: flex;
  align-items: center;
  flex-grow: 1
}

.order-item-sub.long-sub[data-v-c3959874] {
  margin-right: 32px
}

.order-item-sub-label[data-v-c3959874] {
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
  color: #ec6c15;
  background-color: #ffeacd;
  border-radius: 4px
}

.order-item-sub-img[data-v-c3959874] {
  margin-left: 8px;
  margin-right: 8px
}

.order-item-sub-title[data-v-c3959874] {
  flex-grow: 1;
  word-break: break-all;
  padding-right: 10px
}

.order-item-sub-price[data-v-c3959874] {
  min-width: 80px
}

.order-item-sub-price del[data-v-c3959874] {
  margin-left: 8px;
  font-size: .8em;
  opacity: .6
}

.order-item-sub-count[data-v-c3959874] {
  min-width: 20px;
  text-align: right
}

.dialog[data-v-1cf3d13e] {
  border-radius: 12px;
  padding-bottom: 30px
}

.dialog .content[data-v-1cf3d13e] {
  margin-left: 40px;
  margin-right: 40px
}

.dialog-title[data-v-1cf3d13e] {
  height: 60px;
  font-size: 18px;
  font-weight: 500
}

.plain-button[data-v-1cf3d13e] {
  width: 156px;
  height: 48px;
  border-radius: 48px;
  border: 1px solid rgba(0, 0, 0, .1);
  line-height: 48px;
  color: #262626;
  background-color: transparent
}

.dialog[data-v-860a7568] {
  border-radius: 12px;
  padding-bottom: 30px
}

.dialog .content[data-v-860a7568] {
  margin-left: 40px;
  margin-right: 40px
}

.dialog-title[data-v-860a7568] {
  height: 60px;
  font-size: 18px;
  font-weight: 500
}

.plain-button[data-v-860a7568] {
  width: 110px;
  height: 48px;
  border-radius: 48px;
  border: 1px solid rgba(0, 0, 0, .1);
  line-height: 48px;
  color: #262626;
  background-color: transparent;
  margin-right: 10px
}

section[data-v-860a7568] {
  margin-bottom: 24px
}

section p[data-v-860a7568] {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px
}

section .tel[data-v-860a7568] {
  color: #007bff;
  text-decoration: underline
}

.bottom-block[data-v-860a7568] {
  text-align: center;
  margin-top: 65px
}

.reason-warn[data-v-860a7568] {
  color: #ff722c;
  margin-top: 16px;
  margin-bottom: 24px
}

.address-card[data-v-49a42c7c] {
  padding: 16px 20px;
  min-height: 88px;
  border-radius: 3px;
  border: 1px solid #d5d5d5;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.address-card-default[data-v-49a42c7c] {
  border-radius: 2px;
  color: #268af0;
  background-color: #c7e8ff;
  padding: 2px 6px;
  font-size: 10px
}

.address-card-desc[data-v-49a42c7c] {
  width: 100%;
  white-space: pre-wrap;
  font-size: 10px
}

.ellipsis[data-v-81c9dfd4] {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.nice-coupon[data-v-81c9dfd4] {
  height: 150px;
  background: #fff;
  display: flex;
  position: relative
}

.nice-coupon .status-mark[data-v-81c9dfd4] {
  position: absolute;
  top: 5px;
  right: 5px;
  transform: rotate(45deg)
}

.nice-coupon .status-mark img[data-v-81c9dfd4] {
  height: 50px
}

.nice-coupon .divider[data-v-81c9dfd4] {
  height: 100%;
  border-left: 1px dashed #f2f2f2;
  position: relative
}

.nice-coupon .divider[data-v-81c9dfd4]:after,
.nice-coupon .divider[data-v-81c9dfd4]:before {
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  background-color: #fafafa;
  border-radius: 50%;
  position: absolute;
  z-index: 11;
  left: -7.5px
}

.nice-coupon .divider[data-v-81c9dfd4]:before {
  top: -7.5px
}

.nice-coupon .divider[data-v-81c9dfd4]:after {
  bottom: -7.5px
}

.nice-coupon .left-row[data-v-81c9dfd4] {
  width: calc(100% - 125px);
  padding: 12px 0
}

.nice-coupon .left-row-title[data-v-81c9dfd4] {
  height: 24px;
  font-size: 13px;
  padding: 0 24px;
  color: #5c5c5c
}

.nice-coupon .left-row-item[data-v-81c9dfd4] {
  display: flex;
  flex-direction: column;
  align-items: center
}

.nice-coupon .left-row-img[data-v-81c9dfd4] {
  height: 72px;
  width: 72px
}

.nice-coupon .left-row-price[data-v-81c9dfd4] {
  font-size: 14px;
  color: #999;
  line-height: 24px
}

.nice-coupon .right[data-v-81c9dfd4] {
  width: 125px
}

.nice-coupon .right .goto-use[data-v-81c9dfd4] {
  width: 84px;
  height: 32px;
  background: rgba(243, 65, 65, .15);
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #f34141;
  line-height: 13px;
  display: flex;
  align-items: center;
  justify-content: center
}

.nice-coupon .right.disabled .red--text[data-v-81c9dfd4] {
  filter: grayscale(1);
  color: #5c5c5c !important
}

.order-item-head[data-v-77e88549] {
  padding: 20px 32px;
  color: #333;
  border-bottom: 1px solid #eaeaea
}

.order-item-head a[data-v-77e88549] {
  color: #333
}

.order-item-time[data-v-77e88549] {
  font-size: 14px;
  color: #333;
  opacity: .5
}

.order-item-foot[data-v-77e88549] {
  border-top: 1px solid #eaeaea;
  padding: 20px 32px;
  color: #333;
  font-size: 14px
}

.plain-button[data-v-77e88549] {
  width: 110px;
  height: 48px;
  border-radius: 48px;
  border: 1px solid rgba(0, 0, 0, .1);
  line-height: 48px;
  margin-right: 10px
}

.order-detail[data-v-77e88549] {
  cursor: pointer
}

.btn_toast[data-v-77e88549] {
  color: #b2b2b2;
  background: #f7f8fa;
  border-width: 0
}

.footer-left button[data-v-77e88549]:last-of-type {
  background-color: #f63434;
  color: #fff;
  border-width: 0;
  margin-right: 0
}

.footer-left button:last-of-type.btn_toast[data-v-77e88549] {
  color: #b2b2b2;
  background: #f7f8fa
}

.special-order-text[data-v-77e88549] {
  width: 100%;
  padding: 15px 0;
  background: #fff4e6;
  border-radius: 12.2741px;
  font-size: 14px;
  line-height: 20px;
  color: #fe722e;
  margin-top: 23px;
  text-align: center
}

.specialAfterSaleBtn[data-v-77e88549] {
  cursor: pointer;
  text-decoration: underline
}

[data-v-77e88549] .afterSaleGoodsDetailBlock .order-item-main-price {
  width: 167px
}

[data-v-77e88549] .afterSaleGoodsDetailBlock .order-item-main-count {
  min-width: 93px
}

.order-item[data-v-29cbc59e] {
  max-width: 100%
}

.order-item-head[data-v-29cbc59e] {
  font-size: 13px;
  padding: 10px 0;
  margin: 0 32px;
  color: #333;
  border-bottom: 1px solid #eaeaea
}

.order-item-head a[data-v-29cbc59e] {
  color: #333
}

.order-item-time[data-v-29cbc59e] {
  font-size: 13px;
  color: #333;
  opacity: .5
}

.order-item-foot[data-v-29cbc59e] {
  border-top: 1px solid #eaeaea;
  padding: 12px 0;
  margin: 0 32px;
  color: #333;
  font-size: 13px
}

.plain-button[data-v-29cbc59e] {
  width: 156px;
  height: 48px;
  border-radius: 48px;
  border: 1px solid rgba(0, 0, 0, .1);
  line-height: 48px;
  margin-right: 20px
}

.btn_toast[data-v-29cbc59e] {
  color: #b2b2b2;
  background: #f7f8fa;
  border-width: 0
}

.footer-left button[data-v-29cbc59e]:last-of-type {
  background-color: #f63434;
  color: #fff;
  border-width: 0;
  margin-right: 0
}

.footer-left button:last-of-type.btn_toast[data-v-29cbc59e] {
  color: #b2b2b2;
  background: #f7f8fa
}

.stepper-container[data-v-fba170a2] {
  margin-top: 12px
}

.step[data-v-fba170a2] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%
}

.step[data-v-fba170a2]:after,
.step[data-v-fba170a2]:before {
  content: "";
  display: block;
  width: 100%;
  position: relative;
  height: 3px;
  top: -5px;
  background-color: #d5d5d5
}

.step[data-v-fba170a2]:last-child {
  flex-basis: 70%
}

.step[data-v-fba170a2]:last-child:after {
  display: none
}

.step[data-v-fba170a2]:first-child {
  flex-basis: 70%
}

.step[data-v-fba170a2]:first-child:before {
  display: none
}

.step.active+.step[data-v-fba170a2]:not(.active):before,
.step.active[data-v-fba170a2]:after,
.step.active[data-v-fba170a2]:before {
  background-color: #f34141
}

.step-inner[data-v-fba170a2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}

.active .step-circle[data-v-fba170a2] {
  background-color: #f34141
}

.step-circle[data-v-fba170a2] {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #d5d5d5;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3
}

.vertical .step[data-v-fba170a2] {
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  width: 100%
}

.vertical .step[data-v-fba170a2]:after {
  display: inline;
  width: 2px;
  position: absolute;
  height: 100%;
  left: 3px;
  top: 7px;
  z-index: 2
}

.vertical .step[data-v-fba170a2]:before,
.vertical .step[data-v-fba170a2]:last-child:after {
  display: none
}

.vertical .step-content[data-v-fba170a2] {
  width: 100%;
  margin-left: 12px
}

.vertical .step-content>[data-v-fba170a2] {
  margin-bottom: 12px
}

.vertical .step-content-title[data-v-fba170a2] {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  line-height: 23px
}

.vertical .step-content-text[data-v-fba170a2] {
  font-weight: 400;
  color: #363636;
  line-height: 22px
}

.vertical .step-content-last-title[data-v-fba170a2] {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  line-height: 23px
}

.vertical .step-content-last-text[data-v-fba170a2] {
  font-weight: 500;
  color: #363636;
  line-height: 22px
}

.desc[data-v-063293d6] {
  margin: 35px 0;
  background: #fafafa;
  font-size: 14px;
  line-height: 24px;
  border-radius: 4px;
  padding: 20px
}

.desc-title[data-v-063293d6] {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-bottom: 12px
}

.table[data-v-063293d6] {
  margin: 30px 40px;
  padding-bottom: 30px;
  overflow-x: auto
}

.table table[data-v-063293d6] {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse
}

.table table td[data-v-063293d6] {
  padding: 16px 29px
}

.table-head[data-v-063293d6] {
  height: 56px;
  background: #fafafa;
  font-size: 14px;
  color: #333;
  line-height: 24px
}

.table-content[data-v-063293d6] {
  border-bottom: 1px solid #f0f0f0
}

.table-content[data-v-063293d6]:last-of-type {
  border-bottom: none
}

.dialog[data-v-6b22dba4] {
  border-radius: 12px;
  padding-bottom: 30px
}

.dialog .content[data-v-6b22dba4] {
  margin-left: 40px;
  margin-right: 40px
}

.dialog-title[data-v-6b22dba4] {
  height: 60px;
  font-size: 18px;
  font-weight: 500
}

.dialog-textarea[data-v-6b22dba4] {
  width: 500px;
  height: 110px;
  background: #f8f6f7;
  border-radius: 4px;
  color: #000;
  margin-bottom: 30px;
  padding: 12px
}

.dialog-textarea[data-v-6b22dba4]:focus {
  border: none;
  outline: none
}

.plain-button[data-v-6b22dba4] {
  width: 110px;
  height: 48px;
  border-radius: 48px;
  border: 1px solid rgba(0, 0, 0, .1);
  line-height: 48px;
  color: #262626;
  background-color: transparent;
  margin-right: 10px
}

.user-coupon-wrap[data-v-a9b8f1b2] {
  width: 100%;
  height: 115px;
  overflow: hidden
}

.user-coupon[data-v-a9b8f1b2] {
  position: relative;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  border: 2px solid rgba(243, 65, 65, .6)
}

.user-coupon .left[data-v-a9b8f1b2] {
  width: 146px;
  border-radius: 8px 0 0 8px;
  background: #fff3f3;
  border-right: 1px dashed rgba(243, 65, 65, .24)
}

.user-coupon .left .t1[data-v-a9b8f1b2] {
  height: 42px;
  font-size: 24px;
  font-weight: 500;
  color: #f34141
}

.user-coupon .left .t2[data-v-a9b8f1b2] {
  height: 19px;
  font-size: 12px;
  font-weight: 400;
  color: #f34141;
  line-height: 18px
}

.user-coupon .right[data-v-a9b8f1b2] {
  width: calc(100% - 160px);
  padding-left: 13px
}

.user-coupon .right .status-mark[data-v-a9b8f1b2] {
  position: absolute;
  right: 20px;
  transform: rotate(45deg)
}

.user-coupon .right .t1[data-v-a9b8f1b2] {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-bottom: 14px
}

.user-coupon .right .t2[data-v-a9b8f1b2] {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 15px;
  opacity: .5
}

.user-coupon .right .t3[data-v-a9b8f1b2] {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 24px;
  opacity: .6
}

.user-coupon[data-v-a9b8f1b2]:after,
.user-coupon[data-v-a9b8f1b2]:before {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  content: "";
  border: 1px solid #f34141;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 2
}

.user-coupon[data-v-a9b8f1b2]:after {
  right: -11px
}

.user-coupon[data-v-a9b8f1b2]:before {
  left: -11px
}

.stepper-container[data-v-c1981798] {
  margin-top: 12px
}

.step[data-v-c1981798] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%
}

.step[data-v-c1981798]:after,
.step[data-v-c1981798]:before {
  content: "";
  display: block;
  width: 100%;
  position: relative;
  height: 3px;
  top: -5px;
  background-color: #d5d5d5
}

.step[data-v-c1981798]:last-child {
  flex-basis: 70%
}

.step[data-v-c1981798]:last-child:after {
  display: none
}

.step[data-v-c1981798]:first-child {
  flex-basis: 70%
}

.step[data-v-c1981798]:first-child:before {
  display: none
}

.step.active+.step[data-v-c1981798]:not(.active):before,
.step.active[data-v-c1981798]:after,
.step.active[data-v-c1981798]:before {
  background-color: #f34141
}

.step-inner[data-v-c1981798] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}

.active .step-circle[data-v-c1981798] {
  background-color: #f34141
}

.step-circle[data-v-c1981798] {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  background-color: #d5d5d5;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3
}

.vertical .step[data-v-c1981798] {
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  width: 100%
}

.vertical .step[data-v-c1981798]:after {
  display: inline;
  width: 2px;
  position: absolute;
  height: 100%;
  left: 3px;
  top: 7px;
  z-index: 2
}

.vertical .step[data-v-c1981798]:before,
.vertical .step[data-v-c1981798]:last-child:after {
  display: none
}

.vertical .step-content[data-v-c1981798] {
  margin-left: 12px;
  margin-top: -10px;
  margin-bottom: 40px
}

.vertical .step-content-title[data-v-c1981798] {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  line-height: 23px
}

.vertical .step-content-text[data-v-c1981798] {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #363636;
  line-height: 22px
}

.vertical.avtive .step-content[data-v-c1981798] {
  margin-left: 12px
}

.vertical.avtive .step-content-title[data-v-c1981798] {
  font-size: 16px;
  font-weight: 400;
  color: #343a40;
  line-height: 23px
}

.vertical.avtive .step-content-text[data-v-c1981798] {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #363636;
  line-height: 22px
}

.star-rating__checkbox[data-v-681ebfa2] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

.star-rating__star.is-enabled:hover span[data-v-681ebfa2],
.star-rating__star.is-selected span[data-v-681ebfa2],
.star-rating__star span[data-v-681ebfa2] {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px
}

.star-rating__star.is-enabled:hover span[data-v-681ebfa2],
.star-rating__star.is-selected span[data-v-681ebfa2] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='58' width='58' fill-rule='evenodd'%3E%3Cpath d='M30.757 1.145L38.2 16.948a1.97 1.97 0 001.475 1.123l16.645 2.534a2.08 2.08 0 011.086 3.501L45.362 36.41a2.113 2.113 0 00-.563 1.817l2.843 17.37a1.98 1.98 0 01-2.843 2.164l-14.887-8.2a1.88 1.88 0 00-1.823 0L13.2 57.76a1.98 1.98 0 01-2.843-2.164l2.843-17.37a2.117 2.117 0 00-.563-1.817L.594 24.107a2.08 2.08 0 011.086-3.501l16.645-2.534a1.97 1.97 0 001.475-1.123l7.444-15.804a1.92 1.92 0 013.514 0z' fill='%23ff722c'/%3E%3Cpath d='M17.148 38.872a6.127 6.127 0 00-1.654-5.263L6.07 23.983l12.856-1.957a5.998 5.998 0 004.5-3.37L29 6.802l5.58 11.85a5.97 5.97 0 004.492 3.373l12.856 1.957-9.426 9.627a6.121 6.121 0 00-1.652 5.264l2.185 13.348-11.194-6.167a5.88 5.88 0 00-5.683-.001L14.963 52.22l2.185-13.35z' fill='%23ff722c'/%3E%3C/svg%3E")
}

.star-rating__star span[data-v-681ebfa2] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='58' width='58' fill-rule='evenodd'%3E%3Cpath d='M30.757 1.145L38.2 16.948a1.97 1.97 0 001.475 1.123l16.645 2.534a2.08 2.08 0 011.086 3.501L45.362 36.41a2.113 2.113 0 00-.563 1.817l2.843 17.37a1.98 1.98 0 01-2.843 2.164l-14.887-8.2a1.88 1.88 0 00-1.823 0L13.2 57.76a1.98 1.98 0 01-2.843-2.164l2.843-17.37a2.117 2.117 0 00-.563-1.817L.594 24.107a2.08 2.08 0 011.086-3.501l16.645-2.534a1.97 1.97 0 001.475-1.123l7.444-15.804a1.92 1.92 0 013.514 0z' fill='%23f0f0f0'/%3E%3Cpath d='M17.148 38.872a6.127 6.127 0 00-1.654-5.263L6.07 23.983l12.856-1.957a5.998 5.998 0 004.5-3.37L29 6.802l5.58 11.85a5.97 5.97 0 004.492 3.373l12.856 1.957-9.426 9.627a6.121 6.121 0 00-1.652 5.264l2.185 13.348-11.194-6.167a5.88 5.88 0 00-5.683-.001L14.963 52.22l2.185-13.35z' fill='%23fff'/%3E%3C/svg%3E")
}

.star-rating__star[data-v-681ebfa2] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 1.5em;
  color: #ababab;
  transition: color .2s ease-out;
  padding: 3px 3px 3px 5px
}

.float-wrap-btn:hover .multi-color-svg {
  display: none !important;
}

.float-wrap-btn a {
  color: #666;
}

.float-wrap-btn:hover span a {
  color: #22ac67
}

.float-wrap-btn:hover .multi-color-svg-hover {
  display: block !important;
}

.menu3:hover .feedback-menu {
  display: block !important;
}

.feature {
  padding: 30px 0 70px;
  background: #fff;
  margin-top: 50px;
}

.feature_list {
  width: 1200px;
  margin: 0 auto;
  border-bottom: 1px solid #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.feature_item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1%;
  font-size: 18px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  display: inline-block
}

.feature_item .text {
  vertical-align: middle
}

.feature_item .v-icon {
  font-size: 35px;
  vertical-align: middle;
  margin-right: 5px
}