/* 颜色 *//* 颜色 *//* 字体大小 *//* 字体大小 *//* 像素大小 *//* 像素大小 *//* 清除浮动 */
.my-nav
{
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.my-nav .logo
{
    width: 128px;
}
.my-nav .nav-wrap
{
    height: 100%;
}
.my-nav .nav-wrap .level-one-wrap
{
    float: left;
    width: 140px;
    text-align: center;
    height: 100%;
    cursor: pointer;
    position: relative;
}
.my-nav .nav-wrap .level-one-wrap .level-one
{
    font-size: 18px;
    position: relative;
    line-height: 70px;
    transition: all .1s linear;
}
.my-nav .nav-wrap .level-one-wrap .level-one a:hover
{
    color: #fff;
}
.my-nav .nav-wrap .level-one-wrap .level-two-wrap
{
    display: none;
    position: absolute;
    width: 140px;
    z-index: 100;
    color: #4d4d4d;
    background-color: rgba(255,255,255,.8);
    align-items: center;
    justify-content: center;
}
.my-nav .nav-wrap .level-one-wrap .level-two-wrap .level-two
{
    line-height: 70px;
    min-width: 140px;
    position: relative;
    transition: all .1s linear;
}
.my-nav .nav-wrap .level-one-wrap .level-two-wrap .level-two:hover
{
    color: #fff;
    background-color: #339763;
}
.my-nav .nav-wrap .level-one-wrap .level-one:hover
{
    color: #fff;
    background-color: #339763;
}
.my-nav .nav-wrap .level-one-wrap:hover .level-two-wrap
{
    display: flex;
    flex-direction: column;
}
.level-one a, .level-two a
{
    width: 100%;
    height: 100%;
    display: inline-block;
}/*# sourceMappingURL=nav.css.map */