Files
sociology_app/unpackage/dist/dev/mp-weixin/pages/mine/vip/index.wxss
2025-05-06 13:33:55 +08:00

131 lines
2.5 KiB
Plaintext

.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;
}