.loginWrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  width: 100%;
  background: url('https://i.gsxcdn.com/3008258077_lomf9o96.png') no-repeat center / cover;
}
.loginWrapper .logoWrapper {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 160px;
  height: 40px;
  background: url(../../static/img/logo_icon.170fba6.png) no-repeat center / cover;
}
.loginWrapper .qrcodeWrapper {
  margin-right: 115px;
  width: 484px;
}
.loginWrapper .qrcodeWrapper .welcomeText {
  margin-bottom: 35px;
  width: 468px;
  font-weight: 600;
  font-size: 40px;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  text-align: center;
}
.loginWrapper .qrcodeWrapper .wxQrzone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 76px 0 136px 0;
  width: 467px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  border: 1px solid #FFFFFF;
}
.loginWrapper .qrcodeWrapper .wxQrzone .scanTips {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 30px;
}
.loginWrapper .qrcodeWrapper .wxQrzone .qrScan {
  position: relative;
  width: 267px;
  height: 267px;
}
.loginWrapper .qrcodeWrapper .wxQrzone .qrScan .refresh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
#wxQrcode iframe {
  width: 267px !important;
  height: 267px !important;
}
@media only screen and (min-width: 1500px) {
  .loginWrapper > .qrcodeWrapper {
    margin-right: 215px;
  }
}

.avatar .avatarImg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: bottom;
}

.homeWrapper {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: auto;
}
.homeWrapper .loading {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 4;
}
.inviteCodeWrapper {
  position: relative;
  height: 100vh;
  width: 100%;
  background: url('https://i.gsxcdn.com/3008262648_gk8egv8t.png') no-repeat center / cover;
  padding: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.inviteCodeWrapper .logoWrapper {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 160px;
  height: 40px;
  background: url(../../static/img/logo_icon.170fba6.png) no-repeat center / cover;
}
.inviteCodeWrapper .loading {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 4;
}
.inviteCodeWrapper .rightExpired {
  position: absolute;
  background-color: #FFF7E8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  font-size: 24px;
  color: #EB6D00;
}
.inviteCodeWrapper .innerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 722px;
  min-height: 462px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  border: 1px solid #FFFFFF;
  z-index: 3;
}
.inviteCodeWrapper .welcomeText {
  font-weight: 600;
  font-size: 40px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 52px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}
.inviteCodeWrapper .codeText {
  margin: 52px 0 16px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 28px;
}
.inviteCodeWrapper .inputCode {
  width: 420px;
  height: 56px;
  border-radius: 8px;
  border: none;
  color: #1677FF;
  outline-color: none;
  padding: 0 24px;
  font-size: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.inviteCodeWrapper .inputCode:focus {
  outline: none;
  /* 移除默认的蓝色轮廓线 */
}
.inviteCodeWrapper .confirmBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 420px;
  height: 52px;
  margin-top: 53px;
  background-color: #7E52FF;
  border-radius: 8px;
  font-weight: 500;
  font-size: 20px;
  color: #FFFFFF;
}
.inviteCodeWrapper .disable {
  background-color: #7E52FF;
  opacity: 0.4;
}
.contentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: url(../../static/img/home_page.d5a7129.png) no-repeat center center;
  background-size: cover;
  min-width: 1024px;
  min-height: 768px;
  overflow: auto;
}
.contentWrapper .content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 30px;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contentWrapper .content-header .lexue-logo {
  width: 160px;
  height: 40px;
  background: url(../../static/img/logo_icon.170fba6.png) no-repeat center center;
  background-size: cover;
}
.contentWrapper .content-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1200px;
}
.contentWrapper .content-area .content-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contentWrapper .content-area .tap-reading {
  cursor: pointer;
}
.contentWrapper .content-area .tap-reading img {
  width: 100%;
  height: 100%;
}
.contentWrapper .content-area .content-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contentWrapper .content-area .top_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentWrapper .content-area .bottom_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 196px;
  padding: 0 40px 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF814D), to(#FF6743));
  background: linear-gradient(180deg, #FF814D 0%, #FF6743 100%);
  border-radius: 40px;
  cursor: pointer;
}
.contentWrapper .content-area .bottom_content .bottom_content_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contentWrapper .content-area .bottom_content .bottom_content_item .content-item-title {
  font-weight: 600;
  font-size: 32px;
  color: #FFFFFF;
  margin-bottom: 6px;
}
.contentWrapper .content-area .bottom_content .bottom_content_item .content-item-intro {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 22px;
}
.contentWrapper .content-area .bottom_content .content-item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 140px;
}
.contentWrapper .content-area .bottom_content .content-item-image .image-icon {
  width: 150px;
  height: 150px;
  margin-bottom: 3px;
}
.content-item {
  position: relative;
  border-radius: 40px;
  padding: 20px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.content-item .content-item-title {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 6px;
}
.content-item .content-item-intro {
  color: #FFFFFF;
  line-height: 22px;
}
.content-item .greyIntroText {
  color: rgba(255, 255, 255, 0.6);
}
.content-item .content-item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 8px;
  right: 10px;
}
.content-item .content-item-image .image-icon {
  width: 106px;
  height: 106px;
  margin-bottom: 3px;
}
.content-item .content-item-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  color: #FFFFFF;
  font-weight: 600;
  left: 0;
  bottom: 0;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
}

.paper-list {
  width: 100%;
}
.paper-list:hover {
  background-color: #f9fafb;
}
.paper-contents {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 8px;
  border-bottom: 1px solid #ECF0ED;
}
.paper-contents .paper-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
}
.paper-contents .paper-info .icons {
  position: relative;
}
.paper-contents .paper-info .boutique {
  background: url(https://i.gsxcdn.com/2189587230_r2f0eew8.svg) no-repeat center;
  min-width: 36px;
  min-height: 36px;
}
.paper-contents .paper-info .forbidden {
  background: url(https://i.gsxcdn.com/2190433162_zuqm103i.svg) no-repeat right bottom;
  min-width: 36px;
  min-height: 40px;
  background-color: rgba(255, 255, 255, 0.35);
  position: absolute;
  top: 0;
  left: 0;
}
.paper-contents .paper-info .paperIcon {
  cursor: pointer;
}
.paper-contents .paper-info .papers {
  margin-left: 12px;
  width: 100%;
}
.paper-contents .paper-info .papers .paper-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 2px;
}
.paper-contents .paper-info .papers .paper-name .paper-text {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #333;
}
.paper-contents .paper-info .papers .paper-name .paper-downloaded {
  min-width: 42px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: #DFF7E4;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  color: #10AD31;
  margin-left: 10px;
}
.paper-contents .paper-info .papers .detail {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #666;
  line-height: 24px;
}
.paper-contents .paper-info .detail-item span {
  vertical-align: text-top;
}
.paper-contents .paper-info .detail-item svg {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  fill: #000;
  fill-opacity: 0.32;
}
.paper-contents .paper-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.paper-contents .paper-btn button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 12px;
  color: #7E52FF;
  border-radius: 17px;
  border: 1px solid #7E52FF;
  font-weight: 500;
  font-size: 14px;
}
.paper-contents .paper-btn button:hover {
  color: #7E52FF !important;
  border-color: #7E52FF !important;
}
.paper-contents .paper-btn button:disabled {
  color: #c1c1c1;
  border-color: #c1c1c1;
}
.paper-contents .paper-btn :where(.css-x93v21).ant-btn > .ant-btn-icon,
.paper-contents .paper-btn :where(.css-dev-only-do-not-override-x93v21).ant-btn > .ant-btn-icon {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.paper-contents .paper-btn .added {
  width: 98px;
}
.no-data {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #000000a6;
  margin-top: 10px;
  padding-left: 6px;
}
.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.iframe-added {
  width: 98px !important;
  border: 1px solid #3371ff;
  border-color: #3371ff;
  color: #3371ff;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  top: 14px;
  right: 54px;
}
.share-modal .preview-file {
  height: 500px;
}
.share-modal .additional-node {
  position: absolute;
  top: 13px;
  right: 60px;
}

.paper-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 10px;
}
.paper-sort .paper-sort-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 20px;
  color: #404480;
  padding-right: 12px;
}
.paper-sort .paper-total {
  padding-left: 12px;
  border-left: 2px solid #E0E2FF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.paper-sort .paper-sorts {
  margin-left: 26px;
  cursor: pointer;
}
.paper-sort .paper-sorts .custom-checkbox {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #333;
}
.paper-sort .paper-sorts .custom-checkbox .ant-checkbox + span {
  -webkit-padding-start: 4px;
          padding-inline-start: 4px;
  -webkit-padding-end: 4px;
          padding-inline-end: 4px;
}
.paper-sort .paper-sorts .custom-checkbox .ant-checkbox .ant-checkbox-inner {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #979797;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
}
.paper-sort .paper-sorts .custom-checkbox .ant-checkbox .ant-checkbox-inner::after {
  display: none;
}
.paper-sort .paper-sorts .custom-checkbox .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  border: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjk3LjAwMDAwMCwgLTQ3NC4wMDAwMDApIiBmaWxsPSIjN0U1MkZGIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjY1LjAwMDAwMCwgMTA4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAuMDAwMDAwLCAzNjIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDEyLjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LDEgQzE4LjIwOTEzOSwxIDIwLDIuNzkwODYxIDIwLDUgTDIwLDE3IEMyMCwxOS4yMDkxMzkgMTguMjA5MTM5LDIxIDE2LDIxIEw0LDIxIEMxLjc5MDg2MSwyMSAyLjcwNTQxNWUtMTYsMTkuMjA5MTM5IDAsMTcgTDAsNSBDLTIuNzA1NDE1ZS0xNiwyLjc5MDg2MSAxLjc5MDg2MSwxIDQsMSBMMTYsMSBaIE0xNi42NzE4NjIxLDYuMTI5ODIzMzYgQzE2LjUwOTU5MTEsNS45Njc3OTIxNyAxNi4yMTk1ODg0LDUuOTU0OTkwNzEgMTYuMDM0NDUyOSw2LjEwNTE5MTAyIEw5LjE0MDU3ODQ1LDEyLjExMTc2MzYgQzguOTg3MDU5NzgsMTIuMjM2MzEzMiA4LjcwNDA4MDY4LDEyLjI1MDYwNjEgOC41Mzk2NTM3OSwxMi4xNDA4NTk2IEw1LjQyMjUwOTk2LDEwLjA2MDMyNTYgQzUuMjI3MzMwMzUsOS45MzAwNTMxOSA0Ljk1MTE4NzgsOS45NzY3OTUyNiA0LjgwMzU2NjM3LDEwLjE2Mjg5OTQgTDQuNDQzNDIzNzEsMTAuNjE2OTI2IEM0LjI4OTM5NjQxLDEwLjgxMTEwNTkgNC4zMTc2NTE2MSwxMS4wODI0MTMyIDQuNDkyMzkzNDMsMTEuMjU2ODk2NyBMOC4zNDYwMjQxOSwxNS4xMDQ4MzIgQzguNjI5MTYyNDMsMTUuMzg3NTUxOCA5LjA4MDc1MzQ4LDE1LjM5OTU2ODIgOS4zNTU4MDUwMiwxNS4xMjQ5MjMyIEwxNi44NTMzOTA4LDYuOTczNDEzNzkgQzE3LjAzODQ4NzMsNi43ODg1OTA4MyAxNy4wNTEzMjMxLDYuNTA4NzIzNTIgMTYuODc0NzU0Myw2LjMzMjQxNTYxIFoiIGlkPSLlvaLnirbnu5PlkIgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.paper-sort .paper-sorts .custom-checkbox .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #7E52FF;
}
.paper-sort .paper-sorts .custom-checkbox .ant-checkbox-wrapper {
  font-size: 16px;
  color: #333;
}
.paper-sort .blue path {
  fill: var(--color-primary);
}

.download-zone {
  position: relative;
  height: 40px;
  width: 90px;
  margin-right: 20px;
}
.download-zone .download-icon {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.download-zone .download-tips {
  margin-left: 3px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #7E52FF;
}
.download-list {
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50px;
  right: 0;
  max-width: 350px;
  max-height: 350px;
  min-height: 150px;
  min-width: 250px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  z-index: 4;
}
.download-list .download-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 12px 12px 12px 0;
}
.download-list .download-close .close-icon {
  width: 13px;
  height: 13px;
  cursor: pointer;
}
.download-list .download-content {
  overflow-y: scroll;
}
.download-list .download-content-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.download-list .download-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px 10px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.download-list .download-item .item-status {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
.download-list .download-item .item-name {
  width: 270px;
}
.download-list .download-item .item-name .file-name {
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}
.download-list .download-item .item-name .file-status {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 14px;
}
.emptyHeight {
  width: 350px;
  height: 350px;
}
.item-status .ant-progress.ant-progress-circle .ant-progress-text {
  font-size: 8px;
}

.header {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header .emptyHeight {
  width: 350px;
  height: 350px;
}
.item-status .ant-progress.ant-progress-circle .ant-progress-text {
  font-size: 8px;
}

.grade-subject-cascader :where(.css-x93v21).ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.grade-subject-cascader :where(.css-dev-only-do-not-override-x93v21).ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  font-weight: 500;
  line-height: 28px;
  font-size: 16px;
  color: #000000d9;
  padding: 0;
}
.grade-subject-cascader :where(.css-x93v21).ant-select .ant-select-selection-item,
.grade-subject-cascader :where(.css-dev-only-do-not-override-x93v21).ant-select .ant-select-selection-item {
  font-weight: 500;
  line-height: 24px;
}

.filter-row {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-family: PingFangSC, PingFang SC;
  background-color: #E0E2FF;
  border-radius: 23px;
  padding: 2px;
}
.filter-row .filter-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 114px;
  white-space: nowrap;
  padding: 8px 18px 8px 16px;
  color: #404480;
  font-size: 16px;
  font-weight: 600;
}
.filter-row .filter-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F5F7F7;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: -1px 0 0 0 #EEEEEE;
          box-shadow: -1px 0 0 0 #EEEEEE;
  padding: 6px;
  border-radius: 23px;
  position: relative;
}
.filter-row .filter-body .item {
  padding: 5px 12px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  color: #333333;
  outline: none;
  position: relative;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 16px;
}
.filter-row .filter-body .item:hover:not(.currentItem) {
  background-color: #FFFFFF;
  color: #333333;
}
.filter-row .filter-body .currentItem {
  background: -webkit-gradient(linear, left top, left bottom, from(#878EFF), to(#8261FF));
  background: linear-gradient(180deg, #878EFF 0%, #8261FF 100%);
  color: #FFFFFF;
  font-weight: 600;
}
.filter-row .other-item-warp {
  overflow: visible;
}
.filter-row .filterItem {
  padding: 4px 8px;
  margin-right: 12px;
  cursor: pointer;
}
.filters-gradeIdList .filter-row,
.filters-termIdList .filter-row,
.filters-yearList .filter-row,
.filters-paperTypeIdList .filter-row {
  padding: 0;
}
.filters-paperTypeIdList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.filters-paperTypeIdList .filter-row {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.filters-paperTypeIdList .filter-title {
  padding-right: 6px;
}
.input-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px 0 18px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 232px;
  max-width: 360px;
  position: relative;
  cursor: pointer;
}
.react-area {
  width: 17px;
  line-height: 26px;
  margin-left: 12px;
}
.area-warp {
  position: absolute;
  width: 390px;
  height: 320px;
  top: 28px;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 12px 48px 16px #00000008, 0 9px 28px 0 rgba(0, 0, 0, 0.051), 0 6px 16px -8px rgba(0, 0, 0, 0.078);
          box-shadow: 0 12px 48px 16px #00000008, 0 9px 28px 0 rgba(0, 0, 0, 0.051), 0 6px 16px -8px rgba(0, 0, 0, 0.078);
  z-index: 9999;
}
.area-warp :where(.css-x93v21).ant-tabs > .ant-tabs-nav,
.area-warp :where(.css-dev-only-do-not-override-x93v21).ant-tabs > .ant-tabs-nav {
  padding-left: 16px;
}
.show-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #999999;
}
.province-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.province-warp .list-title {
  display: inline-block;
  width: 49px;
  height: 18px;
  font-size: 12px;
  font-weight: 500;
  padding-left: 16px;
  position: relative;
}
.province-warp .list-title::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #e8e8e8;
  right: -1px;
  top: 3px;
}
.province-warp .list-warp {
  display: inline-block;
  font-size: 12px;
  color: #666;
  padding-left: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.province-warp .list-warp .list-item {
  display: inline-block;
  margin: 0 16px 8px 0;
}
.city-warp {
  padding: 0 16px;
}
.city-warp .city-item {
  display: inline-block;
  font-size: 12px;
  color: #666;
  margin: 0 16px 8px 0;
}
.high-light {
  color: #3371ff !important;
}

body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  overflow-x: auto;
}
.ant-layout.layout-container {
  width: 100vw;
  min-width: 1440px;
  height: 100vh;
  background: url('https://ttlx.gsxcdn.com/2985378960_y1i6od5v.png') no-repeat;
  background-size: 100% 100%;
}
.ant-layout.layout-container .ant-layout-sider {
  padding: 30px 0 30px 40px;
}
.ant-layout.layout-container .ant-layout-sider,
.ant-layout.layout-container .ant-layout-sider-children {
  background: transparent !important;
}
.ant-layout.layout-content {
  background: transparent !important;
}
.ant-layout.layout-content .ant-layout-content {
  padding-right: 40px;
  background: transparent !important;
  overflow: unset !important;
}
svg {
  border-radius: 0;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: #c1c1c1;
}
::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: transparent;
}
.ant-btn,
.ant-dropdown .ant-dropdown-menu {
  border-radius: 4px;
}
li {
  color: #333;
}
:where(.css-x93v21).ant-layout,
:where(.css-dev-only-do-not-override-x93v21).ant-layout {
  background: #fff;
}
:where(.css-x93v21).ant-layout .ant-layout-sider,
:where(.css-dev-only-do-not-override-x93v21).ant-layout .ant-layout-sider {
  background: #fff;
}
:where(.css-x93v21).ant-layout .ant-layout-sider-children,
:where(.css-dev-only-do-not-override-x93v21).ant-layout .ant-layout-sider-children {
  background: #fafbfc;
}
:where(.css-x93v21).ant-menu-light.ant-menu-root.ant-menu-inline,
:where(.css-dev-only-do-not-override-x93v21).ant-menu-light.ant-menu-root.ant-menu-inline {
  font-size: 14px;
  border: 0;
}
:where(.css-x93v21).ant-menu-light.ant-menu-root.ant-menu-inline .ant-menu-item,
:where(.css-dev-only-do-not-override-x93v21).ant-menu-light.ant-menu-root.ant-menu-inline .ant-menu-item {
  height: 40px;
  margin: 0 4px 4px;
}
:where(.css-x93v21).ant-menu-light > .ant-menu,
:where(.css-dev-only-do-not-override-x93v21).ant-menu-light {
  background: transparent;
  /* stylelint-disable no-descending-specificity */
}
:where(.css-x93v21).ant-menu-light > .ant-menu .ant-menu-item-selected,
:where(.css-dev-only-do-not-override-x93v21).ant-menu-light .ant-menu-item-selected {
  background: #0c6fff10;
  border-radius: 4px;
}
:where(.css-x93v21).ant-menu-light,
:where(.css-dev-only-do-not-override-x93v21).ant-menu-light {
  background: transparent;
}
:where(.css-x93v21).ant-menu-light .ant-menu-item-selected,
:where(.css-dev-only-do-not-override-x93v21).ant-menu-light .ant-menu-item-selected {
  background: #0c6fff10;
}
:where(.css-x93v21).ant-menu-light > .ant-menu,
:where(.css-dev-only-do-not-override-x93v21).ant-menu-light > .ant-menu {
  background: transparent;
}
:where(.css-x93v21).ant-menu-light > .ant-menu .ant-menu-item-selected,
:where(.css-dev-only-do-not-override-x93v21).ant-menu-light > .ant-menu .ant-menu-item-selected {
  background: #0c6fff10;
  color: #000000d9;
}
.package-selected svg path,
.link-selected svg path,
.paper-selected svg path,
.slice-selected svg path,
.class-selected svg path {
  fill: #0c6fff;
}

