﻿/*导航条*/
.container>ul{
    display: block;
    padding-left: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #77bff1;
}

/*导航条项目*/
.container>ul>li {
    float:left;
    width:100px;
    position:relative;
    text-align: center;
    background: #77bff1;
    height:35px;
    /* border: 1px solid; */
    list-style: none;
    font-size: 12px;
    color: #fff;
    padding: 5px 2px;
    cursor: pointer;

}
/*导航条鼠标经过*/
.container>ul>li:hover,.container>ul>li:visited,.container>ul>li:active {
    background: #1d98ed;
}


/*子菜单*/
.container .sub{
     display:none;
    position: absolute;
    z-index: 9999;
    padding: 0px;
    width: 200px;
    text-align: left;
    line-height: 30px;
    list-style: none;
    background:#fff;
    color:#000;
    border:1px solid #000;
    left:100%;
    top:0px;
    /*max-height:300px;*/
    /*overflow-y:scroll;*/
    overflow-x:visible;
}

.container>ul>li .rightsub{
     left:auto;
     right:100%;
}




/*第一级子菜单*/
.container>ul>li:hover>.sub{
    top:35px;
    left:0px;
}


/*子菜单*/
.container li:hover>.sub{
    display:block;
    /*position: absolute;
    z-index: 9999;
    padding: 0px;
    width: 200px;
    text-align: left;
    line-height: 30px;
    list-style: none;
    background:#fff;
    color:#000;
    border:1px solid #000;
    top:26px;
    left:0px;
    max-height:300px;
    overflow-y:auto;*/
  
}
/*没子节点的元素*/
.container>ul>li li{
    padding-left:10px;

}

/*没子节点的元素鼠标经过*/
.container>ul>li li:hover{
   background: #1d98ed;
   color:#fff;

}
/*有子节点的元素*/
.container>ul>li li.haschild{
    position:relative;
     background: #fff url(/Quotation/css/icons/arrow.gif) 89% 12px no-repeat;
}
 /*有子节点的元素鼠标经过*/  
.container>ul>li li:hover.haschild{
     background: #1d98ed url(/Quotation/css/icons/arrow.gif) 89% 12px no-repeat;
}

/*北部位*/
.layout-panel-north{
        overflow: visible !important;
}
   
/*北部位*/
.layout-panel-north .panel-body{
        overflow: visible !important;
}


/*.container>ul>li>.sub li ul{
    display:none;
    position:absolute;
    left:-4px;
}

.container>ul>li>.sub li:hover ul{
    display:block;
    position:absolute;
    left:-4px;
}*/