﻿
/**/
.tree {
    color: #4072af;
    width: 100%;
    margin: .625rem 0px 0 0px;
}
    .tree ul,.tree li {padding:0;margin:0px;
        list-style: none;
    }

    .tree li, .tree li > a, .tree li > span {
    }

        /**/ .tree li > span {
            position: absolute;
            right: 0px;
            top: 0px;
            display: inline-block;
            width: 3rem;
            height: 3rem;
            text-align: left;
        }

        /*文字*/ .tree li a {
            transition: all 0.3s ease 0s;
            color: #333;
            text-decoration: none;
            line-height: 1.5rem;
            display: inline-block;
            padding: .625rem 2rem .625rem 0px;
            width: 100%;
            font-size: 1rem;
            text-transform: capitalize;
        }

            .tree li a:hover {
                background: #f2f2f2;
            }

        .tree li:last-child a {
        }

        /*2级文字*/ .tree li li a {
            padding: .625rem 0rem .625rem 1.25rem;
            display: block;
            color: #888;
            font-size: 1rem;
            font-weight: normal;
        }

           

        /*2级文字*/ .tree li li li a {
            padding: .625rem 40px .625rem 1.25rem;
            display: block;
            color: #777;
            font-size: .9rem;
        }

           

.active {
    color: #f4511e;
}

    .active a {
    }

.tree li a.active:hover {
}

/*总*/ .tree-box {
    padding: 0px 0px 0 0px;
    margin: 0px 0 0 0;
    background: none;
}

/*模块*/ .tree {
    position: relative;
}

    /*1级列表*/
    .tree li {
        position: relative;
        border-bottom:1px #4072af solid;
        
    }

        .tree li ul {
            padding: 0 .625rem;
        }

        .tree li li {
            border-bottom: 0;
        }

            .tree li li:last-child {
            }

        .tree li ul {
            padding: 0px 0 0px 0;
            border-bottom: none;
            background: #fff;
            background: #fff;
        }

        .tree li li li {
            position: relative;
        }

        .tree li li ul {
            position: relative;
            border-bottom: none;
        }

        .tree li li ul {
            background: #f5f5f5;
        }

        /*1级符号*/ .tree li a:before {
            content: "";
            /* background: url(../images/fen-cp.png) no-repeat; */ /* font-family: "fontawesome"; */
            position: absolute;
            left: 0px;
            top: .125rem;
            width: .5rem;
            height: .5rem;
            font-size: 1rem;
            color: #ccc;
            vertical-align: middle;
            padding-right: 0px;
            display: none;
        }

        /*2级符号*/ .tree li li a:before {
            content: "\f105";
            font-family: "Font Awesome 5 Pro";
            background: none;
            position: absolute;
            left: .5rem;
            top: .5rem;
            font-size: .9rem;
            color: #808080;
            vertical-align: middle;
            padding-right: 0px;
        }

        /*3级符号*/ .tree li li li a:before {
            content: "\f101";
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            left: 1.5rem;
            top: .5rem;
            font-size: .9rem;
            color: #777;
            vertical-align: middle;
            padding-right: 0px;
            display: none;
        }

        /*接触动画*/ .tree li:hover > a {
            background-color:;
            color: #fff;
            padding: .625rem 0px .625rem 0px;
        }

        .tree li:hover > a {
            color: #222;
            padding: .625rem 0rem .625rem 0px;
        }

            .tree li:hover > a:before {
                background: url(../images/fen-cp-01.png) no-repeat;
            }

        /*----------------------------------------------*/ .tree li li:hover > a {
            background: none;
            color: #222;
            background: #fff;
            padding: .625rem 0rem .625rem 1.25rem;
        }

            .tree li li:hover > a:before {
                color: #222;
                background: none;
            }

        .tree li li:hover li a:before {
        }

        /*----------------------------------------------*/ .tree li li li:hover > a {
            color: #222;
            padding: .625rem 40px .625rem 1.25rem;
        }

            .tree li li li:hover > a:before {
                color: #222;
            }

        /*----------------------------------------------*/ /*展开的一级*/

        .tree li.tree-opened > a {
            color: #f2f2f2;
            padding: .625rem 0rem .625rem 0px;
            background: #4072af;
            text-indent:1em;
        }

        .tree li li.tree-opened > a {
            color: #222;
            padding: .625rem 2rem .625rem 1.25rem;
            color: #222;
            border-bottom: 1px solid #e5e5e5;
            background: #fff;
        }

            .tree li li.tree-opened > a:before {
            }

        /*动画*/ .tree li.tree-empty:hover > .toggler::before {
            color: #222;
        }

        .tree li.tree-closed:hover > .toggler::before {
            color: #222;
        }

        .tree li.tree-opened:hover > .toggler::before {
            color: #222;
        }

        .tree li li.tree-empty:hover .toggler::before {
            color: #fff;
        }

        .tree li li.tree-closed:hover .toggler::before {
            color: #222;
        }

        .tree li li.tree-opened:hover .toggler::before {
            color: #222;
        }
        .tree>li > .toggler:before {
            content: "+";
            width: 100%;
            height: 100%;
            color: #222;
            padding: 0px 0 0 0;
            font-size: 1.2rem;
            text-align: center;
            line-height: 3rem;
            font-weight: bold;display:block;
        }
    .tree > li.tree-opened > .toggler:before {
        content: "-";
        width: 100%;
        height: 100%;
        color: #fff;
        padding: 0px 0 0 0;
        font-size: 1.2rem;
        text-align: center;
        line-height: 3rem;
        font-weight: bold;
        display: block;
    }
/*tree.end*/ .mtree-skin-selector {
    display: none;
}
