* {
margin:0;
padding:0;
}
ul {
list-style:none;
}
.package-info {
margin:10px 14px 0;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
ul.package-status {
width:100%;
}
ul.package-status li.package-status-list {
color:#666;
font-size:12px;
border-left:1px solid #eee;
padding-left:25px;
position:relative;
padding-bottom:26px;
}
ul.package-status li.package-status-list:last-child {
border:0;
}
ul.package-status li .status-title {
font-size:14px;
}
ul.package-status li .status-details {
padding:4px 0;
line-height:22px;
}
ul.package-status li.package-status-list i {
width:24px;
height:24px;
display:inline-block;
position:absolute;
left:-12px;
border-radius:50%;
}
ul.package-status li.package-status-list i.icon-package-fh {
background:url(http://www.jq22.com/img/cs/500x500-1.png) no-repeat center;
background-size:100%;
}
ul.package-status li.package-status-list i.icon-package-lj {
background:url(http://www.jq22.com/img/cs/500x500-2.png) no-repeat center;
background-size:100%;
}
ul.package-status li.package-status-list i.icon-package-ys {
background:url(http://www.jq22.com/img/cs/500x500-3.png) no-repeat center;
background-size:100%;
}
ul.package-status li.package-status-list i.icon-package-ps {
background:url(http://www.jq22.com/img/cs/500x500-4.png) no-repeat center;
background-size:100%;
}
ul.package-status li.package-status-list i.icon-package-qs {
background:url(http://www.jq22.com/img/cs/500x500-5.png) no-repeat center;
background-size:100%;
}
ul.package-status li.package-status-list span {
width:8px;
height:8px;
display:inline-block;
position:absolute;
left:-5px;
top:8px;
background:#eee;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}