.logistics-dialog{background:#fff;border-radius:16px 16px 16px 16px}.logistics-dialog .logistics-header{width:100%;height:133px;background:#f9f9f9;border-radius:8px 8px 8px 8px}.logistics-dialog .logistics-header--list{display:grid;grid-template-columns:repeat(4,174px)}.logistics-dialog .logistics-header--items{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;text-align:center}.logistics-dialog .logistics-header--items:after{position:absolute;top:23%;right:-102%;width:101px;height:4px;content:"";background:#ff4000}.logistics-dialog .logistics-header .last-item{position:relative}.logistics-dialog .logistics-header .last-item:after{position:absolute;content:"";background:repeating-linear-gradient(90deg,#ff4000,#ff4000 15px,transparent 0,transparent 17px)}.logistics-dialog .logistics-header .text-title{margin-top:12px;margin-bottom:4px;font-size:14px;line-height:14px;color:#000}.logistics-dialog .logistics-header .text-time{width:65px;height:25px;font-size:12px;line-height:12px;color:#999;text-align:center}.logistics-dialog .logistics-header .logistics-tips-box{width:418px;height:99px;margin-left:30px;background:#faece6;border-radius:8px}.logistics-dialog .logistics-header .logistics-tips-box .text-tips{font-size:14px;color:#ff4000}.logistics-dialog .logistics-main{padding:20px}.logistics-dialog .logistics-main .main-left--item .receiving-step{position:relative;display:flex;justify-content:center;width:50px}.logistics-dialog .logistics-main .main-left--item .receiving-step:before{position:absolute;top:56px;left:50%;width:1px;height:40px;content:"";background:repeating-linear-gradient(180deg,#ff4000,#ff4000 15px,transparent 0,transparent 17px);transform:translate(-50%,-50%)}.logistics-dialog .logistics-main .main-left--item .receiving-info{position:relative;display:flex;padding-bottom:30px}.logistics-dialog .logistics-main .main-left--item .receiving-info .icon-receiving{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:4px;font-size:12px;color:#fff;text-align:center;background:#ff4000;border-radius:4px}.logistics-dialog .logistics-main .main-left--item .receiving-info .title-name{margin-bottom:8px;font-size:16px;color:#1a1a1a}.logistics-dialog .logistics-main .main-left--item .receiving-info .title-addr{width:300px;font-size:12px;color:#1a1a1a}.logistics-dialog .logistics-main .main-left--item .receiving-tips-box{margin-bottom:50px}.logistics-dialog .logistics-main .main-left--item .receiving-tips-box .receiving-step:before{position:absolute;top:98px;left:50%;width:1px;height:40px;content:"";background:repeating-linear-gradient(180deg,#ff4000,#ff4000 15px,transparent 0,transparent 17px);transform:translate(-50%,-50%)}.logistics-dialog .logistics-main .main-left--item .receiving-tips{width:300px;height:60px;margin-top:15px;font-size:14px;font-weight:400;color:#ff4000;background:#faede6;border-radius:4px}.logistics-dialog .logistics-main .main-left--item .receiving-status-info{position:relative}.logistics-dialog .logistics-main .main-left--item .receiving-status-info .receiving-step{position:relative;display:flex;justify-content:center;width:50px;height:57px}.logistics-dialog .logistics-main .main-left--item .receiving-status-info .receiving-step:before{position:absolute;top:30px;width:1px;height:57px;content:"";background:#ff4000;border-radius:0 0 0 0}.logistics-dialog .logistics-main .main-left--item .receiving-status-info .receiving-step:after{width:12px;height:12px;content:"";background:#ff4000;border-radius:12px}.logistics-dialog .logistics-main .main-left--item .receiving-status-info .not-step-line:before{content:none}.logistics-dialog .logistics-main .main-left--item .receiving-status-info .step-title{margin-bottom:6px;font-size:16px;color:#666}.logistics-dialog .logistics-main .main-left--item .receiving-status-info .step-desc{color:#666}