/* pages/DetailsOfRefund/DetailsOfRefund.wxss */ .display { display: none; } image { width: 100%; height: 100%; } .page { position: fixed; width: 100%; height: 100%; overflow: auto; background: #f7f7f7; } /* 头部状态 */ .describe-box { background: #fff; margin-bottom: 20rpx; } .process { padding: 20rpx 25rpx; border-bottom: 1rpx solid #f2f2f2; } .current-process { font-size: 30rpx; font-weight: bold; padding: 10rpx 0; } .acount-for-process { font-size: 28rpx; color: #444; line-height: 1.5em; } .red { color: #e43130; } /* 隐藏内容 */ .more-content { border-top: 1rpx dashed #ebebeb; margin-top: 15rpx; padding-top: 10rpx; } .cont { font-size: 28rpx; color: #666666; line-height: 1.8em } /* 更多说明 */ .more-instructions { padding: 18rpx 0; padding-bottom: 22rpx; text-align: center; font-size: 27rpx; } .more-txt { vertical-align: middle; } .down-arrow-icon { display: inline-block; width: 40rpx; height: 25rpx; vertical-align: middle; } /* 退款流程 */ .refund-schedule { background: #fff; margin-bottom: 20rpx; padding: 0 25rpx; } .refund-sum { font-size: 28rpx; padding: 25rpx 0; border-bottom: 1rpx solid #f2f2f2; } .progress-bar { position: relative; display: flex; justify-content: space-around; padding: 20rpx 0; } .block { display: inline-block; text-align: center; } .round { display: block; width: 13rpx; height: 13rpx; border-radius: 50%; background: #999999; margin: 0 auto; margin-top: 15rpx; } /* 激活状态圆点 */ .round-current { background: #3388ff; } .block-text { margin-top: 15rpx; text-align: center; } .block-text-tit { font-size: 26rpx; line-height: 2em; color: #777; } .block-text-time { font-size: 22rpx; color: #aaa; } .line { position: absolute; top: 39rpx; display: inline-block; width: 215rpx; height: 5rpx; background: #bdbdbd; } /* 激活状态直线 */ .line-current { background: #3388ff; } .line01 { left: 145rpx; } .line02 { right: 115rpx; } /* 拒绝理由 */ .refuse-reason { font-size: 28rpx; background: #fff; padding: 20rpx; margin-bottom: 20rpx; } /* 退货地址 */ .return-address { background: #fff; margin-bottom: 20rpx; } .addr-tit { padding: 10rpx 20rpx; border-bottom: 1rpx solid #f2f2f2; font-size: 30rpx; font-weight: bold; } .addr { padding-right: .5em; } .address { padding: 20rpx; font-size: 28rpx; } .recipient { padding-bottom: 10rpx; } .mobile { margin-left: 50rpx; } .pay-card { background: #fff; margin-bottom: 20rpx; padding: 20rpx; } .loading-time { font-family: PingFang SC, PingFang SC; font-weight: bold; font-size: 28rpx; color: #181818; } .time-out { margin-top: 20rpx; font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 24rpx; color: #AAAAAA; } .pay-btn { margin-top: 20rpx; width: 220rpx; height: 64rpx; border-radius: 40rpx; border: 2rpx solid #FF4D3A; font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 28rpx; color: #FF4D3A; text-align: center; line-height: 64rpx; } /* 退货方式 */ .return-shop-box { display: flex; align-items: center; justify-content: space-between; } .shop-title { font-family: PingFang SC, PingFang SC; font-weight: bold; font-size: 28rpx; color: #181818; } .shop-text { margin-top: 20rpx; font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 24rpx; color: #AAAAAA; } .shop-btn { width: 136rpx; height: 64rpx; background: #FFFFFF; border-radius: 40rpx; border: 2rpx solid #FF4D3A; font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 28rpx; color: #FF4D3A; line-height: 64rpx; text-align: center; } .popup-box { padding: 20rpx; } .popup-title { margin-top: 28rpx; font-family: PingFang SC, PingFang SC; font-weight: 800; font-size: 32rpx; text-align: center; } .popup-select-day { display: flex; } .day-left { margin-top: 50rpx; } .now-day { font-weight: normal; font-size: 28rpx; color: #222222; } .tomorrow-day { font-weight: normal; font-size: 28rpx; color: #AAAAAA; } .time-right { margin-top: 50rpx; margin-left: 300rpx; height: 500rpx; overflow-y: auto; font-weight: normal; font-size: 28rpx; color: #222222; } .time-right::-webkit-scrollbar { display: none; } .sel-time { margin-bottom:28rpx; font-weight: normal; font-size: 28rpx; color: #AAAAAA; } .sel-timeselected{ margin-bottom:28rpx; color: #222222; } .info-card-box { margin-top: 20rpx; background-color: #F9F9F9; border-radius: 16rpx; padding: 20rpx; } .card-address { font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 28rpx; color: #222222; } .card-info { margin-top: 20rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; font-size: 28rpx; color: #222222; } .card-user { margin-top: 20rpx; font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 24rpx; color: #AAAAAA; } .card-line { margin-top: 20rpx; border: 2rpx solid #F0F0F0; } .card-time-box { margin-top: 20rpx; display: flex; align-items: center; justify-content: space-between; } .card-time { font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 28rpx; color: #222222; } .up-time { font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 28rpx; color: #AAAAAA; } .costSide-card { margin-top: 20rpx; background-color: #F9F9F9; border-radius: 16rpx; padding: 20rpx; display: flex; align-items: center; justify-content: space-between; } .costSide-card>view:first-child { font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 28rpx; color: #222222; } .costSide-card>view:last-child { font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 28rpx; color: #AAAAAA; } .bottom-button-box { background: #FFFFFF; box-shadow: 0rpx -6rpx 12rpx 2rpx rgba(0, 0, 0, 0.09); border-radius: 32rpx 32rpx 0rpx 0rpx; display: flex; justify-content: center; } .bottom-button { width: 702rpx; height: 80rpx; background: #04358D; border-radius: 40rpx; margin-top: 30rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; font-size: 28rpx; color: #FFFFFF; text-align: center; line-height: 80rpx; } .picker-style { font-size: 16rpx !important; margin-left: -80rpx; } .send-pay-box { display: flex; align-items: center; margin-top: 30rpx; } .sendpay-text { font-family: PingFang SC, PingFang SC; font-weight: normal; font-size: 28rpx; width: 400rpx; } .sendpay-btn { width: 220rpx; height: 80rpx; background: #04358D; border-radius: 40rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; font-size: 28rpx; color: #FFFFFF; line-height: 80rpx; text-align: center; } /* 查看协商记录 */ /* .negotiate-record { position: relative; font-size: 25rpx; text-align: left; background: #fff; padding: 20rpx 25rpx; margin-bottom: 20rpx; } .more-arrow { position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); width: 22rpx; height: 22rpx; } */ /* 退款信息 */ .refund-message { background: #fff; padding: 20rpx 25rpx; } .refund-txt { font-size: 30rpx; margin-bottom: 25rpx; font-weight: bold; } /* 店铺 */ .shop-box { display: block; padding-bottom: 20rpx; margin-bottom: 20rpx; border-bottom: 1rpx solid #f0f0f0; } .shop-img { display: inline-block; width: 36rpx; height: 36rpx; vertical-align: middle; margin-right: 10rpx; } .shop-img>iamge { display: block; width: 100%; height: 100%; } .shopname { display: inline-block; font-size: 28rpx; line-height: 1em; vertical-align: middle; color: #444444; } /* 商品信息 */ .goods-msg-box { background: #f9f9f9; padding: 15rpx 20rpx; margin: 15rpx 0; } .img-box { display: inline-block; width: 150rpx; height: 150rpx; margin-right: 20rpx; background: #eee; vertical-align: top; } .goods-text { display: inline-block; vertical-align: top; width: 70%; } .goods-title { font-size: 28rpx; display: -webkit-box; -webkit-line-clamp: 2; /*设定显示行数*/ -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .goods-quantity { font-size: 28rpx; color: #888888; margin-top: 20rpx; } /* 具体信息 */ .refund-cont { font-size: 28rpx; color: #666666; line-height: 2em; } /* 联系商家 */ .contact-merchant { font-size: 28rpx; color: #04358D; text-align: center; padding-top: 20rpx; margin-top: 20rpx; border-top: 1rpx solid #f2f2f2; } button.contact-merchant { background: #fff; } button.contact-merchant::after { border: 0; } /* 整单退款商品列表 */ .refund-goods-item { padding: 20rpx 0; border-bottom: 2rpx solid #ddd; } .refund-goods-item:last-child { border-bottom: none; } /* 脚部撤销 */ .foot-box { display: block; margin-top: 150rpx; } .footer { display: block; box-sizing: border-box; position: fixed; width: 100%; bottom: 0; font-size: 28rpx; background: #fff; padding: 0 30rpx; text-align: right; box-shadow: 1rpx 10rpx 10rpx 10rpx rgb(236, 236, 236); } .undo-apply { display: inline-block; box-sizing: border-box; padding: 15rpx 20rpx; font-size: 25rpx; border-radius: 5rpx; margin: 25rpx 0; margin-left: 15rpx; border-radius: 40rpx; border: 1rpx solid #aaaaaa; color: #555555; } .undo-apply-end { display: inline-block; box-sizing: border-box; margin-left: 15rpx; color: #777; font-size: 30rpx; } .apply-current { border: 1rpx solid rgb(0, 173, 0); color: rgb(0, 173, 0); }