h2 {
    line-height: 40px;
    padding: 0 20px;
    font-weight: normal;
    background-color: #ededed;
    font-size: 16px;
    height: 40px;
    box-sizing: border-box;
    border-bottom:1px solid #ccc;
}
.wrap {
    position: fixed;
     top:1px; 
    left:0;
    right:0;
    bottom:0;
}
.viewer-box {
    position: absolute;
    top:0;
     left:2px; 
    right:0;
    bottom:0;
}
.viewer-2d {
    position: absolute !important;
    top:0;
    left:0;
    right:50%;
    bottom:0;
    box-sizing: border-box;
    border-right:1px solid #ccc;
    overflow:hidden;
}
.viewer-3d {
    position: absolute;
    top:0;
    left:50%;
    right:0;
    bottom:0;
}
side {
    position: absolute;
    width: 239px;
    top:0;
    left:0;
    bottom:0;
    border-right:1px solid #ccc;
}
side .title {
	padding:0 20px;
	line-height:40px;
	border-bottom:1px solid #ccc;
}
.tree-box {
    position: absolute;
    width: 100%;
    top:40px;
    left:0;
    bottom:0;
    overflow-y: auto;
    box-sizing: border-box;
    padding:20px;
}
.type-name {
    line-height: 40px;
    padding:0 20px;
    border-bottom:1px solid #ccc;
}
.list {
	padding:10px 20px;
	overflow-y:auto;
}
.list li {
	padding:5px 0;
}
.list li a {
	color:#333;
}
.list li.on a {
	color:#4a90e2;
}