tijiao

unpackage/dist/dev/mp-weixin/pages/mine/vip/index.wxss

@@ -0,0 +1,130 @@
+
+.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;
+}
+