.jingxuan {
  .banner {
    height          : 458px;
    background-color: #f1ef91;

    .pic {
      background-position: center;
      background-size    : cover;
      width              : 960px;
      margin-left        : 240px;
      height             : 458px;
    }
  }

  .jingxuan-main {
    .jingxuan-tit {
      font-size     : 26px;
      color         : #333333;
      line-height   : 1em;
      padding-bottom: 30px;

      a {
        font-size: 18px;
      }
    }

    .ad {
      width: 240px;

      a {
        display: block;

        img {
          display: block;
          width  : 100%;
        }
      }
    }

    .swiper-container {
      width: 100%;

      .swiper-slide {
        width: 240px;

        &.ad {
          width: 480px;

          img {
            display: block;
            width  : 100%;
          }
        }

        a {
          display: block;
          border : 1px solid #f1f1f1;
          @include tr(0.4s,border);

          &:hover {
            border: 1px solid #3ea600;
            @include tr(0.4s,border);
          }

          .pic {
            width              : 198px;
            height             : 200px;
            margin             : 20px 20px 0;
            background-size    : cover;
            background-position: center;
          }

          .content {
            height    : 48px;
            padding   : 15px;
            margin-top: -2px;
            position  : relative;

            .title {
              font-size    : 18px;
              line-height  : 18px;
              margin-bottom: 6px;
            }

            .price {
              color    : #c30000;
              font-size: 14px;

              span {
                font-size  : 24px;
                line-height: 24px;
                display    : inline-block;
              }
            }

            .more {
              position        : absolute;
              bottom          : 15px;
              right           : 15px;
              width           : 70px;
              line-height     : 26px;
              color           : #fff;
              border-radius   : 5px;
              font-size       : 14px;
              background-color: #ff870f;
              text-align      : center;
            }
          }
        }
      }

      .button-prev {
        background-color: #b2b2b2;
        color           : #fff;
        position        : absolute;
        width           : 30px;
        height          : 44px;
        line-height     : 44px;
        z-index         : 10;
        top             : 50%;
        margin-top      : -22px;
        left            : 0;
        text-align      : center;
        cursor          : pointer;
      }

      .button-next {
        background-color: #b2b2b2;
        color           : #fff;
        position        : absolute;
        width           : 30px;
        height          : 44px;
        line-height     : 44px;
        z-index         : 10;
        top             : 50%;
        margin-top      : -22px;
        right           : 0;
        text-align      : center;
        cursor          : pointer;
      }
    }
  }
}
