market-app-ui/common/common.scss

.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;
	}