.commonPageBox {
  height: 100% !important;
}
.vip_block {
  padding: 20rpx;
}
.vip_item {
  width: 100%;
  padding: 30rpx 20rpx;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0px #a7bbe4;
  margin-bottom: 20rpx;
  position: relative;
}
.vip_item_title {
  display: inline-block;
  height: 46rpx;
  line-height: 46rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #fff;
  padding: 0 12rpx;
  border-radius: 15rpx;
  background-image: -webkit-linear-gradient(left, #3AB3AE 0%, #00e1ec 100%);
  background-image: linear-gradient(90deg, #3AB3AE 0%, #00e1ec 100%);
}
.vip_item_special .vip_item_title {
  height: 50rpx;
  line-height: 50rpx;
  font-size: 26rpx;
  background-image: -webkit-linear-gradient(left, #ff1f00 0%, #fa9f93 100%);
  background-image: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
}
.vip_price {
  margin-top: 5rpx;
}
.vip_price text,
.vip_qx text,
.vip_qx_v {
  display: inline-block;
  font-size: 28rpx;
  line-height: 40rpx;
}
.vip_item_used {
  position: absolute;
  right: 20rpx;
  bottom: 20rpx;
  font-size: 24rpx;
  color: #427ec5;
  font-weight: bold;
}
.vip_item_btn {
  position: absolute;
  right: 20rpx;
  top: 30rpx;
  font-size: 23rpx;
  line-height: 40rpx;
  border: 1rpx solid #ff1f00;
  color: #ff1f00;
  padding: 0 12rpx;
  border-radius: 15rpx;
  opacity: 0.8;
}
.font_bold {
  font-weight: bold;
}
.vip_fee {
  font-size: 34rpx !important;
  color: #ff1f00;
  font-weight: bold;
  padding: 0 5rpx;
}
.vip_price_v {
  font-size: 26rpx !important;
  color: #ff1f00;
  border: 1rpx solid #ff1f00;
  border-radius: 10rpx;
  margin-right: 15rpx;
  margin-bottom: 10rpx;
  padding: 0 10rpx;
}
.vip_price_yq {
  font-size: 26rpx !important;
  color: #427ec5;
  border: 1rpx solid #427ec5;
  border-radius: 10rpx;
  margin-right: 15rpx;
  margin-bottom: 10rpx;
  padding: 0 10rpx;
}
.line {
  text-decoration: line-through;
  color: #3AB3AE;
  font-style: italic;
}
.vip_item_flag {
  font-size: 26rpx;
  color: #666;
  padding-left: 20rpx;
}
.vip_item_flag text {
  vertical-align: bottom;
}
.vip_item_overdue {
  background: rgba(220, 223, 225, 0.9) !important;
  opacity: 0.75;
}
.vip_item_overdue .vip_item_title {
  background-image: none;
  font-size: 32rpx;
  color: #000;
  padding: 0;
}
.vip_item_bg_1 {
  background: rgba(227, 120, 125, 0.3) !important;
}
.vip_item_bg_2 {
  background: rgba(64, 148, 222, 0.3) !important;
}
.vip_item_tip {
  color: #ff1f00;
  font-size: 26rpx;
  padding-left: 20rpx;
}
.vip_item_tip text {
  vertical-align: bottom;
}