@-webkit-keyframes BookItem_skeleton-loading-animation__c_vOP {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@keyframes BookItem_skeleton-loading-animation__c_vOP {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.BookItem_bookItem__wWmbf {
  width: 36.8vw;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
}
.BookItem_bookItem__wWmbf .BookItem_expoItem__EbMPA {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.BookItem_bookItem__wWmbf .BookItem_cover__W2qbR {
  width: 36.8vw;
  height: 49.06667vw;
  background: #fff;
  border-radius: 1.6vw;
  overflow: hidden;
  background: url(/_next/static/media/reelshort.5c487f82.png) 50% no-repeat;
  background-size: cover;
  position: relative;
}
.BookItem_bookItem__wWmbf .BookItem_cover__W2qbR .BookItem_mask__bz19c {
  width: 100%;
  height: 9.06667vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#000),
    to(transparent)
  );
  background: linear-gradient(0deg, #000, transparent);
}
.BookItem_bookItem__wWmbf .BookItem_cover__W2qbR .BookItem_playMask__lJJFO {
  background: rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.BookItem_bookItem__wWmbf
  .BookItem_cover__W2qbR
  .BookItem_playMask__lJJFO
  .BookItem_playIconBg__pZ9wk {
  background: rgba(0, 0, 0, 0.72);
  position: absolute;
  width: 12.8vw;
  height: 12.8vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.BookItem_bookItem__wWmbf
  .BookItem_cover__W2qbR
  .BookItem_playMask__lJJFO
  .BookItem_playIcon__ObTw9 {
  width: 4.8vw;
  height: 4.8vw;
  background: url(../img/dc205410-d6cd-11ee-94ca-b3f9375866ba.png) no-repeat 50% /
    contain;
  margin-left: 1.6vw;
}
.BookItem_bookItem__wWmbf .BookItem_bookInfo__RMtO7 {
  width: 100%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.BookItem_bookItem__wWmbf .BookItem_title__85fqs {
  width: 100%;
  color: #fff;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 3.73333vw;
  margin-top: 2.13333vw;
  line-height: 5.6vw;
}
.BookItem_bookItem__wWmbf .BookItem_theme__siQk_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
}
.BookItem_bookItem__wWmbf .BookItem_desc__zAJdV,
.BookItem_bookItem__wWmbf .BookItem_theme__siQk_ {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 3.2vw;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2.13333vw;
}
.BookItem_bookItem__wWmbf .BookItem_desc__zAJdV {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 4.8vw;
}
.BookItem_bookItem__wWmbf.BookItem_bookStyle2__oyN_Q {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-bottom: 4.26667vw;
}
.BookItem_bookItem__wWmbf.BookItem_bookStyle2__oyN_Q .BookItem_cover__W2qbR {
  width: 27.2vw;
  height: 36.26667vw;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 4.26667vw;
}
.BookItem_bookItem__wWmbf.BookItem_bookStyle2__oyN_Q .BookItem_bookInfo__RMtO7 {
  width: 60vw;
}
.BookItem_bookItem__wWmbf.BookItem_bookStyle5__Hn17I {
  width: 43.2vw;
}
.BookItem_bookItem__wWmbf.BookItem_bookStyle5__Hn17I .BookItem_cover__W2qbR {
  width: 43.2vw;
  height: 57.6vw;
}
.BookItem_chapter__8RIez {
  font-size: 3.2vw;
  color: #999;
  margin-top: 0.8vw;
}
.BookItem_chapter_progress__Ev8ed {
  color: #d5495b;
}
.BookItem_playCount__klKNX {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  color: #fff;
  font-size: 2.93333vw;
  right: 1.33333vw;
  bottom: 1.33333vw;
  height: 3.73333vw;
}
.BookItem_playCount__klKNX .BookItem_icon__mPHYB {
  width: 2.93333vw;
  height: 2.93333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 0.53333vw;
  background: url(https://v-mps.crazymaplestudios.com/images/cb15a110-82c3-11ee-aed2-cfe3d80f70eb.png)
    no-repeat 0 / contain;
}
.BookItem_read_progress_bar__5HCyD {
  background-color: hsla(0, 0%, 100%, 0.16);
  height: 0.53333vw;
  isolation: isolate;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.BookItem_read_progress__q_bYT {
  background-color: #fe4167;
  height: 0.53333vw;
  border-top-right-radius: 8vw;
  border-bottom-right-radius: 8vw;
}
.HomePage_container__4o5T_ {
  background: #000;
  width: 100vw;
  margin: 0 auto;
  height: 100vh;
}
.HomePage_bannerContainer__Woe4Q {
  width: 100vw;
  height: 37.33333vw;
  overflow: hidden;
  position: relative;
}
.HomePage_bannerContainer__Woe4Q .ant-carousel .slick-dots-bottom {
  bottom: 4.8vw;
}
.HomePage_bannerContainer__Woe4Q .HomePage_bottomShadow__cvk3y {
  width: 100%;
  height: 8vw;
  position: absolute;
  bottom: -1px;
  z-index: 2;
  pointer-events: none;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#000),
    to(transparent)
  );
  background: linear-gradient(0deg, #000, transparent);
}
.HomePage_bannerContainer__Woe4Q .HomePage_navs__EqlHy {
  position: absolute;
  z-index: 20;
  width: 100%;
  bottom: 2.66667vw;
  height: 2.66667vw;
  line-height: 2.66667vw;
  text-align: center;
}
.HomePage_bannerContainer__Woe4Q .HomePage_navs__EqlHy .HomePage_dot__1NzMa {
  display: inline-block;
  width: 3.2vw;
  height: 0.8vw;
  background: #95928e;
  margin: 0 0.8vw;
  border-radius: 0.53333vw;
}
.HomePage_bannerContainer__Woe4Q
  .HomePage_navs__EqlHy
  .HomePage_dot__1NzMa.HomePage_active__TkOWl {
  background: #fff;
  width: 4.26667vw;
  height: 0.8vw;
  border-radius: 0.53333vw;
}
.HomePage_main__BzEnK {
  padding-left: 4.8vw;
  padding-top: 6.13333vw;
  padding-bottom: 15.46667vw;
}
.HomePage_main__BzEnK .HomePage_bookShelf__W2tPD {
  margin-bottom: 3.2vw;
}
.HomePage_main__BzEnK .HomePage_bookShelf__W2tPD h2 {
  font-size: 4.26667vw;
  color: hsla(0, 0%, 100%, 0.92);
  font-weight: 700;
  line-height: normal;
}
.HomePage_main__BzEnK .HomePage_content__DZ4dU {
  padding-bottom: 3.2vw;
}
.HomePage_main__BzEnK .HomePage_content__DZ4dU.HomePage_type_1__uTWfT {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.HomePage_main__BzEnK
  .HomePage_content__DZ4dU.HomePage_type_1__uTWfT
  .book-item {
  margin-right: 4.26667vw;
}
.HomePage_main__BzEnK .HomePage_content__DZ4dU.HomePage_type_2__alfMt {
  width: 90.4vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.HomePage_main__BzEnK .HomePage_content__DZ4dU.HomePage_type_5__SK5Rv {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.HomePage_main__BzEnK
  .HomePage_content__DZ4dU.HomePage_type_5__SK5Rv
  .book-item {
  margin-bottom: 7.46667vw;
}
.HomePage_main__BzEnK
  .HomePage_content__DZ4dU.HomePage_type_5__SK5Rv
  .HomePage_colunm__1XbhV {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-right: 4.26667vw;
}
.HomePage_homeBottomText__WTVMx {
  text-align: center;
  padding-bottom: 10.66667vw;
  color: hsla(0, 0%, 100%, 0.46);
  font-size: 3.2vw;
}
.HomePage_more_movies_btn__z0biE {
  border-radius: 1.6vw;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  background: hsla(0, 0%, 100%, 0.06);
  margin: 2.66667vw auto 0;
  width: 57.6vw;
  height: 11.2vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
}
.HomePage_loadingMore__aN8TH {
  margin-top: 2.66667vw;
  text-align: center;
  color: hsla(0, 0%, 100%, 0.5);
  position: relative;
  height: 11.2vw;
  line-height: 11.2vw;
}