/* xtends//vip/index.wxss */ .header-box { width: 700rpx; /* height: 335rpx; */ border-radius: 12rpx; 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; */ } .van-hairline, .van-hairline--bottom, .van-hairline--left, .van-hairline--right, .van-hairline--surround, .van-hairline--top, .van-hairline--top-bottom { position: relative } .van-hairline--bottom:after, .van-hairline--left:after, .van-hairline--right:after, .van-hairline--surround:after, .van-hairline--top-bottom:after, .van-hairline--top:after, .van-hairline:after { position: absolute; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; content: " "; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid #9B6C48; -webkit-transform: scale(.5); transform: scale(.5) } .van-hairline--top:after { border-top-width: 1px } .van-hairline--left:after { border-left-width: 1px } .van-hairline--right:after { border-right-width: 1px } .van-hairline--bottom:after { border-bottom-width: 1px } .van-hairline--top-bottom:after { border-width: 1px 0 } .van-hairline--surround:after { border-width: 1px } .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); } .vip-btn { width: 180rpx; background: #F1DAB0; color: #CE9754; margin-left: 8rpx; font-size: 28rpx; border-radius: 5000rpx; box-shadow: 0px 0px 16rpx 6rpx rgba(206,151,84, 0.32); position: relative; border: 0rpx; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 30rpx; font-size: 28rpx; height: 64rpx; line-height: 1; text-align: center; text-decoration: none; overflow: visible; margin-left: initial; transform: translate(0rpx, 0rpx); margin-right: initial; } .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); }