.lb-loader,
.lightbox {
  text-align: center;
  line-height: 0;
}
.lb-dataContainer:after,
.lb-outerContainer:after {
  content: "";
  clear: both;
}
html.lb-disable-scrolling {
  overflow: hidden;
  height: 100%;
}
.lightboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  top: 50%;
  overflow: auto;
  z-index: 10000;
  font-weight: 400;
  display: none;
}
.lightbox.fitImagesInViewport {
  top: 50%;
  margin-top: -16.66667vmin;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: inherit;
  -webkit-border-radius: 0.4vmin;
          border-radius: 0.4vmin;
}
.lightbox a img {
  border: 0;
}
.lb-outerContainer {
  position: relative;
  background-color: #fff;
  width: 33.33333vmin;
  min-width: 28vmin;
  height: 33.33333vmin;
  margin: 3.33333vmin auto 0;
  -webkit-border-radius: 0.53333vmin;
          border-radius: 0.53333vmin;
}
.lb-loader,
.lb-nav {
  position: absolute;
  left: 0;
}
.lb-outerContainer:after {
  display: table;
}
.lb-container {
  padding: 0.53333vmin;
}
.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}
.lb-cancel {
  display: block;
  width: 4.26667vmin;
  height: 4.26667vmin;
  margin: 0 auto;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/loading.2299ad0b.gif) no-repeat;
}
.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/prev.84b76dee.png) left 48% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  opacity: 1;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/prev.84b76dee.png) left 48% no-repeat;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/next.31f15875.png) right 48% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  opacity: 1;
  *background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/next.31f15875.png) right 48% no-repeat;
}
.lb-dataContainer {
  margin: 0 auto 2vmin;
  padding-top: 0.66667vmin;
  width: 100%;
  min-width: 28vmin;
  -webkit-border-bottom-left-radius: 0.53333vmin;
  border-bottom-left-radius: 0.53333vmin;
  -webkit-border-bottom-right-radius: 0.53333vmin;
  border-bottom-right-radius: 0.53333vmin;
}
.lb-dataContainer:after {
  display: table;
}
.lb-data {
  padding: 0 0.53333vmin;
  color: #ccc;
}
.lb-data .lb-details {
  max-width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 1.73333vmin;
  font-weight: 700;
  line-height: 1em;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  padding-top: 0.3em;
  font-size: 1.6vmin;
  color: #999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 4vmin;
  height: 4vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/close.d9d2d0b1.png) top right no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  text-align: right;
  outline: 0;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}

