llpt_orderchannel-s1h5/douyin/20G618/scss/main.scss

@import "../../../public/scss/reset.scss";
@import "../../../public/scss/unicom.scss";

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 22rem;
  background-image: url("../images/7-1-bg.jpg");
  background-size: 100% 22rem;

  & > .banner-bg {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;

    & > .title {
      position: absolute;
      top: 0.48rem;
      z-index: 1;
      width: 6.69rem;
      height: 5.35rem;
      display: block;
      margin-bottom: 0.21rem;
    }

    & > .main {
      position: absolute;
      top: 1.11rem;
      height: 12.64rem;
      width: 7.5rem;
      display: block;
    }

    & > .btn {
      position: relative;
      margin-top: 10.6rem;
      width: 6.5rem;
      height: 1.5rem;
      display: block;
    }
  }

  .border-text {
    position: relative;
    // width: 100%;
    margin: 0.4rem auto 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    // background-image: url("../images/bg-border.png");
    background-color: rgba(211, 232, 253, 1);
    // border: 4px solid #3b7cff;
    box-shadow: inset 0 0 15px 0.5px #e2f0fe;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 1.6;
    letter-spacing: 10;
    width: 6.53rem;
    height: 9.05rem;
    border-radius: 0.4rem;
    box-sizing: border-box;
    font-size: 0.2rem;
    padding: 0.47rem 2px 0.6rem 0.53rem;
  }

  .content-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    // width: 100%;
    // height: 100%;
    padding-right: calc(0.53rem - 2px);

    overflow-y: scroll;

    .title {
      width: 2.07rem;
      height: 0.3rem;
      margin-top: 0.43rem;
      background-image: url("../images/7-1-text-title.png");
      background-repeat: no-repeat;
      background-size: 2.07rem 0.3rem;
      background-position: center center;
      color: #2783ff;
      margin-bottom: 0.3rem;
      font-weight: 700;
      text-align: center;
      font-size: 0.32rem;
      line-height: .3rem;
    }

    .title-1-cell {
      margin-top: 0;
    }

    .text {
      .text-cell {
        margin-bottom: 0rem;

        .b-text {
          font-weight: 700;
          color: #000;
          font-style: normal;
        }
      }

      & :last-child {
        margin-bottom: 0;
      }
    }
  }

  .content-text::-webkit-scrollbar {
    width: 0.12rem;
  }

  .content-text::-webkit-scrollbar-thumb {
    background-color: #439cf6 !important;
    // width: 0.13rem;
    height: 1.82rem;
    border-radius: 0.065rem;
  }

  .content-text::-webkit-scrollbar-track {
    padding-right: 2px;
  }
}