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