qlg.tsgz.moe/static/app2/css/logistics.css

body .header1 {
	background: -moz-linear-gradient(left, #f5364c, #e51329);
	/*Mozilla*/
	background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
	/*Old gradient for webkit*/
	background: -webkit-linear-gradient(left, #f5364c, #e51329);
	/*new gradient for Webkit*/
	background: -o-linear-gradient(left, #f5364c, #e51329);
	/*Opera11*/
}

.header1 .p1 {
	color: white;
}

.header1 .mui-action-back {
	color: white;
}

.summarize {
	border-bottom: 6px solid #efefef;
	background: white;
}

.summarize img {
	float: left;
	width: 54px;
	height: 54px;
	margin: 15px 12px;
}

.summarizeinfo {
	float: left;
	width: calc( 100% - 78px);
	padding: 3px 0;
}

.pp1 {
	color: #525252;
	font-size: 14.4px;
}

.pp1 o {
	color: #e51329;
}

.pp2 {
	color: #525252;
	font-size: 12px;
}

.pp2 o {
	color: #e51329;
}

.track-list {
	position: relative;
	background: white;
}

.track-list ul {
	margin: 0;
	padding-left: 20px;
	
}

ul li {
	list-style: none;
}

.track-list li {
	position: relative;
	padding: 9px 0 0 25px;
	line-height: 18px;
	border-left: 1px solid #d9d9d9;
	color: #999;
}

.track-list  li.first {
	color: red;
	padding-top: 9px;
	border-left-color: #fff;
}
.track-list  li.first p{
	color: #72ca87;
}
.track-list li .node-icon {
	position: absolute;
	left: -6px;
	top: 50%;
	width: 11px;
	height: 11px;
	background: url(../img/order-icons.png) -21px -72px no-repeat;
}

.track-list li.first .node-icon {
	background-position: 0 -72px;
}

.track-list li .time {
	margin-right: 20px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 9px;
}

.track-list li .txt {
	padding-bottom: 3px;
	margin-right: 20px;
}

.track-list li.first .time {
	margin-right: 20px;
}

.track-list li.first .txt {
	max-width: 600px;
}