.type-one--container[data-v-2e60bf03] {
  width: 7.02rem;
  height: 3.6rem;
  margin-bottom: 0.32rem;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  border-radius: 0.2rem;
}
.type-one--image[data-v-2e60bf03] {
  width: 2.28rem;
  height: 3.04rem;
  border-radius: 0.12rem;
  margin-top: 0.28rem;
  margin-left: 0.28rem;
}
.type-one--content[data-v-2e60bf03] {
  flex: 1 1;
  margin-left: 0.16rem;
  padding-top: 0.36rem;
  padding-bottom: 0.3rem;
  position: relative;
}
.type-one--title[data-v-2e60bf03] {
  color: #333333;
  font-size: 0.28rem;
  line-height: 0.36rem;
  max-width: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 600;
}
.type-one--text[data-v-2e60bf03] {
  font-size: 0.24rem;
  line-height: 0.3rem;
  max-width: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
  margin-top: 0.08rem;
}
.type-one--style-container[data-v-2e60bf03] {
  margin-top: 0.24rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 4rem;
  height: 0.92rem;
  overflow: hidden;
  margin-bottom: 0.36rem;
}
.type-one--style-item[data-v-2e60bf03] {
  font-size: 0.24rem;
  line-height: 0.4rem;
  max-width: 3.64rem;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
  padding: 0 0.24rem;
  background-color: rgba(172,183,201,0.2);
  margin-right: 0.12rem;
  margin-bottom: 0.12rem;
  height: 0.4rem;
  border-radius: 0.08rem;
}
.type-one--btn[data-v-2e60bf03] {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  max-width: 4rem;
  display: flex;
  flex-direction: row;
}
.type-one--play[data-v-2e60bf03] {
  padding: 0 0.2rem 0 0.16rem;
  height: 0.46rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #5d9dff;
  font-size: 0.24rem;
  line-height: 0.46rem;
  color: #5d9dff;
  margin-right: 0.12rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-one--play-image[data-v-2e60bf03] {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.06rem;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20210126/156659a5c1472822d447fa8bf0b4b181/9ZuwSLoMax.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.type-one--follow[data-v-2e60bf03] {
  padding: 0 0.2rem 0 0.16rem;
  height: 0.48rem;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.48rem;
  background-color: #5d9dff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-one--follow-image[data-v-2e60bf03] {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.06rem;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20210126/156659a5c1472822d447fa8bf0b4b181/UX2ECcrSIm.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.type-one--followed[data-v-2e60bf03] {
  padding: 0 0.2rem 0 0.16rem;
  height: 0.46rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #5d9dff;
  font-size: 0.24rem;
  line-height: 0.46rem;
  color: #5d9dff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-one--followed-image[data-v-2e60bf03] {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.06rem;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20210126/156659a5c1472822d447fa8bf0b4b181/P3pAsOpNvH.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.type-two--item[data-v-46c86fe9]:nth-child(2n) {
  margin-left: 0.16rem;
}
.type-two--image[data-v-46c86fe9] {
  position: relative;
  width: 3.18rem;
  height: 4.24rem;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.12rem;
  overflow: hidden;
}
.type-two--text[data-v-46c86fe9] {
  margin-top: 0.16rem;
  color: #333333;
  font-size: 0.28rem;
  line-height: 0.36rem;
  height: 0.36rem;
  max-width: 3.18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.type-two--mask[data-v-46c86fe9] {
  width: 3.18rem;
  height: 1.22rem;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.55));
  position: absolute;
  bottom: 0;
  right: 0;
}
.type-two--play[data-v-46c86fe9] {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: 0.14rem;
  bottom: 0.04rem;
}
.type-two--follow-container[data-v-46c86fe9] {
  width: 0.66rem;
  height: 0.66rem;
  border-top-left-radius: 0.12rem;
  border-bottom-right-radius: 0.12rem;
  background-color: rgba(0,0,0,0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.type-two--follow[data-v-46c86fe9] {
  width: 0.46rem;
  height: 0.46rem;
}
.bili-message-fade-enter-active[data-v-184b9c5b],
.bili-message-fade-leave-active[data-v-184b9c5b] {
  transition: all .36s;
  opacity: 1;
  transform: translateY(0) translateX(-50%) !important;
}
.bili-message-fade-enter[data-v-184b9c5b],
.bili-message-fade-leave-to[data-v-184b9c5b] {
  opacity: 0;
  transform: translateY(0.3rem) translateX(-50%) !important;
}
.bili-message[data-v-184b9c5b] {
  position: fixed;
  left: 50%;
  bottom: 1.6rem;
  max-width: 5rem;
  min-height: 0.38rem;
  line-height: 0.38rem;
  border-radius: 0.08rem;
  padding: 0.2rem 0.26rem;
  font-size: 0.28rem;
  color: #fff;
  background: rgba(0,0,0,0.6);
  transform: translateX(-50%);
}
.bili-message .bili-message-content[data-v-184b9c5b] {
  margin: 0;
}
.card-container[data-v-2964abc9] {
  margin: 0.16rem 0.24rem 0 0.24rem;
}
.type-two--container[data-v-2964abc9] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 0.2rem;
  margin-bottom: 0.32rem;
  padding: 0.24rem 0.24rem 0.36rem 0.24rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.type-one--container[data-v-36891271] {
  width: 7.02rem;
  height: 3.6rem;
  margin-bottom: 0.32rem;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  border-radius: 0.2rem;
}
.type-one--image[data-v-36891271] {
  width: 2.28rem;
  height: 3.04rem;
  border-radius: 0.12rem;
  margin-top: 0.28rem;
  margin-left: 0.28rem;
}
.type-one--content[data-v-36891271] {
  flex: 1 1;
  margin-left: 0.16rem;
  padding-top: 0.36rem;
  padding-bottom: 0.3rem;
  position: relative;
}
.type-one--title[data-v-36891271] {
  color: #333333;
  font-size: 0.28rem;
  line-height: 0.36rem;
  max-width: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 600;
}
.type-one--text[data-v-36891271] {
  font-size: 0.24rem;
  line-height: 0.3rem;
  max-width: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
  margin-top: 0.08rem;
}
.type-one--style-container[data-v-36891271] {
  margin-top: 0.24rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 4rem;
  height: 0.92rem;
  overflow: hidden;
  margin-bottom: 0.36rem;
}
.type-one--style-item[data-v-36891271] {
  font-size: 0.24rem;
  line-height: 0.4rem;
  max-width: 3.64rem;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
  padding: 0 0.24rem;
  background-color: rgba(172,183,201,0.2);
  margin-right: 0.12rem;
  margin-bottom: 0.12rem;
  height: 0.4rem;
  border-radius: 0.08rem;
}
.type-one--btn[data-v-36891271] {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  max-width: 4rem;
  display: flex;
  flex-direction: row;
}
.type-one--play[data-v-36891271] {
  padding: 0 0.2rem 0 0.16rem;
  height: 0.46rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #5d9dff;
  font-size: 0.24rem;
  line-height: 0.46rem;
  color: #5d9dff;
  margin-right: 0.12rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-one--play-image[data-v-36891271] {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.06rem;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20210126/156659a5c1472822d447fa8bf0b4b181/9ZuwSLoMax.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.type-one--follow[data-v-36891271] {
  padding: 0 0.2rem 0 0.16rem;
  height: 0.48rem;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.48rem;
  background-color: #5d9dff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-one--follow-image[data-v-36891271] {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.06rem;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20210126/156659a5c1472822d447fa8bf0b4b181/UX2ECcrSIm.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.type-one--followed[data-v-36891271] {
  padding: 0 0.2rem 0 0.16rem;
  height: 0.46rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #5d9dff;
  font-size: 0.24rem;
  line-height: 0.46rem;
  color: #5d9dff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.type-one--followed-image[data-v-36891271] {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.06rem;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20210126/156659a5c1472822d447fa8bf0b4b181/P3pAsOpNvH.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.type-two--item[data-v-4ef0c357]:nth-child(2n) {
  margin-left: 0.16rem;
}
.type-two--image[data-v-4ef0c357] {
  position: relative;
  width: 3.18rem;
  height: 4.24rem;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.12rem;
  overflow: hidden;
}
.type-two--text[data-v-4ef0c357] {
  margin-top: 0.16rem;
  color: #333333;
  font-size: 0.28rem;
  line-height: 0.36rem;
  height: 0.36rem;
  max-width: 3.18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.type-two--mask[data-v-4ef0c357] {
  width: 3.18rem;
  height: 1.22rem;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.55));
  position: absolute;
  bottom: 0;
  right: 0;
}
.type-two--play[data-v-4ef0c357] {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: 0.14rem;
  bottom: 0.04rem;
}
.type-two--follow-container[data-v-4ef0c357] {
  width: 0.66rem;
  height: 0.66rem;
  border-top-left-radius: 0.12rem;
  border-bottom-right-radius: 0.12rem;
  background-color: rgba(0,0,0,0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.type-two--follow[data-v-4ef0c357] {
  width: 0.46rem;
  height: 0.46rem;
}
.bili-message-fade-enter-active[data-v-f74176a6],
.bili-message-fade-leave-active[data-v-f74176a6] {
  transition: all .36s;
  opacity: 1;
  transform: translateY(0) translateX(-50%) !important;
}
.bili-message-fade-enter[data-v-f74176a6],
.bili-message-fade-leave-to[data-v-f74176a6] {
  opacity: 0;
  transform: translateY(0.3rem) translateX(-50%) !important;
}
.bili-message[data-v-f74176a6] {
  position: fixed;
  left: 50%;
  bottom: 1.6rem;
  max-width: 5rem;
  min-height: 0.38rem;
  line-height: 0.38rem;
  border-radius: 0.08rem;
  padding: 0.2rem 0.26rem;
  font-size: 0.28rem;
  color: #fff;
  background: rgba(0,0,0,0.6);
  transform: translateX(-50%);
}
.bili-message .bili-message-content[data-v-f74176a6] {
  margin: 0;
}
.card-container[data-v-fe71fa92] {
  margin: 0.16rem 0.24rem 0 0.24rem;
}
.type-two--container[data-v-fe71fa92] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 0.2rem;
  margin-bottom: 0.32rem;
  padding: 0.24rem 0.24rem 0.36rem 0.24rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}