/* 案例 */
/* 案例 */
.case-Class .Page, .case-Class .Page .pageCon, .case-Class .Page .pageDiv {
  width: 100%;
  height: 100%;
}

.case-Class .Page {
  position: relative;
}

  .case-Class .Page .pageCon {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: all 0.5s cubic-bezier(0, 0, 0, 1);
    -o-transform: all 0.5s cubic-bezier(0, 0, 0, 1);
    -moz-transform: all 0.5s cubic-bezier(0, 0, 0, 1);
    -ms-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
    transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  }

  .case-Class .Page .pageDiv {
    overflow: hidden;
    position: relative;
    padding-bottom: 159px;
  }

    .case-Class .Page .pageDiv > .Bg {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      -webkit-transform: scale(2,2);
      transform: scale(2,2);
    }

    .case-Class .Page .pageDiv > .Icon, .case-Class .Page .pageDiv > .Title, .case-Class .Page .pageDiv > .viewBtn, .case-Class .Page .pageDiv > .Label {
      position: relative;
      z-index: 10;
    }

    .case-Class .Page .pageDiv > .Icon {
      width: 250px;
      height: 100%;
      -webkit-transform: scale(0.5,0.5);
      transform: scale(0.5,0.5);
      padding: 20px 10px;
      margin: 0 auto;
    }

    .case-Class .Page .pageDiv > .Title, .case-Class .Page .pageDiv > .Label {
      width: 100%;
      display: block;
      color: #fff;
      font-size: 15px;
      text-align: center;
      line-height: 25px;
    }

      .case-Class .Page .pageDiv > .Title.CN {
        font-size: 17px;
      }

    .case-Class .Page .pageDiv > .viewBtn {
      width: 150px;
      height: 39px;
      display: block;
      font-size: 15px;
      text-align: center;
      line-height: 37px;
      border-radius: 20px;
      border: 1px solid #fff;
      margin: 15px auto 0 auto;
    }

      .case-Class .Page .pageDiv > .viewBtn.activated {
        background-color: initial;
      }

    .case-Class .Page .pageDiv > .Label {
      font-size: 25px;
      margin-top: 15px;
    }

/* 案例列表 */
.case-Class .listPage {
  height: 100%;
  position: relative;
  padding-top: 50px;
}

  .case-Class .listPage > .headTop {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 0 50px;
  }

    .case-Class .listPage > .headTop > .returnBtn {
      width: 50px;
      height: 33px;
      position: absolute;
      top: 8px;
      left: 0;
      color: #3dd197;
      line-height: 39px !important;
      border: none;
      border-right: 1px solid #eee;
      background-color: initial;
    }

    .case-Class .listPage > .headTop > .navDiv {
      width: 100%;
      height: 50px;
    }

    .case-Class .listPage > .headTop .navList .list {
      display: -moz-inline-flex;
      display: -webkit-inline-flex;
      display: inline-flex;
    }

    .case-Class .listPage > .headTop .navList .item {
      height: 50px;
      color: #7a7c80;
      font-size: 15px;
      line-height: 50px;
      padding: 0 10px;
      margin: 0 10px;
    }

      .case-Class .listPage > .headTop .navList .item.activated {
        background-color: initial;
      }

      .case-Class .listPage > .headTop .navList .item.On {
        color: #3dd197;
        border-bottom: 3px solid #3dd197;
      }

  .case-Class .listPage > .contentDiv {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

/* 案例详情 */
.case-Class .detailPage, .case-Class .detailPage > .detailScroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.case-Class .detailPage {
  position: relative;
}

  .case-Class .detailPage > .headReturn {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    font-weight: bold;
    border: none;
    border-radius: 17px;
    background-color: #3dd197;
  }

  .case-Class .detailPage > .detailScroll {
    position: relative;
    z-index: 1;
  }

  .case-Class .detailPage .Img > img {
    width: 100%;
  }

/* 动画 */
.case-Class .Page .pageDiv .animateOn {
  -webkit-transform: all 0.5s cubic-bezier(0, 0, 0, 0);
  transition: all 0.5s cubic-bezier(0, 0, 0, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: scale(1,1);
  transform: scale(1,1);
}