weijinxiao/weijinxiao-WechatApp/pages/myinfo/vippage/vippage.wxss

page {
  background: #fff;
}

.page {
  background: #fff;
  margin: 30rpx;
}

.top {
  background-image: linear-gradient(50deg, #e6c372 0%, #c6a64c 100%);
  border-radius: 12rpx;
  height: 300rpx;
  position: relative;
}

.top.vip {
  background-image: linear-gradient(-45deg, #ff5982 0%, #ffaf63 100%) !important;
}

.top image {
  width: 104rpx;
  height: 104rpx;
  position: absolute;
  left: 50%;
  margin-left: -52rpx;
  top: 50rpx;
}

.vipshow {
  position: absolute;
  top: 200rpx;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 32rpx;
}

.toptip {
  position: absolute;
  top: 200rpx;
  width: 100%;
  text-align: center;
  color: #fff;
}

.mtitle {
  height: 150rpx;
  line-height: 150rpx;
}

.mmtitle {
  flex: 1;
  text-align: center;
}

.mtitle .flex1 {
  position: relative;
}

.mleft::after {
  position: absolute;
  content: ' ';
  width: 150rpx;
  height: 6rpx;
  right: 0;
  top: 50%;
  margin-top: -3rpx;
  background-image: linear-gradient(50deg, #fff 0%, #ca9c51 100%);
}

.mright::before {
  position: absolute;
  content: ' ';
  width: 150rpx;
  height: 6rpx;
  left: 0;
  top: 50%;
  margin-top: -3rpx;
  background-image: linear-gradient(50deg, #ca9c51 0%, #fff 100%);
}

.row1 {
  height: 100rpx;
  line-height: 100rpx;
}

.row1 input {
  width: 100rpx;
  text-align: center;
  background: #f2f2f2;
  border-radius: 4rpx;
  height: 60rpx;
  margin: 20rpx 30rpx 0 30rpx;
}

.bottomborder {
  border-bottom-color: #dcdcdc !important;
}

.yjg {
  color: #999;
  font-size: 22rpx;
  margin-left: 20rpx;
  line-height: 108rpx;
}

.buynow.vip {
  background-image: linear-gradient(-45deg, #ff5982 0%, #ffaf63 100%) !important;
}

.buynow {
  background-image: linear-gradient(-129deg, #e6c372 0%, #c6a64c 100%);
  border-radius: 44rpx;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  color: #fff;
  margin-top: 40rpx;
}

.mtip {
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  color: #666;
  font-size: 22rpx;
}

.lefttitle {
  font-size: 32rpx;
  height: 80rpx;
  line-height: 80rpx;
  font-weight: 400;
}

.lefttip {
  height: 50rpx;
  line-height: 50rpx;
}

.buyparts {
  height: 150rpx;
  line-height: 150rpx;
  margin-top: 40rpx;
  margin-bottom: 30rpx;
}

.buypart {
  border: 1rpx solid #e4b76f;
  background: #fffae9;
  border-radius: 12rpx;
  text-align: center;
  margin-right: 30rpx;
}

.buypart:nth-child(3) {
  margin-right: 0 !important;
}

.buypart text {
  color: #b97f21;
  font-size: 48rpx;
}

.viptip {
  background: #fffbee;
  padding: 20rpx;
  line-height: 40rpx;
  margin-bottom: 20rpx;
}