.slide-container {
  position: relative;
  overflow: hidden;
  margin: 0 .75rem;
  border-radius: .625rem
}
.slide-container:before {
  display: block;
  padding-top: 31.42857%;
  content: ''
}
.slide-ul {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  border-radius: .625rem
}
.slide-li {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  vertical-align: top;
  border-radius: .625rem
}
.slide-a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  color: transparent
}
.slide-img {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
.slide-dot-x {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center
}
.slide-dot {
  display: inline-block;
  width: .3125rem;
  height: .3125rem;
  -webkit-transition: background-color .15s;
  transition: background-color .15s;
  border-radius: 50%;
  background-color: #fff
}
.slide-dot + .slide-dot {
  margin-left: .3125rem
}
.slide-dot.active {
  background-color: #ed424b
}
.slide-female:before {
  display: block;
  padding-top: 30%;
  content: ''
}
.slide-female .slide-img {
  margin-top: 0
}
html.COVID_19 {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\http://www.w3.org/2000/svg\><filter id=\grayscale\><feColorMatrix type=\matrix\ values=\0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%)
}
.search-guide {
  font-size: 1rem;
  line-height: 1.875rem;
  position: relative;
  display: block;
  margin: .1875rem .75rem;
  padding-left: .75rem;
  color: #969ba3;
  border-radius: 2rem;
  background-color: #fff;
  flex: 1
}
.search-guide span {
  font-size: .875rem;
  font-weight: 400;
  display: inline-block;
  margin-left: .5rem;
  vertical-align: top;
  color: #ccc
}
body {
  padding-bottom: 3rem
}
.search-guide .icon-find {
  margin-right: .3125rem
}
.home-nav {
  position: relative;
  display: flex;
  margin: .75rem;
  padding: .75em .625rem;
  border-radius: .625rem;
  background-color: #fff;
  justify-content: space-between;
  -webkit-box-pack: justify;
  box-pack: justify
}
.home-nav .guide-nav-a {
  display: block
}
.home-client {
  font-size: .8125rem;
  line-height: 2.75rem;
  position: relative;
  display: block;
  margin: .75rem 0;
  padding: 0 1rem 0 4.625rem;
  color: #969ba3;
  background-color: #fff
}
.home-client-h,
.home-client-p {
  display: inline
}
.home-client-h {
  font-family: FZZCYSK;
  font-size: .875rem;
  color: #33373d
}
.home-client-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.25rem;
  width: 40px;
  height: 32px;
  margin: auto;
  background: url(//qdfepccdn.qidian.com/m.qdmm.com/static/qdm/img/icon-find-book.66e3e.png);
  background-size: 100%
}
.home-client .icon-arrow-r {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto
}
.home-btn-line-x {
  margin: 1rem
}
.home-pure-ad {
  padding: 0 1rem
}
.home-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-width: 15rem;
  padding-top: 66.67%;
  background: no-repeat url(https://imgservices-1252317822.image.myqcloud.com/coco/s01032023/88def0fb.ak9r17.png) center/100% 100%
}
.header-keep-position {
  height: 117px
}
.header-index {
  height: auto;
  margin-top: .5rem
}
.header-index nav.btn-group {
  border-radius: .5rem;
  background-color: #e0e0e0
}
.header-index nav.btn-group .btn-tab {
  line-height: 1.625rem;
  color: grey;
  border: none
}
.header-index nav.btn-group .btn-tab.active {
  margin: .125rem;
  color: #191919;
  border-radius: .375rem;
  background-color: #fff
}
.header-index .header-operate {
  top: .7rem;
  right: .75rem;
  bottom: auto;
  padding: 0
}
.header-index .header-download {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75rem;
  display: block;
  padding: 0 .75rem;
  color: #e5353e;
  border-radius: 1.5rem;
  background-color: rgba(229,53,62,.1)
}
.header-index .header-more {
  display: flex;
  margin-top: 1.1875rem;
  padding-right: .625rem
}
.header-index .header-more > .icon {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  text-align: center
}
.header-index .header-more > .icon svg {
  width: 1.5em;
  height: 1.5em
}
.header-index .header-more svg.icon-my,
.header-index .header-more svg.icon-shelf {
  margin-top: .375rem
}
.header-index .icon-search-gray {
  width: 1.25em;
  height: 1.25em;
  vertical-align: -.25rem
}
.header-index.fixed {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  left: 0;
  margin-top: 0;
  background-color: #fff
}
.header-index.fixed .header-operate {
  display: none
}
.header-index.fixed svg.icon-my,
.header-index.fixed svg.icon-shelf {
  margin-top: .5rem
}
.header-index.fixed .search-guide {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
  color: #191919;
  flex: 0 auto
}
.header-index.fixed .search-guide span {
  display: none
}
.header-index.fixed .search-guide .icon-search-gray {
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin: auto;
  margin-top: .5rem
}
.header-index.fixed .header-more {
  position: absolute;
  top: .25rem;
  right: -.25rem;
  margin-top: 0
}
.home-download {
  position: relative;
  display: flex;
  height: 4.5rem;
  margin: .75rem;
  padding: 0 1rem;
  border-radius: .625rem;
  background-color: #fff;
  align-items: center
}
.home-download .qd-logo {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  background: no-repeat url(https://imgservices-1252317822.image.myqcloud.com/coco/s01032023/b0caedf4.zlpi61.png) center/100%
}
.home-download p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-left: .75rem;
  color: #191919
}
.home-download span {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
  display: block;
  margin-top: 2px;
  color: grey
}
.home-download em {
  font-size: .75rem;
  line-height: 2rem;
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  display: block;
  padding: 0 .625rem;
  color: #fff;
  border-radius: 1.5rem;
  background-color: #e5353e
}
.act-banner {
  position: relative
}
.act-banner .icon-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: .5rem .75rem
}
.act-banner .close-txt {
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.125rem;
  display: block;
  padding: 0 .5rem;
  color: rgba(255,255,255,.7);
  border-radius: 1.5rem;
  background: rgba(0,0,0,.36)
}
.act-banner .act-pic {
  padding-top: 150%
}
.act-banner .banner-img {
  display: block;
  width: 100%;
  max-width: 100%;
  pointer-events: none
}
.home-recent-read {
  position: fixed;
  z-index: 2;
  right: 0;
  bottom: 3.75rem;
  visibility: hidden;
  padding: 1rem;
  -webkit-tap-highlight-color: transparent
}
.home-recent-read[href]:active {
  background-image: none
}
.topic-ad {
  display: block;
  overflow: hidden;
  height: 2rem;
  margin: 0 1rem;
  padding-top: .75rem
}
.topic-ad-left {
  font-size: .75rem;
  line-height: 1.3125rem;
  display: inline-block;
  float: left;
  width: 2rem;
  height: 1.25rem;
  text-align: center;
  color: #fff;
  border-radius: .2rem;
  background: -o-linear-gradient(right,#ff6756 0,#ee434b 100%);
  background: linear-gradient(to left,#ff6756 0,#ee434b 100%)
}
.topic-ad-middle {
  font-size: .875rem;
  line-height: 1.375rem;
  display: inline-block;
  float: left;
  overflow: hidden;
  max-width: 16.25rem;
  height: 1.875rem;
  margin-left: .5rem;
  white-space: nowrap;
  text-overflow: ellipsis
}
@media (max-width:320px) {
  .topic-ad-middle {
    max-width: 13.125rem
  }
}
.topic-ad-right {
  font-size: .875rem;
  line-height: 1.375rem;
  display: inline-block;
  float: right;
  height: 1.875rem;
  color: #969ba3
}
.time {
  display: inline-block
}
.time[data-second] {
  visibility: hidden
}
.time-day,
.time-hour,
.time-minute,
.time-second {
  font: 400 .625rem/.872rem 'DIN Alternate';
  position: relative;
  display: inline-block;
  width: .875rem;
  margin-right: 5px;
  padding-top: .0625rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 2px;
  background-color: #33373d
}
.time-day {
  background-color: #ed424b
}
.time-hour::before,
.time-minute::before,
.time-second::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  width: 1px;
  height: 2px;
  margin: auto;
  content: '';
  transform: translateY(-3px);
  border-radius: 1px;
  background-color: #969ba3;
  box-shadow: 0 5px #969ba3
}
.page-home .module-title + .time {
  margin-left: .25rem
}
.home-recent-read {
  bottom: 7rem
}
.footer-backtop-circle {
  bottom: 4.25rem
}
.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: box;
  display: flex;
  width: 100%;
  height: 3rem;
  background: #fff;
  box-shadow: 0 0 16px rgba(0,0,0,.1)
}
.bottom-nav .tips {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  visibility: hidden;
  width: max-content;
  max-width: 60%;
  padding: .5rem .75rem;
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
  pointer-events: none;
  opacity: 0;
  color: #fff;
  border-radius: 8px;
  background: #333
}
.bottom-nav .tips:after {
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  content: '';
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
  border-top: .5rem solid #333;
  border-right: .5rem solid transparent;
  border-left: .5rem solid transparent
}
.bottom-nav .tips.show {
  visibility: visible;
  opacity: 1
}
.bottom-nav-item {
  line-height: 3rem;
  position: relative;
  overflow: hidden;
  width: 2rem;
  height: 3rem;
  text-align: center;
  flex: 1;
  -webkit-box-flex: 1
}
.bottom-nav-item .bottom-nav-txt {
  font-size: 1rem;
  font-weight: 500;
  line-height: 3rem;
  display: inline-block;
  vertical-align: top
}
.bottom-nav-item .bottom-nav-icon {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  margin: .625rem 0;
  vertical-align: top
}
.bottom-nav-item svg {
  width: 1.5em;
  height: 1.5em;
  vertical-align: .2rem
}
.bottom-nav-item .header-avatar {
  position: relative;
  top: auto;
  right: .25rem;
  left: auto;
  display: inline-block;
  box-sizing: border-box;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  transform: none;
  border: 1px solid rgba(0,0,0,.08)
}
.bottom-nav-item._cur {
  font-size: 1rem;
  font-weight: 500;
  color: #191919
}
.bottom-nav-item.add-fav {
  font-size: 0
}
.bottom-nav-item.add-fav::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 5.75rem;
  height: 2.5rem;
  margin: auto;
  content: '';
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/coco/s09282022/e971b50b.7is88l.png);
  background-repeat: no-repeat;
  background-size: 100% 100%
}
.bottom-nav-item.cur {
  font-size: 0;
  color: #fff;
  background: linear-gradient(270deg,#fa646d 0,#fa323e 100%)
}
.bottom-nav-item.cur .loop-icons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 7rem;
  height: 2.5rem;
  margin: auto;
  background-repeat: no-repeat;
  background-size: auto 100%
}
.bottom-nav-item.cur .loop-icons.icon1 {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/coco/s09272022/21c4766d.8zlzel.png)
}
.bottom-nav-item.cur .loop-icons.icon2 {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/coco/s10102022/3ca8d7a9.qd6334.png)
}
.bottom-nav-item.cur .loop-icons.icon3 {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/coco/s09272022/8a564291.ogim6u.png)
}
.bottom-nav-item.cur .loop-anis1 {
  -webkit-animation: anis1 4s linear infinite;
  animation: anis1 4s linear infinite
}
.bottom-nav-item.cur .loop-anis2 {
  -webkit-animation: anis2 4s linear infinite;
  animation: anis2 4s linear infinite
}
.bottom-nav-item.cur .loop-anis3 {
  -webkit-animation: anis3 4s linear infinite;
  animation: anis3 4s linear infinite
}
.bottom-nav-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2.5rem;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0)
}
@keyframes anis1 {
  0% {
    opacity: 1
  }
  33% {
    opacity: 1
  }
  34% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}
@keyframes anis2 {
  0% {
    opacity: 0
  }
  33% {
    opacity: 0
  }
  34% {
    opacity: 1
  }
  66% {
    opacity: 1
  }
  67% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}
@keyframes anis3 {
  0% {
    opacity: 1
  }
  1% {
    opacity: 0
  }
  66% {
    opacity: 0
  }
  67% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}
#footerApp {
  display: none
}
.pop-up-a-d {
  z-index: 101;
  touch-action: none
}
.pop-up-a-d .inner {
  display: inline-block;
  vertical-align: middle
}
.pop-up-a-d .img {
  width: 15rem;
  height: 20rem;
  vertical-align: top
}
.pop-up-a-d .close {
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 1rem auto 0;
  color: #fff;
  border: 1px solid currentColor;
  border-radius: 50%
}