style.css

html, body, dl, dt, dd {
    margin: 0;padding:0;
}
body {
    background: #f3f5f6;
}
@media only screen and (max-width: 768px){
    .menu{
        margin:0;
        width:100%;
    }
}
@media only screen and (min-width: 769px){
    .menu {
        margin: 50px auto;
        width: 300px;
    }
}
.menu {
    padding: 10px 10px;
    box-shadow: 0 0 3px 2px #e9ebec;
}
.myMenu {
    margin-bottom: 3px;
}
/*一级菜单*/
.fMenu {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    /*border:1px solid #67a1ff;*/
    border-radius: 3px;
    background: #128fdc; /*4d90fe;*/
    color: white;
    font-size: 19px;
}
/*二级菜单*/
.sMenu {
    /*display: none;*//*取消二级菜单的隐藏弹出效果*/
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .sMenu dd a {
        display: block;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        background: #fafafa; /*#4488f8*/
        color: #7f96a3;
        border-radius: 3px;
    }

.myMenu:hover .sMenu {
    display: block;
}
/*鼠标移动到一级菜单上时显示二级菜单*/
.fMenu:hover {
    color: white;
    background: #0063dc;
    /*border:1px solid #0063dc;*/
}



.sMenu dd a:hover {
    height: 28px;
    line-height: 28px;
    background: #fafafa; /*#4488f8*/
    color: #7f96a3;
    border: 1px solid #0063dc;
}