.header {
  z-index: 9;
  position: relative;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.items-center {
  align-items: center;
}
.flex-col {
  flex-direction: column;
}
.flex-1 {
  flex: 1;
}
.grid {
  display: grid;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.left-0 {
  left: 0;
}
.top-0 {
  top: 0;
}
.top-3px {
  top: 3px;
}
.top-10px {
  top: 10px;
}
.right-0 {
  right: 0;
}
.right-20px {
  right: 20px;
}

.m-auto {
  margin: auto;
}
.m-0 {
  margin: 0;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-30px {
  margin-bottom: 30px;
  margin-top: 30px;
}
.my-50px {
  margin-bottom: 50px;
  margin-top: 50px;
}
.mt-8px {
  margin-top: 8px;
}
.mr-5px {
  margin-right: 5px;
}
.mb-36px {
  margin-bottom: 36px;
}
.ml-5px {
  margin-left: 5px;
}
.ml-7px {
  margin-left: 7px;
}
.ml-20px {
  margin-left: 20px;
}
.ml-60px {
  margin-left: 60px;
}

.p-0 {
  padding: 0;
}
.p-10 {
  padding: 2.5rem;
}
.p-20px {
  padding: 20px;
}
.px-16px {
  padding-left: 16px;
  padding-right: 16px;
}
.px-20px {
  padding-left: 20px;
  padding-right: 20px;
}
.px-4px {
  padding-left: 4px;
  padding-right: 4px;
}
.py-20px {
  padding-bottom: 20px;
  padding-top: 20px;
}
.pt-100 {
  padding-top: 100%;
}
.pt-20px {
  padding-top: 20px;
}
.pt-30px {
  padding-top: 30px;
}
.pt-40px {
  padding-top: 40px;
}
.pr-14px {
  padding-right: 14px;
}

.w-full {
  width: 100%;
}
.w-7px {
  width: 7px;
}
.w-14px {
  width: 14px;
}
.w-16px {
  width: 16px;
}
.w-20px {
  width: 20px;
}
.w-36px {
  width: 36px;
}
.w-86px {
  width: 86px;
}
.w-100px {
  width: 100px;
}
.w-160px {
  width: 160px;
}
.w-280px {
  width: 280px;
}
.w-500px {
  width: 500px;
}
.w-1200px {
  width: 1200px;
}
.w-460px {
  width: 460px;
}
.w-calc-486px {
  width: calc(100% - 486px);
}
.w-calc-86px {
  width: calc(100% - 86px);
}

.h-full {
  height: 100%;
}
.h-0 {
  height: 0;
}
.h-14px {
  height: 14px;
}
.h-16px {
  height: 16px;
}
.h-20px {
  height: 20px;
}
.h-34px {
  height: 34px;
}
.h-36px {
  height: 36px;
}
.h-65px {
  height: 65px;
}
.h-450px {
  height: 450px;
}
.h-460px {
  height: 460px;
}

.bg-white {
  background-color: rgba(255,255,255,1);
}
.bg-gray-900 {
  background-color: rgba(17,24,39,.5);
}

.transform {
  transform: scale3d(1, 1, 1);
}
.cursor-pointer {
  cursor: pointer;
}
.rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
.place-content-center {
  place-content: center;
}

.rounded-2, .rounded-lg {
  border-radius: .5rem;
}
.rounded-8px {
  border-radius: 8px;
}
.rounded-3px {
  border-radius: 3px;
}
.shadow {
  box-shadow: 0 0 transparent, 0 0 transparent, 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
}
.shadow2 {
  box-shadow: 0 0 rgba(0,0,0,.01), 0 0 rgba(0,0,0,.01), 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
}
.transition, .transition-200 {
  transition-property: color, background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
}
.transition-200 {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.ease, .ease-in-out {
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.hover\:scale-105:hover {
  transform: scale3d(1.05, 1.05, 1);
}

.hidden, .hidden_1 {
  display: none;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0 20px;
}
.list {
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  justify-content: space-evenly;
}
.detail {
  padding: 20px 0 0;
}
.bg-gray-900 {
  background-color: rgba(17,24,39, .5);
}
.text-14px {
  font-size: 14px;
}
.text-16px {
  font-size: 16px;
}
.text-18px {
  font-size: 18px;
}
.text-20px {
  font-size: 20px;
}
.text-24px {
  font-size: 24px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-500, .font-medium {
  font-weight: 500;
}
.font-600, .font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.leading-20px, .lh-20px {
  line-height: 20px;
}
.leading-24px, .lh-24px {
  line-height: 24px;
}
.leading-27px, .lh-27px {
  line-height: 27px;
}
.leading-29px, .lh-29px {
  line-height: 29px;
}
.leading-36px, .lh-36px {
  line-height: 36px;
}
.leading-60px, .lh-60px {
  line-height: 60px;
}
.color-333, .text-333 {
  color: rgba(51,51,51,1);
}
.color-999, .text-999 {
  color: rgba(153,153,153,1);
}
.color-orange, .text-orange {
  color: orange;
}
.text-FF4F4F {
  color: rgba(255,79,79,1);
}
.text-FFBC21 {
  color: rgba(255,188,33, 1);
}
.dark .dark\:text-white, .text-fff, .text-FFF, .text-white {
  color: rgba(255,255,255,1);
}


.btn {
  cursor: pointer;
  text-transform: none;
  border: none;
  background: linear-gradient(126deg,#00c6ff,#00a1ff);
  color: rgba(255,255,255, 1);
  outline: none;
}
.btn[disabled] {
  cursor: not-allowed;
  background: #d2d2d2;
  color: #999;
}
.input {
  border: 1px solid #999;
}

.wx-tabs--border-card {
  background: #FFF;
  border: 1px solid #dcdfe6;
  border: none;
}
.wx-tabs__header {
  margin: 0 0 15px;
  padding: 0;
  position: relative;
}
.wx-tabs--border-card>.wx-tabs__header {
  background-color: #F5F7fA;
  border-bottom: 2px solid #ffbc21;
  margin: 0;
}
.wx-tabs__nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}
.wx-tabs__nav-scroll {
  overflow: hidden;
  background-color: #fff;
}
.wx-tabs__nav {
  float: left;
  position: relative;
  transition: transform .3s;
  white-space: nowrap;
  z-index: 2;
}
.wx-tabs__item {
  box-sizing: border-box;
  color: #333;
  display: inline-block;
  font-size: 18px!important;
  font-weight: 500;
  list-style: none;
  padding: 0 20px;
  position: relative;
  outline: 0;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
}
.wx-tabs--border-card>.wx-tabs__header .wx-tabs__item+.wx-tabs__item,
.wx-tabs--border-card>.wx-tabs__header .wx-tabs__item:first-child {
  margin-left: -1px;
}
.wx-tabs--border-card>.wx-tabs__header .wx-tabs__item {
  border: 1px solid transparent;
  color: var(--wx-text-color-secondary);
  margin-top: -1px;
  transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.wx-tabs--top.wx-tabs--border-card>.wx-tabs__header .wx-tabs__item:last-child {
  padding-right: 20px;
}
.wx-tabs--border-card>.wx-tabs__header .wx-tabs__item.is-active {
  background: #ffbc21;
  border-left: none;
  border-right: none;
  color: #fff;
}
.wx-tabs__content {
  overflow: hidden;
  position: relative;
}
.wx-tabs--border-card>.wx-tabs__content {
  padding: 15px;
}
/* 2023-10-25 13:49:21 商城多个支付样式---start */
.choose_pay {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.choosetype_lh{
  width: 45%;
  display: flex;
}
.choosetype_lh span{
  width: 100%;
}
.margin_bottom15{
  margin-bottom:15px;
}
.choosetype_lh:nth-child(2n){
  margin-left: 20px;
}
/* 2023-10-25 13:49:21 商城多个支付样式---end */
