/* pages/ztbvip/index.wxss */
.header-box {
  width: 686rpx;
  height: 386rpx;
  position: absolute;
  top: 32rpx;
  left: 32rpx;
  padding: 16rpx 32rpx;
  display: flex;
}

 
.account-bg {
  background: linear-gradient(314deg, rgba(50, 107, 250, 1) 0%, rgba(0, 138, 255, 1) 100%);
  border-radius: 6px;
}

.money {
  font-size: 44rpx;
  font-family: SFProDisplay-Semibold, SFProDisplay;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
}

.label {
  font-size: 24rpx;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

.img-auth {
  width: 32rpx;
  height: 32rpx;
  margin-left: 24rpx;
  margin-right: 12rpx
}

.img-auth2 {
  width: 32rpx;
  height: 32rpx;
}

.btn-login{
  background-image: linear-gradient(270deg, #A5A5A5 0%, #C3C3C3 100%);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
  border-radius: 4px;
  color: white;
}

.page-btn {
  height: 90rpx;
  width: 100%;
  background-image: linear-gradient(90deg, #FFEAD0 0%, #FFCE90 100%);
	color: #7E561C;
	font-size: 36rpx;
}

.vip-btn {
  /* height: 90rpx; */
  width: 180rpx;
  background:  #F1DAB0;
  color: #CE9754;
  margin-left: 8rpx;
  font-size: 28rpx;
  box-shadow: 0px 0px 16rpx 6rpx rgba(206,151,84, 0.32);
}

.openVip{
  padding: 16rpx; 
  text-align: center;
}
.openVip21{
  border-radius: 16rpx;
  height: 100%;
  flex-direction: column;
  border: 2rpx solid #DBDBDB;
}
.openVip22{
  border-radius: 16rpx;
  height: 100%;
  flex-direction: column;
  border: 2rpx solid #d0a45c;
  /* background-color: #fefaf1; */
}
 

.cu-tags {
  border-top-left-radius: 16rpx;
  border-bottom-right-radius: 16rpx;
  background-color: #dd514c;
	position: absolute;
	top: -24rpx;
	left: -2rpx;
	font-size: 24rpx;
	padding: 10rpx 16rpx;
	color: var(--white);
}
.cu-checked{
  position: absolute;
  right: -2rpx;
  top: -2rpx;
  width: 40rpx;
  height: 40rpx;
}

.foot-bg{
  background-image: linear-gradient(180deg, #2B292C 0%, #3C3A34 100%);
}