.container{
  padding-bottom: 147px;
  // padding-top: 60px;
  .title{
    padding-top: 20px;
    font-size: 16px;
  }
}

.popup{
  :global{
    .van-cell-group::after{
      display: none;
    }
  }
}

.lib{
  width: 280px;
  padding: 20px;
  :global{
    .van-button{
      border: none;
      width: 20px;
      height: 20px;
    }
  }
  .item{
    font-size: 16PX;
    padding: 10PX;
    text-align: center;
  }
  .active{
    color: var(--main-color);
  }
}

.osmd{
  img {
    content: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
    background-color: rgba(1, 193, 181, .49);
    border: 2px solid #01C1B5;
    border-radius: 2px;
    // width: 0;
    // height: 0;
    // position: relative;
    // &:after{
    //   position: absolute;
    //   display: block;
    // }
  }
}

@media screen and (orientation:landscape) {
  .container{
    padding-bottom: 58px;
  }
  .lib{
    width: 200px;
  }
}
