@charset "UTF-8";
/**
*案例中心详情页
*/
/* line 18, ../sass/case_details.scss */
.share {
  height: auto;
  width: 4.1666666667vw;
  position: fixed;
  bottom: 6.25vw;
  right: 4.1666666667vw;
  z-index: 100;
  overflow: hidden; }
  /* line 26, ../sass/case_details.scss */
  .share .share_img {
    width: 4.1666666667vw;
    height: auto;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translateY(100%);
    transition: all .8s ease;
    display: none;
    text-align: center; }
    /* line 37, ../sass/case_details.scss */
    .share .share_img p {
      width: 4.1666666667vw;
      cursor: pointer;
      height: 2.6041666667vw;
      line-height: 2.6041666667vw;
      font-size: 0.9375vw;
      color: #999999;
      display: inline-block; }
    /* line 46, ../sass/case_details.scss */
    .share .share_img .share_vx {
      margin-left: 1.25vw;
      height: 1.875vw;
      width: 1.875vw;
      margin: 0 auto;
      margin-bottom: 0.5208333333vw;
      position: relative; }
      /* line 54, ../sass/case_details.scss */
      .share .share_img .share_vx img {
        height: 100%; }
      /* line 57, ../sass/case_details.scss */
      .share .share_img .share_vx .share_vx_back {
        display: none;
        position: absolute;
        left: -120px;
        transform: translateY(-65%);
        height: 100px;
        width: 100px;
        background-color: white;
        padding-top: 5px; }
    /* line 69, ../sass/case_details.scss */
    .share .share_img a {
      margin-left: 1.25vw;
      height: 1.875vw;
      width: 1.875vw;
      display: block;
      margin: 0 auto;
      margin-bottom: 0.5208333333vw; }
      /* line 76, ../sass/case_details.scss */
      .share .share_img a img {
        height: 100%; }
  /* line 83, ../sass/case_details.scss */
  .share .share_left {
    height: 1.875vw;
    width: 4.1666666667vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    transition: all .8s ease;
    width: 4.1666666667vw; }
    /* line 95, ../sass/case_details.scss */
    .share .share_left p {
      width: 2.0833333333vw;
      font-size: 0.9375vw;
      color: #999999;
      display: inline-block; }
    /* line 103, ../sass/case_details.scss */
    .share .share_left div {
      height: 1.875vw;
      width: 1.875vw;
      display: inline-block; }
      /* line 107, ../sass/case_details.scss */
      .share .share_left div img {
        height: 100%; }

/* line 114, ../sass/case_details.scss */
.share_vx_auto {
  overflow: visible; }
  /* line 116, ../sass/case_details.scss */
  .share_vx_auto .share_img {
    overflow: visible; }
    /* line 119, ../sass/case_details.scss */
    .share_vx_auto .share_img .share_vx .share_vx_back {
      display: block; }

/* line 127, ../sass/case_details.scss */
.share_auto .share_img {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0); }

