@import '@css/mixin.scss';
page {
  height: 100%;
  background: #f2f2f2;
  font-size: 28px;
}
.l-scroll-view {
  height: calc(100vh);
  box-sizing: border-box;
}

.scoped-list {
  .sl-item {
    @include itemBox(20px);
    background: #fff;
    position: relative;
  }
  .sl-p1 {
    font-size: 34px;
    color: #313131;
    font-weight: bold;
    padding-bottom: 10px;
  }
  .sl-p2 {
    border-bottom: 1PX solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 10px;
    .op {
      display: inline-block;
      vertical-align: middle;
      color: $mainColor;
      margin-right: 20px;
      &.t2 {
        color: #e94141;
        .k {
          border-color: #e94141;
        }
      }
    }
    .k {
      display: inline-block;
      vertical-align: middle;
      border: 1PX solid $mainColor;
      font-size: 22px;
      border-radius: 10px;
      padding: 3px 8px;
      margin-right: 4px;
    }
    .v {
      display: inline-block;
      vertical-align: middle;
      font-size: 24px;
    }
  }
  .sl-p3 {
    color: #5d4d4d;
    font-size: 24px;
  }
  .sl-r1 {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #9b9b9b;
    font-size: 24px;
    .n {
      display: inline-block;
      color: #e94141;
      font-size: 40px;
      font-weight: bold;
    }
  }
}