html, body{
  padding: 0;
  margin: 0;
}
[un-cloak] {
  display: none;
}

a{
  text-decoration: none;
  color: inherit;
}
input, textarea{
  outline: none;
  font-family: "微软雅黑";
}

.tpl:hover .hover-modal{
  display: flex;
}


.search-item{
    background-color: transparent;
    color: #333;
}
.search-item.search-item--active{
    background-color: #E7F1FF;
    color: #4B96FB;
}

.juzhen .line{
  width: 0;
}
.juzhen.active .line {
  width: 152px;
  transition: width .16s;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-con:hover .user-nav{
    display: block;
}
.user-nav{
    display: none;
}