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:500rpx;position:relative}.top-cont .bg{width:100%;height:350rpx;position:absolute;top:0;left:0;z-index:1;background-color:#ff5c03;background:linear-gradient(#ff5c03,#e2c99e);border-radius:0rpx 0rpx 100rpx 100rpx}.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-status .inner .status-box .det-box{display:flex;align-items:center}.top-cont .top-inner .order-status .inner .status-box .det-box image{width:14rpx;height:24rpx;margin-left:12rpx;margin-top:30rpx}.top-cont .top-inner .refund-info{margin-top:50rpx;padding:0 20rpx}.top-cont .top-inner .refund-info .inner{background:#fff;border-radius:16rpx;padding:0 30rpx 15rpx}.top-cont .top-inner .refund-info .inner .title-box{height:88rpx;border-bottom:1px solid #F0F0F0;display:flex;align-items:center;justify-content:space-between}.top-cont .top-inner .refund-info .inner .title-box .left{display:flex;align-items:center}.top-cont .top-inner .refund-info .inner .title-box .left .title{font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#333;line-height:1;margin-right:20rpx}.top-cont .top-inner .refund-info .inner .title-box .left .price-box{display:flex;align-items:flex-end}.top-cont .top-inner .refund-info .inner .title-box .left .price-box .unit{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#f63;line-height:1.2;margin-right:4rpx}.top-cont .top-inner .refund-info .inner .title-box .left .price-box .num{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#f63;line-height:1}.top-cont .top-inner .refund-info .inner .title-box .right{display:flex;align-items:center}.top-cont .top-inner .refund-info .inner .title-box .right .text{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1;margin-right:10rpx}.top-cont .top-inner .refund-info .inner .title-box .right image{width:12rpx;height:22rpx}.top-cont .top-inner .refund-info .inner .refund-item{margin-top:40rpx}.top-cont .top-inner .refund-info .inner .refund-item .text{margin-bottom:10rpx;font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1}.content{padding:0 20rpx 20rpx}.content .return-info{margin-top:30rpx;background:#fff;border-radius:16rpx}.content .return-info .title-box{height:88rpx;padding:0 30rpx;display:flex;align-items:center;justify-content:space-between}.content .return-info .title-box .label{font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#333}.content .return-info .title-box .ret-num{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#999}.content .return-info .goods-list{padding:0 30rpx;background-color:#fff;border-radius:16rpx}.content .return-info .goods-list .item{padding:30rpx 0;border-bottom:1px solid #EDEEEF;display:flex;align-items:center}.content .return-info .goods-list .item .img-box{width:160rpx;height:160rpx;margin-right:30rpx}.content .return-info .goods-list .item .img-box image{width:100%;height:100%}.content .return-info .goods-list .item .info-box{width:calc(100% - 190rpx);height:160rpx;display:flex;flex-direction:column;justify-content:space-between}.content .return-info .goods-list .item .info-box .title{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#333;line-height:36rpx}.content .return-info .goods-list .item .info-box .title .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 .return-info .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 .return-info .goods-list .item .info-box .price-num{display:flex;align-items:center;justify-content:space-between}.content .return-info .goods-list .item .info-box .price-num .price{display:flex;align-items:flex-end}.content .return-info .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 .return-info .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 .return-info .goods-list .item .info-box .price-num .num{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.content .return-info .goods-list .refund-det-info{padding-bottom:30rpx}.content .return-info .goods-list .refund-det-info .det-item{margin-top:40rpx;display:flex;align-items:center;justify-content:space-between}.content .return-info .goods-list .refund-det-info .det-item .label{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1}.content .return-info .goods-list .refund-det-info .det-item .text{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#222;line-height:1}.btn-box{margin-top:15rpx;box-sizing:border-box;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:first-child{margin-left:0}.btn-box .btn.cancel{border:1px solid #DDDDDD;color:#666}
|