.navitems {
    width: 100%;
    float: left;
}
.navitem {
    float: left;
    padding: 0px 15px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}
.navitem-xiala {
    width: 150%;
    min-height: 60px;
    position: absolute;
    top: 50px;
    left: -40%;
    background-color: #1e1e28;
    color: #b5b5b5;
    z-index: 9999;
    border: 1px solid #eee;
    line-height: 40px;
    margin: 0px 10px;
    padding: 10px 0px;
}
.navitem-xiala::after{
    content:"";
    position:absolute;
    top:-10px;
    left:43.4%;
    border-bottom:10px solid #1e1e28;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
}
.navitem-xiala:before{
    content:"";
    position:absolute;
    top:-12px;
    left:42%;
    border-bottom:12px solid #fff;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
}
.navitem-xl-list {
    height: 40px;
}
.navitem-xl-list:hover {
    background-color: #696969;
}