page{ background-color: #f5f5f5; } .top-fixed{ position: fixed; top: 0; right: 0; left: 0; background-color: #fff; z-index: 101; } .search-box{ padding: 30rpx; background-color: #fff; } .search-text{ color: #999999; } .search-input{ height: 76rpx; line-height: 76rpx;; background: #F5F5F5; border-radius: 60rpx; padding: 0 26rpx; font-size: 24rpx; } .search-input input{ font-size: 24rpx; } .search-input image{ width: 34rpx; height: 34rpx; margin-right: 26rpx; } .search-all{ color: #2a82fd; font-size: 30rpx; margin-left: 46rpx; } .filter{ padding: 0 0 0 30rpx; text-align: center; font-size: 28rpx; color: #999999; line-height: 41rpx; } .filter-item-icon{ margin-left: 15rpx; width: 22rpx; height: 13rpx; } .filter-item{ justify-content: center; } .f-active{ color: var(--main); } /* 弹窗 */ /* 核销弹窗 */ .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 99;} .hx-pop{overflow: hidden;position: fixed;left: 0;right: 0;top: 0;background-color: #fff;border-radius: 0rpx 0rpx 0rpx 0rpx;z-index: 100;transition: all .3s ease;} .default{position: absolute;top: 55rpx;right: 60rpx;font-size: 28rpx;color: #999;} .default image{width: 36rpx;height: 36rpx;margin-right: 14rpx;} .pop-tit{font-size: 32rpx;color: #263343;font-weight: bold;margin-top: 60rpx;padding: 0 60rpx;} .pop-con{padding: 0 60rpx;max-height: 500rpx;overflow: scroll;} .pop-list{flex-wrap: wrap;} .pop-list .li{height: 70rpx;font-size: 30rpx;color: #333;text-align: left;line-height: 70rpx;margin: 30rpx 0;border-bottom: 2rpx solid #ebebeb;} .pop-list .li:last-child{border-bottom:none} .pop-list .li.active{color: var(--main);} .pop-list .opt{padding: 0 20rpx; height: 60rpx;background: #fff;border-radius: 10rpx;font-size: 30rpx;color: #999;text-align: center;line-height: 60rpx;align-items: flex-start;margin: 30rpx 30rpx 0 0;border: 2rpx solid #ebebeb;} /* .pop-list .opt:nth-child(3n){margin-right: 0;} */ .pop-list .opt.opt-active{color: var(--main);border: 2rpx solid var(--main);} .pop-time{margin-top: 30rpx;font-size: 30rpx;color: #333;} .pop-time text{margin: 0 25rpx;} .date-ipt{width: 262rpx;height: 70rpx;background: #F3F5F7;border-radius: 35rpx;box-sizing: border-box;padding: 0 30rpx;font-size: 28rpx;color: #A5A5A5;line-height: 70rpx;} .pop-btn{padding: 30rpx;} .pop-btn view{height: 90rpx;line-height: 90rpx;font-size: 32rpx;text-align: center;box-sizing: border-box;border-radius: 6rpx;} .pop-btn view:first-child{width: 250rpx; color: #fff;border-top: 1rpx solid #f5f5f5;line-height: 79rpx;background-color: #cccccc;margin-right: 30rpx;} .pop-btn view:last-child{color: #fff;background: var(--mina);} /* 列表*/ /* 登记信息 */ .register-box{ background: #FFFFFF; border-radius:10rpx; position: relative; padding: 0 0rpx 30rpx; margin: 30rpx; } .register-title{ font-size: 28rpx; font-weight: bold; color: #999999; padding: 30rpx 30rpx; padding-bottom: 21rpx; flex-wrap: nowrap; } .card-name{ line-height: 50rpx; font-size: 36rpx; font-weight: bold; color: #333333; } .card-tag{ padding: 0 10rpx; line-height: 32rpx; border-radius: 5rpx 5rpx 5rpx 5rpx; opacity: 1; border: 2rpx solid #FF5700; font-size: 20rpx; color: #FF5700; text-align: center; margin-right: 10rpx; } .card-area{ line-height: 46rpx; background: #F8F8F8; border-radius: 10rpx 10rpx 10rpx 10rpx; padding:0 16rpx ; font-size: 24rpx; font-weight: 400; color: #666666; margin-top: 35rpx; } .card-area image{ width: 20rpx; height: 24rpx; margin-right: 10rpx; } .card-data{ font-size: 39rpx; font-family: Arial-Regular, Arial; font-weight: 400; color: #333333; line-height: 47rpx; text-align: center; } .card-label{ line-height: 33rpx; font-size: 24rpx; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; color: #A1A1A1; text-align: center; } .card-line{ width: 1rpx; height: 66rpx; background: #DEDEDE; } .register-state{ font-size: 24rpx; font-weight: 500; line-height: 36rpx; color: #999999; } .register-title-icon{ width: 160rpx; height: 160rpx; opacity: 1; margin-right: 20rpx; border-radius: 10rpx; } .register-info-item{ margin-top: 30rpx; align-items: flex-start; } .register-info-label{ line-height: 41rpx; color: #999999; font-size: 28rpx; margin-right: 60rpx; } .register-info-data{ font-size: 28rpx; color: #333333; line-height: 41rpx; text-align: right; } /* 开通项目 */ .card-pic{ width: 172rpx; height: 172rpx; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; margin-right: 15rpx; } .card-info{ } .card-title{ line-height: 54rpx; font-size: 32rpx; font-weight: bold; } .card-time{ line-height: 36rpx; font-size: 24rpx; color: #999999; } .card-price{ margin-top: 43rpx; justify-content: space-between; } .card-price text:first-child{ font-size: 32rpx; font-weight: 500; color: #FF0000; } .card-price text:last-child{ font-size: 24rpx; font-weight: 500; color: #999999; } .register-option{ border-top: 1px solid #F5F5F5; justify-content: space-between; margin-top: 30rpx; padding: 20rpx 30rpx 0; } .order-time{ font-size: 24rpx; font-weight: 400; color: #999999; } .option-btn{ padding: 0 40rpx; line-height: 51rpx; border-radius: 27rpx 27rpx 27rpx 27rpx; opacity: 1; border: 2rpx solid #CCCCCC; font-size: 28rpx; } .bottom-btn{ background-color: #fff; padding: 30rpx 0; position: fixed; bottom: 0; left: 0; right: 0; } .btn-icon{ width: 29rpx; height: 32rpx; margin-right: 18rpx; } .bottom-btn .btn{ width: 690rpx; height: 96rpx; line-height: 96rpx; background: #2A82FD; border-radius: 48rpx 48rpx 48rpx 48rpx; opacity: 1; text-align: center; color: #FFFFFF; margin: auto; justify-content: center; font-size: 32rpx; } .review-btn{ padding: 6rpx 20rpx; font-size: 26rpx; background-color: var(--main); color: #fff; border-radius: 10rpx; } .ceng { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 99; } .pop{ width:100%; border-radius:16rpx 16rpx 0 0; background: #fff; position: fixed; bottom:-100%; left:0; right:0; padding:10rpx 0; z-index: 100; transition: all .3s ease; } .pop-item{ padding:30rpx; font-size:28rpx; text-align:center; margin:0 30rpx 30rpx; border-radius: 10rpx; } .pop-qx{ border-top:10rpx solid #f5f5f5; } .pop-scroll{ max-height: 750rpx; overflow: scroll; } .pop-scroll::-webkit-scrollbar { display: none; } .pop-textarea{ padding: 30rpx; border: 1px solid #E5E5E5; margin: 30rpx; } .pop-textarea textarea{ width: 100%; } .pop-title{ padding: 30rpx 30rpx 0; font-size: 32rpx; } /* 活动 */ .act-list{padding: 0 30rpx;} .act-list .li{margin-bottom: 10rpx;padding: 35rpx 0;border-bottom: 1rpx solid #E5E5E5;} .act-list .li:last-child{border-bottom: none;} .imgbox{width: 100%;height: 316rpx;border-radius: 16rpx;overflow: hidden;position: relative;margin-right: 25rpx;} .imgbox image{width: 100%;height: 100%;border-radius: 16rpx;} .infos{padding: 20rpx 22rpx 0;} .tag{display: block;height: 30rpx;border-radius: 6rpx 15rpx 15rpx 0;font-size: 20rpx;color: #fff;padding: 0 15rpx;position: absolute;top: 0;left: 0;background: #31a8fa;line-height: 30rpx;} .stas{align-items: flex-end;} .tag-box{font-size: 24rpx;color: #717580;line-height: 33rpx;} .tag-box text{margin-right: 15rpx;} .act-tit{font-size: 30rpx;color: #1A1F30;line-height: 42rpx;margin-bottom: 15rpx;font-weight: bold;} .area{font-size: 24rpx;color: #999;margin-top: 20rpx;} .area text{margin-right: 10rpx;} .money{font-size: 30rpx;color: var(--main);} .money text{font-size: 18rpx;} .act-btn{width: 172rpx;height: 64rpx;background: #27D699;border-radius: 32rpx;font-size: 28rpx;color: #fff;text-align: center;line-height: 64rpx;margin-bottom: 15rpx;margin-left: 30rpx;} .act-btn.end{background: #e3e3e3;color: #999;} .mede{position: fixed;left: 50%;transform: translateX(-50%);bottom: 30rpx;width: 328rpx;height: 80rpx;background: var(--btn);border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;line-height: 80rpx;}