body[data-v-60e06bd8],
.app-con[data-v-60e06bd8] {
  width: 100%;
  height: 100%;
  max-width: 675px;
  margin: 0 auto;
}
.app_outer[data-v-60e06bd8] {
  width: 100%;
  height: 100%;
  padding: 0 0.161031rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.app_outer .title[data-v-60e06bd8] {
  padding: 0.161031rem 0;
  position: relative;
}
.app_outer .title[data-v-60e06bd8]::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  height: 1PX;
  width: 100%;
  -webkit-transform: scaleY(0.3);
     -moz-transform: scaleY(0.3);
      -ms-transform: scaleY(0.3);
       -o-transform: scaleY(0.3);
          transform: scaleY(0.3);
  background-color: rgba(0, 0, 0, 0.5);
}
.app_outer .title .book_img[data-v-60e06bd8] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.708535rem;
  height: 0.99839rem;
  margin: 0 auto;
}
.app_outer .title .book_img img[data-v-60e06bd8] {
  width: 100%;
  height: 100%;
}
.app_outer .title .book_name[data-v-60e06bd8] {
  margin-top: 0.161031rem;
  font-family: NotoSansSC-Bold;
  font-size: 0.128824rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.app_outer .title .book_author[data-v-60e06bd8] {
  margin-top: 0.016103rem;
  font-family: NotoSansSC-Medium;
  font-size: 0.096618rem;
  color: rgba(0, 0, 0, 0.54);
  letter-spacing: 0;
  text-align: center;
}
.app_outer .title .details[data-v-60e06bd8] {
  margin-top: 0.128824rem;
  font-family: NotoSansSC-Regular;
  font-size: 0.112721rem;
  color: rgba(0, 0, 0, 0.3);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.225443rem;
  white-space: pre-wrap;
}
.app_outer .synopsis[data-v-60e06bd8] {
  margin-bottom: 0.563607rem;
}
.app_outer .synopsis .chapter_subtitle[data-v-60e06bd8] {
  font-family: NotoSansSC-Bold;
  font-size: 0.128824rem;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0;
  font-weight: 600;
  margin-top: 0.161031rem;
}
.app_outer .synopsis .chapter_title[data-v-60e06bd8],
.app_outer .synopsis .chapter_content[data-v-60e06bd8] {
  font-family: NotoSansSC-Regular;
  font-size: 0.112721rem;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.225443rem;
  white-space: pre-wrap;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 50;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.app_outer .synopsis .chapter_title[data-v-60e06bd8] {
  margin-top: 0.040258rem;
}
.app_outer .footer[data-v-60e06bd8] {
  width: 100%;
  height: 0.41868rem;
  position: fixed;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
}
.app_outer .footer[data-v-60e06bd8]::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1PX;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: scaleY(0.2);
     -moz-transform: scaleY(0.2);
      -ms-transform: scaleY(0.2);
       -o-transform: scaleY(0.2);
          transform: scaleY(0.2);
}
.app_outer .footer .btn[data-v-60e06bd8] {
  width: 0.966184rem;
  height: 0.289855rem;
  line-height: 0.305958rem;
  background-color: #4b73ef;
  -webkit-border-radius: 0.144928rem;
     -moz-border-radius: 0.144928rem;
          border-radius: 0.144928rem;
  color: #FFFFFFFF;
  font-family: NotoSansSC-Medium;
  font-size: 0.112721rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
}.homeOuter[data-v-553f9e62] {
  max-width: 675PX;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
img[data-v-553f9e62] {
  width: 100%;
}
.btn[data-v-553f9e62] {
  width: 1.867955rem;
  height: 0.386473rem;
  -webkit-border-radius: 0.032206rem;
     -moz-border-radius: 0.032206rem;
          border-radius: 0.032206rem;
  background-color: #d65c52;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 0.257649rem;
}
.btn span[data-v-553f9e62] {
  font-size: 0.128824rem;
  color: white;
}