/* line 134, ../sass/case_details.scss */
.main {
  height: auto;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 6.25vw; }
  /* line 142, ../sass/case_details.scss */
  .main .back_bottom {
    height: 3.3333333333vw;
    width: 100%;
    padding-left: 17.65625vw;
    padding-right: 10vw;
    display: flex;
    align-items: center; }
    /* line 152, ../sass/case_details.scss */
    .main .back_bottom .back_left {
      position: absolute;
      float: left; }
      /* line 155, ../sass/case_details.scss */
      .main .back_bottom .back_left div {
        height: 2.7083333333vw;
        width: 2.7083333333vw;
        float: left; }
        /* line 162, ../sass/case_details.scss */
        .main .back_bottom .back_left div img {
          height: 100%; }
      /* line 167, ../sass/case_details.scss */
      .main .back_bottom .back_left p {
        display: inline-block;
        font-size: 14px;
        letter-spacing: 0.88px;
        line-height: 2.7083333333vw; }
  /* line 176, ../sass/case_details.scss */
  .main .main_1 {
    height: auto;
    width: 100%;
    position: relative;
    top: 0;
    left: 0; }
    /* line 183, ../sass/case_details.scss */
    .main .main_1 .case {
      height: auto;
      width: 100%;
      position: relative;
      top: 0;
      left: 0; }
      /* line 190, ../sass/case_details.scss */
      .main .main_1 .case .case_1 {
        height: auto;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        padding-top: 3.7142857143vh;
        padding-left: 17.65625vw;
        padding-right: 10vw; }
        /* line 200, ../sass/case_details.scss */
        .main .main_1 .case .case_1 .headline {
          height: auto;
          width: 100%;
          padding-bottom: 4.7619047619vh; }
          /* line 205, ../sass/case_details.scss */
          .main .main_1 .case .case_1 .headline .headline_name {
            height: auto;
            width: 100%;
            margin-bottom: 4.7619047619vh; }
            /* line 211, ../sass/case_details.scss */
            .main .main_1 .case .case_1 .headline .headline_name .headline_name_list {
              height: auto;
              width: 100%;
              font-size: 3.7142857143vh;
              letter-spacing: 0.2504761905vh;
              color: #333333;
              text-align: left;
              visibility: hidden;
              animation-delay: 0s; }
          /* line 225, ../sass/case_details.scss */
          .main .main_1 .case .case_1 .headline .headline_details {
            height: 10.15625vw;
            width: 100%; }
            /* line 228, ../sass/case_details.scss */
            .main .main_1 .case .case_1 .headline .headline_details .headline_details_left {
              height: 10.15625vw;
              width: 41.6666666667vw;
              display: inline-block; }
              /* line 232, ../sass/case_details.scss */
              .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table {
                text-align: left;
                height: 10.15625vw; }
                /* line 236, ../sass/case_details.scss */
                .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table tr {
                  height: 1.4583333333vw; }
                  /* line 238, ../sass/case_details.scss */
                  .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table tr th {
                    height: 1.4583333333vw;
                    line-height: 1.4583333333vw;
                    color: #333333;
                    font-size: 0.8333333333vw;
                    letter-spacing: 2px; }
                  /* line 246, ../sass/case_details.scss */
                  .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table tr td {
                    height: 1.4583333333vw;
                    line-height: 1.4583333333vw;
                    color: #999999;
                    font-size: 0.8333333333vw;
                    letter-spacing: 2px;
                    visibility: hidden; }
                  /* line 254, ../sass/case_details.scss */
                  .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table tr .unit {
                    animation-delay: .1s; }
                  /* line 257, ../sass/case_details.scss */
                  .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table tr .area {
                    animation-delay: .2s; }
                  /* line 261, ../sass/case_details.scss */
                  .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table tr .site {
                    animation-delay: .3s; }
                  /* line 264, ../sass/case_details.scss */
                  .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table tr .design {
                    animation-delay: .4s; }
                  /* line 268, ../sass/case_details.scss */
                  .main .main_1 .case .case_1 .headline .headline_details .headline_details_left table tr .group {
                    animation-delay: .5s; }
            /* line 276, ../sass/case_details.scss */
            .main .main_1 .case .case_1 .headline .headline_details .headline_details_right {
              height: 10.15625vw;
              width: 18.2291666667vw;
              float: right;
              animation-delay: .7s;
              visibility: hidden; }
              /* line 283, ../sass/case_details.scss */
              .main .main_1 .case .case_1 .headline .headline_details .headline_details_right img {
                height: 100%;
                width: 100%; }
        /* line 292, ../sass/case_details.scss */
        .main .main_1 .case .case_1 .details {
          height: auto;
          width: 100%; }
          /* line 295, ../sass/case_details.scss */
          .main .main_1 .case .case_1 .details video {
            margin: 0 auto;
            display: block; }
          /* line 299, ../sass/case_details.scss */
          .main .main_1 .case .case_1 .details p {
            font-size: 1.5238095238vh;
            line-height: 3.0476190476vh;
            letter-spacing: 0.1904761905vh;
            color: #999999;
            margin-bottom: 3.4285714286vh; }
          /* line 308, ../sass/case_details.scss */
          .main .main_1 .case .case_1 .details .details_1 {
            animation-delay: .8s; }
          /* line 312, ../sass/case_details.scss */
          .main .main_1 .case .case_1 .details img {
            width: 52.9166666667vw;
            height: auto;
            margin: 0 auto;
            display: block; }
          /* line 320, ../sass/case_details.scss */
          .main .main_1 .case .case_1 .details .details_2 {
            animation-delay: .9s; }

/* line 329, ../sass/case_details.scss */
.button-prev, .button-next {
  position: fixed;
  top: 50%;
  width: 3.75vw;
  height: 3.75vw;
  margin-top: -36px;
  outline: none;
  z-index: 10;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  /* line 341, ../sass/case_details.scss */
  .button-prev a, .button-next a {
    height: 100%;
    width: 100%;
    display: inline-block; }

/* line 347, ../sass/case_details.scss */
.button-next {
  background-image: url(../images/Group9Copy5.png);
  right: 3.75vw;
  left: auto; }

/* line 352, ../sass/case_details.scss */
.button-prev {
  background-image: url(../images/Group9Copy8.png);
  left: 11.4vw;
  right: auto; }

/*# sourceMappingURL=case_details.css.map */