/* 支付方式网格布局样式 */
.paymentMethod .cube-scroll-nav-bar-items[data-v-55720811] {
  padding: .2rem;
  overflow-x: visible;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .2rem;
}

.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item[data-v-55720811] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
 
  border-radius: .15rem;
  margin: 0;
  padding: .3rem .2rem;
  background-color: #ffffff;
  border: .02rem solid #e0e0e0;
  position: relative;
  box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.05);
}

.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item .methodBox[data-v-55720811] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: visible;
}

.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item .methodBox img[data-v-55720811] {
  height: .9rem;
  width: .9rem;
  margin-right: 0;
  margin-bottom: .5rem;
  object-fit: contain;
}

.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item .methodBox .info[data-v-55720811] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item .methodBox .info p[data-v-55720811] {
  line-height: .45rem;
  font-size: .35rem;
  text-align: center;
  margin-bottom: 0;
  color: #333;
  font-weight: 500;
}

.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item .methodBox .info .pay-intr[data-v-55720811] {
  display: none;
}

/* 添加送2%标签 */
.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item .methodBox::after {
  content: '送2%';
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ff6363;
  color: white;
  font-size: .25rem;
  padding: .05rem .1rem;
  border-bottom-left-radius: .1rem;
  border-top-right-radius: .15rem;
  z-index: 10;
  font-weight: 500;
}

/* 保持激活状态的样式 */
.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item.cube-scroll-nav-bar-item_active[data-v-55720811] {
  border: .026667rem solid #4290ff !important;
  background-color: #fff;
}

.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item .methodBox .check[data-v-55720811] {
  display: none !important;
}

.paymentMethod .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item.cube-scroll-nav-bar-item_active div .check[data-v-55720811] {
  display: none !important;
}