*{
	margin: 0;
	padding: 0;
}
body, html {
    font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif;
    color: #333;
    line-height: 24px;
    font-size: 14px;
	background-color: #f0f3f5;
}

.chain-detail > div {
    background: #fff;
}

.chain_detai_top {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.cenpage {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: auto;
	overflow-x: auto;
	/* padding-bottom: 500px; */
}

.chain-detail .chain-title-box {
    height: 140px;
    border-bottom: 1px solid #ddd;
}

.chain_detai_top .chain-graph-wrap {
    position: relative;
}

.chain-graph-wrap {
    background: #fff;
    /* width: 1366px; */
    padding-bottom: 50px;
    margin: 30px auto 0;
    text-align: center;
}

chain-con, .chain-graph-wrap {
    /* width: 1200px; */
    margin: 112px auto;
    height: auto;
    min-height: 400px;
}

.chain-detail .chain-title {
    font-size: 28px;
    line-height: 32px;
    padding-top: 40px;
}

.oh {
    overflow: hidden;
}

.chain_top_infor {
    width: 100%;
    height: 54px;
    margin-top: 14px;
	display: flex;
	justify-content: space-between;
}

/* {
    position: relative;
    touch-action: none;
} */

#chain-graph {
    margin: 30px auto 0;
    /* width: 1200px; */
    line-height: 0;
}

.fl {
    float: left;
	font-size: 28px;
	line-height: 30px;
}

.chain_classify {
    float: left;
    line-height: 54px;
    height: 54px;
    position: relative;
    font-size: 18px;
}

.fr {
    float: right !important;
}

.poinNumber {
    line-height: 54px;
}

chain-detail .chainpoint {
    height: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: 300px;
}

.fr {
    float: right !important;
}

.special{
	display: flex;
	justify-content: space-around;
	margin-top: 15px;
	-webkit-user-select:none;
					
	    -moz-user-select:none;
					
	    -ms-user-select:none;
					
	    user-select:none;
}
.greenbd{
	width: 100px;
	height: 30px;
	color: #999999;
	border: 1px solid #999;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	margin-left: 40px;
}
.greenbd:hover{
	cursor: pointer;
}
.orangebd {
	width: 100px;
	height: 30px;
	color: #999999;
	border: 1px solid #999;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
}
.orangebd:hover{
	cursor: pointer;
}
.cc_show a{
	text-decoration: none;
	color: #999;
	margin:0 20px;
}
.cc_show{
	color: #999;
}
/* .cenpage{
	background-color: #FFFFFF;
	padding: 50px 100px;
} */

element.style {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    min-width: 1101px;
    min-height: 737px;
}

svg:not(:root) {
    overflow: auto;
}

element.style {
    position: relative;
    touch-action: none;
}

/* dom操作添加样式 */

#no3{
				min-width:360px;
				min-height: 400px;
				background-color: #FFF;
				position: absolute;
				display: none;
				z-index: 99;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			}
			

				.no3{
					animation: 0.5s opacity2 0s 1;
					 -webkit-animation: 0.5s opacity2 0s 1;
					 -moz-animation: 0.5s opacity2 0s 1;
					 }
					 
				@keyframes opacity2{
				    0%{opacity:0}
				    100%{opacity:1;}
				}
				@-webkit-keyframes opacity2{
				    0%{opacity:0}
				    100%{opacity:1;}
				}
				@-moz-keyframes opacity2{
				    0%{opacity:0}
				    100%{opacity:1;}
				}

			/* .no3a{
				animation: 1s opacity2_ 0s 1;
				 -webkit-animation: 1s opacity2_ 0s 1;
				 -moz-animation: 1s opacity2_ 0s 1;	
			}
				@keyframes opacity2_{
				    0%{opacity:1}
				    100%{opacity:0;}
				}
				@-webkit-keyframes opacity2_{
				    0%{opacity:1}
				    100%{opacity:0;}
				}
				@-moz-keyframes opacity2_{
				    0%{opacity:1}
				    100%{opacity:0;}
				}
		 */
			.chain_inportant_company{
				min-width: 200px;
				  max-width: 500px;
				    height: auto;
					box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
					overflow: hidden;
				line-height: 36px;
				border-radius: 5px;
			}
			
			.chain_inportant_company .title{
				margin: 0;
				text-align: center;
				background-color: #efb748;
				color: #FFF;
				
			}
			.chain_inportant_company .box {
				background-color: #f8f8f8;
				padding: 5px 10px;
			}
			/* .chain_inportant_company .box tr{
				
			} */
			
			g:hover{
				cursor: pointer;
				 -webkit-user-select:none;
				
				     -moz-user-select:none;
				
				     -ms-user-select:none;
				
				     user-select:none;
				
			}
			
			.specialClassA{
				color: #ff6600;
				background-color: #FFF;
				border: 1px solid #ff6600;
				
			}
			
			.specialClassB{
				color: #238e83;
				background-color: #FFF;
				border: 1px solid #238e83;
			}
			
			.mx-shape-node{
				position: absolute;
			}