| 1 |
- .cont{width:100%;position:relative}.cont .bg{width:100%;height:350rpx;position:absolute;top:0;left:0;z-index:1;background-color:#c39a58;background:linear-gradient(#C39A58,#E2C99E);border-radius:0rpx 0rpx 100rpx 100rpx}.cont .inner{position:relative;padding:30rpx 0rpx;width:100%;height:100%;z-index:999}.cont .inner .order-status{display:flex;align-items:center;justify-content:space-between;padding:0 30rpx}.cont .inner .order-status .inner{display:flex;align-items:center}.cont .inner .order-status .inner .img-box{width:96rpx;height:96rpx;margin-right:30rpx}.cont .inner .order-status .inner .img-box image{width:100%;height:100%}.cont .inner .order-status .inner .status-box{height:96rpx;display:flex;flex-direction:column;justify-content:center}.cont .inner .order-status .inner .status-box .status{font-size:40rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:1}.cont .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}.cont .inner .order-placer{margin-top:30rpx;padding:0 20rpx}.cont .inner .order-placer .inner{box-sizing:border-box;border-radius:16rpx;height:150rpx;padding:40rpx 30rpx;display:flex;align-items:center;background:#FFFFFF}.cont .inner .order-placer .inner .location{width:24rpx;height:27rpx;margin-right:18rpx;flex-shrink:0}.cont .inner .order-placer .inner .info .name-phone{display:flex;align-items:center}.cont .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}.cont .inner .order-placer .inner .info .name-phone .text:last-child{margin-right:0}.cont .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}.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,#C39A58 0%,#E2C99E 100%);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:#FFFFFF;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:#FFFFFF;padding:0 30rpx;display:flex;align-items:center;justify-content:flex-end}.btn-box .btn{position:relative;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 #DDDDDD;color:#666}.btn-box .btn.pay{background:#C39A58;color:#fff}.btn-box .btn .contact-btn{top:0;position:absolute;width:100%;height:100%;opacity:0}
|
