@media only screen and (max-width: 500px) {
  body {
    background: #f5f8ff !important;
  }
  .footer-logo-box .logo_blue {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    /* top: -2rem; */
    left: 0;
  }
  .area1 {
    margin-top: 45rem !important;
    margin-bottom: 20rem !important;
  }
  .case-details .position-box {
    font-size: 12rem;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 15.27rem;
    padding: 20rem;
    box-sizing: border-box;
  }
  .case-details .position-box .back-pic {
    width: 20rem;
    height: 20rem;
    display: block;
  }
  .case-details .case-details-box {
    width: 92%;
    margin: 0 auto;
    min-height: 500rem;
    background-color: #fff;
    border-radius: 8rem;
    padding: 26rem 25rem;
    margin-top: 0rem;
    box-sizing: border-box;
  }
  .case-details .case-details-box .title {
    font-size: 25rem;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 31.4rem;
    color: rgba(0, 0, 0, 1);
  }
  .time-box {
    display: none;
  }
  .time-box2 {
    display: flex !important;
  }
  .case-details .case-details-box .tips-box {
    height: 24rem;
    opacity: 1;
    border-radius: 40rem;
    border: 1rem solid rgba(22, 76, 194, 1);
    font-size: 12rem;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 24rem;
    color: rgba(22, 76, 194, 1);
    padding: 0 10rem 0 10rem;
    display: inline-block;
    margin: 6rem 0rem;
  }
  .case-details .case-details-box .time-box2 {
    font-size: 12rem;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 13.27rem;
    color: rgba(0, 0, 0, 0.7);
    text-align: right;
    margin-bottom: 4rem;
  }
  .case-details .case-details-box .time-box2 p {
    margin-right: 10rem;
  }
  .case-details .case-details-box .btn-box {
    font-size: 12rem;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 13.06rem;
    color: rgba(0, 0, 0, 1);
    margin-top: 10rem;
    flex-wrap: wrap;
  }
  .case-details .case-details-box .btn-box .btn {
    opacity: 1;
    border-radius: 40rem;
    background: rgba(22, 76, 194, 1);
    font-size: 12rem;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 24rem !important;
    color: rgba(255, 255, 255, 1);
    margin-left: 0;
    width: auto;
    height: 24rem !important;
    padding: 0 20rem;
    box-sizing: border-box;
    margin: 15rem auto;
  }
  .case-details .case-details-box .con-box .con {
    /* width: calc(100% - 390rem); */
    display: block;
    /* background-color: red; */
    min-height: 500rem;
    margin-top: 0rem;
  }
  .footer-logo-box .txt-box {
    max-width: 70%;
    position: absolute;
    top: 100rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    font-size: 14rem;
    color: #fff;
  }
  .footer-logo-box .btn {
    width: 232.53rem;
    height: 31rem;
    border-radius: 31rem;
    background-color: #fff;
    font-size: 12rem;
    line-height: 31rem;
    margin: 18rem auto;
    overflow: hidden;
  }
}