@import '@/assets/bundle.scss';

$totalH: 600rpx;
$textSize: 30rpx;
.pop-tab {
  .pop-mask {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(black, .6);
    z-index: 500;
  }
  .pop-wrapper {
    height: $totalH;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    @extend %bgwhite;
  }
  .content {
    height: $totalH - 100rpx;
  }
  .btn-cancel {
    height: 100rpx;
    width: 100%;
    box-sizing: border-box;
    border-top: 1rpx solid $noGoods;
    @extend %flex-center;
    font-size: $textSize;
    color: $text1;
  }
  .content {
    @extend %flex-left;
  }
  .left, .right {
    height: $totalH - 100rpx;
    overflow-y: auto;
  }
  .left {
    flex: none;
    width: 260rpx;
    background-color: $bggray;
  }
  .right {
    flex: auto;
  }
  .nav-item {
    height: 100rpx;
    box-sizing: border-box;
    border-bottom: 1rpx solid #e9e9e9;
    font-size: $textSize;
    @extend %flex-center;
    color: $text2;
  }
  .pane-pick {
    justify-content: center !important;
    text-align: center;
  }
  .pane-item {
    height: 100rpx;
    font-size: $textSize;
    @extend %flex-between;
    box-sizing: border-box;
    @extend %pd20;
    color: $text2;
  }
  .pane-active {
    color: $maincolor;
    font-weight: 500;
  }
  .nav-active {
    color: $text1;
    @extend %bgwhite;
  }
}

// .tab-pane {}
