/* pages/ztbvip/index.wxss */

.header-bg {
  margin-top: 0px;
  width: 100%;
  height: 80px;
  background: linear-gradient(314deg, rgba(50, 107, 250, 1) 0%, rgba(0, 138, 255, 1) 100%);
  border-bottom-left-radius: 64rpx;
  border-bottom-right-radius: 64rpx;
}

.header-box {
  width: 700rpx;
  height: 335rpx;
  background-image: url(https://pic.downk.cc/item/5f1bab9214195aa594620821.png);
  background-size: cover;
  padding:32rpx 24rpx;
  /* box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 0.32);
  border-radius: 6px; */
}

.userinfo-avatar {
  overflow: hidden;
  width: 120rpx;
  height: 120rpx;
  border-radius: 12rpx;
  border: 2px solid #fff;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.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;
}

.realName {
  max-width: 100px;
  white-space: nowrap;
}

.page-btn {
  height: 90rpx;
  width: 100%;
  background:  #d0a45c;
	box-shadow: 0px 4px 14px -6px rgba(255, 43, 45, 0.8);
	color: white;
	font-size: 32rpx;
}

.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: 6%;
  border: 2rpx solid #DBDBDB;
}
.openVip22{
  border-radius: 6%;
  border: 2rpx solid #d0a45c;
  background-color: #fefaf1;
}
.openVipBtn{
  background-color: #f2d48e;
  color:white;
  font-weight:300;
}

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

.name {
  display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}