| 1 |
- .order-detail{background:#f9f9f9;min-height:100vh;padding-bottom:100rpx}.order-detail .status-box{padding:24rpx 24rpx 4rpx;display:flex;justify-content:space-between}.order-detail .status-box .text-box{color:#181818}.order-detail .status-box .text-box .status{font-weight:700;font-size:32rpx;display:flex}.order-detail .status-box .text-box .status .u-count-down__text{color:#ff4d3a!important}.order-detail .status-box .text-box .notice{font-size:24rpx;margin-top:20rpx}.order-detail .progress .progress-title{font-weight:600;font-size:32rpx;color:#181818}.order-detail .progress .progress-desc{font-weight:300;font-size:24rpx;color:#aaa;margin-top:15rpx}.order-detail .shop-box{width:690rpx;background:#fff;border-radius:16rpx;margin-top:-30rpx;box-sizing:border-box}.order-detail .shop-box .shop-name{font-weight:600;font-size:32rpx;color:#181818;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-detail .shop-box .address{font-weight:300;font-size:24rpx;color:#aaa;margin-top:20rpx;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-detail .black{color:#222!important}.order-detail .red{color:red!important}.order-detail .fs28{font-size:28rpx!important;font-weight:700}.order-detail .code-box{display:flex;align-items:center;justify-content:space-between}.order-detail .code-box .left .title{font-weight:500;font-size:28rpx;color:#222}.order-detail .code-box .left .codeNum{font-weight:300;font-size:24rpx;color:#aaa;margin-top:15rpx}.order-detail .code-box .code-btn{display:flex;align-items:center;font-weight:300;font-size:24rpx;color:#aaa}.order-detail .code-box .code-btn .jiantou{width:24rpx;height:24rpx}.order-detail .input-box{margin:20rpx 30rpx;padding:28rpx 24rpx;background:#fff;border-radius:16rpx 16rpx 16rpx 16rpx;display:flex;align-items:center;justify-content:space-between}.order-detail .input-box .label{color:#222;font-size:28rpx}.order-detail .input-box .value{font-size:28rpx;color:#aaa}.order-detail .content{margin:20rpx 30rpx;padding:28rpx 24rpx;border-radius:16rpx;background:#fff}.order-detail .content .title{font-weight:600;font-size:28rpx;color:#222}.order-detail .content .item{display:flex;align-items:center;justify-content:space-between;margin-top:28rpx}.order-detail .content .item .label{color:#222;font-size:28rpx}.order-detail .content .item .value{color:#999;font-size:28rpx}.order-detail .pay-btn{background:#61b5fd;width:688rpx;height:80rpx;line-height:80rpx;border-radius:46rpx;color:#fff;margin-top:50rpx}.order-detail .refund-box .refund-msg{font-weight:300;font-size:24rpx;color:#222;margin-top:15rpx;line-height:40rpx}.order-detail .apply-box{position:relative}.order-detail .apply-box .label{font-weight:600;font-size:28rpx;color:#222}.order-detail .apply-box .value{color:#999;font-size:24rpx;margin-top:15rpx}.order-detail .apply-box .jiantou{position:absolute;top:50%;right:24rpx;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24rpx;height:24rpx}.order-detail .info .order-info{display:flex}.order-detail .info .order-info .icon{width:164rpx;height:164rpx;border-radius:16rpx;flex-shrink:0}.order-detail .info .order-info .shop-info{display:flex;flex-direction:column;justify-content:space-between;padding-left:24rpx;flex:1;box-sizing:border-box}.order-detail .info .order-info .shop-info .title{color:#181818;font-size:28rpx;width:450rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-detail .info .order-info .shop-info .price-box{display:flex;align-items:center;justify-content:space-between}.order-detail .info .order-info .shop-info .price-box .price{color:#181818;font-size:32rpx;font-weight:700}.order-detail .info .order-info .shop-info .start-time, .order-detail .info .order-info .shop-info .goods-desc{font-size:24rpx;color:#aaa;width:450rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-detail .wrap{display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}
|
