.release-notes {
  width: 1080px;
  min-height: 70vh;
  margin: 0 auto;
  padding: 0 0 2rem 0; }
  .release-notes .header {
    background: #fff;
    padding: 2rem 0; }
    .release-notes .header h1 {
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 1.5rem;
      text-align: center;
      color: #000000; }
    .release-notes .header .subtitle {
      margin-top: 0.5rem;
      font-size: 0.7rem;
      font-weight: 500;
      line-height: 0.7rem;
      text-align: center;
      color: #000000; }
    .release-notes .header .check-list {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 1.5rem;
      width: 100%;
      height: 1.4rem;
      border-top: 1px solid rgba(0, 0, 0, 0.15);
      border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
      .release-notes .header .check-list li {
        list-style: none;
        cursor: pointer; }
        .release-notes .header .check-list li input[type="checkbox"] {
          display: none; }
        .release-notes .header .check-list li input[type="checkbox"] + label {
          position: relative;
          cursor: pointer; }
        .release-notes .header .check-list li input[type="checkbox"] + label::before {
          margin-right: 0.4rem;
          content: "";
          display: block;
          width: 0.4rem;
          height: 0.4rem;
          background: url("https://static.gethover.com/build/images/release-notes/uncheck-d31c378bce.png") no-repeat;
          background-size: contain;
          background-position: center; }
        .release-notes .header .check-list li input[type="checkbox"]:checked + label::before {
          content: "";
          background: url("https://static.gethover.com/build/images/release-notes/checked-9437e2a87c.png") no-repeat;
          background-size: contain;
          background-position: center; }
        .release-notes .header .check-list li label {
          display: flex;
          align-items: center;
          font-size: 0.35rem;
          line-height: 0.35rem;
          color: #333; }
      .release-notes .header .check-list li + li {
        margin-left: 1rem; }
  .release-notes .info-list {
    display: flex;
    margin-bottom: 2.5rem; }
    .release-notes .info-list .left-box {
      position: relative;
      width: 6rem;
      padding-right: 1.75rem;
      height: fit-content; }
      .release-notes .info-list .left-box .date {
        font-size: 0.35rem;
        line-height: 0.525rem;
        color: #333333; }
      .release-notes .info-list .left-box .related {
        margin: 0.25rem 0;
        font-weight: 600;
        font-size: 0.45rem;
        line-height: 0.54rem;
        color: #333333; }
      .release-notes .info-list .left-box .types {
        display: flex;
        flex-wrap: wrap;
        column-gap: 0.25rem; }
        .release-notes .info-list .left-box .types span {
          margin-bottom: 0.2rem;
          width: fit-content;
          height: 0.65rem;
          line-height: 0.65rem;
          padding: 0 0.25rem;
          border-radius: 0.125rem;
          border: 1px solid #333333;
          font-size: 0.35rem; }
        .release-notes .info-list .left-box .types .mr {
          margin-right: 0.25rem; }
    .release-notes .info-list .left-box::after {
      content: '';
      position: absolute;
      display: block;
      right: 0;
      top: 0;
      width: 1px;
      height: 3.95rem;
      background-color: rgba(0, 0, 0, 0.15); }
    .release-notes .info-list .right-box {
      margin-left: 2rem;
      width: 19rem; }
      .release-notes .info-list .right-box .item + .item {
        margin-top: 1rem; }
      .release-notes .info-list .right-box .title {
        margin-bottom: 0.25rem;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 0.75rem;
        text-align: left;
        color: #000000; }
      .release-notes .info-list .right-box .version, .release-notes .info-list .right-box .others {
        margin-bottom: 0.3rem;
        font-size: 0.5rem;
        font-weight: 500;
        line-height: 0.75rem;
        color: #333; }
      .release-notes .info-list .right-box .logs, .release-notes .info-list .right-box .tips {
        margin-left: 0.5rem; }
        .release-notes .info-list .right-box .logs li, .release-notes .info-list .right-box .tips li {
          list-style: decimal;
          font-size: 0.35rem;
          line-height: 0.525rem;
          color: #333; }
          .release-notes .info-list .right-box .logs li span, .release-notes .info-list .right-box .tips li span {
            display: block;
            line-height: 0.45rem; }
          .release-notes .info-list .right-box .logs li span:last-child, .release-notes .info-list .right-box .tips li span:last-child {
            margin-bottom: 0.1rem; }
          .release-notes .info-list .right-box .logs li .mode-intro-img, .release-notes .info-list .right-box .tips li .mode-intro-img {
            display: block;
            margin: 0.3rem 0;
            width: 60%;
            height: auto; }
          .release-notes .info-list .right-box .logs li span.img-box, .release-notes .info-list .right-box .tips li span.img-box {
            display: flex;
            margin: 0.3rem 0; }
          .release-notes .info-list .right-box .logs li .beacon-img, .release-notes .info-list .right-box .tips li .beacon-img {
            width: 2rem;
            height: auto; }
          .release-notes .info-list .right-box .logs li .beacon-img + .beacon-img, .release-notes .info-list .right-box .tips li .beacon-img + .beacon-img {
            margin-left: 0.6rem; }
          .release-notes .info-list .right-box .logs li .beacon-intro-img0, .release-notes .info-list .right-box .tips li .beacon-intro-img0 {
            display: block;
            margin: 0.3rem 0;
            width: 40%; }
          .release-notes .info-list .right-box .logs li .beacon-intro-img, .release-notes .info-list .right-box .tips li .beacon-intro-img {
            width: 4rem; }
          .release-notes .info-list .right-box .logs li .beacon-intro-img + .beacon-intro-img, .release-notes .info-list .right-box .tips li .beacon-intro-img + .beacon-intro-img {
            margin-left: 0.6rem; }
      .release-notes .info-list .right-box .others {
        margin-top: 0.6rem; }
      .release-notes .info-list .right-box .more {
        margin-top: 0.6rem;
        font-size: 0.35rem;
        line-height: 0.525rem;
        color: #333; }
      .release-notes .info-list .right-box .logs-more .logs {
        margin-top: 0.2rem; }
    .release-notes .info-list .show {
      display: none; }

.back-to-top {
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  position: fixed;
  right: 13.54%;
  bottom: 5.42%;
  z-index: 999;
  cursor: pointer; }

@media screen and (max-width: 1240px) {
  .release-notes {
    width: 27rem; } }

@media screen and (max-width: 768px) {
  .release-notes {
    width: 100%;
    margin: 0;
    padding-bottom: 8vw; }
    .release-notes .header {
      position: sticky;
      top: 48px;
      z-index: 99;
      margin: 0 5.3333vw;
      padding: 8vw 0; }
      .release-notes .header h1 {
        font-size: 6.4vw;
        line-height: 6.4vw; }
      .release-notes .header .subtitle {
        margin-top: 2.6667vw;
        font-size: 3.7333vw;
        line-height: 3.7333vw; }
      .release-notes .header .checks {
        overflow-y: auto; }
      .release-notes .header .check-list {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 8vw;
        width: fit-content;
        min-width: 100%;
        height: 12.8vw; }
        .release-notes .header .check-list li input[type="checkbox"] + label::before {
          margin-right: 2.4vw;
          width: 4.2667vw;
          height: 4.2667vw; }
        .release-notes .header .check-list li label {
          font-size: 3.7333vw;
          line-height: 3.7333vw;
          word-break: keep-all;
          white-space: nowrap; }
        .release-notes .header .check-list li + li {
          margin-left: 5.6vw; }
    .release-notes .info-list {
      display: block;
      width: 89.3333vw;
      margin: 0 auto 3.2vw;
      background-color: #F6F6F6;
      border-radius: 3.2vw;
      padding: 5.3333vw; }
      .release-notes .info-list .left-box {
        position: relative;
        width: 100%;
        height: fit-content; }
        .release-notes .info-list .left-box .date {
          font-size: 2.6667vw;
          line-height: 4vw; }
        .release-notes .info-list .left-box .related {
          margin: 1.0667vw 0;
          font-weight: 500;
          font-size: 3.7333vw;
          line-height: 4.48vw;
          color: #333333; }
        .release-notes .info-list .left-box .types {
          display: flex;
          flex-wrap: wrap;
          column-gap: 1.6vw; }
          .release-notes .info-list .left-box .types span {
            width: fit-content;
            height: 4.8vw;
            line-height: 4.8vw;
            padding: 0 2.1333vw;
            border-radius: 1.3333vw;
            font-size: 2.6667vw; }
          .release-notes .info-list .left-box .types .mr {
            margin-right: 0; }
      .release-notes .info-list .left-box::after {
        content: '';
        position: static;
        margin: 5.3333vw auto;
        width: 78.6667vw;
        height: 0.2667vw;
        background-color: rgba(0, 0, 0, 0.15); }
      .release-notes .info-list .right-box {
        position: relative;
        margin-left: 0;
        width: 100%;
        overflow: hidden;
        transition: all 0.8s; }
        .release-notes .info-list .right-box .item + .item {
          margin-top: 5.3333vw; }
        .release-notes .info-list .right-box .title {
          margin-bottom: 1.6vw;
          font-size: 3.7333vw;
          font-weight: 600;
          line-height: 3.7333vw; }
        .release-notes .info-list .right-box .version, .release-notes .info-list .right-box .others {
          margin-bottom: 1.6vw;
          font-size: 3.2vw;
          font-weight: 500;
          line-height: 4.8vw;
          color: #000; }
        .release-notes .info-list .right-box .logs, .release-notes .info-list .right-box .tips {
          margin-left: 3.7333vw; }
          .release-notes .info-list .right-box .logs li, .release-notes .info-list .right-box .tips li {
            font-size: 2.6667vw;
            line-height: 4vw;
            color: #333; }
            .release-notes .info-list .right-box .logs li span, .release-notes .info-list .right-box .tips li span {
              display: block;
              line-height: 4vw; }
            .release-notes .info-list .right-box .logs li span:last-child, .release-notes .info-list .right-box .tips li span:last-child {
              margin-bottom: 0.5333vw; }
            .release-notes .info-list .right-box .logs li .mode-intro-img, .release-notes .info-list .right-box .tips li .mode-intro-img {
              display: block;
              margin: 2.1333vw 0;
              width: 60%; }
            .release-notes .info-list .right-box .logs li span.img-box, .release-notes .info-list .right-box .tips li span.img-box {
              display: flex;
              margin: 2.1333vw 0; }
            .release-notes .info-list .right-box .logs li .beacon-img, .release-notes .info-list .right-box .tips li .beacon-img {
              width: 12.8vw; }
            .release-notes .info-list .right-box .logs li .beacon-img + .beacon-img, .release-notes .info-list .right-box .tips li .beacon-img + .beacon-img {
              margin-left: 4.8vw; }
        .release-notes .info-list .right-box .others {
          margin-top: 6.4vw; }
        .release-notes .info-list .right-box .more {
          margin-top: 6.4vw;
          font-size: 2.6667vw;
          line-height: 4vw;
          color: #333; }
      .release-notes .info-list .show {
        display: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 5.4667vw;
        font-size: 2.6667vw;
        color: #333;
        line-height: 4vw;
        cursor: pointer; }
        .release-notes .info-list .show img {
          margin-left: 3.2vw;
          width: 9.6vw;
          height: 9.6vw;
          transition: all 0.3s; }
        .release-notes .info-list .show img.rotate {
          transform: rotate(180deg); }
      .release-notes .info-list .elli {
        position: relative; }
      .release-notes .info-list .elli::before {
        content: '...';
        position: absolute;
        left: 3.2vw;
        top: -6.4vw; }
  .back-to-top {
    display: none; } }