<div class="ui-menu-item">
   <a href="#" class="ui-menu-item-department">内科</a>
   <a href="#" class="ui-menu-item-disease">高血压</a>
   <a href="#" class="ui-menu-item-disease">冠心病</a>
   <div class="ui-menu-item-detail">
       <div class="ui-menu-item-detail-group">
           <div class="ui-menu-item-detail-group-caption">内科</div>
       </div>
       <div class="ui-menu-item-detail-list">
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
           <a href="">呼吸内科</a>
       </div>
   </div>
</div>

/*ui-menu-item*/
.ui-menu-item{
   height: 22px;
}
.ui-menu-item:hover{

}
.ui-menu-item-department{
float: left;
}
.ui-menu-item-disease{
   float: right;
   color: #d7f3ff;
   font-size: 12px;
   /*padding-left: 5px;*/
   /*height: 22px;*/
   /*line-height: 22px;*/
}
.ui-menu-item-detail{
   display: none;
}