[v-cloak] {
  display: none; }

#catalog {
  position: relative; }
  #catalog > aside {
    position: fixed;
    padding: 23px 20px;
    left: 5%;
    top: 266px;
    z-index: 10;
    width: 204px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff; }
    #catalog > aside .aside-item {
      height: 30px;
      padding: 0 15px;
      border-radius: 15px;
      background-color: #F5F5F5;
      margin-bottom: 20px;
      transition: all 0.2s; }
      #catalog > aside .aside-item:last-of-type {
        margin-bottom: 0; }
      #catalog > aside .aside-item > .full {
        text-align: center; }
      #catalog > aside .aside-item .iconfont {
        width: 24px;
        line-height: 24px;
        text-align: center;
        height: 24px;
        box-sizing: border-box;
        color: #333;
        border-radius: 12px;
        background: #fff; }
        #catalog > aside .aside-item .iconfont.icon-0 {
          color: #de4445; }
        #catalog > aside .aside-item .iconfont.icon-1 {
          color: #4bbdb4; }
        #catalog > aside .aside-item .iconfont.icon-2 {
          color: #cf9548; }
        #catalog > aside .aside-item .iconfont.icon-3 {
          color: #5099d7; }
        #catalog > aside .aside-item .iconfont.icon-4 {
          color: #a46be1; }
        #catalog > aside .aside-item .iconfont.icon-5 {
          color: #61af78; }
      #catalog > aside .aside-item.active, #catalog > aside .aside-item:hover {
        cursor: pointer;
        color: #fff; }
        #catalog > aside .aside-item.active.active-floor-0, #catalog > aside .aside-item.active-floor-0:hover {
          background-image: linear-gradient(to right, #ffb46d, #f8504f); }
        #catalog > aside .aside-item.active.active-floor-1, #catalog > aside .aside-item.active-floor-1:hover {
          background-image: linear-gradient(to right, #7dffc1, #4bbcb4); }
        #catalog > aside .aside-item.active.active-floor-2, #catalog > aside .aside-item.active-floor-2:hover {
          background-image: linear-gradient(to right, #f1d67d, #cf9448); }
        #catalog > aside .aside-item.active.active-floor-3, #catalog > aside .aside-item.active-floor-3:hover {
          background-image: linear-gradient(to right, #74c4f2, #4f98d6); }
        #catalog > aside .aside-item.active.active-floor-4, #catalog > aside .aside-item.active-floor-4:hover {
          background-image: linear-gradient(to right, #eb85fe, #a46be1); }
        #catalog > aside .aside-item.active.active-floor-5, #catalog > aside .aside-item.active-floor-5:hover {
          background-image: linear-gradient(to right, #a3c86c, #61ae78); }
  #catalog > .main-box {
    width: 1200px;
    margin: 0 auto; }
    #catalog > .main-box header {
      margin-top: 10px;
      padding: 10px 0;
      border-bottom: 1px solid #D82425; }
      #catalog > .main-box header a {
        font-size: 18px;
        font-weight: 700;
        color: #D82425; }
      #catalog > .main-box header#floor-0 {
        border-bottom-color: #f8504f; }
        #catalog > .main-box header#floor-0 a {
          color: #f8504f; }
        #catalog > .main-box header#floor-0 + main > .item .title a {
          color: #f8504f; }
        #catalog > .main-box header#floor-0 + main > .item .title:after {
          color: #f8504f; }
      #catalog > .main-box header#floor-1 {
        border-bottom-color: #4bbcb4; }
        #catalog > .main-box header#floor-1 a {
          color: #4bbcb4; }
        #catalog > .main-box header#floor-1 + main > .item .title a {
          color: #4bbcb4; }
        #catalog > .main-box header#floor-1 + main > .item .title:after {
          color: #4bbcb4; }
      #catalog > .main-box header#floor-2 {
        border-bottom-color: #cf9448; }
        #catalog > .main-box header#floor-2 a {
          color: #cf9448; }
        #catalog > .main-box header#floor-2 + main > .item .title a {
          color: #cf9448; }
        #catalog > .main-box header#floor-2 + main > .item .title:after {
          color: #cf9448; }
      #catalog > .main-box header#floor-3 {
        border-bottom-color: #4f98d6; }
        #catalog > .main-box header#floor-3 a {
          color: #4f98d6; }
        #catalog > .main-box header#floor-3 + main > .item .title a {
          color: #4f98d6; }
        #catalog > .main-box header#floor-3 + main > .item .title:after {
          color: #4f98d6; }
      #catalog > .main-box header#floor-4 {
        border-bottom-color: #a46be1; }
        #catalog > .main-box header#floor-4 a {
          color: #a46be1; }
        #catalog > .main-box header#floor-4 + main > .item .title a {
          color: #a46be1; }
        #catalog > .main-box header#floor-4 + main > .item .title:after {
          color: #a46be1; }
      #catalog > .main-box header#floor-5 {
        border-bottom-color: #61ae78; }
        #catalog > .main-box header#floor-5 a {
          color: #61ae78; }
        #catalog > .main-box header#floor-5 + main > .item .title a {
          color: #61ae78; }
        #catalog > .main-box header#floor-5 + main > .item .title:after {
          color: #61ae78; }
    #catalog > .main-box > main .item {
      padding: 27px 0 10px;
      border-bottom: 1px solid #EFEFEF; }
      #catalog > .main-box > main .item .title {
        position: relative;
        color: #D82425;
        font-weight: 700;
        white-space: nowrap;
        padding-right: 16px; }
        #catalog > .main-box > main .item .title:after {
          content: '>';
          position: absolute;
          right: 0;
          top: 0;
          font-weight: 700;
          color: #D82425; }
      #catalog > .main-box > main .item .main > a {
        padding: 0 30px;
        margin-bottom: 10px;
        position: relative;
        cursor: pointer;
        transition: all 0.5s; }
        #catalog > .main-box > main .item .main > a:after {
          content: '';
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 1px;
          background-color: #eee; }
        #catalog > .main-box > main .item .main > a:last-of-type {
          padding-right: 0; }
          #catalog > .main-box > main .item .main > a:last-of-type:after {
            width: 0; }
        #catalog > .main-box > main .item .main > a:hover {
          color: #D82425; }
    #catalog > .main-box > main .item-brand > a {
      width: 118px;
      flex: 0 0 118px;
      border: 1px solid #eee;
      margin-right: 15px;
      margin-top: 20px;
      cursor: pointer;
      transition: all 0.5s; }
      #catalog > .main-box > main .item-brand > a img {
        width: 100%; }
      #catalog > .main-box > main .item-brand > a:hover {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
      #catalog > .main-box > main .item-brand > a:nth-child(9n) {
        margin-right: 0; }

/*# sourceMappingURL=catalog.css.map */