@primary-color: #2d8cf0;

#nprogress .bar {
  background: @primary-color!important;
}
#nprogress .peg {
  box-shadow: @primary-color!important;
}

.pear-dot-tab {
  height: 45.5px;
  line-height: 45.5px;
}
.pear-dot-tab .ant-tabs-tab-active::before{
  background-color: @primary-color!important;
}
.pear-dot-tab .tab {
  width: calc(~"(100% - 40px)");
  display: inline-block;
}
.pear-dot-tab .ant-tabs-tab-prev {
  border-right: 1px solid #f0f2f5;
  background-color: #f0f2f5;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center;
}
.pear-dot-tab .ant-tabs-tab-next {
  border-left: 1px solid #f0f2f5;
  background-color: #f0f2f5;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center;
}
.pear-dot-tab .tab-tool {
  float: right;
  top: 6px;
  right: 6px;
  border: none;
}
.pear-dot-tab .ant-tabs-bar {
  margin: 0px !important;
  border: none;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.pear-dot-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  border-radius: 3px;
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  height: 34px !important;
  line-height: 34px !important;
  color: #808695;
  background-color: white;
}
.pear-dot-tab
  .ant-tabs.ant-tabs-card
  .ant-tabs-card-bar
  .ant-tabs-tab:first-child {
  margin-left: 6px;
}
.pear-dot-tab
  .ant-tabs.ant-tabs-card
  .ant-tabs-card-bar
  .ant-tabs-tab:last-child {
  margin-right: 6px;
}
.pear-dot-tab .ant-tabs-nav-container {
  height: 34px;
}
.pear-dot-tab .ant-tabs-nav .ant-tabs-tab::before {
  background-color: whitesmoke;
  height: 7.6px;
  width: 7.6px;
  border-radius: 500px;
  position: absolute;
  margin-top: 14.5px;
  margin-left: 13px;
}
.pear-dot-tab .ant-tabs-nav .ant-tabs-tab > div {
  margin-left: 13.5px;
  color: #808695;
}

.pear-card-tab {
  height: 40.5px;
  line-height: 40.5px;
  z-index: 200;
  background-color: white !important;
  border-top: 1px solid whitesmoke;
  border-bottom: 1px solid whitesmoke;
}
.pear-card-tab .ant-tabs-tab-active::before{
  background-color: @primary-color!important;
}
.pear-card-tab .tab {
  width: calc(~"(100% - 40px)");
  display: inline-block;
}
.pear-card-tab .ant-tabs-nav-container {
  padding-left: 40px;
  padding-right: 40px;
}
.pear-card-tab .ant-tabs-tab-prev {
  border-right: 1px solid whitesmoke;
  width: 40px !important;
  height: 40px !important;
  line-height: 39px !important;
  text-align: center;
  opacity: 1;
  pointer-events: auto;
  color: rgba(0, 0, 0, 0.65);
}
.pear-card-tab .ant-tabs-tab-next {
  border-left: 1px solid whitesmoke;
  width: 40px !important;
  height: 40px !important;
  line-height: 39px !important;
  text-align: center;
  opacity: 1;
  pointer-events: auto;
  color: rgba(0, 0, 0, 0.65);
}
.pear-card-tab .tab-tool {
  float: right;
  border: none !important;
  border-left: 1px solid whitesmoke !important;
  width: 40px !important;
  height: 39px !important;
  line-height: 39px !important;
}
.pear-card-tab .ant-tabs-bar {
  margin: 0px !important;
  border: none;
}
.pear-card-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  border-radius: 0px;
  border: none;
  height: 40px !important;
  line-height: 40px !important;
  color: #808695;
  background-color: white;
  margin-right: 0px;
  border-right: whitesmoke 1px solid;
}
.pear-card-tab .ant-tabs-nav-container {
  height: 40px;
}
.pear-card-tab .ant-tabs-nav .ant-tabs-tab::before {
  background-color: whitesmoke;
  height: 8px;
  width: 8px;
  border-radius: 50px;
  position: absolute;
  margin-top: 17px;
  margin-left: 13px;
}
.pear-card-tab .ant-tabs-nav .ant-tabs-tab > div {
  margin-left: 13.5px;
  color: #808695;
}

// tab 标 签 样 式
.pear-label-tab {
  height: 45.5px;
  line-height: 45.5px;
}
.pear-label-tab .tab {
  width: calc(~"(100% - 40px)");
  display: inline-block;
}
.pear-label-tab .ant-tabs-tab-prev {
  border-right: 1px solid whitesmoke;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center;
}
.pear-label-tab .ant-tabs-tab-active{
  background-color: @primary-color!important;
}
.pear-label-tab .ant-tabs-tab-active *{
  color:white!important;
}
.pear-label-tab .ant-tabs-tab-next {
  border-left: 1px solid whitesmoke;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center;
}
.pear-label-tab .tab-tool {
  float: right;
  top: 6px;
  right: 6px;
  border: none;
}
.pear-label-tab .ant-tabs-bar {
  margin: 0px !important;
  border: none;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.pear-label-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  border-radius: 3px;
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  height: 34px !important;
  line-height: 34px !important;
  color: #808695;
  background-color: white;
}
.pear-label-tab
  .ant-tabs.ant-tabs-card
  .ant-tabs-card-bar
  .ant-tabs-tab:first-child {
  margin-left: 6px;
}
.pear-label-tab
  .ant-tabs.ant-tabs-card
  .ant-tabs-card-bar
  .ant-tabs-tab:last-child {
  margin-right: 6px;
}
.pear-label-tab .ant-tabs-nav-container {
  height: 34px;
}
.pear-label-tab .ant-tabs-nav .ant-tabs-tab::before {
  display: none;
}
.pear-label-tab .ant-tabs-nav .ant-tabs-tab > div {
  color: #808695;
}

// 路由动画
.fade-right-enter-active {
  transition: all .90s;
}
.fade-right-leave-active{
  transition: all .90s;
}
.fade-right-enter-from {
  opacity: 0;
  transform: translateX(-35px);
}
.fade-right-leave-to {
  opacity: 0;
  transform: translateX(35px);
  display: none;
}

.fade-top-enter-active {
  transition: all .90s;
}
.fade-top-leave-active{
  transition: all .90s;
}
.fade-top-enter-from {
  opacity: 0;
  transform: translateY(35px);
}
.fade-top-leave-to {
  opacity: 0;
  transform: translateY(-35px);
  display: none;
}

/** Antd 的 通 用 美 化 */

.ant-card {
  border-radius: 4px !important;
}
.ant-card-bordered {
  border: none !important;
}
.ant-divider {
  background-color: whitesmoke !important;
}
.ant-layout-content {
  flex: 1 !important;
}
.ant-table-title {
  padding: 0 !important;
}