body {
  width: 3.9rem;
  overflow-x: hidden;
  opacity: 0; }

p,
ul,
ol {
  margin: 0; }

@font-face {
  font-family: "PT-Serif";
  src: url("../fonts/PTSerif.ttc"); }
@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto-Regular.ttf"); }
@font-face {
  font-family: "SF-Medium";
  src: url("../fonts/SF-Compact-Rounded-Medium.otf"); }
@font-face {
  font-family: "SF-Regular";
  src: url("../fonts/SF-Compact-Rounded-Regular.otf"); }
.primary-btn {
  box-shadow: 0 8px 16px rgba(223, 91, 53, 0.4);
  height: .52rem;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: SF-Medium;
  font-size: .16rem;
  background-color: #F2572A; }

.line-primary-btn {
  width: .84rem;
  height: .3rem;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: SF-Medium;
  font-size: .14rem;
  background: linear-gradient(90deg, #f2572a 0%, #f2872a 100%);
  line-height: 1; }

.user-link {
  width: .32rem;
  height: .32rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: #e1e8f1;
  border: 0.89px solid #d9dee5; */
}
  .user-link img {
    width: 100%;
    display: block; }

.weui-switch:checked,
.weui-switch-cp__input:checked + .weui-switch-cp__box,
.weui-switch-cp__input[aria-checked="true"] + .weui-switch-cp__box {
  background-color: #F2572A !important; }

.weui-switch,
.weui-switch-cp__box {
  height: 28px !important; }

.weui-switch:after,
.weui-switch-cp__box:after {
  width: 24px !important;
  height: 24px !important; }

.weui-switch:checked:after,
.weui-switch-cp__input:checked + .weui-switch-cp__box:after,
.weui-switch-cp__input[aria-checked="true"] + .weui-switch-cp__box:after {
  transform: translateX(24px) !important; }

.loading-area {
  width: .64rem;
  height: .64rem;
  background: rgba(37, 38, 47, 0.4);
  border-radius: .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  display: none; }
  .loading-area .weui-loading {
    width: 0.22rem;
    height: 0.22rem;
    background-size: 100% 100%; }

.mj-index {
  position: relative; }
  .mj-index .index-top-bg {
    position: absolute;
    width: 100%;
    display: block;
    top: 0;
    left: 0; }
  .mj-index .index-container {
    padding: .68rem .24rem 0; }
    .mj-index .index-container .novel-info {
      position: relative;
      text-align: center;
      margin-bottom: .32rem; }
      .mj-index .index-container .novel-info .poster {
        width: 1.7rem;
        height: 2.4rem;
        display: block;
        margin: 0 auto;
        object-fit: cover;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); }
      .mj-index .index-container .novel-info .name {
        font-size: .24rem;
        color: #25262F;
        font-family: SF-Medium;
        margin: .32rem 0 .12rem;
        line-height: 1; }
      .mj-index .index-container .novel-info .des {
        font-size: .14rem;
        color: #9A9DB2;
        font-family: SF-Regular; }
    .mj-index .index-container .novel-config {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-radius: .12rem;
      background-color: #EEF0F5;
      padding: .15rem 0;
      margin-bottom: .32rem; }
      .mj-index .index-container .novel-config .config-item {
        width: 33.3%;
        text-align: center; }
        .mj-index .index-container .novel-config .config-item * {
          line-height: 1; }
        .mj-index .index-container .novel-config .config-item .label {
          font-family: SF-Regular;
          font-size: .12rem;
          color: #9A9DB2;
          margin-bottom: .08rem; }
        .mj-index .index-container .novel-config .config-item .value {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: .14rem;
          color: #25262F;
          font-family: SF-Medium; }
          .mj-index .index-container .novel-config .config-item .value img {
            width: .14rem;
            display: block;
            margin-right: 3px; }
    .mj-index .index-container .content .title {
      color: #25262F;
      font-family: SF-Medium;
      font-size: .18rem;
      margin-bottom: .1rem; }
    .mj-index .index-container .content .text {
      font-size: .14rem;
      line-height: .24rem;
      color: #25262F;
      font-family: SF-Regular;
      text-align: justify;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4; }
      .mj-index .index-container .content .text p {
        font-size: .14rem;
        line-height: .24rem;
        color: #25262F;
        font-family: SF-Regular;
        text-align: justify;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; }
  .mj-index .primary-btn {
    width: calc(100% - .48rem);
    max-width: calc(390px - .48rem);
    position: fixed;
    bottom: .1rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 10; }
  .mj-index .user-link {
    position: fixed;
    top: .1rem;
    right: .24rem;
    z-index: 10; }
  .mj-index .read-more {
    width: calc(100% + 0.48rem);
    height: 0.64rem;
    padding-bottom: 0.68rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.5) 0%, #f8fafc 100%);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: -0.64rem;
    margin-left: -0.24rem;
    position: relative; }
    .mj-index .read-more p {
      font-size: .14rem;
      color: rgba(223, 91, 53, 0.3);
      font-family: SF-Regular;
      background: linear-gradient(to right, rgba(248, 250, 252, 0.7) 0%, #f8fafc 100%);
      line-height: .24rem;
      width: 50%;
      text-align: right;
      margin-right: .24rem; }

.goback {
  display: block;
  position: absolute;
  left: .24rem;
  top: .24rem;
  z-index: 1000; }
  .goback img {
    width: .2rem;
    height: .2rem;
    display: block; }

.page-title {
  font-size: .18rem;
  color: #25262F;
  font-family: SF-Medium;
  position: absolute;
  top: .2rem;
  left: 50%;
  transform: translate(-50%); }

.footer-link {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: .1rem; }
  .footer-link a {
    font-size: .13rem;
    color: #9A9DB2;
    font-family: SF-Regular;
    margin: 0 .08rem;
    text-decoration: underline; }

.page-bg {
  position: fixed;
  width: 3.8rem;
  height: 3.8rem;
  display: block;
  right: -1rem;
  top: -1.5rem; }

.no-record {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .no-record img {
    height: .5rem;
    display: block;
    margin: 0 auto; }
  .no-record p {
    margin-top: .16rem;
    text-align: center;
    font-family: SF-Regular;
    font-size: .16rem;
    color: #9A9DB2;
    line-height: 1; }

.mj-login {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .3rem;
  width: calc(100% - .6rem);
  height: calc(100vh - .6rem); }
  .mj-login .login-container {
    text-align: center;
    width: 100%; }
    .mj-login .login-container .title {
      font-family: SF-Medium;
      font-size: .22rem;
      color: #25262F;
      margin-bottom: .4rem; }
    .mj-login .login-container .login-type-list a {
      display: flex;
      align-items: center;
      justify-content: center;
      height: .52rem;
      width: 100%;
      position: relative;
      border-radius: .12rem;
      margin-bottom: .2rem; }
      .mj-login .login-container .login-type-list a:last-child {
        margin-bottom: 0; }
      .mj-login .login-container .login-type-list a img {
        position: absolute;
        display: flex;
        width: .2rem;
        left: .16rem;
        top: 50%;
        transform: translate(0, -50%); }
      .mj-login .login-container .login-type-list a p {
        font-size: .16rem;
        color: #fff;
        font-family: SF-Regular; }
    .mj-login .login-container .login-type-list .google {
      background: #fff;
      border: 1px solid #E1E8F1; }
      .mj-login .login-container .login-type-list .google p {
        color: #25262F; }
    .mj-login .login-container .login-type-list .facebook {
      background: #1A77F2;
      border: 1px solid #1A77F2; }
    .mj-login .login-container .login-type-list .twitter {
      background: #1D9BF0;
      border: 1px solid #1D9BF0; }
    .mj-login .login-container .input-item {
      border-radius: .12rem;
      background-color: #fff;
      border: 1px solid #E1E8F1;
      height: .5rem;
      padding: 0 .16rem;
      width: calc(100% - .32rem);
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: .2rem; }
      .mj-login .login-container .input-item input {
        padding: 0;
        background-color: #fff;
        border: none;
        font-size: .16rem;
        font-family: SF-Regular;
        color: #25262F;
        width: 100%; }
        .mj-login .login-container .input-item input::placeholder {
          color: #9A9DB2; }
      .mj-login .login-container .input-item .code-btn {
        width: .72rem;
        height: .3rem;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .14rem;
        color: #fff;
        font-family: SF-Medium;
        background: linear-gradient(90deg, #f2572a 0%, #f2872a 100%);
        flex-shrink: 0; }
    .mj-login .login-container .login-btn {
      width: 100%;
      height: .5rem;
      border-radius: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: SF-Medium;
      font-size: .16rem;
      color: #fff;
      cursor: pointer;
      background: #f2572a;
      box-shadow: 0 0.04rem 0.1rem rgba(223, 91, 53, 0.4);
      border: none;
      margin-top: .48rem; }
    .mj-login .login-container .disabled-btn {
      background: #E3DFDE !important;
      box-shadow: unset; }

.mj-my {
  padding: 0 .24rem .32rem;
  position: relative;
  min-height: calc(100vh - .32rem); }
  .mj-my .coins-count {
    display: flex;
    align-items: center; }
    .mj-my .coins-count img {
      width: .24rem;
      display: block;
      margin-right: .05rem; }
    .mj-my .coins-count p {
      font-size: .18rem;
      color: #25262F;
      font-family: SF-Medium; }
    .mj-my .coins-count .add {
      font-size: .14rem;
      color: #fe8d29;
      margin-left: .1rem; }
  .mj-my .userinfo {
    padding: .4rem 0 .4rem;
    position: relative; }
    .mj-my .userinfo .avatar {
      width: .64rem;
      height: .64rem;
      display: block;
      border-radius: 50%;
      object-fit: cover;
      margin: 0 auto .16rem; }
    .mj-my .userinfo .username {
      font-family: SF-Regular;
      font-size: .18rem;
      color: #25262F;
      text-align: center;
      line-height: 1; }
  .mj-my .coins-area {
    padding: .13rem .16rem;
    background: #fff;
    border-radius: .12rem;
    box-shadow: 0px 4px 8px rgba(140, 144, 148, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative; }
  .mj-my .my-link-list {
    padding-top: .08rem;
    border-top: 1px solid #eaedf0; }
    .mj-my .my-link-list a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: .56rem; }
      .mj-my .my-link-list a p {
        font-size: .16rem;
        color: #25262F;
        font-family: SF-Regular; }
      .mj-my .my-link-list a img {
        width: .07rem;
        display: block; }
  .mj-my .history-list {
    padding-top: .6rem;
    position: relative; }
    .mj-my .history-list .history-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: .72rem;
      border-bottom: 1px solid #eaedf0; }
      .mj-my .history-list .history-item .title,
      .mj-my .history-list .history-item .count {
        font-family: SF-Regular;
        font-size: .16rem;
        color: #25262F; }
      .mj-my .history-list .history-item .des {
        font-size: .14rem;
        color: #9A9DB2;
        font-family: SF-Regular; }
    .mj-my .history-list .faq-item {
      margin-bottom: .28rem; }
      .mj-my .history-list .faq-item:first-child {
        padding-top: .1rem; }
      .mj-my .history-list .faq-item a {
        color: #F2572A !important; }
      .mj-my .history-list .faq-item .question {
        font-size: .16rem;
        line-height: 1.2;
        color: #25262F;
        font-family: SF-Regular; }
        .mj-my .history-list .faq-item .question * {
          font-size: .16rem;
          line-height: 1.2;
          color: #25262F;
          font-family: SF-Regular; }
      .mj-my .history-list .faq-item .answer {
        margin-top: .1rem;
        font-size: .16rem;
        line-height: 1.2;
        color: #9A9DB2;
        font-family: SF-Regular; }
        .mj-my .history-list .faq-item .answer * {
          font-size: .16rem;
          line-height: 1.2;
          color: #9A9DB2;
          font-family: SF-Regular; }
  .mj-my .get-coins-container {
    position: relative;
    padding-top: .2rem; }
    .mj-my .get-coins-container .coins-count {
      justify-content: flex-end; }
    .mj-my .get-coins-container .page-title-area {
      padding: .16rem 0 .36rem;
      text-align: center; }
      .mj-my .get-coins-container .page-title-area .title {
        font-size: .22rem;
        color: #25262F;
        font-family: SF-Medium; }
      .mj-my .get-coins-container .page-title-area .des {
        font-family: SF-Regular;
        font-size: .14rem;
        color: #9A9DB2; }
    .mj-my .get-coins-container .pay-type {
      margin-bottom: .4rem;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .mj-my .get-coins-container .pay-type .type-item {
        width: calc(50% - .1rem);
        height: .54rem;
        border-radius: .12rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        border: 1px solid #e1e8f1;
        background: #fff; }
        .mj-my .get-coins-container .pay-type .type-item .logo {
          height: .22rem;
          display: block; }
        .mj-my .get-coins-container .pay-type .type-item .checked {
          position: absolute;
          width: .16rem;
          right: .08rem;
          bottom: .08rem;
          display: none; }
      .mj-my .get-coins-container .pay-type .type-item-on .checked {
        display: block; }
      .mj-my .get-coins-container .pay-type .stripe.type-item-on {
        border: 1px solid #635bff; }
      .mj-my .get-coins-container .pay-type .paypal.type-item-on {
        border: 1px solid #2790c3; }
    .mj-my .get-coins-container .pay-coins-area .title {
      font-size: .14rem;
      color: #9A9DB2;
      font-family: SF-Regular; }
    .mj-my .get-coins-container .pay-coins-area .pay-coins-list .pay-coins-item {
      background: #fff;
      box-shadow: 0px 4px 8px rgba(140, 144, 148, 0.06);
      border-radius: .12rem;
      border: 1px solid #fff;
      padding: .14rem .16rem;
      margin-top: .14rem;
      display: block; }
      .mj-my .get-coins-container .pay-coins-area .pay-coins-list .pay-coins-item .item-config {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .mj-my .get-coins-container .pay-coins-area .pay-coins-list .pay-coins-item .item-config .price-area {
          display: flex;
          align-items: center; }
          .mj-my .get-coins-container .pay-coins-area .pay-coins-list .pay-coins-item .item-config .price-area .old-price {
            font-size: .14rem;
            color: #9A9DB2;
            font-family: SF-Medium;
            margin-right: .1rem;
            text-decoration: line-through; }
      .mj-my .get-coins-container .pay-coins-area .pay-coins-list .pay-coins-item .item-text {
        display: flex;
        align-items: center;
        margin-bottom: .1rem; }
        .mj-my .get-coins-container .pay-coins-area .pay-coins-list .pay-coins-item .item-text .des {
          font-family: SF-Medium;
          font-size: .16rem;
          color: #955819; }
        .mj-my .get-coins-container .pay-coins-area .pay-coins-list .pay-coins-item .item-text .save {
          color: #fff;
          font-size: .12rem;
          font-family: SF-Medium;
          padding: 3px 5px;
          line-height: 1;
          border-radius: 50px;
          background: #0e9fff;
          margin-left: .1rem; }
    .mj-my .get-coins-container .pay-coins-area .pay-coins-list .save-item {
      background: #fefcf5;
      border: 1px solid #ffe9d0; }

.auto-unlock-area {
  padding: .36rem 0 .26rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .auto-unlock-area .left-area .title {
    font-size: .16rem;
    font-family: SF-Regular;
    color: #25262F; }
  .auto-unlock-area .left-area .des {
    font-family: SF-Regular;
    font-size: .14rem;
    color: #9A9DB2; }

.mj-detail {
  height: 100vh;
  position: relative; }
  .mj-detail .detail-top-area {
    background: #fff;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 1000;
    width: 100%;
    max-width: 3.9rem;
    display: none;
    height: .52rem;
    /* &>div{
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: calc(100% - .48rem);
      padding: 0 .24rem;
      height: .52rem;
      position: relative;
    }*/ }
    .mj-detail .detail-top-area .goback {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%); }
    .mj-detail .detail-top-area .user-link {
      background: #ece9e8;
      position: absolute;
      right: .24rem;
      top: 50%;
      transform: translate(0, -50%); }
    .mj-detail .detail-top-area .chapter-name {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: .18rem;
      color: #25262F;
      font-family: SF-Medium;
      max-width: calc(100% - 1.2rem);
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  .mj-detail .detail-container {
    padding: 0 .3rem;
    width: calc(100% - .6rem);
    height: 100%;
    overflow: scroll; }
    .mj-detail .detail-container .chapter {
      padding: .34rem 0; }
      .mj-detail .detail-container .chapter .locked-area {
        display: none; }
    .mj-detail .detail-container .title {
      margin-bottom: .34rem;
      font-family: SF-Regular;
      font-weight: bold;
      font-size: .24rem;
      color: #25262F; }
    .mj-detail .detail-container .content {
      font-size: .18rem;
      color: #25262F;
      font-family: SF-Regular;
      line-height: 1.5; }
      .mj-detail .detail-container .content * {
        font-size: .18rem;
        color: #25262F;
        font-family: SF-Regular;
        line-height: 1.5; }
      .mj-detail .detail-container .content p {
        margin-bottom: .1rem; }
    .mj-detail .detail-container .locked-chapter {
      min-height: calc(100vh - .5rem); }
      .mj-detail .detail-container .locked-chapter .locked-area {
        width: 100%;
        height: 2.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .mj-detail .detail-container .locked-chapter .locked-area .locked-area-bg {
          position: absolute;
          content: '';
          width: 100%;
          height: 1.2rem;
          background: linear-gradient(180deg, rgba(248, 250, 252, 0.3) 0%, #f8fafc 100%);
          top: -1rem;
          left: 0; }
        .mj-detail .detail-container .locked-chapter .locked-area > div {
          width: 100%; }
.mj-detail .detail-container .locked-chapter .locked-area .locked-des {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mj-detail .detail-container .locked-chapter .locked-area .locked-des img {
  width: .16rem;
  display: block;
  margin-right: .1rem; }
.mj-detail .detail-container .locked-chapter .locked-area .locked-des p {
  color: #25262F;
  font-size: .16rem;
  font-family: SF-Regular; }
.mj-detail .detail-container .locked-chapter .locked-area .primary-btn {
  margin: .24rem auto;
  width: 100%;
  height: .54rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mj-detail .detail-container .locked-chapter .locked-area .primary-btn .btn-title{
  text-align: center;
  font-size: .16rem;
  color: #fff !important;
  font-family: SF-Medium;
  line-height: 1 !important;
}
.mj-detail .detail-container .locked-chapter .locked-area .primary-btn .btn-des{
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.8) !important;
  font-size: .14rem;
  line-height: 1 !important;
  margin-top: 3px;
}
.mj-detail .detail-container .locked-chapter .locked-area .unlock-full-btn{
  background: rgba(14, 159, 255, 1);
  box-shadow: 0 8px 16px rgba(14, 159, 255, 0.4);
}
.mj-detail .detail-container .locked-chapter .locked-area .unlock-full-btn .btn-des span{
  text-decoration: line-through;
  margin-left: 5px;
}
.mj-detail .detail-container .locked-chapter .locked-area .primary-btn img {
  width: .18rem;
  margin: 0 5px; }
.mj-detail .detail-container .locked-chapter .locked-area .auto-unlock-area {
  margin-top: .32rem;
  border-top: 1px solid #e6e9ed;
  padding: .2rem 0 0; }
.mj-detail .detail-container .locked-chapter .locked-area .auto-unlock-area .title {
  color: #9A9DB2;
  margin: 0;
  font-size: .14rem;
  font-family: SF-Regular; }
  .mj-detail .detail-bottom-area {
    background: #fff;
    width: 100%;
    max-width: 3.9rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 100;
    border-radius: .12rem .12rem 0 0;
    display: none; }
    .mj-detail .detail-bottom-area .bottom-nav-list {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .mj-detail .detail-bottom-area .bottom-nav-list a {
        width: 25%;
        height: .65rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        .mj-detail .detail-bottom-area .bottom-nav-list a img {
          display: block;
          height: .2rem; }
        .mj-detail .detail-bottom-area .bottom-nav-list a .checked {
          display: none; }
      .mj-detail .detail-bottom-area .bottom-nav-list .bottom-nav-on .checked {
        display: block; }
      .mj-detail .detail-bottom-area .bottom-nav-list .bottom-nav-on .not-check {
        display: none; }
  .mj-detail .catalog-dialog {
    width: calc(100% - .8rem);
    max-width: 3.1rem;
    height: 100vh;
    background: #fff;
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 1000;
    transition: left 600ms; }
    .mj-detail .catalog-dialog .catalog-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: .8rem;
      padding: 0 .2rem; }
      .mj-detail .catalog-dialog .catalog-head .title {
        font-family: SF-Medium;
        font-size: .18rem;
        color: #25262F;
        line-height: 1; }
      .mj-detail .catalog-dialog .catalog-head .des {
        color: #9A9DB2;
        font-size: .12rem;
        font-family: SF-Regular; }
      .mj-detail .catalog-dialog .catalog-head .sort {
        display: block; }
        .mj-detail .catalog-dialog .catalog-head .sort img {
          display: block;
          width: .16rem; }
      .mj-detail .catalog-dialog .catalog-head .negative-sort img {
        transform: rotateX(180deg); }
    .mj-detail .catalog-dialog .chapter-list {
      padding: 0 .2rem;
      height: calc(100% - .8rem);
      overflow: scroll; }
      .mj-detail .catalog-dialog .chapter-list .chapter-item {
        height: .48rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer; }
        .mj-detail .catalog-dialog .chapter-list .chapter-item .left-area {
          display: flex;
          align-items: center;
          width: calc(100% - .2rem); }
          .mj-detail .catalog-dialog .chapter-list .chapter-item .left-area p {
            font-family: SF-Regular;
            font-size: .16rem;
            color: #25262F; }
          .mj-detail .catalog-dialog .chapter-list .chapter-item .left-area .number {
            margin-right: .12rem; }
        .mj-detail .catalog-dialog .chapter-list .chapter-item .lock {
          width: .16rem;
          display: block;
          flex-shrink: 0; }
  .mj-detail .mask {
    display: none;
    width: 100vw;
    height: 100vh;
    max-width: 3.9rem;
    position: fixed;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    z-index: 100;
    background: rgba(37, 38, 47, 0.16); }
  .mj-detail .bottom-tab-item {
    display: none; }
  .mj-detail .bottom-tab-item-on {
    display: block !important; }
  .mj-detail .bg-list {
    padding: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .mj-detail .bg-list .bg-item {
      width: .42rem;
      height: .42rem;
      border-radius: 50%;
      border: 1px solid rgba(37, 38, 47, 0.1);
      display: flex;
      align-items: center;
      justify-content: center; }
      .mj-detail .bg-list .bg-item img {
        display: none;
        width: .15rem; }
      .mj-detail .bg-list .bg-item:nth-child(1) {
        background: #F8FAFC; }
      .mj-detail .bg-list .bg-item:nth-child(2) {
        background: #D4CBBE; }
      .mj-detail .bg-list .bg-item:nth-child(3) {
        background: #B4DFB9; }
      .mj-detail .bg-list .bg-item:nth-child(4) {
        background: #838594; }
      .mj-detail .bg-list .bg-item:nth-child(5) {
        background: #000000; }
    .mj-detail .bg-list .bg-item-on img {
      display: block; }
  .mj-detail .article-slider-area {
    padding: .24rem .3rem; }
    .mj-detail .article-slider-area .chapter-name {
      margin-bottom: .24rem;
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-family: SF-Regular;
      font-size: .14rem;
      color: #25262F; }
    .mj-detail .article-slider-area .age-slider-area {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .mj-detail .article-slider-area .age-slider-area .add-btn,
      .mj-detail .article-slider-area .age-slider-area .reduce-btn {
        display: block;
        height: .16rem;
        flex-shrink: 0;
        cursor: pointer; }
  .mj-detail .range-bar {
    width: calc(100% - .78rem);
    height: 2px;
    background: #E9E9EA; }
  .mj-detail .range-quantity {
    background: #25262F; }
  .mj-detail .range-handle {
    width: 16px;
    height: 16px;
    background: #25262F;
    box-shadow: unset;
    top: -7px; }
  .mj-detail .font-setting-area {
    padding: .24rem .3rem; }
    .mj-detail .font-setting-area .fontsize-setting-area .range-bar {
      width: 100%; }
    .mj-detail .font-setting-area .fontsize-setting-area .fontsize-top {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      margin-bottom: .14rem; }
      .mj-detail .font-setting-area .fontsize-setting-area .fontsize-top p {
        color: #25262F;
        font-family: SF-Regular;
        font-size: .16rem;
        line-height: 1; }
        .mj-detail .font-setting-area .fontsize-setting-area .fontsize-top p:last-child {
          font-size: .2rem; }
    .mj-detail .font-setting-area .fontsize-setting-area .fontsize-slider-area {
      position: relative; }
      .mj-detail .font-setting-area .fontsize-setting-area .fontsize-slider-area .line {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        top: -2px; }
        .mj-detail .font-setting-area .fontsize-setting-area .fontsize-slider-area .line p {
          width: 2px;
          height: 6px;
          background: #E9E9EA; }
    .mj-detail .font-setting-area .fontFamily-setting-area {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: .38rem 0; }
      .mj-detail .font-setting-area .fontFamily-setting-area .fontFamily-item {
        text-align: center;
        cursor: pointer; }
        .mj-detail .font-setting-area .fontFamily-setting-area .fontFamily-item p {
          font-size: .28rem;
          color: #9A9DB2;
          line-height: 1; }
          .mj-detail .font-setting-area .fontFamily-setting-area .fontFamily-item p:last-child {
            font-size: .12rem; }
      .mj-detail .font-setting-area .fontFamily-setting-area .default-family p {
        font-family: SF-Regular; }
      .mj-detail .font-setting-area .fontFamily-setting-area .serif-family p {
        font-family: PT-Serif; }
      .mj-detail .font-setting-area .fontFamily-setting-area .roboto-family p {
        font-family: Roboto-Regular; }
      .mj-detail .font-setting-area .fontFamily-setting-area .fontFamily-item-on p {
        color: #25262F; }
    .mj-detail .font-setting-area .lineHeight-setting-area {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .mj-detail .font-setting-area .lineHeight-setting-area .lineHeight-item {
        width: calc(33.3% - .14rem);
        height: .4rem;
        border-radius: .12rem;
        border: 1px solid rgba(37, 38, 47, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        .mj-detail .font-setting-area .lineHeight-setting-area .lineHeight-item img {
          height: .2rem;
          display: block; }
      .mj-detail .font-setting-area .lineHeight-setting-area .lineHeight-item-on {
        border-color: #282828; }

.add-desktop-dialog {
  padding: 24px;
  background-color: #fff;
  border-radius: .12rem;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: none; }
  .add-desktop-dialog .title {
    font-size: .16rem;
    color: #25262F;
    font-family: SF-Medium; }
  .add-desktop-dialog .des {
    font-family: SF-Regular;
    font-size: .14rem;
    color: #9A9DB2; }
  .add-desktop-dialog .icon-list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .14rem;
    border-radius: .12rem;
    margin: .24rem 0;
    background: linear-gradient(135deg, #f6f6f8 0%, #ebebef 100%); }
    .add-desktop-dialog .icon-list .icon-item {
      width: .4rem;
      margin-right: .12rem;
      cursor: pointer; }
      .add-desktop-dialog .icon-list .icon-item:last-child {
        margin-right: 0; }
      .add-desktop-dialog .icon-list .icon-item .arrow {
        width: .18rem;
        display: block;
        margin: 0 auto .08rem;
        opacity: 0; }
      .add-desktop-dialog .icon-list .icon-item .icon {
        width: .4rem;
        height: .4rem;
        display: block;
        object-fit: cover; }
    .add-desktop-dialog .icon-list .icon-item-on .arrow {
      opacity: 1; }
  .add-desktop-dialog .add-desktop-btn {
    height: .44rem; }
  .add-desktop-dialog .close-btn {
    width: .42rem;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10; }

@media screen and (min-width: 600px) {
  .mj-index .user-link {
    left: calc(50% + 300px - .56rem);
    right: unset; } }
body .weui-loading {
  background: transparent url("../images/loading-new.png") no-repeat;
  width: .22rem !important;
  height: .22rem !important;
  font-size: .22rem !important;
  background-size: 100% 100% !important;
  animation: spin 1.5s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.toptips {
  border-radius: .12rem;
  font-size: .16rem;
  font-family: SF-Medium;
  position: fixed;
  top: .1rem;
  left: 50%;
  transform: translate(-50%);
  z-index: 9999;
  padding: .14rem .26rem;
  max-width: calc(90% - .52rem);
  width: fit-content;
  line-height: 1;
  display: none;
  background-color: rgb(235, 248, 238);
  color: rgb(58, 190, 78); }

.error-toptips {
  background-color: rgb(255, 229, 230);
  color: rgb(255, 2, 2); }

.dialog {
  position: fixed;
  background-color: rgba(37, 38, 47, 0.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  display: none; }
  .dialog .dialog-container {
    padding: .24rem;
    width: calc(100% - .48rem - .48rem);
    background-color: #fff;
    border-radius: .12rem;
    position: fixed;
    left: .24rem;
    top: 50%;
    transform: translate(0, -50%); }
    .dialog .dialog-container .dialog-close {
      width: .42rem;
      height: .42rem;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0; }
    .dialog .dialog-container .title {
      text-align: center;
      color: #25262F;
      font-size: .16rem;
      font-family: SF-Medium; }
    .dialog .dialog-container .price {
      text-align: center;
      color: #F2572A;
      font-size: .24rem;
      font-family: SF-Medium;
      margin: .2rem 0;
      line-height: 1; }
    .dialog .dialog-container .form-area .form-area-title {
      font-family: SF-Regular;
      font-size: .14rem;
      color: #9A9DB2;
      margin-bottom: .12rem; }
    .dialog .dialog-container .form-area .primary-btn {
      width: calc(100% - .64rem);
      height: .44rem;
      margin: .24rem auto .1rem; }
    .dialog .dialog-container .form-area .des {
      text-align: center;
      font-size: .14rem;
      color: #9A9DB2;
      font-family: SF-Regular; }
    .dialog .dialog-container .form-area .card {
      width: 100%;
      height: 1.2rem;
      background-color: #9A9DB2; }

    /*小说列表*/
.novel-list-page{
  padding-top: .6rem;
}
 .novel-list-page .page-top{
      height: .6rem;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
 .list-page-title{
   text-align: center;
   font-size: .18rem;
   color: #25262F;
   font-family: SF-Medium;
 }
 .list-page-user{
   width: .32rem;
   height: .32rem;
   display: block;
   position: absolute;
   right: .24rem;
   top: calc(50% - .16rem);
 }
.list-page-user img{
  width: 100%;
  height: 100%;
  display: block;
}
.discover-area{
  padding: .24rem 0 .3rem;
}
.card-title{
  font-size: .18rem;
  color: #25262F;
  font-family: SF-Medium;
  padding: 0 .24rem;
}
.discover-list{
  display: flex;
  align-items: flex-start;
  overflow: scroll;
  margin-top: .2rem;
}
.discover-list .discover-item{
  width: 1rem;
  flex-shrink: 0;
  margin-left: .15rem;
}
.discover-list .discover-item:first-child{margin-left: .24rem;}
.discover-list .discover-item:last-child{margin-right: .24rem;}
.discover-list .discover-item img{
  width: 1rem;
  height: 1.4rem;
  display: block;
  object-fit: cover;
  margin-bottom: .1rem;
}
.discover-list .discover-item .name{
  font-size: .14rem;
  color: #25262F;
  font-family: SF-Medium;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.discover-list::-webkit-scrollbar{display: none;}
.newest-area{
  padding: .26rem 0;
  background-color: #fff;
}
.newest-list{padding: 0 .24rem;}
.newest-list .newest-item{
  display: flex;
  align-items: center;
  padding: .16rem 0;
  border-bottom: 1px solid rgba(234, 237, 240, 1);
}
.newest-list .newest-item .poster{
  width: .7rem;
  height: .96rem;
  display: block;
  flex-shrink: 0;
  margin-right: .16rem;
}
.newest-list .newest-item .right-item{
  width: calc(100% - .86rem);
}
.newest-list .newest-item .right-item .name{
  font-family: SF-Medium;
  font-size: .16rem;
  color: #25262F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newest-list .newest-item .right-item .author{
  font-size: .14rem;
  color: #9A9DB2;
  font-family: SF-Regular;
  margin: .04rem 0 .14rem;
}
.newest-list .newest-item .right-item .score{
  display: flex;
  align-items: center;
  font-size: .14rem;
  color: #25262F;
  font-family: SF-Medium;
}
.newest-list .newest-item .right-item .score img{
  width: .14rem;
  display: block;
  margin-right: .04rem;
}
.read-on-area{
  display: flex;
  align-items: center;
  background-color: #F2572A;
  border-radius: 50px;
  padding: .06rem .12rem .06rem .06rem;
  box-shadow: 0 4px 8px rgba(223, 91, 53, 0.4);
  position: fixed;
  bottom: .58rem;
  right: .24rem;
}
.read-on-area img{
  width: .32rem;
  height: .32rem;
  border-radius: 50%;
  display: block;
  object-fit: cover;
  margin-right: .06rem;
  border: 1px solid #fff;
}
.read-on-area p{
  font-family: SF-Medium;
  font-size: .14rem;
  color: #fff;
}

.collect-tips{
  font-size: .16rem;
  color: #fff;
  font-family: SF-Medium;
  padding: .14rem .16rem;
  border-radius: .12rem;
  background-color: rgba(2, 2, 2, 0.8);
  position: fixed;
  top: .15rem;
  right: .08rem;
  z-index: 1000;
  line-height: 1;
  display: none;
}
.collect-tips:after{
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: .05rem solid transparent;
  border-bottom-color: rgba(2, 2, 2, 0.8);
  bottom: 100%;
  right: .15rem;
}
.android-collect-tips{
  top: unset;
  bottom: .15rem;
}
.android-collect-tips:after{
  border-top-color: rgba(2, 2, 2, 0.8);
  top: 100%;
  bottom: unset;
  border-bottom-color: unset;
  right: .55rem;
}
.go-fb{
  margin: .24rem auto .1rem;
  background: linear-gradient(270deg, rgba(24, 119, 242, 1) 0%, rgba(24, 119, 242, 1) 100%);
  padding: .06rem .12rem .06rem .06rem;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.go-fb img{
  width: .24rem;
  height: .24rem;
  display: block;
  margin-right: .05rem;
}
.go-fb p{
  font-size: .14rem;
  color: #fff;
  font-family: SF-Medium;
}


.dialog .pay-type .type-item {
  margin-bottom: .16rem;
  width: 100%;
  height: .54rem;
  border-radius: .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  border: 1px solid #e1e8f1;
  background: #fff; }
.dialog .pay-type .type-item .logo {
  height: .22rem;
  display: block; }
.dialog .pay-type .type-item .checked {
  position: absolute;
  width: .16rem;
  right: .08rem;
  bottom: .08rem;
  display: none; }
.dialog .pay-type .pay-type-area-on .type-item .checked {
  display: block; }
.dialog .pay-type .pay-type-area-on.stripe .type-item {
  border: 1px solid #635bff; }
.dialog .pay-type .pay-type-area-on.paypal .type-item {
  border: 1px solid #2790c3; }
.dialog .pay-type .pay-type-area .order-input-list{display: none;}
.dialog .pay-type .pay-type-area-on .order-input-list{display: block;}

.mj-login .container{width: 100%;}
.other-type-container{
  margin-top: 1rem;
}
.or{
  position: relative;
  width: fit-content;
  margin: 0 auto;
  font-size: .14rem;
  color: rgba(180, 191, 205, 1);
}
.or:before,.or:after{
  position: absolute;
  content: '';
  width: .48rem;
  height: 1px;
  background-color: rgba(225, 232, 241, 1);
  top: 50%;
  transform: translate(0,-50%);
  left: -.58rem;
}
.or:after{
  right: -.58rem;
  left: unset;
}
.other-type-list{
  margin-top: .1rem;
}
.other-type-item{
  width: calc(100% - 2px);
  height: .5rem;
  border-radius: .12rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .2rem;
  background-color: #fff;
  border: 1px solid #E1E8F1;
  cursor: pointer;
}
.other-type-item p{
  font-size: .16rem;
  color: #25262F;
  line-height: 1;
}
.other-type-item img{
  position: absolute;
  width: .2rem;
  height: .2rem;
  display: block;
  left: .14rem;
  top: calc(50% - .1rem);
}
.facebook-item{
  background-color: #1A77F2;
  border-color: #1A77F2;
}
.facebook-item p{color: #fff;}
.bind-item{
  justify-content: space-between;
  padding: 0 .14rem;
  width: calc(100% - 2px - .28rem);
  background: transparent;
}
.bind-item .left-item{
  display: flex;
  align-items: center;
}
.bind-item .left-item img{
  position: relative;
  left: unset;
  top: unset;
  margin-right: .1rem;
}
.bind-item .left-item .des{
  font-size: .12rem;
  color: rgba(154, 157, 178, 1);
  margin-top: 3px;
}
.bind-item .right-item{
  width: .74rem;
  height: .3rem;
  border-radius: 50px;
  border: 1px solid #F2572A;
  color: #F2572A;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .14rem;
  cursor: pointer;
}
/*# sourceMappingURL=index.css.map */