| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180 | 
							- .item-box {
 
- 	position: relative;
 
- 	width: 100vw;
 
- 	background-color: #fff;
 
- 	margin-bottom: 20rpx;
 
- 	padding-bottom: 16rpx;
 
- 	box-sizing: border-box;
 
- 	.top {
 
- 		display: flex;
 
- 		padding: 20rpx 30rpx 0rpx;
 
- 		box-sizing: border-box;
 
- 		.image {
 
- 			width: 128rpx;
 
- 			height: 128rpx;
 
- 			border-radius: 16rpx;
 
- 			overflow: hidden;
 
- 			margin-right: 20rpx;
 
- 			flex-shrink: 0;
 
- 		}
 
- 		.content {
 
- 			position: relative;
 
- 			flex: 1;
 
- 			.title {
 
- 				display: flex;
 
- 				align-items: center;
 
- 				justify-content: space-between;
 
- 				height: 40rpx;
 
- 				.line-1 {
 
- 					display: block;
 
- 					width: 500rpx;
 
- 					font-size: 28rpx;
 
- 					font-family: PingFang SC-Semibold, PingFang SC;
 
- 					font-weight: 600;
 
- 					color: #333333;
 
- 				}
 
- 				.iconfont {
 
- 					position: absolute;
 
- 					width: 60rpx;
 
- 					height: 60rpx;
 
- 					line-height: 60rpx;
 
- 					right: 0;
 
- 					flex-shrink: 0;
 
- 				}
 
- 			}
 
- 			.exp {
 
- 				line-height: 34rpx;
 
- 				font-size: 24rpx;
 
- 				font-family: PingFang SC-Regular, PingFang SC;
 
- 				color: #999999;
 
- 				margin-top: 8rpx;
 
- 			}
 
- 			.price {
 
- 				position: absolute;
 
- 				font-size: 28rpx;
 
- 				font-weight: 600;
 
- 				color: #FF3B30;
 
- 				right: 10rpx;
 
- 			}
 
- 		}
 
- 	}
 
- 	.bottom {
 
- 		display: flex;
 
- 		justify-content: space-between;
 
- 		align-items: center;
 
- 		height: 58rpx;
 
- 		padding: 0 30rpx;
 
- 		box-sizing: border-box;
 
- 		margin-top: 12rpx;
 
- 		.check {
 
- 			display: flex;
 
- 			align-items: center;
 
- 			height: 100%;
 
- 			width: 380rpx;
 
- 			font-size: 24rpx;
 
- 			font-family: PingFang SC-Regular, PingFang SC;
 
- 			color: #999999;
 
- 		}
 
- 		.input-class {
 
- 			width: 120rpx;
 
- 		}
 
- 	}
 
- }
 
- .cell-right {
 
- 	background-color: #E54D42;
 
- 	display: flex;
 
- 	align-items: center;
 
- 	justify-content: center;
 
- 	color: #fff;
 
- 	font-weight: 700;
 
- 	font-size: 28rpx;
 
- 	width: 65px;
 
- 	height: 100%;
 
- }
 
- .footer-box {
 
- 	position: fixed;
 
- 	bottom: 0;
 
- 	padding: 0;
 
- 	z-index: 99;
 
- 	.footer {
 
- 		width: 100vw;
 
- 		min-height: 130rpx;
 
- 		z-index: 999;
 
- 		display: flex;
 
- 		justify-content: space-between;
 
- 		padding: 0 30rpx;
 
- 		box-sizing: border-box;
 
- 		background-color: #fff;
 
- 		box-shadow: rgba(0, 0, 0, 0.15) 0px 5rpx 15rpx 0px;
 
- 		.left {
 
- 			flex: 1;
 
- 			color: #333333;
 
- 			.selected {
 
- 				font-size: 24rpx;
 
- 				color: #999;
 
- 			}
 
- 			.sum {
 
- 				height: 40rpx;
 
- 				line-height: 40rpx;
 
- 				font-size: 28rpx;
 
- 				font-family: PingFang SC-Medium, PingFang SC;
 
- 				font-weight: 500;
 
- 				margin-top: 10rpx;
 
- 				text {
 
- 					color: #FF3B30;
 
- 				}
 
- 			}
 
- 			.transport {
 
- 				height: 34rpx;
 
- 				line-height: 34rpx;
 
- 				font-size: 24rpx;
 
- 				font-family: PingFang SC-Regular, PingFang SC;
 
- 				margin-top: 8rpx;
 
- 				text {
 
- 					color: #FF3B30;
 
- 				}
 
- 			}
 
- 		}
 
- 		.but {
 
- 			width: 200rpx;
 
- 			height: 90rpx;
 
- 			background: #3874F6;
 
- 			border-radius: 0 16rpx 16rpx 0;
 
- 			font-size: 28rpx;
 
- 			font-weight: 600;
 
- 			color: #FFFFFF;
 
- 			margin-top: 10rpx;
 
- 		}
 
- 		.shopping {
 
- 			background: #FA8C16 !important;
 
- 			border-radius: 16rpx 0 0 16rpx;
 
- 		}
 
- 	}
 
- }
 
 
  |