.gt-menu {
  width: 100%;
  min-width: 195px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.gt-menu .gt-submenu {
  margin-bottom: 10px;
}
.gt-menu .gt-submenu.gt-submenu-active .gt-submenu-title {
  font-weight: bold;
}
.gt-menu .gt-submenu.gt-submenu-open .gt-submenu-children {
  height: auto;
  opacity: 1;
  overflow: visible;
}
.gt-menu .gt-submenu.gt-submenu-closed .gt-submenu-children {
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.gt-menu .gt-submenu .gt-submenu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 16px;
  position: relative;
}
.gt-menu .gt-submenu .gt-submenu-title .gt-submenu-title-label {
  margin-left: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gt-menu .gt-submenu .gt-submenu-title .gt-submenu-arrow {
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  display: inline-block;
  margin-left: 8px;
}
.gt-menu .gt-submenu .gt-submenu-title .gt-submenu-arrow.gt-submenu-arrow-open {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.gt-menu .gt-submenu-children {
  padding-bottom: 8px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gt-menu .gt-submenu-children .gt-submenu-children-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 0px 10px 46px;
  gap: 5px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #80452B;
  font-style: normal;
}
.gt-menu .gt-menu-item {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFE780;
  -webkit-box-shadow: inset 0px -5px 12px 0px #FFEE9C;
          box-shadow: inset 0px -5px 12px 0px #FFEE9C;
  border-radius: 24px;
}
.gt-menu .gt-menu-item .gt-menu-item-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 0px 19px;
  height: 76px;
  background: #FFFFFF;
  -webkit-box-shadow: inset -3px -3px 0px 0px #FFF0AD;
          box-shadow: inset -3px -3px 0px 0px #FFF0AD;
  border-radius: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 20px;
  color: #80452B;
  font-style: normal;
  position: relative;
  z-index: 1;
}
.gt-menu .gt-menu-item .gt-submenu-children-item .gt-menu-item-icon {
  width: unset;
}
.gt-menu .gt-menu-item .gt-menu-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
}
.gt-menu .gt-menu-item.gt-menu-item-selected {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gt-menu .gt-menu-item.gt-menu-item-selected::after {
  content: '';
  display: block;
  width: 103.5%;
  height: 100%;
  position: absolute;
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAACYCAYAAADDcB9vAAAAAXNSR0IArs4c6QAAGwNJREFUeF7tnWuQXVWVx//r3gAiBJREq/ykH1CYKkQoU5S8VJxyShG1tCqGMZSCBDLioIJCOv28nX6kwyM4UIBBEJwCJbal5WN0ppwSfGJFLR4yI2CmRsopnRoSMAQMJN13DfdJn3PPuXvtfc69ffv2vz+lctfea+/fXmuvvdfZZx9Bj/5t26Yry0W8CcCJWsCbRHECBK+HYrUCx0HwCgGOUEVRJNYJTelUXK4hFpd31NciTv1R4OSfbIC0v2Qu/eh/gnkAL6riBRE8DWAPBE+q4nEp4wkAjxXm8cSmTbK/R6fgoGalmXhQZVkKjd2oxxxxCG8vAOeUFe8SwckKFCp1druRLvvO0k9LWeqPUuL4W6wmPxnaX9fsr6yKRwqCH5WB+148DD8Z/7Q8m99Idr+mbvtqpIczM3qsrsBaCC5Q4EwBVrRDkGboLgcILRdvS2g9oeWov/3Gp2G8HP/2EyDtL5mPy24Wwf/mAPwcirtlDrMDA7Kv+yEhm8ZFCCgqM9fhPSr4OIAPqOLIRspKYyPcksoy9tVVT9rvrnJG9XDVQ/0xB69boYsb+dsIuDjS/nrf/kRwAMB3RPGVgc/jXwFJSyTbjKJLUl0LKGvXavGU07GuUMZmBU5a2L+0lWacgWtF6iLO8jWi1hUr+futbGl/7Wct+l+w/z2qiq0P7cLO2VmpPJvp2b+OB5Svf12Lu5/EhSIYUOD4LCRcz76zGqyrbdSfLQXlmnDJ3zYhN6SsCwPrgo38e57/blXMPPh63DX7kd4MLB0NKNPX6ukQ3ALglHZDZT38klZHVoeh/mSy1gBA/skrT9cE3fid9kf7SyLQxv8eguKywavkAauNdUuuIwGldJ2uPlwwI4qLVFFInXAyzkTW4tSfMuFZAaZYo7U4+ZN/Uqq1eXzTunKJ2eFytj8BylLAnS8oBkqflz3dChguPbkHlJlr9YNl4A4Aq+LKXSmj+Iot0M5S+0z97VNW5F8jYJ2oXM5F+48SoP91xP/2FoCLB66Sb/vaYyfkcwsoO3boYU/vwzYIPquer450yoGtwKg/W8rGyjlNjvzJP3EHk9WwjOWXuv1J5ZyN4gvHHYtNGzfKIWO3OyKWS0DZulXfoEXsBHBa2yWeNVlsHOG048apS0zqTzYi69PdeMqhzjN+DJX866CsLzqQf/JWxpGioP/XFyIvc9ol81i3ebP8oSPRwlBp5oCybbuumZ/D9wG8xqCPIiRAAiRAAp0j8FRxBc7ddKX8unMq0mvOFFCmtum7BfgmBEcvRuOpkwRIgARIIEZA8ZwCHx7aJD/sNpvggDJzrZ5fLuMrAA5vNjrtqZtVizVF0FDokm/8Tv02u3LxjNfikif/GjHaH+3PQsDlT37+d1DL+PjQgNxrUZ2XjNXUI/pmZvT8suAe1C9vzHwsxnr8I63XxmcuqdCoP4rG93gd+df4+XJrUKf90f4WEvC1o3T/KxcU6we6GFS8A0o9zfW9yM4kr/DGekiABEiABPIkcFCB87qV/vIKKJPbdE1BcR+fmeQ53qyLBEiABDpIQPFcUXDOpk2df1BvDijVo8GCXYmnuawpD6u2/LZ80VGifpvVkr+NUzxl5eJG+7NxdXGM18L5x5JyfUoUp3X6SLHJxCsvLe59Bj9rvmdiMwtKkQAJkAAJ9A6BXatejbM6+fKjKaBsndHtClzRO1zYEhIgARIgAV8CAtyweUCu9C1nlXcGlJmZ6t1c34ocfrS+2ev7Zrq11dSfnMqzHju0yqWNB/mT/0ICaSkn+n+yBy2i/1WuaRHgQwMDnbn7q21AKZV09eFH4LGkix6tcz/lSIAESIAEeorA3oMv4sRSKf9bitsGlOkZvR2Ki3sKBRtDAiRAAiSQjYDgjsEB2ZCtktbSqQFlclLPKBTx0+bLi3lrZn0kQAIkQAKLRaBcnsfZw8PyizwbkBhQqp/t/S/8Boq35KnMXJf1GKC5Qk9B6q8B8z2+6Yk5VZz8yZ/21w3/e/j44/HWj+T4OeHEgDI9rZU01+15zQ+shwRIgARIoCcJbBgclMoHEXP5awkoa9dq8dRTqw/ij89FAyshARIgARLoVQK7H3wQJ87OynweDWwJKFNT+lFB9eLH8FtS4y1zXX7ne+wwXr8rNUP9UWJZj/2Sf3uetP8oAfpfT/ufAuuHhuSrHQgoKtNTeATASXlUzjpIgARIgAR6nsCjg0M4GRDX0tzZkcjaYWJCzy0W8C/OUhQgARIgARLoGwLzZbxvZEQqX97N9BcJKNPTei8U61pqTItb1q1srMJmdfV/NL4NndoT6k9GQ/62VALtL0KA/lfHwfmnCqI6/wp2Dg7K+ZmiycKnJDMzemx5Hn+G4sislbI8CZAACZDAEiIgOFAo4nUDA7IvS6uba9ypKd0gii9ZKrNeRWOVs+hcKGOt1ypH/X4ErFytcn7aW4/nd+rKqLR2WftllWP//QhYuVrl/LT3r/2p4JKhIcn0ukjTF6cn9H4I3lGBGzoQoeXiAxpaT2g56g/KHLX4IflHkThvXk2ZyUI5hpaj/dP+qwQUPx4ckXf6BtiF8lWbHxvTYw5fgb0CrGgXUFoMtu4xGvvB9aKz65Sw+VQr9dfsgPwjPkD7q+FwPXo0+1mdLv0/tmDov/ln7sU5rBofl2dDg0oVyfSEngfgu91a4fgasm/nXP2g/uSVtIubdRxc9ZA/+besajNkRnx3WLS/dPsT4P2DI/I9q6/H5WoBZVKvh+LKtBWNq3LXirBR3ndn4tLrqjexs20Ml/23ErdNiORv42T1n7TRsZan/yXv3Kz8lgN/EWwfHJbPhc0E9Xfhpyb0QQCnuC4DjB/vbUm1pG0BG//vaqVjRqf+KEDyN6YgaH9tU2BNivS/tjPUsph/BA8Njciprqk6Nbhuu1pXzq/EX6AoNIRCV+rBjYgVpP5QkmHlXK+zhNVqL0X9sYWCHV0ukuRP/k0CgnJxP1616RrZH2JcMjmma6SIX4UUZhkSIAESIIH+IlAA1mweld+E9Eomx3W9CO5eWNicU2xsJULPR6a0mPprYJw7NfKvgaL9hfh+ahn63/L2v4Ligs1jUrsg2PNPprfoOIDR6gTmnME8azeKN3KT1G8ElrMY+dcnENp/zpZlq47211v2J4otgyUZs41eVEqmx/VeRcL9XSG1sQwJkAAJkMCSJiDAzsGxsHu9ZGpcHwDwtiVNgI0nARIgARLIi8Avh8bk9JDKZLqkv9e0rzOak6lG1b71+cq7muFbn6889bcn4MvTV578yb8dAV978pXvH/vbPVSSN7q6k/S7TJV0L4DjQgqzDAmQAAmQQN8ReHqoJKtCelUJKM8DeGVIYZYhARIgARLoOwJ/HSrJUSG9kqkxnYOgaCqc9RIc1yVPrkZQf5SQ6y6NOE/yT+bnsrvG77Q/2t9CAv3qf4r5oXGpXhTs+1cJKK2HJfPOHXq3ql5gkY5xNt9roH7fkctHnvZX40j7y8eefGuh/WGo5PyObiLV5IDiOwCUJwESIAES6BsCQ+MMKH0zmOwICZAACSwmgfCAMtrm/fS8tn6ht89Rfz6pD/KP+qY1lUT7o/3lkXpcgv43tCV0h9IuoCxmiKRuEiABEiCBRSHAgLIo2KmUBEiABPqPQHhAGVFNva3VlRrw3cplPWYXHzfq90vlkH9yCifttmLaf/uZkv7Xt/6XLaD0X4Blj0iABEiABAIJDE2EPkOp7FD4RwIkQAIkQAJ1Ar0RULK+iZ11OKk/SjDnD085h4f8yX8hAdqf02VyFcjR/8IDynCGHUpexypDqVJ/8jOBUJ6+5cif/CsEFivHQfvrmP2p4szhKfmF95QwlSWg+GqjPAmQAAmQQM8TUODpwjzOHtwq/+nTWGFA8cFFWRIgARJYNgT+WN+p/NHaY5ka8kh5xXKi8ZLNcwHWW1mtrWzIUX+EGPnHHlm4jkVnTc3Q/mh/CwgsB/9TwX8U53D25hl5xjJdy+SQqvUYfl7P2KzPjqxylo4ulLHWa5Wjfj8CVq5WOT/trSl/2n8yQfKPLVh8DS1F3srVKufbLGu9DTkR/HzP83j3DTfIAZcuvx1KnwBK2fC4WKX+7jtA1F8jwAVKsMlFdwqxahggGSCTCFjnqUR6iu889Ht8eHZW5ttZbTWguBS5kmItr8DUK2zWW7fwUEOn/vYTD/nH+ND+qkDof3W74PzTdgFnnf8FuH1oWi5pH1AGF1y9EnfE6Hg067E+InHdzND8PZb7dnYwZUUWWi7+Qa3QekLLUX99QGl/0UBA/0ucCDn/RCdA16PDhnTq/OQx/6pgcnhKRtKCikxWAkrgn6sjaRXndXyc+msDZ3WwxjCTfzI3Xzeg/dH+lqP/KfCPI9Nyc5K/VANK0zFiM1PabS6+Ecg1gVF/3THJP2KjtL/kEEf/8wv9nH/aL6B8518A86I4f3CrfCM+EjK5OXyH4jesC57C+nqEt6KUAi7LyktP6n4wmtrptLqW+tn/fLYmoQNH/uSftKUJtSffcjnanwAvlhXvGZmR+xc2Iyig+G71c+xHte3U75dqIP985zHaH+3PJ9XVr/4HYN98Ge8Y3SYPN4JKUEDxDYyUJwESIAES6EsCf9ZDOHPkOvnv6mK/mvIKTUFZQ6/vks7KnfptS2/y91tS0/5sBOh/9L9axugJAc4a3CpPyeRA6zOUxsPQLj5diRgw9dftNDTQ26aDVCnyJ/9qSof2l9GTwoovUf+7f+4V+NvEgBKGgaVIgARIgASWMYELwgJK85KXOjrrixBpr8r7jgD114j5prLI39fSkuVpf7Q/+l/S/PNvMrmpzcbWmiPNx01ba6F+W46W/DtDgPZH+6vm/jpjXs5al5j9CfCn9gHF2WMKkAAJkAAJkEA17v5vtoDiuryq05SpP0o4r5SWddzIn/wXEqD9WT0nH7ne878fyeTVCy6HbHTTusWLG5CrnCvnT/1+KQbyjzom7a/9REX/S/YvXz9qUPYt1+f8C4oNtYDCPxIgARIgARIIJCCCXz35DM5kQAkEyGIkQAIkQALVw17/o3M4Y3i7/DE5oLhyc50+Jkz97XPz5J/Mx2U3Vu931UP+5J/07MhlN/1pf/vKBZw9uk1+W+meTF7FlJd1nClHAiRAAiRQI1C5cRiC9w5dI/c1HysxoNA8SIAESIAEPAmUAVwwfK18LbJZY0DxxEhxEiABEiCBq4avleviGGTy8wEpL9fxN2uOOXRQqL9Gzso57zduyZ/8aX/L1/+AG4evk88kTd9hASU0ELAcCZAACZDAkiUgwDcOHY11pZJUUl4tfwwoS3Zo2XASIAES6B4BEfz00FP4u9Jd8kKaVpn8XELKK/QN0IaWtFclrfVa5Rr6rPJ5y1F/jUDeXK31kT/50/6643+C3xVX4MzNM/JMuxCWHFC6F/SoiQRIgARIoIcJqOBPojhj+Hp50tVMBhQXIf5OAiRAAsuXwLNlxdtHt8vDFgQyeeXLl0PGk1+NT1FaKloo46wn5XSSs5yxIc56qD9Ksp5icnIjfxMBJ0faH+1vIYHe9b+DWsb7Rm6QfzcZfvVN+UpA4R8JkAAJkAAJvExAy8DHRrfL3T5QIgHF9yqarK9BuJ69uj6vQP2JCz3v11MatXD8k3mmORTtj/aXsNHoC/8Twebh62XGJ5hUZGXiCtW01FbTYeLf0K5rCQ0I8XqpP3nYyL/OhfZXAxFzOPpf1G+sCyLOP1G/Spp/h7eHPfCo7lBacr4pYcl3RRavpqV8Wu6Q+hMJkL/fipj255hw6X9VQJz/Wv1q+IbQgHJFSzwxv1bQaIZrpZQmZ021uB7yUH/7iYP8Exf4TWiulS3tr33ig/7Xf/4XHFCqKa+Yvfg6mOtqp7TAYQ1I1vb5tpv6kydaX44c/xpHX260P9pfQibT24464X8joTuUic+Gn/JqbIrSjkmm1ZxWrv06qPVX6q9PZLGZzMXX9bt1HMif/BNTRimptGYAdfxO+7MR6KT/jXwhMOVVCSiuCOfa8ru677rslvrbr3DJ32VhtpSM60Yg6zMq39bQ/pPtO75DI/+oZbnsxmqHrnqSfs8UUKwNoxwJkAAJkED/E8gnoLiWwvVQ1oxo1lSL64WSxvhQv2mpTf6eqSban20GpP/R/+oERv4pNOX1mfBnKDYrpRQJkAAJkMBSIsCAspRGi20lARIggR4mEBxQJj+jcwoUe7hvbBoJkAAJkECXCIhifvhGWRGiTiY+rc9D8MpIYVcuNURTUpm03Db150XYlBNuESJ/8u8GAfp/MuXF97+/jtwoR4WYQCWg7AVwXEhhliEBEiABEug7Ak+P3CirQnolk5fr71VwfEhhliEBEiABEugvAqrYPXqTvDGkVzJxuT4AwduqhV13RzQ0hL6B5PsGo3VL7Hpzp9Fu6q+RsI4f+dtSErS/ZLuK06P/LRX/++XITXJ6UECZvFzvVWBdSGGWIQESIAES6C8CAuwcvknOD+mVbLlcxwUYDSnMMiRAAiRAAv1FQIEtozfJWEivKs9Q1ivg9ZnHFkXWVFlICy1lqD9KyfpmuIWtRYb8yX8hAdqfxWvyk8nZ/8rzuGDsFrknpIGy5dP6Vinj15HC1pxwiEZLGepPzrVa2OUhQ/7kXyHQreOrcZul/S2q/WkBa0ZvlN+ETCVy9Sd05cqj8BcoCiEVsAwJkAAJkEDfECjv/ytedc2XZX9Ij6prgYlP6YMQnBJSAcuQAAmQAAn0CQHFQyM3y6mhvakGlMnL9XpVXBl8nNS1NY7nVH2PrbpyhNTffvzJP8qH9hflkfU4L/2vb/xPCtg+fJN8LlNAmfiUngfgu6GVsBwJkAAJkEBfEHj/yM3yvdCeVNcmY+v1mBWvxl4ogi4EC1XOciRAAiRAAj1DYG7uL1g1fo88G9qiZjJk4jK9H4J3RCrKupWNt8q1tY7LU3+2rTT5+6V2aH/tU4Np9tT4f6u/ulLYvvX5ylN/ml/8eOQWeWdoMKmUawaULZ/SDaL4UpbKWJYESIAESGBpElDBJaM3y+1ZWt8MKDOX6rFzK/BnBY7MUiHLkgAJkAAJLDkCBw6bw+sGbpN9WVoeOf8zcZneC97rlYUny5IACZDAUiSwc+SWsPu7FnY2ElDGP6nvLQDfT6PRknrs8hut1B9LfZJ/DYgrd5+Te9P+aH+RybOP/K8MnDt2q/wgq6vE3lBQmfgkHlHgpErFoVfyWJ95xRsfWi6veqg/NmEEWlcox9ByHP8ogVCOoeXIf8nzf3TkVpwMSOalWUvM2PJJ/agAbS8G830vLHBeSi1G/ckTf14Tgmu8yJ/8k9IctL98FmTd9j8F1o/eKl916bX83hJQ1q7V4ptX4zFo61ccJb6fiVlQ43e1/n+sha7wSP2xlZCVc33cWsaF/CMEaH/tpwz6X//5nwp2/3YPTpydlXlLwHDJJGa1JjbqxRDc7nQw3wmpLm9dyVC/w8HJ3y8g0P6qBOh/tp3Ecph/VLFhbIfc4QoU1t8TA8rX12rxsVWoXF/8lnYVZX1PMeszLeqvjU7oBEH+yfx8nYf8wyZo2t8i25/goRP2YM1HctqdVHqT+ty9dImeUSzipwAK8VRJi8MZn96nibkckvodUxz5m2IA7S8ZE/2vfUDs0/mnrIqzRnfIAybnMQq1nYomNmol7XWxsa5gsbRnL8EVehak/vpKybXH9+RqFSd/8q/utGl/VpfJLCfAHSM7ZEPmimIVtA0opUt1dUHwGIBVSYqzblmzdob6s22ZyT8bAdof7S8p5ZzNquylQ+1PgL3zihNLt8keuzabpDNZMr5RP1hQfEsl+LUUW0sSpEKBBStMibaLtHBqAqf+vEbUrx7aHwPGUgwY7axcFFoWfGhsh3zbzxts0s6AUqlm4lLdrsAVtirbSNFD6aH95qE+TkH7p/0vsv2L4oaR2+RKH7P1kTUFlB2X6mH/p/iZCk7zqZyyJEACJEACvUFAFLteKzhr421yqFMtMgWUivLSP+gbimXsUuA1nWoM6yUBEiABEugIgafKBZxW+qL8oSO11ys1B5SK/ORGXVNW3AfF0dXyeb0I0uih78MC6k9OIQSfj/U0NfIn/6QUDu0v2ZGc57M75n/PFQTnDO+QX3tq8Bb3CiiV2qc26LvnBZVvDh/urc1agLnm5InKyi+rHPmTf1KgyGpX1vK0vzzt76Aqzhu7XX5oxZ9FzjugVJSNb9C/F8HdlZcesyhnWRIgARIggY4RKKNy8eOXpPKdq678BQWUSsu2XKLnQ/EVSAd3KmkIGlvH4NZnZEv9NYDkn9GQAovT/mh/Lv9THITg490MJq4mOa29mv4CvgnUn6k4S3gKcOub59bXE36bZ2T+NYWV4Phz/CsEfJ+thllba6mlan+C51Tx4W6luRaCy7zGnPyErnnp9EDlK488/ZWXIbMeEiABEggj8FShiHO78QA+qXmZA0ql0tKF+gZZgZ0CvqcSZgMsRQIkQALZCAiwa34O60p3dfZocLtW5hJQKgrqLz9uQxmf1bTsuvWYqXWLG2+9qxz1J6dQfDk2LMq3HPmTf1IKy9eOaH81AnVuletUUMAXXivY1MmXFi3hLreA0lA2fpF+UAqofLAl8UJJS6MoQwIkQAIkYCKwV8u4eOzOztzNZWrBAqHcA0o1BXapri6WMaOKi3i02HdIKE8CJEACTgJlUdw5fwADpa/lf2uwU3uKQEcCSkNX6SI9oyC4BdL+y4/ejU9749T1Jqq3opQC1B8FY01lkX8+BGh/y93+Hi4rLivdKb/Ix6Dyq6WjAaXSzMrnhH+3EhcCGBDg+PyazppIgARIYPkQUGA3gJm/2Y+78vxsb54EOx5QGo1du1aLbz4K67SAzQKclGcnWBcJkAAJ9CsBAR7VMrb+9nnsnM3x+++d4NW1gPJy41XGLsR7VxTxMS3jAxAc2YmOsU4SIAESWLIEFAekgO/MzeOfx+/CDwBxnWHtia4uQkB5ud8za/XYg0djLYALIDgTihUmKq6cvTXHbFKWIET9NShWznm/cUz+5N+P9ieYg+LnAO4+/DnMDszKvtAparHKLWpAWdjpsfV6jBTx9kIB54jgXSo4uXq6mn8kQAIk0I8EBOWXrkh5RBQ/Kpdxn87jJ+P3yLNLuas9E1DiEK/+hK488hBOKBRwghTwJgFOKAOvB7BagONeejj1CgBHvPSF4uJSHgC2nQRIoC8JzAN48aXDSC8o8DSAPQXgSQUe1zKeKJfx+IHD8Pg1X5b9/dT7/wfWcFAo8vqFzgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.gt-menu .gt-menu-item.gt-menu-item-selected .gt-menu-item-title {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  font-style: normal;
}

.paper-download-container {
  padding-top: 30px;
  padding-bottom: 30px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.paper-download-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 24px;
  position: relative;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 20px;
  overflow: hidden;
  overflow: scroll;
}
.paper-download-wrapper::-webkit-scrollbar {
  display: none;
}
.paper-download-wrapper .filter-container {
  margin-top: 10px;
}
.paper-download-wrapper .filter-container .filter-wrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.filters-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 18px;
  margin-bottom: 24px;
  min-width: 900px;
}
.empty {
  margin-top: 140px;
}
.ant-spin-container {
  min-width: 900px;
}

.gt-pagination-container {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.gt-pagination-container .ant-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gt-pagination-container .ant-pagination .ant-pagination-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 38px;
  height: 38px;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.gt-pagination-container .ant-pagination .ant-pagination-item a {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  line-height: 38px;
  color: #80452B;
  font-style: normal;
}
.gt-pagination-container .ant-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: #fff;
  border-color: #fff;
}
.gt-pagination-container .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-link-icon,
.gt-pagination-container .ant-pagination .ant-pagination-jump-next .ant-pagination-item-link-icon {
  color: #80452B;
}
.gt-pagination-container .ant-pagination .ant-pagination-item-link {
  color: #80452B;
}
.gt-pagination-container .ant-pagination .ant-pagination-item-link:hover {
  color: #80452B;
}
.gt-pagination-container .ant-pagination .ant-select {
  height: unset;
}
.gt-pagination-container .ant-pagination .ant-select .ant-select-arrow {
  font-size: 14px;
  color: #80452B;
}
.gt-pagination-container .ant-pagination .ant-select:hover .ant-select-selector {
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gt-pagination-container .ant-pagination .ant-select .ant-select-dropdown {
  min-width: unset;
  padding: 3px;
  font-family: PingFangSC, PingFang SC;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(148, 104, 0, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(148, 104, 0, 0.2);
  border-radius: 10px;
}
.gt-pagination-container .ant-pagination .ant-select .ant-select-dropdown .ant-select-item {
  padding: 2px 8px;
  font-size: inherit;
  font-weight: 500;
  color: #80452B;
}
.gt-pagination-container .ant-pagination .ant-select .ant-select-dropdown .ant-select-item.ant-select-item-option-active.ant-select-item-option-selected,
.gt-pagination-container .ant-pagination .ant-select .ant-select-dropdown .ant-select-item.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: #FFEDAC;
}
.gt-pagination-container .ant-pagination .ant-select .ant-select-dropdown .ant-select-item.ant-select-item-option-active {
  background: #F7F7F7;
}
.gt-pagination-container .ant-pagination .ant-select-selector {
  padding: 6px 14px;
  color: #80452B;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 10px;
  border-color: rgba(255, 255, 255, 0.5);
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  font-style: normal;
}
.gt-pagination-container .ant-pagination .ant-select-focused {
  border-color: rgba(255, 255, 255, 0.5);
}
.gt-pagination-container .ant-pagination .ant-select-focused .ant-select-selector {
  border-color: rgba(255, 255, 255, 0.5) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.gt-pagination-container .ant-pagination .ant-pagination-prev,
.gt-pagination-container .ant-pagination .ant-pagination-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  color: #80452B;
  background: rgba(255, 255, 255, 0);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.gt-pagination-container .ant-pagination .ant-pagination-prev .page-arrow,
.gt-pagination-container .ant-pagination .ant-pagination-next .page-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gt-pagination-container .ant-pagination .ant-pagination-prev.ant-pagination-disabled,
.gt-pagination-container .ant-pagination .ant-pagination-next.ant-pagination-disabled {
  color: rgba(128, 69, 43, 0.5);
}

.gt-radio-group-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 19px;
  overflow: hidden;
  font-size: 16px;
  font-family: PingFangSC, PingFang SC;
}
.gt-radio-group-wrapper .gt-radio-group-options-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  color: #333;
}
.gt-radio-group-wrapper .gt-radio-group-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 114px;
  white-space: nowrap;
  padding: 8px 18px 8px 16px;
  background-color: #E0E2FF;
  color: #404480;
  font-size: 16px;
  font-weight: 600;
}
.gt-radio-group-wrapper .gt-radio-group-options-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F5F7F7;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: -1px 0 0 0 #EEEEEE;
          box-shadow: -1px 0 0 0 #EEEEEE;
  padding: 6px;
  border-radius: 19px;
  margin-left: -18px;
  position: relative;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.gt-radio-group-wrapper .gt-radio-group-options-container:not(.expanded) {
  overflow: hidden;
}
.gt-radio-group-wrapper .gt-radio-group-options-container.expanded {
  max-height: none !important;
}
.gt-radio-group-wrapper .placeholder-item {
  visibility: hidden;
  pointer-events: none;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  border: none !important;
  background: transparent !important;
}
.gt-radio-group-wrapper .gt-radio-expand-button {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 6px 10px 6px 12px;
  background: #E0E2FF;
  border-radius: 16px 0px 16px 0px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #404480;
  cursor: pointer;
  z-index: 1;
}
.gt-radio-group-wrapper .gt-radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.gt-radio-group-wrapper .gt-radio-option-item {
  padding: 5px 12px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  color: #333333;
  outline: none;
  position: relative;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 16px;
}
.gt-radio-group-wrapper .gt-radio-option-item:hover:not(.selected):not(.disabled) {
  background-color: #FFFFFF;
  color: #333333;
}
.gt-radio-group-wrapper .gt-radio-option-item.selected {
  background: -webkit-gradient(linear, left top, left bottom, from(#878EFF), to(#8261FF));
  background: linear-gradient(180deg, #878EFF 0%, #8261FF 100%);
  color: #FFFFFF;
  font-weight: 600;
}
.gt-radio-group-wrapper .gt-radio-option-item.disabled {
  color: #CCCCCC;
  background-color: transparent;
  cursor: not-allowed;
}

.content-card {
  width: 240px;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f0f0f0;
  border-radius: 8px;
  cursor: pointer;
  margin: 20px;
}
.content-card:hover {
  background-color: #e6f7ff;
}
.tapread-container {
  width: 100%;
  padding: 30px 0px 30px 0;
}
.tapread-container .tapread-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 24px;
}
.tapread-container .tapread-content {
  width: 100%;
  height: calc(100vh - 194px);
  overflow: auto;
  background-color: #fff;
  padding: 30px 20px 20px 20px;
  border-radius: 24px;
}
.tapread-container .tapread-content::-webkit-scrollbar {
  display: none;
}
.tapread-container .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.tapread-container .filter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.tapread-container .filter-wrapper .filter-wrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 63%;
  gap: 10px;
}
.tapread-container .filter-wrapper .filter-wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 37%;
  gap: 10px;
}
.tapread-container .book-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 30px 0 20px 0;
}
.tapread-container .book-list-header .list-sub-line {
  display: block;
  width: 2px;
  height: 18px;
  background: #E0E2FF;
  border-radius: 1px;
}
.tapread-container .book-list-header .list-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 20px;
  color: #404480;
}
.tapread-container .book-list-header .list-sub-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.tapread-container .book-list-content .loading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 300px;
}
.tapread-container .book-list-content .book-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px 43px;
  padding-bottom: 6px;
}
.tapread-container .book-list-content .book-list .book-item {
  max-width: 114px;
}
.tapread-container .book-list-content .book-list .book-item .book-cover {
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
  padding: 0 3px 14px 11px;
  position: relative;
  background: url('https://ttlx.gsxcdn.com/2985314809_ufmc42bu.png') no-repeat;
  background-size: 100%;
}
.tapread-container .book-list-content .book-list .book-item .book-cover img {
  width: 100px;
  height: 137px;
  border-radius: 0px 8px 8px 0px;
}
.tapread-container .book-list-content .book-list .book-item .book-cover .new-textbook-icon {
  position: absolute;
  left: 11px;
  bottom: 16px;
  width: 100px;
  height: unset;
  border-radius: 0px 0px 8px 0px;
}
.tapread-container .book-list-content .book-list .book-item .book-info {
  padding: 0px 10px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tapread-container .book-list-content .book-list .book-item .book-info .book-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #302F33;
  font-style: normal;
}
.ant-radio-group-solid .ant-radio-button-wrapper::before {
  display: none;
}
.ant-radio-group-solid .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background-color: #e6f7ff;
  border-color: #1890ff;
  color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover {
  color: #1890ff;
  background-color: #e6f7ff;
  border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper:hover {
  color: #1890ff;
  background-color: #f0f8ff;
}
.ant-empty {
  padding: 40px 0;
}
.ant-empty .ant-empty-image {
  height: 60px;
}
.ant-empty .ant-empty-description {
  font-size: 14px;
  color: #999;
}

.reading-container {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.reading-container .reading-image {
  height: 100%;
  width: 100%;
}
.reading-container .reading-mask {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.08)), to(rgba(216, 216, 216, 0)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(216, 216, 216, 0) 100%);
}
.reading-container .read-area {
  border: 1px solid transparent;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  cursor: pointer;
}
.reading-container .read-area .read-area-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10;
  border-radius: 8px;
  -webkit-animation: fadeIn 0.2s ease-in-out;
          animation: fadeIn 0.2s ease-in-out;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.reading-container .show-border {
  border: 2px solid #7E52FF;
  border-radius: 8px;
}
.reading-container .overlay-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  visibility: hidden;
  background: #fff;
  border-radius: 4px;
  z-index: 100;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  opacity: 0;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.reading-container .overlay-content::-webkit-scrollbar {
  display: none;
}
.reading-container .overlay-content.adjust-left {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.reading-container .overlay-content.adjust-right {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.reading-container .overlay-content.adjust-bottom {
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
.reading-container .overlay-content.active {
  visibility: visible;
  opacity: 1;
  border-radius: 8px;
  border: 2px solid #7E52FF;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.reading-container .overlay-content .cropped-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.reading-container .overlay-content .text-content {
  width: 100%;
  font-size: 14px;
  color: #333;
  word-wrap: break-word;
  margin-top: 3px;
}
.reading-container .overlay-content .text-content .text-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 2px 0;
  line-height: 1.4;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reading-container .overlay-content .text-content .highlight {
  color: #7E52FF;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.bottom-panel-wrapper {
  position: relative;
}
.bottom-panel-wrapper::before,
.bottom-panel-wrapper::after {
  content: '';
  display: table;
  clear: both;
}
.bottom-panel-wrapper .toggle-page-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  position: absolute;
  top: -78px;
  right: 20px;
}
.bottom-panel-wrapper .toggle-page-btn .toggle-page-btn-item {
  width: 61px;
  height: 61px;
  cursor: pointer;
}
.panel-zhankai-container {
  width: 132px;
  height: 44px;
  float: right;
  margin-right: 20px;
  background-color: transparent;
}
.panel-zhankai-container .panel-zhankai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 132px;
  height: 44px;
  background: url(../../static/img/pointreading_zhankai_bg.cda175e.png) no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
  position: relative;
}
.panel-zhankai-container .panel-zhankai .panel-zhankai-text {
  font-size: 20px;
  height: 28px;
  color: #fff;
  font-weight: 600;
  margin-top: 5px;
}
.panel-zhankai-container .panel-zhankai .panel-zhankai-icon {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAVpJREFUaEPtl8GtwkAMRMcXqIHfETeogDbghP7p0wYVwI2OoAa4LERKpK8INt7MhCiSc8b2vJldJxgm/tjE9SMAxk4wEogESAfiCJEG0uWRAG0h2SASIA2kywdJIKU0A/ALYFMrPALYm9mDVtxqIAdIKc0BnAAsW7MuANZmdldCSAEy4hvNcggZgEP8IBASgALxcggaoId4KQQFQIiXQfQGcIqvLm31tDfS/0VEXexeAAXi17XSd2tVAlEMUCK+2fl9arzviiIARghTm4NxAygEKHq0YVwAysHKXhVMJ4B6YDVU2TMLUH9VnodYgwUQq9xXbBfAH4Bt5hJRO9wJcXhts90nDV0AVwCLD8WU+KanA+JmZj9qAIl4JwQF8O4IScU7IKgj9LW/hvV2Kp7XuUa9r/SxfhcAYznfzI0EIgHSgThCpIF0eSRAW0g2iARIA+nySIC2kGww+QSeM7+5MZLWnhgAAAAASUVORK5CYII=) no-repeat center center;
  background-size: 100% 100%;
  margin: 7px 0 0 6px;
}
.panel-shouqi-container {
  position: relative;
  width: 100vw;
  height: 83px;
  background-color: transparent;
  overflow: visible;
}
.panel-shouqi-container .panel-shouqi-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100vw;
  background-color: transparent;
  z-index: 1;
}
.panel-shouqi-container .panel-shouqi-bg .left-bg {
  width: 491px;
  background: url(../../static/img/pointreading_left_bg.faf1d77.png) no-repeat center center;
  background-size: 100% 100%;
  height: 100%;
}
.panel-shouqi-container .panel-shouqi-bg .middle-bg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA5IAAACmCAYAAACocrA0AAAAAXNSR0IArs4c6QAAIABJREFUeF7t3Wmz87hxhuHD3xuPt9iefezxvieVVCqVpVLJn/SMPbaVOiIpkRBANEDqrNf7aeYIJKSbTz/dDVLQ8Lv/O50e/EMAAQQQQAABBBBAAAEEEEAgSGD47f9qJIOsDEMAAQQQQAABBBBAAAEEEHh4eBh+s2gkhwlJeoty/nsvsdL5Wv9u/j4CrZxd/zVn+u/T3XwU/eX11Mql9yq0ziP+xf+SAP/rjbzxOPHH/3Lx1KqLXhW2zsP/+X+r/w+/+R93JHsD1HEIIIAAAggggAACCCCAwHskMPz6v0+nh8KSY+kOZXWJLT3fvMQR/ft0JcyfX9HEPwnVVChRnZV0SX9nAuJP/OXuqPAf/rMiwH/XRiH/rANE/TfyiOpC/aH+eGX11/Cr/3JH8j2uIPjMCCCAAAIIIIAAAggggEAvgeFX//l3u7b20nMcAggggAACCCCAAAIIIPAOCQy//I8DGsnot3Oj41ovRPS80XHmbyMQ5Rod1zZ7eTeD9DzmXxPZu4vGfLYo1+g417+NQJRrdFzb7OIvyjU6Dv82AlGu0XFts9N/lGt0HP5tBKJco+PaZqf/KNfouFfIf/jlv//95tnWIfnOQ+2WZenR75TH5bxJAXrD1/wjoQkM/tuRRX9rPiW9iL9ER4X44n8TJ/6ztOGiCfEf/rMkwH/zoSL/yD8rAvJvNr+8xvpj+MW//b242c7NpgqtnfJNJ7kuUC4vl+6M1Dqo1vfT+vsm5m8lHOv4oisz+ON/JAHxv1qg4r8TAfknH2X890j3Ke9eRn/0lyMg/sTfkQTuWP8MP39sJKOF/fyh5vHRXahK49Pzzf9fe+TO/CMp/PNL4VEu9NfWWIj/Na+ozvhf3q/En/h7JKD+WOcx9c92+az+U/+pf19U/T/8/F+v35Gs+Xnt9TT6e+O91E+a/2nyDf7bPn3v9Q788d/Kk/S33ZfuXe8Qf+JP/JXrVP7Df3Lxof7fd1+j1t/UXn9O/sPPFo3k0U9YFH+HrrDeZP48mN4nHPDPL/iXljvpj/5yBMTf9g2CWjxF+Yk/8Sf+bglE4yc9Uv6X/x8JRPXDf/lvr/8OP/uXxa6tNcXVdhVofQa31ELXKpN0yTldImtt3UvnKzmz+fMO7fpvc6nV4+JvmxD/yS958r+RAP/hP7nKufaoqPwf67j4L/9dEijV2ervtU7egf8MP/3nzGY7tYJ279JXa4NWK8Bbl97Mvy1017+muDy/Vm5pAxAtaMQf/ksC/C9WCJeiulYg19wAf/xzDWxNN/x/vQAk//XFEf/p4yb+Dou/cyO5t/6tHV9bKK4dX8v/tePNn4+zo/wH/+2Kgf7oL1dnir9j8j//4T9bBPgv/+W/5T2tav6p/s4TiObv9+A/w5ePdySTf1FA0QW31nHm31dgtfJ2/dcE6I/+9txgEH/7CIg/8Sf+4t9t2xdtt0eLP/En/sRfywLD8OU/3TaSRxuT8yGAAAIIIIAAAggggAACCLwdAhrJt3MtfRIEEEAAAQQQQAABBBBA4EkIDF/+cbHZTvptySG63VDyXmvnKe72lLxg/j4R4L/mluqI/hI+0//WdBNVY+08+OO/JHB5lo7/r4Qh/0UdZz2O/8h/K39J6lj5R/6Rf64EDsi/w5d//Nvp9qdna/69d9/f3v2B5/dl/oITJBcu+stArQsG+OOfdWL6W3cCBSPlf/n4qeUd/j8S4L/8l/9mKmH5R/5ZEFD/5jPq8fXH1Ejm01P6JobLD3XN49dvaH79lCS68t+ThcRKHWH+dWDEOY/H3Y7Hf0mg9uVi+qO/tV7437qcLfkM/+G/8o/8m/ql+kP9cSWg/tpugF5y/Tn85I9/O9XeYG2duNQo1o6bXzf/doFe44h/vlCtcaO/kYD4E39bDXItjvgP/8k1yjXd8F/+K//Iv+qP119/nBvJqOEbhwACCCCAAAIIIIAAAggggEChkfRLQqM0nqvHxh9/+hN//Od5UjT/5b/8l//yX/77HAReX/7JN5K172Lu/a5/7dqYf00o/c4w/nk+Nd3UdDe/XjsP/vgvCZR8v3UPK/rL9y/8bx1v/If/8J8rAf4b8031T4yA+q+5/xh+8ocdj7a+vsY5JqToKJ/fwrWFawvXFq6jjnnsOP7Lf/kv/+W/x/pq9Gz8l/9O/rtqJGuNeFRfvefpPS59X73n6T3O/LEF85p+8N9eCKrxi97QKp0Hf/xzNzqiuqO/fTcGxJ/4E39XAvd6oEP+yxPgP/yn13+GH//hcdfWWGNde4KgtjDk+O1CA7/tkpV+6Cd3A4J/8e+cLlI34R/8g3/Ef4VU/OQbi+iT5fjhl2vM3qJ+zo1k64pza0KOFnrR92H+toIA/1ihTX8xAuJP/LUU5PyH/0Qa/Zj7PP5cgvgTf/GGmP/wH/5z3BPwuXgafvz7v50uzhx18qPGzS1s7zMMe9+H+UeC+O9VUt/x9Ed/4o//8N8+/9x7FP/lv/yX//LfvU76MN6RbL4nOc1bWxpM317vPd3SxzT/9tIs/msC9LfmsXepVvyJv61bI/yH/ywJ8F/+uyQg/+y7VSj/yr8vJP+OdyTTf3sDfG9/a/59BoP/PgL0R385g96nqvjR9Ed/9Hfcs1jxyBtHij/xJ/7EX+8Ntla/eQP9V76R3AvC8QgggAACCCCAAAIIIIAAAm+WQFMjGX0y5V6PHJt/rcPWJxv2qhh//JcE6C+/cM//9jpN/nj+w3/4z5UA/+W/uRun8o/8cw8CW/l3+OL35Z//KAmy9Y5v7UmRVkM0f5tM8M8nnJki/bUlZPEn/loI8B/+kyt4+e9IQP6Rf1oaQvm3JfvUn1QXf/vj79xItl0WoxFAAAEEEEAAAQQQQAABBN4zgeGL3y0bydLNywlReovylIwfpgHFv9dQm39NKAGO/xoP/SVyEX9nIPynoAv+u01A/pF/lgTk35Ue1B/qjyUB9Zf6a24Nv/jdX0/lH5Kp3azsfRq7krAvl8f824UP/rXSOP86/W0WjOJvIsB/+M8WAf7Lf3sIyD/yz8aChfwr/44r4hVzeTn5Z7oj2Wtse58udvyoFPz7Egv90I/44R/8k3/2FObyh/whf8gf8sfe/BFsJPOd8fzXeF8c3b7n5hmKbGdu/hEL/tFVYfrru0Mr/nPc+A//4b/yj/wr/8YIqD/UH1uVxPza6+t/hvWjrWNpVOvPj9+Gfb0yaP7t9QH883xquimbPf0tV6ZrHOmP/nL3f2q6EX8lAvyH/1wrr1oc8V/+y3+vBFqfK7h1Yf6713+Hz8/fkWz8Nx0xTJvrnKrP8jaevzbc/GdC+I8GQH/tIVwLsc3XxZ/44z/8V/6Xf+Rf9Yf6f1c51XzwC6y/hs9/+9dT8w8ZpZ+8VsfW7tTuXVIw/7YW8V/zOXpJl/7ob4uA+BN/SwL859hbSvyX//LfMgH5R/65c/4ZG0n/EEAAAQQQQAABBBBAAAEEEAgS0EgGQRmGAAIIIIAAAggggAACCCAwEtBIUgICCCCAAAIIIIAAAggggEATgUMaydouY03vqGOw+dfQ4tuRd8DOHII//ksC9HdMXEXPIv7En/i7EuA/Uec4Zhz/4T/85337z7mRrBnBzZcokz9Mm7ddSJa+dHnYr+iYf+Vc+K+NnP7yBYL4y3Phf9uFEP9PdCP/yD8LAvKv/LskoP5Qf+QIvOX6a/jsN389zUZ4CYDW7XdKu64GF7zMP4LCfxIM/QUjZxom/pIAasQ38RN/4m9txEEdiT/xt0rgQd3M9s1/1D/qP/XvbBuvsP49N5Jttmc0AggggAACCCCAAAIIIIDAeyagkXzPV99nRwABBBBAAAEEEEAAAQQ6CGgkO6A5BAEEEEAAAQQQQAABBBB4zwQ0ku/56vvsCCCAAAIIIIAAAggggEAHgeHTX18320mPv9nONRkQ3a1sPuyyJ0Fl17t5vPm3ryj+az61L/vS38grjatUR+IvzymNRvEn/pYE+E8lX00v8581J/6b1436T/23RUD+fTn5d/j0cbOdWgbs6FBXh5R2tdu52134bZl/qozTlYA5s4dJ9g3EH/9zB0t/IV/si7LyUeJP/Ik//sN/kw5e/TOuLB+dcIJ5Xv2fz0tHX44nyP/nO5Lp+778HEdRYLVfXpvPGB2XX6Err0hFzxsdZ/4lAdd/im/6L1haNK6i48Sf+LsS4D/851zf8l/+myUQzSvRcfKP/CP/zAR68m+2kSwv3dUaxL7AvfWK2nmiS2ulnwCttfzmzy/duf75JaTakk9Nb+nr9Ed/q9SeCIT/5fVRi5toHNbOgz/+ufis6Yb+YgRqHMWf+BN/i9Z3+s9a3MSir6f/Gz799Tc7bmzXCujSqY+6p23+tsbmsuZQEF5UaLXz1K5v7fXo+3D9Xf9HAtHCoqbbqO5q56npu/Z69H3QP/3Tv/jnf7HGqubbUd+tnafm77XXo++D//P/l+H/UyNZE2Qq7NbesxY45t8OCPzXBOgvmmrGceIvH1/RgkD8ib8lAf7Df1oI8F/+myv45Z/t+qT0RCH/bXGfp6j/hk9/9c3pUme2vbvb0dE7q9Fxre8net7oOPO3EYhyjY5rm71+R34+n/nXZHufAK/1V9E8YP5WpefHR3UdHdf6rqLnjY4zfxuBKNfouLbZ+W+Ua3Qc/m0Eolyj49pmp/8o1+g4/NsIRLlGxzXMPnzy2EgG/13qvenbmKfk2/BD8e/TelR4pvwbMv/EBf8zCPpbB5T4Gx3iVhf8Z+QSNPrCMP7Lf88E5B/5R/5Vf6j/V5nyPddfTY3kvjLE0QgggAACCCCAAAIIIIAAAm+BgEbyLVxFnwEBBBBAAAEEEEAAAQQQeEICGsknhG0qBBBAAAEEEEAAAQQQQOAtENBIvoWr6DMggAACCCCAAAIIIIAAAk9IoK2RjP5cUXS369YPav41sdqvppQ21+jdJRN//JcE6G+kEY2LmZ34a3X+Ns7yT54X/Y0ExJ/46yEQ9Xn+w39ydcEb9t/h419+cyrWg7WAKATjTbwl5wnHo/m3AxL/LAH6S/pd8beKI/4TXA/hv/x3qyCSf+SfDAH5V/5drTerP958/XFuJHsWZ3qO6axLeqbKHmP+rroI/4MI0B/9ddTlB6mv/rPEh01UOBH90z/93z7AcO+4S2+EPFnBl3ww8S/+xf/bjP+uRpIhMASG8DYNIVLUiH/xL/7Fv4Yk4pbHj+G//Jf/8t+X5L9djeTx1uiMCCCAAAIIIIAAAggggAACr4WARvK1XCnvEwEEEEAAAQQQQAABBBB4IQTGRrK0+8T8Jmv3UNNd0Fp3CzX/Wg5RnvNR0fGl3erwx39JIKon+hsJRHmJv3za4z/8h/9cCUT9hP/yX/lH/o36xR3rj+HjX3xzuhRCtYbxXt2vh/5HsvjfS2Hb56U/+hN//If/8t/nICD/yD/yj/zzivPP8NFjI1n5d/W59dBh6kCj2+mnC2jViacDzD/7LP7rhetRGfSXv6FRezBA/NWcb73gnT66wf/EH//hv/KP/JO7oS7/5vNr67qJ+v/l1//DR7/4y6m0MXypUKqXX63PKuWlZf58oYZ/jQD95VP7/NdY6SP+xF/fQrn4E3+50pr/5G+9qX9yXOQf+Uf+6blR+/T5d7ORvC3XS2sJ0TUGx7ckEvxTAvRDPz33gGrPQvCvvK7EX+xeC/3QT6Tklb/kL/mr/RkG+Xsk8HL9Y2oka3d40gs5/f8p6XyHvR+09j6Sb4uaP6lz8N+XqOhvm4D4W/HhP/xnSUD+mwuDxEaijTb/5b9bBOQf+WdBQP59Mfl3+Ojnfzk9XBLg/L6mBrH2JapLXE//kV7Y8IJ2Ydsh8wfzCv5nUPQX08vNkw/ibw2O/43xVCns+f8EiP/yX/lH/q0YZnGdX/6Vf5cEXl/9MTaS/iGAAAIIIIAAAggggAACCCAQJFBoJLcfRal9lTM498Yw849w8j0+/mvppOt59LeXgPgTf/yH/8o/OSeVf+XfJQH1x956Iz1e/fHa6o9sI1kzytiej/XfCS0FoPm3jRr/PJ9e3aQ21nue3uPMvybQy7H3OPzxXxLo1VHvcfRHf/R3JdAbR73HiT/xJ/72xd/w4Y5HW4/6Cn3veob5t9YteqnGj8Mf//J9q7iOekfSH/3RX/2rrL3xVTtO/Ik/8Sf+nuu7cfzn5fjPupGsLenUMsv8eu95eo9rXVIqfQ7zr8n0PrPRy7H3ONe/bUmR/vME6E/8Lwnwv2jG5z8ttzT4L//NEZB/5J9Xmn+GD3/2uGvr9O5rSwt7f13C8fklBPxjSyv0Qz+5JXDxI34it0b4B//gH37GL/rdoLTZ4x/8g39k/WNsJFv/7Q2o1vmODmjz7yPg+u8z1H309/8urfn3EaB/+t9TUOxTn/gXf+JP/PUvCPCffQT4z43/9DWS+y6DoxFAAAEEEEAAAQQQQAABBF4xgaZGMvpEQO9urDWO5l8Tqi2MpDz3PoKPP/5LAvS3fWNA/K0J8J+8f9Ty3vw6/+W//PdKQP6Rfx4JRPNKdFzJj/lv2X+HH2UebY1+5SiaAOdxaYNZeqbW/HmDaOWdjsd/u7BNddr+zPf2FcIf/yUB/pePF/7P/3MFovy3j4D8I//IP1cC8u9x+TfbSO6zK0cjgAACCCCAAAIIIIAAAgi8ZQLDj37asdlO7dZNbUm59nqUeO3ZhnsvOZg/v3Reu761113/GAH6o7/crZtafNVej6mvf9MX8x9zy1H8i3/x377pDP/hP7m4ieY9/c9IYBFH243kUQHXeoFqF6r3fK3H+fzHGE4rd9f/JlB7Ee46jv7p/4iE2ytC+qM/+vOL90d/xyTqR/yH//CfkP/suyMZDUjjEEAAAQQQQAABBBBAAAEE3gyBVSN5SvY/Gi73LvOftzS+9Tzz2VuPM/96qW6+Xq0c8Z8X3vI8S9FOf/S31Ib4G5fw+U+bj/Bf/tsTN/KP/CP/XAnIv8+Xf4cf/vTPp1LDmBpVWlCnx0XHRwuN6PlKibj0fs0fK3Tw336mhv7X+wBG9SL+xF+uAEr9Oqon/p9vxOS/NYHWQpP+5L+tW0byv/y/1EfUL95i/TP88LzZTu9D6JOQTsnxQ7rR9DXVp9Y+p8C+e7zmH28B4L/SD/0Vwin6S0jRaBR/4o//8F/5R/5ZEJB/5d8sAfXHW+1/xkay1oikr98uda7/UtwttdBgmj/RV8IJ/+3OJvwDWfSX9/dKIUh/9Le9NM//10vTeVqlAlv+k/+WBFKd8F/+y3/LBNR/z55/hx9++efTw2xcNcOK3qhoHWf+6cZs753hVuDJePzxz93Z3imr8OH0R3/0d/tkSTiAdg4Uf+JP/Ik/9f9OI+08/A3479hIdv+zP/KUgboJ7jsQf/zPFcA+GXUfTX/0R3/ij/90W+iuA/kv/+W//Pf5/XdnI7nLBR2MAAIIIIAAAggggAACCCDwCgkc2kiWvkr7VFzMvyZd2vLoXtcDf/yXBOjvXpGWP6/4E3/i70qA//CfpyTAf/nve/Xf4QfLR1srkXDzndbCHh2lvQOqN2DNvxmJ+K/xFHVW0mUtq9Af/W1kAvEn/pYE+E9iF5VNnOX/SgKSf+Qf+ae4EiT/vtz8O/zgJ4+b7SQGV3X8aXzrcaVH+lvPM7/d1uPMP5KrLZ25/rWWc3yd/hJnq2ATf+KP//Bf+Wf71o38K/9GCKg/1B+rlc3nq7/GRtI/BBBAAAEEEEAAAQQQQAABBIIENJJBUIYhgAACCCCAAAIIIIAAAgiMBDSSlIAAAggggAACCCCAAAIIINBEQCPZhMtgBBBAAAEEEEAAAQQQQACB4R9//OfTUNltrRVTaTe7+Tytu92Zv40A/mtes77pbyQg/vL6qMVNNApr58Ef/yUB+Xfbl6JxV/P32uu1uI2+j9p5xL/4F/9XAvzv9fvfuZGMGuTucaVdG3efOHgC80+KDfI6ehj++J872aOFFTwf/dEf/Yk//hM0zIOH8V/+y3/fpP8+bSN5sC85HQIIIIAAAggggAACCCCAwNMT0Eg+PXMzIoAAAggggAACCCCAAAKvmsBBjWTtF4bvzcj8a8LpL9Xif18C9Ed/SwLi777xlp5d/Ik/8XclwH/4z1MS4L/v3X+nRrImhNqXCkrGVTvvjL82zvzbtoB/nk9NV/Q3EqhxEn/ib4sA/+E/OQI1X+G//Ff+kX9rPqH+eOn1R/6O5N22HasJZsJl/mSBIynUurd9wz+0ckR/9Le6wSH+VoLgP/n4qPlGdcFG/hvXtZI8ddi22/Kf/Be4c01/8r/8fyUQ8N/h+198XWv3i83wME1wSgJveBgLr1Nhe8ba69vd9/LzTfOYf4Wsxrf2Ov4xAvQv/sa6d22htfiqvR5T38MD/dEf/Yk//sN/1+2x+lv/8bT919RI5vdlPqrgeZgay/K+t+bPPeKC/7YhRgtu+qvtuy7+xN+YelsKEvEXJSD+cvG1WBKeb8XS34KA/C//bzVEUfdR//Dfe/vvrjuScSEbiQACCCCAAAIIIIAAAggg8FYIdDaStQ7/3njMv73CgP99CdAf/Y1rxc/zj/7oj/7EH//hv89BQP6Rf9b5p7ORfA7xmhMBBBBAAAEEEEAAAQQQQOAlEGhrJEubngU3Q4tuWlcEY/41mtLC0N7d+EsXAH/8lwToL78wKf7yDhLNE/ynjV+Ua3Qc/vjnCMj/8r/8fyWg/rnUP8P3P/863ez44bLb62QctQco9tZNN/6UXCDzb6854N+W99PR9JfkR/G3ahD5D//ZIsB/+W9L3yX/rAnIv/Lvqj9Vf7y6+mP43udfnzzxnL+x8FS3jPHH/5FArWG5lx7pj/7oT/zxn3s5bGwhBn/8n4OA/C//783/50byOcRrTgQQQAABBBBAAAEEEEAAgddJQCP5Oq+bd40AAggggAACCCCAAAIIPBsBjeSzoTcxAggggAACCCCAAAIIIPA6CawbydpDrumuAq27eNV2jTP/torwX/OhvzWP2i5i4i/Pa/4r/+E/WwT4L/9dEpB/5J8lAfl3pNEaF/Jvnluai15w/hm++9nXp8surckFrdWdl8/Z+W3d+fzmTxRT2C23tDvgA/6xQMxjvu5STP8rjuJ/u+/kfxMB/sN/cgVkZXFd/h8BqX/UPysC6r/NfvTGVuSfZ88/w/c+u/35j4r/V+un1u3QazcCSu+ntgCUHhddKPH5YwTwz8cv/ef1I/7yjSn/i/lNaYE2uuBBf/S3JNBZf6p/KutH8p/8lyPAf9+u/57vSEYTdF+6bz9qr8G3z3jsBTb/PgKuf9cC0z7oi6Pxx/+RQG+Du1eI9Ed/9Cf++M9eJ+07nv/y31b/zTaSffJzFAIIIIAAAggggAACCCCAwHsgMHz3s68WCz/Fb+FNLKI3p/d+K7SE3vyxe6f4rzn16ibVYe95eo8z/zHXEf8+36A/+lsS6I2j3uPoj/7o70qgN456jxN/4i8Wf8N3P/3qdPm29ykR3M23wIO9de08pddrxwWnf6idx/xJXTk1njVu+McI1DjSH/0tCcw+W9NNTH0P/K+Sx8Sf+BN/VwL8Z2TBf/O+EM0787gaR/775vx3bCTD237WtlepPdXu+MmxktCMPpWOH37njEc/KwLiJx8XaQXAP/gH/+Cf8kdSyU//q37d7hnlD/kjnz+mRnIbz2LpaqWzU1LQDlNDWvp77evj9d331o9smn9NDP9RH/SX14X42y4U+E++vOL/MwH5Z6kQ+Vf+XepB/aH+UH+9z/pz+M6nX51q36ir3dk+6n7A5c54bcI73Y8xf+y+RvQ+R3Qc/a1J1dZFo1yj4/DHf90gtBkw/4/5Zm09X/6JcYz6WnQc/+N//O9KQP0h/7UQePTPcyPZcpCxCCCAAAIIIIAAAggggAAC75tAoZEMrjHPLWhts9dmxuYPrc3iP2Kiv+YI2z5A/Im/RwKVNUb+w3/4r/wj/8q/hxJQf7y2+iPfSNa+LBT9rnbtmZGSAZl/HZZRjr3cUhPoPU/vceZfE+jl2Hsc/vgvCfTqqPc4+qM/+rsS6I2j3uPEn/gTf+JvJtDhI8N3PtnxaGtw4eDQxYrlycwfWrjA/04E6I/+Ajfu7qS++Gbb93oD9E//9F+9cX+v8Atvtn+vNyD+xb/4F/+Pv/uxbCRrjWjUj3rP03tc64Ja6XOYf02m94mVXo69x7n+bQuq9J8nQH/iP7dOGc170QVd8Sf+cgT4D//hP1cC6s/WzJNf14hy3OM/w7c/ue7aGj1R9MnWFENt1zrzx4wU/zyn2q5R9LdtNOJP/EUKGf7Df3I64b/bhZ/8I//kbuDVdBFdKBd/4m+LQE1ne+q/cyPZ2vf2vqHmiQpvzPx9hox/q9Lz4+mP/noKAvEn/o4gwH/4D/+5faKwNS56Y7F1nqOfADa/+H9p8T98++OvTsVdL6Mtam9Ezufv3XSnd975OPOPJPDPK4n+Y7foeuNQ/Ik//sN/5R/5J0dA/pV/lwSiz2hG6xH1x2H1x3hHsnepPLrU0rqEEhWC+fNLMyk//NuWsOgvRkD8ib/c0ij/yReAvc8El6JR/Ik/8Vff7ET9o/5puYUXq37im929A/2NdySjiT8KeO+4aILcO8/eBG3++xBw/WMF0n3oxw3S/PchQP/0H2kQ7qM+8S/+xJ/4qzfo/Oc+BF6h/+QbyfvgcVYEEEAAAQQQQAABBBBAAIE3QKCpkYw+mXP0o8wzZ/OvFVe7Y360PvHHf0mA/vIL9/zvaOfZ5nzvr1LJP/jnblDxP/63pYujXVD9pf56qfXX8MHHy5//WEt1KO7Csr6gta9YpoVVOSDMvxZKrCTFf9uy6W87Xq8FkfgTf1cC/J//Roph+Uf+2SIg/8q/SwLq/1JD/Hrrr3MjGUkWxiCAAAIIIIAAAggggAACCCDwSGD44KNlI1npKYdkbemUjJ9fj/795o6n+TdliX+ytEd/KyDib8TBf5Ilz8lRx94zAAADS0lEQVS3Uy78N7Fb+Uf+2SAg/8q/q1tr6g/1x4LAO66/hg8++tMp/kNWqcnWHloojY9+q6V2s9T8ibNXlkdav9WB/zZQ+qO/VWUh/rY7kelV/p90+gVq/Jf/bhGQf+Qf+edKIOqX8s/R+We6I1m7ACUzi+5TW2tgzF+pQAsv4z/dgtpZwNMf/fUQEH/i75FAzT/kv7xOovGj/sgTiPKjP/rL+VRUP+JP/OUIXPUz3ZFMB7WudEWLsOh5o+Oi887joueNjjN/G4Eo1+i4ttlv77yXCkDzt630Rq9DlGt0XHRe8T8SiHKNjsO/jUCUa3Rc2+yuf5RrdBz+bQSiXKPj2man/yjX6Dj82whEuUbHtc1+T/0nj7aOhXXtxu/x2xCvV0bMvxZITVa19ca63PBfrljSH/0tCYi/7WUF/rN0jyurVDdlH+a//Pdaeck/8o/8U/ZR/Uc+Pmq+cc/8M3zr/B3J4L/gd4uDvxoSnHQxzPwrZqXv9uLfLq3QEfRHfwsC4m8q//szWCjsLoPEn/gTfxcC/If/nJcf+O/2ykNblimPln+K+Wf41od/Ol0aj6gg463nOPHRS/rmbwsN/Ne89i5p0R/9tRAQf+JvSYD/5As/9UesIJZ/WtxX/Sn/yD93zj9jI+kfAggggAACCCCAAAIIIIAAAkECGskgKMMQQAABBBBAAAEEEEAAAQRGAhpJSkAAAQQQQAABBBBAAAEEEGgioJFswmUwAggggAACCCCAAAIIIIDA+ec/at9xvxmQcJt3D5v/HP11vtL4m+8GV77Faf71BcE/H9il7fjpf81L/CXxxH82MyX/5b9LAvKP/JMjIP/mdaH+UH8sCbzG+mv4hw//dLpsI13rBEvlROmHxIKNuvlHUBdDad3+CP8EYFB40zD6oz/xx3/472SI8k9jAunkJv+cCci/8q/8+7rzb9vvSLbZq9EIIIAAAggggAACCCCAAAJvkMDwwcd+/uMNXlcfCQEEEEAAAQQQQAABBBC4G4Hh2598dXmQZecTkrvfpPmTRxx2E207Af74PxJofbKtTWXl0fRHf/Qn/vjPUY7adh7+y3/5L//t8d/hO59dG8k22zEaAQQQQAABBBBAAAEEEEDgPRL4f4coOUlkzwE+AAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 100% 100%;
}
.panel-shouqi-container .panel-shouqi-bg .right-bg {
  width: 491px;
  height: 100%;
  background: url(../../static/img/pointreading_right_bg.5e81d93.png) no-repeat center center;
  background-size: 100% 100%;
}
.panel-shouqi-container .panel-shouqi {
  position: absolute;
  right: 20px;
  bottom: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 132px;
  height: 44px;
  background: url(../../static/img/pointreading_zhankai_bg.cda175e.png) no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 15;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
.panel-shouqi-container .panel-shouqi .panel-shouqi-text {
  font-size: 20px;
  height: 28px;
  color: #fff;
  font-weight: 600;
  margin-top: 5px;
}
.panel-shouqi-container .panel-shouqi .panel-shouqi-icon {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAVtJREFUaEPtl7tRA0EQRHscFAPKCA9FQBpgUbKkNIhA8sgIYgBnYavOUF2t9te9d3VVI1fa6X49sx8ZNv6xjfuHA6zdQe+Ad4BMwEeIDJBe7h2gIyQLeAfIAOnl3gE6QrJAtgMhhAcARwAvk84HgHcz+yV1k8t79EoAJwCvM7VPAAcz+1FChBB2AC4AnmZ1z/9ab/e0SgBfAB4Ti6UQGfNR+tvM9mqAWE8CUTBPA6RG6DYMCqLCfNSiRihu4mtiLmmISvMxoOfcoVG8BxqEqje2smYRIEatFFTWit6qAFQQavNNACzECPPNAL0Qo8x3AbRCTMdV6oalT7JugEaI+PP580BingJogMg9maiLkAYgIWjzEoBOCIl5GUAjhMy8FKASQmpeDlCAkJsfAjBBLPZXtPotlDsL1/zOAdZMf9geWBLKR2jJtFNa3gHvAJmAjxAZIL3cO0BHSBb4A5epuTGPqezmAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 100% 100%;
  margin: 7px 0 0 6px;
}
.panel-shouqi-container .panel-btn-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100vw;
  z-index: 10;
}

.btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  position: relative;
  z-index: 11;
  text-align: center;
  margin: -12px 40px 0 0;
}
.goback-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/pointreading_fanhui.b1f23fa.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.catalog-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/pointreading_catalog.ee77c35.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.setting-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/pointreading_setting.f3f3959.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.fullscreen-btn-icon {
  width: 62px;
  height: 62px;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.halfscreen-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/pointreading_halfscreen.19046e1.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.shouqi-btn-icon {
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAVtJREFUaEPtl7tRA0EQRHscFAPKCA9FQBpgUbKkNIhA8sgIYgBnYavOUF2t9te9d3VVI1fa6X49sx8ZNv6xjfuHA6zdQe+Ad4BMwEeIDJBe7h2gIyQLeAfIAOnl3gE6QrJAtgMhhAcARwAvk84HgHcz+yV1k8t79EoAJwCvM7VPAAcz+1FChBB2AC4AnmZ1z/9ab/e0SgBfAB4Ti6UQGfNR+tvM9mqAWE8CUTBPA6RG6DYMCqLCfNSiRihu4mtiLmmISvMxoOfcoVG8BxqEqje2smYRIEatFFTWit6qAFQQavNNACzECPPNAL0Qo8x3AbRCTMdV6oalT7JugEaI+PP580BingJogMg9maiLkAYgIWjzEoBOCIl5GUAjhMy8FKASQmpeDlCAkJsfAjBBLPZXtPotlDsL1/zOAdZMf9geWBLKR2jJtFNa3gHvAJmAjxAZIL3cO0BHSBb4A5epuTGPqezmAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 80% 80%;
  position: relative;
  z-index: 12;
}
.btn-text {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin-top: 5px;
  position: relative;
  z-index: 12;
}

.settints-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.settints-content {
  position: relative;
  background-color: #fff;
  border-radius: 24px;
  padding: 27px 20px;
  width: 480px;
  min-width: 480px;
}
.close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
.close-btn img {
  width: 24px;
  height: 24px;
}
.close-btn:hover {
  opacity: 0.8;
}
.speed-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 86px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 64px;
}
.speed-area .speed-title {
  font-weight: 400;
  font-size: 20px;
  color: #302F33;
}
.speed-area .custom-slider {
  width: 267px;
  position: relative;
}
.speed-area .custom-slider .slider-track {
  width: 100%;
  height: 7px;
  background-color: #e3e3e6;
}
.speed-area .custom-slider .slider-track-active {
  position: absolute;
  left: 0;
  top: 0;
  height: 7px;
  background-color: #7E52FF;
}
.speed-area .custom-slider .track-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.speed-area .custom-slider .track-dot {
  width: 14px;
  height: 14px;
  background-color: #E3E3E6;
  border-radius: 50%;
  position: relative;
  margin-top: -3px;
  cursor: pointer;
}
.speed-area .custom-slider .track-dot.active {
  background-color: #7E52FF;
}
.speed-area .custom-slider .slider-handle {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #7E52FF;
  z-index: 10;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
.speed-area .custom-slider .slider-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.speed-area .custom-slider .slider-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 14px;
}
.speed-area .custom-slider .point-label {
  margin-top: 10px;
  font-size: 14px;
  color: #929099;
  text-align: center;
}
.speed-area .custom-slider .slider-point.active .point-label {
  font-size: 14px;
  color: #302F33;
}
.tans-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 86px;
}
.tans-area .trans-title {
  font-size: 20px;
  color: #302F33;
}
.tans-area .trans-switch img {
  width: 71px;
  height: 62px;
}

