.raiders {
  height: 100%;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;

  .navbar {
    height: auto;

    .bg-content {
      height: 387px;
      background-image: url("https://file.funcheergame.com/office/image/raiders/news_bg1.png");
    }
  }

  .raiders-content {
    flex: 1;
    .raiders-content-wrapper {
      width: 1200px;
      margin: 80px auto;
      display: flex;
      flex-wrap: wrap;
      align-content: space-around;

      .raiders-item {
        flex: 1;
        min-height: 300px;
        background-color: #fff;
        margin: 12px 12px;
        border: 1px solid #fefefe;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        min-width: 276px;
        max-width: 276px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        cursor: pointer;
        .item-top {
          height: 170px;
          background: url("https://file.funcheergame.com/office/image/raiders/yx_01.png") center no-repeat;
        }
        .item-mid {
          flex: 1;
          padding: 0 14px;
          .title {
            font-size: 16px;
            color: #000;
            margin-top: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .introduction {
            font-size: 14px;
            color: #666;
            margin-top: 24px;
            margin-bottom: 4px;
            /*将对象作为弹性伸缩盒子模型显示*/
            display: -webkit-box;
            /*设置子元素排列方式*/
            -webkit-box-orient: vertical;
            /*设置显示的行数，多出的部分会显示为...*/
            -webkit-line-clamp: 3;
            overflow: hidden;

          }
        }
        .item-bottom {
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          padding: 0 10px 0 0;
          margin-bottom: 20px;
          height: 20px;
          line-height: 20px;
          .item-text {
            text-align: center;
            margin-right: 3px;
          }
        }
      }
    }
  }
}
