
page{background-color: #f8f8f8;}
.skeleton{width: 90%;margin: 20rpx auto;}
.line-footer{height: 200rpx;}
.address-info{font-size: 28rpx;color: #333;}
.footer{position: fixed;bottom: 0;background-color: #fff;padding: 20rpx 20rpx 0 20rpx;border-top: 2rpx solid #f8f8f8;left: 0;right: 0;}
.footer .footer-op{display: flex;align-items: center;}
.footer .footer-op .footer-left{display: flex;align-items: center;gap: 10rpx;justify-content: center;font-size: 32rpx;color: #fe2c56;font-weight: bold;}
.footer .footer-op .footer-left text{color: #333;font-size: 28rpx;font-weight: normal;}
.footer .footer-op .footer-left text.red{color: #f56c6c;font-weight: bold;}
.footer .footer-op .footer-left .item{flex-direction: column;display: flex;font-size: 24rpx;color: #333;align-items: center;}
.footer .footer-op .footer-left image{width: 40rpx;height: 40rpx;}
.footer .footer-op .footer-right{margin-left: auto;margin-right: 0;display: flex;align-items: center;gap: 20rpx;}
.footer .footer-op .footer-right .btn{font-size: 28rpx;height: 80rpx;border-radius: 10rpx;line-height: 80rpx;text-align: center;width: 200rpx;color: #333;border: 2rpx solid #ccc;}
.footer .footer-op .footer-right .btn.danger{border:2rpx solid #fe2c56;color: #fe2c56;}
.footer .footer-op .footer-right .btn.full{background-color: #fe2c56;color: #fff;border:2rpx solid #fe2c56;}
.footer .footer-safe {height: env(safe-area-inset-bottom);width: 100%;}
.order-status{padding: 40rpx 20rpx;text-align: center;}
.order-status .status-name{text-align: center;font-size: 32rpx;color: #333;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.order-status .status-desc{font-size: 24rpx;color: #666;margin-top: 20rpx;}
.order-info{background-color: #fff;padding: 20rpx;margin-top: 20rpx;}
.order-info .title{font-size: 32rpx;color: #333;font-weight: bold;margin-bottom: 20rpx;}
.order-info .info-item{height: 80rpx;line-height: 80rpx;font-size: 28rpx;display: flex;align-items: center;}
.order-info .info-item .right{color: #666;margin-left: auto;margin-right: 0;}
.order-info .info-item .right text{border: 2rpx solid #ccc;color: #333;font-size: 24rpx;padding: 0 15rpx;margin-left: 20rpx;border-radius: 5rpx;}
.goods-safe{display: flex;align-items: center;font-size: 24rpx;color: #999;gap: 40rpx;background: #fff;border-top: 2rpx solid #f8f8f8;padding: 20rpx;}
.goods-safe .safe-item{display: flex;align-items: center;}
.goods-safe image{width: 30rpx;height: 30rpx;margin-right: 10rpx;}
.order-goods{display: flex;align-items: center;background-color: #fff;padding: 0 20rpx;}
.order-goods image{width: 140rpx;height: 140rpx;}
.goods-info{margin-left: 20rpx;font-size: 28rpx;flex: 1;padding: 20rpx 0;}
.goods-info .name{font-size: 30rpx;color: #333;}
.goods-info .desc{font-size: 24rpx;color: #999;margin: 20rpx 0;}
.goods-info .desc text{margin-left: 20rpx;}
.goods-info .total{font-size: 30rpx;color: #333;text-align: right;font-weight: bold;}
.goods-item{display: flex;align-items: center;line-height: 80rpx;justify-content: space-between;font-size: 28rpx;color: #333;background-color: #fff;padding: 0 20rpx;border-top: 2rpx solid #f8f8f8;}
.goods-item .right.red{color: #fe2c56;}
.home-store{margin: 20rpx auto;display: flex;align-items: center;background-color: #fff;border-radius: 10rpx;display: flex;align-items: center;padding: 30rpx;}
.home-store .store-right{width: 120rpx;height: 120rpx;background-color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;margin-left: auto;margin-right: 0;border-radius: 10rpx;}
.home-store .store-right image{width: 60rpx;height: 60rpx;}
.home-store .left{display: flex;align-items: center;}
.home-store .left image{width: 60rpx;height: 60rpx;margin-right: 20rpx;}
.home-store .right {margin-left: auto;margin-right: 0;display: flex;align-items: center;}
.home-store .right image{width: 50rpx;height: 50rpx;}
.home-store .name{font-size: 32rpx;color: #000;font-weight: bold;}
.home-store .desc{font-size: 26rpx;color: #666;margin-top: 20rpx;}
.home-store .status{color: #333;font-size: 28rpx;padding:5rpx 15rpx;border-radius: 10rpx;margin-left: 10rpx;}
.home-store .status.error{background-color: #fef0f0;color: #f56c6c;}
.service-popup .item{height: 100rpx;line-height: 100rpx;text-align: center;font-size: 28rpx;color: #333;border-bottom: 2rpx solid #f8f8f8;}
.service-popup .item .btn{background-color: #fff;border: 0;height: 100rpx;line-height: 100rpx;text-align: center;font-size: 28rpx;color: #333;}
.service-popup .item .btn::after{border: 0;}
.service-popup .foot{height: 100rpx;line-height: 100rpx;text-align: center;font-size: 28rpx;color: #333;border-top: 20rpx solid #f8f8f8;}
.goods-store{background-color: #fff;padding: 0 20rpx;margin-top: 20rpx;}
.goods-store .title{line-height: 80rpx;font-size: 32rpx;color: #333;font-weight: bold;display: flex;align-items: center;border-bottom: 2rpx solid #f8f8f8;}
.goods-store .store-info{display: flex;align-items: center;padding: 20rpx 0;}
.goods-store .store-info .store-right{margin-left: auto;margin-right: 0;font-size: 24rpx;color: #999;}
.goods-store .store-info .store-right image{width: 50rpx;height: 50rpx;margin-bottom: 10rpx;}
.goods-store .store-info .store-left .name{font-size: 30rpx;color: #333;font-weight: bold;line-height: 80rpx;}
.goods-store .store-info .store-left .address{font-size: 24rpx;color: #999;}

