/*通用样式开始*/
html{
	height: 100%;
	width: 100%;
	min-width: 340px;
}
body{
	height: 100%;
	width: 100%;
	background:#2e63b1;
}
p{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
h1{
	margin: 0;
	font-weight: normal;
}
ul{
	margin: 0;
	padding: 0;
}
h2{
	font-size: 16px;
	color: rgb(0,20,51);
	margin: 0;
	font-weight: normal;
	padding-top: 20px;
}
h2>img{
	margin-right: 10px;
	margin-left: 20px;
	position: relative;
	top: 3px;
}
.clearfix{
	clear: both;
	display: table;
}
/*通用样式结束*/

/*资金状态分布样式开始*/
.status-wrapper{
	padding: 0 20px 10px;
	width: 100%;
	box-sizing: border-box;
}
.status-items{
	background:#fff;
	border-radius: 8px;
	float: left;
	padding-bottom: 10px;
}
.status-items+.status-items{
	margin-left: 10px;
}
.status-items-one{
	width: calc(100% - 12.5% - 1.25px * 7);
}
.status-items-two{
	width: calc(100% - 12.5% * 7 - 1.25px);
}
.status-items ul{
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-left: 10px;
	box-sizing: border-box;
}
.status-items li img{
	padding-right: 4px;
    vertical-align: text-bottom;
}
.status-items-one li{
	float: left;
	width: calc(100% / 7);
	padding-right: 10px;
	box-sizing: border-box;
	cursor: pointer;
	min-width: 154px;
}
.status-items-two li{
	float: left;
	width: 100%;
	padding-right: 10px;
	box-sizing: border-box;
	cursor: pointer;
}
.status-items .color-green{
	background:#8fbd91;
}
.status-items .color-red{
	background:#a44545;
}
.status-items .color-yellow{
	background:#c69619;
}
.status-items .color-orange{
	background:#da9744;
}
.status-items .color-blue{
	background:#3593c5;
}
.status-items .color-blue2{
	background:#1cb0b7;
}
.status-num-content{
	position: relative;
	z-index: 999;
}
.status-num{
	width: 100%;
	height: 45px;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	line-height: 45px;
	position: relative;
}
.status-num:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(96,96,96,.2);
}
.status-title{
	font-size: 16px;
	color: rgb(0,25,63);
	padding-bottom: 5px;
    display: inline-block;
}
.status-items-two ul{
	padding-top: 58px;
}
.com-count{
	display: none;
}
@media screen and (min-width: 1500px){
	.status-num{
		margin-top: 10px;
		height: 72px;
		font-size: 37px;
		line-height: 72px;
	}
	ul#capital{
		padding-left: 20px;
	}
}
@media screen and (max-width: 1499px){
	.status-num{
		margin-top: 10px;
		height: 60px;
		font-size: 30px;
		line-height: 60px;
	}
}
@media screen and (max-width: 1360px){
	.status-items-one{
		width: 100%;
	}
	.status-items-one li{
		width: calc(100% / 4);
		margin-bottom: 20px;
	}
	.status-items+.status-items{
		margin-left: 0;
	}
	.status-items-two{
		display: none;
	}
	.com-count{
		display: block;
	}
	
}
@media screen and (max-width: 820px){
	.status-items-one li{
		width: calc(100% / 3);
	}
}
/*资金状态分布样式结束*/

