@charset "utf-8";
/* CSS Document */
* {
	font-size: 14px;
	font-family:微软雅黑, "Microsoft Yahei", tahoma;
}
body, html {
	margin:0;
	padding:0;
}
ul, li {
	margin:0;
	padding:0;
}
a {
	text-decoration: none;
}
img {
	border: none;
}
textarea {
	resize:none;
}

div.panel {
	width: 970px;
	padding: 0;
	margin: 0 auto;
}
a.banner {
	
}
a.banner img {
	width: 100%;
}
div.nav {
	margin: 20px 0;
}
div.nav, div.nav * {
	color: #888;
}
div.nav span {
	color: #333;
}

div.titlePanel {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}
div.titlePanel div.title{
	height: 50px;
	line-height: 50px;
	float: left;
	border-bottom: 2px solid #35912d;
	background: no-repeat center left;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	color: #479b4c;
}
div.titlePanel div.title.new {
	background-image: url('../images/redStyle/icon1.png');
}
div.titlePanel div.title.info {
	background-image: url('../images/redStyle/icon5.png');
}
div.titlePanel div.title.data {
	background-image: url('../images/greenStyle/ico_ztcx.png');
}
div.titlePanel div.title.active {
	background-image: url('../images/redStyle/icon3.png');
}
div.titlePanel div.title.link {
	background-image: url('../images/greenStyle/icon4.png');
}

div.bothPanel {
	
}
div.subPanel {
	float: left;
	width: 49%;
	border: 1px solid #ddd;
	border-top: 3px solid #35912d;
}
div.bothPanel.area div.subPanel{
	margin-top: 20px;
}
div.subPanel.right {
	float: right;
}
div.subPanel div.labelPanel {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px dotted #cacaca;
	background-color: #FAFDEE;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #479b4c;
}
div.subPanel div.labelPanel.topBorder {
	border-top: 3px solid #35912d;
}
div.subPanel div.labelPanel div.tabPanel {
	position: absolute;
	right: 5px;
	bottom: -1px;
}
div.subPanel div.labelPanel div.tabPanel div.tabItem {
	background-color: #ebebeb;
	margin-left: 5px;
	width: 35px;
	float: left;
	height: 24px;
	line-height: 24px;
	border: 1px dotted #ccc;
	border-bottom: none;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	color: black;
	font-weight: normal;
}
div.subPanel div.labelPanel div.tabPanel div.tabItem.selected {
	background-color: white;
	border: 1px dotted #ccc;
	color: #479b4c;
	border-bottom: 1px dotted white;
}
div.subPanel div.labelPanel span.explain {
	float: right;
	color: #ccc;
	cursor: pointer;
}
div.subPanel div.content {
	height: 400px;
}
div.subPanel div.content.high {
	height: 435px;
}
div.subPanel div.content.chart {
	display: none;
}
div.subPanel div.content.chart.selected {
	display: block;
}
div.subPanel div.content table {
	width: 100%;
}
div.iconPanel {
	
}
div.iconPanel div.iconItem {
	vertical-align: top;
	width: 95px;
    float: left;
    text-align: center;
	/*border-bottom: 1px dashed #ddd;*/
    margin-top: 23px;
	margin-bottom: 15px;
}

