.panel-frame {
  // border: 1px solid;

  .panel-frame-title {
    height: 4.5vh;
    font-size: 0.15rem;
    line-height: 5vh;
    position: relative;

    .panel-frame-title-text {
      position: absolute;
      height: 100%;
      left: 0.15rem;
      display: flex;
      align-items: center;
      top: 0;
      font-size: 0.20rem;
    }
    // border-bottom: 1px solid;

    .panel-frame-title-one {
      background-image: url("/src/assets/bg/module-bg2.png");
      display: inline-block;
      width: 78px;
      height: 100%;
      background-size: 100% 100%;
    }

    .panel-frame-title-two {
      background-image: url("/src/assets/bg/module-bg1.png");
      display: inline-block;
      width: 78px;
      height: 100%;
      background-size: 100% 100%;
    }

    .panel-frame-title-three {
      background-image: url("/src/assets/bg/module-bg3.png");
      display: inline-block;
      width: 78px;
      height: 100%;
      background-size: 100% 100%;
    }

    .panel-frame-title-four {
      background-image: url("/src/assets/bg/module-bg4.png");
      display: inline-block;
      width: 78px;
      height: 100%;
      background-size: 100% 100%;
    }

    .panel-frame-title-five {
      background-image: url("/src/assets/bg/module-bg5.png");
      display: inline-block;
      width: 78px;
      height: 100%;
      background-size: 100% 100%;
    }
  }

  .panel-frame-content {
    height: calc(100% - 4.5vh);
    padding: 0.7vw;
    background-image: url("/src/assets/bg/module-bg6.png");
    background-size: 100% 100%;
    position: relative;
    left: -1px;
  }
}


