@import '@/styles/_support.scss';

.panel {
  z-index: 9999;
  display: block;
  left: 0;
  top: $navHeight-M;
  position: fixed;
  width: 100%;
  height: 100%;
  // background-color: rgba($color: #000000, $alpha: 0.3);
  background-color: #ffffff;
  overflow: scroll;
  padding-bottom: 200px;

  // 遮罩
  .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 5000;
    left: 0;
    top: 0;
  }

  .list {
    position: relative;
    z-index: 5001;
    padding: 0 20px;
    // background-color: #ffffff;
  }

  // 国际化
  .lang {
    position: relative;
    z-index: 5002;
    display: flex;
    background-color: #ffffff;
    padding: 20px 36px;

    &-item {
      border-right: solid 1px #ebedf0;
      padding: 0 12px;
      @extend .fcc;


      &:first-child {
        padding: 0 10px 0 0;
      }

      &-act {
        color: $cOrange;
      }
    }

  }

}

.coll-item-act {
  color: $cOrange;
}

.list-item {
  @extend .bb;
  display: flex;
  align-items: center;
  padding: 16px 16px;
  position: relative;
  border-bottom: 1px solid #ebedf0;
  font-size: 14px;
  color: $cFontGray;
  background-color: #fff;

  .txt {
    flex: 1;
  }
}

.icon-wrap {
  @extend .fcc;
  height: 100%;
}

.plus-icon {
  width: 21px;
  height: 21px;
  background: url("~@/assets/images/home/icon-head-plus.png") no-repeat center;
  @extend .bis;
  transform: scale(.6);
}

.arrow-icon {
  width: 21px;
  height: 21px;
  background: url("~@/assets/images/home/icon-head-right-arrow.png") no-repeat center;
  @extend .bis;
  transform: scale(.6);
}

.plus-icon-act {
  background: url("~@/assets/images/home/icon-head-plus-act.png") no-repeat center;
}



.hide {
  display: none;
}


.panel::-webkit-scrollbar {
  display: none;
}