div.iconPanel div.iconItem a.ico {
	text-decoration: none;
    outline: none;
	display: inline-block;
    width: 75px;
    height: 75px;
}
div.iconPanel div.iconItem a.ico img {
	width: 100%;
	height: 100%;
	border: 2px solid #a1d568;
	border-radius: 50%;
	transition: all 0.3s ease 0s;
}
div.iconPanel div.iconItem:hover a.ico img {
	opacity: 0.8;
	transform: scale(1.1, 1.1);
}
/*
div.iconPanel div.iconItem a.ico {
	text-decoration: none;
    outline: none;
	display: inline-block;
    width: 84px;
    height: 84px;
    background-image: url('../images/redStyle/ico_zxsj_zlfbcl.png');
    background-repeat: no-repeat;
}
div.iconPanel div.iconItem.liangshi a.ico {background-position:-8px -8px}
div.iconPanel div.iconItem.liangshi a.ico:hover {background-position:-108px -8px}
div.iconPanel div.iconItem.daomi a.ico {background-position:-8px -108px}
div.iconPanel div.iconItem.daomi a.ico:hover {background-position:-108px -108px}
div.iconPanel div.iconItem.xiaomai a.ico {background-position:-8px -208px}
div.iconPanel div.iconItem.xiaomai a.ico:hover {background-position:-108px -208px}
div.iconPanel div.iconItem.yumi a.ico {background-position:-8px -308px}
div.iconPanel div.iconItem.yumi a.ico:hover {background-position:-108px -308px}
div.iconPanel div.iconItem.dadou a.ico {background-position:-8px -408px}
div.iconPanel div.iconItem.dadou a.ico:hover {background-position:-108px -408px}
div.iconPanel div.iconItem.mianhua a.ico {background-position:-8px -508px}
div.iconPanel div.iconItem.mianhua a.ico:hover {background-position:-108px -508px}
div.iconPanel div.iconItem.youliao a.ico {background-position:-8px -608px}
div.iconPanel div.iconItem.youliao a.ico:hover {background-position:-108px -608px}
div.iconPanel div.iconItem.tangliao a.ico {background-position:-8px -708px}
div.iconPanel div.iconItem.tangliao a.ico:hover {background-position:-108px -708px}
div.iconPanel div.iconItem.roulei a.ico {background-position:-8px -808px}
div.iconPanel div.iconItem.roulei a.ico:hover {background-position:-108px -808px}
div.iconPanel div.iconItem.zhu a.ico {background-position:-8px -908px}
div.iconPanel div.iconItem.zhu a.ico:hover {background-position:-108px -908px}
div.iconPanel div.iconItem.niu a.ico {background-position:-8px -1008px}
div.iconPanel div.iconItem.niu a.ico:hover {background-position:-108px -1008px}
div.iconPanel div.iconItem.yang a.ico {background-position:-8px -1108px}
div.iconPanel div.iconItem.yang a.ico:hover {background-position:-108px -1108px}
div.iconPanel div.iconItem.qin a.ico {background-position:-8px -1208px}
div.iconPanel div.iconItem.qin a.ico:hover {background-position:-108px -1208px}
div.iconPanel div.iconItem.danlei a.ico {background-position:-8px -1308px}
div.iconPanel div.iconItem.danlei a.ico:hover {background-position:-108px -1308px}
div.iconPanel div.iconItem.nailei a.ico {background-position:-8px -1408px}
div.iconPanel div.iconItem.nailei a.ico:hover {background-position:-108px -1408px}
div.iconPanel div.iconItem.shuichanpin a.ico {background-position:-8px -1508px}
div.iconPanel div.iconItem.shuichanpin a.ico:hover {background-position:-108px -1508px}
div.iconPanel div.iconItem.shucai a.ico {background-position:-8px -1608px}
div.iconPanel div.iconItem.shucai a.ico:hover {background-position:-108px -1608px}
div.iconPanel div.iconItem.shuiguo a.ico {background-position:-8px -1708px}
div.iconPanel div.iconItem.shuiguo a.ico:hover {background-position:-108px -1708px}
*/
div.iconPanel div.iconItem a.txt {
	display: inline-block;
    width: 84px;
	margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #479b4c;
}
div.iconPanel div.iconItem:hover a.txt {
	color: #479b4c;
}
div.iconPanel2 {
	height: 222px;
}
div.iconPanel2 div.iconItem {
	float: left;
	width: 33.3%;
	text-align: center;
	cursor: pointer;
}
div.iconPanel2 div.iconItem img {
	border: 2px solid #a1d568;
	/*border-radius: 50%;*/
	margin-top: 35px;
	width: 65%;
	transition: all 0.3s ease 0s;
}
div.iconPanel2 div.iconItem:hover img {
	opacity: 0.8;
	transform: scale(1.1, 1.1);
}
div.iconPanel2 div.iconItem div.txt {
	margin-top: 10px;
	font-size: 16px;
	color: #0216ff;
}
div.iconPanel2 div.iconItem:hover div.txt {
	color: #479b4c;
}

