page{ background-color: #f5f5f5; } .tab{ position: fixed; font-size: 32rpx; height: 80rpx; top: 0; left: 0; right: 0; bottom: 0; border-bottom: 2rpx solid #ededed; z-index: 102; background-color: #fff; } .tab-item{ text-align: center; line-height: 80rpx; } .tab-item-active{ color: var(--main); border-bottom: 2rpx solid var(--main); } .top-fixed{ position: fixed; top: 80rpx; 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: 10rpx 10rpx 10rpx 10rpx; 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 30rpx 20rpx; 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; overflow: hidden; } .register-title{ font-size: 28rpx; font-weight: bold; color: #999999; margin: 30rpx 30rpx; /* padding-bottom: 21rpx; */ flex-wrap: nowrap; /* border-bottom: 1rpx solid #EAEAEA; */ } .card-name{ line-height: 64rpx; font-size: 32rpx; font-weight: bold; color: #222222; } .card-tag{ padding: 0 10rpx; line-height: 36rpx; border-radius: 5rpx 5rpx 5rpx 5rpx; opacity: 1; border: 2rpx solid #DEDEDE; font-size: 20rpx; color: #A1A1A1; font-weight: 400; text-align: center; margin-right: 10rpx; margin-bottom: 6rpx; } .card-tag-t{ background: #FFE6E8; color: #E95A64; border: 2rpx solid #FFE6E8; } .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: 92rpx; height: 92rpx; opacity: 1; margin-right: 20rpx; border-radius: 46rpx; } .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; } /* 动态 */ .log{margin: 20rpx 0 0;padding: 0rpx 40rpx 55rpx;} .log .tit{margin-bottom: 45rpx;} .log .li{padding-left: 60rpx;padding-bottom: 40rpx;position: relative;} .log-tit{font-size: 26rpx;color: #1A83FF;} .log .li text{display: block;color: #999;font-size: 26rpx;margin-top: 25rpx;} .log .li::before{content: '';display: block;width: 2rpx;background: #E2E7F1;position: absolute;top: 8rpx;left: 23rpx;bottom: -5rpx;z-index: 1;} .jcico{width: 26rpx;height: 26rpx;position: absolute;top: 5rpx;left: 12rpx;z-index: 2;} .time{font-size: 24rpx;color: #999;} .des{ font-size: 30rpx; font-family: PingFang SC-Bold, PingFang SC; /* font-weight: bold; */ color: #333333; line-height: 42rpx; } .time-sort{ width: 120rpx; height: 50rpx; font-size: 24rpx; font-family: PingFang SC-Bold, PingFang SC; color: #333333; margin-top: -10rpx; } .time-sort text{ font-size: 36rpx; font-weight: bold; margin-right: 10rpx; } .time-year{ height: 50rpx; font-size: 36rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #333333; margin: 50rpx 0; }