|
|
@@ -1,201 +1,203 @@
|
|
|
-@charset "utf-8";
|
|
|
-li{list-style:none}
|
|
|
-/**
|
|
|
- * PC端
|
|
|
- */
|
|
|
-@media screen and (min-width:768px){
|
|
|
- /*订单详情顶部信息*/
|
|
|
- .navLayout{min-height: auto;}
|
|
|
- .navLayout .right{float:right;width:968px}
|
|
|
- .order-container{width: 100%;min-height:410px;}
|
|
|
- .order-container .title{width: 100%;height: 44px;line-height: 44px;font-size: 16px;text-align: left;color: #22272e;}
|
|
|
- .order-container .title a{display: block;float: right;position: relative;padding-right: 36px;position: relative;}
|
|
|
- .order-container .title a .icon{display: block;width: 18px;height: 18px;position: absolute;top: 5px;right: 10px;}
|
|
|
- .order-container .title a .icon:before{width: 18px;height: 18px;background-position: -304px -32px;}
|
|
|
- .order-container .section{width: 100%;height: auto;}
|
|
|
- .order-container .section .section-info {margin-bottom: 8px;box-sizing:border-box;padding:10px 20px;background-color: #FFFFFF;}
|
|
|
- .order-container .section .section-info .order-title{width:100%;box-sizing:border-box;height:40px;position:relative;padding-left:45px;margin-bottom: 0;}
|
|
|
- .order-container .section .section-info .order-title .bag{display: block;position: absolute;left:0;top: 12px; width: 36px;height: 16px;background-image: linear-gradient(335deg,#FF5B00 0%,#ffb496 100%);border-radius: 2px;font-size: 10px;color: #FFFFFF;line-height: 16px;text-align: center;}
|
|
|
- .order-container .section .section-info .order-title .title-name{line-height: 40px;font-size: 14px;color: #22272e;}
|
|
|
- .order-container .section .section-info .order-title .title-name p{display:inline-block;margin-right:10px;}
|
|
|
- .order-container .section .section-info .order-title .title-name p.state{color: #FF5B00;margin-left: 10px;font-weight: normal;}
|
|
|
- .order-container .section .section-info .order-title .title-type{float:right;width:40px;height: 40px;background: url("/img/order/second.png")center center no-repeat;background-size: cover;}
|
|
|
- .order-container .section .section-info .order-title .title-time{position:absolute;right:0;top:0;line-height:40px;font-size: 12px;color: #9aa5b5;}
|
|
|
- .order-container .section .section-info .order-content{width:100%;height:auto;}
|
|
|
- .order-container .section .section-info .order-content .order-item{width:100%;}
|
|
|
- .order-container .section .section-info .order-content .order-item p{display:inline-block;margin-right:45px;line-height: 36px;color: #627386;font-size: 14px;}
|
|
|
- .order-container .section .section-info .order-content .order-item p.org{}
|
|
|
- .order-container .section .section-info .order-content .order-item p.copy{margin-left:20px;width: 56px;height: 24px;background-image: linear-gradient(214deg, #ff2929 0%, #ff6d1b 100%);border-radius: 2px;line-height: 24px;text-align: center;font-size: 12px;color: #FFF;margin-top: 6px;cursor: pointer;}
|
|
|
- .order-container .section .section-info .order-content .order-item p span{margin-left: 5px;}
|
|
|
- .order-container .section .section-info .order-content .order-item p .red{color: #f94b4b;}
|
|
|
- .order-container .section .section-info .order-content .order-item p .org{color: #FF5B00;}
|
|
|
- .order-container .section .section-info .order-content .order-item p .none{color:#22272e;}
|
|
|
- /*商品信息*/
|
|
|
- .order-container .section-list{margin-bottom: 10px;width: 100%;height: auto;box-sizing:border-box;}
|
|
|
- .order-container .section-shopinfo{width: 100%;height: auto;margin-bottom: 5px;box-sizing: border-box;padding: 0;background-color: #FFFFFF;}
|
|
|
- .order-container .section-shopinfo .title{width: 100%;height: 56px;box-sizing: border-box;padding: 8px 20px;border-bottom: 1px solid #e2e7ef;}
|
|
|
- .order-container .section-shopinfo .title .logo{width: 39px;height: 39px;box-sizing: border-box;border: 1px solid #e2e7ef;float: left;display: block;margin-right: 5px;}
|
|
|
- .order-container .section-shopinfo .title .name{line-height: 40px;float: left;font-size: 14px;color: #22272E;text-align: left;margin-right: 20px;}
|
|
|
- .order-container .section-shopinfo .product{width: 100%;height: auto;box-sizing: border-box;padding: 0 20px;}
|
|
|
- .order-container .section-shopinfo .section-prosinfo{width: 100%;height: 126px;padding: 16px 0 0;}
|
|
|
- .order-container .section-shopinfo .product-t{width: 100%;min-height: 100px;float: left;}
|
|
|
- .order-container .section-shopinfo .product-t .image{width: 98px;height: 98px;float: left;border: 1px solid #e2e7ef;margin-right: 10px;position: relative;}
|
|
|
- .order-container .section-shopinfo .product-t .image img{width: 98px;height: 98px;display: block;}
|
|
|
- .order-container .section-shopinfo .product-t .image .tip{width: 40px;height: 20px;border-radius: 2px;font-size: 12px;line-height: 20px;text-align: center;display: block;position: absolute;top: 0;left: 0;color: #FFFFFF; background-image: linear-gradient(214deg, #ff4500 0%, #ff5800 53%, #ff4367 100%);}
|
|
|
- .order-container .section-shopinfo .product-t .text{width: 810px;float: left;}
|
|
|
- .order-container .section-shopinfo .product-t .tit{float: left;width: 100%;margin-bottom: 6px;line-height: 22px;font-size: 16px;text-align: left;color: #22272E;}
|
|
|
- .order-container .section-shopinfo .product-t .info{width: 100%;height: auto;float: left;}
|
|
|
- .order-container .section-shopinfo .product-t .info>.col{line-height:24px;font-size:14px;color:#627386;text-align:left;display:inline-block;width:25%}
|
|
|
- .order-container .section-shopinfo .product-t .info>.col .red{color: #FF2A2A;}
|
|
|
- .order-container .section-shopinfo .product-t .info>div.col{width: 40%;}
|
|
|
- /*会员标签*/
|
|
|
- .order-container .section-shopinfo .product-t .info>.col .svip-tag{width:100%;height:22px;letter-spacing:0;display: inline;margin-left: 10px;}
|
|
|
- .order-container .section-shopinfo .product-t .info>.col .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
- .order-container .section-shopinfo .product-t .info>.col .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
- .order-container .section-shopinfo .product-t .info>.col .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:25px;padding-right:4px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:14px}
|
|
|
- .order-container .section-shopinfo .product-t .info>.col .svip-tag .svip-price span{color: #333}
|
|
|
-
|
|
|
- .order-container .section-shopinfo .product-t .price>p{line-height:24px;font-size:14px;color:#627386;text-align:left;display:inline-block;width:30%}
|
|
|
- .order-container .section-shopinfo .product-t .price>p .red{color: #FF2A2A;}
|
|
|
- .price-total{padding-top:20px;text-align:right;color:#22272e;font-size:16px}
|
|
|
- .price-total span{color:#f94b4b}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott{width: 100%;height: auto;box-sizing: border-box;color: #22272E;background-color: #FFFAF8;padding: 8px 20px;}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott p{display:inline-block;margin-right:50px;line-height: 34px;color: #627386;font-size: 14px;float: left;}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott .red{color: #f94b4b;}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott .org{color: #FF5B00;}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott .none{color:#22272e;}
|
|
|
- .order-container .section-shopinfo .shopinfo-note{width: 100%;height: 30px;line-height: 30px;padding: 10px 20px 16px 20px;}
|
|
|
- .order-container .section-shopinfo .shopinfo-note p{color: #22272E;}
|
|
|
- /*发票信息*/
|
|
|
- .section-showInfo{ width: 100%;height: auto;box-sizing: border-box;float: left;padding:10px 20px;background-color: #FFFFFF;margin-bottom: 10px;}
|
|
|
- .section-showInfo .title-name {color: #22272e;font-size: 14px;margin-bottom: 20px}
|
|
|
- .section-showInfo .order-item {display: flex}
|
|
|
- .section-showInfo .order-item p {margin-bottom: 20px;display: inline-block;color: #627386;width: 33%}
|
|
|
- /*转账信息*/
|
|
|
- .section-showInfo .vouch-list{ width: 100%;height: auto;box-sizing: border-box;padding: 16px 0; border-bottom: 1px solid #E2E7EF;}
|
|
|
- .section-showInfo .refund-item-p{width: 100%;line-height: 30px;font-size: 14px;color: #666666;float: left;}
|
|
|
- .section-showInfo .refund-item-imgs{width: 100%;height: auto;margin: 5px 0;float: left;}
|
|
|
- .section-showInfo .refund-item-imgs .item-image{width: 100px;height: 100px;margin-right: 10px;border: 1px dashed #E1E1E1;float: left;}
|
|
|
- .section-showInfo .refund-item-imgs .item-image a{width: 100px;height: 100px;display: block;}
|
|
|
- .section-showInfo .refund-item-imgs .item-image a img{width: 100px;height: 100px;display: block;}
|
|
|
- /*退款记录*/
|
|
|
- .section-paymentlist{margin-bottom: 10px;width: 100%;height: auto;box-sizing: border-box;float: left;padding:10px 20px;background-color: #FFFFFF;}
|
|
|
- .section-paymentlist .record-title{width: 100%;height: 48px;line-height: 48px;float: left;font-size: 16px;color: #22272E;}
|
|
|
- .section-paymentlist .record-title .record-title-l{float: left;}
|
|
|
- .section-paymentlist .record-title .record-title-r{float: right;}
|
|
|
- .section-paymentlist .record-title .record-title-r .red{color: #FF2A2A;}
|
|
|
- .section-paymentlist .record-list{width: 100%;height: auto;}
|
|
|
- .section-paymentlist .record-list .record-item{width: 100%;height: 40px;}
|
|
|
- .section-paymentlist .record-list .item-time{width: 33.33%;height: 40px;font-size: 14px;color: #627386;text-align: center;line-height: 40px;float: left;}
|
|
|
- .section-paymentlist .record-list .item-time.mm{text-align: left;}
|
|
|
- .section-paymentlist .record-list .item-time.tt{text-align: right;}
|
|
|
- .section-paymentlist .record-list .item-rec{width: 50%;height: 40px;font-size: 14px;color: #627386;text-align: center;line-height: 40px;float: left;}
|
|
|
- .section-paymentlist .record-list .item-rec.mm{text-align: left;}
|
|
|
- .section-paymentlist .record-list .item-rec.tt{text-align: right;}
|
|
|
- .section-paymentlist .record-empty{width: 100%;height: 40px;font-size: 14px;color: #999999;text-align: left;float: left;line-height: 40px;}
|
|
|
- /*底部按钮*/
|
|
|
- .section-botton{width: 100%;height: 76px;box-sizing: border-box;float: left;padding:20px;background-color: #FFFFFF;}
|
|
|
- /*.section-botton .inner{width: 1184px;margin: 0 auto;}*/
|
|
|
- .section-botton .btn{height: 34px;padding: 0 10px;border-radius: 2px;border: 1px solid #FFF;float: right;margin-left: 16px;font-size: 14px;line-height: 34px;text-align: center;display: block;}
|
|
|
- .section-botton .btn.cancel{border-color: #9aa5b5;background-color: #FFFFFF;color: #22272e;}
|
|
|
- .section-botton .btn.primary{border-color: #FF5B00;background-color: #FF5B00;color: #FFFFFF;position: relative;}
|
|
|
- .section-botton .btn.primary .tips{width: 44px;height: 19px;line-height: 19px;text-align: center;border-radius: 10px;background-color: #ffe6dc;font-size: 12px;color: #FF5B00;position: absolute;right:0px;top: -25px;z-index: 99;}
|
|
|
- .section-botton .btn.primary .tips:before{content: '';width: 6px;height: 6px;background-color: #ffe6dc;position: absolute;bottom: -3px;left: 12px;z-index: -1;transform:rotate(45deg);}
|
|
|
- .section-botton .btn.primary.confirm{line-height: 17px;}
|
|
|
- .section-botton .shopinfo{float: right;height: 100%;margin-right: 10px;}
|
|
|
- .section-botton .price-total{text-align: right;color: #22272e;font-size: 16px;float: right;padding-top: 0;line-height: 36px;}
|
|
|
- .section-botton.fiexd{position: fixed;bottom: 0;right: 0;}
|
|
|
- .section-botton.fiexd .inner{width: 1184px;margin: 0 auto;z-index: 9999;}
|
|
|
- /* 特殊商品退货须知 */
|
|
|
- .return-instructions{padding: 16px 24px;background: #FFFAF8; color: #FF5B00; font-size: 14px;margin-bottom: 8px;line-height: 24px}
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
-* 移动端
|
|
|
-*/
|
|
|
-@media screen and (max-width:768px){
|
|
|
- .order-container { padding-bottom: 28vw;}
|
|
|
- .order-container .section-info,
|
|
|
- .order-container .section-invoice,
|
|
|
- .order-container .section-payment{box-sizing:border-box;width:100%;background:#FFF;margin-top:1.5vw;padding:2vw 3.2vw 4vw 3.2vw;font-size:3.2vw;color:#627386;line-height:7vw}
|
|
|
- .order-container .order-title{position:relative;height:16vw}
|
|
|
- .order-container .order-title .title-name:nth-of-type(1){padding-left:11.6vw;color:#FF5B00;font-size:3.5vw;line-height:9vw}
|
|
|
- .order-container .order-title .bag{position:absolute;left:0;top:2.6vw;width:9.6vw;height:4.2vw;line-height:4.2vw;text-align:center;color:#FFF;background-image:linear-gradient(90deg,#ffb427 0%,#f58e4d 100%);border-radius:2px}
|
|
|
- .order-container .order-title .state{position:absolute;right:0;bottom:0;color:#FF5B00}
|
|
|
- .order-container .order-title .title-time span,.order-container .order-content span{color:#22272e}
|
|
|
- .order-container .order-item p{display:inline-block;width:49%}
|
|
|
- .order-container .copy{width:auto!important;display:inline-block;height:6.4vw;line-height:6.4vw;padding:0 3vw;background-image:linear-gradient(214deg,#ff2929 0%,#ff6d1b 100%);border-radius:2px;color:#FFF;margin-left:2vw}
|
|
|
- .order-container .order-item p.org{width:auto}
|
|
|
- .order-container .order-item p.org span{color:#FF5B00}
|
|
|
- .order-container .order-item p.address{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
|
- .section-shopinfo .title{border-bottom:1px solid #F7F7F7;height:7.4vw;line-height:7.4vw;padding:1.3vw 3.2vw;position:relative}
|
|
|
- .section-shopinfo .logo{width:7.4vw;height:7.4vw;border:1px solid #F7F7F7;margin-right:2vw}
|
|
|
- .section-shopinfo .name{display:inline-block;color:#9aa5b5}
|
|
|
- .section-shopinfo .title .priceTag{width:22vw;height:6.4vw;position:absolute;right:0;top:2vw}
|
|
|
- .section-shopinfo .title .priceTag .tag{top:0}
|
|
|
- .section-shopinfo{width:100%;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-top:1.5vw;padding:2vw 0;box-sizing:border-box}
|
|
|
- .section-shopinfo .product{padding:2vw 3.2vw;box-sizing:border-box}
|
|
|
- .section-prosinfo{padding:1vw 0 1vw 32.2vw;position:relative;margin-top:2vw}
|
|
|
- .section-prosinfo .image{width:28vw;position:absolute;left:0;top:0}
|
|
|
- .section-prosinfo .image img{width:28vw;height:28vw}
|
|
|
- .section-prosinfo .image .tip{position:absolute;background:#ff4500;line-height:5vw;height:5vw;padding:0 2vw;white-space:nowrap;font-size:3.1vw;color:#FFF;top:0;left:0}
|
|
|
- .section-prosinfo .text .tit{max-height:10.4vw;line-height:5.2vw;color:#22272e;font-size:3.7vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
|
|
|
- .section-prosinfo .text .info{position:relative}
|
|
|
- .section-prosinfo .text .info .priceTag .tag{position:absolute;right:0;top:auto;left:auto;}
|
|
|
- .section-prosinfo .text .info>p{display:inline-block;min-width:48%;font-size:3.1vw;color:#627386;line-height: 6vw;}
|
|
|
- .section-prosinfo .text .info>p .red{color:#FF2A2A}
|
|
|
-
|
|
|
- /*会员标签*/
|
|
|
- .section-prosinfo .text .svip-tag{height:4.74vw;letter-spacing:0;overflow: hidden;margin-left: 12vw;}
|
|
|
- .section-prosinfo .text .svip-tag .svip-icon{position:relative;z-index:9;float: left; width:9.8vw;height:4.74vw;text-align:center;line-height:4.74vw;font-size:2.8vw;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
- .section-prosinfo .text .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
- .section-prosinfo .text .svip-tag .svip-price{z-index:1;position:relative;float: left;padding-left:5.4vw;padding-right:0.6vw;margin-left:-6vw;line-height:4.74vw;height: 4.74vw; background:#F0CB72;opacity:1;border-radius:2px;font-size:2.8vw}
|
|
|
- .section-prosinfo .text .svip-tag .svip-price span{color: #333}
|
|
|
- .section-prosinfo .text .svip-tag .svip-price span:nth-child(2){margin-left: -0.4vw}
|
|
|
- .section-prosinfo .text .price{font-size:3.4vw;color:#627386}
|
|
|
- .section-prosinfo .text .price .red{color:#f94b4b}
|
|
|
-
|
|
|
- .order-container .section-shopinfo .shopinfo-bott{width: 100%;height: auto;box-sizing: border-box;color: #22272E;background-color: #FFFAF8;padding: 2vw 3.2vw;}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott p{display:inline-block;margin-right:8vw;line-height: 6.8vw;color: #627386;font-size: 3.4vw;float: left;}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott .red{color: #f94b4b;}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott .org{color: #FF5B00;}
|
|
|
- .order-container .section-shopinfo .shopinfo-bott .none{color:#22272e;}
|
|
|
- .order-container .section-shopinfo .shopinfo-note{width: 100%;height: auto;line-height: 6vw;padding: 3.2vw 3.2vw 0 3.2vw;box-sizing: border-box;}
|
|
|
- .order-container .section-shopinfo .shopinfo-note p{width: 100%;color: #22272E;text-overflow: ellipsis;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
|
|
|
-
|
|
|
- /*发票信息*/
|
|
|
- .section-showInfo{ width: 100%;height: auto;box-sizing: border-box;float: left;padding:2vw 3.3vw;background-color: #FFFFFF;margin-bottom: 10px;}
|
|
|
- .section-showInfo .title-name {color: #22272e;font-size: 3.4vw;margin-bottom: 2vw;}
|
|
|
- .section-showInfo .order-item p {margin-bottom: 3vw;display: inline-block;color: #627386;width: 100%;}
|
|
|
- /*转账信息*/
|
|
|
- .section-showInfo .vouch-list{ width: 100%;height: auto;box-sizing: border-box;padding: 1.5vw 0; border-bottom: 1px solid #E2E7EF;}
|
|
|
- .section-showInfo .refund-item-p{width: 100%;line-height: 8vw;font-size: 3.4vw;color: #666666;float: left;}
|
|
|
- .section-showInfo .refund-item-imgs{width: 100%;height: auto;margin: 5px 0;float: left;}
|
|
|
- .section-showInfo .refund-item-imgs .item-image{width: 15vw;height: 15vw;margin-right: 10px;border: 1px dashed #E1E1E1;float: left;}
|
|
|
- .section-showInfo .refund-item-imgs .item-image a{width: 15vw;height: 15vw;display: block;}
|
|
|
- .section-showInfo .refund-item-imgs .item-image a img{width: 15vw;height: 15vw;display: block;}
|
|
|
-
|
|
|
- .price-total{padding:3vw;text-align:right;color:#22272e;font-size:3.4vw;float: left;}
|
|
|
- .price-total span{color:#f94b4b}
|
|
|
- .payment-transfer{color:#22272e}
|
|
|
- .payment-transfer .label>p{font-size:3.4vw;color:#22272e;line-height:5vw;padding:1.6vw 0}
|
|
|
- .payment-transfer .label .label-title{font-size:3.1vw;color:#FF5B00}
|
|
|
- .payment-transfer .label .label-t{color:#627386}
|
|
|
- .payment-transfer .label .label-c{color:#FF2A2A;font-size:3.1vw}
|
|
|
- .payment-transfer .label>p .red{color:#FF5B00}
|
|
|
- .record-title,.record-empty{width:100%;box-sizing:border-box;font-size:3.4vw;margin-top:1.5vw;padding:3.2vw;background:#FFF;color:#22272e}
|
|
|
- .record-title span{color:#f94b4b}
|
|
|
- .section-botton{width: 100%; margin-top:1.5vw;padding: 2.7vw 0;background: #fff;box-sizing: border-box;position: fixed;bottom: 0;left: 0;z-index: 999;}
|
|
|
- .section-botton .inner{overflow: hidden}
|
|
|
- .section-botton .btn{display:inline-block;padding:0 2.5vw;height:10vw;line-height:10vw;font-size:3.7vw;text-align:center;background-color:#ffe6dc;border-radius:2px;border:1px solid #FF5B00;margin:0 0 0 2.7vw;color:#FF5B00;float: left;}
|
|
|
- .section-botton .primary{color:#FFF;Background:#FF5B00;position: relative;}
|
|
|
- .section-botton .btn.primary.confirm{line-height: 4.5vw;}
|
|
|
- .section-botton .btn.primary .tips{width: 12.6vw;height: 4.8vw;line-height: 4.8vw;text-align: center;border-radius: 2.4vw;background-color: #ffe6dc;font-size: 2.8vw;color: #FF5B00;position: absolute;right: -2vw;top: -6.5vw;z-index: 99;}
|
|
|
- .section-botton .btn.primary .tips:before{content: '';width: 6px;height: 6px;background-color: #ffe6dc;position: absolute;bottom: -3px;left: 12px;z-index: -1;transform:rotate(45deg);}
|
|
|
- /* 特殊商品退货须知 */
|
|
|
- .return-instructions{padding: 4vw 3.3vw;background: #FFFAF8; color: #FF5B00; font-size: 3.4vw;margin-top: 1.5vw; line-height: 5.6vw;}
|
|
|
-
|
|
|
- footer{display: none; }
|
|
|
-
|
|
|
-
|
|
|
-}
|
|
|
+@charset "utf-8";
|
|
|
+li{list-style:none}
|
|
|
+/**
|
|
|
+ * PC端
|
|
|
+ */
|
|
|
+@media screen and (min-width:768px){
|
|
|
+ /*订单详情顶部信息*/
|
|
|
+ .navLayout{min-height: auto;}
|
|
|
+ .navLayout .right{float:right;width:968px}
|
|
|
+ .order-container{width: 100%;min-height:410px;}
|
|
|
+ .order-container .title{width: 100%;height: 44px;line-height: 44px;font-size: 16px;text-align: left;color: #22272e;}
|
|
|
+ .order-container .title a{display: block;float: right;position: relative;padding-right: 36px;position: relative;}
|
|
|
+ .order-container .title a .icon{display: block;width: 18px;height: 18px;position: absolute;top: 5px;right: 10px;}
|
|
|
+ .order-container .title a .icon:before{width: 18px;height: 18px;background-position: -304px -32px;}
|
|
|
+ .order-container .section{width: 100%;height: auto;}
|
|
|
+ .order-container .section .section-info {margin-bottom: 8px;box-sizing:border-box;padding:10px 20px;background-color: #FFFFFF;}
|
|
|
+ .order-container .section .section-info .order-title{width:100%;box-sizing:border-box;height:40px;position:relative;padding-left:45px;margin-bottom: 0;}
|
|
|
+ .order-container .section .section-info .order-title .bag{display: block;position: absolute;left:0;top: 12px; width: 36px;height: 16px;background-image: linear-gradient(335deg,#FF5B00 0%,#ffb496 100%);border-radius: 2px;font-size: 10px;color: #FFFFFF;line-height: 16px;text-align: center;}
|
|
|
+ .order-container .section .section-info .order-title .title-name{line-height: 40px;font-size: 14px;color: #22272e;}
|
|
|
+ .order-container .section .section-info .order-title .title-name p{display:inline-block;margin-right:10px;}
|
|
|
+ .order-container .section .section-info .order-title .title-name p.state{color: #FF5B00;margin-left: 10px;font-weight: normal;}
|
|
|
+ .order-container .section .section-info .order-title .title-type{float:right;width:40px;height: 40px;background: url("/img/order/second.png")center center no-repeat;background-size: cover;}
|
|
|
+ .order-container .section .section-info .order-title .title-time{position:absolute;right:0;top:0;line-height:40px;font-size: 12px;color: #9aa5b5;}
|
|
|
+ .order-container .section .section-info .order-content{width:100%;height:auto;}
|
|
|
+ .order-container .section .section-info .order-content .order-item{width:100%;}
|
|
|
+ .order-container .section .section-info .order-content .order-item p{display:inline-block;margin-right:45px;line-height: 36px;color: #627386;font-size: 14px;}
|
|
|
+ .order-container .section .section-info .order-content .order-item p.org{}
|
|
|
+ .order-container .section .section-info .order-content .order-item p.copy{margin-left:20px;width: 56px;height: 24px;background-image: linear-gradient(214deg, #ff2929 0%, #ff6d1b 100%);border-radius: 2px;line-height: 24px;text-align: center;font-size: 12px;color: #FFF;margin-top: 6px;cursor: pointer;}
|
|
|
+ .order-container .section .section-info .order-content .order-item p span{margin-left: 5px;}
|
|
|
+ .order-container .section .section-info .order-content .order-item p .red{color: #f94b4b;}
|
|
|
+ .order-container .section .section-info .order-content .order-item p .org{color: #FF5B00;}
|
|
|
+ .order-container .section .section-info .order-content .order-item p .none{color:#22272e;}
|
|
|
+ /*商品信息*/
|
|
|
+ .order-container .section-list{margin-bottom: 10px;width: 100%;height: auto;box-sizing:border-box;}
|
|
|
+ .order-container .section-shopinfo{width: 100%;height: auto;margin-bottom: 5px;box-sizing: border-box;padding: 0;background-color: #FFFFFF;}
|
|
|
+ .order-container .section-shopinfo .title{width: 100%;height: 56px;box-sizing: border-box;padding: 8px 20px;border-bottom: 1px solid #e2e7ef;}
|
|
|
+ .order-container .section-shopinfo .title .logo{width: 39px;height: 39px;box-sizing: border-box;border: 1px solid #e2e7ef;float: left;display: block;margin-right: 5px;}
|
|
|
+ .order-container .section-shopinfo .title .name{line-height: 40px;float: left;font-size: 14px;color: #22272E;text-align: left;margin-right: 20px;}
|
|
|
+ .order-container .section-shopinfo .product{width: 100%;height: auto;box-sizing: border-box;padding: 0 20px;}
|
|
|
+ .order-container .section-shopinfo .section-prosinfo{width: 100%;height: 126px;padding: 16px 0 0;}
|
|
|
+ .order-container .section-shopinfo .product-t{width: 100%;min-height: 100px;float: left;}
|
|
|
+ .order-container .section-shopinfo .product-t .image{width: 98px;height: 98px;float: left;border: 1px solid #e2e7ef;margin-right: 10px;position: relative;}
|
|
|
+ .order-container .section-shopinfo .product-t .image img{width: 98px;height: 98px;display: block;}
|
|
|
+ .order-container .section-shopinfo .product-t .image .tip{width: 40px;height: 20px;border-radius: 2px;font-size: 12px;line-height: 20px;text-align: center;display: block;position: absolute;top: 0;left: 0;color: #FFFFFF; background-image: linear-gradient(214deg, #ff4500 0%, #ff5800 53%, #ff4367 100%);}
|
|
|
+ .order-container .section-shopinfo .product-t .text{width: 810px;float: left;}
|
|
|
+ .order-container .section-shopinfo .product-t .tit{float: left;width: 100%;margin-bottom: 6px;line-height: 22px;font-size: 16px;text-align: left;color: #22272E;}
|
|
|
+ .order-container .section-shopinfo .product-t .info{width: 100%;height: auto;float: left;}
|
|
|
+ .order-container .section-shopinfo .product-t .info>.col{line-height:24px;font-size:14px;color:#627386;text-align:left;display:inline-block;width:25%}
|
|
|
+ .order-container .section-shopinfo .product-t .info>.col .red{color: #FF2A2A;}
|
|
|
+ .order-container .section-shopinfo .product-t .info>div.col{width: 40%;}
|
|
|
+ /*会员标签*/
|
|
|
+ .order-container .section-shopinfo .product-t .info>.col .svip-tag{width:100%;height:22px;letter-spacing:0;display: inline;margin-left: 10px;}
|
|
|
+ .order-container .section-shopinfo .product-t .info>.col .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
+ .order-container .section-shopinfo .product-t .info>.col .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
+ .order-container .section-shopinfo .product-t .info>.col .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:25px;padding-right:4px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:14px}
|
|
|
+ .order-container .section-shopinfo .product-t .info>.col .svip-tag .svip-price span{color: #333}
|
|
|
+
|
|
|
+ .order-container .section-shopinfo .product-t .price>p{line-height:24px;font-size:14px;color:#627386;text-align:left;display:inline-block;width:30%}
|
|
|
+ .order-container .section-shopinfo .product-t .price>p .red{color: #FF2A2A;}
|
|
|
+ .price-total{padding-top:20px;text-align:right;color:#22272e;font-size:16px}
|
|
|
+ .price-total span{color:#f94b4b}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott{width: 100%;height: auto;box-sizing: border-box;color: #22272E;background-color: #FFFAF8;padding: 8px 20px;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott p{display:inline-block;margin-right:50px;line-height: 34px;color: #627386;font-size: 14px;float: left;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott .red{color: #f94b4b;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott .org{color: #FF5B00;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott .none{color:#22272e;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-note{width: 100%;height: 30px;line-height: 30px;padding: 10px 20px 16px 20px;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-note p{color: #22272E;}
|
|
|
+ /*发票信息*/
|
|
|
+ .section-showInfo{ width: 100%;height: auto;box-sizing: border-box;float: left;padding:10px 20px;background-color: #FFFFFF;margin-bottom: 10px;}
|
|
|
+ .section-showInfo .title-name {color: #22272e;font-size: 14px;margin-bottom: 20px}
|
|
|
+ .section-showInfo .order-item {display: flex}
|
|
|
+ .section-showInfo .order-item p {margin-bottom: 20px;display: inline-block;color: #627386;width: 33%}
|
|
|
+ /*转账信息*/
|
|
|
+ .section-showInfo .vouch-list{ width: 100%;height: auto;box-sizing: border-box;padding: 16px 0; border-bottom: 1px solid #E2E7EF;}
|
|
|
+ .section-showInfo .refund-item-p{width: 100%;line-height: 30px;font-size: 14px;color: #666666;float: left;}
|
|
|
+ .section-showInfo .refund-item-imgs{width: 100%;height: auto;margin: 5px 0;float: left;}
|
|
|
+ .section-showInfo .refund-item-imgs .item-image{width: 100px;height: 100px;margin-right: 10px;border: 1px dashed #E1E1E1;float: left;}
|
|
|
+ .section-showInfo .refund-item-imgs .item-image a{width: 100px;height: 100px;display: block;}
|
|
|
+ .section-showInfo .refund-item-imgs .item-image a img{width: 100px;height: 100px;display: block;}
|
|
|
+ /*退款记录*/
|
|
|
+ .section-paymentlist{margin-bottom: 10px;width: 100%;height: auto;box-sizing: border-box;float: left;padding:10px 20px;background-color: #FFFFFF;}
|
|
|
+ .section-paymentlist .record-title{width: 100%;height: 48px;line-height: 48px;float: left;font-size: 16px;color: #22272E;}
|
|
|
+ .section-paymentlist .record-title .record-title-l{float: left;}
|
|
|
+ .section-paymentlist .record-title .record-title-r{float: right;}
|
|
|
+ .section-paymentlist .record-title .record-title-r .red{color: #FF2A2A;}
|
|
|
+ .section-paymentlist .record-list{width: 100%;height: auto;}
|
|
|
+ .section-paymentlist .record-list .record-item{width: 100%;height: 40px;}
|
|
|
+ .section-paymentlist .record-list .item-time{width: 33.33%;height: 40px;font-size: 14px;color: #627386;text-align: center;line-height: 40px;float: left;}
|
|
|
+ .section-paymentlist .record-list .item-time.mm{text-align: left;}
|
|
|
+ .section-paymentlist .record-list .item-time.tt{text-align: right;}
|
|
|
+ .section-paymentlist .record-list .item-rec{width: 50%;height: 40px;font-size: 14px;color: #627386;text-align: center;line-height: 40px;float: left;}
|
|
|
+ .section-paymentlist .record-list .item-rec.mm{text-align: left;}
|
|
|
+ .section-paymentlist .record-list .item-rec.tt{text-align: right;}
|
|
|
+ .section-paymentlist .record-empty{width: 100%;height: 40px;font-size: 14px;color: #999999;text-align: left;float: left;line-height: 40px;}
|
|
|
+ /*底部按钮*/
|
|
|
+ .section-botton{width: 100%;height: 76px;box-sizing: border-box;float: left;padding:20px;background-color: #FFFFFF;}
|
|
|
+ /*.section-botton .inner{width: 1184px;margin: 0 auto;}*/
|
|
|
+ .section-botton .btn{height: 34px;padding: 0 10px;border-radius: 2px;border: 1px solid #FFF;float: right;margin-left: 16px;font-size: 14px;line-height: 34px;text-align: center;display: block;}
|
|
|
+ .section-botton .btn.cancel{border-color: #9aa5b5;background-color: #FFFFFF;color: #22272e;}
|
|
|
+ .section-botton .btn.primary{border-color: #FF5B00;background-color: #FF5B00;color: #FFFFFF;position: relative;}
|
|
|
+ .section-botton .btn.primary .tips{width: 44px;height: 19px;line-height: 19px;text-align: center;border-radius: 10px;background-color: #ffe6dc;font-size: 12px;color: #FF5B00;position: absolute;right:0px;top: -25px;z-index: 99;}
|
|
|
+ .section-botton .btn.primary .tips:before{content: '';width: 6px;height: 6px;background-color: #ffe6dc;position: absolute;bottom: -3px;left: 12px;z-index: -1;transform:rotate(45deg);}
|
|
|
+ .section-botton .btn.primary.confirm{line-height: 17px;}
|
|
|
+ .section-botton .shopinfo{float: right;height: 100%;margin-right: 10px;}
|
|
|
+ .section-botton .price-total{text-align: right;color: #22272e;font-size: 16px;float: right;padding-top: 0;line-height: 36px;}
|
|
|
+ .section-botton.fiexd{position: fixed;bottom: 0;right: 0;}
|
|
|
+ .section-botton.fiexd .inner{width: 1184px;margin: 0 auto;z-index: 9999;}
|
|
|
+ /* 特殊商品退货须知 */
|
|
|
+ .return-instructions{padding: 16px 24px;background: #FFFAF8; color: #FF5B00; font-size: 14px;margin-bottom: 8px;line-height: 24px}
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+* 移动端
|
|
|
+*/
|
|
|
+@media screen and (max-width:768px){
|
|
|
+ #orderPage{padding-top: 27vw;}
|
|
|
+ footer{display:none}
|
|
|
+ .order-container { padding-bottom: 28vw;}
|
|
|
+ .order-container .section-info,
|
|
|
+ .order-container .section-invoice,
|
|
|
+ .order-container .section-payment{box-sizing:border-box;width:100%;background:#FFF;margin-top:1.5vw;padding:2vw 3.2vw 4vw 3.2vw;font-size:3.2vw;color:#627386;line-height:7vw}
|
|
|
+ .order-container .order-title{position:relative;height:16vw}
|
|
|
+ .order-container .order-title .title-name:nth-of-type(1){padding-left:11.6vw;color:#FF5B00;font-size:3.5vw;line-height:9vw}
|
|
|
+ .order-container .order-title .bag{position:absolute;left:0;top:2.6vw;width:9.6vw;height:4.2vw;line-height:4.2vw;text-align:center;color:#FFF;background-image:linear-gradient(90deg,#ffb427 0%,#f58e4d 100%);border-radius:2px}
|
|
|
+ .order-container .order-title .state{position:absolute;right:0;bottom:0;color:#FF5B00}
|
|
|
+ .order-container .order-title .title-time span,.order-container .order-content span{color:#22272e}
|
|
|
+ .order-container .order-item p{display:inline-block;width:49%}
|
|
|
+ .order-container .copy{width:auto!important;display:inline-block;height:6.4vw;line-height:6.4vw;padding:0 3vw;background-image:linear-gradient(214deg,#ff2929 0%,#ff6d1b 100%);border-radius:2px;color:#FFF;margin-left:2vw}
|
|
|
+ .order-container .order-item p.org{width:auto}
|
|
|
+ .order-container .order-item p.org span{color:#FF5B00}
|
|
|
+ .order-container .order-item p.address{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
|
+ .section-shopinfo .title{border-bottom:1px solid #F7F7F7;height:7.4vw;line-height:7.4vw;padding:1.3vw 3.2vw;position:relative}
|
|
|
+ .section-shopinfo .logo{width:7.4vw;height:7.4vw;border:1px solid #F7F7F7;margin-right:2vw}
|
|
|
+ .section-shopinfo .name{display:inline-block;color:#9aa5b5}
|
|
|
+ .section-shopinfo .title .priceTag{width:22vw;height:6.4vw;position:absolute;right:0;top:2vw}
|
|
|
+ .section-shopinfo .title .priceTag .tag{top:0}
|
|
|
+ .section-shopinfo{width:100%;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-top:1.5vw;padding:2vw 0;box-sizing:border-box}
|
|
|
+ .section-shopinfo .product{padding:2vw 3.2vw;box-sizing:border-box}
|
|
|
+ .section-prosinfo{padding:1vw 0 1vw 32.2vw;position:relative;margin-top:2vw}
|
|
|
+ .section-prosinfo .image{width:28vw;position:absolute;left:0;top:0}
|
|
|
+ .section-prosinfo .image img{width:28vw;height:28vw}
|
|
|
+ .section-prosinfo .image .tip{position:absolute;background:#ff4500;line-height:5vw;height:5vw;padding:0 2vw;white-space:nowrap;font-size:3.1vw;color:#FFF;top:0;left:0}
|
|
|
+ .section-prosinfo .text .tit{max-height:10.4vw;line-height:5.2vw;color:#22272e;font-size:3.7vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
|
|
|
+ .section-prosinfo .text .info{position:relative}
|
|
|
+ .section-prosinfo .text .info .priceTag .tag{position:absolute;right:0;top:auto;left:auto;}
|
|
|
+ .section-prosinfo .text .info>p{display:inline-block;min-width:48%;font-size:3.1vw;color:#627386;line-height: 6vw;}
|
|
|
+ .section-prosinfo .text .info>p .red{color:#FF2A2A}
|
|
|
+
|
|
|
+ /*会员标签*/
|
|
|
+ .section-prosinfo .text .svip-tag{height:4.74vw;letter-spacing:0;overflow: hidden;margin-left: 12vw;}
|
|
|
+ .section-prosinfo .text .svip-tag .svip-icon{position:relative;z-index:9;float: left; width:9.8vw;height:4.74vw;text-align:center;line-height:4.74vw;font-size:2.8vw;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
+ .section-prosinfo .text .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
+ .section-prosinfo .text .svip-tag .svip-price{z-index:1;position:relative;float: left;padding-left:5.4vw;padding-right:0.6vw;margin-left:-6vw;line-height:4.74vw;height: 4.74vw; background:#F0CB72;opacity:1;border-radius:2px;font-size:2.8vw}
|
|
|
+ .section-prosinfo .text .svip-tag .svip-price span{color: #333}
|
|
|
+ .section-prosinfo .text .svip-tag .svip-price span:nth-child(2){margin-left: -0.4vw}
|
|
|
+ .section-prosinfo .text .price{font-size:3.4vw;color:#627386}
|
|
|
+ .section-prosinfo .text .price .red{color:#f94b4b}
|
|
|
+
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott{width: 100%;height: auto;box-sizing: border-box;color: #22272E;background-color: #FFFAF8;padding: 2vw 3.2vw;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott p{display:inline-block;margin-right:8vw;line-height: 6.8vw;color: #627386;font-size: 3.4vw;float: left;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott .red{color: #f94b4b;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott .org{color: #FF5B00;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-bott .none{color:#22272e;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-note{width: 100%;height: auto;line-height: 6vw;padding: 3.2vw 3.2vw 0 3.2vw;box-sizing: border-box;}
|
|
|
+ .order-container .section-shopinfo .shopinfo-note p{width: 100%;color: #22272E;text-overflow: ellipsis;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
|
|
|
+
|
|
|
+ /*发票信息*/
|
|
|
+ .section-showInfo{ width: 100%;height: auto;box-sizing: border-box;float: left;padding:2vw 3.3vw;background-color: #FFFFFF;margin-bottom: 10px;}
|
|
|
+ .section-showInfo .title-name {color: #22272e;font-size: 3.4vw;margin-bottom: 2vw;}
|
|
|
+ .section-showInfo .order-item p {margin-bottom: 3vw;display: inline-block;color: #627386;width: 100%;}
|
|
|
+ /*转账信息*/
|
|
|
+ .section-showInfo .vouch-list{ width: 100%;height: auto;box-sizing: border-box;padding: 1.5vw 0; border-bottom: 1px solid #E2E7EF;}
|
|
|
+ .section-showInfo .refund-item-p{width: 100%;line-height: 8vw;font-size: 3.4vw;color: #666666;float: left;}
|
|
|
+ .section-showInfo .refund-item-imgs{width: 100%;height: auto;margin: 5px 0;float: left;}
|
|
|
+ .section-showInfo .refund-item-imgs .item-image{width: 15vw;height: 15vw;margin-right: 10px;border: 1px dashed #E1E1E1;float: left;}
|
|
|
+ .section-showInfo .refund-item-imgs .item-image a{width: 15vw;height: 15vw;display: block;}
|
|
|
+ .section-showInfo .refund-item-imgs .item-image a img{width: 15vw;height: 15vw;display: block;}
|
|
|
+
|
|
|
+ .price-total{padding:3vw;text-align:right;color:#22272e;font-size:3.4vw;float: left;}
|
|
|
+ .price-total span{color:#f94b4b}
|
|
|
+ .payment-transfer{color:#22272e}
|
|
|
+ .payment-transfer .label>p{font-size:3.4vw;color:#22272e;line-height:5vw;padding:1.6vw 0}
|
|
|
+ .payment-transfer .label .label-title{font-size:3.1vw;color:#FF5B00}
|
|
|
+ .payment-transfer .label .label-t{color:#627386}
|
|
|
+ .payment-transfer .label .label-c{color:#FF2A2A;font-size:3.1vw}
|
|
|
+ .payment-transfer .label>p .red{color:#FF5B00}
|
|
|
+ .record-title,.record-empty{width:100%;box-sizing:border-box;font-size:3.4vw;margin-top:1.5vw;padding:3.2vw;background:#FFF;color:#22272e}
|
|
|
+ .record-title span{color:#f94b4b}
|
|
|
+ .section-botton{width: 100%; margin-top:1.5vw;padding: 2.7vw 0;background: #fff;box-sizing: border-box;position: fixed;bottom: 0;left: 0;z-index: 999;}
|
|
|
+ .section-botton .inner{overflow: hidden}
|
|
|
+ .section-botton .btn{display:inline-block;padding:0 2.5vw;height:8vw;line-height:8vw;font-size:3.7vw;text-align:center;background-color:#ffe6dc;border-radius:4vw;border:1px solid #FF5B00;margin:0 0 0 2.7vw;color:#FF5B00;float: left;}
|
|
|
+ .section-botton .primary{color:#FFF;Background:#FF5B00;position: relative;}
|
|
|
+ .section-botton .btn.primary.confirm{line-height: 4.5vw;}
|
|
|
+ .section-botton .btn.primary .tips{width: 12.6vw;height: 4.8vw;line-height: 4.8vw;text-align: center;border-radius: 2.4vw;background-color: #ffe6dc;font-size: 2.8vw;color: #FF5B00;position: absolute;right: -2vw;top: -6.5vw;z-index: 99;}
|
|
|
+ .section-botton .btn.primary .tips:before{content: '';width: 6px;height: 6px;background-color: #ffe6dc;position: absolute;bottom: -3px;left: 12px;z-index: -1;transform:rotate(45deg);}
|
|
|
+ /* 特殊商品退货须知 */
|
|
|
+ .return-instructions{padding: 4vw 3.3vw;background: #FFFAF8; color: #FF5B00; font-size: 3.4vw;margin-top: 1.5vw; line-height: 5.6vw;}
|
|
|
+
|
|
|
+ footer{display: none; }
|
|
|
+
|
|
|
+
|
|
|
+}
|
