/* #####################################
作者:Rebecca
联系:wyyklh123@126.com
日期:2020-06-20
menu的菜单样式
####################################### */

nav {
    background-color: white;
    border-bottom: 0.5px solid #8b8989;
    border-top: 0.5px solid #8b8989;
    margin-top: 20px;
    margin-bottom: 20px;
}

nav ul {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

nav ul li a:link,
ul li a:hover,
nav ul li a:visited {
    display: block;
    padding: 8px;
    color: #8b8989;
    ;
    font-family: "STKaiti", "华文行楷", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "Nimbus Sana L", Arical, "Liberation Sans", "Ping Fang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", SimHei, "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 120%;
    font-weight: bolder;
    text-decoration: none;
}

nav a:hover {
    background-color: rgba(0, 0, 0, .05);
}

nav ul li.bei {
     margin-left: auto;
}

/*从第二个开始有竖杠*/
nav ul li:nth-child(n+2) {
    border-left: 0.5px solid #8b8989;

}

nav ul li:nth-child(n+3) {
    border-right: 0.5px solid #8b8989;
}

li.dropdown {
    position: relative;
}

li.dropdown:hover ul.dropdown-content {
    display: block;
    position: absolute;
    z-index: 1;
    background-color: ;
    width: 100%;
}

ul.dropdown-content {
    display: block;
    display: none;
}

li.dropdown ul.dropdown-content li {
    border-left: none;
    border-right: none;
}

/*自适应样式*/

/* 炒鸡小屏手机 (phones, 600px and down) */

@media only screen and (max-width: 600px) {

    nav#menu {
        display: block;
    }

    /* 中等手机以及竖屏平板 (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        }

        /* 横屏平板 (landscape tablets, 768px and up) */

        @media only screen and (min-width: 768px) {
        }

        /* 中小型笔记本电脑及台式机 (laptops/desktops, 992px and up) */

        @media only screen and (min-width: 900px) {
            
        }

        /* 宽屏笔记本及台式机 (large laptops and desktops, 1200px and up) */

        @media only screen and (min-width: 1200px) {}