/*! Build time: 6/23/2025, 5:43:54 PM
Package: @bilibili-activity/videolist-pc
Version: 1.2.0
Env: production
 */
._root_f4pyr_1 {
  position: relative;
}
._root_f4pyr_1 * {
  box-sizing: border-box;
}
._root_f4pyr_1 ._main_f4pyr_7 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._root_f4pyr_1 ._defaultVideoListBg_f4pyr_13 {
  width: 970px;
  height: 482px;
  background-image: url("https://activity.hdslb.com/blackboard/static/20230428/6319485c5f03766492e9daedb18d2697/YJ4s3xKkPR.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
._root_f4pyr_1 ._exchangeContent_f4pyr_21 {
  height: 148px;
  width: 100%;
}
._root_f4pyr_1 ._exchangeContent_f4pyr_21 ._exchangeBtn_f4pyr_25 {
  background: "no-repeat center/contain";
}.videoItem {
  width: 310px;
  height: 231px;
  box-sizing: border-box;
  margin: 10px;
  overflow: hidden;
  border-radius: 7px;
}
.videoItem :hover {
  cursor: pointer;
}
.videoItem div {
  box-sizing: border-box;
}
.videoItem-Top {
  width: 310px;
  height: 175px;
  position: relative;
}
.videoItem-Top-pic {
  width: 100%;
  height: 175px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.videoItem-Top-pic-cover {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 87.5px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.videoItem-Top-information {
  position: absolute;
  left: 0;
  top: 145px;
  display: flex;
  color: #FFFFFF;
  transform-origin: 0% 60%;
  transform: scale(0.8);
}
.videoItem-Top-information-playNumber {
  display: flex;
  margin-left: 13px;
  justify-content: center;
  align-items: center;
}
.videoItem-Top-information-playNumber-icon {
  width: 24.5px;
  height: 24.5px;
  background: 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 {
  font-size: 19px;
  margin-left: 3px;
}
.videoItem-Top-information-timeNumber {
  display: flex;
  margin-left: 13px;
  justify-content: center;
  align-items: center;
}
.videoItem-Top-information-timeNumber-icon {
  width: 24.5px;
  height: 24.5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.videoItem-Top-information-timeNumber-text {
  font-size: 19px;
  margin-left: 3px;
}
.videoItem-Top-information-barrageNumber {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
.videoItem-Top-information-barrageNumber-icon {
  width: 23.5px;
  height: 23.5px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEiSURBVHgB7ZmBEYIwDEVTJ3AEVmAD3KQjsIFu1hFkA9gANojhKFwpAqInCZp3l6OQcM2/5tq7FEBRFEUsiJiTObIa96f2c9ulHM1M4gk9HFkCMqjILsaYKnZMBPjk72RnkEVDlj4TMYIElNEy3ryoXWnnbMsHx+Vbrv1ko+QTYMYLCUXkS8EuCLQgBF8FPW4pMFSagBD8KgyVEfpMFIiDgwBBzOV2goOjArj5LwHRNpvNfP+EDDaiJcSNngPcqABuVAA3bwv44qHmtuShJcSNHmTcqABufk5A0w9QWFsleG1CXyygCMYW5JAF42I2Crt2eo/U1qJd+6GMRFjka+5ecaW5e/j2+mQX8gEpdJcKUqjglbuBGF8+DnmvmHJQFEURywO1Vc69SjAUyQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.videoItem-Top-information-barrageNumber-text {
  font-size: 19px;
  margin-left: 3px;
}
.videoItem-Top .time {
  transform: scale(0.7);
  transform-origin: 0% 60%;
  color: #ffffff;
  position: absolute;
  font-size: 23px;
  right: -6px;
  bottom: 2px;
}
.videoItem-Bottom {
  width: 310px;
  height: 56px;
}
.videoItem-Bottom-title {
  width: 100%;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding: 9px;
  padding-bottom: 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  word-break: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
  transition: color 0.2s linear;
}
.videoItem-Bottom .showUpName {
  -webkit-line-clamp: 2;
}
.videoItem-Bottom-title:hover {
  color: #06AEEC;
}
.videoItem-Bottom-up {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 0 0 10px;
}
.videoItem-Bottom-up-icon {
  border-radius: 5px;
  padding: 0 3px;
  font-size: 10px;
  font-weight: 700;
}
.videoItem-Bottom-up-name {
  margin-left: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  word-break: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
  transition: color 0.2s linear;
}._Ct_p2gnh_1 {
  display: flex;
  justify-content: center;
  flex: 1;
  flex-direction: column;
}
._Ct_p2gnh_1 ._video_p2gnh_7 {
  padding: 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}._resizable_1fke8_1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}