page{padding-bottom: 180rpx;} .bg-box { background-color: #fff; padding-top: 10rpx; } /* 按方抓药流程 */ .process-box { padding: 30rpx; } .process-box .title { font-weight: 500; color: #333333; margin-bottom: 30rpx; font-weight: bold; } .process-item { display: flex; display: -webkit-flex; } .process-item-circle { width: 36rpx; height: 36rpx; background: var(--mina); border-radius: 100%; color: #fff; margin-right: 10rpx; text-align: center; line-height: 36rpx; font-size: 26rpx; } .process-item-line { position: relative; padding-top: 48rpx; box-sizing: border-box; } .process-item-line::after { position: absolute; width: 4rpx; height: calc(100% - 36rpx); background: var(--mina); top: 0; left: 18rpx; content: ''; } .process-item-text { color: #333; font-size: 26rpx; } /* 常见问题 */ .questions-box { background-color: #fff; margin-top: 10rpx; padding: 30rpx; } .questions-box .title { font-weight: 500; color: #333333; font-weight: bold; margin-bottom: 30rpx; } .questions-box .question-item { margin-bottom: 30rpx; font-size: 24rpx; line-height: 38rpx; } .questions-box .question { color: #333333; font-weight: bold; } .questions-box .answer { color: #666; } /* 按钮 */ .bottom-bar { position: fixed; bottom: 0; background: #fff; width: 100%; padding: 10rpx 0; height: 140rpx; z-index: 2; } .bottom-btn { margin: 30rpx 30rpx 20rpx; line-height: 83rpx; height: 83rpx; font-size: 36rpx; background-color: var(--mina); color: #fff; text-align: center; border-radius: 40rpx; } .bottom-btn image { width: 100%; height: 100%; } .bottom-text { margin: 0 auto 0rpx; font-size: 26rpx; color: #999; justify-content: center; } .bottom-text image { width: 30rpx; height: 30rpx; margin-right: 10rpx; } .bottom-text-share { font-size: 26rpx; color: #999; } .content { font-size: 34rpx; color: #333; line-height: 1.7; }