.VideoItem[data-v-371555fa] {
  width: 45%;
  font-size: .3rem;
  margin: .12rem 0;
  overflow: hidden;
  border-radius: .06rem;
}

.VideoItem[data-v-371555fa] :hover {
  cursor: pointer;
}

.VideoItem-Top[data-v-371555fa] {
  position: relative;
}

.VideoItem-Top-video[data-v-371555fa] {
  height: 1.92rem;
  background-size: cover;
  background-position: center;
}

.VideoItem-Top-video-cover[data-v-371555fa] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .96rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-size: cover;
  background-position: center;
}

.VideoItem-Top-information[data-v-371555fa] {
  width: 135%;
  transform: scale(0.7);
  transform-origin: 0% 60%;
  position: absolute;
  bottom: 0;
  left: .06rem;
  display: flex;
  flex-direction: row;
}

.VideoItem-Top-information-playNumber[data-v-371555fa] {
  display: flex;
  flex-direction: row;
}

.VideoItem-Top-information-playNumber-icon[data-v-371555fa] {
  width: .4rem;
  height: .4rem;
  margin-right: .05rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJcSURBVHgB7ZndUcMwDIBVjnfKBDUTUDZIJ6BMQEdgBJiAMkHpBHSDhAmACTATlE5gZGK3SqhrJ7Ebc+fvThclTmIp8q8CkEgkEjEyAA8IIYZ4GJJL9fN98K0RgwGHDjg7gYZmeJiijFAY7Ay1GduEbyVcnX+grNDJArqAxo9RctEvnyjMZOPA5gAecnD72pzo+oseghl0E/J9E4zKe73A6ITyPCcVyJcsUQooDf41FF9qM9YZsetbTF2aoVzD7iPKuq6c+xC+8Nk1nCGR9ar6NfMmD1My6BFZP7FlrSLW6KE3iIBaNMa07MTwDPX0C+LgleiNnVhD5JicYESPJRKc6IwWnEAARDlBTsEvdCivdGyXSHBoABo/w4McDF5UZ5yBH6gTZ7QgRCRuic5QFnKECznPmJwYEd3HjCxHExmVRQdnqB3ntMAlEt6WFVAuI3J05A6ac9TmZIOhPPpcyvThhIahuK+DDtCnE97o0wmO0qZv/KEPJ2QHfcA9wUXXvbXm1HB9Q3Sfe+gnlPuWGymjHSYnjFO8A5s91woov34B7aF2cFoQojkVtcpu0PhJ54zFAbxHAo2d4/i/gnKWLjzuwRnRKyvrEM1JJ8M4HAlTc+JEH0EcMKJzWvCfJjvaIipN1OQETVBlEAfNVtYyJaJSIzGmbESTB+eRJs8W9XtsaUy5zaQpRDl0LtU5h3BpTJ3KzKDcKQ5JnZP6ciVUQplb7tWGahjYMSaUrewJZx/kopb1o7T5yXKpLjEI95NF/2iRM7P1J4uX310SUe34zHK7NnR77rNvJRKJRBz8ACa4Ztw/eESiAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.VideoItem-Top-information-playNumber-text[data-v-371555fa] {
  height: .4rem;
  color: #fff;
  font-size: .3rem;
  line-height: .4rem;
}

.VideoItem-Top-information-timeNumber[data-v-371555fa] {
  display: flex;
  flex-direction: row;
}

.VideoItem-Top-information-timeNumber-icon[data-v-371555fa] {
  width: .4rem;
  height: .4rem;
  margin-right: .05rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.VideoItem-Top-information-timeNumber-text[data-v-371555fa] {
  height: .4rem;
  color: #fff;
  font-size: .3rem;
  line-height: .4rem;
}

.VideoItem-Top-information-barrageNumber[data-v-371555fa] {
  margin-left: .2rem;
  display: flex;
  flex-direction: row;
}

.VideoItem-Top-information-barrageNumber-icon[data-v-371555fa] {
  width: .4rem;
  height: .4rem;
  margin-right: .05rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJTSURBVHgB7ZmNdcIgEIAvPgfICGygG9RO0G6gTlA7gW7QOkF1AzuBdgLtBM0GugE9GtTzAgGMldrH9969ID/hgPOAC0AikUjEJIOGSCkFyxKOJjstP+ksy3bQAOcAUMEcHwOUDpTKCV0k4LIUcByckneUFQ6wgHNB5ccoWxmXcZ2OWY3yb1DOvAtqEorCUT/XwtN1zHAlhuCLLGeeskQZofRQhKzafWP0e7u6jwHKmunwEvIiygQiofpmurhXizVaQmT06lsns2Voc0fSU4jPnKS7vNA0ALpMBcRnRdIdXugaQKNN5hpU3KgytEMhAn+AOp1acBscLIF7ojb9wfx7AQb0C1S9HCdjZcqHAOg7atjB6eZnNm22B3xZ6lC3NrLkh+B01UoXUl/QMm5Cgo3aBHVlD5b8EHzaUV3sJlTTiKLOJE+6/NmQH8L+1OlTb4/dRGV5DvFe2mvBzLNHy27FC1lJA4hNGxqA9tjHxyOUf6zh/vrH8kOY4jsWcC6yvFDsWXvUp9fNhSU/hK2ln7Xvn9jPXR3ZeKRD+LTkW0/IjUwIl/tez4gKj2wM+SHsoOnxHTvNXcsZA2pjvOxfHqcL0lBAZKTjhHwL+0DtDdE0AOoJehAfQdJeA6AusA/xoSfcD2dt5okUY4iErEYIhW/DV9ZQ7YQq3KeO2135e6FFoftQYcwl02FialcX3J2BnwmdxPvBHYoRJO0b3J2j9xxAKLIam7w2W+mIzfp84BBQeiN1/82JCLgsBXkqUd5w5vqCc4lPTKHx/oL+aPQFJpFIJKLzDQb9h5xY6d7bAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.VideoItem-Top-information-barrageNumber-text[data-v-371555fa] {
  height: .4rem;
  color: #fff;
  font-size: .3rem;
  line-height: .4rem;
}

.VideoItem-Top-information .time[data-v-371555fa] {
  color: #fff;
  font-size: .3rem;
  height: .4rem;
  line-height: .4rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

.VideoItem-Bottom[data-v-371555fa] {
  padding: .16rem .2rem .12rem .23rem;
  background-color: #fff;
  height: 1rem;
  box-sizing: border-box;
}

.VideoItem-Bottom-title[data-v-371555fa] {
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: .26rem;
  line-height: .36rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.VideoContainer[data-v-1d9ea632] {
  display: flex;
  background-color: var(--tag-bg-color);
}

.VideoContainer-header-title[data-v-1d9ea632] {
  display: flex;
  flex-direction: column-reverse;
  color: #fff;
  font-size: .24rem;
  padding-bottom: .1rem;
  padding-left: .24rem;
  height: .78rem;
}

.default-videoList-bg[data-v-ebdc0f74] {
  width: 7.5rem;
  height: 9.78rem;
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20230427/6319485c5f03766492e9daedb18d2697/LVF65dI0cf.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.video-list[data-v-ebdc0f74] {
  background-color: var(--bg-color);
}

.video-list .items-container[data-v-ebdc0f74] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: .12rem 0;
}