/* 退款详情 */ /* 退款步骤 */ .return-detail { min-height: 535px; } .return-detail .return-step { background: #f9f9f9; border: 1px solid #eee; display: flex; text-align: center; } .return-detail .return-step .item { padding: 20px 0 15px; position: relative; flex: 1; } .return-detail .return-step .item::before { position: absolute; left: 0; top: 31px; display: block; height: 3px; width: 100%; background: #ccc; content: ' '; font-size: 0; } .return-detail .return-step .item:first-child::before { width: 50%; left: 50%; } .return-detail .return-step .item:last-child::before { width: 50%; right: 50%; } .return-detail .return-step .item.active::before { background: #e1251b; } .return-detail .return-step .item.fail::before { background: #999; } .return-detail .return-step .item .number { background: #ccc; width: 25px; height: 25px; margin: auto; border-radius: 50%; line-height: 25px; font-family: arial; font-weight: 600; color: #fff; position: relative; } .return-detail .return-step .item.active .number { background: #e1251b; } .return-detail .return-step .item.fail .number { background: #999; } .return-detail .return-step .item .text { color: #999; margin-top: 10px; } .return-detail .return-step .item.active .text { color: #000; } .return-detail .return-step .item.fail .text { color: #999; } .return-detail .return-step .item .time { color: #999; font-family: arial; margin-top: 5px; } /* 退款步骤 end */ /* 退款订单 */ .return-detail .return-order { margin-top: 20px; } .return-detail .return-order .order-box { width: 100%; border: 1px solid #eee; } .return-detail .return-order .order-box .box-tit th { height: 32px; line-height: 32px; text-align: center; background: #f9f9f9; font-weight: 400; } .return-detail .return-order .order-box .box-space td { height: 14px; border-top: 1px solid #eee; border-left: 1px solid #fff; border-right: 1px solid #fff; } .return-detail .return-order .order-box .box-hd td { background: #f9f9f9; height: 32px; border-top: 1px solid #eee; } .return-detail .return-order .order-box .box-hd .order-number, .return-detail .return-order .order-box .box-hd .return-number { float: left; margin-left: 15px; color: #999; } .return-detail .return-order .order-box .box-hd .order-number .num, .return-detail .return-order .order-box .box-hd .return-number .num { color: #000; font-family: arial; margin-right: 35px; } .return-detail .return-order .order-box .box-hd .shop { float: left; margin-left: 15px; } .return-detail .return-order .order-box .box-hd .shop .shop-icon { width: 14px; height: 14px; vertical-align: bottom; display: inline-block; /* margin-top: 3px; */ margin-right: 5px; background: url(../images/icons.png) no-repeat -28px -458px; } .return-detail .return-order .order-box .box-hd .shop:hover .shop-icon { background-position: -9px -458px; } .return-detail .return-order .order-box .box-hd .shop:hover { color: #e1251b; } .return-detail .return-order .order-box .box-tr td { padding: 15px 5px; text-align: center; border-top: 1px solid #eee; border-right: 1px solid #eee; line-height: 20px; border-bottom: 1px solid #eee; } .return-detail .return-order .order-box .box-tr .goods-info { width: 100%; text-align: left; display: flex; float: left; margin-right: 15px; } .return-detail .return-order .order-box .box-tr .goods-info .img { width: 60px; height: 60px; font-size: 0; margin-right: 15px; } .return-detail .return-order .order-box .box-tr .goods-info .img img { width: 100%; height: 100%; } .return-detail .return-order .order-box .box-tr .goods-info .name-sku { flex: 1; } .return-detail .return-order .order-box .box-tr .goods-info .name-sku a.name { max-height: 36px; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } /* .return-detail .return-order .order-box .box-tr .goods-info .name-sku .name:hover { color: #e1251b; } */ .return-detail .return-order .order-box .box-tr .goods-info .name-sku .sku { display: block; line-height: 18px; margin-top: 6px; color: #999; } .return-detail .return-order .order-box .box-tr .goods-info .name-sku .sku .gift-icon { display: inline-block; font-size: 12px; color: #fff; background: #e43130; padding: 3px; border-radius: 3px; line-height: 1em; box-sizing: border-box; } .return-detail .return-order .order-box .box-tr .goods-info .name-sku .sku span { margin-right: 5px; } .goods-info.gift-goods-info { cursor: pointer; } .goods-info.gift-goods-info:hover .name { color: #e1251b; } .return-detail .return-order .order-box .box-tr .deal-time, .return-detail .return-order .order-box .box-tr .apply-number, .return-detail .return-order .order-box .box-tr .price-box { font-family: arial; color: #999; } .return-detail .return-order .order-box .box-tr .deal-time { word-wrap: break-word; text-align: center; } .return-detail .return-order .order-box .box-tr .price-box .return-price { color: #000; } .return-detail .return-order .order-box .box-tr .status-box { color: #999; } .return-detail .return-order .order-box .box-tr .price-box .return-price, .return-detail .return-order .order-box .box-tr .status-box .status { color: #000; margin-top: 5px; } .return-detail .return-order .order-box .box-tr .price-box .action-a { cursor: pointer; margin-top: 10px; padding-left: 5px; padding-right: 5px; } .return-detail .return-order .order-box .box-tr .action-a { /* display: block; */ background: #fff; border-radius: 2px; min-width: 85px; height: 18px; line-height: 18px; padding: 2px 0; margin: 3px auto; text-align: center; display:inline-block; color: #e1251b; border: 1px solid #e1251b; } .return-detail .return-order .order-box .box-tr .action-b { display: block; color: #aaa; line-height: 1.5em; padding-top: 4px; border: 1px solid #aaa; } .return-detail .return-order .order-box .box-tr .action-b:hover { color: #000; } .return-detail .return-order .order-box .box-tr .action-a.cannotuse { color: #bbb; border: 1px solid #bbb; cursor: not-allowed; } .return-detail .return-order .order-box .box-tr .action-b.cannotuse { color: #bbb; cursor: not-allowed; } .return-detail .en .order-box .box-tr .action-a.cannotuse, .return-detail .en .order-box .box-tr .action-b.cannotuse { width: 130px; } /* 退款订单 end */ /* 退款过程 */ .return-detail .return-progress { margin-top: 20px; padding-bottom: 20px; border: 1px solid #eee; } .return-detail .return-progress .tit { padding: 10px 15px; background: #f9f9f9; font-size: 14px; font-weight: 600; } .return-detail .return-progress .item { margin-top: 20px; padding: 0 20px; display: flex; line-height: 20px; } .return-detail .return-progress .item .time { margin-right: 50px; color: #999; width: 120px; font-family: arial; } .return-detail .return-progress .item .text-box { flex: 1; margin-right: 30px; } .return-detail .return-progress .item .text-box .name { font-weight: 600; } .return-detail .return-progress .item .text-box .acceptStation { font-weight: normal; } .return-detail .return-progress .item .text-box .text { margin-top: 5px; color: #999; } .return-detail .return-progress .item .text-box .text .distance { padding: 0 15px; } .return-detail .return-progress .item .text-box .text .distance.ft { padding-right: 15px; padding-left: 0; } .return-detail .return-progress .item .text-box .text .distance:not(:first-child) { border-left: 1px solid #e6e6e6; } .return-detail .return-progress .item .text-box p { margin-bottom: 8px; word-break: break-word; } .return-detail .return-progress .item .text-box .text .ref-voucher { display: flex; align-items: flex-start; margin-top: 10px; } .return-detail .return-progress .item .text-box .text .ref-img { width: 100px; height: 100px; padding: 3px; margin-right: 10px; } /* 退款过程 end */ /* 退款详情 end */ .empty { display: block; margin-top: 30px; color: #aaa; font-size: 18px; line-height: 2em; text-align: center; } /* 赠品 */ .gift-info .gift-item { text-align: left; margin-top: 0px; color: #333; cursor: pointer; padding: 0 5px; box-sizing: border-box; } .gift-info .gift-item:hover { color: #e1251b; } .gift-info .gift-item .name, .gift-info .gift-item .num { display: inline-block; vertical-align: middle; } .gift-info .gift-item .name { max-width: 500px; margin-right: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }