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

page{background-color: #f2f2f2;}
.empty-address{text-align: center;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);background-color: #fff;width: calc(95% - 40rpx);margin: 20rpx auto;padding: 20rpx;border-radius: 20rpx;}
.empty-address .name{font-size: 36rpx;font-weight: bold;color: #333;}
.empty-address .desc{font-size: 26rpx;color: #666;margin: 20rpx 0;}
.empty-address .btn-group{text-align: center;display: flex;align-items: center;justify-content: center;}
.empty-address .btn-group .btn{font-size: 28rpx;color: #fff;background-color: #fe2c56;width: 50%;}
.order-content{overflow: auto;}
.line{height: 200rpx;width: 100%;}
.order-type{height: 80rpx;display: flex;align-items: center;line-height: 80rpx;background-color: #fff;gap: 20rpx;border-bottom: 2rpx solid #f8f8f8;}
.order-type .type-item{text-align: center;width: 50%;font-size: 32rpx;color: #333;position: relative;border-left: 2rpx solid #f8f8f8;}
.order-type .type-item.active{color: #fe2c56;font-weight: bold;}
.order-type .type-item.active::after{content: "";position: absolute;left: 40%;width: 20%;bottom: -5rpx;height: 10rpx;background-color: #fe2c56;}
.addressInfo{}
.addressInfo .empty-data{display: flex;align-items: center;font-size: 28rpx;width: 100%;}
.addressInfo .empty-data .icon{margin-right: 20rpx;}
.addressInfo .empty-data .icon image{width: 40rpx;height: 40rpx;}
.addressInfo .empty-data .region{color: #666;font-size: 28rpx;}
.addressInfo .empty-data .address{color: #333;font-size: 32rpx;margin: 10rpx 0;}
.addressInfo .empty-data .contact-name{display: flex;align-items: center;font-size: 28rpx;color: #666;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: #fe2c56;}
.time-body .time-left .time-left-item.active .name{color: #fe2c56;}
.time-body .time-left .time-left-item.active .desc{color: #fe2c56;}
.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: #fe2c56;border: 2rpx solid #fe2c56;}
.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{background-color: #fff;padding: 20rpx;width: calc(95% - 40rpx);margin: 20rpx auto;display: flex;align-items: center;justify-content: space-between;border-radius: 20rpx;}
.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;padding: 20rpx;width: calc(95% - 40rpx);margin: 20rpx auto;border-radius: 20rpx;}
.goods .goods-info{display: flex;align-items: center;position: relative;}
.goods .goods-info .price{color: #fe2c56;font-size: 32rpx;font-weight: bold;position: absolute;bottom: 20rpx;right: 20rpx;}
.goods .goods-info .info{flex: 1;margin-left: 20rpx;}
.goods .goods-info .image image{width: 160rpx;height: 160rpx;border-radius: 10rpx;}
.goods .goods-info .name{font-size: 32rpx;color: #333;line-height: 46rpx;margin-bottom: 15rpx;}
.goods .goods-info .desc{color: #666;font-size: 28rpx;line-height: 48rpx;}
.goods .goods-item{display: flex;align-items: center;line-height: 80rpx;justify-content: space-between;font-size: 28rpx;color: #333;}
.goods .goods-item .right.red{color: #fe2c56;}
.order-time{background-color: #fff;padding: 20rpx;width: calc(95% - 40rpx);margin: 20rpx auto;display: flex;align-items: center;border-radius: 20rpx;}
.order-time .title{font-size: 28rpx;margin-left: 20rpx;}
.order-time .title .p{font-size: 28rpx;color: #333;font-weight: bold;}
.order-time .title .desc{font-size: 24rpx;color: #666;margin-top: 10rpx;}
.order-time .time-icon image{width: 40rpx;height: 40rpx;}
.order-time .right image{width: 40rpx;height: 40rpx;vertical-align: middle;}
.order-time .msg{display: flex;align-items: center;font-size: 28rpx;color: #333;margin-left: auto;margin-right: 0;}
.order-msg .title{color: #333;font-size: 32rpx;border-bottom: 2rpx solid #f8f8f8;margin-bottom: 20rpx;padding-bottom: 20rpx;font-weight: bold;}
.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;z-index: 99;}
.flx-footer .footer-safe {height: env(safe-area-inset-bottom);width: 100%;}
.flx-footer .btn,.time-btn .btn{font-size: 32rpx;height: 80rpx;border-radius: 10rpx;line-height: 80rpx;text-align: center;width: 100%;color: #333;background-color: #fe2c56;color: #fff;border:2rpx solid #fe2c56;}
.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: 28rpx;}
.flx-footer .footer-btn text.money{color: #fe2c56;font-size: 32rpx;font-weight: bold;}
.flx-footer .footer-btn .price{color: #333;font-size: 28rpx;}
.goods_skus{
	padding: 20rpx 20rpx 0 20rpx;
	background-color: #fff;width: calc(95% - 40rpx);margin: 0 auto;
	border-radius: 20rpx;
}
.goods_skus .sku_name{
	font-size: 32rpx;
	color: #000;
	line-height: 60rpx;
	display: flex;
	align-items: center;
}
.goods_skus .sku_name text{margin-left: 20rpx;color: #666;font-size: 24rpx;}
.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(254, 44, 86, 1) 0%, rgba(228, 100, 126, 1) 100%); */
	color: #fe2c56;
	border: 2rpx solid #fe2c56;
	background-color: #fff;
}
.goods_skus .sku_list .sku_item{
	background-color: #f8f8f8;
	border: 2rpx solid #f8f8f8;
	padding: 10rpx 20rpx;
	margin-right: 20rpx;
	margin-bottom: 20rpx;
	border-radius: 5rpx;
	font-size: 28rpx;
	display: flex;
	align-items: center;
}
.goods_skus .sku_list .sku_item image{width: 50rpx;height: 50rpx;vertical-align: middle;margin-right: 10rpx;}