/*风险补偿区域分布样式开始*/
.content-wrapper{
	width:100%;
	padding-right:720px; 
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}
.map-wrapper{
	border-radius: 8px;
	width: 100%;
	background:#fff;
	position: relative;
}
.map-wrapper h2{
	float: left;
}
.class-labels{
	float: left;
	position: relative;
	text-align: center;
}
.class-labels span:before{
	content: '';
	width: 17px;
	height: 32px;
	position: absolute;
	top: 0;
	left: -17px;
	background:url(../img/全局视图/label1.png) no-repeat 100% 100%;
}
.class-labels span:after{
	content: '';
	width: 17px;
	height: 32px;
	position: absolute;
	top: 0;
	right: -16px;
	background:url(../img/全局视图/label3.png) no-repeat 100% 100%;
}
.class-labels span{
	position: relative;
	min-width: 106px;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	color: #fff;
	background:url(../img/全局视图/label2.png) repeat;
	margin-top: 15px;
	margin-left: 50px;
}
.class-labels img:first-child{
	position: relative;
	top: 5px;
	margin-right: 10px;
}
.class-labels img:last-child{
	position: absolute;
    top: 3px;
    right: -13px;
    cursor: pointer;
    z-index: 100;
}
.map-total-money{
	position: absolute;
	top: 50px;
	right: 20px;
	text-align: center;
	width: 242px;
}
.map-total-money p{
	font-size: 20px;
	padding-bottom: 8px;
}
.map-total-money div{
	width: 100%;
	height: 58px;
	border: 1px solid #000;
}
.map-total-money div>span{
	margin-top: 5px;
	display: inline-block;
	width: 24px;
	height: 48px;
	font-size: 30px;
	line-height: 48px;
	background: url(../img/全局视图/数字框.png);
}
.map-list ul:before{
	content: '';
	width: 239px;
	height: 33px;
	position: absolute;
	top:-33px;
	right: 2px;
	background:url(../img/全局视图/地图排名1-8.png) no-repeat 100% 100%;
}
.map-list ul:after{
	content: '';
	width: 239px;
	height: 33px;
	position: absolute;
	bottom: -32px;
	right: 2px;
	background:url(../img/全局视图/地图排名3-8.png) no-repeat 100% 100%;
}
.map-list ul{
	position: relative;
	background: url(../img/全局视图/地图排名2-8.png) repeat;
	width: 239px;
}
.map-list{
	position: absolute;
	top: 185px;
	right: 20px;
	text-align: center;
}
.map-list li{
	font-size: 16px;
	padding-bottom: 10px;
}
.map-list li>span{
	text-align: center;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	background:#22ace6;
	border-radius: 50%;
	margin-right: 5px;
	font-size: 14px;
	line-height: 20px;
}
.map-chart{
	width: 100%;
	height: 510px;
	padding-right: 260px;
	box-sizing: border-box;
	padding-top: 10px;
}
/*底部圆环的样式开始*/
.pie-list{
	width:100%;
	padding-right: 20px;
	padding-left: 20px;
	box-sizing: border-box;
}
.pie-item{
	width: 25%;
	float: left;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 5px;
	position: relative;
	overflow: hidden;
}
.pie-des{
	width: 135px;
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 25px;
	padding-top:42px;
}
.pie-des span{
	display: inline-block;
	font-size: 0;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 2px solid #1cb0b7;
	margin-right: 5px;
}
.pie-chart{
	margin-top: -10px;
	width: 100%;
	height: 145px;
	padding-right: 135px;
	box-sizing: border-box;
}
/*底部圆环的样式结束*/
@media screen and (max-width: 1400px){
	.content-wrapper {
	    width: 100%;
	    padding-right: 20px;
	    padding-left: 20px;
	    box-sizing: border-box;
	    position: relative;
	}
}
/*风险补偿区域分布样式结束*/