div.iconPanel3 {
	height: 180px;
}
div.iconPanel3 div.iconItem {
	float: left;
	width: 25%;
	text-align: center;
	cursor: pointer;
}
div.iconPanel3 div.iconItem img {
	border-radius: 50%;
	border: 2px solid #a1d568;
	margin-top: 20px;
	width: 85%;
	transition: all 0.3s ease 0s;
}
div.iconPanel3 div.iconItem:hover img {
	opacity: 0.8;
	transform: scale(1.1, 1.1);
}
div.iconPanel3 div.iconItem div.txt {
	margin-top: 10px;
	font-size: 16px;
	color: #0216ff;
}
div.iconPanel3 div.iconItem:hover div.txt {
	color: #479b4c;
}

div.chartPanel {
	background-color: #f7f7f7;
}
div.chartPanel.charts {
	margin-top: 25px;
}
div.chartPanel div.tabPanel {
	background-color: #e8e8e8;
}
div.chartPanel div.tabPanel div.tabItem {
	float: left;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	padding: 0 30px;
	margin: 2px;
	margin-bottom: 0;
	cursor: pointer;
}
div.chartPanel div.tabPanel div.tabItem.selected {
	background-color: #f7f7f7;
	color: #c40001;
	font-weight: bold;
}
div.chartPanel div.contentPanel {
	
}
div.chartPanel div.contentPanel div.content {
	height: 500px;
	display: none;
}
div.chartPanel div.contentPanel div.content.selected {
	display: block;
}
div.chartPanel div.contentPanel div.content iframe {
	height: 100%;
	width: 100%;
	border: none;
}

div.bigIconPanel {
	
}
div.bigIconPanel div.bigIcon {
	float: left;
	width: 20%;
	padding: 15px 0;
    float: left;
    text-align: center;
    font-size: 16px;
	cursor: pointer;
	position: relative;
}
div.bigIconPanel div.bigIcon div.popup {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	background: url('../images/redStyle/listcheck.png') no-repeat center center;
	cursor: pointer;
}
div.bigIconPanel div.bigIcon div.popupList {
	position: absolute;
	right: 25px;
	top: 25px;
	display: none;
	border:1px solid #e0e0e0;
}
div.bigIconPanel div.bigIcon div.popupList div.line {
    height: 30px;
    padding: 3px 15px;
    line-height: 30px;
    text-indent: 30px;
    background: url(../images/redStyle/history.png) no-repeat 5px center;
    text-align: center;
    background-color: #fcfcfc;
    border-top: 1px solid #e0e0e0;
	cursor: pointer;
}
div.bigIconPanel div.bigIcon div.popupList div.line:first-child {
    border-top: none;
}
div.bigIconPanel div.bigIcon div.popupList div.line.selected {
    background-color: #eeffd9;
}

/*
div.bigIconPanel div.bigIcon span.ico {
	display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    background-image: url('../images/redStyle/ico_sjcx.png');
    background-repeat: no-repeat;
}
div.bigIconPanel div.bigIcon.tjzl span.ico{background-position:0 0}
div.bigIconPanel div.bigIcon.myxx span.ico{background-position:0 -60px}
div.bigIconPanel div.bigIcon.hgjj span.ico{background-position:0 -120px}
div.bigIconPanel div.bigIcon.qhxx span.ico{background-position:0 -180px}
div.bigIconPanel div.bigIcon.wjjc span.ico{background-position:0 -240px}
div.bigIconPanel div.bigIcon.gjjg span.ico{background-position:0 -300px}
*/

