/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* HTML5 display-role reset for older browsers */

* {
    box-sizing: border-box;
}

.menu {
    width: 100%;
    height: 66px;
    background: #0057c7;
    display: flex;
    justify-content: center;
    font-size: 15px;
    z-index: 999;
}

.menu * {
    box-sizing: border-box;
}

.menu .ul-list {
    width: 1300px;
    display: flex;
}

.menu .ul-list>li {
    flex: 1;
    position: relative;
}

.menu .ul-list>li:last-child {
    border-right: none;
}

.menu .ul-list>li>a {
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
}

.menu .ul-list>li>a:hover,
.menu .ul-list>li>a.on {
    background: #1e2188;
}

.menu .ul-list>li>span {
    color: #fff;
    font-size: 14px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0057c7;
}

.menu .ul-list>li:hover .ol-list {
    display: block;
}

.menu .ol-list {
    display: none;
    position: absolute;
    width: 100%;
    top: 66px;
    left: 0;
    background: #1b1e74;
    border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -ms-border-radius: 0px 0px 8px 8px;
    -o-border-radius: 0px 0px 8px 8px;
    /* overflow: hidden; */
    z-index: 999;
}

.menu .ol-list li {
    border-bottom: 1px dashed #ffffff33;
}

.menu .ol-list li:first-child {
    border-top: 1px dashed #ffffff33;
}

.menu .ol-list li:last-child {
    border-bottom: 0;
}

.menu .ol-list>li>a {
    text-decoration: none;
    color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 6%;
}

.menu .ol-list>li>a:hover {
    color: white;
    background: #0057c7;
}

.menu .ul-list>li>a:hover,
.menu .ul-list>li:hover {
    background-color: #1b1e74;
}