body {
    margin: 0;
    padding: 0;
  }

  /* banner和面包屑 start */
  .banner-intro {
    width: 100%;
    height: 290px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
  }

  .banner-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
  }

  .banner-intro .main {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }

  .banner-intro.news-bg {
    background-image: url('/static/image/entInfo-paid/product-background-0c65de7df22cdc06f48d388d1395afff.png');
  }

  .local-title {
    font-size: 58px;
    font-weight: 500;
    line-height: 58px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
  }

  .local-nav .arrow,
  .local-nav a {
    font-family: AlibabaPuHuiTi;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
  }

  .local-nav a:hover {
    color: #3C7BFF;
  }

  .local-nav a.no-active:hover {
    color: #FFFFFF;
    text-decoration: none;
    cursor: auto;
  }

  /* banner和面包屑 end */

  .loading {
    text-align: center;
    padding: 20px;
    color: #4b6cb7;
    display: none;
  }

  .spinner {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 4px solid rgba(75, 108, 183, 0.3);
    border-radius: 50%;
    border-top-color: #4b6cb7;
    animation: spin 1s linear infinite;
    margin-right: 10px;
    vertical-align: middle;
  }


  .empty-container {
    width: 420px;
    height: 332px;
    background-image: url('/static/image/entInfo-paid/product_no_content-8768ee5a221773d6464596aef983dd0a.png');
    background-size: cover;
    margin: 46px auto 60px;
  }

  .empty-container .empty-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #646464;
    text-align: center;
    padding-top: 260px;
  }


  /*列表项出现动效*/
  .animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }