page{background-color: #fff;}
.top{position: relative;overflow: hidden;}
.top::after{content: '';display: block;background-color: #f2f3f5;position: absolute;top: 0;left: -10%;right: -10%;width: 120%;border-radius: 0 0 40% 40%;height: 500rpx;z-index: 1;}
.list{position: relative;z-index: 2;padding-top: 30rpx;height: 294rpx;overflow: hidden;}
.lists{white-space: nowrap;height: 294rpx;padding-bottom: 20rpx;}
.lists::-webkit-scrollbar{
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
}
.lists .li{display: inline-block;width: 300rpx;height: 256rpx;background: linear-gradient(132deg, #FFFAF9 0%, #FFF9EC 24%, #FFF8E6 65%, #FFF6EE 100%);box-shadow: 0 10rpx 15rpx 1rpx rgba(153,153,153,0.1);border: 1rpx solid #EFB95C;position: relative;border-radius: 15rpx;margin-right: 30rpx;text-align: center;vertical-align: bottom;}
.lists .li:first-child{margin-left: 30rpx;}
.lists .li::after{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(209deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);position: absolute;top: 0;left: 0;border-radius: 15rpx;}
.lists .li.active{background: linear-gradient(132deg, #FDDCD2 0%, #FFECC7 24%, #FEE9B4 65%, #FBDEC6 100%);height: 290rpx;}
.lists .li.active::after{display: none;}
.li-c{position: relative;z-index: 5;width: 100%;height: 100%;overflow: hidden;flex-direction: column;justify-content: center;}
.vip-tag{position: absolute;top: 0;right: 0;width: 102rpx;height: 102rpx;}
.vip-ico{width: 222rpx;height: 208rpx;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.tit{font-size: 45rpx;color: #C37B24;font-weight: bold;margin-top: 30rpx;line-height: 56rpx;}
.zhe{margin-top: 15rpx;}
.zhe text{height: 34rpx;background: linear-gradient(7deg, #FF6958 0%, #FF2D41 100%);border-radius: 5rpx;font-size: 24rpx;color: #fff;padding: 0 12rpx;line-height: 34rpx;display: inline-block;}
.lists .li.active .tit{margin-top: 65rpx;}
.cons{background-color: #fff;border: 1rpx solid #DDDDDD;border-radius: 20rpx;margin: 30rpx 30rpx 0;position: relative;z-index: 5;padding: 0 35rpx;}
.open-bg{width: 264rpx;height: 288rpx;position: absolute;right: 0;bottom: 0;}
.con-s{position: relative;z-index: 5;padding: 45rpx 0 55rpx;font-size: 30rpx;line-height: 1.7;}
._root{font-size: 28rpx !important;line-height: inherit !important;}
._root image{display: inline-block;vertical-align: middle;}
.tis{font-size: 36rpx;color: #333;font-weight: bold;padding: 40rpx 0 30rpx;border-bottom: 1rpx solid #DDDDDD;}
.vip-list{background-color: #ECF8FF;border-radius: 20rpx;margin: 30rpx 30rpx 0;padding: 30rpx 20rpx;}
.vip-tit{font-size: 36rpx;color: #333;font-weight: bold;padding-left: 15rpx;}
.vip-lists .li{height: 150rpx;background: #FFFFFF;border-radius: 16rpx;border: 1rpx solid #CCEBFF;padding: 0 44rpx 0 50rpx;margin-top: 20rpx;}
.vip-tits{font-size: 32rpx;color: #00001E;font-weight: bold;}
.vip-money{width: 130rpx;text-align: right;line-height: 1;}
.money{font-size: 56rpx;color: #FC7619;}
.money text{font-size: 28rpx;}
.del{font-size: 22rpx;color: #B6B6B6;text-decoration: line-through;margin-top: 5rpx;}
.gou{width: 40rpx;height: 40rpx;margin-left: 44rpx;}
.bot{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;padding: 20rpx 30rpx;box-shadow: 0 -8rpx 40rpx 1rpx rgba(165,165,165,0.1);z-index: 50;height: 96rpx;}
.btn{height: 96rpx;background-color: var(--mina);font-size: 36rpx;color: #fff;border-radius: 48rpx;line-height: 96rpx;text-align: center;}
.price{font-size: 54rpx;color: #FE2400;font-weight: bold;line-height: 1;margin-top: 8rpx;}
.price text{font-size: 38rpx;}
.hui{font-size: 24rpx;color: #FF871D;font-weight: bold;margin-left: 7rpx;}
.mingxi{font-size: 24rpx;color: #999;margin-right: 45rpx;margin-top: 20rpx;}
.mingxi image{width: 20rpx;height: 11rpx;transform: rotate(180deg);margin-left: 8rpx;}
.btns{width: 210rpx;height: 80rpx;background: #009AFF;border-radius: 40rpx;font-size: 36rpx;color: #fff;text-align: center;line-height: 80rpx;}
/* 支付明细 */
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
.popup{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;border-radius: 40rpx 40rpx 0 0;padding: 45rpx 30rpx 115rpx;z-index: 100;transition: all .3s ease;}
.pop-close{width: 37rpx;height: 37rpx;position: absolute;top: 45rpx;right: 30rpx;}
.pop-tit{font-size: 34rpx;color: #000;font-weight: bold;text-align: center;}
.pop-tits{font-size: 26rpx;color: #BDBDBD;margin-top: 65rpx;}
.pop-info{margin-top: 30rpx;font-size: 28rpx;color: #333;}
.pop-money{color: #FC7619;margin-left: 25rpx;}
.popup .del{font-size: 28rpx;}