.catalog-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.catalog-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  background-color: #fff;
  width: 375px;
  height: 100%;
  -webkit-box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
  -webkit-animation: slideInRight 0.3s ease-out;
          animation: slideInRight 0.3s ease-out;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.catalog-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 68px;
  padding: 0 20px;
}
.catalog-header .catalog-title {
  font-weight: 600;
  font-size: 20px;
  color: #333;
}
.catalog-header .close-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.catalog-header .close-btn img {
  width: 100%;
  height: 100%;
}
.catalog-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: scroll;
}
.catalog-content::-webkit-scrollbar {
  width: 4px;
}
.catalog-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
}
.catalog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.catalog-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  background-color: #F5F4F7;
  padding: 16px 20px;
  color: #302F33;
  line-height: 32px;
}
.section-title .section-title-icon-wrapper {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
}
.section-title .section-title-icon-wrapper .section-title-icon {
  width: 24px;
  height: 24px;
  line-height: 32px;
  min-width: 24px;
  min-height: 24px;
}
.section-title .section-title-text {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.section-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  cursor: pointer;
  border-bottom: 1px solid #ECF0ED;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section-item:hover {
  background-color: #f9f9f9;
}
.section-item .item-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  color: #302F33;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-wrap: break-word;
}
.section-item .item-title.active {
  color: #7E52FF;
  font-weight: 600;
}
.section-item .item-page {
  font-size: 14px;
  color: #929099;
  margin-left: 8px;
}
.section-item .item-page.active {
  color: #7E52FF;
}

