en-shoubo-pc/src/views/Visit/Reservation/index.scss

.reservation {
  margin-bottom: 20px;

  &-container {
    width: 1180px;
    margin: auto;
  }

  strong {
    font-weight: 700;
    font-size: 16px;
  }

  .public {
    overflow: hidden;
    transition: all 0.3s;
    height: 39px;
    background-color: rgba(206, 36, 69, 0.97);
    width: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 60px;
    & > div {
      width: 1180px;
      margin: 0 auto;
      padding: 5px 0;
      font-size: 18px;
      line-height: 1.6;
      color: #fff;
      & > span {
        float: right;
      }
    }
  }
  .hintShow {
    height: 0px;
  }
  :deep(.mm1) {
    height: 1%;
    overflow: hidden;
    padding-bottom: 30px;
    .mm1l {
      width: 550px;
      float: left;
      font-size: 18px;
      line-height: 28px;
      & > p {
        font-size: 14px;
      }
    }
    .mm1r {
      width: 590px;
      float: right;
      padding-top: 43px;
      & > p {
        padding: 15px;
        font-size: 14px;
        line-height: 28px;
      }
      & > h2 {
        cursor: pointer;
        clear: both;
        background-color: #c90006;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-weight: normal;
      }
    }
  }

  .collapse {
    --el-collapse-content-bg-color: var(--white-bg);
    --el-collapse-content-text-color: var(--black-text-color);

    :deep(.el-collapse-item) {
      margin-bottom: 1px;

      &:nth-child(1) .el-collapse-item__header {
        background: url("@/assets/images/Visit/m-28.jpg");
      }
      &:nth-child(2) .el-collapse-item__header {
        background: url("@/assets/images/Visit/m-29.jpg");
      }
      &:nth-child(3) .el-collapse-item__header {
        background: url("@/assets/images/Visit/m-30.jpg");
      }
      &.is-active {
        .el-collapse-item__header::after {
          background-image: url("@/assets/images/Visit/m-32.png");
        }
      }
      .el-collapse-item__header {
        position: relative;
        padding: 0 10px;
        height: 50px;
        border: none;
        color: white;
        font-size: 24px;

        &::after {
          content: "";
          position: absolute;
          top: 50%;
          right: 30px;
          width: 14px;
          height: 14px;
          background: url("@/assets/images/Visit/m-31.png") no-repeat center /
            contain;
          transform: translateY(-50%);
        }
      }
      .el-collapse-item__arrow {
        display: none;
      }
    }

    .in-sidebar {
      padding: 0 20px;
      font-size: 18px;
      line-height: 28px;

      .firstRow {
        p {
          height: 1px;
        }
      }
      :deep(strong) {
        font-weight: 700;
        font-size: 16px;
      }
      :deep(img) {
        border: none;
        vertical-align: top;
        max-width: 100%;
      }
    }
  }
}