.gtbody{position: absolute;left: 0px;top: 0px;right: 0px; bottom: 0px;margin: 0px;font-family:"microsoft yahei";}
.top {position: absolute;left: 0px;top: 0px;right: 0px; height: 60px;background-color: #fff;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);z-index: 9999;
			    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
			    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
			    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);}
.leftbox{position: absolute;left: 0px;top: 60px;bottom: 0px;width: 200px;background-color: #1F2837;z-index:2;}
.mainbox {position: absolute;left: 200px;top: 60px;right: 0px;bottom: 0px;background-color: #fff;overflow:hidden;z-index:3;}
.mainbox iframe {float: left; width: 100%;height: 100%;}
.yexx{font-size: 20px;}
.closed{-ms-transform: rotate(180deg); /* IE 9 */
	    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	    transform: rotate(180deg);	}
.layui-col-xs3{
	height: 86px;
}
.layui-col-xs3 .grid-demo{
	height: 100%;
}
.layui-col-xs3 .grid-demo-bg1{
	margin-right: 20px;
}
.bj1{
    background-color: rgba(255,255,255,1);
}
.bj1:hover .gzry{
    background-color: rgba(255,255,255,0.2);
}
.bj2{
    background-color: rgba(255,255,255,1);
}
.bj3{
    background-color: rgba(255,255,255,1);
}
.bj4{
    background-color: rgba(255,255,255,1);
}
.grid-demo ul li{
	float: left;
}
.grid-demo ul li:nth-child(1){
	padding: 18px;
}
.grid-demo ul li:nth-child(1) .gzry{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ff6264;
	position: relative;
}
.grid-demo ul li:nth-child(1) .qcrs{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #00b19d;
	position: relative;
}
.grid-demo ul li:nth-child(1) .zyz{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #40bbea;
	position: relative;
}
.grid-demo ul li:nth-child(1) .fwzs{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #7c38bc;
	position: relative;
}
.grid-demo ul li:nth-child(1) div i{
	color: #fff;
	font-size: 30px;
	position: absolute;
	top:7px;
	left: 10px;
}
.grid-demo ul li:nth-child(2){
	padding: 18px 0px;
}
.grid-demo ul li:nth-child(2) h1{
	font-size: 28px;
	color: #333;
	font-weight: bold;
}
.grid-demo ul li:nth-child(2) p{
	font-size: 12px;
	color: #666;
}
.fybox{
	background: #fff;
	padding-left: 16px;
	padding-top: 6px; 
	border: 1px solid #e6e6e6;
	border-top: none;
}
.gt-nav-mx{
	width: 200px;
}
#gttopbj{
	float: right;
	background:#fff;
}
.layui-nav .tsxx{
	float: left;
	margin-right:8px;
	padding: 19px 0;
	position: relative;
}
.layui-nav .tsxx i{
	font-size: 22px;
	color: rgba(255,255,255,0.5);
}
.layui-nav .tsxx:hover i{
	color: rgba(255,255,255,0.8);
}
.layui-nav .tsxx span{
	top: 20px;
	right: -18px;
	width: 20px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
}
#gttopbj{
	color: #666;
}
#gttopbj li a{
	color: #666;
}
#gttopbj li dl dd a span:nth-child(2){
	float: right;
}
#gttopbj li dl dd a:hover{
	color:#0077cc
}
#gttopbj li dl dd a .gticon{
	position: absolute;
	top: 0px;
	left: 10px;
	font-size: 18px;
}