.ad[data-v-8c2c9358] {
    padding: 10px
}

/*.ad[data-v-8c2c9358] img {*/
/*    max-width: 300px!important;*/
/*    height: auto!important*/
/*}*/

[data-v-8c2c9358] .el-drawer__header {
    align-items: center;
    color: #72767b;
    display: flex;
    margin-bottom: 0;
    padding: 20px 0 10px 20px
}

.ad-notification {
    border-left: 4px solid #ff6b6b!important;
    box-shadow: 0 8px 24px rgba(0,0,0,.15)!important;
    border-radius: 12px!important;
    background: linear-gradient(135deg,#fff,#f8f9ff)!important;
    -webkit-animation: slideInRight .4s cubic-bezier(.68,-.55,.265,1.55)!important;
    animation: slideInRight .4s cubic-bezier(.68,-.55,.265,1.55)!important
}

.ad-notification:hover {
    transform: translateY(-2px)!important;
    box-shadow: 0 12px 32px rgba(0,0,0,.2)!important;
    transition: all .3s ease!important
}

.ad-notification .el-notification__title {
    margin-bottom: 8px!important
}

.ad-notification .el-notification__content {
    margin: 0!important
}

.ad-notification .el-notification__closeBtn {
    color: #999!important
}

.ad-notification .el-notification__closeBtn:hover {
    color: #ff6b6b!important;
    transform: rotate(90deg)!important;
    transition: all .3s ease!important
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translateX(400px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(400px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

#app[data-v-0c722441] {
    width: 100vw;
    max-width: 100vw;
    overflow-x: hidden
}

#top[data-v-0c722441] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 12px 16px;
    background: #fff;
    border-bottom: 1px solid #f1f3f6;
    white-space: nowrap;
    overflow: hidden;
    height: 64px
}

#top .logo_span[data-v-0c722441] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    cursor: pointer
}

#top .logo_span .logo_img[data-v-0c722441] {
    width: 42px;
    padding-right: 10px;
    vertical-align: middle
}

#top .logo_span .logo_text[data-v-0c722441] {
    vertical-align: middle;
    font-size: 20px;
    line-height: 24px;
    text-decoration: none;
    font-weight: 700;
    /*color: #c03*/
    color: #667eea
}

#top[data-v-0c722441]:hover {
    overflow-x: auto
}

#menu[data-v-0c722441] {
    width: 200px;
    min-width: 200px;
    border-right: 1px solid #e8edf3;
    background-color: #fbfcfe;
    height: 100vh;
    transition: width .2s ease,min-width .2s ease
}

#menu.collapsed[data-v-0c722441] {
    width: 64px;
    min-width: 64px
}

#menu.collapsed #top[data-v-0c722441] {
    justify-content: center;
    padding: 10px 8px
}

#menu.collapsed #top .logo_span[data-v-0c722441] {
    justify-content: center
}

#menu.collapsed #top .logo_img[data-v-0c722441] {
    width: 38px;
    padding-right: 0
}

#menu .el-menu[data-v-0c722441] {
    height: calc(100vh - 64px);
    overflow: hidden;
    border-right: none;
    list-style: none;
    position: relative;
    margin: 0;
    background-color: transparent!important;
    font-weight: 500;
    text-decoration: none;
    color: #2c3e50;
    padding: 10px 10px 18px;
    box-sizing: border-box
}

#menu .el-menu[data-v-0c722441]:hover {
    overflow-y: auto
}

#menu .el-menu-vertical-demo[data-v-0c722441]:not(.el-menu--collapse) {
    width: 100%;
    min-height: 400px
}

#menu .el-menu--collapse[data-v-0c722441] {
    list-style: none;
    border-right: none;
    width: 100%;
    font-weight: 600;
    text-decoration: none;
    color: #2c3e50;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 6px
}

#menu[data-v-0c722441] .el-submenu {
    margin: 4px 0
}

#menu[data-v-0c722441] .el-submenu+.el-submenu {
    margin-top: 8px
}

#menu[data-v-0c722441] .el-submenu__title {
    height: 36px;
    line-height: 36px;
    padding: 0 30px 0 12px!important;
    border-radius: 6px;
    color: #717c8c!important;
    font-size: 13px;
    font-weight: 600;
    transition: background-color .2s ease,color .2s ease
}

#menu[data-v-0c722441] .el-submenu__title:hover {
    background-color: #f4f6f9!important
}

#menu[data-v-0c722441] .el-submenu.is-opened>.el-submenu__title {
    background-color: #f7f9fc!important;
    color: #465568!important
}

#menu[data-v-0c722441] .el-submenu__icon-arrow {
    right: 12px;
    margin-top: -5px;
    color: #98a2b3
}

#menu[data-v-0c722441] .el-menu-item {
    min-width: 0;
    height: 36px;
    line-height: 36px;
    margin: 2px 4px;
    padding: 0 12px 0 24px!important;
    border-radius: 6px;
    color: #344054!important;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    transition: background-color .2s ease,color .2s ease,box-shadow .2s ease
}

#menu[data-v-0c722441] .el-menu-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#menu[data-v-0c722441] .el-menu-item:hover {
    background-color: #f4f6f9!important
}

#menu[data-v-0c722441] .el-menu-item.is-active {
    background-color: transparent!important;
    /*color: #c03!important;*/
    color: #667eea!important;
    font-weight: 600;
    box-shadow: none
}

#menu[data-v-0c722441] .el-menu--inline {
    padding: 4px 0 8px;
    background-color: transparent!important
}

#menu.collapsed[data-v-0c722441] .el-submenu__title {
    padding: 0!important;
    text-align: center
}

#menu.collapsed .menu-icon[data-v-0c722441] {
    width: 100%;
    margin-right: 0
}

#menu .menu-icon[data-v-0c722441] {
    display: inline-block;
    width: 22px;
    margin-right: 6px;
    color: inherit;
    font-size: 12px;
    font-style: normal;
    text-align: center
}

@media (max-width: 640px) {
    #menu[data-v-0c722441] {
        display:none
    }
}

#bottom[data-v-0c722441] {
    text-align: center;
    padding-top: 10px
}

#bottom .title[data-v-0c722441] {
    font-weight: 700;
    font-size: 15px;
    color: rgba(44,62,80,.6196078431372549);
    padding-right: 40px
}

#bottom .friend_link[data-v-0c722441] {
    text-decoration: none;
    color: rgba(44,62,80,.6196078431372549);
    font-size: 13px;
    font-family: 微软雅黑,monospace,Tahoma;
    padding-right: 20px
}

#bottom .friend_link[data-v-0c722441]:hover {
    /*color: #c03*/
    color: #667eea
}

#bottom .contact[data-v-0c722441] {
    padding-top: 10px
}

#bottom .contact a[data-v-0c722441] {
    color: rgba(44,62,80,.6196078431372549);
    text-decoration: none;
    font-size: 12px;
    font-family: 微软雅黑,monospace,Tahoma
}

#bottom .contact a[data-v-0c722441]:hover {
    /*color: #c03*/
    color: #667eea
}

#bottom .gaba[data-v-0c722441] {
    padding-bottom: 4px;
    padding-right: 2px;
    vertical-align: middle
}

.split[data-v-0c722441]:after {
    content: "|";
    display: inline-block;
    color: #bebdbd;
    padding: 5px
}

body,html {
    width: 100vw;
    min-width: 0;
    max-width: 100vw;
    overflow-x: hidden
}