.tapread-detail-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  min-height: 100vh;
  /* 使用视口高度单位 */
  background-color: #fff;
  overflow: hidden;
  /* 防止整体出现滚动条 */
  /* 全局提高图片质量 */
}
.tapread-detail-container .contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  background: url(../../static/img/home_page.d5a7129.png) no-repeat center / cover;
  /* 修改滚动条样式 */
  /* Firefox滚动条 */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.05);
  /* IE/Edge滚动条 */
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tapread-detail-container .contents::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.tapread-detail-container .contents::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
.tapread-detail-container .contents::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.tapread-detail-container .contents::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.tapread-detail-container .tapread-info-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #A9ECFF;
  -webkit-box-shadow: inset 0px -2px 2px 0px #21B3F4, inset 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
          box-shadow: inset 0px -2px 2px 0px #21B3F4, inset 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
  border-radius: 44px;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tapread-detail-container .tapread-info-wrapper .tapread-inner-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #8EE6FF;
  -webkit-box-shadow: inset 0px 1px 3px 0px #3DC2F7;
          box-shadow: inset 0px 1px 3px 0px #3DC2F7;
  border-radius: 32px;
  height: 100%;
  position: relative;
  z-index: 10;
  /* 添加 z-index 使其高于装饰图标 */
  overflow: hidden;
}
.tapread-detail-container .tapread-info-wrapper .top_left_icon {
  position: absolute;
  top: -12px;
  left: 0;
  height: 65px;
  width: 243px;
  background: url('https://i.gsxcdn.com/3002706877_ht9b53xm.png') no-repeat center / cover;
}
.tapread-detail-container .tapread-info-wrapper .top_right_icon {
  position: absolute;
  top: -6px;
  right: -6px;
  height: 123px;
  width: 123px;
  background: url('https://i.gsxcdn.com/3001919855_hhsjo1xn.png') no-repeat center / cover;
}
.tapread-detail-container .tapread-info-wrapper .bottom_left_icon {
  position: absolute;
  bottom: -6px;
  left: -6px;
  height: 123px;
  width: 123px;
  background: url('https://i.gsxcdn.com/3001919857_6ml0mjm1.png') no-repeat center / cover;
}
.tapread-detail-container .tapread-info-wrapper .bottom_right_icon {
  position: absolute;
  bottom: -12px;
  right: 0px;
  height: 65px;
  width: 243px;
  background: url('https://i.gsxcdn.com/3002706875_6qmsmh8c.png') no-repeat center / cover;
}
.tapread-detail-container .loading-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
@-webkit-keyframes loadingAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -100px 0px;
  }
  4.08% {
    background-position: -200px 0px;
  }
  6.12% {
    background-position: -300px 0px;
  }
  8.16% {
    background-position: -400px 0px;
  }
  10.20% {
    background-position: -500px 0px;
  }
  12.24% {
    background-position: -600px 0px;
  }
  14.29% {
    background-position: -700px 0px;
  }
  16.33% {
    background-position: -800px 0px;
  }
  18.37% {
    background-position: -900px 0px;
  }
  20.41% {
    background-position: -1000px 0px;
  }
  22.45% {
    background-position: -1100px 0px;
  }
  24.49% {
    background-position: -1200px 0px;
  }
  26.53% {
    background-position: -1300px 0px;
  }
  28.57% {
    background-position: -1400px 0px;
  }
  30.61% {
    background-position: -1500px 0px;
  }
  32.65% {
    background-position: -1600px 0px;
  }
  34.69% {
    background-position: -1700px 0px;
  }
  36.73% {
    background-position: -1800px 0px;
  }
  38.78% {
    background-position: -1900px 0px;
  }
  40.82% {
    background-position: -2000px 0px;
  }
  42.86% {
    background-position: -2100px 0px;
  }
  44.90% {
    background-position: -2200px 0px;
  }
  46.94% {
    background-position: -2300px 0px;
  }
  48.98% {
    background-position: -2400px 0px;
  }
  51.02% {
    background-position: -2500px 0px;
  }
  53.06% {
    background-position: -2600px 0px;
  }
  55.10% {
    background-position: -2700px 0px;
  }
  57.14% {
    background-position: -2800px 0px;
  }
  59.18% {
    background-position: -2900px 0px;
  }
  61.22% {
    background-position: -3000px 0px;
  }
  63.27% {
    background-position: -3100px 0px;
  }
  65.31% {
    background-position: -3200px 0px;
  }
  67.35% {
    background-position: -3300px 0px;
  }
  69.39% {
    background-position: -3400px 0px;
  }
  71.43% {
    background-position: -3500px 0px;
  }
  73.47% {
    background-position: -3600px 0px;
  }
  75.51% {
    background-position: -3700px 0px;
  }
  77.55% {
    background-position: -3800px 0px;
  }
  79.59% {
    background-position: -3900px 0px;
  }
  81.63% {
    background-position: -4000px 0px;
  }
  83.67% {
    background-position: -4100px 0px;
  }
  85.71% {
    background-position: -4200px 0px;
  }
  87.76% {
    background-position: -4300px 0px;
  }
  89.80% {
    background-position: -4400px 0px;
  }
  91.84% {
    background-position: -4500px 0px;
  }
  93.88% {
    background-position: -4600px 0px;
  }
  95.92% {
    background-position: -4700px 0px;
  }
  97.96% {
    background-position: -4800px 0px;
  }
  100.00% {
    background-position: -4900px 0px;
  }
}
@keyframes loadingAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -100px 0px;
  }
  4.08% {
    background-position: -200px 0px;
  }
  6.12% {
    background-position: -300px 0px;
  }
  8.16% {
    background-position: -400px 0px;
  }
  10.20% {
    background-position: -500px 0px;
  }
  12.24% {
    background-position: -600px 0px;
  }
  14.29% {
    background-position: -700px 0px;
  }
  16.33% {
    background-position: -800px 0px;
  }
  18.37% {
    background-position: -900px 0px;
  }
  20.41% {
    background-position: -1000px 0px;
  }
  22.45% {
    background-position: -1100px 0px;
  }
  24.49% {
    background-position: -1200px 0px;
  }
  26.53% {
    background-position: -1300px 0px;
  }
  28.57% {
    background-position: -1400px 0px;
  }
  30.61% {
    background-position: -1500px 0px;
  }
  32.65% {
    background-position: -1600px 0px;
  }
  34.69% {
    background-position: -1700px 0px;
  }
  36.73% {
    background-position: -1800px 0px;
  }
  38.78% {
    background-position: -1900px 0px;
  }
  40.82% {
    background-position: -2000px 0px;
  }
  42.86% {
    background-position: -2100px 0px;
  }
  44.90% {
    background-position: -2200px 0px;
  }
  46.94% {
    background-position: -2300px 0px;
  }
  48.98% {
    background-position: -2400px 0px;
  }
  51.02% {
    background-position: -2500px 0px;
  }
  53.06% {
    background-position: -2600px 0px;
  }
  55.10% {
    background-position: -2700px 0px;
  }
  57.14% {
    background-position: -2800px 0px;
  }
  59.18% {
    background-position: -2900px 0px;
  }
  61.22% {
    background-position: -3000px 0px;
  }
  63.27% {
    background-position: -3100px 0px;
  }
  65.31% {
    background-position: -3200px 0px;
  }
  67.35% {
    background-position: -3300px 0px;
  }
  69.39% {
    background-position: -3400px 0px;
  }
  71.43% {
    background-position: -3500px 0px;
  }
  73.47% {
    background-position: -3600px 0px;
  }
  75.51% {
    background-position: -3700px 0px;
  }
  77.55% {
    background-position: -3800px 0px;
  }
  79.59% {
    background-position: -3900px 0px;
  }
  81.63% {
    background-position: -4000px 0px;
  }
  83.67% {
    background-position: -4100px 0px;
  }
  85.71% {
    background-position: -4200px 0px;
  }
  87.76% {
    background-position: -4300px 0px;
  }
  89.80% {
    background-position: -4400px 0px;
  }
  91.84% {
    background-position: -4500px 0px;
  }
  93.88% {
    background-position: -4600px 0px;
  }
  95.92% {
    background-position: -4700px 0px;
  }
  97.96% {
    background-position: -4800px 0px;
  }
  100.00% {
    background-position: -4900px 0px;
  }
}
.tapread-detail-container .loading-content .loading-icon {
  background-image: url(../../static/img/loading_sprit.31f1f94.png);
  width: 100px;
  height: 100px;
  -webkit-animation: loadingAnimation 2s steps(1) infinite;
          animation: loadingAnimation 2s steps(1) infinite;
}
.tapread-detail-container .loading-content .loading-text {
  margin-top: 20px;
  font-size: 16px;
  color: #666;
}
.tapread-detail-container .error-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tapread-detail-container .error-content .error-icon {
  width: 100px;
  height: 100px;
  background-image: url(../../static/img/loading_failure.246f7fe.png);
  background-size: 100% 100%;
}
.tapread-detail-container .error-content .error-text {
  margin-top: 20px;
  font-size: 16px;
  color: #666;
}
.tapread-detail-container img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
}
.tapread-detail-container .swiper-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* 防止用户选择文本影响滑动 */
  border-radius: 30px;
  overflow: hidden;
}
.tapread-detail-container .tapread-swiper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
  overflow: hidden;
  border-radius: 40px;
  /* Swiper基本样式 */
  /* 高质量幻灯片样式 */
}
.tapread-detail-container .tapread-swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* 确保不换行 */
}
.tapread-detail-container .tapread-swiper .swiper-slide {
  width: 100% !important;
  /* 确保slide宽度是100% */
  min-width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 添加图片质量优化 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  /* 确保slide始终占据整个容器 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tapread-detail-container .tapread-swiper .swiper-slide .loading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.tapread-detail-container .tapread-swiper .high-quality-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-font-smoothing: subpixel-antialiased;
  will-change: transform;
  /* 优化内部内容 */
  /* 小屏幕下的特殊优化 */
}
.tapread-detail-container .tapread-swiper .high-quality-slide img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .tapread-detail-container .tapread-swiper .high-quality-slide {
    -webkit-filter: contrast(1.05);
            filter: contrast(1.05);
    /* 略微提高对比度，使图像更清晰 */
  }
}
.tapread-detail-container .point-reading-container {
  min-width: 50%;
  width: 50%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  position: relative;
  /* 添加相对定位 */
  /* 添加图片质量优化 */
  /* 滚动条样式 */
  /* Firefox滚动条 */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.02);
  /* IE/Edge滚动条 */
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tapread-detail-container .point-reading-container img {
  /* 基本渲染优化 */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  /* 提高小图缩放质量 */
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  /* 提升渲染质量 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  /* 防止浏览器自动模糊处理 */
  /* 高DPI屏幕优化 */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .tapread-detail-container .point-reading-container img {
    image-rendering: auto;
    /* 在高DPI设备上使用浏览器默认渲染 */
  }
}
.tapread-detail-container .point-reading-container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tapread-detail-container .point-reading-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
}
.tapread-detail-container .point-reading-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.tapread-detail-container .point-reading-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.tapread-detail-container .last-page-single-container {
  min-width: 50%;
  width: 50%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background-color: #fff;
}
.tapread-detail-container .last-page-single-container img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  /* 基本渲染优化 */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
  /* 提升渲染质量 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
}
.tapread-detail-container .last-page-single-container .reading-mask {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.08)), to(rgba(216, 216, 216, 0)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(216, 216, 216, 0) 100%);
}
.tapread-detail-container .bottom-panel-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  pointer-events: none;
  /* 确保只有按钮区域可点击 */
  z-index: 100;
  /* 确保面板显示在最上层 */
  /* 使内部元素可点击 */
}
.tapread-detail-container .bottom-panel-container > * {
  pointer-events: auto;
}

