| 1 |
- .fixed-top-box{width:100%;background:linear-gradient(135deg,#2bc7b9,#60cdc3);position:fixed;top:0;left:0;z-index:1000}.top-cont{width:100%;height:476rpx;position:relative}.top-cont .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.top-cont .top-inner{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.top-cont .top-inner .back-box{height:88rpx;padding-left:22rpx;display:flex;align-items:center;justify-content:space-between;padding:0 20rpx}.top-cont .top-inner .back-box image{width:40rpx;height:40rpx}.top-cont .top-inner .back-box .title{font-size:36rpx;font-family:PingFang SC;font-weight:500;color:#fff}.top-cont .top-inner .order-status{margin-top:60rpx;display:flex;align-items:center;justify-content:space-between;padding:0 30rpx}.top-cont .top-inner .order-status .inner{display:flex;align-items:center}.top-cont .top-inner .order-status .inner .img-box{width:96rpx;height:96rpx;margin-right:30rpx}.top-cont .top-inner .order-status .inner .img-box image{width:100%;height:100%}.top-cont .top-inner .order-status .inner .status-box{height:96rpx;display:flex;flex-direction:column;justify-content:center}.top-cont .top-inner .order-status .inner .status-box .status{font-size:40rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:1}.top-cont .top-inner .order-status .inner .status-box .desc{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#fff;line-height:1;margin-top:30rpx}.top-cont .top-inner .order-placer{margin-top:50rpx;padding:0 20rpx}.top-cont .top-inner .order-placer .inner{box-sizing:border-box;border-radius:16rpx;height:150rpx;padding:40rpx 30rpx;display:flex;align-items:center;background:#fff}.top-cont .top-inner .order-placer .inner .location{width:24rpx;height:27rpx;margin-right:18rpx;flex-shrink:0}.top-cont .top-inner .order-placer .inner .info .name-phone{display:flex;align-items:center}.top-cont .top-inner .order-placer .inner .info .name-phone .text{font-size:28rpx;font-family:PingFang SC;font-weight:700;color:#333;line-height:1;margin-right:20rpx}.top-cont .top-inner .order-placer .inner .info .name-phone .text:last-child{margin-right:0}.top-cont .top-inner .order-placer .inner .info .address{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1.3;margin-top:10rpx}.content{margin:20rpx 0rpx;padding:0 20rpx 140rpx 20rpx}.content .goods-list{padding:0 30rpx;background-color:#fff;border-radius:16rpx}.content .goods-list .item{padding:30rpx 0;border-bottom:1px solid #edeeef;display:flex;align-items:center}.content .goods-list .item .img-box{width:160rpx;height:160rpx;margin-right:30rpx}.content .goods-list .item .img-box image{width:100%;height:100%}.content .goods-list .item .info-box{width:calc(100% - 190rpx);height:160rpx;display:flex;flex-direction:column;justify-content:space-between}.content .goods-list .item .info-box .name-box{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:40rpx}.content .goods-list .item .info-box .name-box .tag{display:inline-block;padding:0 6rpx;height:30rpx;background:linear-gradient(90deg,#2bc7b9,#2bc7a4);border-radius:4rpx;margin-right:10rpx;font-size:22rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:30rpx;float:left;margin-top:7rpx}.content .goods-list .item .info-box .spec{margin-top:18rpx;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.content .goods-list .item .info-box .price-num{display:flex;align-items:center;justify-content:space-between}.content .goods-list .item .info-box .price-num .price{display:flex;align-items:flex-end}.content .goods-list .item .info-box .price-num .price .unit{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1.2;margin-right:4rpx}.content .goods-list .item .info-box .price-num .price .num{font-size:32rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1}.content .goods-list .item .info-box .price-num .num{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.content .goods-list .sub-total{height:88rpx;display:flex;align-items:center;justify-content:flex-end}.content .goods-list .sub-total .discount{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1;margin-right:30rpx}.content .goods-list .sub-total .label{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999}.content .goods-list .sub-total .price{display:flex;align-items:flex-end}.content .goods-list .sub-total .price .unit{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#f63;line-height:1.2;margin-right:4rpx}.content .goods-list .sub-total .price .num{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#f63;line-height:1}.content .order-info{margin-top:20rpx;background:#fff;border-radius:16rpx;padding:40rpx 30rpx}.content .order-info .title{font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#222;line-height:1}.content .order-info .item{margin-top:40rpx;display:flex;align-items:center;justify-content:space-between}.content .order-info .item .label{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1}.content .order-info .item .text{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#222;line-height:32rpx}.content .order-info .item .cont-text{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666}.content .order-info .item .cont-text .bold{color:#111}.content .order-info .item .sn-box{display:flex;align-items:center}.content .order-info .item .sn-box .copy-btn{width:58rpx;height:32rpx;line-height:32rpx;text-align:center;font-size:22rpx;font-family:PingFang SC;font-weight:500;color:#222;background:#f5f5f5;border-radius:4rpx;margin-left:24rpx}.content .order-info .item .check-box{display:flex;align-items:center}.content .order-info .item .check-box image{width:14rpx;height:24rpx;margin-left:10rpx}.content .order-info .line{width:100%;height:1px;background:#f0f0f0;margin-top:30rpx}.btn-box{z-index:999;bottom:0;width:100%;position:fixed;height:120rpx;box-sizing:border-box;background:#fff;padding:0 30rpx;display:flex;align-items:center;justify-content:flex-end}.btn-box .btn{width:155rpx;height:64rpx;line-height:64rpx;font-size:26rpx;font-family:PingFang SC;font-weight:500;text-align:center;border-radius:32rpx;margin-left:15rpx}.btn-box .btn.cancel{border:1px solid #ddd;color:#666}.btn-box .btn.pay{background:#2bc7b9;color:#fff}
|
