zj-Exercise/js/exercise/css/style.less

// 设置顶部导航栏
.top-bar{
    // 设置外部容器样式
    width: 100%;
    height: 35px;
    background-color: #f5f5f5;
    font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
    // 设置内部容器的样式
    .top-bar-wrapper{
        width: 1190px;
        height: 35px;
        margin: 0 auto;
        // background-color: yellow;
        display: flex;
        justify-content: space-between;
        .top-bar-left,
        .top-bar-right{
            display: flex;
            line-height: 35px;
            a{
                text-decoration: none;
                color: #6C6C6C;
            }
            li{
                padding: 0 6px;
            }
        }
        .top-bar-left{
            .font_hightlight{
                color: #f22e00;
            }
            ._arrow{
                width: 12px;
                height: 6px;
            }
            .region-item-list{
                display: none;
                width: 300px;
                height: 300px;
            }
            .region-list{
                .region-ch:hover{
                    display: block;
                }
            }
        }
        .top-bar-right{
            .icon_hightlight{
                color: #f40;
            }
            .ver{
                padding: 0 5px;
                color: #ddd;
            }
            ._arrow{
                font-size: 12px;
            }
        }
    }
}
.region-list:hover .region-item-list{
    display: block;
}