/*  主要样式 */
.ddsmoothmenu {
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: #494a54;
}

    .ddsmoothmenu ul .top_li {
        position: relative;
        display: inline;
        float: left;
        border-left: 1px solid #fff;
    }

        .ddsmoothmenu ul .top_li:last-child {
            border-right: 1px solid #fff;
        }

.menu_ul {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    /*background-color: #f2f2f2;*/
    display: inline-block;
    min-width: var(--contentWidth);
}

    .menu_ul li {
        float: left;
        position: relative;
    }
        /*这一级是导航*/
        .menu_ul li a {
            display: block;
            line-height: 35px;
            text-decoration: none;
            padding: 0px 20px;
            color: #FFFFFF;
            white-space: nowrap;
        }

            .menu_ul li a:hover {
                color: #23527c;
            }

            .menu_ul li a.more:after {
                content: " »";
            }

        .menu_ul li ul {
            position: absolute;
            float: left;
            min-width: 150px;
            border: 1px solid #D2D2D2;
            display: none;
            background-color: #FFFfff;
            z-index: 9999;
        }
            /*这是第二级菜单*/
            .menu_ul li ul li {
                width: 100%;
            }

            .menu_ul li ul a {
                min-width: 110px;
                text-decoration: none;
                color: #333333;
                white-space: nowrap;
            }

                .menu_ul li ul a:hover {
                    /*background: #f2f2f2;*/
                    text-decoration: underline;
                }

            .menu_ul li ul ul {
                top: 0;
                left: 150px;
            }

    .menu_ul .top_li {
        min-width: calc((var(--contentWidth)/7) - 2px);
    }
/*从第三级菜单开始,所有的子级菜单都相对偏移*/