body,html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
}

ul {
    list-style: none;
}

.page,body {
    background-color: #f2f3f5;
}

.page {
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
}


.container {
    overflow: hidden;
}

.container,.page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pull-right {
	float: right;
}
[class^="icon-track-"], [class*=" icon-track-"]{
	display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
}
.icon-track-noQuery{
	background: url('../images/mobile/noQuery.png') no-repeat;
	background-size: 100%;
}
.icon-track-sendPost{
	background: url('../images/mobile/sendPost.png') no-repeat;
	background-size: 100%;
}
.icon-track-transportation{
	background: url('../images/mobile/transportation.png') no-repeat;
	background-size: 100%;
}
.icon-track-failed{
	background: url('../images/mobile/failed.png') no-repeat;
	background-size: 100%;
}
.icon-track-haveSignedIn{
	background: url('../images/mobile/haveSignedIn.png') no-repeat;
	background-size: 100%;
}
.icon-track-exception{
	background: url('../images/mobile/exception.png') no-repeat;
	background-size: 100%;
}
.icon-track-time{
	background: url('../images/mobile/time.png') no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
}
.icon-track-no{
	background: url('../images/mobile/no.png') no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
}
.icon-track-position{
	background: url('../images/mobile/position.png') no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
}
.icon-track-vendor{
	background: url('../images/mobile/vendor.png') no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
}

/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}
.timeline:before{
	content: '';
	position: absolute;
	width:0;
	left: 20px;
	top: 0;
	bottom: 0;
	border-left: 1px solid #e6e6e6;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  padding-bottom: 2em;
  position: relative;
  color: #999;
}
.timeline-item:before{
	content: '';
	position: absolute;
	width: 9px;
	height: 9px;
	left: 20px;
	top: 0.2em;
	border: 2px solid #c8c8c8;
	margin-left: -6px;
	border-radius: 50%;
	background: #f2f3f5;
}
.timeline-item:last-child {
  padding-bottom: 0;
}
.timeline-info {
  margin: 0 0 .5em 0;
}
.timeline-title {
	font-size: inherit;
}
.timeline-item__light{
	color: #333;
}
.timeline-item.timeline-item__light:before{
	width: 11px;
	height: 11px;
	margin-left: -8px;
	background: #fff;
	border: 3px solid #0096ff;
}