@charset "utf-8";


.panel-header {
	padding:10px 0;
}

.panel-header h2 {
	line-height:normal;
	font-size:32px;
	font-weight:lighter;
	color:#333333;
	padding:5px 0;
}
.panel-header p {
	width:50%;
	font-size:20px;
	font-weight:lighter;
	background-color:#55b0ff;
	color:#ffffff;
	line-height:normal;
	padding:2px 0 0 20px;
}
.panel-header .act {
	float:right;
	margin-top:3px;
	color:#408ED6
}
.panel-header .act a:link, .panel-header .act a:visited {
	color:#408ED6
}
.panel-header .act a:hover, .panel-header .act a:active {
	color:#408ED6
}

.panel-body {
	margin-top:5px;
	
}
.stock {
	margin:20px 20px 0
}
.stock .color-red {
	color:#FF3D3D
}
.stock .color-green {
	color:#0CFF00
}
.stock .stock-header {
	position:relative;
	zoom:1
}
.stock .stock-header:before, .stock .stock-header:after {
	content:" ";
	display:table
}
.stock .stock-header:after {
	clear:both;
	visibility:hidden;
	font-size:0;
	height:0
}
.stock .stock-header:before, .stock .stock-header:after {
	content:" ";
	display:table
}
.stock .stock-header:after {
	clear:both;
	visibility:hidden;
	font-size:0;
	height:0
}
.stock .stock-header .stock-arrow {
	position:absolute;
	top:50%;
	left:52%;
	width:1px;
	height:60px;
	margin-top:-30px;
	background-color:#A4C2E1
}

.stock .stock-header .stock-tips {
	
	width:100%
}
.stock .stock-header .stock-tips .stock-number {
	font-size:36px;
	line-height:normal;
	text-align:center;
}
.stock .stock-header .stock-tips .stock-plus {
	padding:0 10px;
	font-size:14px;
	zoom:1
}
.stock .stock-header .stock-tips .stock-plus:before, .stock .stock-header .stock-tips .stock-plus:after {
	content:" ";
	display:table
}
.stock .stock-header .stock-tips .stock-plus:after {
	clear:both;
	visibility:hidden;
	font-size:0;
	height:0
}
.stock .stock-header .stock-tips .stock-plus:before, .stock .stock-header .stock-tips .stock-plus:after {
	content:" ";
	display:table
}
.stock .stock-header .stock-tips .stock-plus:after {
	clear:both;
	visibility:hidden;
	font-size:0;
	height:0
}
.stock .stock-header .stock-tips .stock-plus .stock-growth, .stock .stock-header .stock-tips .stock-plus .stock-percentage {
	float:left;
	width:50%;
	text-align:center
}
.stock .stock-daily {
	margin-top:20px;
	padding:20px 0;
	border-top:1px solid #8DB3D9;
	border-bottom:1px solid #8DB3D9;
	font-size:14px;
	text-align:center;
	line-height:normal;
	color:#6e6e6e;
}
.stock .stock-daily .stock-time {
	margin-left:20px
}
.stock .stock-info {
	margin-top:12px;
	padding-left:20px;
	color:#FFF;
	zoom:1
}
.stock .stock-info:before, .stock .stock-info:after {
	content:" ";
	display:table
}
.stock .stock-info:after {
	clear:both;
	visibility:hidden;
	font-size:0;
	height:0
}
.stock .stock-info:before, .stock .stock-info:after {
	content:" ";
	display:table
}
.stock .stock-info:after {
	clear:both;
	visibility:hidden;
	font-size:0;
	height:0
}
.stock .stock-info li {
	float:left;
	width:50%;
	margin:2px 0;
	font-size:14px;
	color:#6e6e6e;
}