div {
  box-sizing: border-box;
}

a {

  text-decoration: none;
}
ul{
list-style: none;
}
body {
  margin: 0;
}

#container {
  overflow: scroll;
  display: flex;
  flex-direction: column;
  min-height: 100vh;  
}

.s2 { 
  margin-bottom: 0.9375rem; 
  flex: 1;
  display: flex;
  flex-direction: column;
}

.title {
  margin-top: 3.625rem;
  font-size: 1.25rem;
  font-weight: 800;
  padding: 0.625rem;
  border-bottom: 1px solid #eee;
}

.list-line {
  padding: 0.625rem;
  /* padding-top: 0rem; */
  border-bottom: 1px solid #eee;
}

.list-line > div:first-child {
  font-size: 1rem;
  line-height: 1.5625rem;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333333;
}
.list-line > div:first-child a { color: inherit; }

.list-line > div:last-child {
  font-size: 0.75rem;
  color: #666666;
  display: flex;
  justify-content: space-between;
  margin-top: 0.625rem;
}

.lmenubox{
  width: 100%;
  position: fixed;
  bottom:0px;
  top:0px;
  right:-100%;
  z-index:999;
  
}
.lmenubox>div{
  width: 30%;
  background: rgb(57,57,57);
  float: right;
}
.close { margin-bottom: 1.5625rem; }
.close1{
  width:1.5625rem;
  height: 1.5625rem;
  float:right;
  right:0.625rem;
  top:0.625rem
}
.line{
  padding:0.625rem;
  border-bottom:1px solid #aaaaaa;
  color:white;
  font-size:12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.line a {
  color: inherit;
  text-decoration: none;
}
.lmenubox>p{
  height: 100%;
}