div.bigIconPanel div.bigIcon span.ico {
	/*display: block;*/
	display: none;
    width: 95px;
    height: 95px;
    margin: 0 auto 10px;
}
div.bigIconPanel div.bigIcon span.ico img {
	border-radius: 50%;
	border: 2px solid #a1d568;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease 0s;
}
div.bigIconPanel div.bigIcon:hover span.ico img {
	opacity: 0.8;
	transform: scale(1.1, 1.1);
}
div.bigIconPanel div.bigIcon.selected span.txt {
	color: #479b4c;
}
div.bigIconPanel div.bigIcon.tjzl,
div.bigIconPanel div.bigIcon.hgjj,
div.bigIconPanel div.bigIcon.wjjc {
	background-color: #fafafa;
}
div.bigIconPanel div.bigIcon.myxx,
div.bigIconPanel div.bigIcon.qhxx,
div.bigIconPanel div.bigIcon.gjjg {
	background-color: #f7f7f7;
}
div.reportPanel {
	
}
div.reportPanel iframe {
	width: 100%;
	border: none;
}

div.boderPanel {
	
}
div.boderPanel div.activePanel {
	float: left;
	position: relative;
	margin-left: 10px;
}
div.boderPanel div.activePanel div.tabPanel {
	position: absolute;
}
div.boderPanel div.activePanel div.tabPanel div.tabItem {
	float: left;
	width: 70px;
	text-align: center;
	height: 24px;
	line-height: 24px;
	background: #f7f7f7;
	border: 1px solid #bbb;
	border-left: none;
	cursor: pointer;
}
div.boderPanel div.activePanel div.tabPanel div.tabItem:first-child {
	border-left: 1px solid #bbb;
}
div.boderPanel div.activePanel div.tabPanel div.tabItem.selected {
	background: white;
	border-bottom: 1px solid white;
	color: #e51c23;
}
div.boderPanel div.activePanel div.contentPanel {
	position: relative;
	margin-top: 25px;
	border: 1px solid #bbb;
	width: 230px;
	height: 206px;
	display: none;
}
div.boderPanel div.activePanel div.contentPanel.selected {
	display: block;
}
div.boderPanel div.activePanel div.contentPanel ul.activeList {
	
}
div.boderPanel div.activePanel div.contentPanel ul.activeList li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    list-style: inside;
}
div.boderPanel div.activePanel div.contentPanel div.more {
	position: absolute;
	font-size: 12px;
	right: 10px;
	bottom: 5px;
	cursor: pointer;
}

div.linkPanel {
	margin-bottom: 10px;
	overflow: hidden;
}
div.linkPanel div.link {
	float: left;
	height: 25px;
	margin-left: 8px;
	padding: 0 15px;
	background-color: #f3f3f3;
	position: relative;
}
/*
div.linkPanel div.link:first-child {
	margin-left: 0;
}
*/
div.linkPanel div.link a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 10px;
	line-height: 25px;
	color: #000;
}
/* 多行显示link */
div.linkPanel div.link {
	margin-top: 5px;
}
div.linkPanel div.link a {
	width: 202px;
}

table.dataTableHelper {
	margin: 0;
}
table.dataTableHelper div.nochange {
	background: url('../images/trend_eq.png') no-repeat scroll center center;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}
table.dataTableHelper div.up {
	background: url('../images/trend_up.png') no-repeat scroll center center;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}
table.dataTableHelper div.down {
	background: url('../images/trend_down.png') no-repeat scroll center center;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}

div.footer {
	background: url('../images/footer.png') no-repeat center center;
}
div.footer div.footerLine {
	margin: 3px auto;
	text-align: center;
}
div.footer div.footerLine a {
	padding: 0 10px;
	border-left: 1px solid #ddd;
	font-size: 12px;
	color: #000;
}
div.footer div.footerLine a:first-child {
	border-left: none;
}
div.footer div.footerLine span  {
	font-size: 10px;
}