.page-container{ } .page-container .head{ display: flex; padding-bottom:14rpx; } .page-container .head .icon{ width:40rpx;height:40rpx; } .page-container .head .text{ flex:1; padding-left:10rpx; } .page-container .head .title{ font-size: 34rpx; } .page-container .head .sub-title{ font-size:26rpx; color: #888888; margin-top:24rpx; } .page-container>.button{ margin-top:20rpx; } .page-container .radio{ display: flex; justify-content: space-around; } .page-container .kv-item{ display:flex; margin:12rpx 0 50rpx 0; } .page-container .kv-item .key{ font-size: 30rpx; } .page-container .kv-item .value{ font-weight: 500; } .page-container .kv-item .yellow{ color: #FF8400; } .page-container .kv-item .red{ color: #EB0000; } .page-container .kv-item .key{ flex:1 } .page-container .tips{ font-size: 26rpx; color: #888888 } .package-list{ } .package-list .item{ display: flex; align-items: center; margin-top:20rpx; } .package-list .item .label,.package-list .item .input{ background-color: rgba(124, 134, 149, 0.08); height:90rpx; line-height: 90rpx; } .package-list .item .label{ border-radius: 12rpx 0 0 12rpx; padding:0 30rpx; color:#555555; } .package-list .item .input{ border-radius: 0 12rpx 12rpx 0; flex:1; } .package-list .item .button{ padding:16rpx 34rpx; line-height: 1; margin-left:26rpx; } .package-list .item .icon{ width:36rpx;height:36rpx; }