/* 全屏状态栏占位 */ .hold-status-bar{ height: var(--status-bar-height);width: 100%;display: none;} /* 全屏图片背景 */ .page-bg-wrap{position: fixed;left: 0;right: 0;top: 0;bottom: 0;} .page-bg{width: 100%;max-height: 100%;} /* 头部图片 */ .top-img{position: relative;height: 390rpx;overflow: hidden;} .top-img .img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;} .wrap{margin: 24rpx;} .padding24{padding: 24rpx;} .wrap40{margin: 32rpx 40rpx;} .full-btn{height: 98rpx;line-height: 98rpx;background-color: #26D18B;border-radius: 8rpx;font-size: 36rpx;color: #fff;text-align: center;} /* 浮底按钮 */ .bottom-btn-wrap{height: 146rpx;margin-top: 44rpx;} .bottom-btn-wrap-bg{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;height: inherit;} .bottom-btn{height: 98rpx;line-height: 98rpx;position: fixed;left: 24rpx;right: 24rpx;bottom: 24rpx;text-align: center;z-index: 99;border-radius: 8rpx;} .bottom-btn.btn{background-color: #26D18B;color: #fff;} /* 截取隐藏 */ .f-ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .common-content{margin-bottom: 32rpx;border-radius: 16rpx;box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.04);background-color: #fff;padding: 24rpx;} .common-content-title{display: flex;align-items: center;margin-bottom: 24rpx;} .common-content-icon{width: 45rpx;height: 45rpx;} .common-content-icon .icon{width: 100%;height: 100%;} .common-content-til{margin-left: 24rpx;font-size: 32rpx;color: #333;line-height: 45rpx;font-weight: 500;flex: 1;} .common-content-right{margin-right: 0;display: flex;align-items: center;font-size: 24rpx;color: #999;} .common-content-right .icon{width: 45rpx;height: 45rpx;margin-right: 18rpx;} .common-content-blink{margin-top: 6rpx;text-align: center;font-size: 24rpx;color: #26D18B;} .icon-form-item-wrap{margin-bottom: 32rpx;background-color: #fff;} .icon-form-item{display: flex;position: relative;height: 104rpx;align-items: center;} .icon-form-item::after{content: '';position: absolute;right: 0;bottom: 0;width: calc( 100% - 144rpx);height: 2rpx;background-color: #EDEEED;} .icon-form-item-wrap .icon-form-item:last-of-type::after{height: 0;} .icon-form-item-wrap .icon-form-item.full-border::after{width: 100%;} .icon-form-item-imgwrap{width: 144rpx;height: 44rpx;box-sizing: border-box;text-align: right;padding-right: 40rpx;} .icon-form-item-img{width: 44rpx;height: 100%;} .icon-form-item-text{flex: 1;font-size: 28rpx;color: #333;} .icon-form-item-icon{margin-right: 0;width: 68rpx;} .icon-form-item-icon .iconfont{font-size: 30rpx;color: #ccc;} /* 头部轮播 */ .swiper-wrap{margin: 0 auto 32rpx;height: 320rpx;overflow: hidden;position: relative;} .swiper{height: 100%;text-align: center;background-color: #fbfffd;} .adv-item{height: 100%;} .swiper-wrap .pic{width: 100%;height: 100%;} .full-search{padding-left: 16rpx;margin-bottom: 24rpx;} /* 侧边工具 */ .aside-tool{position: fixed;top: 170rpx;right: 14rpx;} .aside-tool-item{margin-bottom: 35rpx;text-align: center;} .aside-tool-icon{width: 80rpx;height: 80rpx;margin: 0 auto;position: relative;overflow: hidden;top: 10rpx;display: flex;align-items: center;justify-content: center;border: 4rpx solid #fff;border-radius: 50%;} .aside-tool-icon.green{background-color: #26D18B;} .aside-tool-icon.yellow{background-color: #FFDA00;} .aside-tool-icon .img{width: 48rpx;height: 48rpx;} .aside-tool-text{position: relative;width: 144rpx;height: 40rpx;line-height: 40rpx;background-color: #fff;border-radius: 20rpx;font-size: 24rpx;color: #0A6F44;} .step-wrap{padding: 43rpx 86rpx 12rpx 74rpx;margin-bottom: 12rpx;display: flex;} .step-item{position: relative;flex: 1;height: 2rpx} .step-item::before{content: '';width: 16rpx;height: 16rpx;background-color: #E5E5E5;border-radius: 50%;position: absolute;left: 0;top: -8rpx;} .step-item.active::before{background-color: #26D18B;} .step-item::after{content: '';position: absolute;height: 1px;left: 22rpx;right: 6rpx;background-color: #E5E5E5;top: 0;} .step-wrap .step-item:last-of-type{flex: unset;width: 0;} .step-wrap .step-item:last-of-type::after{height: 0;} .step-text{margin:0 -30rpx 49rpx;display: flex;justify-content: space-between;} .step-text-item{flex: 1;text-align: center;} .step-text-item-cn{font-size: 28rpx;color: #333;line-height: 40rpx;} .step-text-item-en{font-size: 24rpx;color: #999;line-height: 33rpx;} .main-til{display: flex;margin-bottom: 24rpx;align-items: center;} .main-til-icon{width: 36rpx;height: 36rpx;margin-right: 20rpx;} .main-til-text{font-size: 32rpx;color: #333;font-weight: 500;} .timeline{margin-left: 56rpx;margin-bottom: 24rpx;} .timeline-item-content{transform: translateY(-30rpx);} .timeline-item{position: relative;padding: 0 0 118rpx 60rpx;font-weight: 400;border-left: 2rpx solid #E5E5E5;} .timeline .timeline-item:first-of-type{padding-top: 0;} .timeline .timeline-item:first-of-type .timeline-item-content{transform: translateY(0);} .timeline .timeline-item:last-of-type{padding-bottom: 0;border: 0;} .timeline-item-til{margin-bottom: 4rpx;font-size: 34rpx;color: #333;line-height: 48rpx;} .timeline-item.active {border-color: #26D18B;} .timeline-item.active .timeline-item-til{color: #26D18B;} .timeline-item-con{font-size: 30rpx;color: #999;line-height: 42rpx;} .timeline-item::before{content: '';width: 16rpx;height: 16rpx;border-radius: 50%;background: #E5E5E5;position: absolute;left: -8rpx;top: 0;} .timeline-item.active::before{width: 40rpx;height: 40rpx;left: -20rpx;background: url('http://fqn.hongweisoft.com/cqcarbon/wxapp/icon-zhonghe.png');background-size: 100%;}