play-with-pc/src/layout/layout-talking/style.scss

/* 容器 */
.layout-talking-item{
  width: 206px;
  height: 265px;
  background-color: rgba(255,255,255,0.1);
  border-radius: 10px;
  padding: 0 20px;
  margin-right: 15px;
  transition: .3s;
  margin-top: 20px;
}
.layout-talking-clear-right{
  margin-right: 0 !important;
}
.layout-talking-item:hover{
  transform: translateY(-10px);
}
/* 容器 */

/* 内容 */
.layout-talking-width{
  width: 100%;
}
.layout-talking-button{
  border-radius: 15px 15px 15px 0;
  height: 30px;
  background: $main-linear;
  min-width: 70px;
  width: auto !important;
  max-width: 100%;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 14px;
}
.layout-talking-avatar{
  @include square(120px);
}
.layout-talking-title{
  font-size: 16px;
  line-height: 20px;
  margin-top: 25px;
}
.layout-talking-message{
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255,255,255,0.4);
  margin-top: 10px;
}
.layout-talking-icon{
  width: 12px;
  height: 10px;
}
.layout-talking-number{
  color: #3AFFE5;
  font-size: 14px;
  margin: 0 3px;
}
/* 内容 */

/* 用户中心的样式 */
.layout-talking-user{
  width: 196px;
  height: 254px;
  margin-right: 13px;
  margin-top: 10px;
}
.layout-talking-user:hover{
  transform: translateY(-5px);
}
.layout-talking-user .layout-talking-title,.layout-talking-user  .layout-talking-message{
  max-width: 100%;
  width: auto;
}
.layout-talking-user .layout-talking-title{
  margin-top: 20px;
}
/* 用户中心的样式 */