.head { width: 100vw; height: 158rpx; background-color: #ffffff; padding: 20rpx 30rpx; box-sizing: border-box; border-bottom: 1px solid #ddd; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; color: #999999; .title { font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; color: #000000; margin-bottom: 15rpx; } } .nav { width: 100vw; height: 80rpx; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 30rpx; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; color: #000000; } .item { width: 100vw; padding: 20rpx 30rpx; box-sizing: border-box; margin-bottom: 20rpx; background-color: #fff; .title { display: flex; justify-content: space-between; width: 100%; height: 42rpx; font-size: 30rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #000000; text { text-align: right; display: block; width: 80rpx; height: 100%; } } .group { display: flex; flex-wrap: wrap; /* justify-content: space-between; */ font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; color: #666666; >view { text { color: red; margin-right: 8rpx; } width: 33.33%; margin-top: 20rpx; input { width: 216rpx; height: 90rpx; box-sizing: border-box; margin-top: 12rpx; border: 1px solid #BBBBBB; border-radius: 16rpx; font-size: 28rpx; text-align: center; } } } } .footer { position: fixed; bottom: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx; box-sizing: border-box; width: 100vw; height: 130rpx; background-color: #ffffff; z-index: 8; .change { width: 460rpx; height: 90rpx; background: #FA8C16; border-radius: 100rpx; font-size: 28rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #FFFFFF; } .add { font-size: 28rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #999999; line-height: 44px; } }