a, a:active, a:hover, a:visited {

  text-decoration: none;

  color: #262626;

}

body {

  overflow: hidden;

  overscroll-behavior: contain !important;

}


html {
  min-height: 0 !important;
}

.my-drawer {

  width: 100%;

  background-color: #FFFFFF;

  overflow: scroll;

  overscroll-behavior: contain !important;

  color: #262626;

  max-width: 7.7rem;
  margin: 0 auto;

  position: fixed;

  top: 0;

  min-height: calc(100vh - 1.65rem);

}

.ct {

  overflow: scroll !important;

  max-width: 7.7rem;
  margin: 0 auto;

}

.my-drawer::-webkit-scrollbar,
.ct::-webkit-scrollbar,
.filter::-webkit-scrollbar {
  display: none;
  appearance: none;
  width: 0;
  height: 0;
}

.filter {
  position: fixed;

  z-index: 20;

  top: 2.32rem;

  width: 100vw;

  overflow-x: scroll;

  border-bottom: 1px solid #E7E7E7;

  background-color: #F7F7F7;

  padding-top: 0.16rem;

  display: flex;

  max-width: 7.7rem !important;
}

.filter-tab-box {

  display: flex;

  flex: 1;

  height: 0.72rem;

  background-color: #FFFFFF;

  white-space: nowrap;

}

.select-item {

  position: relative;

  padding: 0.14rem 0.3rem 0.13rem;

  line-height: 0.45rem;
 
  white-space: nowrap;

  color: #8C8C8C;
}

.select-item.active {

  color: #1890FF;

}

.select-item.active::after {

  content: ' ';

  position: absolute;

  left: calc(50% - 0.1rem);

  bottom: 0;

  width: 0.2rem;

  height: 0.04rem;

  border-radius: 0.03rem;

  background-color: #1890FF;

}

.list {

  width: 100%;

  padding-top: 3.2rem;

  padding-bottom: 1.65rem;

  max-width: 7.7rem;
  margin: 0 auto;
  overflow-y: scroll;

}

.list-item {
  margin: 0.3rem 0.4rem 0;

  width: calc(7.5rem - 0.8rem);

  display: flex;

  justify-content: space-between;

}

.list-item:not(:last-child) {
  border-bottom: 0.01rem solid #E7E7E7;
}

.cover {

  width: 1.26rem;

  height: 1.26rem;

  border-radius: 0.06rem;

  color: #8C8C8C;

  background-color: #E7E7E7;

  text-align: center;

  margin-bottom: 0.3rem;
}

.cover img {

  width: 1.26rem;

  height: 1.26rem;

  object-fit: cover;

}

.list-item .title {
  width: 5.14rem;

  font-size: 0.32rem;

  color: #262626;

  line-height: 0.48rem;

  height: 1rem;

  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}