[v-cloak] {
    display: none;
}
.layout{
    background: #FFF;
    position: relative;
    overflow: hidden;
    min-height:100vh;
}
.ivu-layout-has-sider{

}
.ivu-layout-sider{
    /*box-shadow: 1px 0 6px rgba(0,21,41,.2);*/
    background: #FFF;
}
.layout-header-bar{
    background: #FFF;
    /*background-image: linear-gradient(to right, #654EE4 , #2DAFE1);*/
    display: flex;
    justify-content:space-between;
    padding:0 15px 0 0px;
    height: 48px;
    line-height: 48px;
    /*border-bottom: 1px #DCDEE2 solid;*/
    /*color: #FFF;*/
}
.layout-logo-left{
    height: 48px;
    font-size: 26px;
    color: #FFF;
    width: 62px;
    text-align: center;
}
.layout-logo-left img{
    height: 26px;
    margin-top: 10px;
}

.ivu-menu{
    z-index: 100;
}
.active{
    cursor: pointer;
}

.ivu-menu.ivu-menu-vertical .ivu-menu-opened {
    background: #FFF;
}

.ivu-menu.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
    color: #428AE2;
    background: #E8F4FF;
    z-index: 2;
}
.ivu-menu.ivu-menu-vertical .ivu-menu-item:hover,.ivu-menu.ivu-menu-vertical .ivu-menu-submenu-title:hover{
    background:#E8F4FF;
}
.ivu-menu.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after {
    content: '';
    display: block;
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #428AE2;
}
.ivu-card-head p.card_title{font-size: 20px;line-height: 33px;height: 33px}

.ivu-row {
    width: 100%;
}

.menu-zhe{
    width: 62px;
}

.menu-zhe:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #DCDEE2;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.ivu-breadcrumb{
    padding:0px 15px ;height:48px;line-height: 48px;
    /*border-bottom: 1px #dcdee2 solid;*/
    /*background: #FFF;*/
}
.ivu-breadcrumb-item-link{
    color: #808695;
}
.ivu-breadcrumb>span:last-child {
    font-weight: unset;
}

.main-sider{
    height: calc(100vh - 48px);
}
.main-menu{
    height: calc(100vh - 48px); overflow: auto;width: 62px;display: inline-block;background: #17233d;color: #515a6e; font-size: 12px;
}
.main-menu .ivu-icon{
    display: block;
}
.main-menu-a{
    text-align: center; padding: 15px 5px;display: block;color: #ADB2B9;background: #17233d;
}
.main-menu-a:hover{
    text-align: center; padding: 15px 5px;display: block;color: #FFF;background: #2d8cf0;
}
.main-menu-select{
    text-align: center; padding: 15px 5px;display: block;color: #FFF; background: #2d8cf0;
}
.main-menu-select:hover{
    text-align: center; padding: 15px 5px;display: block;color: #FFF; background: #2d8cf0;
}
.main-submenu{
    height: calc(100vh - 48px - 48px); overflow: auto;width: 253px;display: inline-block;background: #FFF;margin-left: -4px;
}
.DropIcon{
    width: 62px;display: block;text-align: center;margin-top: 30px;color: #808695;
}

::-webkit-scrollbar
{
    width: 10px;  /*滚动条宽度*/
    height: 10px;  /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    border-radius: 5px;  /*滚动条的背景区域的圆角*/
    background-color: #e6e6e6;/*滚动条的背景颜色*/
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 5px;  /*滚动条的圆角*/
    background-color: #bfc1c4;  /*滚动条的背景颜色*/
}
::-webkit-scrollbar-thumb:hover
{
    border-radius: 5px;  /*滚动条的圆角*/
    background-color: #428AE2;  /*滚动条的背景颜色*/
}

.ivu-menu-light {
    background: none;
}

/*.ivu-menu-vertical .ivu-menu-item, .ivu-menu-vertical .ivu-menu-submenu-title {*/
/*    padding: 14px 4px 14px 14px;*/
/*}*/
.ivu-menu-vertical .ivu-menu-submenu-title-icon {
    right: 14px;
}

.ivu-menu-submenu-title span>i, .ivu-menu-submenu-title>i {
    margin-right: 4px;
}

.ivu-menu {
    position:unset;
}

.top-ul{
    display:flex;list-style-type: none
}
.top-ul li{
    margin: 0px 0px; line-height: 48px; padding: 0 0px;
}
.top-ul li:hover{
    background: #FFF; color: #428AE2
}
.top-ul li.hover{
    background: #F5F7F9; color: #428AE2
}
.top-ul li.hover a{
    color: #428AE2
}
.top-ul li a{
    color: #FFF; line-height: 48px;padding: 0 15px;display: block;
}
.top-ul li:hover a{
    color: #428AE2;
}

.header_hospital .ivu-drawer-body {
    padding: 0px;
}
.header_hospital .ivu-drawer-wrap {
    z-index: 1100;
}