body, html {
  line-height: 1;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
  // user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: $color-background;
  color: $color-text;
}
.wrap{
  width: 1200px;
  margin: 0 auto;
}

.full-body{
  min-height: 100vh;
}

.middle-img{
  display: inline-block;
  vertical-align: middle;
}

.g-relative {
  position: relative;
}

.slide-enter-active, .slide-leave-active {
  transition: all 0.3s
}

.slide-enter-from, .slide-leave-to {
  transform: translate3d(100%, 0, 0)
}

.list-enter-active, .list-leave-active {
  transition: all 0.3s;
}

.list-enter-from, .list-leave-to {
  height: 0 !important;
}

.page-con{
  overflow: hidden;
  padding-top: 50px;
  margin-bottom: 50px;
  .base-info{
      float: right;
      width: 457px;
      padding-left: 45px;
      box-sizing: border-box;
      .name{
          font-size: 18px;
          font-weight: 400;
          color: #1C1C1C;
          line-height: 25px;
          margin-bottom: 27px;
      }
      .base-info-item{
          font-size: 14px;
          font-weight: 400;
          color: #1C1C1C;
          line-height: 20px;
          margin-bottom: 18px;
          i{
              margin-right: 5px;
          }
      }
  }
  .left-content{
      width: 743px;
      float: left;
      box-sizing: border-box;
      padding: 0px 59px 20px 0;
      border-right: 1px solid #CACACA;

  }

}

@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}