.content-card {
  width: 240px;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f0f0f0;
  border-radius: 8px;
  cursor: pointer;
  margin: 20px;
}
.content-card:hover {
  background-color: #e6f7ff;
}
.picbook-list-filter-radio-group .gt-radio-group-label {
  min-width: 132px;
  padding-right: 30px;
}
.filter-label-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-label-dropdown .filter-label-dropdown-title {
  padding-left: 3px;
}
.filter-label-dropdown .filter-label-dropdown-tips,
.filter-label-dropdown .filter-label-dropdown-arrow {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tips-modal .ant-modal-body,
.tips-modal .ant-modal-confirm-body-wrapper,
.tips-modal .ant-modal-confirm-body,
.tips-modal .ant-modal-confirm-paragraph,
.tips-modal .ant-modal-confirm-content {
  height: 100%;
}
.tips-modal .ant-modal-confirm-paragraph {
  max-width: 100%;
}
.tips-modal .tips-content {
  height: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.tips-modal .tips-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 14px;
}
.tips-modal .tips-content-body {
  width: 100%;
  height: calc(100% - 44px);
  padding-right: 6px;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tips-modal .tips-content-body::-webkit-scrollbar {
  width: 4px;
}
.tips-modal .tips-content-body img {
  width: 100%;
  vertical-align: middle;
}
.filter-label-dropdown-handler .ant-dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(148, 104, 0, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(148, 104, 0, 0.2);
  border-radius: 10px;
  padding: 3px;
}
.filter-label-dropdown-handler .ant-dropdown-menu .ant-dropdown-menu-item {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  font-style: normal;
  border-radius: 6px;
}
.filter-label-dropdown-handler .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: #F7F7F7;
}
.filter-label-dropdown-handler .ant-dropdown-menu .ant-dropdown-menu-item-selected {
  background: #E0E2FF;
}
.tapread-container {
  width: 100%;
  padding: 30px 0px 30px 0;
}
.tapread-container .tapread-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 24px;
}
.tapread-container .tapread-content {
  width: 100%;
  height: calc(100vh - 194px);
  overflow: auto;
  background-color: #fff;
  padding: 30px 20px 20px 20px;
  border-radius: 24px;
}
.tapread-container .tapread-content::-webkit-scrollbar {
  display: none;
}
.tapread-container .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.tapread-container .filter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.tapread-container .filter-wrapper .filter-wrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 63%;
  gap: 10px;
}
.tapread-container .filter-wrapper .filter-wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 37%;
  gap: 10px;
}
.tapread-container .book-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 30px 0 20px 0;
}
.tapread-container .book-list-header .list-sub-line {
  display: block;
  width: 2px;
  height: 18px;
  background: #E0E2FF;
  border-radius: 1px;
}
.tapread-container .book-list-header .list-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 20px;
  color: #404480;
}
.tapread-container .book-list-header .list-sub-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.tapread-container .book-list-content .loading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 300px;
}
.tapread-container .book-list-content .book-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px 43px;
  padding-bottom: 6px;
}
.tapread-container .book-list-content .book-list .book-item {
  max-width: 114px;
}
.tapread-container .book-list-content .book-list .book-item .book-cover {
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
  padding: 0 3px 14px 11px;
  position: relative;
  background: url('https://ttlx.gsxcdn.com/2985314809_ufmc42bu.png') no-repeat;
  background-size: 100%;
}
.tapread-container .book-list-content .book-list .book-item .book-cover .book-cover-info {
  position: absolute;
  top: 0;
  left: 11px;
  width: 100px;
  height: 137px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0px 8px 8px 0px;
}
.tapread-container .book-list-content .book-list .book-item .book-cover .book-lexiler {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 13px;
  color: #FFFFFF;
  font-style: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 17px;
  margin-left: 17px;
}
.tapread-container .book-list-content .book-list .book-item .book-cover .book-cover-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tapread-container .book-list-content .book-list .book-item .book-cover img {
  width: 100px;
  height: 137px;
  border-radius: 0px 8px 8px 0px;
}
.tapread-container .book-list-content .book-list .book-item .book-info {
  padding: 0px 10px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tapread-container .book-list-content .book-list .book-item .book-info .book-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #302F33;
  font-style: normal;
}
.ant-radio-group-solid .ant-radio-button-wrapper::before {
  display: none;
}
.ant-radio-group-solid .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background-color: #e6f7ff;
  border-color: #1890ff;
  color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover {
  color: #1890ff;
  background-color: #e6f7ff;
  border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper:hover {
  color: #1890ff;
  background-color: #f0f8ff;
}
.ant-empty {
  padding: 40px 0;
}
.ant-empty .ant-empty-image {
  height: 60px;
}
.ant-empty .ant-empty-description {
  font-size: 14px;
  color: #999;
}

.btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  position: relative;
  z-index: 11;
  text-align: center;
  margin: -12px 40px 0 0;
}
.goback-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/pointreading_fanhui.b1f23fa.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.donghua-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/pic_donghua_icon.6d1883d.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.huiben-btn-icon {
  width: 62px;
  height: 62px;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.shouqi-btn-icon {
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAVtJREFUaEPtl7tRA0EQRHscFAPKCA9FQBpgUbKkNIhA8sgIYgBnYavOUF2t9te9d3VVI1fa6X49sx8ZNv6xjfuHA6zdQe+Ad4BMwEeIDJBe7h2gIyQLeAfIAOnl3gE6QrJAtgMhhAcARwAvk84HgHcz+yV1k8t79EoAJwCvM7VPAAcz+1FChBB2AC4AnmZ1z/9ab/e0SgBfAB4Ti6UQGfNR+tvM9mqAWE8CUTBPA6RG6DYMCqLCfNSiRihu4mtiLmmISvMxoOfcoVG8BxqEqje2smYRIEatFFTWit6qAFQQavNNACzECPPNAL0Qo8x3AbRCTMdV6oalT7JugEaI+PP580BingJogMg9maiLkAYgIWjzEoBOCIl5GUAjhMy8FKASQmpeDlCAkJsfAjBBLPZXtPotlDsL1/zOAdZMf9geWBLKR2jJtFNa3gHvAJmAjxAZIL3cO0BHSBb4A5epuTGPqezmAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 80% 80%;
  position: relative;
  z-index: 12;
}
.btn-text {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin-top: 5px;
  position: relative;
  z-index: 12;
}

.keyword-drawer-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.keyword-drawer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  background-color: #fff;
  width: 375px;
  height: 100%;
  -webkit-box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
  -webkit-animation: slideInRight 0.3s ease-out;
          animation: slideInRight 0.3s ease-out;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.keyword-drawer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 68px;
  padding: 0 20px;
}
.keyword-drawer-header .keyword-drawer-title {
  font-weight: 600;
  font-size: 20px;
  color: #333;
}
.keyword-drawer-header .close-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.keyword-drawer-header .close-btn img {
  width: 100%;
  height: 100%;
}
.keyword-drawer-item-empty {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #909992;
  line-height: 24px;
}
.keyword-drawer-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: scroll;
  letter-spacing: 0.01em;
}
.keyword-drawer-content::-webkit-scrollbar {
  width: 4px;
}
.keyword-drawer-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
}
.keyword-drawer-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.keyword-drawer-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.keyword-drawer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-bottom: 1px solid #ECF0ED;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.keyword-drawer-item:last-child {
  border-bottom: none;
}
.keyword-drawer-item .keyword-drawer-item-icon {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  margin-right: 16px;
}
.keyword-drawer-item .keyword-drawer-item-icon .keyword-audio-playing-icon {
  background-image: url('https://i.gsxcdn.com/2999501035_bf5ilej0.png');
  width: 48px;
  height: 48px;
  -webkit-animation: playAnimation 1.2s steps(1) infinite;
          animation: playAnimation 1.2s steps(1) infinite;
}
.keyword-drawer-item .keyword-drawer-item-icon .keyword-audio-pause-icon {
  background-image: url('https://i.gsxcdn.com/2999501035_bf5ilej0.png');
  width: 48px;
  height: 48px;
  background-position: 0 0;
  /* 默认显示第一帧 */
  background-repeat: no-repeat;
}
.keyword-drawer-item .keyword-text-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  letter-spacing: 0.01em;
}
.keyword-drawer-item .keyword-text-area .keyword-text-area-title {
  font-weight: 500;
  font-size: 20px;
  color: #2F3330;
  line-height: 28px;
  margin-bottom: 2px;
}
.keyword-drawer-item .keyword-text-area .keyword-text-area-content {
  font-weight: 500;
  font-size: 16px;
  color: #909992;
  line-height: 24px;
}
@-webkit-keyframes playAnimation {
  0% {
    background-position: 0px 0px;
  }
  3.45% {
    background-position: -48px 0px;
  }
  6.90% {
    background-position: -96px 0px;
  }
  10.34% {
    background-position: -144px 0px;
  }
  13.79% {
    background-position: -192px 0px;
  }
  17.24% {
    background-position: -240px 0px;
  }
  20.69% {
    background-position: -288px 0px;
  }
  24.14% {
    background-position: -336px 0px;
  }
  27.59% {
    background-position: -384px 0px;
  }
  31.03% {
    background-position: -432px 0px;
  }
  34.48% {
    background-position: -480px 0px;
  }
  37.93% {
    background-position: -528px 0px;
  }
  41.38% {
    background-position: -576px 0px;
  }
  44.83% {
    background-position: -624px 0px;
  }
  48.28% {
    background-position: -672px 0px;
  }
  51.72% {
    background-position: -720px 0px;
  }
  55.17% {
    background-position: -768px 0px;
  }
  58.62% {
    background-position: -816px 0px;
  }
  62.07% {
    background-position: -864px 0px;
  }
  65.52% {
    background-position: -912px 0px;
  }
  68.97% {
    background-position: -960px 0px;
  }
  72.41% {
    background-position: -1008px 0px;
  }
  75.86% {
    background-position: -1056px 0px;
  }
  79.31% {
    background-position: -1104px 0px;
  }
  82.76% {
    background-position: -1152px 0px;
  }
  86.21% {
    background-position: -1200px 0px;
  }
  89.66% {
    background-position: -1248px 0px;
  }
  93.10% {
    background-position: -1296px 0px;
  }
  96.55% {
    background-position: -1344px 0px;
  }
  100.00% {
    background-position: -1392px 0px;
  }
}
@keyframes playAnimation {
  0% {
    background-position: 0px 0px;
  }
  3.45% {
    background-position: -48px 0px;
  }
  6.90% {
    background-position: -96px 0px;
  }
  10.34% {
    background-position: -144px 0px;
  }
  13.79% {
    background-position: -192px 0px;
  }
  17.24% {
    background-position: -240px 0px;
  }
  20.69% {
    background-position: -288px 0px;
  }
  24.14% {
    background-position: -336px 0px;
  }
  27.59% {
    background-position: -384px 0px;
  }
  31.03% {
    background-position: -432px 0px;
  }
  34.48% {
    background-position: -480px 0px;
  }
  37.93% {
    background-position: -528px 0px;
  }
  41.38% {
    background-position: -576px 0px;
  }
  44.83% {
    background-position: -624px 0px;
  }
  48.28% {
    background-position: -672px 0px;
  }
  51.72% {
    background-position: -720px 0px;
  }
  55.17% {
    background-position: -768px 0px;
  }
  58.62% {
    background-position: -816px 0px;
  }
  62.07% {
    background-position: -864px 0px;
  }
  65.52% {
    background-position: -912px 0px;
  }
  68.97% {
    background-position: -960px 0px;
  }
  72.41% {
    background-position: -1008px 0px;
  }
  75.86% {
    background-position: -1056px 0px;
  }
  79.31% {
    background-position: -1104px 0px;
  }
  82.76% {
    background-position: -1152px 0px;
  }
  86.21% {
    background-position: -1200px 0px;
  }
  89.66% {
    background-position: -1248px 0px;
  }
  93.10% {
    background-position: -1296px 0px;
  }
  96.55% {
    background-position: -1344px 0px;
  }
  100.00% {
    background-position: -1392px 0px;
  }
}

