.UIBar{ z-index: 900; position: fixed; top: 0px; left: 0px; width: 100%; min-width: 980px; height: 60px; background-color: #2061a5; }
/* .UIBar .logo{ float: left; position: relative; width: 55px; height:56px; top: 4px; line-height: 60px;margin-left: 9px;background-color: white;}
.UIBar .logo a{ position: absolute; width: 100%; height: 60px; z-index: 100; left: 0px; top: 0px; background-color: transparent; opacity: 0; } */
.UIBar>ul{ list-style: none; position: relative; float: left; width: auto; height: 60px; }
.UIBar>ul>li{ position: relative; float: left; height: 60px; width: auto; min-width: 80px; text-align: center; line-height: 60px; color: white; font-size: 0.875rem;overflow: hidden; opacity: 1; }
.UIBar>ul>li .UIImageView{ position: relative; margin: 9px 18px 9px 9px; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #8F8F8F; }
.UIBar>ul>li .UIImageView .UIImage{ left: 0px; top: 0px;height:40px; }
.UIBar>ul>li .UITextField{ position: relative; width: 120px; padding-right: 30px; height: 30px; margin: 15px; background-color: #6E6E6E; }
.UIBar>ul>li .UITextField input{ position: absolute; left: 0px; top: 0px; width: 110px; height: 30px; border: none; background-color: transparent; color: white;
    padding: 0px 8px; }
.UIBar>ul>li .UITextField .mdi-magnify{ position: absolute; top: 0px; right: 8px; line-height: 30px; color: white; font-weight: 800; font-size: 1.25rem; }

.UIBar>ul>li.ON{ font-weight: 800; color: white; opacity: 1; }
.UIBar>ul>li:hover{ overflow: visible; }
.UIBar>ul>li:hover .UIPopView{ top: 60px; }
.UIBar>ul>li .UIPopView{ position: absolute; top: 66px; right: 10px; width: 150%; height: auto; background-color: #F5F5F5; box-sizing: border-box;
    border: 1px solid #CCCCCC; padding: 0px 0px; border-radius: 2px; }
.UIBar>ul>li .UIPopView:before{ position: absolute; content: ''; right: 33px; top: -5px; background-color: #f5f5f5; width: 8px; height: 8px;
    border: 1px solid #cccccc; -webkit-transform: rotate(45deg); border-right: none; border-bottom: none; }
.UIBar>ul>li .UIPopView a{ display: block; position: relative; width: 100%; height: 40px; line-height: 40px; color: #666666; border-bottom: 1px solid #cccccc; font-size: 0.875rem; }
.UIBar>ul>li .UIPopView a i{ margin-right: 8px; }
.UIBar>ul>li .UIPopView a:nth-last-of-type(1){ border-bottom: none; }

.UINavigation{ z-index: 700; position: fixed; top:60px; left: 0px; width: 165px; height: 100%; background-color: #1890ff; box-sizing: border-box;
    overflow-y: auto; }
.UINavigation ul{ list-style: none; width: 100%; height: auto; }
.UINavigation ul li{ position: relative; width: 100%; padding-top: 30px; height: 70px; color: white; background-color: transparent;
    border-bottom: 1px solid #40a9ff; border-top: 1px solid #3D8EC2; opacity: 1; }
.UINavigation ul li:nth-of-type(1){ border-top: none; }
.UINavigation ul li:nth-last-of-type(1){ border-bottom: none; }
.UINavigation ul li:hover{ opacity: 1; }

.UINavigation ul li a{ z-index: 10; display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: transparent; opacity: 0; cursor: pointer; }

.UINavigation ul li p{ position: absolute; bottom: 0px; left: 0px; width: 100%; color: #dcdfe6; text-align: center; line-height: 44px; font-weight: 700; font-size: 0.875rem; }
.UINavigation ul li:hover p{ color: white; }
.UINavigation ul li.ON p{ color: white; }

.UINavigation ul li.showBadgeNumber:before{ position: absolute; content: attr(badgeNumber); width: auto; padding: 0px 8px; height: 16px; right: 8px; top: 8px; border-radius: 10px;
    background-color: white; color: #FD7476; text-align: center; line-height: 16px; font-size: 0.875rem; font-weight: 800; }
.UINavigation ul li.showBadgeNumber:after{ position: absolute; content: ''; width: 0px; height: 0px;
    border: 4px solid transparent; border-top-color: white; top: 24px; right: 18px; }

.UIWrapperView{ position: absolute; top: 60px; left: 165px; width: calc( 100% - 165px );  height: auto; box-sizing: border-box; background-color: white; }
 .UINavigation ul li img{width:28px;height:28px;margin: 5px 0px 0px 10px;}
 .UINavigation ul li{height:40px;line-height:40px;background-color:#40a9ff;padding:0;}
.UIBar .ulBac{margin-left:60px;}
.UIBar>ul.percenter{float:right;}
.UIBar>ol li{position: relative;
    float: left;
    height: 60px;
    width: auto;
    min-width: 80px;
    text-align: center;
    line-height: 60px;
    color: white;
    font-size: 0.875rem;
    overflow: hidden;
    opacity: 0.9;}