@font-face {
  font-family: "sys";
  src: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/SourceHanSerifSC-Heavy.5e48b5c9.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "wt005";
  src: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/wt005.8cb98c24.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "wt009";
  src: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/wt009.67e70eb4.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: bold;
}
a,
a:hover {
  text-decoration: none;
}
body,
html {
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: normal;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
}
body {
  background: #f2f2f2;
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
a {
  text-decoration: none;
}
input {
  -webkit-appearance: none;
}
* {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
.logo {
  position: absolute;
  top: 1.86667vmin;
  left: 2.66667vmin;
  font-size: 1.33333vmin;
  width: 14vmin;
  height: 9.73333vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/logo.ac8348ff.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.scroll {
  overflow-x: hidden;
  overflow-y: auto;
}
.scroll::-webkit-scrollbar {
  width: 0.66667vmin;
}
.scroll::-webkit-scrollbar-thumb {
  background: #d19a24;
}
#forhorview {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  font-size: 4vmin;
  color: #fff;
  opacity: 0;
  z-index: -1;
}
#forhorview.show {
  opacity: 1;
  z-index: 111;
}
body,
html {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html.rotate .content {
  position: fixed;
}
.noIndent {
  text-indent: 0 !important;
}
.main {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/bg.c9ed396d.jpg) top no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  overflow: hidden;
}
.main.single .flipbook {
  width: 93.33333vmin !important;
}
.btn-review {
  display: block;
  position: absolute;
  z-index: 100;
  top: 4vmin;
  right: 20vmin;
  width: 22.4vmin;
  height: 6.93333vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn-review.f27f10c9.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.btn-share {
  display: block;
  position: absolute;
  z-index: 100;
  top: 1.86667vmin;
  right: 6.66667vmin;
  width: 10.66667vmin;
  height: 10.66667vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_share.0ec2ce83.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.bubble {
  display: block;
}
.content {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  margin: auto;
  padding-top: 13.33333vmin;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
}
.content::after {
  position: absolute;
  z-index: 100;
  top: 8.66667vmin;
  left: 8vmin;
  content: '';
  width: 45.06667vmin;
  height: 8.26667vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/bubble.74b08f2b.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.flipbook-wrap {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  position: relative;
  width: 96.8vmin !important;
  height: 150.66667vmin !important;
  overflow: hidden;
}
.flipbook-wrap .reel {
  opacity: 0;
  position: absolute;
  z-index: 111;
  left: -1.6vmin;
  top: 0;
  content: '';
  width: 8.53333vmin;
  height: 150.66667vmin;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.flipbook-wrap .reel.show {
  opacity: 1;
}
.flipbook-wrap:before {
  position: absolute;
  top: 1.6vmin;
  right: 0.4vmin;
  content: '';
  width: 94.66667vmin;
  height: 147.73333vmin;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
          background-size: contain;
}
.flipbook-wrap.after_hide::after {
  display: none;
}
.flipbook-wrap .click-area-left {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26.66667vmin;
  height: 80vmin;
}
.flipbook-wrap .click-area-left.show {
  display: block;
}
.flipbook-wrap .click-area-right {
  display: none;
  position: absolute;
  top: 5%;
  right: 0;
  width: 13.33333vmin;
  height: 90%;
}
.flipbook-wrap .click-area-right.show {
  display: block;
}
.flipbook {
  position: absolute !important;
  top: 3.2vmin;
  right: 0;
  width: 186.66667vmin !important;
  height: 144.26667vmin !important;
  overflow: hidden;
}
.flipbook .page {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flipbook .page-wrapper > div:last-of-type {
  overflow: visible;
  background-color: transparent !important;
}
.page {
  position: relative;
  z-index: 1;
  width: 86.13333vmin !important;
  height: 141.86667vmin !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/book_inner.f88bc244.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.page.even {
  background-position: -3.73333vmin 0;
}
.hard_left {
  position: relative;
  right: 1.86667vmin;
  top: 0.4vmin;
  z-index: 1;
  content: '';
  width: 94.66667vmin !important;
  height: 144.26667vmin !important;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.art-wrap {
  position: relative;
  top: 5.33333vmin;
  left: 1.2vmin;
  width: 77.6vmin;
  height: 129.6vmin;
  text-align: justify;
  padding-right: 2vmin;
  overflow-x: hidden;
  overflow-y: auto;
}
.art-wrap::-webkit-scrollbar {
  width: 0.66667vmin;
}
.art-wrap::-webkit-scrollbar-thumb {
  background: #d19a24;
}
.art-wrap .s-tit1,
.art-wrap .s-tit2 {
  position: relative;
  font-size: 0;
}
.art-wrap .s-tit1 em,
.art-wrap .s-tit2 em {
  position: relative;
  z-index: 1;
  font-size: 4vmin;
  font-style: normal;
  color: #fff;
  font-weight: 300;
}
.art-wrap .s-tit1 h5,
.art-wrap .s-tit2 h5 {
  position: relative;
  display: inline-block;
  height: 100%;
}
.art-wrap .s-tit1 h5:before,
.art-wrap .s-tit2 h5:before,
.art-wrap .s-tit1 h5:after,
.art-wrap .s-tit2 h5:after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: auto 100%;
          background-size: auto 100%;
}
.art-wrap .s-tit1 h5:before,
.art-wrap .s-tit2 h5:before {
  left: 0;
}
.art-wrap .s-tit1 h5::after,
.art-wrap .s-tit2 h5::after {
  right: 1px;
  background-position: 100% 0;
}
.art-wrap .s-tit1 {
  height: 8.26667vmin;
  text-align: center;
}
.art-wrap .s-tit1 em {
  font-family: "wt005";
}
.art-wrap .s-tit1 h5 {
  padding: 0 3.46667vmin;
  line-height: 8.26667vmin;
}
.art-wrap .s-tit1 h5:before,
.art-wrap .s-tit1 h5:after {
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/bg_stit.2c9ae1ce.png);
}
.art-wrap .s-tit2 {
  height: 5.86667vmin;
  margin: 3.46667vmin 0 2.66667vmin -1.06667vmin;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.art-wrap .s-tit2.not-mt {
  margin-top: 0;
}
.art-wrap .s-tit2 em {
  font-family: "sys";
}
.art-wrap .s-tit2 h5 {
  padding: 0 5.33333vmin 0 10.66667vmin;
  line-height: 4.66667vmin;
}
.art-wrap .s-tit2 h5:before,
.art-wrap .s-tit2 h5:after {
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/bg_stit2.0938a8b1.png);
}
.art-wrap .tit {
  width: 76.8vmin;
  height: 12vmin;
}
.art-wrap .tit img {
  width: 100%;
  height: auto;
}
.art-wrap h2,
.art-wrap h3 {
  font-family: "sys";
  color: #4d2424;
  font-weight: 300;
}
.art-wrap h2 {
  font-size: 5.33333vmin;
  margin: 4.26667vmin 0 2.66667vmin 4vmin;
}
.art-wrap h3 {
  font-size: 4vmin;
}
.art-wrap h4 {
  font-size: 3.2vmin;
  color: #4d2424;
}
.art-wrap h6 {
  font-size: 2.4vmin;
  color: #4d2424;
}
.art-wrap p,
.art-wrap strong {
  font-family: "wt009";
  color: #424242;
}
.art-wrap p {
  line-height: 5.06667vmin;
  font-size: 3.46667vmin;
}
.art-wrap p.lineHeight {
  line-height: 6.13333vmin;
}
.art-wrap p.center {
  text-align: center;
}
.art-wrap p.n1,
.art-wrap p.n2,
.art-wrap p.n3 {
  position: relative;
  padding-left: 2.4vmin;
}
.art-wrap p.n1:before,
.art-wrap p.n2:before,
.art-wrap p.n3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.2vmin;
  width: 2.13333vmin;
  height: 2.13333vmin;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.art-wrap p.n1:before {
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/num_1.8d33d805.png);
}
.art-wrap p.n2:before {
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/num_2.aa16a3bc.png);
}
.art-wrap p.n3:before {
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/num_3.ec8115d1.png);
}
.art-wrap span {
  color: #ba1201;
}
.art-wrap span.blue {
  color: #1a2294;
}
.art-wrap strong {
  display: inline-block;
  width: 100%;
  font-size: 4.26667vmin;
  text-align: center;
  font-weight: normal;
}
.art-wrap .tab {
  margin: 0 auto 0;
}
.art-wrap .tab img {
  width: 100%;
}
.art-wrap .box-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 77.6vmin;
  padding: 1.33333vmin 2.13333vmin 1.86667vmin;
  margin-top: 2.4vmin;
  overflow: hidden;
}
.art-wrap .box-wrap:before,
.art-wrap .box-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/bg_rule.e8c956b8.png) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
}
.art-wrap .box-wrap:before {
  top: 0;
}
.art-wrap .box-wrap:after {
  bottom: 0;
  background-position: 0 100%;
}
.art-wrap .box-wrap * {
  position: relative;
  z-index: 1;
}
.art-wrap .role {
  width: 75.2vmin;
  height: auto;
}
.art-wrap .role img {
  width: 100%;
  height: auto;
}
.art-wrap .btn-gw {
  display: block;
  margin-bottom: 1.86667vmin;
  width: 20vmin;
  height: 5.2vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_gw.6d4f7a8c.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.art-wrap .btn-wrap {
  position: relative;
  z-index: 100;
  margin: 1.33333vmin auto;
}
.art-wrap .btn-wrap a {
  margin: 0 auto;
  display: inline-block;
  width: 24.26667vmin;
  height: 6.26667vmin;
}
.art-wrap .btn-wrap .btn-tw {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/dld_tw.027bdd8e.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.art-wrap .btn-wrap .btn-ga {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/dld_ga.d3535e73.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.art-wrap .btn-wrap .btn-xm {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/dld_xm.c23548af.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.page1 h3 {
  text-align: left;
  margin: 0 0 1.33333vmin 12.8vmin;
}
.page2 p,
.page3 p {
  margin: 0 1.33333vmin 0 3.2vmin;
}
.page4 p {
  line-height: 7.2vmin;
}
.page11 .box-wrap,
.page12 .box-wrap {
  margin-top: -1.33333vmin;
}
.page11 h3,
.page12 h3,
.page11 h4,
.page12 h4 {
  font-family: "wt005";
}
.page11 h3,
.page12 h3 {
  text-align: center;
}
.page11 h4,
.page12 h4 {
  font-size: 3.2vmin;
}
.page11 h4 {
  margin: 1.33333vmin 0 1.6vmin;
}
.page11 p {
  line-height: 5.33333vmin;
}
.page12 .s-tit2 {
  margin: 2vmin 0 1.06667vmin -1.06667vmin;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.page12 h4 {
  text-align: center;
}
.page12 p {
  font-size: 2.4vmin;
  line-height: 4.8vmin;
}
.page13 .box-wrap,
.page14 .box-wrap {
  height: 115.2vmin;
  text-align: center;
  margin-top: -1.06667vmin;
}
.page13 .box-wrap > img,
.page14 .box-wrap > img {
  width: 70.13333vmin;
}
.page13 h6,
.page14 h6 {
  font-size: 2.66667vmin;
  font-family: "wt005";
  margin: 1.33333vmin 0 2.13333vmin 0;
  color: #5d2c04;
  font-weight: 300;
}
.page15 .box-wrap,
.page16 .box-wrap,
.page17 .box-wrap,
.page18 .box-wrap,
.page19 .box-wrap {
  height: 114.66667vmin;
  margin-top: 0;
}
.page15 .s-tit1,
.page16 .s-tit1,
.page17 .s-tit1,
.page18 .s-tit1,
.page19 .s-tit1 {
  margin-top: 1.33333vmin;
}
.page15 .big,
.page16 .big,
.page17 .big,
.page18 .big,
.page19 .big {
  font-size: 4.8vmin;
  margin-left: 16vmin;
}
.page15 .r-img,
.page16 .r-img,
.page17 .r-img,
.page18 .r-img,
.page19 .r-img {
  width: 74.13333vmin;
}
.page15 .r-img img,
.page16 .r-img img,
.page17 .r-img img,
.page18 .r-img img,
.page19 .r-img img {
  width: 100%;
  height: auto;
}
.page15 .ff,
.page16 .ff,
.page17 .ff,
.page18 .ff,
.page19 .ff {
  font-size: 3.73333vmin;
  font-family: "sys";
  line-height: 5.86667vmin;
}
.page20 .box-wrap {
  height: 113.6vmin;
  margin-top: 0;
}
.page20 h4,
.page20 h6 {
  text-align: center;
  font-family: "sys";
}
.page20 h6 {
  margin: 1.73333vmin 0;
}
.page20 .tab {
  width: 73.6vmin;
}
.page20 .tab.t2 {
  margin-top: 10vmin;
}
.page20 .s-tit1 {
  margin: 3.33333vmin 0;
}
.page21 .box-wrap {
  height: 115.06667vmin;
  margin-top: 0;
}
.page21 h4 {
  text-align: center;
  margin-bottom: 1.33333vmin;
  font-family: "sys";
}
.page21 .tab {
  width: 71.46667vmin;
}
.page21 .s-tit1 {
  margin: 2.66667vmin 0 1.86667vmin;
}
.page22 .box-wrap,
.page23 .box-wrap,
.page24 .box-wrap,
.page25 .box-wrap {
  height: 113.33333vmin;
  margin-top: 0;
}
.page22 .tab,
.page23 .tab,
.page24 .tab,
.page25 .tab {
  margin-left: 1.33333vmin;
}
.page22 h3,
.page23 h3,
.page24 h3,
.page25 h3 {
  font-size: 4.8vmin;
  margin: 3.33333vmin 0 2.66667vmin;
  text-align: center;
}
.page22 p,
.page23 p,
.page24 p,
.page25 p {
  font-size: 3.73333vmin;
  line-height: 6.13333vmin;
  margin-left: 3.2vmin;
}
.page22 .tab {
  width: 62.66667vmin;
}
.page23 .tab {
  width: 69.06667vmin;
}
.page24 .box-wrap {
  height: 116vmin;
}
.page24 .tab {
  width: 44.53333vmin;
}
.page24 h3 {
  margin: 2.4vmin 0 2vmin;
}
.page24 .s-tit2 {
  margin: 1.6vmin 0 0.8vmin -1.06667vmin;
}
.page24 p {
  font-size: 3.2vmin;
  line-height: 5.33333vmin;
}
.page25 .tab {
  width: 70.13333vmin;
}
.page26 .box-wrap,
.page27 .box-wrap,
.page28 .box-wrap {
  height: 118.66667vmin;
  margin-top: -3.33333vmin;
  padding: 0;
  text-align: center;
}
.page26 .box-wrap img {
  width: 92%;
  margin-bottom: 4vmin;
}
.page26 .box-wrap img:first-child {
  width: 98%;
  margin: 3.2vmin 0 2.66667vmin 0;
}
.page26 .box-wrap img:nth-child(3) {
  margin-top: 2.4vmin;
}
.page27 .box-wrap {
  height: 116vmin;
}
.page27 .box-wrap img {
  width: 89.695%;
  margin-bottom: 1.33333vmin;
}
.page27 .box-wrap img:first-child {
  margin-top: 2.4vmin;
}
.page28 .box-wrap {
  height: 118.66667vmin;
}
.page28 .box-wrap .s-tit1 {
  margin-top: 1.33333vmin;
}
.page28 .box-wrap .s-tit2 {
  text-align: left;
  margin: 2vmin 0 1.6vmin 0.8vmin;
}
.page28 .box-wrap img {
  width: 96%;
}
.page29 .tit {
  margin-top: 2vmin;
}
.page29 .tit img {
  width: 100%;
}
.page29 .s-tit2:nth-child(2) {
  margin-top: -1.33333vmin;
}
.page29 img {
  width: 97.5%;
}
.page30 .box-txt {
  width: 76.53333vmin;
  height: 44.26667vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/txt_30.ff85a12a.png) center no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  margin: 28.8vmin auto 0;
  overflow: hidden;
}
.page30 .btn-draw {
  display: block;
  width: 20vmin;
  height: 6.13333vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_draw.33377510.png) center no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  margin: 24.8vmin auto 0;
}
.page31 img {
  display: block;
  width: 37.6vmin;
  margin: 13.6vmin auto 0;
}
.number {
  position: absolute;
  bottom: -3.46667vmin;
  left: 0;
  z-index: 11;
  -webkit-transform: translate3d(0, -5.6vmin, 0);
          transform: translate3d(0, -5.6vmin, 0);
  width: 100%;
  text-align: center;
  font-size: 4vmin;
  color: #683c28;
  font-family: "sys";
}
.number b {
  font-size: 4vmin;
  color: #683c28;
}
.tips {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  font-size: 3.2vmin;
  color: #ffe3a0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tips.show {
  display: block;
}
.bottom-wrap {
  position: relative;
  z-index: 100;
  margin: -4vmin auto 0;
  width: 96%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.bottom-wrap .btn {
  position: relative;
  z-index: 1;
  opacity: 0;
  width: 38.4vmin;
  height: 12vmin;
}
.bottom-wrap .btn.show {
  opacity: 1;
}
.bottom-wrap .btn-prev {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_l.17fa5114.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.bottom-wrap .btn-next {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_r.b9987adf.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.lightbox-box {
  position: relative;
  z-index: 1;
  display: block;
  width: 70.66667vmin;
  margin: 1.33333vmin auto;
}
.lightbox-box img {
  display: block;
  width: 100%;
}
.lightbox-box.noMargin {
  margin: 0 auto;
}
.lb-outerContainer {
  background-color: transparent;
}
.lb-close {
  -webkit-background-size: contain;
          background-size: contain;
}
#v1 .flipbook-wrap .reel {
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/reel.72d6e222.png);
}
#v1 .flipbook-wrap:before {
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/book_last.4ba58ec5.png);
}
#v1 .hard_left {
  background-image: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/book_cover.199278a9.png) !important;
}
#v1 .btn-wrap {
  margin-top: 4vmin;
}
#v1 .tips-wrap {
  margin-top: 13.33333vmin;
}
#v1 .tips-wrap p {
  text-align: center;
  line-height: 5.33333vmin;
  text-indent: 0 !important;
}
#v1 .tips-wrap span {
  color: #b43606;
  font-size: 3.2vmin;
}
.popup {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.popup.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.popup .pop {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.73333vmin;
  height: 53.33333vmin;
}
.popup p {
  font-size: 4.53333vmin;
}
.popup .pop-close {
  position: absolute;
  top: -9.33333vmin;
  right: -4vmin;
  width: 7.73333vmin;
  height: 7.46667vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/pop_close.ce36d11d.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-share .pop {
  padding-top: 8.8vmin;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/pop_share.ee1b9de7.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-share .btn {
  margin: 0 4vmin;
  width: 16.26667vmin;
  height: 16.26667vmin;
  display: block;
  line-height: 38.4vmin;
  font-size: 3.46667vmin;
  text-align: center;
  color: #e46d14;
}
.popup-share .btn-fb {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_fb.854dcb8b.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.popup-share .btn-line {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_line.35ff4857.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-share .btn-tw {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_tw.91526c20.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.popup-share .btn-copy {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_copy.e7bbcdd8.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.popup-succ .pop {
  padding-top: 20vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/pop_succ.00fdb94e.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-succ p {
  text-align: center;
  line-height: 6.4vmin;
  font-size: 3.73333vmin;
  font-family: "‘’";
  color: #333333;
}
.popup-succ span {
  color: #b43606;
}
.popup-history .pop {
  padding-top: 13.33333vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/pop_history.d66de705.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-history .back-season {
  display: block;
  width: 39.2vmin;
  height: 7.73333vmin;
  margin: 3.2vmin auto;
}
.popup-choose-a .pop {
  padding-top: 8.8vmin;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/popup_choose.b589dfe9.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-choose-a .btn-choose-a {
  margin: 0 2.66667vmin;
  display: block;
  width: 20.53333vmin;
  height: 7.73333vmin;
}
.popup-choose-a .btnl-ga {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_ganao.efcba349.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}
.popup-choose-a .btnl-xm {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_xinma.7ca85f39.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}
.popup-choose-a .btnl-tw {
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn_taiwan.64b00b3f.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}
.popup-share-succ .pop {
  padding-top: 18.66667vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/popup-share-succ.1609e2e3.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-share-succ p {
  text-align: center;
  line-height: 8vmin;
  color: #000;
}
.popup-share-succ p:nth-child(4) {
  color: #b63806;
}
.popup-award-succ .pop,
.popup-award-done .pop,
.popup-award-has .pop {
  padding-top: 16vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/popup-award-succ.3edc75f7.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-award-succ p,
.popup-award-done p,
.popup-award-has p {
  text-align: center;
  line-height: 8vmin;
  color: #b63806;
}
.popup-choose-role .pop {
  padding-top: 18.66667vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/pop_choose-role.33c633fc.png) center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
}
.popup-choose-role p {
  text-align: center;
  color: #b63806;
}
.popup-choose-role .btn-true {
  margin: 0 auto 0;
  display: block;
  width: 20.53333vmin;
  height: 7.73333vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn-true.a298529c.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.input-box {
  position: relative;
  font-size: 0;
  margin: 2.66667vmin auto;
  width: 65.06667vmin;
}
.input-box label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: auto;
  line-height: 2.53333vmin;
  margin-bottom: -0.53333vmin;
  font-size: 2.53333vmin;
  color: #fff2dc;
  padding-right: 1.33333vmin;
}
.input-box .choose {
  width: 100%;
}
.input-box .choose input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: transparent;
  width: 65.06667vmin;
  height: 8.26667vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/choose-input.03c6c33f.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  padding: 0.53333vmin 2.66667vmin;
  font-size: 3.73333vmin;
}
.input-box .choose .role-list {
  display: none;
  position: absolute;
  left: 0;
  top: 8vmin;
  margin: 0 auto 0;
  z-index: 9;
  width: 65.06667vmin;
  max-height: 40vmin;
  overflow-y: auto;
  background-color: white;
  border: 1px solid #e8d0bb;
  -webkit-border-radius: 0.66667vmin;
          border-radius: 0.66667vmin;
}
.input-box .choose .role-list a {
  z-index: 999;
  color: #90694c;
  font-size: 3.73333vmin;
  text-align: center;
  display: block;
  padding: 0.26667vmin 0;
}
.input-box .choose .role-list a:hover {
  background-color: #fce8d2;
}
.input-box .choose .role-list.show {
  display: block;
}
.popup-usual .pop {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.popup-usual .pop .pop-close {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.popup-usual .pop p {
  text-align: center;
  color: #fff0cb;
  font-size: 6.66667vmin;
  margin: 2.66667vmin auto 0;
}
.btn-get {
  display: block;
  text-align: center;
  margin: 2.66667vmin auto 1.33333vmin;
  width: 20vmin;
  height: 6.13333vmin;
  background: url(https://cdn-os.qookkagames.com/prism-season4-ebook/1.0.0/prod/static/images/btn-get.773b260f.png) center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}