| 1 |
- .main{min-height:100vh;background:#f4f4f6}.main .lOgisticsquery{width:6.9rem;height:2.54rem;border-radius:.1rem;margin:0 auto;top:.2rem;background:#fff;position:relative}.main .lOgisticsquery .customer{width:1.4rem;height:1.8rem;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;text-align:center}.main .lOgisticsquery .customer img{width:.9rem;height:.9rem;margin:0 auto;-o-object-fit:contain;object-fit:contain}.main .lOgisticsquery .customer span{color:#3b3b3b;font-size:.2rem}.main .lOgisticsquery .customer button{width:1.4rem;height:.4rem;border-radius:.2rem;background:#4799ff;font-size:.24rem;color:#fff;margin-top:.2rem}.main .lOgisticsquery .customer p{width:5.07rem;height:.43rem;text-align:center;position:relative;left:-1.8rem;font-size:.2rem;color:#666}.main .address{width:6.9rem;height:1.34rem;background:#fff;border-radius:.1rem;position:relative;margin:0 auto;top:.4rem}.main .address p{height:.67rem;line-height:.67rem;padding-left:.19rem;color:#222;font-size:.28rem}.main .address p:first-child span{margin-right:.1rem}.main .commodity{width:6.9rem;height:2.2rem;background:#fff;border-radius:.2rem;position:relative;margin:0 auto;top:.6rem}.main .commodity>div{width:6.48rem;height:1.6rem;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.main .commodity>div,.main .commodity>div>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.main .commodity>div>div{width:4rem;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.main .commodity>div .img,.main .commodity>div i{width:1.6rem;height:1.6rem}.main .commodity>div .img{-webkit-box-shadow:0 0 .18rem 0 #eaeaea;box-shadow:0 0 .18rem 0 #eaeaea;float:left}.main .commodity>div h3{color:#333;font-size:.3rem;max-height:1.2rem;float:left;width:4rem;margin:0 .15rem}.main .commodity>div h4{float:left;font-size:.3rem;height:.8rem;line-height:.8rem;padding-left:.2rem;color:red}.main .commodity>div span{color:#333;font-size:.28rem;float:right;margin:auto;width:.69rem;height:.42rem;display:inline-block;text-align:right}.main .logistics{width:6.9rem;height:2.4rem;border-radius:.1rem;margin:0 auto;top:.8rem;background:#fff;position:relative}.main .logistics li{padding-left:.2rem;padding-right:.2rem;height:.6rem;line-height:.6rem;font-size:.28rem;color:#222}.main .logistics li span{float:right;color:#666;font-size:.28rem}.main .logistics-x{width:6.9rem;border-radius:.1rem;margin:0 auto;top:.8rem;background:#fff;position:relative}.main .logistics-x li{padding-left:.2rem;padding-right:.2rem;height:.72rem;line-height:.72rem;font-size:.28rem;color:#222;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main .logistics-x li span{float:right;color:#666;font-size:.28rem}.main .cost{width:6.9rem;height:2.1rem;background:#fff;border-radius:.1rem;margin:0 auto;top:1rem;position:relative}.main .cost ul{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:6.52rem}.main .cost ul li{height:.7rem;line-height:.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.main .cost ul li>div{text-align:left}.main .cost ul li>div:first-child{width:55%}.main .cost ul li>div:nth-child(2){width:22.5%}.main .cost ul li>div:nth-child(3){width:22.5%;text-align:right}.main .cost ul li:nth-child(2){border-bottom:1px solid #e0e0e0}
|
