.navwrap{

    width:100%;

    height:100%;

    position:fixed;

    top:0;

    left:0;

    overflow-y:scroll;

    padding-top:54px;

    z-index:90;

    display:none;

}



.list_dl{

    width:100%;

    height:auto;

    padding-bottom:64px;

}

.list_dt{

    background: #0a4975;

    color: #fff;

    width: auto;

    padding: 0 40px 0 20px;

    height: 40px;

    line-height: 40px;

    cursor: pointer;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    border-bottom: 1px solid #464646;

}

.list_dt a{color:#fff;font-size:16px;}

.list_dt:hover{

    background: rgba(10,73,117,0.8);

}

.list_dt:hover ._after{

    display: block;

    width: 3px;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #4285F4;

}

#open{

    background: rgba(10,73,117,1);

}

#open ._after{

    display: block;

    width: 3px;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #4285F4;

}

.list_dt_icon{

    position: absolute;

    right: 10px;

    top: 9px;

    display: block;

    width: 16px;

    height: 16px;

    background: url("../images/off.png") no-repeat;

}

#open .list_dt_icon{

    background: url("../images/open.png") no-repeat;

}

.list_dd{

    display: none;

}

.list_li{

    background: rgba(10,73,117,0.8);

    list-style-type: none;

    color: #fff;

    width: auto;

    padding: 0 30px;

    height: 40px;

    line-height: 40px;

    cursor: pointer;

    border-bottom: 1px solid #6b6b6b;

}

.list_li a{color:#fff;font-size:14px;}