.ws-bg-light {
    background-color:#fff!important
  }
  .ws-container {
    padding-top:60px;
    min-height:calc(100vh - 210px)
  }
  .ws-header {
    position:fixed;
    left:0;
    right:0;
    width:100%;
    height:60px;
    box-shadow:0 1px 3px rgb(0 0 0 / 5%)
  }
  .ws-header:after {
    position:absolute;
    left:0;
    right:0;
    width:100%;
    height:1px;
    background-color:#eee;
    content:''
  }
  .ws-logo {
    position:absolute;
    width:240px;
    height:60px;
    line-height:60px;
    text-align:center
  }
  .ws-logo img {
    height: 36px;
  }
  .ws-header-assist {
    position:absolute;
    left:240px;
    top:50%;
    height:32px;
    margin-top:-16px
  }
  .ws-header-assist>* {
    display:inline-block;
    vertical-align:middle
  }
  .ws-header-menu {
    position:absolute;
    right:16px;
    top:0
  }
  .ws-header-menu>*,
  .ws-header-tool>div {
    display:inline-block;
    vertical-align:middle
  }
  .ws-header-menu .layui-nav {
    padding:0
  }
  .ws-header-more {
    display:none;
    line-height:60px;
    padding:0 16px;
    cursor:pointer
  }
  .ws-header .layui-container {
      height: 100%
  }
  
  .ws-footer {
      padding: 30px 15px;
      line-height: 30px;
      text-align: center;
      color: #777
  }
  
  .ws-footer a {
      padding: 0 5px;
      color: #777
  }
  
  .ws-footer a:hover {
      color: #1e9fff;
      text-decoration: underline
  }
  
  .ws-footer-fixed {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      box-shadow: 0 -1px 3px rgb(0 0 0 / 5%)
  }
  
  .ws-footer-fixed:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 1px;
      background-color: #eee;
      content: ''
  }
  
  .ws-footer-fixed .ws-footer {
      height: 60px;
      padding: 15px 0;
      overflow: hidden;
      box-sizing: border-box;
      white-space: nowrap
  }
  
  .ws-footer-fixed .ws-footer>* {
      display: inline-block;
      vertical-align: middle;
      padding: 0 15px
  }
  
  .ws-error {
      padding: 96px 0 32px;
      text-align: center
  }
  
  .ws-error>h1 {
      line-height: 210px;
      font-size: 160px;
      font-weight: 300
  }
  
  .ws-error>p {
      font-size: 24px
  }
  
  @media screen and (max-width:767.98px) {
      .ws-logo {
          left:50%;
          margin-left:-120px
      }
      .ws-header-menu .layui-nav,
      .ws-header-tool {
          position:fixed;
          top:61px;
          right:-100%;
          width:100%;
          text-align:center;
          transition:all .3s
      }
      .ws-header-menu .layui-nav {
          z-index:1003;
          height:60px;
          border-radius:0;
          box-shadow:0 1px 3px rgb(0 0 0 / 5%)
      }
      .ws-header-tool {
          top:121px;
          line-height:60px
      }
      .ws-header-more {
          display:block
      }
      .ws-header-theme .layui-form-switch {
          top:-4px
      }
      .ws-nav-show .layui-header {
          z-index:1003
      }
      .ws-nav-show .ws-header-menu .layui-nav,
      .ws-nav-show .ws-header-tool {
          display:block;
          right:0
      }
      .ws-index-main h1 {
          font-size:52px
      }
      .ws-index-main h2 {
          font-size:24px;
          line-height:38px
      }
      .ws-content {
          padding:16px 0
      }
      .ws-docs-icon>div {
          width:33%
      }
      .ws-play {
          position:fixed;
          top:60px;
          bottom:60px;
          left:0;
          width:100%
      }
      .ws-play-code,
      .ws-play-view {
          position:absolute;
          top:0;
          bottom:auto;
          width:100%!important;
          height:50%!important
      }
      .ws-play-view {
          top:auto;
          bottom:0
      }
      .ws-play-editor {
          right:8px
      }
      .ws-play-split {
          width:100%;
          height:8px;
          top:auto;
          bottom:0;
          border-top-width:1px;
          border-bottom-width:1px
      }
      .ws-play-split:hover {
          cursor:unset
      }
      .ws-footer {
          background:#fafafa
      }
      .ws-footer-fixed .ws-footer {
          overflow:auto
      }
      .ws-footer-fixed .ws-footer a {
          display:unset
      }
      .ws-shade-show .ws-shade {
          content: '';
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0,0,0,.7);
          z-index: 1001
      }
      
      .ws-footer {
          background: #fafafa
      }
      
      .ws-footer-fixed .ws-footer {
          overflow: auto
      }
      
      .ws-footer-fixed .ws-footer a {
          display: unset
      }
  }