.preview{width:80%;min-width:750px;margin:0 auto;padding:10px;box-sizing:border-box}.prelist{width:100%;display:flex;flex-wrap:wrap;align-content:stretch;overflow:hidden}.prebox{width:450px;margin:5px;border-radius:10px;box-sizing:border-box;background-color:#3370ff;color:#fff}@media screen and (max-width:750px){.prelist{padding:15px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:center;justify-content:center}.prebox,.prelist{width:100%}}.tracking-timeline{padding:20px}.timeline-title{font-size:16px;font-weight:500;margin-bottom:15px;display:flex;align-items:center}.timeline-title:before{content:"";display:inline-block;width:4px;height:16px;background-color:#1e88e5;margin-right:8px;border-radius:2px}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background-color:#e0e0e0}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-20px;top:4px;width:12px;height:12px;border-radius:50%;background-color:#e0e0e0;border:2px solid #fff}.timeline-item.active:before{background-color:#1e88e5}.timeline-time{font-size:13px;color:#f5f5f5;margin-bottom:5px}.timeline-content{font-size:15px;line-height:1.4}.status{display:inline-block;padding:3px 8px;background-color:#e3f2fd;color:#1e88e5;border-radius:4px;font-size:12px;margin-top:5px}