.box{ width: 100%; .top{ width: 100%; display: flex; align-items: center; justify-content: center; background-color: #0080ff; padding: 50rpx 0; padding-top: 0; margin-top: -1rpx; //border-radius: 0 0 30rpx 30rpx; .title{ font-size: 50rpx; font-weight: bold; color: #fff; } } .item{ display: flex; align-items: center; margin: 0 60rpx; padding: 10rpx 0; min-height: 80rpx; border-bottom: 1rpx solid #f5f5f5; .l{ flex: 4; display: flex; align-items: center; color: #191919; padding-right: 10rpx; } .r{ flex: 10; display: flex; align-items: center; .btn{ color: #0080ff; font-size: 28rpx; } .unit{ color: #191919; font-size: 28rpx; border: 1rpx solid #eee; padding: 10rpx 15rpx; border-radius: 5rpx; } .img{ margin: 30rpx 0; } .p-picker{ width: 100%; display: flex; position: relative; background-color: #f7f7f7; padding: 20rpx; border-radius: 5rpx; .p-text{ color: #191919; } .p-icon{ position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); } } } } } .common-btn,.common-btn2{ margin: 100rpx auto; width: 400rpx; height: 88rpx; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 10rpx; } .common-btn{ color: #fff; font-size: 32rpx; background-color: #0080ff; } .common-btn2{ color: #191919; font-size: 28rpx; background-color: #fff; border: 1px solid #eee; }