/* packageH/starMusic/starMusicOpenGroup/starMusicOpenGroup.wxss */

view,
text {
  box-sizing: border-box;
}

.items {
  padding: 0.938rem 0.906rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: left;
}

.items .item {
  width: 48%;
  height: 15rem;
  background-color: #fff;
  border-radius: 0.313rem;
  margin-bottom: 0.906rem;
}

.items .item.active {
  border: 0.05rem solid #f14e4e;
}

.items .item .face image {
  width: 100%;
  height: 10.469rem;
  border-radius: 0.313rem 0.313rem 0 0;
}

.items .item .name {
  padding: 0 0.469rem 0 0.469rem;
  font-size: 0.838rem;
  color: #333;

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

.items .item .num {
  margin-top: 0.25rem;
  padding-left: 0.469rem;
  font-size: 0.625rem;
  color: #333;
}

.send {
  height: 2.5rem;
  background-color: #f14e4e;
  border-radius: 0.469rem;
  position: fixed;
  left: 2.2rem;
  right: 2.2rem;
  bottom: 1.563rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: 0.3s;
}

.send:active {
  background-color: #ef3b3b;
}

.float {
  position: fixed;
  left: 0.84rem;
  bottom: 5rem;
}

.float .btn {
  width: 2.813rem;
  height: 2.813rem;
  margin-top: 0.5rem;
}

.float .btn image {
  width: 2.813rem;
  height: 2.813rem;
}