.tree {
    font-size:12px;
}
.tree ul { list-style:none; margin-top:0; margin-left:1px; display:none; }
.tree>ul{}
.tree li { list-style:none;margin:0; padding:1px 0 1px 15px; white-space:nowrap;}
.tree .itemarea {
    cursor:pointer;
    /*	display:inline-block;*/
    *display:inline-table;
    /* for ie 7*/
    +display:inline;
    +zoom:1;
    padding:10px 0;
    border-radius:3px;
    border: none;
    background-color: rgba(0,0,0,0);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    /* color: #999; */
    font-size: 14px;
    line-height:16px;
}
.tree .itemarea:hover{color: #57C9F3;}
.tree .active {
    /* border-color:#57C9F3;
    background-color:#57C9F3; */
    color: #FF4F53;
}
.tree .active:hover {
    /* border-color:#fff;
    background-color:#57C9F3; */
    color: #57C9F3;
}
.tree .hitarea{
    width: 10px; height: 10px;
    color: #57C9F3;
    display: inline-block;
    background: #373E50 no-repeat center;
    margin-right: 4px;
}
.tree .bitarea {
    display:inline-block;
    height:3px;
    width:3px;
    background-color: #FF4F53;
    vertical-align:middle;
    margin-right: 10px;
    border-radius: 2px;
}
.tree .bitarea {
    background-position:-30px 0;
}
.tree .itemarea:hover .bitarea,
.tree .itemarea.active .bitarea {
    /* background-position:-30px -15px; */
}
.tree .expandable .hitarea {
    cursor:pointer;
    /*background-image: linear-gradient(-225deg, #FF445C 0%, #FF7830 0%);*/
    /* background-position:0 0; */
    background-image: linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%), linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%);
    background-image: -webkit-linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%), -webkit-linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%);
    background-image: -moz-linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%), -moz-linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%);
    background-image: -o-linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%), -o-linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%);
    background-image: -ms-linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%), -ms-linear-gradient(-225deg,#57C9F3 0%, #57C9F3 0%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#57C9F3, endColorstr=#57C9F3);/*IE<9>*/
    background-size: 10px 2px, 2px 10px;
}
.tree .expandable .hitarea:hover {
    /* background-position:0 -15px; */
}
.tree .expanded .hitarea {
    /* background-position:-15px 0; */
    background-image: linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px;
}
.tree .expanded .hitarea:hover {
    /* background-position:-15px -15px; */
}
.tree .txtarea {
    display:inline-block;
+display:inline;
+zoom:1;
    vertical-align:middle;
}
.tree div.expandable .txtarea {

}
.tree div.expanded .txtarea {

}
.tree div.active .txtarea {

}

a.selectree {
    border-width:1px;
    border-style:solid;
    border-color:#888 #ddd #ddd #888;
    display:inline-block;
    line-height:16px;
    padding:2px 16px 2px 5px;
    background:#fff url(tree.png) no-repeat right -30px;
    cursor:pointer;
    min-width:35px;
    outline:none;
    vertical-align:middle;
}
a.selectree:hover,
a.selectree:focus {
    border-color:#555 #bbb #bbb #555; background-position: right -52px;
}
.selectree span,
.placetree span {
    display:inline-block;
    +display:inline;
    +zoom:1;
    line-height:16px;
    font-size:14px;
    white-space:nowrap;
}
.selectree em {
    font-weight:bold;
}
.tree.selectree {
    background-color:#fff;
    border:#cccccc 1px solid;
    display:none;
    z-index:999998;
    position:absolute;
    margin:0;
    padding:2px;
    overflow:auto;
    max-height:300px;
}
.tree.placetree {
    background-color:#fff;
    margin:0;
}
.tree.selectree .txtarea input,
.tree.placetree .txtarea input {
    margin:1px 0 2px;
    margin-top:-2px\9;
    vertical-align:middle;
}
.tree.selectree .txtarea span,
.tree.placetree .txtarea span {
    margin-left: 2px;
}
.tree .active-bit{
    background: #57C9F3;
    box-shadow: 0 2px 4px 0 rgba(255,79,83,0.50);
    border-radius: 2px;
}
.tree .active-bit span{
    color: #fff !important;
}
.tree .itemarea:hover{
    border-color: rgba(0,0,0,0) !important;
    background-color: #F0F0F0 !important;
}