/*! Build time: 12/5/2024, 10:55:24 AM
Package: @bilibili-activity/eva-h5vote-list
Version: 1.1.3
Env: production
 */
@charset "UTF-8";
._root_12dzd_2 {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
._root_12dzd_2 * {
  box-sizing: border-box;
}
._root_12dzd_2 ._votelistSearch_12dzd_10 {
  display: flex;
  margin: 0 auto;
  position: relative;
  border-radius: 2rem;
  padding: 0.12rem 0;
}
._root_12dzd_2 ._votelistSearch_12dzd_10 ._searchIcon_12dzd_17 {
  position: absolute;
  height: 100%;
  top: 50%;
  right: 0.3rem;
  transform: translateY(-50%);
}
._root_12dzd_2 ._votelistSearch_12dzd_10 input {
  height: 0.64rem;
  width: 100%;
  border: none;
  border-radius: 2rem;
  font-size: 0.26rem;
  line-height: normal;
  padding-left: 0.5rem;
  box-sizing: border-box;
}
._root_12dzd_2 ._votelistSearch_12dzd_10 input::-ms-input-placeholder {
  color: var(--base-color, #000);
}
._root_12dzd_2 ._votelistSearch_12dzd_10 input::-webkit-input-placeholder {
  color: var(--base-color, #000);
}
._root_12dzd_2 ._voteListContent_12dzd_40 {
  position: relative;
  height: auto;
  margin: 0 auto;
  margin-top: 0.7rem;
  width: 100%;
}
._root_12dzd_2 ._voteListContent_12dzd_40._marginBtm_12dzd_47 {
  margin-bottom: 0.7rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40._notShow_12dzd_50 {
  margin-top: 0;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteRemainText_12dzd_53 {
  position: absolute;
  display: flex;
  align-items: center;
  font-size: 0.24rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteSortText_12dzd_59 {
  position: absolute;
  top: -0.6rem;
  right: 0;
  font-size: 0.24rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteSortText_12dzd_59 ._sortBubble_12dzd_65 {
  display: flex;
  align-items: center;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteSortText_12dzd_59 ._sortBubble_12dzd_65 ._sortBubbleContent_12dzd_69 {
  position: absolute;
  top: 0.6rem;
  right: 0.04rem;
  height: auto;
  width: 1.68rem;
  border-radius: 0.1rem;
  z-index: 11;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteSortText_12dzd_59 ._sortBubble_12dzd_65 ._sortBubbleContent_12dzd_69 ._sortBubbleItem_12dzd_78 {
  width: 1.44rem;
  height: 0.96rem;
  line-height: 0.96rem;
  text-align: center;
  user-select: none;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteSortText_12dzd_59 ._sortBubble_12dzd_65 ._sortBubbleContent_12dzd_69 ._sortBubbleItem_12dzd_78._isActive_12dzd_85 {
  color: var(--isActive-color) !important;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteSortText_12dzd_59 ._sortBubble_12dzd_65 ._sortBubbleContent_12dzd_69 ._sortBubbleItem_12dzd_78 ._underLine_12dzd_88 {
  opacity: 0.2;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteSortText_12dzd_59 ._sortBubble_12dzd_65 ._sortBubbleContent_12dzd_69::before {
  content: "";
  position: absolute;
  top: -0.2rem; /* 尖角的位置 */
  left: 50%; /* 尖角水平居中 */
  transform: translateX(-50%); /* 将尖角水平居中 */
  border-width: 0.1rem; /* 尖角的大小 */
  border-style: solid;
  border-color: transparent transparent var(--triangle-color) transparent; /* 尖角的颜色 */
  z-index: 1; /* 确保尖角在气泡框之上 */
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 {
  display: grid;
  width: 100%;
  height: 100%;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 {
  height: auto;
  background-color: #fff;
  border-radius: 0.08rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteBtn_12dzd_112 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0.2rem auto 0.24rem;
  text-align: center;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._haveVoteBtn_12dzd_119 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0.2rem auto 0.24rem;
  text-align: center;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteVideoStyle_12dzd_126 {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 0.08rem 0.08rem 0 0;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteVideoStyle_12dzd_126 ._videoContent_12dzd_134 {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 0.16rem;
  bottom: 0.06rem;
  align-items: center;
  z-index: 10;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteVideoStyle_12dzd_126 ._videoContent_12dzd_134 ._videoLeft_12dzd_145 {
  display: flex;
  align-items: center;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteVideoStyle_12dzd_126 ._videoContent_12dzd_134 ._videoLeft_12dzd_145 ._videoDetail_12dzd_149 {
  display: flex;
  align-items: center;
  font-size: 0.2rem;
  color: #ffffff;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteVideoStyle_12dzd_126 ._videoContent_12dzd_134 ._videoLeft_12dzd_145 ._videoDetail_12dzd_149 ._videoIcon_12dzd_155 {
  width: 0.32rem;
  height: 0.32rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 0.04rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteVideoStyle_12dzd_126 ._videoContent_12dzd_134 ._videoLeft_12dzd_145 ._videoDetail_12dzd_149 ._barrageIcon_12dzd_163 {
  width: 0.32rem;
  height: 0.32rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 0.04rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteVideoStyle_12dzd_126 ._videoContent_12dzd_134 ._videoRight_12dzd_171 {
  font-size: 0.2rem;
  color: #ffffff;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._voteVideoStyle_12dzd_126 ._mask_12dzd_175 {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  z-index: 9;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._title_12dzd_182 {
  padding: 0 0.16rem;
  margin: 0.16rem 0;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 0.8rem;
  font-size: 0.28rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._avatarOrVote_12dzd_194 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.16rem;
  font-size: 0.26rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._avatarOrVote_12dzd_194 ._upIcon_12dzd_201 {
  width: 0.32rem;
  height: 0.27rem;
  text-align: center;
  display: inline-block;
  opacity: 0.5;
  margin-right: 0.06rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  font-weight: 600;
  border-radius: 0.08rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._avatarOrVote_12dzd_194 ._avatarName_12dzd_213 {
  opacity: 0.5;
  width: 54%;
  display: block;
  white-space: nowrap;
  -webkit-line-clamp: 1; /* 显示两行 */
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.24rem;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._avatarOrVote_12dzd_194 ._avatarName_12dzd_213._showVote_12dzd_223 {
  width: 90%;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._avatarOrVote_12dzd_194 ._avatarVote_12dzd_226 {
  width: 40%;
  font-size: 0.24rem;
  text-align: right;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._voteList_12dzd_40 ._voteSingle_12dzd_107 ._imageVote_12dzd_231 {
  padding: 0 0.16rem;
  font-size: 0.26rem;
  text-align: center;
}
._root_12dzd_2 ._voteListContent_12dzd_40 ._notVoteDataImg_12dzd_236 {
  width: 7rem;
  height: 6rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
._root_12dzd_2 ._moreBtn_12dzd_243 {
  width: 2.4rem;
  height: 0.64rem;
  border-radius: 1rem;
  margin: 0.2rem auto 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
  line-height: 0.64rem;
}._refresh_17gxg_1 {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.12rem;
  transform-origin: center;
}

@keyframes _loop_17gxg_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._loading_17gxg_16 {
  animation: _loop_17gxg_1 1s infinite;
}

@media screen and (min-width: 450px) {
  ._refresh_17gxg_1 {
    width: 0.32rem;
    height: 0.32rem;
    margin-left: 0.12rem;
  }
}.fade-enter {
  opacity: 0;
}

.fade-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}

.fade-exit {
  opacity: 1;
}

.fade-exit-active {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}