/* line 33, ../../sass/base/base.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .source {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

/* line 41, ../../sass/base/base.scss */
.book-wrapper .book-desc-wrapper .book-item .book-thumb .gen-name div, .book-wrapper .book-desc-wrapper .book-item .book-desc .title .topic_name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

/* line 3, ../../sass/word/index.scss */
html {
  background: #F3F5F7;
}

/* line 7, ../../sass/word/index.scss */
.background-wrapper .blue-background {
  height: 4.08rem;
  background: #3ca6fe;
}
/* line 10, ../../sass/word/index.scss */
.background-wrapper .blue-background .pre-title {
  display: -webkit-flex;
  display: flex;
  padding: 0.45333rem 0.4rem;
  height: 0.66667rem;
  line-height: 0.66667rem;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  color: #fff;
  font-size: 0.42667rem;
}
/* line 20, ../../sass/word/index.scss */
.background-wrapper .blue-background .pre-title .word-rank {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
/* line 25, ../../sass/word/index.scss */
.background-wrapper .blue-background .pre-title .word-rank img {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.16rem;
}
/* line 31, ../../sass/word/index.scss */
.background-wrapper .blue-background .pre-title .switch-book {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
/* line 36, ../../sass/word/index.scss */
.background-wrapper .blue-background .pre-title .switch-book img {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.16rem;
}
/* line 42, ../../sass/word/index.scss */
.background-wrapper .blue-background .pre-title .vis {
  visibility: hidden;
}
/* line 47, ../../sass/word/index.scss */
.background-wrapper .fu-xing-bck {
  position: absolute;
  top: 4.06667rem;
  width: 100%;
}

/* line 53, ../../sass/word/index.scss */
.book-wrapper {
  position: absolute;
  top: 1.6rem;
  z-index: 1;
  width: 100%;
}
/* line 58, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper {
  margin: 0 0.4rem;
  background: #fff;
  box-shadow: 0px 0.08rem 0.13333rem 0 rgba(29, 104, 159, 0.06);
  border-radius: 0.21333rem;
  padding-bottom: 0.74667rem;
}
/* line 65, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item {
  padding: 0.8rem 0.48rem 0.69333rem;
  display: -webkit-flex;
  display: flex;
}
/* line 69, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-thumb {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  position: relative;
}
/* line 73, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-thumb img {
  width: 2rem;
  height: 2.93333rem;
  object-fit: cover;
}
/* line 78, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-thumb .gen-name {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
}
/* line 91, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-thumb .gen-name div {
  font-size: 0.37333rem;
  line-height: 0.53333rem;
  font-weight: bold;
  margin: 0 0.21333rem;
  text-align: center;
}
/* line 102, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc {
  position: relative;
  margin-left: 0.26667rem;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}
/* line 107, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .title {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
/* line 114, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .title .topic_name {
  flex: 1;
  -webkit-flex: 1;
  font-weight: bold;
  font-size: 0.4rem;
  color: #333;
  line-height: 0.56rem;
}
/* line 123, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .title img {
  padding: 0.08rem 0 0 0.53333rem;
  width: 0.42667rem;
  height: 0.42667rem;
}
/* line 131, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .source {
  line-height: 0.45333rem;
  font-size: 0.32rem;
  margin-top: 0.10667rem;
  color: #999999;
  margin-right: 0.4rem;
  width: 100%;
}
/* line 140, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .progress-wrapper {
  margin-top: 0.4rem;
}
/* line 144, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .progress-wrapper .progress-bar {
  margin-right: 0.4rem;
  background: #FDE9D1;
  height: 0.16rem;
  width: 5.86667rem;
  border-radius: 0.21333rem;
}
/* line 150, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .progress-wrapper .progress-bar .progress-fill {
  width: 0;
  height: 0.16rem;
  background: #ffb85d;
  border-radius: 0.21333rem;
}
/* line 157, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .progress-wrapper .progress-num {
  margin-top: 0.16rem;
  line-height: 0.45333rem;
  color: #999;
  font-size: 0.32rem;
}
/* line 162, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .book-item .book-desc .progress-wrapper .progress-num .un {
  color: #333;
}
/* line 170, ../../sass/word/index.scss */
.book-wrapper .book-desc-wrapper .recite-word-btn {
  width: 8.18667rem;
  box-shadow: 0 0.05333rem 0.13333rem 0 rgba(51, 166, 251, 0.54);
  border-radius: 2.66667rem;
  font-size: 0.42667rem;
  padding: 0.32rem 0;
  text-align: center;
  margin: auto;
  background: #3ca6fe;
  color: #fff;
}
/* line 184, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper {
  margin: 0.32rem 0.4rem;
  background: #fff;
  box-shadow: 0 0.08rem 0.13333rem 0 rgba(29, 104, 159, 0.06);
  border-radius: 0.21333rem;
  position: relative;
}
/* line 190, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper .book-opt {
  padding: 0.26667rem 0.53333rem;
}
/* line 192, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper .book-opt .border_bottom {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  height: 1.73333rem;
  font-size: 0.37333rem;
  color: #333333;
}
/* line 201, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper .book-opt .border_bottom .app-icon {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  width: 0.8rem;
}
/* line 206, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper .book-opt .border_bottom .app-text-jt {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  flex: 1;
  -webkit-flex: 1;
  border-bottom: 1px solid #F0F0F0;
  margin-left: 0.4rem;
  height: 1.73333rem;
}
/* line 216, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper .book-opt .border_bottom .app-text-jt .app-text {
  flex: 1;
  -webkit-flex: 1;
  padding-right: 0.4rem;
}
/* line 221, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper .book-opt .border_bottom .app-text-jt .app-jt {
  width: 0.32rem;
  height: 0.32rem;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
/* line 233, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper .book-opt .border_bottom:last-child .app-text-jt {
  border-bottom: none;
}
/* line 237, ../../sass/word/index.scss */
.book-wrapper .book-opt-wrapper .book-opt .hidden {
  display: none;
}

/* line 245, ../../sass/word/index.scss */
.book_buy_tips {
  width: 5.33333rem;
}

/* line 249, ../../sass/word/index.scss */
.mode-wrapper {
  padding: 0 0.4rem;
}
/* line 251, ../../sass/word/index.scss */
.mode-wrapper .top-title {
  font-size: 0.42667rem;
  color: #333;
  line-height: 0.58667rem;
  margin: 0.4rem 0;
  text-align: center;
}
/* line 258, ../../sass/word/index.scss */
.mode-wrapper .img-x {
  position: absolute;
  right: 0.4rem;
  top: 0.32rem;
  width: 0.32rem;
  height: 0.32rem;
  padding: 0.21333rem;
}
/* line 268, ../../sass/word/index.scss */
.mode-wrapper .word-order .title, .mode-wrapper .word-per-num .title {
  color: #333;
  line-height: 0.56rem;
  font-size: 0.4rem;
  font-weight: bold;
  margin-top: 0.4rem;
}
/* line 275, ../../sass/word/index.scss */
.mode-wrapper .word-order .items, .mode-wrapper .word-per-num .items {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  color: #333;
  font-size: 0.34667rem;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 0.26667rem;
}
/* line 285, ../../sass/word/index.scss */
.mode-wrapper .word-order .items .item, .mode-wrapper .word-per-num .items .item {
  width: 2.50667rem;
  padding: 0.21333rem 0;
  text-align: center;
  border-radius: 2.66667rem;
  border: 1px solid #e0e0e0;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
/* line 296, ../../sass/word/index.scss */
.mode-wrapper .word-order .items .active, .mode-wrapper .word-per-num .items .active {
  color: #3ca6fe;
  border: 1px solid #3ca6fe;
}
/* line 300, ../../sass/word/index.scss */
.mode-wrapper .word-order .items .blur, .mode-wrapper .word-per-num .items .blur {
  color: #e0e0e0;
}
/* line 304, ../../sass/word/index.scss */
.mode-wrapper .word-order .im-tips, .mode-wrapper .word-per-num .im-tips {
  padding: 0.26667rem 0 0.4rem;
  border-bottom: 1px solid #e0e0e0;
  color: #999999;
  font-size: 0.32rem;
}
/* line 309, ../../sass/word/index.scss */
.mode-wrapper .word-order .im-tips span, .mode-wrapper .word-per-num .im-tips span {
  color: #FC5353;
}
/* line 314, ../../sass/word/index.scss */
.mode-wrapper .save-btn {
  width: 9.2rem;
  padding: 0.32rem 0;
  background: #3ca6fe;
  color: #fff;
  font-size: 0.4rem;
  text-align: center;
  border-radius: 0.61333rem;
  margin: 0.8rem 0;
}

/* line 327, ../../sass/word/index.scss */
.ui-dialog-wrap {
  z-index: 5600 !important;
}