.topBg {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.vipC {
  padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
}
.vipC .vipInfoC {
  margin: 0 25rpx;
}
.vipC .vipInfoC .bg {
  width: 100%;
  height: auto;
}
.vipC .vipInfoC .infoC {
  top: 130rpx;
  left: 38rpx;
}
.vipC .vipInfoC .infoC .title {
  font-size: 40rpx;
  font-weight: bold;
  color: #556B87;
}
.vipC .vipInfoC .infoC .tips {
  font-size: 28rpx;
  font-weight: 500;
  color: #65758A;
}
.vipC .vipInfoC .infoC.vip .title {
  color: #AB3D1A;
}
.vipC .vipInfoC .infoC.vip .tips {
  color: #AB3D1A;
}
.vipC .privilegeCompareC {
  background-color: white;
  margin-top: -70rpx;
  padding-top: 40rpx;
  border-radius: 20rpx 20rpx 0 0;
}
.vipC .privilegeCompareC .titleC .icon {
  width: 54rpx;
  height: auto;
}
.vipC .privilegeCompareC .titleC .title {
  margin: 0 20rpx;
  font-size: 50rpx;
  font-weight: bold;
  color: #222;
}
.vipC .privilegeCompareC .privilegeList {
  margin: 0 25rpx;
  padding: 0 30rpx;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10rpx;
}
.vipC .privilegeCompareC .privilegeList .header {
  margin-top: 50rpx;
  padding-top: 14rpx;
  border-bottom: solid 1rpx #F3F4F6;
}
.vipC .privilegeCompareC .privilegeList .header .item {
  line-height: 90rpx;
  font-size: 30rpx;
  font-weight: bold;
  color: #555;
}
.vipC .privilegeCompareC .privilegeList .header .item.privilege {
  padding-left: 24rpx;
  width: 300rpx;
}
.vipC .privilegeCompareC .privilegeList .header .item.free {
  width: 174rpx;
  text-align: center;
}
.vipC .privilegeCompareC .privilegeList .header .item.vip {
  width: 160rpx;
  text-align: center;
}
.vipC .privilegeCompareC .privilegeList .list .item .optionItem {
  height: 90rpx;
  border-bottom: solid 1rpx #F3F4F6;
}
.vipC .privilegeCompareC .privilegeList .list .item .optionItem .contain {
  width: 21rpx;
  height: auto;
}
.vipC .privilegeCompareC .privilegeList .list .item .optionItem .notContain {
  width: 17rpx;
  height: auto;
}
.vipC .privilegeCompareC .privilegeList .list .optionItem.privilege {
  width: 300rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #222;
}
.vipC .privilegeCompareC .privilegeList .list .optionItem.free {
  width: 174rpx;
  font-size: 20rpx;
  color: #555;
  text-align: center;
}
.vipC .privilegeCompareC .privilegeList .list .optionItem.vip {
  width: 160rpx;
}
.vipC .privilegeCompareC .privilegeList.vip {
  box-shadow: 0px 0px 9px 0px rgba(249, 115, 22, 0.4);
}
.joinVipC {
  background-color: #F97316;
  margin: 0 25rpx;
  left: 0;
  right: 0;
  bottom: calc(20rpx + env(safe-area-inset-bottom));
  line-height: 80rpx;
  border-radius: 20rpx;
  font-size: 26rpx;
  font-weight: 500;
  color: white;
  text-align: center;
}