prescribe.wxss 7.4 KB

12
  1. .content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.content .fixed-top-box{width:100%;background:linear-gradient(135deg,#2bc7b9,#60cdc3);position:fixed;top:0;left:0;z-index:1000}.content .fixed-top-box .back-box{height:88rpx;padding-left:22rpx;display:flex;align-items:center;justify-content:space-between;padding:0 20rpx}.content .fixed-top-box .back-box image{width:40rpx;height:40rpx}.content .fixed-top-box .back-box .title{font-size:36rpx;font-family:PingFang SC;font-weight:500;color:#fff}.content .inner{margin-top:88rpx}.content .inner .steps-box{height:88rpx;background:#fff;padding:0 48rpx;display:flex;align-items:center;justify-content:space-between}.content .inner .steps-box .item{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#666}.content .inner .steps-box .item.active{font-weight:700;color:#2bc7b9}.content .inner .steps-box .arrow{width:12rpx;height:22rpx}.content .inner .tip-box{box-sizing:border-box;height:130rpx;background:#fff4e6;padding:26rpx 0 30rpx 50rpx;display:flex;flex-direction:column;justify-content:space-between}.content .inner .tip-box .top{display:flex;align-items:center}.content .inner .tip-box .top image{width:26rpx;height:31rpx;margin-right:10rpx}.content .inner .tip-box .top .text{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#ef8a07;line-height:1}.content .inner .tip-box .time-tip{padding-left:40rpx;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.content .inner .info-box{padding:20rpx}.content .inner .info-box .chose-people{box-sizing:border-box;background:#fff;border-radius:16rpx;padding:40rpx 30rpx 30rpx}.content .inner .info-box .chose-people .title-box{display:flex;align-items:center;justify-content:space-between}.content .inner .info-box .chose-people .title-box .title{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111}.content .inner .info-box .chose-people .title-box .add-box{display:flex;align-items:center}.content .inner .info-box .chose-people .title-box .add-box image{width:26rpx;height:26rpx;margin-right:11rpx}.content .inner .info-box .chose-people .title-box .add-box text{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111}.content .inner .info-box .chose-people .peop-list{display:flex;flex-wrap:wrap;margin-top:30rpx}.content .inner .info-box .chose-people .peop-list .item{box-sizing:border-box;padding:18rpx 30rpx;width:31.28%;height:110rpx;background:#f7f7f7;border-radius:16rpx;margin:0 20rpx 10rpx 0;border:2rpx solid #f7f7f7;display:flex;flex-direction:column;justify-content:space-between}.content .inner .info-box .chose-people .peop-list .item:nth-child(3n){margin-right:0}.content .inner .info-box .chose-people .peop-list .item.active{background:rgba(230,250,247,0);border:2rpx solid #2bc7b9;position:relative}.content .inner .info-box .chose-people .peop-list .item .active-img{width:50rpx;height:50rpx;position:absolute;right:-2rpx;bottom:-2rpx}.content .inner .info-box .chose-people .peop-list .item .name{font-size:30rpx;line-height:1;font-family:PingFang SC;font-weight:700;color:#111}.content .inner .info-box .chose-people .peop-list .item .info{display:flex;align-items:center}.content .inner .info-box .chose-people .peop-list .item .info .sex,
  2. .content .inner .info-box .chose-people .peop-list .item .info .ege{font-size:26rpx;font-family:PingFang SC;line-height:1;font-weight:500;color:#666}.content .inner .info-box .chose-people .peop-list .item .info .ege{margin-left:19rpx}.content .inner .info-box .disease-select{box-sizing:border-box;min-height:286rpx;background:#fff;border-radius:16rpx;padding:40rpx 30rpx 22rpx;margin-top:20rpx}.content .inner .info-box .disease-select .title{display:flex;align-items:center;align-items:flex-end}.content .inner .info-box .disease-select .title .black{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111;line-height:1;margin-left:10rpx}.content .inner .info-box .disease-select .title .gray{font-size:28rpx;font-family:PingFang SC;color:#999;line-height:1;margin-left:10rpx}.content .inner .info-box .disease-select .dise-list{display:flex;flex-wrap:wrap;margin-top:26rpx}.content .inner .info-box .disease-select .dise-list .item{box-sizing:border-box;height:64rpx;line-height:64rpx;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#2bc7b9;background:#f5fffe;border:1px solid #8ad5ce;padding:0 20rpx;border-radius:32rpx;margin:0 20rpx 20rpx 0}.content .inner .info-box .disease-select .dise-list .item.active{background:#2bc7b9;border:1px solid #2bc7b9;color:#fff}.content .inner .info-box .text-content{box-sizing:border-box;min-height:286rpx;background:#fff;border-radius:16rpx;padding:40rpx 30rpx 22rpx;margin-top:20rpx}.content .inner .info-box .text-content .title{display:flex;align-items:center;align-items:flex-end}.content .inner .info-box .text-content .title .black{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111;line-height:1;margin-left:10rpx}.content .inner .info-box .text-content .title .gray{font-size:28rpx;font-family:PingFang SC;color:#999;line-height:1;margin-left:10rpx}.content .inner .info-box .text-content .textArea{margin:30rpx 0rpx 0rpx 0rpx;width:100%}.content .inner .info-box .img-content{box-sizing:border-box;min-height:286rpx;background:#fff;border-radius:16rpx;padding:40rpx 30rpx 22rpx;margin-top:20rpx;margin-bottom:20rpx}.content .inner .info-box .img-content .title{display:flex;align-items:center;align-items:flex-end}.content .inner .info-box .img-content .title .black{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111;line-height:1;margin-left:10rpx}.content .inner .info-box .img-content .title .gray{font-size:28rpx;font-family:PingFang SC;color:#999;line-height:1;margin-left:10rpx}.content .inner .info-box .img-content .textArea{margin:30rpx 0rpx 0rpx 0rpx;width:100%}.content .inner .info-box .img-content .upload-img{margin:30rpx 0rpx 0rpx 0rpx;width:100%;display:flex;align-items:flex-start}.content .inner .info-box .img-content .upload-img .img{margin-right:10rpx;width:100rpx;height:100rpx;position:relative}.content .inner .info-box .img-content .upload-img .img image{width:100%;height:100%}.content .inner .info-box .img-content .upload-img .img .del{right:0rpx;top:0rpx;position:absolute}.content .inner .info-box .img-content .upload-img .img .del image{width:30rpx;height:30rpx}.content .inner .info-box .img-content .upload-img .chose-img{border-radius:5rpx;border:1px solid #eee;padding:5rpx;display:flex;align-items:center;justify-content:center;width:100rpx;height:100rpx}.content .inner .info-box .img-content .upload-img .chose-img image{width:50rpx;height:50rpx}.content .inner .info-box .check-box{height:88rpx;background:#fff;border-radius:16rpx;padding:0 30rpx;display:flex;align-items:center;justify-content:space-between}.content .inner .info-box .check-box .left{display:flex;align-items:center}.content .inner .info-box .check-box .left image{width:21rpx;height:27rpx;margin-right:20rpx}.content .inner .info-box .check-box .left .text{font-size:32rpx;font-family:PingFang SC;font-weight:500;color:#666}.content .inner .info-box .check-box .my-radio-text{font-size:30rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:30rpx}.content .btn-box{height:120rpx;padding:30rpx;display:flex;align-items:center;justify-content:center}.content .btn-box .btn{width:100%;height:88rpx;line-height:88rpx;font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff;text-align:center;background:#2bc7b9;border-radius:44rpx}