.nav-container{
   
    background-color:rgba(7,69,140,1);
   
}
.main .list{
    border-bottom:1px dashed #dedede;
    padding-bottom:20px;
    margin-bottom:10px;
}
.main .list li{
    height:50px;
    overflow:hidden;
}
.main .list li a{
    float:left;
    font-size:14px;
    color:#545454;
    width:80%;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    transition:.4s;
    padding-left:20px;
    line-height:50px;
    background-image:url(../img/trang.png);
    background-repeat:no-repeat;
    background-position:left center;
}
.main .list li:hover a{
    transform:translateX(10px);
    background-image:url(../img/trang-blue.png);
    color:#0964d5;
}
.main .list li span{
    float:right;
    font-size:14px;
    color:#666;
    line-height:50px;
}
.page{
    width:350px;
    margin:0 auto;
    margin-bottom:20px;
    height:40px;
}
.page a{
    float:left;
    margin:0 4px;
    border:1px solid #dedede;
    padding:4px;
    font-size:14px;
    color:#545454;
}
@media all and (max-width:768px){
    .header .wrap{
        background:none;
    }
    .banner{
        margin:0;
        width:100%;
        min-width:auto;
    }
    .main{
        width:auto;
        margin:0 10px;
        min-width:auto;
    }
    .main .list li a{
        width:70%;
        font-size:14px;
    }
    .main .list li span{
        font-size:14px;
    }
}