@charset "utf-8"; body{background: #f5f5f5;} /*订单详情整体*/ .order-detail1{ width: 100%; background-color: #f5f5f5; } /*订单详情2页面整体*/ .order-detail2, .order-detail3 { width: 100%; position: absolute; top: 0; left: 0; } /*订单详情中部*/ .order-detail1 .order-detail1-middle{ width: 100%; background-color: #F5F5F5; padding-top: .72rem; margin-bottom: .81rem; } .order-detail2 .order-detail1-middle, .order-detail3 .order-detail1-middle { height: 39.35rem; } .order-detail1-middle .detail1-middle-list{ width: 100%; padding-left: .65rem; padding-right: .65rem; margin-bottom: .81rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fff; } .order-detail1-middle .detail1-middle-list:last-child{ margin-bottom:0; } .order-detail1-middle .detail1-middle-list:nth-child(1){ height:8.72rem; } .detail1-middle-list:nth-child(1) .detail1-list-items{ width: 100%; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(1){ height: 2.76rem; border-bottom: 1px solid #eee; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(1) span{ line-height: 2.76rem; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(1) span:nth-child(1){ display: inline-block; width: 4.55rem; height: 2.76rem; line-height: 2.66rem; float: left; font-size:0.85rem; color:#7E7E7E; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(1) span:nth-child(2){ display: inline-block; width: 14.95rem; height: 2.76rem; float: left; color:#7E7E7E; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(1) span:nth-child(3){ display: inline-block; width: 4.20rem; height: 2.76rem; float: left; position: relative; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(1) span:nth-child(3) em{ display: inline-block; width: 4.20rem; height: 1.48rem; background-color: #fd5c2d; border-radius:0.15rem; font-size:.85rem; color:#fff; text-align: center; line-height: 1.40rem; position: absolute; top: 0.6rem; left: 0; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2){ height: 5.96rem; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2) span{ display: inline-block; float: left; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2) span:nth-child(1){ width: 2.71rem; height: 5.96rem; position: relative; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2) span:nth-child(1) em{ display: inline-block; width: 1.61rem; height: 1.96rem; background:url(../images/address.png) no-repeat; background-size:contain; position: absolute; top:2.1rem; left:0.10rem; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2) span:nth-child(2){ width: 4.11rem; height: 2.26rem; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2) span:nth-child(2){ width: 4.04rem; height: 2.26rem; line-height: 2.66rem; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2) span:nth-child(3){ width: 7.01rem; height: 2.26rem; line-height: 2.66rem; letter-spacing: 0.04rem; font-size:1.02rem; } .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2) span:nth-child(4), .detail1-middle-list:nth-child(1) .detail1-list-items:nth-child(2) span:nth-child(5){ width: 11.03rem; height: 1.26rem; font-size:0.80rem; letter-spacing: 0.02rem; line-height: 1.46rem; color:#7E7E7E; } .detail1-middle-list:nth-child(2){ width: 100%; } .order-detail2 .detail1-middle-list:nth-child(2), .order-detail3 .detail1-middle-list:nth-child(2) { width: 100%; height: auto; } .detail1-middle-list:nth-child(2) .detail1-list-items, .detail1-middle-list:nth-child(2) .detail1-list-items { width: 100%; height: 5.89rem; border-bottom: 1px solid #eee; padding-top: 0.72rem; } .order-detail2 .detail1-middle-list:nth-child(2) .detail1-list-items, .order-detail2 .detail1-middle-list:nth-child(2) .detail1-list-items, .order-detail3 .detail1-middle-list:nth-child(2) .detail1-list-items, .order-detail3 .detail1-middle-list:nth-child(2) .detail1-list-items { border-bottom: none; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) span, .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(2) span, .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(3) span { display: inline-block; float: left; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) img, .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(2) img, .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(3) img { display: inline-block; float: left; width: 4.48rem; height: 4.45rem; margin-right: 0.70rem; border-radius:0.25rem; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) span:nth-child(2), .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(2) span:nth-child(2), .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(3) span:nth-child(2) { width: 14.75rem; height: 2.65rem; line-height: 1.15rem; font-size:0.87rem; letter-spacing: 0.03rem; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) span:nth-child(3), .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(2) span:nth-child(3), .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(3) span:nth-child(3) { width: 3.75rem; height: 2.65rem; position: relative; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) span:nth-child(3) em:nth-child(1), .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(2) span:nth-child(3) em:nth-child(1), .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(3) span:nth-child(3) em:nth-child(1) { display: inline-block; width: 100%; height: 1.35rem; float: left; font-size:0.88rem; letter-spacing: 0.01rem; } .order-detail2 .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) span:nth-child(3) em:nth-child(1), .order-detail3 .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) span:nth-child(3) em:nth-child(1) { text-align: right; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) span:nth-child(3) em:nth-child(2), .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(2) span:nth-child(3) em:nth-child(2), .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(3) span:nth-child(3) em:nth-child(2) { display: inline-block; width: 1.10rem; height: 1.10rem; float: right; letter-spacing: 0.04rem; color:#7E7E7E; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(1) span:nth-child(3) em:nth-child(2) i, .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(2) span:nth-child(3) em:nth-child(2) i, .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(3) span:nth-child(3) em:nth-child(2) i { color:#000; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(4){ width: 100%; height: 2.60rem; border-bottom: none; text-align:center; line-height: 0.15rem; } .detail1-middle-list:nth-child(2) .detail1-list-items:nth-child(4) span{ display: inline-block; width: 5.65rem; height: 1.55rem; line-height: 1.15rem; letter-spacing: -0.01rem; font-size:0.88rem; color:#7E7E7E; } .order-detail1-middle .detail1-middle-list:nth-child(3){ width: 100%; padding-top: 0.65rem; overflow: hidden; } .order-detail1-middle .detail1-middle-list:nth-child(4) { width: 100%; height: 8.13rem; padding-top: 0.65rem; } .order-detail1-middle .detail1-middle-list:nth-child(4){ height: 5.91rem; } .order-detail1-middle .detail1-middle-list:nth-child(3) .detail1-list-items, .order-detail1-middle .detail1-middle-list:nth-child(4) .detail1-list-items { width: 100%; height: 1.21rem; margin-bottom: 0.40rem; } .order-detail1-middle .detail1-middle-list:nth-child(3) .detail1-list-items:nth-child(5) { height:; } .order-detail1-middle .detail1-middle-list:nth-child(4) .detail1-list-items:nth-child(3){ height: 1.61rem; } .order-detail1-middle .detail1-middle-list:nth-child(3) .detail1-list-items span{ display: inline-block; width: 50%; float: left; font-size:.83rem; line-height: 1.21rem; color:#7E7E7E; } .order-detail1-middle .detail1-middle-list:nth-child(4) .detail1-list-items span{ display: inline-block; width: 50%; height: 1.21rem; float: left; font-size:.83rem; line-height: 1.21rem; color:#7E7E7E; } .order-detail1-middle .detail1-middle-list:nth-child(4) .detail1-list-items span{ line-height: 1.31rem; letter-spacing: 0.03rem; } .order-detail1-middle .detail1-middle-list:nth-child(3) .detail1-list-items span:nth-child(2), .order-detail1-middle .detail1-middle-list:nth-child(4) .detail1-list-items span:nth-child(2) { text-align: right; } .order-detail1-middle .detail1-middle-list:nth-child(4) .detail1-list-items:nth-child(3) span{ height: 1.61rem; font-size:1.00rem; line-height: 1.75rem; color:#000; } .order-detail1-middle .detail1-middle-list:nth-child(4) .detail1-list-items:nth-child(3) span:nth-child(2){ color:#f00; } .order-detail1-middle .detail1-middle-list:nth-child(5){ width: 100%; height: 5.70rem; } .order-detail1-middle .detail1-middle-list:nth-child(5) .detail1-list-items{ width: 100%; height: 2.62rem; border-bottom:1px solid #eee; line-height: 2.60rem; } .order-detail1-middle .detail1-middle-list:nth-child(5) .detail1-list-items:nth-child(2){ height: 3.00rem; line-height: 2.95rem; border-bottom:none; } .order-detail1-middle .detail1-middle-list:nth-child(5) .detail1-list-items:nth-child(2) span{ display: inline-block; width: 1.95rem; height: 3.00rem; float: left; position: relative; margin-right: 0.88rem; line-height:3.00rem; } .order-detail1-middle .detail1-middle-list:nth-child(5) .detail1-list-items:nth-child(2) span em{ display: inline-block; width: 1.65rem; height: 1.65rem; background: url(../images/weichat.png) no-repeat; background-size:contain; position: absolute; top: 0.65rem; left: 0.15rem; } .order-detail2 .order-detail1-middle .detail1-middle-list:nth-child(5), .order-detail3 .order-detail1-middle .detail1-middle-list:nth-child(5) { width: 100%; height: 2.70rem; padding-left: 9.75rem; } .order-detail2 .order-detail1-middle .detail1-middle-list:nth-child(5) span, .order-detail3 .order-detail1-middle .detail1-middle-list:nth-child(5) span { display: inline-block; float: left; } .order-detail2 .order-detail1-middle .detail1-middle-list:nth-child(5) span:nth-child(1) { width: 1.00rem; height: 1.00rem; background:url(../images/service.png) no-repeat; background-size:contain; margin-top: 0.88rem; margin-right: 0.10rem; } .order-detail3 .order-detail1-middle .detail1-middle-list:nth-child(5) span:nth-child(1){ width: 1.00rem; height: 1.00rem; background:url(../images/list.png) no-repeat; background-size:contain; margin-top: 0.85rem; background-size:100% 100% ; } .order-detail2 .order-detail1-middle .detail1-middle-list:nth-child(5) span:nth-child(2){ width: 4.10rem; height: 2.70rem; line-height: 2.70rem; font-size: 0.9rem; margin-left: 0.2rem; color: #333; } .order-detail3 .order-detail1-middle .detail1-middle-list:nth-child(5) span:nth-child(2){ width: 6.10rem; height: 2.70rem; line-height: 2.70rem; color:#EE3930; } .order-detail2 .order-detail1-middle .detail1-middle-list:nth-child(6), .order-detail3 .order-detail1-middle .detail1-middle-list:nth-child(6) { clear: both; margin-top: -.83rem; font-size:0.78rem; height:2.00rem; line-height: 2.00rem; text-align: center; color: #BBBDBC; background-color: #F5F5F5; border:none; } /*订单详情底部*/ .order-detail1 .order-detail1-bottom{ width: 100%; height: 3.02rem; background-color: #fff; padding-top: 0.5rem; padding-right: 0.72rem; box-shadow: 0 -0.1812rem 0.30rem 0.03rem #eee; } .order-detail1 .order-detail1-bottom input{ width: 5.80rem; height: 2.11rem; border-radius:0.15rem; float: right; margin-left: 0.73rem; border: 0.08rem solid #979797; font-size:1.00rem; line-height: 2.00rem; text-align:center; } .order-detail1 .order-detail1-bottom input:focus{ outline:none; } .order-detail1 .order-detail1-bottom input:nth-child(1){ color:#fff; background-color:#F03D29; border:none; } .order-detail1 .order-detail1-bottom input:nth-child(2){ color:#979797; background-color: #fff; }