/**
 *时间轴样式
**/

/*
*外层样式
*/
.timer_container {
}
.time_body {
	POSITION: relative;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px auto 0px;
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 0px;
	HEIGHT: auto;
	OVERFLOW: hidden;
	PADDING-TOP: 10px
}

.timeline_container {
	Z-INDEX: 10;
	TEXT-ALIGN: center;
	MARGIN: 0px auto;
	WIDTH: 29px;
	DISPLAY: block;
	HEIGHT: 100%;
	CURSOR: pointer
}

.timeline {
	POSITION: absolute;
	MARGIN: 0px auto;
	WIDTH: 2px;
	DISPLAY: block;
	BACKGROUND: #D8D8D8;
	FLOAT: left;
	HEIGHT: 100%;
	FONT-SIZE: 0px;
	TOP: 0px;
	LEFT: 28px
}

.timeline DIV.plus {
	Z-INDEX: 5000;
	POSITION: absolute;
	WIDTH: 29px;
	BACKGROUND: url(../../images/bg-02.png)  0px 0px;
	background-repeat:no-repeat;
	HEIGHT: 29px;
	TOP: 30px;
	LEFT: -9px
}

.timeline DIV.plus2 {
	POSITION: absolute;
	BOTTOM: 25px;
	WIDTH: 29px;
	BACKGROUND: url(../../images/bg-02.png)  0px 0px;
	background-repeat:no-repeat;
	HEIGHT: 29px;
	LEFT: -9px
}

.leftCorner {
	Z-INDEX: 99;
	POSITION: absolute;
	WIDTH: 55px;
	DISPLAY: block;
	HEIGHT: 26px;
	OVERFLOW: hidden
}

.rightCorner {
	Z-INDEX: 99;
	POSITION: absolute;
	WIDTH: 36px;
	DISPLAY: block;
	HEIGHT: 26px;
	OVERFLOW: hidden
}

.rightCorner {
	BACKGROUND: url(../../images/timeline.png) 0px 0px;
	TOP: 25px;
	RIGHT: -36px
}

.leftCorner {
	BACKGROUND: url(../../images/bg-03.png) 0px 0px;
	background-size:80% 80%;
	background-repeat:no-repeat;
	TOP: 30px;
	LEFT: -44px
}


.leftCorner_blur {
	Z-INDEX: 99;
	POSITION: absolute;
	WIDTH: 55px;
	DISPLAY: block;
	HEIGHT: 26px;
	OVERFLOW: hidden
}

.leftCorner_blur {
	BACKGROUND: url(../../images/bg-04.png) 0px 0px;
	background-size:80% 80%;
	background-repeat:no-repeat;
	TOP: 30px;
	LEFT: -44px
}

.item {
	padding: 10px;
	BORDER-BOTTOM: #eaeaea 1px solid;
	POSITION: relative;
	BORDER-LEFT: #eaeaea 1px solid;
	LINE-HEIGHT: 25px;
	margin-left:34px;
	margin-top:20px;
	margin-right:10px;
	FONT-FAMILY: "Microsoft JhengHei", "Microsoft YaHei";
	BACKGROUND: #ffffff;
	BORDER-TOP: #eaeaea 1px solid;
	BORDER-RIGHT: #eaeaea 1px solid;
	list-style: none;
	-webkit-border-radius: 10px;
	box-shadow: 0px 1px 10px rgba(200, 200, 200, 0.3);
	padding-right: 0px;
}

.item  .body{
	list-style: none;
	margin: 10px 10px;
	background-color: rgba(255, 255, 255, 1);
	border-image: initial;
	
}

.item .body li{
	min-height: 44px;
	padding-right:20px;
	background: 100% center url(../../images/to_right.png) no-repeat;
}

.item .body li:active {
	background-color: #ffffff;
}


.item .body label,
.item .body span{
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 25px;
}


.item .body label{
	width: 40%;
}

.item .body span{
	text-align: right;
	width: 50%;
}



/*加载更多相关 start*/
.empty{
	padding: 18px 0px 0px 0px;
	text-align: center;
	color: #8b97a4;
	border-bottom: 0px;
}

.loadmore {
	color: #8B97A4;
	font-size: 12px;
	font-weight: lighter;
	text-align: center;
	padding: 4% 0;
	width: 100%;
}


.pullrefresh {
	color: #8b97a4;
	font-size: 12px;
	font-weight: lighter;
	text-align: center;
	width: 100%;
	height: 50px;
}

.pullrefresh .pullrefresh-arrow {
	position: relative;
	left: 30%;
	background: right center url(../../images/refreshArrow.png) no-repeat;
	background-size: 25px 50px;
	width: 25px;
	height: 50px;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 200ms;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.pullrefresh .pullrefresh-text {
	position: relative;
	top: -30px;
}

 .pullrefresh .pullrefresh-arrow.pullrefresh-release {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* 加载更多 end */