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; }