@import '@css/mixin.scss';
@import '@css/list-box.scss';
@import '@css/comment-box.scss';
.l-box {
  padding-top: 120px;
}
.scoped-header {
  display: flex;
  padding: 20px;
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
  box-sizing: border-box;
  // flex-wrap: wrap;
  // width: calc(160px * 5 + 20px * 6);
  // overflow-x: scroll;
  .sh-op {
    width: 160px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #f2f2f2;
    color: #666;
    font-size: 26px;
    margin-right: 20px;
    &:last-child {
      margin-right: 0;
    }
    &.cur {
      background: #e0eefd;
      color: #2d8cf0;
    }
  }
}
.scoped-photo {
  padding: 0 20px 20px;
  .sp-title {
    color: #666;
    font-size: 28px;
    padding-bottom: 10px;
  }
  .sp-main {
    display: flex;
    flex-wrap: wrap;
  }
  .sp-op {
    width: 25%;
    margin-bottom: 10px;
  }
  .sp-img {
    width: 160px;
    height: 160px;
    border: 1PX solid #f2f2f2;
  }
}
