/* reset */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  padding: 0;
  margin: 0; }

html {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

h1, h2, h3, h4, h5 {
  font-weight: normal;
  font-size: 100%; }

ul, li, ol {
  list-style: none; }

em, i {
  font-style: normal; }

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

strong, b {
  font-weight: normal; }

input, button, textarea, :focus {
  outline: none; }

body {
  color: #333;
  background-color: #fff;
  font-family: Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
  position: relative;
  height: 100%; }

a {
  text-decoration: none;
  color: #333; }

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button[disabled], html input[disabled] {
  cursor: default; }

input {
  line-height: normal;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

textarea, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input::-ms-clear {
  display: none; }

::-webkit-input-placeholder {
  color: #999;
  opacity: 1; }

:-moz-placeholder {
  color: #999;
  opacity: 1; }

::-moz-placeholder {
  color: #999;
  opacity: 1; }

:-ms-input-placeholder {
  color: #999;
  opacity: 1; }

/* end reset */
/* ----------- include -------------- */
.clearfix:before {
  content: "";
  display: table; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

@media only screen and (max-width: 359px) {
  html {
    font-size: 10.66667px; } }

@media only screen and (min-width: 360px) and (max-width: 374px) {
  html {
    font-size: 12px; } }

@media only screen and (min-width: 375px) and (max-width: 399px) {
  html {
    font-size: 12.5px; } }

@media only screen and (min-width: 400px) and (max-width: 413px) {
  html {
    font-size: 13.33333px; } }

@media only screen and (min-width: 414px) and (max-width: 479px) {
  html {
    font-size: 13.8px; } }

@media only screen and (min-width: 480px) and (max-width: 539px) {
  html {
    font-size: 16px; } }

@media only screen and (min-width: 540px) and (max-width: 639px) {
  html {
    font-size: 18px; } }

@media only screen and (min-width: 640px) and (max-width: 719px) {
  html {
    font-size: 21.33333px; } }

@media only screen and (min-width: 720px) and (max-width: 759px) {
  html {
    font-size: 24px; } }

@media only screen and (min-width: 760px) and (max-width: 799px) {
  html {
    font-size: 25.33333px; } }

@media only screen and (min-width: 800px) and (max-width: 959px) {
  html {
    font-size: 26.66667px; } }

@media only screen and (min-width: 960px) {
  html {
    font-size: 32px; } }

.btns {
  padding: 0 5.625rem; }

.btn {
  text-align: center;
  display: block;
  border: none;
  outline: none;
  color: #fff;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.5rem;
  background-image: -webkit-gradient(to right, from(#332A24), to(#1A1410));
  background-image: -webkit-linear-gradient(to right, #332A24, #1A1410);
  background-image: -moz-linear-gradient(to right, #332A24, #1A1410);
  background-image: -o-linear-gradient(to right, #332A24, #1A1410);
  background-image: linear-gradient(to right, #332A24, #1A1410);
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  border-radius: 2rem; }
  .btn:active {
    background-image: -webkit-gradient(to right, from(#4D3F36), to(#33271F));
    background-image: -webkit-linear-gradient(to right, #4D3F36, #33271F);
    background-image: -moz-linear-gradient(to right, #4D3F36, #33271F);
    background-image: -o-linear-gradient(to right, #4D3F36, #33271F);
    background-image: linear-gradient(to right, #4D3F36, #33271F); }
  .btn.small {
    width: 10rem; }

.btn-generalize img {
  width: 18.3333rem; }

.g-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 19.1667rem;
  overflow: hidden;
  z-index: 502;
  background: rgba(0, 0, 0, 0.8);
  padding: 1.25rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0.3333rem;
  -webkit-border-radius: 0.3333rem;
  border-radius: 0.3333rem;
  display: none;
  text-align: center;
  margin-top: -1%;
  margin-left: -9.5833rem; }
  @supports (transform: translate(-50%, -50%)) {
    .g-toast {
      margin-top: 0;
      margin-left: 0;
      width: auto;
      max-width: 19.1667rem;
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  .g-toast .s-tit {
    line-height: 1.6667rem;
    font-size: 1.1667rem;
    color: #fff;
    word-break: break-word;
    display: none;
    white-space: nowrap; }
  .g-toast .s-txt {
    line-height: 1.6667rem;
    font-size: 1.1667rem;
    color: #fff;
    word-break: break-word;
    display: none; }

.g-toast-type {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 13.3333rem;
  overflow: hidden;
  z-index: 502;
  background: rgba(0, 0, 0, 0.8);
  padding: 1.25rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0.3333rem;
  -webkit-border-radius: 0.3333rem;
  border-radius: 0.3333rem;
  text-align: center;
  margin-top: -1%;
  margin-left: -6.6667rem;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex; }
  @supports (transform: translate(-50%, -50%)) {
    .g-toast-type {
      margin-top: 0;
      margin-left: 0;
      width: auto;
      max-width: 19.1667rem;
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  .g-toast-type .i-icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 2.4167rem 2.4167rem;
    width: 2.4167rem;
    height: 2.4167rem;
    display: block;
    overflow: hidden;
    margin: 0.4167rem 0.8333rem 0.4167rem 0; }
    .g-toast-type .i-icon.gold {
      background-image: url(/bookimg/free/images/app/1_0_0/gold-pic-l.png); }
  .g-toast-type .s-txt {
    text-align: center;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    min-width: 0;
    display: block;
    /* fix input Bug */
    color: #fff;
    line-height: 1.6667rem;
    font-size: 1.1667rem; }
    .g-toast-type .s-txt em {
      color: #FF9744; }

.clearfix:before {
  content: "";
  display: table; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.wrapper {
  height: 100%; }
  .wrapper.flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    /* column, row-reverse, column-reverse */
    -ms-flex-direction: column;
    flex-direction: column; }
    .wrapper.flex .wrapper-inner {
      padding-bottom: 0;
      -webkit-box-flex: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1;
      /* OLD - Firefox 19- */
      -webkit-flex: 1;
      /* Chrome */
      -ms-flex: 1;
      /* IE 10 */
      flex: 1;
      min-width: 0;
      display: block;
      /* fix input Bug */ }
    .wrapper.flex .fixed-bottom {
      margin-top: 0; }

.wrapper-inner {
  padding-bottom: 9.5833rem; }

.row {
  height: 31.6667rem;
  text-align: center; }
  .row.h1100 {
    height: 54.1667rem; }
  .row-1 {
    background: url(../../../images/mobile/v1.0.0/m-bg1-20221125.png) center bottom no-repeat #FCCF21;
    background-size: 31.25rem 22.5rem;
    padding-top: 2.5833rem; }
    .row-1 h1, .row-1 h2 {
      text-indent: -5000px; }
    .row-1 .logo {
      margin-bottom: 2.7083rem;
      height: 11.6667rem;
      background: url(../../../images/mobile/v1.0.0/logo-20221125.png) center no-repeat;
      background-size: 11.6667rem 11.6667rem; }
    .row-1 .slogan {
      margin-bottom: 2.7083rem;
      height: 8.3333rem;
      background: url(../../../images/mobile/v1.0.0/free100-20200523.png) center no-repeat;
      background-size: 23.3333rem 8.3333rem; }
  .row-2, .row-3, .row-4 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 4.5833rem; }
    .row-2 .sub-title, .row-3 .sub-title, .row-4 .sub-title {
      margin-bottom: 1.25rem;
      position: relative;
      font-size: 2.6667rem;
      line-height: 2.6667rem;
      font-family: serif; }
    .row-2 .p-info, .row-3 .p-info, .row-4 .p-info {
      color: #999;
      font-size: 1.5rem;
      line-height: 1.5rem; }
  .row-2 {
    background: url(../../../images/mobile/v1.0.0/m-bg2-20221125.png) center bottom no-repeat #fff;
    background-size: 31.25rem 22.5rem; }
    .row-2 .sub-title:before {
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -2.5rem;
      content: '';
      display: inline-block;
      width: 10.8333rem;
      height: 4.0833rem;
      background: url(../../../images/mobile/v1.0.0/light-free.png) no-repeat;
      background-size: 10.8333rem 4.0833rem; }
  .row-3 {
    background: url(../../../images/mobile/v1.0.0/m-bg3-20221125.png) center bottom no-repeat #faf8f5;
    background-size: 31.25rem 22.5rem; }
    .row-3 .sub-title:before {
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -2.5rem;
      content: '';
      display: inline-block;
      width: 13.2083rem;
      height: 4.125rem;
      background: url(../../../images/mobile/v1.0.0/light-store.png) no-repeat;
      background-size: 13.2083rem 4.125rem; }
  .row-4 {
    background: url(../../../images/mobile/v1.0.0/m-bg4-20221125.png) left bottom no-repeat #fff;
    background-size: 31.25rem 22.5rem; }
    .row-4 .sub-title:before {
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -2.5rem;
      content: '';
      display: inline-block;
      width: 11.1667rem;
      height: 4.0833rem;
      background: url(../../../images/mobile/v1.0.0/light-prize.png) no-repeat;
      background-size: 11.1667rem 4.0833rem; }

.header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -moz-box-align: center;
  -webkit-box-align: center;
  box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 1.6667rem;
  height: 5rem;
  border-bottom: 1px solid #eee; }
  .header a img {
    width: 13.6667rem; }

.main .contact-us {
  padding: 0 1.6667rem; }
  .main .contact-us dl {
    margin-bottom: 2.2917rem; }
    .main .contact-us dl dt {
      font-size: 1.1667rem;
      line-height: 2.5rem;
      font-weight: bold; }
    .main .contact-us dl dd {
      font-size: 1.1667rem;
      line-height: 2.3333rem; }

.main .g-article {
  padding: 1.6667rem; }
  .main .g-article dl {
    margin-bottom: 2.7083rem; }
    .main .g-article dl dt {
      font-weight: bold;
      font-size: 1.1667rem;
      line-height: 3.25rem; }
    .main .g-article dl dd {
      font-size: 1.1667rem;
      line-height: 2rem; }

.g-title {
  margin: 2.5rem 0 1.6667rem;
  font-size: 1.8333rem;
  line-height: 1.8333rem;
  color: #444444;
  font-weight: bold;
  text-align: center; }
  .g-title .txt {
    position: relative; }
    .g-title .txt:before {
      content: '';
      position: absolute;
      left: -4.3333rem;
      top: 50%;
      margin-top: -0.3333rem;
      display: inline-block;
      width: 3.75rem;
      height: 0.7083rem;
      background: url(../../../images/mobile/v1.0.0/title-bg.png) no-repeat;
      background-size: 3.75rem 0.7083rem; }
    .g-title .txt:after {
      content: '';
      position: absolute;
      right: -4.3333rem;
      top: 50%;
      margin-top: -0.3333rem;
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      display: inline-block;
      width: 3.75rem;
      height: 0.7083rem;
      background: url(../../../images/mobile/v1.0.0/title-bg.png) no-repeat;
      background-size: 3.75rem 0.7083rem; }
  .g-title.no-before:before {
    display: none; }

footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 1.6667rem 1.6667rem 1.25rem;
  background: #ffffff;
  text-align: center;
  border-top: 1px solid #eeeeee; }
  footer.absolute {
    position: absolute;
    bottom: 0; }
  footer.fixed-bottom {
    position: relative;
    margin-top: -9.5833rem;
    z-index: 100; }
  footer .ft-links {
    margin-bottom: 1.6667rem;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #999; }
    footer .ft-links a {
      color: #999; }
      footer .ft-links a:hover {
        color: #FF9744; }
    footer .ft-links em {
      font-weight: normal;
      color: #ddd; }
  footer .ft-copyright {
    font-size: 0.8333rem;
    line-height: 1.25rem;
    color: #BBB;
    margin-bottom: 0.4167rem; }
    footer .ft-copyright.mt10 {
      margin-top: 0.4167rem; }

.placeholder {
  height: 5.8333rem;
  width: 100%; }

.download-part {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -moz-box-align: center;
  -webkit-box-align: center;
  box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  box-pack: justify;
  -moz-flex-pack: justify;
  -webkit-flex-pack: justify;
  flex-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 500;
  box-shadow: 0 -0.1667rem 0.4167rem rgba(0, 0, 0, 0.1);
  height: 5.8333rem;
  padding: 0 1.6667rem; }
  .download-part img {
    width: 13.6667rem;
    float: left; }
  .download-part .btn {
    float: right;
    font-weight: bold;
    height: 3.3333rem;
    line-height: 3.3333rem; }