.picbook-info-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  margin: auto;
  min-height: 660px;
  /* 使用视口高度单位 */
  /* 全局提高图片质量 */
}
.picbook-info-container .contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 660px;
  background: url(../../static/img/home_page.d5a7129.png) no-repeat center / cover;
  background-size: 100% 100%;
  overflow: scroll;
}
.picbook-info-container .contents::-webkit-scrollbar {
  display: none;
}
.picbook-info-container .contents::-webkit-scrollbar-track {
  display: none;
}
.picbook-info-container .contents::-webkit-scrollbar-thumb {
  display: none;
}
.picbook-info-container .picbook-info-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #A9ECFF;
  -webkit-box-shadow: inset 0px -2px 2px 0px #21B3F4, inset 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
          box-shadow: inset 0px -2px 2px 0px #21B3F4, inset 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
  border-radius: 44px;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.picbook-info-container .picbook-info-wrapper .picbook-inner-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #8EE6FF;
  -webkit-box-shadow: inset 0px 1px 3px 0px #3DC2F7;
          box-shadow: inset 0px 1px 3px 0px #3DC2F7;
  border-radius: 32px;
  height: 100%;
  position: relative;
  z-index: 10;
  /* 添加 z-index 使其高于装饰图标 */
  overflow: hidden;
}
.picbook-info-container .picbook-info-wrapper .top_left_icon {
  position: absolute;
  top: -12px;
  left: 0;
  height: 65px;
  width: 243px;
  background: url('https://i.gsxcdn.com/3002706877_ht9b53xm.png') no-repeat center / cover;
}
.picbook-info-container .picbook-info-wrapper .top_right_icon {
  position: absolute;
  top: -6px;
  right: -6px;
  height: 123px;
  width: 123px;
  background: url('https://i.gsxcdn.com/3001919855_hhsjo1xn.png') no-repeat center / cover;
}
.picbook-info-container .picbook-info-wrapper .bottom_left_icon {
  position: absolute;
  bottom: -6px;
  left: -6px;
  height: 123px;
  width: 123px;
  background: url('https://i.gsxcdn.com/3001919857_6ml0mjm1.png') no-repeat center / cover;
}
.picbook-info-container .picbook-info-wrapper .bottom_right_icon {
  position: absolute;
  bottom: -12px;
  right: 0px;
  height: 65px;
  width: 243px;
  background: url('https://i.gsxcdn.com/3002706875_6qmsmh8c.png') no-repeat center / cover;
}
.picbook-info-container .loading-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@-webkit-keyframes loadingAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -100px 0px;
  }
  4.08% {
    background-position: -200px 0px;
  }
  6.12% {
    background-position: -300px 0px;
  }
  8.16% {
    background-position: -400px 0px;
  }
  10.20% {
    background-position: -500px 0px;
  }
  12.24% {
    background-position: -600px 0px;
  }
  14.29% {
    background-position: -700px 0px;
  }
  16.33% {
    background-position: -800px 0px;
  }
  18.37% {
    background-position: -900px 0px;
  }
  20.41% {
    background-position: -1000px 0px;
  }
  22.45% {
    background-position: -1100px 0px;
  }
  24.49% {
    background-position: -1200px 0px;
  }
  26.53% {
    background-position: -1300px 0px;
  }
  28.57% {
    background-position: -1400px 0px;
  }
  30.61% {
    background-position: -1500px 0px;
  }
  32.65% {
    background-position: -1600px 0px;
  }
  34.69% {
    background-position: -1700px 0px;
  }
  36.73% {
    background-position: -1800px 0px;
  }
  38.78% {
    background-position: -1900px 0px;
  }
  40.82% {
    background-position: -2000px 0px;
  }
  42.86% {
    background-position: -2100px 0px;
  }
  44.90% {
    background-position: -2200px 0px;
  }
  46.94% {
    background-position: -2300px 0px;
  }
  48.98% {
    background-position: -2400px 0px;
  }
  51.02% {
    background-position: -2500px 0px;
  }
  53.06% {
    background-position: -2600px 0px;
  }
  55.10% {
    background-position: -2700px 0px;
  }
  57.14% {
    background-position: -2800px 0px;
  }
  59.18% {
    background-position: -2900px 0px;
  }
  61.22% {
    background-position: -3000px 0px;
  }
  63.27% {
    background-position: -3100px 0px;
  }
  65.31% {
    background-position: -3200px 0px;
  }
  67.35% {
    background-position: -3300px 0px;
  }
  69.39% {
    background-position: -3400px 0px;
  }
  71.43% {
    background-position: -3500px 0px;
  }
  73.47% {
    background-position: -3600px 0px;
  }
  75.51% {
    background-position: -3700px 0px;
  }
  77.55% {
    background-position: -3800px 0px;
  }
  79.59% {
    background-position: -3900px 0px;
  }
  81.63% {
    background-position: -4000px 0px;
  }
  83.67% {
    background-position: -4100px 0px;
  }
  85.71% {
    background-position: -4200px 0px;
  }
  87.76% {
    background-position: -4300px 0px;
  }
  89.80% {
    background-position: -4400px 0px;
  }
  91.84% {
    background-position: -4500px 0px;
  }
  93.88% {
    background-position: -4600px 0px;
  }
  95.92% {
    background-position: -4700px 0px;
  }
  97.96% {
    background-position: -4800px 0px;
  }
  100.00% {
    background-position: -4900px 0px;
  }
}
@keyframes loadingAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -100px 0px;
  }
  4.08% {
    background-position: -200px 0px;
  }
  6.12% {
    background-position: -300px 0px;
  }
  8.16% {
    background-position: -400px 0px;
  }
  10.20% {
    background-position: -500px 0px;
  }
  12.24% {
    background-position: -600px 0px;
  }
  14.29% {
    background-position: -700px 0px;
  }
  16.33% {
    background-position: -800px 0px;
  }
  18.37% {
    background-position: -900px 0px;
  }
  20.41% {
    background-position: -1000px 0px;
  }
  22.45% {
    background-position: -1100px 0px;
  }
  24.49% {
    background-position: -1200px 0px;
  }
  26.53% {
    background-position: -1300px 0px;
  }
  28.57% {
    background-position: -1400px 0px;
  }
  30.61% {
    background-position: -1500px 0px;
  }
  32.65% {
    background-position: -1600px 0px;
  }
  34.69% {
    background-position: -1700px 0px;
  }
  36.73% {
    background-position: -1800px 0px;
  }
  38.78% {
    background-position: -1900px 0px;
  }
  40.82% {
    background-position: -2000px 0px;
  }
  42.86% {
    background-position: -2100px 0px;
  }
  44.90% {
    background-position: -2200px 0px;
  }
  46.94% {
    background-position: -2300px 0px;
  }
  48.98% {
    background-position: -2400px 0px;
  }
  51.02% {
    background-position: -2500px 0px;
  }
  53.06% {
    background-position: -2600px 0px;
  }
  55.10% {
    background-position: -2700px 0px;
  }
  57.14% {
    background-position: -2800px 0px;
  }
  59.18% {
    background-position: -2900px 0px;
  }
  61.22% {
    background-position: -3000px 0px;
  }
  63.27% {
    background-position: -3100px 0px;
  }
  65.31% {
    background-position: -3200px 0px;
  }
  67.35% {
    background-position: -3300px 0px;
  }
  69.39% {
    background-position: -3400px 0px;
  }
  71.43% {
    background-position: -3500px 0px;
  }
  73.47% {
    background-position: -3600px 0px;
  }
  75.51% {
    background-position: -3700px 0px;
  }
  77.55% {
    background-position: -3800px 0px;
  }
  79.59% {
    background-position: -3900px 0px;
  }
  81.63% {
    background-position: -4000px 0px;
  }
  83.67% {
    background-position: -4100px 0px;
  }
  85.71% {
    background-position: -4200px 0px;
  }
  87.76% {
    background-position: -4300px 0px;
  }
  89.80% {
    background-position: -4400px 0px;
  }
  91.84% {
    background-position: -4500px 0px;
  }
  93.88% {
    background-position: -4600px 0px;
  }
  95.92% {
    background-position: -4700px 0px;
  }
  97.96% {
    background-position: -4800px 0px;
  }
  100.00% {
    background-position: -4900px 0px;
  }
}
.picbook-info-container .loading-content .loading-icon {
  background-image: url(../../static/img/loading_sprit.31f1f94.png);
  width: 100px;
  height: 100px;
  -webkit-animation: loadingAnimation 2s steps(1) infinite;
          animation: loadingAnimation 2s steps(1) infinite;
}
.picbook-info-container .loading-content .loading-text {
  margin-top: 20px;
  color: #666;
}
.picbook-info-container .error-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.picbook-info-container .error-content .error-icon {
  background-image: url(../../static/img/loading_failure.246f7fe.png);
  background-size: 100% 100%;
}
.picbook-info-container .error-content .error-text {
  margin-top: 20px;
  color: #666;
}
.picbook-info-container img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
}
.picbook-info-container .bottom-panel-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  pointer-events: none;
  /* 确保只有按钮区域可点击 */
  z-index: 100;
  /* 确保面板显示在最上层 */
  /* 使内部元素可点击 */
}
.picbook-info-container .bottom-panel-container > * {
  pointer-events: auto;
}
.picbook-info-container .picbook-info-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 20;
  /* 提高 z-index 确保在最顶层 */
}
.picbook-info-container .picbook-info-content .picbook-info-content-left {
  position: relative;
  background: url(../../static/img/book_blue_bg.5877861.png) no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.picbook-info-container .picbook-info-content .picbook-info-content-left .picbook-info-content-left-img {
  border-radius: 0px 32px 32px 0px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.picbook-info-container .picbook-info-content .picbook-info-content-left .picbook-info-content-left-img img {
  width: 100%;
  height: 100%;
}
.picbook-info-container .picbook-info-content .picbook-info-content-left .resource-tag {
  position: absolute;
  top: 0;
  right: 0;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .content-title {
  font-weight: 600;
  color: #2F3330;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .content-lexiler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .content-lexiler .content-words {
  height: 38px;
  line-height: 38px;
  background: #FFF4A8;
  border-radius: 6px;
  text-align: center;
  padding: 0 8px;
  font-weight: 400;
  font-size: 20px;
  color: #994700;
  margin-right: 20px;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .content-lexiler .content-bluescore {
  height: 38px;
  line-height: 38px;
  background: #E8E6FF;
  border-radius: 6px;
  font-weight: 400;
  font-size: 20px;
  color: #8446C7;
  text-align: center;
  padding: 0 8px;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .content-keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  margin-top: 40px;
  background: #EDFAFE;
  border-radius: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .content-keywords img {
  width: 100%;
  height: 100%;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .keywords-text-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 20px;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .keywords-text-wrapper .keywords-text-title {
  font-weight: 600;
  font-size: 24px;
  color: #333333;
  margin-bottom: 6px;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .keywords-text-wrapper .keywords-text-content {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  max-height: 56px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  margin-bottom: 20px;
  letter-spacing: 0.01em;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .keywords-text-wrapper .keywords-text-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border-radius: 16px;
  padding: 0 12px;
  font-weight: 500;
  font-size: 16px;
  color: #29CC54;
  line-height: 22px;
  height: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .keywords-text-wrapper .keywords-text-more .keywords-text-arrow {
  height: 20px;
  width: 20px;
  margin-left: 4px;
}
.picbook-info-container .picbook-info-content .picbook-info-content-right .keywords-text-wrapper .keywords-text-more .keywords-text-arrow img {
  width: 100%;
  height: 100%;
}
.picbook-info-container .content-bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 70px;
  margin-top: 48px;
}
.picbook-info-container .content-bottom-btn .content-bottom-btn-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  cursor: pointer;
}
.picbook-info-container .content-bottom-btn .content-bottom-btn-item span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 20px;
  color: #4D4D4D;
}

.picbook-vertical-container {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.picbook-vertical-container .picbook-image {
  height: 100%;
  width: 100%;
}
.picbook-vertical-container .reading-mask {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.08)), to(rgba(216, 216, 216, 0)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(216, 216, 216, 0) 100%);
}
.picbook-vertical-container .vertical-page-number {
  position: absolute;
  right: 18px;
  bottom: 21px;
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}
.picbook-vertical-container .vertical-page-number .current-page {
  font-weight: 400;
  font-size: 22px;
  color: #666666;
}
.picbook-vertical-container .horizontal-page-number {
  position: absolute;
  right: 27px;
  bottom: 22px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}
.picbook-vertical-container .horizontal-page-number .current-page {
  font-weight: 500;
  font-size: 22px;
  color: #29CC54;
}
.picbook-vertical-container .horizontal-page-number .total-page {
  font-weight: 400;
  font-size: 18px;
  color: #2F3330;
}
.picbook-vertical-container .paragraph {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 51, 48, 0.1);
          box-shadow: 0px 0px 10px 0px rgba(47, 51, 48, 0.1);
  border-radius: 7px;
}
.picbook-vertical-container .paragraph-content-container {
  position: relative;
  text-align: left;
  white-space: normal;
  padding: 6px 10px 6px 18px;
  word-break: normal;
  word-wrap: break-word;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.picbook-vertical-container .paragraph-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: normal;
  word-break: break-word;
}
.picbook-vertical-container .paragraph-bubble {
  position: absolute;
  left: -25px;
  top: -17px;
  width: 48px;
  height: 48px;
  background: url('https://i.gsxcdn.com/2944960389_3ecxmfap.png') no-repeat center center;
  border-radius: 50%;
  scale: 0.55;
}
.picbook-vertical-container .paragraph-bubble-playing-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: -25px;
  top: -17px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  scale: 0.55;
  border: 1px solid #FFFFFF;
  background-color: #29CC54;
}
.picbook-vertical-container .paragraph-bubble-playing {
  background-image: url('https://ttlx.gsxcdn.com/2945068185_rsrih1ef.png');
  width: 30px;
  height: 30px;
  -webkit-animation: playBubbleAnimation 1.4s steps(1) infinite;
          animation: playBubbleAnimation 1.4s steps(1) infinite;
}
@-webkit-keyframes playBubbleAnimation {
  0% {
    background-position: 0px 0px;
  }
  4.00% {
    background-position: -30px 0px;
  }
  8.00% {
    background-position: -60px 0px;
  }
  12.00% {
    background-position: -90px 0px;
  }
  16.00% {
    background-position: -120px 0px;
  }
  20.00% {
    background-position: -150px 0px;
  }
  24.00% {
    background-position: -180px 0px;
  }
  28.00% {
    background-position: -210px 0px;
  }
  32.00% {
    background-position: -240px 0px;
  }
  36.00% {
    background-position: -270px 0px;
  }
  40.00% {
    background-position: -300px 0px;
  }
  44.00% {
    background-position: -330px 0px;
  }
  48.00% {
    background-position: -360px 0px;
  }
  52.00% {
    background-position: -390px 0px;
  }
  56.00% {
    background-position: -420px 0px;
  }
  60.00% {
    background-position: -450px 0px;
  }
  64.00% {
    background-position: -480px 0px;
  }
  68.00% {
    background-position: -510px 0px;
  }
  72.00% {
    background-position: -540px 0px;
  }
  76.00% {
    background-position: -570px 0px;
  }
  80.00% {
    background-position: -600px 0px;
  }
  84.00% {
    background-position: -630px 0px;
  }
  88.00% {
    background-position: -660px 0px;
  }
  92.00% {
    background-position: -690px 0px;
  }
  96.00% {
    background-position: -720px 0px;
  }
  100.00% {
    background-position: -750px 0px;
  }
}
@keyframes playBubbleAnimation {
  0% {
    background-position: 0px 0px;
  }
  4.00% {
    background-position: -30px 0px;
  }
  8.00% {
    background-position: -60px 0px;
  }
  12.00% {
    background-position: -90px 0px;
  }
  16.00% {
    background-position: -120px 0px;
  }
  20.00% {
    background-position: -150px 0px;
  }
  24.00% {
    background-position: -180px 0px;
  }
  28.00% {
    background-position: -210px 0px;
  }
  32.00% {
    background-position: -240px 0px;
  }
  36.00% {
    background-position: -270px 0px;
  }
  40.00% {
    background-position: -300px 0px;
  }
  44.00% {
    background-position: -330px 0px;
  }
  48.00% {
    background-position: -360px 0px;
  }
  52.00% {
    background-position: -390px 0px;
  }
  56.00% {
    background-position: -420px 0px;
  }
  60.00% {
    background-position: -450px 0px;
  }
  64.00% {
    background-position: -480px 0px;
  }
  68.00% {
    background-position: -510px 0px;
  }
  72.00% {
    background-position: -540px 0px;
  }
  76.00% {
    background-position: -570px 0px;
  }
  80.00% {
    background-position: -600px 0px;
  }
  84.00% {
    background-position: -630px 0px;
  }
  88.00% {
    background-position: -660px 0px;
  }
  92.00% {
    background-position: -690px 0px;
  }
  96.00% {
    background-position: -720px 0px;
  }
  100.00% {
    background-position: -750px 0px;
  }
}
.picbook-vertical-container .sentence {
  display: inline;
  color: #2F3330;
  -webkit-tap-highlight-color: transparent;
}
.picbook-vertical-container .text-content {
  display: inline;
  word-break: normal;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
  letter-spacing: 0.01em;
}
.picbook-vertical-container .sentence,
.picbook-vertical-container .word-highlight {
  margin: 0;
  padding: 0;
}
.picbook-vertical-container .playing-sentence text {
  color: #29CC54;
}
.picbook-vertical-container .playing-text {
  color: #29CC54;
}
.picbook-vertical-container .word-highlight {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #2F3330;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
}
.picbook-vertical-container .word-highlight::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(33%, transparent), color-stop(33%, #4caf50), color-stop(66%, #4caf50), color-stop(66%, transparent));
  background: linear-gradient(90deg, transparent, transparent 33%, #4caf50 33%, #4caf50 66%, transparent 66%);
  background-size: 6px 2px;
  pointer-events: none;
}
.picbook-vertical-container .word-highlight.playing-text {
  color: #29CC54;
}
@-webkit-keyframes pointAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.94% {
    background-position: -68px 0px;
  }
  5.88% {
    background-position: -136px 0px;
  }
  8.82% {
    background-position: -204px 0px;
  }
  11.76% {
    background-position: -272px 0px;
  }
  14.71% {
    background-position: -340px 0px;
  }
  17.65% {
    background-position: -408px 0px;
  }
  20.59% {
    background-position: -476px 0px;
  }
  23.53% {
    background-position: -544px 0px;
  }
  26.47% {
    background-position: -612px 0px;
  }
  29.41% {
    background-position: -680px 0px;
  }
  32.35% {
    background-position: -748px 0px;
  }
  35.29% {
    background-position: -816px 0px;
  }
  38.24% {
    background-position: -884px 0px;
  }
  41.18% {
    background-position: -952px 0px;
  }
  44.12% {
    background-position: -1020px 0px;
  }
  47.06% {
    background-position: -1088px 0px;
  }
  50.00% {
    background-position: -1156px 0px;
  }
  52.94% {
    background-position: -1224px 0px;
  }
  55.88% {
    background-position: -1292px 0px;
  }
  58.82% {
    background-position: -1360px 0px;
  }
  61.76% {
    background-position: -1428px 0px;
  }
  64.71% {
    background-position: -1496px 0px;
  }
  67.65% {
    background-position: -1564px 0px;
  }
  70.59% {
    background-position: -1632px 0px;
  }
  73.53% {
    background-position: -1700px 0px;
  }
  76.47% {
    background-position: -1768px 0px;
  }
  79.41% {
    background-position: -1836px 0px;
  }
  82.35% {
    background-position: -1904px 0px;
  }
  85.29% {
    background-position: -1972px 0px;
  }
  88.24% {
    background-position: -2040px 0px;
  }
  91.18% {
    background-position: -2108px 0px;
  }
  94.12% {
    background-position: -2176px 0px;
  }
  97.06% {
    background-position: -2244px 0px;
  }
  100.00% {
    background-position: -2312px 0px;
  }
}
@keyframes pointAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.94% {
    background-position: -68px 0px;
  }
  5.88% {
    background-position: -136px 0px;
  }
  8.82% {
    background-position: -204px 0px;
  }
  11.76% {
    background-position: -272px 0px;
  }
  14.71% {
    background-position: -340px 0px;
  }
  17.65% {
    background-position: -408px 0px;
  }
  20.59% {
    background-position: -476px 0px;
  }
  23.53% {
    background-position: -544px 0px;
  }
  26.47% {
    background-position: -612px 0px;
  }
  29.41% {
    background-position: -680px 0px;
  }
  32.35% {
    background-position: -748px 0px;
  }
  35.29% {
    background-position: -816px 0px;
  }
  38.24% {
    background-position: -884px 0px;
  }
  41.18% {
    background-position: -952px 0px;
  }
  44.12% {
    background-position: -1020px 0px;
  }
  47.06% {
    background-position: -1088px 0px;
  }
  50.00% {
    background-position: -1156px 0px;
  }
  52.94% {
    background-position: -1224px 0px;
  }
  55.88% {
    background-position: -1292px 0px;
  }
  58.82% {
    background-position: -1360px 0px;
  }
  61.76% {
    background-position: -1428px 0px;
  }
  64.71% {
    background-position: -1496px 0px;
  }
  67.65% {
    background-position: -1564px 0px;
  }
  70.59% {
    background-position: -1632px 0px;
  }
  73.53% {
    background-position: -1700px 0px;
  }
  76.47% {
    background-position: -1768px 0px;
  }
  79.41% {
    background-position: -1836px 0px;
  }
  82.35% {
    background-position: -1904px 0px;
  }
  85.29% {
    background-position: -1972px 0px;
  }
  88.24% {
    background-position: -2040px 0px;
  }
  91.18% {
    background-position: -2108px 0px;
  }
  94.12% {
    background-position: -2176px 0px;
  }
  97.06% {
    background-position: -2244px 0px;
  }
  100.00% {
    background-position: -2312px 0px;
  }
}
.picbook-vertical-container .interact-area {
  position: absolute;
  background-image: url('https://i.gsxcdn.com/2942206907_o2uzlmur.png');
  width: 68px;
  height: 68px;
  scale: 0.5;
  margin-left: -34px;
  margin-top: -34px;
  -webkit-animation: pointAnimation 1.4s steps(1) infinite;
          animation: pointAnimation 1.4s steps(1) infinite;
}
.picbook-vertical-container .word-bubble {
  display: inline-block;
  position: absolute;
  z-index: 9999;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  -webkit-animation: bubble-fade-in-out 2s ease-in-out;
          animation: bubble-fade-in-out 2s ease-in-out;
  pointer-events: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.picbook-vertical-container .word-bubble .word-bubble-text {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 4px 6px;
  border-radius: 3px;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 0.01em;
}
@-webkit-keyframes bubble-fade-in-out {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -80%);
            transform: translate(-50%, -80%);
  }
  15% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  85% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
}
@keyframes bubble-fade-in-out {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -80%);
            transform: translate(-50%, -80%);
  }
  15% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  85% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
}

.btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  position: relative;
  z-index: 11;
  text-align: center;
  margin: -12px 40px 0 0;
}
.goback-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/pointreading_fanhui.b1f23fa.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.english-text-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/picbook_cn_icon.7852fd9.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.chinese-text-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/picbook_en_icon.4502964.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.fullscreen-btn-icon {
  width: 62px;
  height: 62px;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.halfscreen-btn-icon {
  width: 62px;
  height: 62px;
  background: url(../../static/img/pointreading_halfscreen.19046e1.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.shouqi-btn-icon {
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAVtJREFUaEPtl7tRA0EQRHscFAPKCA9FQBpgUbKkNIhA8sgIYgBnYavOUF2t9te9d3VVI1fa6X49sx8ZNv6xjfuHA6zdQe+Ad4BMwEeIDJBe7h2gIyQLeAfIAOnl3gE6QrJAtgMhhAcARwAvk84HgHcz+yV1k8t79EoAJwCvM7VPAAcz+1FChBB2AC4AnmZ1z/9ab/e0SgBfAB4Ti6UQGfNR+tvM9mqAWE8CUTBPA6RG6DYMCqLCfNSiRihu4mtiLmmISvMxoOfcoVG8BxqEqje2smYRIEatFFTWit6qAFQQavNNACzECPPNAL0Qo8x3AbRCTMdV6oalT7JugEaI+PP580BingJogMg9maiLkAYgIWjzEoBOCIl5GUAjhMy8FKASQmpeDlCAkJsfAjBBLPZXtPotlDsL1/zOAdZMf9geWBLKR2jJtFNa3gHvAJmAjxAZIL3cO0BHSBb4A5epuTGPqezmAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 80% 80%;
  position: relative;
  z-index: 12;
}
.btn-text {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin-top: 5px;
  position: relative;
  z-index: 12;
}

.vertical-picbook-container {
  /* Swiper基本样式 */
  /* 高质量幻灯片样式 */
}
.vertical-picbook-container .loading-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@-webkit-keyframes loadingAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -100px 0px;
  }
  4.08% {
    background-position: -200px 0px;
  }
  6.12% {
    background-position: -300px 0px;
  }
  8.16% {
    background-position: -400px 0px;
  }
  10.20% {
    background-position: -500px 0px;
  }
  12.24% {
    background-position: -600px 0px;
  }
  14.29% {
    background-position: -700px 0px;
  }
  16.33% {
    background-position: -800px 0px;
  }
  18.37% {
    background-position: -900px 0px;
  }
  20.41% {
    background-position: -1000px 0px;
  }
  22.45% {
    background-position: -1100px 0px;
  }
  24.49% {
    background-position: -1200px 0px;
  }
  26.53% {
    background-position: -1300px 0px;
  }
  28.57% {
    background-position: -1400px 0px;
  }
  30.61% {
    background-position: -1500px 0px;
  }
  32.65% {
    background-position: -1600px 0px;
  }
  34.69% {
    background-position: -1700px 0px;
  }
  36.73% {
    background-position: -1800px 0px;
  }
  38.78% {
    background-position: -1900px 0px;
  }
  40.82% {
    background-position: -2000px 0px;
  }
  42.86% {
    background-position: -2100px 0px;
  }
  44.90% {
    background-position: -2200px 0px;
  }
  46.94% {
    background-position: -2300px 0px;
  }
  48.98% {
    background-position: -2400px 0px;
  }
  51.02% {
    background-position: -2500px 0px;
  }
  53.06% {
    background-position: -2600px 0px;
  }
  55.10% {
    background-position: -2700px 0px;
  }
  57.14% {
    background-position: -2800px 0px;
  }
  59.18% {
    background-position: -2900px 0px;
  }
  61.22% {
    background-position: -3000px 0px;
  }
  63.27% {
    background-position: -3100px 0px;
  }
  65.31% {
    background-position: -3200px 0px;
  }
  67.35% {
    background-position: -3300px 0px;
  }
  69.39% {
    background-position: -3400px 0px;
  }
  71.43% {
    background-position: -3500px 0px;
  }
  73.47% {
    background-position: -3600px 0px;
  }
  75.51% {
    background-position: -3700px 0px;
  }
  77.55% {
    background-position: -3800px 0px;
  }
  79.59% {
    background-position: -3900px 0px;
  }
  81.63% {
    background-position: -4000px 0px;
  }
  83.67% {
    background-position: -4100px 0px;
  }
  85.71% {
    background-position: -4200px 0px;
  }
  87.76% {
    background-position: -4300px 0px;
  }
  89.80% {
    background-position: -4400px 0px;
  }
  91.84% {
    background-position: -4500px 0px;
  }
  93.88% {
    background-position: -4600px 0px;
  }
  95.92% {
    background-position: -4700px 0px;
  }
  97.96% {
    background-position: -4800px 0px;
  }
  100.00% {
    background-position: -4900px 0px;
  }
}
@keyframes loadingAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -100px 0px;
  }
  4.08% {
    background-position: -200px 0px;
  }
  6.12% {
    background-position: -300px 0px;
  }
  8.16% {
    background-position: -400px 0px;
  }
  10.20% {
    background-position: -500px 0px;
  }
  12.24% {
    background-position: -600px 0px;
  }
  14.29% {
    background-position: -700px 0px;
  }
  16.33% {
    background-position: -800px 0px;
  }
  18.37% {
    background-position: -900px 0px;
  }
  20.41% {
    background-position: -1000px 0px;
  }
  22.45% {
    background-position: -1100px 0px;
  }
  24.49% {
    background-position: -1200px 0px;
  }
  26.53% {
    background-position: -1300px 0px;
  }
  28.57% {
    background-position: -1400px 0px;
  }
  30.61% {
    background-position: -1500px 0px;
  }
  32.65% {
    background-position: -1600px 0px;
  }
  34.69% {
    background-position: -1700px 0px;
  }
  36.73% {
    background-position: -1800px 0px;
  }
  38.78% {
    background-position: -1900px 0px;
  }
  40.82% {
    background-position: -2000px 0px;
  }
  42.86% {
    background-position: -2100px 0px;
  }
  44.90% {
    background-position: -2200px 0px;
  }
  46.94% {
    background-position: -2300px 0px;
  }
  48.98% {
    background-position: -2400px 0px;
  }
  51.02% {
    background-position: -2500px 0px;
  }
  53.06% {
    background-position: -2600px 0px;
  }
  55.10% {
    background-position: -2700px 0px;
  }
  57.14% {
    background-position: -2800px 0px;
  }
  59.18% {
    background-position: -2900px 0px;
  }
  61.22% {
    background-position: -3000px 0px;
  }
  63.27% {
    background-position: -3100px 0px;
  }
  65.31% {
    background-position: -3200px 0px;
  }
  67.35% {
    background-position: -3300px 0px;
  }
  69.39% {
    background-position: -3400px 0px;
  }
  71.43% {
    background-position: -3500px 0px;
  }
  73.47% {
    background-position: -3600px 0px;
  }
  75.51% {
    background-position: -3700px 0px;
  }
  77.55% {
    background-position: -3800px 0px;
  }
  79.59% {
    background-position: -3900px 0px;
  }
  81.63% {
    background-position: -4000px 0px;
  }
  83.67% {
    background-position: -4100px 0px;
  }
  85.71% {
    background-position: -4200px 0px;
  }
  87.76% {
    background-position: -4300px 0px;
  }
  89.80% {
    background-position: -4400px 0px;
  }
  91.84% {
    background-position: -4500px 0px;
  }
  93.88% {
    background-position: -4600px 0px;
  }
  95.92% {
    background-position: -4700px 0px;
  }
  97.96% {
    background-position: -4800px 0px;
  }
  100.00% {
    background-position: -4900px 0px;
  }
}
.vertical-picbook-container .loading-content .loading-icon {
  background-image: url(../../static/img/loading_sprit.31f1f94.png);
  width: 100px;
  height: 100px;
  -webkit-animation: loadingAnimation 2s steps(1) infinite;
          animation: loadingAnimation 2s steps(1) infinite;
}
.vertical-picbook-container .loading-content .loading-text {
  margin-top: 20px;
  color: #666;
}
.vertical-picbook-container .swiper-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* 防止用户选择文本影响滑动 */
  border-radius: 30px;
  overflow: hidden;
}
.vertical-picbook-container .vertical-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
  overflow: hidden;
}
.vertical-picbook-container .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* 确保不换行 */
}
.vertical-picbook-container .swiper-slide {
  width: 100% !important;
  /* 确保slide宽度是100% */
  min-width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 添加图片质量优化 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  /* 确保slide始终占据整个容器 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vertical-picbook-container .high-quality-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-font-smoothing: subpixel-antialiased;
  will-change: transform;
  /* 优化内部内容 */
  /* 小屏幕下的特殊优化 */
}
.vertical-picbook-container .high-quality-slide img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .vertical-picbook-container .high-quality-slide {
    -webkit-filter: contrast(1.05);
            filter: contrast(1.05);
    /* 略微提高对比度，使图像更清晰 */
  }
}
.picbook-container {
  min-width: 50%;
  width: 50%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: hidden;
  position: relative;
  /* 添加相对定位 */
  overflow: hidden;
  /* 添加图片质量优化 */
}
.picbook-container img {
  /* 基本渲染优化 */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  /* 提高小图缩放质量 */
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  /* 提升渲染质量 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  /* 防止浏览器自动模糊处理 */
  /* 高DPI屏幕优化 */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .picbook-container img {
    image-rendering: auto;
    /* 在高DPI设备上使用浏览器默认渲染 */
  }
}
.last-page-single-container {
  min-width: 50%;
  width: 50%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background-color: #fff;
}
.last-page-single-container img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  /* 基本渲染优化 */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
  /* 提升渲染质量 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
}
.last-page-single-container .reading-mask {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.08)), to(rgba(216, 216, 216, 0)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(216, 216, 216, 0) 100%);
}

.picbook-outer-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  min-height: 660px;
  /* 使用视口高度单位 */
  /* 全局提高图片质量 */
}
.picbook-outer-wrapper .contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  height: 100vh;
  min-height: 660px;
  background: url(../../static/img/home_page.d5a7129.png) no-repeat center / cover;
  background-size: 100% 100%;
}
.picbook-outer-wrapper .contents::-webkit-scrollbar {
  display: none;
}
.picbook-outer-wrapper .contents::-webkit-scrollbar-track {
  display: none;
}
.picbook-outer-wrapper .contents::-webkit-scrollbar-thumb {
  display: none;
}
.picbook-outer-wrapper .picbook-detail-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #A9ECFF;
  -webkit-box-shadow: inset 0px -2px 2px 0px #21B3F4, inset 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
          box-shadow: inset 0px -2px 2px 0px #21B3F4, inset 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
  border-radius: 44px;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.picbook-outer-wrapper .picbook-detail-wrapper .picbook-detail-inner-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #8EE6FF;
  -webkit-box-shadow: inset 0px 1px 3px 0px #3DC2F7;
          box-shadow: inset 0px 1px 3px 0px #3DC2F7;
  border-radius: 32px;
  height: 100%;
  position: relative;
  z-index: 10;
  /* 添加 z-index 使其高于装饰图标 */
  overflow: hidden;
}
.picbook-outer-wrapper .picbook-detail-wrapper .top_left_icon {
  position: absolute;
  top: -12px;
  left: 0;
  height: 65px;
  width: 243px;
  background: url('https://i.gsxcdn.com/3002706877_ht9b53xm.png') no-repeat center / cover;
}
.picbook-outer-wrapper .picbook-detail-wrapper .top_right_icon {
  position: absolute;
  top: -6px;
  right: -6px;
  height: 123px;
  width: 123px;
  background: url('https://i.gsxcdn.com/3001919855_hhsjo1xn.png') no-repeat center / cover;
}
.picbook-outer-wrapper .picbook-detail-wrapper .bottom_left_icon {
  position: absolute;
  bottom: -6px;
  left: -6px;
  height: 123px;
  width: 123px;
  background: url('https://i.gsxcdn.com/3001919857_6ml0mjm1.png') no-repeat center / cover;
}
.picbook-outer-wrapper .picbook-detail-wrapper .bottom_right_icon {
  position: absolute;
  bottom: -12px;
  right: 0px;
  height: 65px;
  width: 243px;
  background: url('https://i.gsxcdn.com/3002706875_6qmsmh8c.png') no-repeat center / cover;
}
.picbook-outer-wrapper .error-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.picbook-outer-wrapper .error-content .error-icon {
  background-image: url(../../static/img/loading_failure.246f7fe.png);
  background-size: 100% 100%;
}
.picbook-outer-wrapper .error-content .error-text {
  margin-top: 20px;
  color: #666;
}
.picbook-outer-wrapper img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
}
.picbook-outer-wrapper .bottom-panel-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  pointer-events: none;
  /* 确保只有按钮区域可点击 */
  z-index: 100;
  /* 确保面板显示在最上层 */
  /* 使内部元素可点击 */
}
.picbook-outer-wrapper .bottom-panel-container > * {
  pointer-events: auto;
}


.video-player-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 45px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.video-player-container .video-element {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-player-container .controls-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 10;
  padding: 45px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.video-player-container .top-controls,
.video-player-container .bottom-controls {
  padding: 10px 60px;
}
.video-player-container .top-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.video-player-container .top-controls .back-button {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video-player-container .top-controls .back-button:hover {
  opacity: 0.8;
}
.video-player-container .top-controls .video-title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding-top: 12px;
}
.video-player-container .bottom-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.video-player-container .bottom-controls .play-pause-button {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  margin-right: 15px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video-player-container .bottom-controls .play-pause-button:hover {
  opacity: 0.8;
}
.video-player-container .bottom-controls .progress-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  gap: 20px;
}
.video-player-container .bottom-controls .progress-container .progress-bar {
  width: 100%;
  height: 6px;
  background-color: #E7E7E7;
  border-radius: 4px;
  position: relative;
}
.video-player-container .bottom-controls .progress-container .progress-bar .progress-filled {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #4BC1FD;
  border-radius: 4px;
  position: relative;
}
.video-player-container .bottom-controls .progress-container .progress-bar .progress-filled::after {
  content: '';
  position: absolute;
  right: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.video-player-container .bottom-controls .current-time,
.video-player-container .bottom-controls .total-time {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  font-style: normal;
}
.video-player-container .video-error {
  position: absolute;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.noContent {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.noContent .tips {
  margin-bottom: 20px;
}