/* 分类 */
.view-cate{
  z-index: 9999;
  padding-left:20px;
}
/* 分类 */
/* 分类模块 */
.cate-item{
  width: 98px;
  height: 107px;
  background-color: rgba(255,255,255,0.08);
  border-radius: 10px;
}
.cate-icon{
  width: 50px;
  height: 50px;
}
.cate-item-label{
  font-size: 16px;
  line-height: 19px;
  margin-top: 12px;
  color: rgba(255,255,255,0.4);
  overflow: hidden;
  white-space: nowrap;
  width: 82%;
  text-align: center;
}
.cate-item:hover,.cate-item-select{
  background: $main-linear;
  .cate-item-label{
    color: #fff;
  }
}
/* 分类模块 */

/* 全部分类 */
$view-cate-container-radius:20px;
$view-cate-height:382px;
$view-cate-animate:.5s;
.view-cate-container{
  left: 0;
  right: 0;
  top: 107px;
  background-color: #131324;
  height: $view-cate-height;
  border-radius: 0 0 $view-cate-container-radius $view-cate-container-radius;
  overflow: hidden;
}


.skewHeight-enter-active {
  animation: skewHeight $view-cate-animate forwards;
}

.skewHeight-leave-active {
  animation: skewHeight $view-cate-animate forwards reverse;
}

@keyframes skewHeight {
  0%{

    height: 0;
  }
  100%{
    height: $view-cate-height;
  }
}



.view-cate-margin {
  margin-bottom: 12.5px;
}
.view-cate-header{
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  padding: 0 17px;
  @extend .view-cate-margin;
  margin-top: 10px;
}

.view-cate-line{
  width: 22px;
  height: 4px;
  background-color: #00D5AF;
  margin-bottom: 1px;
}
.cate-all{
  padding: 0 5px;
}
.cate-all-item{
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  width: 77.3px;
  height: 80px;
  @extend .view-cate-margin;
  border-radius: 10px;
}
.cate-all-item:hover{
  background: $main-linear;
}
.cate-all-icon{
  width: 34px;
  height: 34px;
}
.cate-all-item-label{
  margin-top: 7px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  width: 93%;
}
/* 全部分类 */
