@charset "UTF-8";
html {
  font-size: 10px;
  overflow-x: hidden; }
  @media screen and (min-width: 320px) {
    html {
      font-size: 17.06667px; } }
  @media screen and (min-width: 360px) {
    html {
      font-size: 19.2px; } }
  @media screen and (min-width: 375px) {
    html {
      font-size: 20px; } }
  @media screen and (min-width: 410px) {
    html {
      font-size: 21.86667px; } }

body {
  font-size: 14px; }

body {
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

.event-dialog-wrap .dialog-control .dialog-btn, .event-dialog-wrap .dialog-control .dialog-btn:link, .event-dialog-wrap .dialog-control .dialog-btn:visited, .event-dialog-wrap .dialog-control .dialog-btn:hover {
  -webkit-transform: scale(1);
          transform: scale(1); }

.event-dialog-wrap .dialog-control .dialog-btn:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9); }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

html, body {
  -webkit-tap-highlight-color: transparent; }

body {
  line-height: 1;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }
  body, body button, body input[type="button"], body input[type="submit"], body textarea, body select {
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

ul, ol {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select, textarea, button {
  vertical-align: middle;
  -webkit-appearance: none; }

html {
  font-size: 10px;
  overflow-x: hidden; }
  @media screen and (min-width: 320px) {
    html {
      font-size: 17.06667px; } }
  @media screen and (min-width: 360px) {
    html {
      font-size: 19.2px; } }
  @media screen and (min-width: 375px) {
    html {
      font-size: 20px; } }
  @media screen and (min-width: 410px) {
    html {
      font-size: 21.86667px; } }

body {
  font-size: 14px; }

/************************** 每次活动需要定制的部分 ST **************************/
/************************** 每次活动需要定制的部分 ED **************************/
.event-dialog-cover {
  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;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease; }
  .event-dialog-cover.hide {
    display: none; }
  .event-dialog-cover.show {
    opacity: 1; }

.event-dialog-wrap {
  display: block;
  overflow: hidden;
  text-align: center; }
  .event-dialog-wrap .dialog-head {
    position: relative;
    z-index: 1002;
    width: 18.75rem;
    height: 4rem;
    background: url("data:image/png;base64, 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") no-repeat;
    background-size: 18.75rem 4rem; }
    .event-dialog-wrap .dialog-head .dialog-btn.close {
      position: absolute;
      z-index: 1003;
      top: 2.2rem;
      right: 1.2rem;
      width: 1.6rem;
      height: 1.6rem; }
  .event-dialog-wrap .dialog-body {
    text-align: center;
    width: 18.75rem;
    height: auto;
    background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAu4AAAACAgMAAAB6arGJAAAACVBMVEUAAAD///8AAABzxoNxAAAAAXRSTlMAQObYZgAAABVJREFUGNNjQAYrQwc9yEJ275B2PAAwqG27koTzJAAAAABJRU5ErkJggg==") no-repeat;
    background-size: 18.75rem 100%; }
  .event-dialog-wrap .dialog-foot {
    width: 18.75rem;
    height: 0.875rem;
    background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAu4AAAAjCAMAAAD8Kn+7AAAAPFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAANDQ3w8PDj4+PT09Ozs7N5eXlra2siIiL6+vrZ2dkQbvEpAAAACHRSTlMA20wy+Myzd2e2bGcAAADySURBVHja7dfbcYNAEAXRfQjYXiEecv65OgZ/LOCaPjF0Tc1NfwU06RGA9Cfmrv/L3BWIuSsQc1cg5q5AzF2BmLsCMXcFYu4KxNwViLkrEHNXIOauQMxdgZi7AjF3BWLuCmR87i94N+kBvvBKY2X4adIDrJDTWDNsTXqADeY01gJHkx7ggCWNVaH7vOsB3h1qGizD3qTb7ZDTaAX6p0k3+3QoabgJzrVJt1pPmNJ4FTi977rV5wRqukAB+u5e1W3eewdKukQB6Me2fpt0se+6HR2gpIvUCelWU03XKRnpNrmka9Vlzi+ki73yvNQkSZIU0C8d7ZZDR2RA8AAAAABJRU5ErkJggg==") no-repeat;
    background-size: 18.75rem 0.875rem; }
  .event-dialog-wrap .dialog-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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
  .event-dialog-wrap .dialog-content {
    width: auto;
    height: auto;
    margin: 0rem 0.25rem 0rem 0.25rem;
    padding: 0rem 0rem 1rem 0rem; }
  .event-dialog-wrap .dialog-content {
    text-align: center;
    line-height: 1.6;
    font-size: 0.7rem;
    color: black;
    font-style: normal;
    font-weight: normal; }
    .event-dialog-wrap .dialog-content em {
      font-size: 0.7rem;
      color: #4cc658;
      font-style: normal;
      font-weight: normal; }
    .event-dialog-wrap .dialog-content strong {
      font-size: 0.7rem;
      color: #ff5a59;
      font-style: normal;
      font-weight: strong; }
  .event-dialog-wrap .dialog-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .event-dialog-wrap .dialog-control .dialog-btn {
      display: block;
      margin: 0.25rem;
      width: 6.5rem;
      height: 1.75rem;
      background: #4cc658;
      background-size: 6.5rem 1.75rem;
      line-height: 1.75rem;
      border: 0.125rem solid #000;
      border-radius: 0.25rem;
      font-size: 0.7rem;
      color: #000;
      font-style: normal;
      font-weight: normal; }
      .event-dialog-wrap .dialog-control .dialog-btn.cancel {
        width: 4.75rem;
        height: 1.1rem;
        background: #fff;
        background-size: 4.75rem 1.1rem;
        line-height: 1.1rem;
        border: black 3px solid;
        border-radius: 0.25rem;
        font-size: 0.45rem;
        color: black;
        font-style: normal;
        font-weight: normal; }

.header .header-btn, .header .ctrl-area .ctrl-btn, .content .chap-list .item {
  -webkit-transition: -webkit-transform 150ms ease;
  transition: -webkit-transform 150ms ease;
  transition: transform 150ms ease;
  transition: transform 150ms ease, -webkit-transform 150ms ease;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .header .header-btn:active, .header .ctrl-area .ctrl-btn:active, .content .chap-list .item:active {
    -webkit-transform: translate3d(0.05rem, 0.05rem, 0.05rem);
            transform: translate3d(0.05rem, 0.05rem, 0.05rem); }

.header .comic-cover, .content .chap-list .item .chap-pic .chap-pic-img {
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  opacity: 0; }
  .header .is-loaded.comic-cover, .content .chap-list .item .chap-pic .is-loaded.chap-pic-img {
    opacity: 1; }

html.use-iscroll, html.use-iscroll body, html.use-iscroll #vw_Main, html.use-iscroll .scroll-container {
  height: 100%; }

html.use-iscroll .scroll-container {
  overflow: hidden; }

html.use-iscroll #vw_Main {
  overflow: hidden; }

body {
  font-size: 0.6rem;
  line-height: 1.4; }

/* 作品背景图设置 ST */
body[data-id="1"] {
  background: -webkit-gradient(linear, left top, left bottom, from(#c0a7f3), to(#a299f0));
  background: linear-gradient(180deg, #c0a7f3, #a299f0);
  color: #fff; }
  body[data-id="1"] .scroll-content {
    background: url("../images/page-bg-1.jpg?v=ab0864d112692aaf") no-repeat 0 0;
    background-size: 100% auto;
    min-height: 100vh; }

body[data-id="J4F3KO3I"] {
  background: url("../images/J4F3KO3I-page-bg-middle.png?v=cf8ac420b601d944") repeat center center;
  color: #fff; }
  body[data-id="J4F3KO3I"] .header {
    background: url("../images/J4F3KO3I-page-bg-header.png?v=719dd7872ca664ec") no-repeat center top; }
  body[data-id="J4F3KO3I"] .scroll-content {
    background: url("../images/J4F3KO3I-page-bg-bottom.png?v=a320d78d199108be") no-repeat center bottom;
    background-size: 100% auto;
    min-height: 100vh; }

/* 作品背景图设置 ED */
.header {
  position: relative;
  height: 20.175rem;
  text-align: center; }
  .header .comic-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%; }
  .header .header-btn {
    display: block;
    position: absolute;
    top: 1rem;
    width: 1.75rem;
    height: 1.75rem; }
    .header .header-btn.back {
      left: 0.6rem;
      background: url("../images/sc_img_default.png?v=3b064d28af0cedcc") no-repeat -8.6rem -5.5rem; background-size: 11.1rem 9.75rem; width: 1.75rem; height: 1.75rem;;
      background-repeat: no-repeat; }
    .header .header-btn.share {
      right: 0.6rem;
      background: url("../images/sc_img_default.png?v=3b064d28af0cedcc") no-repeat 0rem -8rem; background-size: 11.1rem 9.75rem; width: 1.75rem; height: 1.75rem;;
      background-repeat: no-repeat; }
  .header .info-area {
    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;
    top: 9.75rem;
    width: 100%;
    left: 0;
    font-size: 0.65rem; }
    .header .info-area .comic-title {
      position: relative;
      margin-top: 0.8rem;
      font-size: 1rem;
      font-weight: bold; }
      .header .info-area .comic-title .badge {
        display: block;
        position: absolute;
        top: -0.2rem;
        right: -0.2rem;
        -webkit-transform: translate(100%, 0);
                transform: translate(100%, 0);
        width: 3rem;
        height: 1rem;
        line-height: 1rem;
        border-radius: 1rem;
        text-align: center;
        font-size: 0.55rem;
        background: #d2f3ff;
        color: #475053; }
    .header .info-area .comic-type {
      margin-top: 0.15rem; }
    .header .info-area .comic-intro {
      margin: 0.15rem 1rem 0rem 1rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
  .header .ctrl-area {
    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;
    position: absolute;
    bottom: 1.25rem;
    width: 100%; }
    .header .ctrl-area .pop-count {
      font-size: 0.55rem; }
    .header .ctrl-area .ctrl-btn {
      display: block;
      font-size: 0.55rem; }
      .header .ctrl-area .ctrl-btn.favor {
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 1.5rem;
        margin-right: 0.3rem;
        background: url("../images/sc_img_default.png?v=3b064d28af0cedcc") no-repeat -2rem -8rem; background-size: 11.1rem 9.75rem; width: 1.5rem; height: 1.5rem;;
        background-repeat: no-repeat; }
        .header .ctrl-area .ctrl-btn.favor.has-favored {
          background: url("../images/sc_img_default.png?v=3b064d28af0cedcc") no-repeat -3.75rem -8rem; background-size: 11.1rem 9.75rem; width: 1.5rem; height: 1.5rem;; }
      .header .ctrl-area .ctrl-btn.read {
        width: 8.35rem;
        height: 3.75rem;
        line-height: 3.75rem;
        margin-left: 0.75rem;
        font-size: 0.75rem; }
        body[data-id="1"] .header .ctrl-area .ctrl-btn.read {
          background: url("../images/sc_img_default.png?v=3b064d28af0cedcc") no-repeat 0rem 0rem; background-size: 11.1rem 9.75rem; width: 8.35rem; height: 3.75rem;; }
        body[data-id="J4F3KO3I"] .header .ctrl-area .ctrl-btn.read {
          background: url("../images/sc_img_default.png?v=3b064d28af0cedcc") no-repeat 0rem -4rem; background-size: 11.1rem 9.75rem; width: 8.35rem; height: 3.75rem;; }

.content {
  padding-bottom: 1.5rem; }
  .content .chap-list-title {
    text-indent: 0.6rem;
    font-size: 0.65rem;
    font-weight: bold; }
  .content .device-advise {
    text-indent: 0.6rem;
    margin-top: 0.4rem;
    margin-bottom: 0.1rem;
    font-size: 0.45rem;
    opacity: .6; }
  .content .chap-list {
    font-size: 0;
    padding-left: 0.4rem;
    text-align: left; }
    .content .chap-list .item, .content .chap-list .item .chap-pic, .content .chap-list .item .chap-pic .chap-pic-img {
      border-radius: 0.1rem;
      overflow: hidden; }
    .content .chap-list .item {
      display: inline-block;
      vertical-align: top;
      margin-top: 0.75rem;
      width: 5.75rem;
      margin-right: 0.35rem;
      background: #ffffff; }
      .content .chap-list .item .chap-info {
        color: #333333; }
        .content .chap-list .item .chap-info .desc {
          color: #999999; }
      .content .chap-list .item .chap-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -0.05rem; }
        .content .chap-list .item .chap-icon.limit-free {
          width: 1.45rem;
          height: 0.7rem;
          background: transparent url("../images/icon-limit-free.png?v=457ab687adc801c3") no-repeat 0 0;
          background-size: 1.45rem 0.7rem; }
      .content .chap-list .item .chap-pic {
        display: block;
        width: 100%;
        padding-top: 63.47826%;
        position: relative;
        z-index: 10;
        background: #efefff; }
        .content .chap-list .item .chap-pic.no-pic, .content .chap-list .item .chap-pic.no-pic::before {
          background: transparent; }
        .content .chap-list .item .chap-pic .chap-pic-img {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 11;
          top: 0;
          left: 0; }
      .content .chap-list .item .chap-info {
        margin: 0rem 0.45rem;
        height: 4rem; }
        .content .chap-list .item .chap-info .title {
          margin-top: 0.6rem;
          font-size: 0.7rem;
          line-height: 1.05rem;
          height: 2.1rem;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
        .content .chap-list .item .chap-info .desc {
          margin-top: 0.25rem;
          font-size: 0.55rem; }
      .content .chap-list .item.coming .chap-pic::before, .content .chap-list .item.locked .chap-pic::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 12;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); }
      .content .chap-list .item.coming .chap-pic::after, .content .chap-list .item.locked .chap-pic::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 13;
        top: 0.75rem;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        width: 2.5rem;
        height: 2.5rem;
        background-size: 2.5rem 2.5rem; }
      .content .chap-list .item.coming {
        background: #23202f; }
        .content .chap-list .item.coming .chap-pic::after {
          background: url("../images/sc_img_default.png?v=3b064d28af0cedcc") no-repeat -8.6rem 0rem; background-size: 11.1rem 9.75rem; width: 2.5rem; height: 2.5rem;; }
        .content .chap-list .item.coming .chap-info .title {
          color: rgba(255, 255, 255, 0.6); }
        .content .chap-list .item.coming .chap-info .desc {
          color: #feae6d; }
          .content .chap-list .item.coming .chap-info .desc.weak {
            color: rgba(255, 255, 255, 0.4); }
      body[data-id="1"] .content .chap-list .item.passed {
        background: #a184e1; }
      body[data-id="J4F3KO3I"] .content .chap-list .item.passed {
        background: #9982fe; }
      .content .chap-list .item.passed .chap-pic::before, .content .chap-list .item.passed .chap-pic::after {
        display: none; }
      .content .chap-list .item.passed .chap-info {
        color: #ffffff; }
        .content .chap-list .item.passed .chap-info .desc {
          color: rgba(255, 255, 255, 0.6); }
      .content .chap-list .item.locked {
        background: #23202f; }
        .content .chap-list .item.locked .chap-pic::before, .content .chap-list .item.locked .chap-pic::after {
          display: block; }
        .content .chap-list .item.locked .chap-pic::after {
          background: url("../images/sc_img_default.png?v=3b064d28af0cedcc") no-repeat -8.6rem -2.75rem; background-size: 11.1rem 9.75rem; width: 2.5rem; height: 2.5rem;; }
        .content .chap-list .item.locked .chap-info .title {
          color: #ffffff; }
        .content .chap-list .item.locked .chap-info .desc {
          color: #feae6d; }