- body{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#f4f4f4}.symbol:before{content:"\a5";font-size:80%;margin-right:.15625rem}.shipment{margin:.625rem;padding:.9375rem .9375rem .9375rem 2.625rem;font-size:.8125rem;border-radius:.3125rem;background:url(https://pcapi-xiaotuxian-front-devtest.itheima.net/miniapp/images/locate.png) .625rem center/1.5625rem no-repeat #fff;position:relative}.shipment .icon{font-size:1.125rem;color:#333;transform:translateY(-50%);position:absolute;top:50%;right:.625rem}.shipment .user{color:#333;margin-bottom:.15625rem}.shipment .address{color:#666}.goods{margin:.625rem;padding:0 .625rem;border-radius:.3125rem;background-color:#fff}.goods .item{display:flex;padding:.9375rem 0;border-top:.03125rem solid #eee}.goods .item:first-child{border-top:none}.goods .item .picture{width:5.3125rem;height:5.3125rem;border-radius:.3125rem;margin-right:.625rem}.goods .item .meta{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative}.goods .item .name{height:2.5rem;font-size:.8125rem;color:#444}.goods .item .attrs{line-height:1.8;padding:0 .46875rem;margin-top:.1875rem;font-size:.75rem;align-self:flex-start;border-radius:.125rem;color:#888;background-color:#f7f7f8}.goods .item .prices{display:flex;align-items:baseline;margin-top:.1875rem;font-size:.875rem}.goods .item .prices .pay-price{margin-right:.3125rem;color:#cf4444}.goods .item .prices .price{font-size:.75rem;color:#999;text-decoration:line-through}.goods .item .count{position:absolute;bottom:0;right:0;font-size:.8125rem;color:#444}.related{margin:.625rem;padding:0 .625rem;border-radius:.3125rem;background-color:#fff}.related .item{display:flex;justify-content:space-between;align-items:center;min-height:2.5rem;font-size:.8125rem;color:#333}.related .input{flex:1;text-align:right;margin:.625rem 0;padding-right:.625rem;font-size:.8125rem;color:#999}.related .item .text{width:3.90625rem}.related .picker{color:#666}.related .picker:after{content:"\e6c2"}.settlement{margin:.625rem;padding:0 .625rem;border-radius:.3125rem;background-color:#fff}.settlement .item{display:flex;align-items:center;justify-content:space-between;height:2.5rem;font-size:.8125rem;color:#333}.settlement .danger{color:#cf4444}.toolbar{position:fixed;left:0;right:0;bottom:calc(var(--window-bottom));z-index:1;background-color:#fff;height:3.125rem;padding:0 .625rem;border-top:.03125rem solid #eaeaea;display:flex;justify-content:space-between;align-items:center;box-sizing:content-box}.toolbar .total-pay{font-size:1.25rem;color:#cf4444}.toolbar .total-pay .decimal{font-size:75%}.toolbar .button{width:6.875rem;text-align:center;line-height:2.25rem;font-size:.8125rem;color:#fff;border-radius:2.25rem;background-color:#27ba9b}.toolbar .disabled{opacity:.6}
|
