.apply-space {
	height: 10px;
	background-color: #f2f2f2;
}

.apply-space-title {
	padding: 10px;
	background-color: #f2f2f2;
	color: #999;
}

/* start compile */
.compile {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	height: 50px;
	text-align: center;
	background-color: #45b3a6;
}

.compile:hover,.compile:focus,.compile:active {
	background-color: #34a598;
}

.compile .link {
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;	
}

.compile img {
	margin: 15px 0 19px;
	display: inline-block;
	height: 16px;
}

.compile .text {
	margin: 17px 0;	
	display: inline-block;
	height: 16px;	
	line-height: 16px;	
}

/* start apply */
.apply {
	padding: 15px;
	position: relative;
}

.apply .app-left {
	width: 100%;
	padding-right: 55px;
}

.apply .app-right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 70px;
}

.apply .icon {
	height: 60px;
	width: 60px;
	display: inline-block;
	float: left;
}

.apply .icon img {
	height: 60px;
	width: 60px;
	border-radius: 4px !important;
}

.apply .info {
	display: block;
	margin-left: 75px;
	height: 60px;
	position: relative;
}

.apply .info .name {
	height: 33px;
	line-height: 33px;
	font-size: 16px;
}

.apply .info .number {
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	color: #cbcbcb;
}

.apply .info .number .fa {
	font-size: 15px;
}

.apply .sum-link {
	margin-top: 28px;
	display: inline-block;
	width: 56px;
	height: 33px;
	line-height: 33px;
	border-radius: 6px !important;
	border: 1px solid #e0e0e0;
	text-align: center;
	color: #979797;
}

.apply .sum-link:hover,.apply .sum-link:focus,.apply .sum-link:active {
	background-color: #f5f5f5;
}

/* start sticky */
.sticky-list {
	position: relative;
}

.sticky-list-item {
	padding: 10px 7px;
	line-height: 30px;
}

.sticky-list-item:hover,.sticky-list-item:focus,.sticky-list-item:active {
	background-color: #f5f5f5;
}

.sticky-list .sticky-list-item+.sticky-list-item {
	border-top: 1px solid #ebecee;
}

.sticky-list .sticky {
	display: inline-block;
	line-height: 20px;
	height: 20px;
	margin: 5px;
	padding: 0 6px;
	border-radius: 2px !important;
	font-size: 12px;
	background-color: #f99526;
	color: #fff;
}

/* start topic-list */
.topic-list {
	position: relative;
}

.topic-list-item {
	padding: 10px 15px;
}

.topic-list-item:hover,.topic-list-item:focus,.topic-list-item:active {
	background-color: #f5f5f5;
}

.topic-list-item .user .icon {
	display: inline-block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50% !important;
	overflow: hidden;
}

.topic-list-item .user .icon img {
	width: 30px;
	height: 30px;
}

.topic-list-item .user .icon.default img {
	background-color: #56abe4	
}

.topic-list-item .user-info {
	display: block;
	margin-left: 40px;
}

.topic-list-item .user-info .name {
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	color: #979797;
}

.topic-list-item .user-info .time {
	height: 15px;
	line-height: 15px;
	font-size: 12px;
	color: #cecece;
}

.topic-list-item .title {
	margin: 10px 0;
	font-size: 16px;
}

.topic-list-item .info {
	margin: 10px 0;
	color: #999;
	line-height: 1.7;
}

.topic-list-item .opinion {
	height: 25px;
	line-height: 25px;
}

.topic-list-item .font {
	display: inline-block;
	font-size: 16px;
	color: #47b1a7;
}

.topic-list-item .number {
	font-size: 12px;
}

.topic-list-item .praise {
    position: relative;
	display: inline-block;
	margin: 0 10px;
    padding: 0 5px 0 25px;	
	border-radius: 2px !important;
}

.topic-list-item .praise .font {
	position: absolute;
	left: 3px;
	top: 0;	
}

.topic-list-item .praise:hover,.topic-list-item .praise:focus,.topic-list-item .praise:active {
	background-color: #d9edf7;
}

.opinion .support {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 11;
	color: red;
}