body:not(.ready) .app-nav,
body:not(.ready)>nav,
body:not(.ready) [data-cloak] {
 display:none
}
div#app {
 font-size:30px;
 font-weight:lighter;
 margin:40vh auto;

}
div#app:empty:before {
 content:"Loading..."
}
.emoji {
 height:1.2rem;
 vertical-align:middle
}
.progress {
 background-color:var(--theme-color,#108EE9);
 height:2px;
 left:0;
 position:fixed;
 right:0;
 top:0;
 transition:width .2s,opacity .4s;
 width:0;
 z-index:5
}
.search .search-keyword,
.search a:hover {
 color:var(--theme-color,#108EE9)
}
.search .search-keyword {
 font-style:normal;
 font-weight:700
}
body,
html {
 height:100%
}
body {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 color:#34495e;
 font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;
 font-size:15px;
 letter-spacing:0;
 margin:0;
 overflow-x:hidden
}
img {
 max-width:100%
}
a[disabled] {
 cursor:not-allowed;
 opacity:.6
}
kbd {
 border:1px solid #ccc;
 border-radius:3px;
 display:inline-block;
 font-size:12px!important;
 line-height:12px;
 margin-bottom:3px;
 padding:3px 5px;
 vertical-align:middle
}
li input[type=checkbox] {
 margin:0 .2em .25em 0;
 vertical-align:middle
}
.app-nav {
 margin:25px 60px 0 0;
 position:absolute;
 right:0;
 text-align:right;
 z-index:2
}
.app-nav.no-badge {
 margin-right:25px
}
.app-nav p {
 margin:0
}
.app-nav>a {
 margin:0 1rem;
 padding:5px 0
}
.app-nav li,
.app-nav ul {
 display:inline-block;
 list-style:none;
 margin:0
}
.app-nav a {
 color:inherit;
 font-size:16px;
 text-decoration:none;
 transition:color .3s
}
.app-nav a.active,
.app-nav a:hover {
 color:var(--theme-color,#108EE9)
}
.app-nav a.active {
 border-bottom:2px solid var(--theme-color,#108EE9)
}
.app-nav li {
 display:inline-block;
 margin:0 1rem;
 padding:5px 0;
 position:relative
}
.app-nav li ul {
 background-color:#fff;
 border:1px solid #ddd;
 border-bottom-color:#ccc;
 border-radius:4px;
 box-sizing:border-box;
 display:none;
 max-height:calc(100vh - 61px);
 overflow-y:auto;
 padding:10px 0;
 position:absolute;
 right:-15px;
 text-align:left;
 top:100%;
 white-space:nowrap
}
.app-nav li ul li {
 display:block;
 font-size:14px;
 line-height:1rem;
 margin:0;
 margin:8px 14px;
 white-space:nowrap
}
.app-nav li ul a {
 display:block;
 font-size:inherit;
 margin:0;
 padding:0
}
.app-nav li ul a.active {
 border-bottom:0
}
.app-nav li:hover ul {
 display:block
}
.github-corner {
 border-bottom:0;
 position:fixed;
 right:0;
 text-decoration:none;
 top:0;
 z-index:1
}
.github-corner:hover .octo-arm {
 animation:a .56s ease-in-out
}
.github-corner svg {
 color:#fff;
 fill:var(--theme-color,#108EE9);
 height:80px;
 width:80px
}
.mainbox {
 position: relative;
 width:100vw;

 height:100%;
 z-index:0
}
.mainbox.hidden {
 display:none
}
.anchor {
 display:inline-block;
 text-decoration:none;
 transition:all .3s
}
.anchor span {
 color:#34495e
}
.anchor:hover {
 text-decoration:underline
}
.sidebar {
 border-right:1px solid rgba(0,0,0,.07);
 overflow-y:auto;
 padding:60px 0 0;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 transition:transform .25s ease-out;
 width:300px;
 z-index:3
}
.sidebar>h1 {
 margin:0 auto 1rem;
 font-size:1.5rem;
 font-weight:300;
 text-align:center
}
.sidebar>h1 a {
 color:inherit;
 text-decoration:none
}
.sidebar>h1 .app-nav {
 display:block;
 position:static
}
.sidebar .sidebar-nav {
 line-height:2em;
 padding-bottom:40px
}
.sidebar li.collapse .app-sub-sidebar {
 display:none
}
.sidebar ul {
 margin:0 0 0 15px;
 padding:0
}
.sidebar li>p {
 font-weight:700;
 margin:0
}
.sidebar ul,
.sidebar ul li {
 list-style:none
}
.sidebar ul li a {
 border-bottom:0;
 display:block
}
.sidebar ul li ul {
 padding-left:20px
}
.sidebar::-webkit-scrollbar {
 width:4px
}
.sidebar::-webkit-scrollbar-thumb {
 background:transparent;
 border-radius:4px
}
.sidebar:hover::-webkit-scrollbar-thumb {
 background:hsla(0,0%,53%,.4)
}
.sidebar:hover::-webkit-scrollbar-track {
 background:hsla(0,0%,53%,.1)
}
.sidebar-toggle {
 background-color:transparent;
 background-color:hsla(0,0%,100%,.8);
 border:0;
 outline:0;
 padding:10px;
 position:absolute;
 bottom:0;
 left:0;
 text-align:center;
 transition:opacity .3s;
 width:284px;
 z-index:4
}
.sidebar-toggle .sidebar-toggle-button:hover {
 opacity:.4
}
.sidebar-toggle span {
 background-color:var(--theme-color,#108EE9);
 display:block;
 margin-bottom:4px;
 width:16px;
 height:2px
}
body.sticky .sidebar,
body.sticky .sidebar-toggle {
 position:fixed
}
.content {
 padding-top:60px;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:300px;
 transition:left .25s ease
}
.markdown-section {
 margin:0 auto;
 max-width:800px;
 padding:30px 15px 40px;
 position:relative
}
.markdown-section>* {
 box-sizing:border-box;
 font-size:inherit
}
.markdown-section>:first-child {
 margin-top:0!important
}
.markdown-section hr {
 border:0;
 border-bottom:1px solid #eee;
 margin:2em 0
}
.markdown-section iframe {
 border:1px solid #eee;
 width:1px;
 min-width:100%
}
.markdown-section table {
 border-collapse:collapse;
 border-spacing:0;
 display:block;
 margin-bottom:1rem;
 overflow:auto;
 width:100%
}
.markdown-section th {
 font-weight:700
}
.markdown-section td,
.markdown-section th {
 border:1px solid #ddd;
 padding:6px 13px
}
.markdown-section tr {
 border-top:1px solid #ccc
}
.markdown-section p.tip,
.markdown-section tr:nth-child(2n) {
 background-color:#f8f8f8
}
.markdown-section p.tip {
 border-bottom-right-radius:2px;
 border-left:4px solid #f66;
 border-top-right-radius:2px;
 margin:2em 0;
 padding:12px 24px 12px 30px;
 position:relative
}
.markdown-section p.tip:before {
 background-color:#f66;
 border-radius:100%;
 color:#fff;
 content:"!";
 font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;
 font-size:14px;
 font-weight:700;
 left:-12px;
 line-height:20px;
 position:absolute;
 height:20px;
 width:20px;
 text-align:center;
 top:14px
}
.markdown-section p.tip code {
 background-color:#efefef
}
.markdown-section p.tip em {
 color:#34495e
}
.markdown-section p.warn {
 background:rgba(66,185,131,.1);
 border-radius:2px;
 padding:1rem
}
.markdown-section ul.task-list>li {
 list-style-type:none
}
body.close .sidebar {
 transform:translateX(-300px)
}
body.close .sidebar-toggle {
 width:auto
}
body.close .content {
 left:0
}
@media print {
 .app-nav,
 .github-corner,
 .sidebar,
 .sidebar-toggle {
  display:none
 }
}
@media screen and (max-width:768px) {
 .github-corner,
 .sidebar,
 .sidebar-toggle {
  position:fixed
 }
 .app-nav {
  margin-top:16px
 }
 .app-nav li ul {
  top:30px
 }
 main {
  height:auto;
  overflow-x:hidden
 }
 .sidebar {
  left:-300px;
  transition:transform .25s ease-out
 }
 .content {
  left:0;
  max-width:100vw;
  position:static;
  padding-top:20px;
  transition:transform .25s ease
 }
 .app-nav,
 .github-corner {
  transition:transform .25s ease-out
 }
 .sidebar-toggle {
  background-color:transparent;
  width:auto;
  padding:30px 30px 10px 10px
 }
 body.close .sidebar {
  transform:translateX(300px)
 }
 body.close .sidebar-toggle {
  background-color:hsla(0,0%,100%,.8);
  transition:background-color 1s;
  width:284px;
  padding:10px
 }
 body.close .content {
  transform:translateX(300px)
 }
 body.close .app-nav,
 body.close .github-corner {
  display:none
 }
 .github-corner:hover .octo-arm {
  animation:none
 }
 .github-corner .octo-arm {
  animation:a .56s ease-in-out
 }
}
@keyframes a {
 0%,
 to {
  transform:rotate(0)
 }
 20%,
 60% {
  transform:rotate(-25deg)
 }
 40%,
 80% {
  transform:rotate(10deg)
 }
}
section.cover {
 -ms-flex-align:center;
 align-items:center;
 background-position:50%;
 background-repeat:no-repeat;
 background-size:cover;
 height:100vh;
 display:none
}
section.cover.show {
 display:-ms-flexbox;
 display:flex
}
section.cover.has-mask .mask {
 background-color:#fff;
 opacity:.8;
 position:absolute;
 top:0;
 height:100%;
 width:100%
}
section.cover .cover-main {
 -ms-flex:1;
 flex:1;
 margin:-20px 16px 0;
 text-align:center;
 z-index:1
}
section.cover a {
 color:inherit
}
section.cover a,
section.cover a:hover {
 text-decoration:none
}
section.cover p {
 line-height:1.5rem;
 margin:1em 0
}
section.cover h1 {
 color:inherit;
 font-size:2.5rem;
 font-weight:300;
 margin:.625rem 0 2.5rem;
 position:relative;
 text-align:center
}
section.cover h1 a {
 display:block
}
section.cover h1 small {
 bottom:-.4375rem;
 font-size:1rem;
 position:absolute
}
section.cover blockquote {
 font-size:1.5rem;
 text-align:center
}
section.cover ul {
 line-height:1.8;
 list-style-type:none;
 margin:1em auto;
 max-width:500px;
 padding:0
}
section.cover .cover-main>p:last-child a {
 border:1px solid var(--theme-color,#108EE9);
 border-radius:2rem;
 box-sizing:border-box;
 color:var(--theme-color,#108EE9);
 display:inline-block;
 font-size:1.05rem;
 letter-spacing:.1rem;
 margin:.5rem 1rem;
 padding:.75em 2rem;
 text-decoration:none;
 transition:all .15s ease
}
section.cover .cover-main>p:last-child a:last-child {
 background-color:var(--theme-color,#108EE9);
 color:#fff
}
section.cover .cover-main>p:last-child a:last-child:hover {
 color:inherit;
 opacity:.8
}
section.cover .cover-main>p:last-child a:hover {
 color:inherit
}
section.cover blockquote>p>a {
 border-bottom:2px solid var(--theme-color,#108EE9);
 transition:color .3s
}
section.cover blockquote>p>a:hover {
 color:var(--theme-color,#108EE9)
}
.sidebar,
body {
 background-color:#fff
}
.sidebar {
 color:#364149
}
.sidebar li {
 margin:6px 0
}
.sidebar ul li a {
 color:#505d6b;
 font-size:14px;
 font-weight:400;
 overflow:hidden;
 text-decoration:none;
 text-overflow:ellipsis;
 white-space:nowrap
}
.sidebar ul li a:hover {
 text-decoration:underline
}
.sidebar ul li ul {
 padding:0
}
.sidebar ul li.active>a {
 border-right:2px solid;
 color:var(--theme-color,#108EE9);
 font-weight:600
}
.app-sub-sidebar li:before {
 content:"-";
 padding-right:4px;
 float:left
}
.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section strong {
 color:#2c3e50;
 font-weight:600
}
.markdown-section a {
 color:var(--theme-color,#108EE9);
 font-weight:600
}
.markdown-section h1 {
 font-size:2rem;
 margin:0 0 1rem
}
.markdown-section h2 {
 font-size:1.75rem;
 margin:45px 0 .8rem
}
.markdown-section h3 {
 font-size:1.5rem;
 margin:40px 0 .6rem
}
.markdown-section h4 {
 font-size:1.25rem
}
.markdown-section h5 {
 font-size:1rem
}
.markdown-section h6 {
 color:#777;
 font-size:1rem
}
.markdown-section figure,
.markdown-section p {
 margin:1.2em 0
}
.markdown-section ol,
.markdown-section p,
.markdown-section ul {
 line-height:1.6rem;
 word-spacing:.05rem
}
.markdown-section ol,
.markdown-section ul {
 padding-left:1.5rem
}
.markdown-section blockquote {
 border-left:4px solid var(--theme-color,#108EE9);
 color:#858585;
 margin:2em 0;
 padding-left:20px
}
.markdown-section blockquote p {
 font-weight:600;
 margin-left:0
}
.markdown-section iframe {
 margin:1em 0
}
.markdown-section em {
 color:#7f8c8d
}
.markdown-section code {
 border-radius:2px;
 color:#e96900;
 font-size:.8rem;
 margin:0 2px;
 padding:3px 5px;
 white-space:pre-wrap
}
.markdown-section code,
.markdown-section pre {
 background-color:#f8f8f8;
 font-family:Roboto Mono,Monaco,courier,monospace
}
.markdown-section pre {
 -moz-osx-font-smoothing:initial;
 -webkit-font-smoothing:initial;
 line-height:1.5rem;
 margin:1.2em 0;
 overflow:auto;
 padding:0 1.4rem;
 position:relative;
 word-wrap:normal
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
 color:#8e908c
}
.token.namespace {
 opacity:.7
}
.token.boolean,
.token.number {
 color:#c76b29
}
.token.punctuation {
 color:#525252
}
.token.property {
 color:#c08b30
}
.token.tag {
 color:#2973b7
}
.token.string {
 color:var(--theme-color,#108EE9)
}
.token.selector {
 color:#6679cc
}
.token.attr-name {
 color:#2973b7
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.url {
 color:#22a2c9
}
.token.attr-value,
.token.control,
.token.directive,
.token.unit {
 color:var(--theme-color,#108EE9)
}
.token.function,
.token.keyword {
 color:#e96900
}
.token.atrule,
.token.regex,
.token.statement {
 color:#22a2c9
}
.token.placeholder,
.token.variable {
 color:#3d8fd1
}
.token.deleted {
 text-decoration:line-through
}
.token.inserted {
 border-bottom:1px dotted #202746;
 text-decoration:none
}
.token.italic {
 font-style:italic
}
.token.bold,
.token.important {
 font-weight:700
}
.token.important {
 color:#c94922
}
.token.entity {
 cursor:help
}
.markdown-section pre>code {
 -moz-osx-font-smoothing:initial;
 -webkit-font-smoothing:initial;
 background-color:#f8f8f8;
 border-radius:2px;
 color:#525252;
 display:block;
 font-family:Roboto Mono,Monaco,courier,monospace;
 font-size:.8rem;
 line-height:inherit;
 margin:0 2px;
 max-width:inherit;
 overflow:inherit;
 padding:2.2em 5px;
 white-space:inherit
}
.markdown-section code:after,
.markdown-section code:before {
 letter-spacing:.05rem
}
code .token {
 -moz-osx-font-smoothing:initial;
 -webkit-font-smoothing:initial;
 min-height:1.5rem
}
pre:after {
 color:#ccc;
 content:attr(data-lang);
 font-size:.6rem;
 font-weight:600;
 height:15px;
 line-height:15px;
 padding:5px 10px 0;
 position:absolute;
 right:0;
 text-align:right;
 top:0
}


/** 组件样式 */
.markdown-section blockquote {
    color: #34495e;
    padding: 12px 24px 12px 24px;
    background-color: #f8f8f8;
}

.markdown-section blockquote p {
    font-weight: 400;
    margin: 0;
}

.markdown-section p.tip {
    padding: 12px 24px 12px 24px;
}

.markdown-section ol, .markdown-section p, .markdown-section ul {
    line-height: 1.7rem;
}

.markdown-section > * {
    font-size: 16px;
}

.markdown-section pre {
    padding: 0 0.5rem;
}

.markdown-section th {
    background-color: #f8f8f8;
}

.search input {
    background-color: transparent;
}

/** //组件样式end */

/** 夜间模式 */
.ew-dark .sidebar, body.ew-dark, .ew-dark .medium-zoom-overlay {
    background-color: #191919 !important;
}

body.ew-dark, .ew-dark .sidebar, .ew-dark .search input, .ew-dark .anchor span,
.ew-dark .markdown-section blockquote,
.ew-dark .markdown-section h1, .ew-dark .markdown-section h2, .ew-dark .markdown-section h3,
.ew-dark .markdown-section h4, .ew-dark .markdown-section strong,
.ew-dark .sidebar > h1 a, .ew-dark .sidebar ul li a,
.ew-dark .markdown-section pre > code {
    color: #CCCCCC;
}

.ew-dark .markdown-section blockquote,
.ew-dark .markdown-section code, .ew-dark .markdown-section pre,
.ew-dark .markdown-section p.tip, .ew-dark .markdown-section tr:nth-child(2n),
.ew-dark .markdown-section th,
.ew-dark .markdown-section p.tip code {
    background-color: #232323;
}

.ew-dark .markdown-section td, .ew-dark .markdown-section th,
.ew-dark .search, .ew-dark .sidebar,
.ew-dark .search .matching-post,
.ew-dark .ew-doc-adv-list {
    border-color: #2D2D2D;
}

.ew-dark .sidebar ul li.active > a {
    color: #108EE9;
}

.ew-dark .token.punctuation {
    color: #979797;
}

.ew-dark .token.cdata, .ew-dark .token.comment, .ew-dark .token.doctype,
.ew-dark .token.prolog, .ew-dark pre:after {
    color: #656565;
}

.ew-dark .content img {
    filter: brightness(.5);
}

/** //夜间模式end */

/** 滚动条样式美化 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
}

::-webkit-scrollbar-track {
    background: transparent !important;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: hsla(0, 0%, 53%, .4);
}

::-webkit-scrollbar-thumb:hover, .sidebar::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 53%, .3);
}

.sidebar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/** //滚动条样式美化end */

/** 提示框样式 */
.ew-tips-auth {
    color: #fff;
    font-size: 14px;
    max-width: 220px;
    padding: 5px 10px;
    background-color: #FF7674;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    position: fixed;
    top: 15px;
    right: 15px;
    border-radius: 3px;
    z-index: 9999;
}

/** 广告区域 */
.sidebar .sidebar-nav {
    padding-bottom: 0;
}

.sidebar .sidebar-nav > ul {
    min-height: calc(100vh - 211px);
}

.sidebar-toggle {
    top: 62px;
    left: 300px;
    bottom: auto;
    width: 38px !important;
    background-color: transparent !important;
    -webkit-transition: left .25s ease-out 0s;
    transition: left .25s ease-out 0s;
    cursor: pointer;
}

body.close .sidebar-toggle {
    left: 0;
}

@media screen and (max-width: 768px) {
    .sidebar-toggle {
        left: 0;
        padding: 10px;
    }

    body.close .sidebar-toggle {
        left: 300px;
    }
}

/* 广告样式 */
.ew-doc-adv-list {
    margin-top: 20px;
    padding: 10px 16px 0 20px;
    border-top: 1px solid rgba(0, 0, 0, .07);
}

.ew-doc-adv-list .ew-doc-adv-item {
    display: block;
    color: #666;
    border-radius: 6px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    line-height: initial;
    margin-bottom: 10px;
}

.ew-doc-adv-list .ew-doc-adv-item > img {
    width: 100%;
    height: 70px;
}

.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--open .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s}.medium-zoom-image--open{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}


.search {
  margin-bottom: 20px;
  padding: 6px;
  border-bottom: 1px solid #eee;
}

.search .input-wrap {
  display: flex;
  align-items: center;
}

.search .results-panel {
  display: none;
}

.search .results-panel.show {
  display: block;
}

.search input {
  outline: none;
  border: none;
  width: 100%;
  padding: 0 7px;
  line-height: 36px;
  font-size: 14px;
}

.search input::-webkit-search-decoration,
.search input::-webkit-search-cancel-button,
.search input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.search .clear-button {
  width: 24px;
  text-align: right;
  position: relative;
  top:3px
  
}

.search .clear-button.show {
  display: block;
}

.search .clear-button svg {
  transform: scale(.5);
}

.search h2 {
  font-size: 17px;
  margin: 10px 0;
}

.search a {
  text-decoration: none;
  color: inherit;
}

.search .matching-post {
  border-bottom: 1px solid #eee;
}

.search .matching-post:last-child {
  border-bottom: 0;
}

.search p {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search p.empty {
  text-align: center;
}

.app-name.hide, .sidebar-nav.hide {
  display: none;
}

/** 侧边栏样式 */
.sidebar ul {
    margin-left: 26px;
}

.sidebar-nav > ul {
    margin-left: 0;
}

.sidebar-nav ul li > a {
    padding-left: 30px;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA4ElEQVRYR+2U0Q0CIQyGCyzgJjqCTmQIA+gNQHAjHUE3cQHAVM/kQk5KecGH8sgB/8fXHgoGDzU4HwRADIgBMfD/Brz3Z631xVr75LyaIYRNSunonJtq+6oGMBwATjnnuzHm0AqB4THGq1JqBwCTcw7PWR1VgPkWNwDYtkIU4Q+t9b4GTvYAB4IbjkpIAFzUAtET3gxAQfSGswB+QeD8ouHImped2FSC5aayHO9bfLqdHc428AVZQsxzXeHdAEU5gPrVuh8i6uVDE7im9YFaO4/dAxQU97sAiAExIAaGG3gBOI+kIdtTb70AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: 14px 15px;
    background-position: 12px 6px;
}

.sidebar-nav ul li.collapse > a {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAvklEQVRYR+3WywmCMRAE4H0UoKVYglYk6cBzSODvSEvQTuwgkoMXD2J2BoKQ3MN8DGyyKpOPTs6XBVgN/GcDtdaLmW0ppSc6RcMNlFI2VT231u7ufkIRw4Cc88HMbqq6YyCGAb1yJiIEYCLCABYCAjAQMABFUAAIggpw96uI7EXkYWbHX94ICqCPZSS8NwcDkHAYgIZDAEZ4GMAKDwGY4SHA+zseGbVvO0NoCqYuJOgG9Hk/1AATsQCrgekNvACrsoIhp8oMjgAAAABJRU5ErkJggg==");
}

.sidebar-nav ul li > a.section-link {
    background-image: none;
}

.sidebar-nav ul li > a:hover {
    background-color: rgba(128, 128, 128, .15);
    text-decoration: none;
}

.app-sub-sidebar li:before {
    display: none;
}

.sidebar ul li.active > a {
    border-right: none;
    font-weight: normal;
}

.sidebar-nav ul > li ul > li > a {
    padding-left: 20px;
    background-position: 5px 6px;
}


.menu-item{padding-left:14px;font-size:16px;line-height:32px; color:#2c3e50}
.menu-item .sub-title{position:relative;padding-right:64px;margin:4px 0;font-size:16px;font-weight:400;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}


.profile_right_cnt .floatnav_a_cur {
    color: #fff;background: #108EE9
}
.menu-item a{padding-right:36px;font-size:14px;line-height:28px;display:block;color:inherit}
.menu-item .sub-title{margin:0;padding-right:36px}
.menu-item .sub-title:after{right:24px}
.menu-item-1{padding-top:12px}
.menu-item-1 ul{display:none;margin-top:12px}
.menu-item-1.active ul{display:block}
.menu-item-1.active ul li.collapse ul{display: none;}
.menu-item-2{padding-top:8px;padding-bottom:8px;padding-left:10px;font-size:14px;line-height:28px}
.main-container{position:relative;margin-left:300px;padding:0 0 0 64px; background:#fff}