/*入库总额排名样式开始*/
.right-wrapper{
	width: 680px;
	position: absolute;
	right: 20px;
	top: 0;
}
.in-storage{
	width: 100%;
	border-radius: 8px;
	background:#fff;
	margin-bottom: 10px;
	position: relative;
}
.in-storage:last-child(){
	margin-bottom: 0;
}
.closemore{
	display: none;
}
.more,.closemore{
	position: absolute;
	right: 20px;
	top: 30px;
	font-size: 12px;
	color: rgb(0,25,63);
	cursor: pointer;
}
.more img,.closemore img{
	margin-left: 3px;
	position: relative;
	top: 1px;
}
.closemore img{
	width: 15px;
	top: 3px;
}
.bank-item{
	width: 33.33%;
	float: left;
	margin-top: 20px;
	padding-left: 10px;
	box-sizing: border-box;
	margin-bottom: 25px;
	cursor: pointer;
}
.bank-item-div{
	float: left;
}
.bank-item-name{
	font-size: 14px;
	color: rgb(0,25,63);
	margin-bottom: 5px;
}
.bank-item-num{
	font-size: 15px;
	color: rgb(148,85,83);
}
.bank-item-img{
	float: left;
	margin-right: 5px;
}
/*更多面板样式开始*/
.in-storage-one,.in-storage-two{
	position: relative;
}
.more-wrapper{
	display: none;
	font-size: 14px;
	position: absolute;
	top: 55px;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 8px;
	padding: 0 21px 10px;
	box-sizing: border-box;
	/*box-shadow: 0px 5px 6px #dcdcdc;*/
	z-index: 100;
}
.more-wrapper li{
	height: 30px;
	line-height: 30px;
	width: 50%;
	float: left;
	position: relative;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.more-wrapper img{
	width: 20px;
	height: 20px;
	margin-right: 3px;
	position: relative;
	top: 6px;
}
.more-num{
	font-weight: 600;
	position: absolute;
	right: 15px;
	padding-left: 20px;
}
.more-wrapper li:nth-child(2n) .more-num{
	right: 8px;
}
/*更多面板样式结束*/
/*入库总额排名样式结束*/

/*深圳市战略新兴产业样式开始*/
.industry{
	padding-bottom: 20px;
}
.industry-total{
	position: absolute;
	right: 20px;
	top: 30px;
	font-size: 16px;
	color: rgb(0,20,51);
}
.industry-total span{
	font-weight: 600;
}
.industry-item{
	width: 33.3%;
	height: 181px;
	float: left;
	text-align: center;
	cursor: pointer;
}
.industry-item-img{
	color: #fff;
	width: 90%;
	height: 120px;
	margin: 20px auto 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.bg-blue .industry-item-img{
	background: -webkit-linear-gradient(#85e2e0 , #1cb0b7);
    background: -o-linear-gradient(#85e2e0, #1cb0b7);
    background: -moz-linear-gradient(#85e2e0, #1cb0b7); 
    background: linear-gradient(#85e2e0 , #1cb0b7); 
}
.bg-blue2 .industry-item-img{
	background: -webkit-linear-gradient(#59c1ff , #1c97d4);
    background: -o-linear-gradient(#59c1ff, #1c97d4);
    background: -moz-linear-gradient(#59c1ff, #1c97d4); 
    background: linear-gradient(#59c1ff , #1c97d4); 
}
.bg-red .industry-item-img{
	background: -webkit-linear-gradient(#e98a84 , #ac3131);
    background: -o-linear-gradient(#e98a84, #ac3131);
    background: -moz-linear-gradient(#e98a84, #ac3131); 
    background: linear-gradient(#e98a84 , #ac3131); 
}
.bg-green .industry-item-img{
	background: -webkit-linear-gradient(#a1e09e , #52986b);
    background: -o-linear-gradient(#a1e09e, #52986b);
    background: -moz-linear-gradient(#a1e09e, #52986b); 
    background: linear-gradient(#a1e09e , #52986b); 
}
.bg-blue .industry-item-title{
	border: 2px solid #1cb0b7;
}
.bg-blue2 .industry-item-title{
	border: 2px solid #1c97d4;
}
.bg-red .industry-item-title{
	border: 2px solid #ac3131;
}
.bg-green .industry-item-title{
	border: 2px solid #52986b;
}
.industry-item-img>img{
	margin-top: 15px;
	margin-bottom: 5px;
}
.industry-item-img p{
	font-size: 26px;
	font-weight: 600;
}
.industry-item-img p img{
	width: 28px;
	height: 22px;
	margin-left: 3px;
}
.industry-item-title{
	width: calc(90% - 4px);
	margin: 0 auto;
	font-size: 14px;
	color: rgb(0,25,63);
	line-height: 30px;
	height: 30px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.in-storage:nth-child(1),.in-storage:nth-child(2){
		height: 130px;
}
.in-storage:last-child{
	margin-bottom: 0;
}

@media screen and (max-width: 1400px){
	.right-wrapper{
		margin-top: 10px;
	    width: 100%;
	    position: relative;
	    top: 0;
	    left: 0;
	}
	.industry-item{
		width: 33.33%;
	}
	.in-storage:nth-child(1),.in-storage:nth-child(2){
		width: calc(50% - 5px);
		float: left;
	}

	.in-storage:nth-child(1){
		margin-right: 5px;

	}
	.in-storage:nth-child(2){
		margin-left: 5px;
	}
}
@media screen and (min-width: 1400px){
	
}
/*深圳市战略新兴产业样式结束*/