// js可更改的less变量及其样式，变量在组件中不可引用
@tob-color: #00b38a;
@tob-color-rgb: 0, 199, 179;

//------tob首页样式--------------------------
.header-content {
  .right {
    button {
      background-color: @tob-color;
      border: 1px solid @tob-color;
    }

    .btn-login {
      border-color: @tob-color;
      color: @tob-color;
    }
  }
}

.try-button {
  background-color: @tob-color;
  border: 1px solid @tob-color;

  &:hover {
    box-shadow: 0 10px 16px 0 rgba(@tob-color-rgb, .3);
  }
}

.container-box .homeSupport li.on {
  background-color: @tob-color;
  border-color: @tob-color;
  box-shadow: 0 5px 8px 0 rgba(@tob-color-rgb, 0.3);
}

.img-and-info .right button {
  color: @tob-color;
  border: 1px solid @tob-color;

  &:hover {
    background-color: @tob-color !important;
    box-shadow: 0 10px 16px 0 rgba(@tob-color-rgb, 0.3);
  }
}

.one-more-animation li i {
  color: @tob-color;
}

.banner button {
  background-color: @tob-color;
}

.describe {
  .item-list li .dot {
    background-color: @tob-color;
    box-shadow: 0 0 5px rgba(@tob-color-rgb, .9);
  }

  button {
    background-color: @tob-color;

    &:hover {
      box-shadow: 0 10px 16px 0 rgba(@tob-color-rgb, 0.3);
    }
  }
}

.container-box .comp-info .title {
  color: @tob-color;
}

.detail .phoneAndEmail .cube .littletitle {
  color: @tob-color;
}

.asign {
  .one-line input:focus {
    border-color: @tob-color !important;
  }

  button {
    background-color: @tob-color;
    border: 1px solid @tob-color;

    &:hover {
      box-shadow: 0 10px 16px 0 rgba(@tob-color-rgb, 0.3) !important;
    }
  }
}

.container-box .register {
  .info .left .moreBtn {
    color: @tob-color;
    border: 1px solid @tob-color;

    &:hover {
      background-color: @tob-color !important;
      box-shadow: 0 10px 16px 0 rgba(@tob-color-rgb, 0.3);
    }
  }

  .info .right .b-btnsave {
    background-color: @tob-color;
    border: 1px solid @tob-color;

    &:hover {
      box-shadow: 0 10px 16px 0 rgba(@tob-color-rgb, 0.3);
    }
  }
}

.login-warpper {
  background-color: @tob-color;

  .middle {
    button {
      background-color: @tob-color;
    }
  }
}

.hover-show-ul .on,
.hover-show-ul div:hover,
.header-content .left ul li.on,
.header-content .left ul li.on a,
.header-content .left ul li a:hover {
  color: @tob-color;
}

.foot-box ul li a:hover {
  color: @tob-color !important;
}

.header-content .left ul li.on::after {
  border-bottom: 3px solid @tob-color;
}


.header .con-left .search-top {
  .publish.el-button {
    background: @tob-color;
  }

  .el-input {
    .el-input-group__append {
      border-color: @tob-color !important;
      background: @tob-color;
    }

    // .el-input .el-input__inner{border-color: @tob-color !important;}
  }

}

.header .con-left .search-top .el-input .el-input__inner {
  border-color: @tob-color !important;
}

.type-list li {
  color: @tob-color;

  .iconfontexam {
    color: @tob-color;
  }
}

.tag-list .tag-line .name .active {
  color: @tob-color;
}

.commodity-list li .con-box .info i {
  color: @tob-color;
}

.commodity-list li .hover-show .el-button {
  border-color: @tob-color !important;
  background: @tob-color;
}

.tag-list .more {
  color: @tob-color;
}