hx-mini-uni/unpackage/dist/dev/mp-toutiao/pages/order/confirm.ttss

.addressInfo{border-top: 16rpx solid #224d7a;}
.addressInfo .empty-data{display: flex;align-items: center;font-size: 28rpx;width: 100%;}
.addressInfo .empty-data .contact-name{display: flex;align-items: center;font-size: 30rpx;color: #333;margin-bottom: 20rpx;}
.addressInfo .empty-data .contact-name .mobile{margin-left: 20rpx;}
.addressInfo .empty-data .desc{font-size: 26rpx;color: #666;}
.addressInfo .empty-data .left image{width: 40rpx;height: 40rpx;margin-right: 20rpx;vertical-align: middle;}
.addressInfo .empty-data .right image{width: 40rpx;height: 40rpx;vertical-align: middle;}
.addressInfo .empty-data .right{margin-left: auto;margin-right: 0;}
.time-body{height: 30vh;display: flex;align-items: center;}
.time-body .time-left{width: 30%;background-color: #F5FAFD;height: 100%;overflow-y: auto;}
.time-body .time-left .time-left-item{padding: 10rpx;text-align: center;}
.time-body .time-left .time-left-item.active{background-color: #fff;color: #224d7a;}
.time-body .time-left .time-left-item.active .name{color: #224d7a;}
.time-body .time-left .time-left-item.active .desc{color: #224d7a;}
.time-body .time-left .time-left-item .name{font-size: 28rpx;color: #333;}
.time-body .time-left .time-left-item .desc{font-size: 24rpx;color: #666;}
.time-body .time-right{width: calc(70% - 80rpx);padding:0 40rpx;background-color: #fff;height: 100%;overflow-y: auto;}
.time-body .time-right .time-right-item{background-color: #F6FAFD;border: 2rpx solid #ccc;height: 66rpx;line-height: 66rpx;text-align: center;font-size: 28rpx;color: #333;margin-top: 20rpx;border-radius: 10rpx;}
.time-body .time-right .time-right-item.active{color: #224d7a;border: 2rpx solid #224d7a;}
.time-select .title{height: 100rpx;line-height: 100rpx;display: flex;align-items: center;justify-content: space-between;font-size: 28rpx;padding: 0 20rpx;font-weight: bold;}
.time-select image{width: 40rpx;height: 40rpx;vertical-align: middle;}
.time-btn{padding: 20rpx;}
.location,.order-time{background-color: #fff;border-radius: 20rpx;padding: 20rpx;width: calc(95% - 40rpx);margin: 20rpx auto;display: flex;align-items: center;justify-content: space-between;}
.location .right image{width: 40rpx;height: 40rpx;vertical-align: middle;}
.location .name{font-size: 32rpx;color: #333;font-weight: bold;margin-bottom: 20rpx;}
.location .desc{color: #666;font-size: 28rpx;display: flex;align-items: center;}
.location .desc image{width: 40rpx;height: 40rpx;margin-right: 20rpx;}
.goods,.order-msg,.addressInfo{background-color: #fff;border-radius: 20rpx;padding: 20rpx;width: calc(95% - 40rpx);margin: 20rpx auto;}
.goods .goods-info{display: flex;align-items: center;}
.goods .goods-info .info{flex: 1;margin-left: 20rpx;}
.goods .goods-info .image image{width: 160rpx;height: 160rpx;}
.goods .goods-info .name{font-size: 32rpx;color: #333;line-height: 46rpx;font-weight: bold;margin-bottom: 20rpx;}
.goods .goods-info .desc{color: #666;font-size: 28rpx;line-height: 48rpx;}
.goods .goods-item{display: flex;align-items: center;border-top: 2rpx solid #f8f8f8;line-height: 80rpx;justify-content: space-between;font-size: 28rpx;color: #333;}
.goods .goods-item .right.red{color: #f00;}
.order-time .title{font-size: 28rpx;}
.order-time image{width: 40rpx;height: 40rpx;vertical-align: middle;}
.order-time .msg{display: flex;align-items: center;font-size: 28rpx;color: #333;}
.order-msg .title{color: #333;font-size: 28rpx;border-bottom: 2rpx solid #f8f8f8;margin-bottom: 20rpx;padding-bottom: 20rpx;}
.order-msg .textarea{width: 100%;height: 100rpx;font-size: 28rpx;}
.flx-footer{position: fixed;bottom: 0;background-color: #fff;padding: 20rpx;border-top: 2rpx solid #f8f8f8;left: 0;right: 0;}
.flx-footer .footer-safe {height: env(safe-area-inset-bottom);width: 100%;}
.flx-footer .btn,.time-btn .btn{font-size: 28rpx;height: 80rpx;border-radius: 10rpx;line-height: 80rpx;text-align: center;width: 100%;color: #333;background-color: #224d7a;color: #fff;border:2rpx solid #224d7a;}
.flx-footer .btn[disabled],.flx-footer .btn.disabled{background-color: rgba(34, 77, 122, 0.3);}
.flx-footer .footer-btn{display: flex;align-items: center;justify-content: space-between;}
.flx-footer .footer-btn text.desc{color: #666;font-size: 24rpx;}
.flx-footer .footer-btn text.money{color: #f00;font-size: 28rpx;font-weight: bold;}
.flx-footer .footer-btn .price{color: #333;font-size: 28rpx;}
.goods_skus{
	padding: 20rpx 20rpx 0 20rpx;
	background-color: #fff;border-radius: 20rpx;width: calc(95% - 40rpx);margin: 0 auto;
}
.goods_skus .sku_name{
	font-size: 32rpx;
	color: #000;
	font-weight: bold;
	line-height: 60rpx;
	display: flex;
	align-items: center;
}
.goods_skus .sku_name .right{
	margin-left: auto;
	margin-right: 0;
	font-size: 26rpx;
	color: #666;
	display: flex;
	align-items: center;
}
.goods_skus .sku_name .right image{
	width: 30rpx;
	height: 30rpx;
	margin-right: 10rpx;
}
.goods_skus .sku_list{
	display: flex;
	align-items: center;
	margin: 10rpx 0;
	flex-wrap: wrap;
}
.goods_skus .sku_list .sku_item.active{
	background: linear-gradient(90deg, rgba(34, 77, 122, 1) 0%, rgba(25, 97, 173, 1) 100%);
	color: #fff;
}
.goods_skus .sku_list .sku_item{
	background-color: #f8f8f8;
	padding: 10rpx 20rpx;
	margin-right: 20rpx;
	margin-bottom: 20rpx;
	border-radius: 5rpx;
	font-size: 28rpx;
}