*{margin:0;padding:0}
ol,ul,li{list-style:none;}
body{font-family: "Microsoft YaHei",simsun,Arial,sans-serif,Mingliu,Verdana,Helvetica,Lucida;}
.tree-box{position: absolute;width: 210px;top:50px;left:50px;}
			.tree-box ul{padding-left: 35px;position:relative;padding-top:26px;margin-top: -26px;}
			.tree-box ul:before{content:'';position: absolute;width: 8px;height: 2px;background:#008ad1 ;left: 10px;top: 50%;margin-top: 8px;}
			.tree-box ul:after{content:'';position: absolute;width: 2px;height: 50%;background:#008ad1 ;left: 10px;top: 0;margin-top:8px}
			.tree-box ul li{position: relative;height: 35px;}
			.tree-box ul li p{font-size: 16px;height: 28px;line-height: 28px;color: #0088ce;}
			.tree-box ul li:after{content: '';position: absolute;width: 8px;height: 2px;background: #008ad1;top:13px;left: -15px;}
			.tree-box ul li:before{content: '';position: absolute;width: 2px;height: 35px;background:#008ad1;left: -17px;top:0 ;}
			.tree-box ul li:first-of-type:before{height: 22px; top: 13px;}
			.tree-box ul li:last-of-type:before{height: 15px; top: 0;}
			.tree-box .percentage-box{width: 150px;height: 7px;background: #7fc3e6; overflow: hidden;}
			.tree-box .percentage-box span{display:block;float: left;height: 100%;}
			.tree-box .percentage-box span.blue{background: #0088ce;}
			.tree-box .percentage-box span.lightBlue{background: #7fc3e6;}
			.tree-box .percentage-box span.orange{background: #fc790b;}
			.tree-box .percentage-box span.pink{background:#fd006d}
			.tree-box .tree-title{padding-left:15px;height: 45px;}
			.tree-box .tree-title p{font-size:18px;margin-bottom: 3px;color: #008ad1;}
			.tree-box .tree-title .percentage-box{width: 180px;height: 14px;margin-left:3px}