caimei-authentic-ross-static/css/case.scss

.title {
  font-size: 34px;
  text-align: center;
  margin-top: 100px;
}
.main {
  .case {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    &:nth-child(1) {
      padding-top: 80px !important;
    }

    &:nth-child(odd) {
      height: 690px;
      padding: 120px 0;
      .cover {
        width: 668px;
        height: 410px;
      }
    }
    &:nth-child(even) {
      height: 720px;
      padding: 162px 0;
      background: url(/img/case-bg.png) no-repeat center;
      background-size: auto 720px;
      .cover {
        width: 568px;
        height: 397px;
      }
    }
    .cover {
      background: pink;
    }
    .content {
      position: relative;
      background: skyblue;
      width: 490px;
      height: 410px;
      margin-top: 50px;

      img {
        display: block;
        width: 580px;
        height: 516px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
    }

    .cover {
      img {
        display: block;
        width: 100%;
        height: 100%;
      }
    }
  }
}

.footer {
  margin-top: 0;
}