.bc {
  background-color: #F5F9FA;
}
.text-c {
  color: #7685A1;
  font-size: 16px;
}
.blur {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.pre {
  white-space: pre-line;
}
.border {
  border-radius: 8px;
  border: 2px solid #F5F9FA;
  padding: 20px;
}
.flex-space-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-flex-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@font-face {
  font-family: "Montserrat";
  src: url("/static/bin/Montserrat.ttf");
}
:root {
  --td-brand-color: #34A1FF;
  --td-brand-color-hover: #34A1FF;
  --td-warning-color: yellow;
  --td-error-color: red;
  --td-success-color: green;
  --td-font-family: "Montserrat", PingFang SC, Microsoft YaHei, Arial Regular, serif;
  --td-font-family-medium: "Montserrat", PingFang SC, Microsoft YaHei, Arial Regular, serif;
  --td-font-size-body-medium: 18px;
  --td-font-size-link-medium: 18px;
}
.text-success {
  color: var(--td-success-color);
}
.text-danger {
  color: var(--td-error-color);
}
html,
body {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  font-size: 18px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0;
  margin: 0;
  font-family: "Montserrat", PingFang SC, Microsoft YaHei, Arial Regular, serif;
}
[v-cloak] {
  display: none;
}
h1,
h2,
h3,
h4 {
  line-height: 150%;
}
#app {
  position: relative;
  height: 100vh;
  overflow-y: auto;
}
.toTop {
  width: 40px;
  background: unset;
}
.toTop img {
  width: 100%;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-primary {
  color: #34A1FF !important;
}
.p0 {
  padding: 0 !important;
}
.p20 {
  padding: 20px !important;
}
.pr100 {
  padding-right: 100px !important;
}
.pl100 {
  padding-left: 100px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.mr100 {
  margin-right: 100px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.ml100 {
  margin-left: 100px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.pr95 {
  padding-right: 95px !important;
}
.pl95 {
  padding-left: 95px !important;
}
.pt95 {
  padding-top: 95px !important;
}
.pb95 {
  padding-bottom: 95px !important;
}
.mr95 {
  margin-right: 95px !important;
}
.mt95 {
  margin-top: 95px !important;
}
.ml95 {
  margin-left: 95px !important;
}
.mb95 {
  margin-bottom: 95px !important;
}
.pr90 {
  padding-right: 90px !important;
}
.pl90 {
  padding-left: 90px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pb90 {
  padding-bottom: 90px !important;
}
.mr90 {
  margin-right: 90px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.ml90 {
  margin-left: 90px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.pr85 {
  padding-right: 85px !important;
}
.pl85 {
  padding-left: 85px !important;
}
.pt85 {
  padding-top: 85px !important;
}
.pb85 {
  padding-bottom: 85px !important;
}
.mr85 {
  margin-right: 85px !important;
}
.mt85 {
  margin-top: 85px !important;
}
.ml85 {
  margin-left: 85px !important;
}
.mb85 {
  margin-bottom: 85px !important;
}
.pr80 {
  padding-right: 80px !important;
}
.pl80 {
  padding-left: 80px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.mr80 {
  margin-right: 80px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.pr75 {
  padding-right: 75px !important;
}
.pl75 {
  padding-left: 75px !important;
}
.pt75 {
  padding-top: 75px !important;
}
.pb75 {
  padding-bottom: 75px !important;
}
.mr75 {
  margin-right: 75px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.ml75 {
  margin-left: 75px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.pr70 {
  padding-right: 70px !important;
}
.pl70 {
  padding-left: 70px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.ml70 {
  margin-left: 70px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.pr65 {
  padding-right: 65px !important;
}
.pl65 {
  padding-left: 65px !important;
}
.pt65 {
  padding-top: 65px !important;
}
.pb65 {
  padding-bottom: 65px !important;
}
.mr65 {
  margin-right: 65px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.ml65 {
  margin-left: 65px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.pr55 {
  padding-right: 55px !important;
}
.pl55 {
  padding-left: 55px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pb55 {
  padding-bottom: 55px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover:after,
a:visited:after,
a:link:after,
a:active:after {
  display: none;
}
.content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 10px;
}
.van-image {
  display: block;
  width: 100%;
  height: 100%;
}
header {
  height: 50px;
  background-color: #fff;
  display: none;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
header.show {
  display: block;
}
header .content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .navs,
header .user,
header .logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
header .navs .t-menu__item,
header .user .t-menu__item,
header .logo .t-menu__item {
  color: #7685A1;
}
header .navs .active .t-menu__item,
header .user .active .t-menu__item,
header .logo .active .t-menu__item,
header .navs .active .t-menu__content,
header .user .active .t-menu__content,
header .logo .active .t-menu__content {
  color: #000;
}
header .navs .t-link,
header .user .t-link,
header .logo .t-link {
  color: #68758F;
  font-weight: 500;
}
header .navs .t-link:hover,
header .user .t-link:hover,
header .logo .t-link:hover {
  color: #31415F;
}
.body {
  padding-top: 50px;
  min-height: 65vh;
  margin-bottom: 40px;
  overflow: hidden;
}
footer {
  background-color: #F5F9FA;
}
footer .t-row,
footer .t-link {
  font-size: 14px;
}
footer .content {
  padding: 70px 10px;
  overflow: hidden;
}
footer .content h1 {
  position: relative;
  padding-bottom: 14px;
  display: inline-block;
  margin-bottom: 40px;
}
footer .content h1:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 2px;
  background: #34A1FF;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition: 0.5s;
}
footer .content .card:hover h1:after {
  width: 100%;
}
footer .content ul {
  list-style: disc;
  display: flex;
  flex-direction: column;
  gap: 36px;
  margin-left: 20px;
}
footer .copyright {
  background: #34A1FF;
  font-size: 14px;
}
footer .copyright .content {
  padding: 20px 10px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.mini .copyright {
  padding-bottom: 40px;
}
.body .card {
  background-color: #fff;
  position: relative;
  border-radius: 8px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition: 0.5s;
}
.body .card:hover {
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
  color: #34A1FF;
  transform: translate(0, -10px);
}
.t-popup__content {
  box-shadow: none;
}
.t-head-menu {
  background-color: unset;
}
.t-head-menu.none {
  width: auto;
}
.t-head-menu.none .t-menu__item {
  padding: 0;
}
.t-head-menu.none .t-fake-arrow {
  display: none;
}
.t-head-menu__inner .t-menu:first-child {
  margin-left: 0;
}
.t-menu__item {
  color: #68758F;
}
.t-popup[data-popper-placement^=right] .t-popup__content {
  margin-left: -10px !important;
}
.t-menu__popup {
  border-radius: 0;
  border-top: 4px solid #34A1FF;
  font-size: 14px;
}
.t-menu__popup .t-menu__popup-wrapper {
  padding: 0;
}
.t-menu__popup.t-is-opened {
  box-shadow: none;
}
.t-pagination {
  justify-content: center;
}
.search {
  height: 60px;
  position: relative;
}
.search .t-input {
  padding: 20px 20px 20px 50px;
}
.search .t-input ::placeholder {
  /*  textarea 也需要单独设置 */
  color: #BBC0C9;
}
.search .icon {
  position: absolute;
  left: 20px;
  top: 18px;
  color: #7685A1;
  font-size: 26px;
  z-index: 2;
}
.search .t-button {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: 8px;
  padding: 0 30px;
}
.t-button {
  border-radius: 8px;
}
.t-button.t-button--shape-round {
  border-radius: 100px;
}
.t-button.t-size-l {
  height: 60px;
}
.t-button.t-button--variant-outline {
  border-color: #34A1FF;
  color: #34A1FF;
}
.t-input {
  height: 60px;
  border-radius: 8px;
  padding: 10px 20px;
}
.t-input input {
  height: 100%;
}
.t-textarea__inner {
  border-radius: 8px;
  padding: 20px;
}
.van-toast {
  z-index: 99999 !important;
}
.t-tag.t-tag--round {
  border-radius: 100px;
}
.t-input-number {
  padding: 0 42px;
}
.t-input-number .t-input {
  height: 40px;
  padding: 10px;
}
.t-input-number .t-input-number__increase,
.t-input-number .t-input-number__decrease {
  height: 40px;
  width: 40px;
}
.t-form__controls {
  margin-top: 10px;
}
.t-form__label--right {
  line-height: 60px;
}
.t-select-option,
.t-select__empty {
  height: 40px;
  line-height: 40px;
}
.t-input__extra,
.t-input__help {
  font-size: 14px;
}
.mini body {
  font-size: 14px;
}
.mini :root {
  --td-font-size-body-medium: 14px;
  --td-font-size-link-medium: 14px;
}
.mini .t-input {
  height: 40px;
  padding: 10px;
}
.mini .t-textarea__inner {
  padding: 10px;
}
.mini .t-form__label--right {
  line-height: 40px;
}
.mini .t-button.t-size-l {
  height: 40px;
}
.mini .search {
  height: 40px;
}
.mini .search input {
  font-size: 14px;
  padding: 10px 10px 10px 35px;
}
.mini .search .icon {
  top: 10px;
  left: 10px;
  font-size: 20px;
}
.mini .search .t-button {
  padding: 0 15px;
}
.swiper-wrapper {
  position: relative;
}
.swiper-wrapper .item {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.swiper-wrapper .item .content {
  height: 100%;
  display: flex;
  align-items: center;
}
.swiper-wrapper .item .content h1 {
  max-width: 600px;
}
.swiper-wrapper .item .content h2 {
  max-width: 600px;
  white-space: pre-line;
}
.bx .productImg.van-image {
  width: 100%;
  border-radius: 8px;
  background: linear-gradient(-10deg, #CAE8D8, transparent);
}
.bx .productImg.van-image .van-image__img {
  mix-blend-mode: multiply;
  border-radius: 8px;
}
.bx:nth-child(3n) .productImg.van-image {
  background: linear-gradient(-10deg, #CAE8D8, transparent);
}
.bx:nth-child(3n+1) .productImg.van-image {
  background: linear-gradient(-10deg, #C8D9F5, transparent);
}
.bx:nth-child(3n+2) .productImg.van-image {
  background: linear-gradient(-10deg, #B4E6E6, transparent);
}
.bx .card {
  padding: 0 0 40px 0;
}
.t-typography--primary {
  color: #34A1FF;
}
.img {
  position: relative;
}
.img .discount {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #FB3E3D;
  color: #fff;
  padding: 8px 18px;
  border-radius: 18px 8px 8px 0;
}
.t-dialog {
  width: auto;
  max-width: 800px;
  min-width: 500px;
}
.max .t-dialog,
.t-dialog.t-dialog__fullscreen {
  width: 100%;
  max-width: 100%;
}
.max .t-dialog .t-dialog__body,
.t-dialog.t-dialog__fullscreen .t-dialog__body {
  padding: 0;
}
.mini .t-dialog {
  width: 100%;
  min-width: 100px;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.t-table {
  font-size: 16px;
}
.t-dialog__close {
  width: 30px;
  height: 30px;
}
.t-dialog__close .t-icon {
  width: 30px;
  height: 30px;
}
.required::before {
  content: '*';
  color: red;
  margin-right: 5px;
}
.required.t-form__item::before {
  display: none;
}
.required.t-form__item .t-form__label label::before {
  content: '*';
  color: red;
  margin-right: 5px;
}