@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "SFProText";
  src: url("../fonts/SanFranciscoText-Medium.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SFProText-Medium";
  src: url("../fonts/SanFranciscoText-Medium.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SFProText-Semibold";
  src: url("../fonts/SanFranciscoText-Semibold.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SFProText-Regular";
  src: url("../fonts/SanFranciscoText-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SFProText-Bold";
  src: url("../fonts/SanFranciscoText-Bold.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Medium";
  src: url("../fonts/Gilroy-Medium-2.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Regular";
  src: url("../fonts/gilroy-regular-3.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Bold";
  src: url("../fonts/gilroy-bold-4.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Black";
  src: url("../fonts/gilroy-black-6.otf");
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: SFProText-Medium, SFProText, -apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,Segoe UI,PingFang SC,Microsoft Yahei,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.body{
  color: #212121;
  padding: 0;
  margin: 0;
}
.overflow-h{
  position: fixed;
  overflow: hidden;
  left: 0;
  right: 0;
}
h1{
  margin: 0;
  padding: 0;
}
.clearfix::after, .clearfix::before {
  content: ' ';
  display: table
}
.icon, .icon-before:before, .icon-after:after{
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.icon-before:before, .icon-after:after{
  content: '';
}
.icon.common, .icon-before.common:before, .icon-after.common:after{
  background-image: url("../image/icons.png?t=1658114414594");
}
.icon.webp, .icon-before.webp:before, .icon-after.webp:after{
  background-image: url("../image/icons.webp?t=1658114414594");
}
.no-padding {
  padding: 0 !important;
}
/* seo logo */
.seo-logo {
  width: 0;
  height: 0;
  overflow: hidden;
}
.clearfix::after {
  clear: both
}
*, *::before, *::after {
  box-sizing: border-box;
  letter-spacing: normal;
}
menu, ol, ul {
  list-style: none outside none
}
input,input:focus,button,textarea{
  outline: 0;
  border: 0 solid;
  background: transparent;
}
button{
  cursor: pointer;
}
h2,p,ul{
  margin: 0;
  padding: 0;
}
a{
  color: #212121;
}
a,a:hover{
  text-decoration: none;
  cursor: pointer;
}
span {
  font-size: 12px;
}
.color-lighter{
  color: #aeaeae;
}
.color-helper{
  color: #CACACA;
}
.ov-hidden{
  overflow: hidden;
}
.relative {
  position: relative;
}
.overflow-2{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.overflow-3{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.text-center{
  text-align: center;
}
.cursor-pointer{
  cursor: pointer;
}
.show{
  display: block !important;
}
.hide{
  display: none !important;
}
.p-relative{
  position: relative;
}
.float-left{
  float: left !important;
}
.float-right {
  float: right !important;
}
.flex{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-dire-column{
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.text-overflow{
  overflow: hidden;
}
.liner-gray{
  background: -webkit-linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0));
  background: -moz-linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0));
  background: -ms-linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0));
  background: linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0));
}
.search-box .input-search {
  color: #303133;
}
.container-nav {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0 1px 0 0 #F0F2F5;
}
.container-nav .line, .render-container-nav .line {
  position: absolute;
  width: 14px;
  height: 3px;
  background: #07BEB8;
  bottom: 0;
  border-radius: 1px;
}
.container-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.container-nav ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
}
.container-nav ul li a{
  color: #A0A3A8;
}
.container-nav ul li:hover a {
  color: #5a5b5f;
}
.container-nav ul li.active-tab a {
  color: #303133;
}
.container-nav ul li:last-child {
  margin-right: 0;
}
.container-nav ul li a {
  text-decoration: none;
  display: block;
  font-size: 16px;
  font-family: SFProText-Bold, SFProText;
  font-weight: bold;
}
/*serverHeader.html*/
.downbar{
  width: 100%;
}
/*empty.html*/
.btn-home{
  display: block;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}
.empty-page p{
  word-break: break-all;
  margin-top: 20px;
}

/*editor.html*/
.pager-editor main{
  color: #332926;
}
.image-box{
  position: relative;
  width: 100%;
}
.box{
  position: absolute;
  width: 100%;
  margin: 0 auto;
  line-height: 1.5;
}
.top-box{
  bottom: 0;
  text-align: center;
}
.copy-line{
  /*text-align: right;*/
}
.copy-line .icon-copy{
  display: inline-block;
  vertical-align: middle;
  background: url("../image/all/ico_copy.png") no-repeat;
  background-size: contain;
}
.require-box ul{
  position: absolute;
  top: 2.5rem;
  left: 15%;
  width: 70%;
}
.require-box li{
  line-height: 1.5;
  position: relative;
}
.require-box li:before{
  position: absolute;
  left: 0;
  content: '';
  background: url("../image/all/ico_point.png") no-repeat;
  background-size: contain;
}
.bottom-box{
  top: 0;
  text-align: center;
}
.bottom-box div:last-child{
  color: #807774;
}
.color-pink{
  color: #d98fb8;
}

#cookies_popup_container {
  display: none;
}
.btn{
  display: inline-block;
  vertical-align: middle;
}
.slider-wrapper .bx-wrapper{
  background: transparent;
  box-shadow: 0 0 0;
  border: 0;
}
.slider-wrapper a{
  z-index: 1000;
  display: inline-flex;
  align-items: center;
}
.home-header, .mobile-header, .read-header{
  background-size: cover;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  overflow: hidden;
}
.mobile-header{
  color: #fff;
}
.home-header .header-left, .home-header .header-right{
  white-space: nowrap;
  display: inline-block;
  font-size: 0;
}
.upspree-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*导航 start*/
.navbar a, .contributor{
  display: inline-block;
  color: #A0A3A8;
  font-weight: 500;
}
/*导航end*/

/*lang start*/
.language{
  display: none; /*todo 上线时把注释放开*/
  line-height: 2;
}
.language-show{
  display: inline-block;
}
.language-show .lang-top:after, .j-contri.active .contri-top:after{
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
.language-show .lang-bottom, .j-contri.active .contri-bottom{
  display: block;
}
.lang-top{
  color: #fff;
}
.lang-bottom,.contri-bottom{
  text-align: center;
  position: absolute;
  background: #fff;
  display: none;
}
.contri-bottom li{
  color: #212121;
}
/*search box*/
.form-inline {
  display: inline-block;
}
.form-control{
  color: #A0A3A8;
  height: 100%;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control::-webkit-input-placeholder{
  color: #fff;
  opacity: 1;
}
.form-control::-moz-placeholder{
  color: #fff;
  opacity: 1;
}
.form-control:-ms-input-placeholder{
  color: #fff;
  opacity: 1;
}
.form-control::placeholder{
  color: #fff;
  opacity: 1;
}
/*search end*/

/*轮播图start*/
.swiper-container {
  --swiper-pagination-color: #303133;
}
.swiper-container .swiper-pagination-bullet {
  width: 12px;
  height: 2px;
  display: inline-block;
  border-radius: 0;
  background: #000;
  opacity: .2;
}
.swiper-container .swiper-pagination-bullet-active {
  background: #303133;
  opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1px;
}
.swiper-container .swiper-slide.swiper-slide-active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 52%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%)
}
.swiper-container .swiper-book-cat {
  display: none;
}
.swiper-container .swiper-slide-active .swiper-book-cat {
  display: block;
  position: absolute;
  bottom: 38px;
  left: 0;
  padding: 0 16px;
  z-index: 2;
}
.swiper-container .swiper-book-cat span {
  display: inline-block;
  padding: 0 4px;
  margin-right: 2px;
  height: 18px;
  background: #303133;
  border-radius: 2px;
  font-size: 8px;
  font-family: SFProText-Semibold, SFProText;
  font-weight: 600;
  color: #FFFFFF;
}
.swiper-container .swiper-book-desc {
  display: none;
}
.swiper-container .swiper-slide-active .swiper-book-desc {
  display: block;
  position: absolute;
  bottom: 16px;
  left: 0;
  padding: 0 16px;
  width: 100%;
  height: 18px;
  font-size: 12px;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #606266;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 2;
}
.carousel{
  position: relative;
  overflow: hidden;
}
/*轮播图end*/
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

/*main start*/
.buyer-bonus{
  display: none;
  position: fixed;
  z-index: 97;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../image/contri/img_1st_bonus.png');
}
.buyer-bonus-entry,.buyer-bonus-close{
  position: absolute;
}
section h2, section h5 {
  font-weight: bold;
}
section h2{
  line-height: 1.2;
}
section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section .pure-g h5{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
section p{
  font-size: 12px;
  font-family: SFProText-Regular, SFProText;
  font-weight: 400;
  color: #A0A3A8;
  line-height: 14px;
}
section .pure-g p{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
section .label{
  position: absolute;
  color: #FFFFFF;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  font-family: SFProText-Semibold, SFProText;
  font-weight: 600;
}
section .excuslue{
  background: #07BEB8;
}
section .up{
  background: rgba(0, 0, 0, 0.4);
}
section .new{
  color: #07BEB8;
  background-color: #000;
}
.genres-comic-mask {
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.chapter-item-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.theme-top__text{
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.theme-top h5,.theme-top p{
  color: #fff;
}
.eyes-bg{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  color: #fff;
  text-align: right;
  padding-top: 20%;
}
.icon-toggle{
  -webkit-transition: transform .3s linear;
  transition: transform .3s linear;
}
span.hot-watch:before{
  position: relative;
  bottom: 1px;
}
.theme-bottom{
  font-size: 0;
  margin-left: -10px;
  display: inline-table;
}
.theme-bottom a{
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
}
/*footer*/
footer a, footer a:hover {
  font-weight: bold;
}
footer .copyright i {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #ffffff;
}
footer .copyright p {
  margin-bottom: 0;
  color: #bdbdbd;
}
/*endfotter*/

/*render.html*/
.pager-render .btn-favorite, .pager-render .btn-favorite>a {
  font-size: 0;
}
.chapter-contents .chapter-item-cover {
  position: relative;
}
.isLocked::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url('../image/ic_lock.png');
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.unLocked::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px 0 4px 0;
  background-image: url('../image/ic_unlock.png');
  background-size: 14px 14px;
  background-position: center;
  background-repeat: no-repeat;
}
/*common css*/
.color-help{
  color: #959595;
}
.color-warn{
  color: #db6a68;
}
.card-left img{
  width: 100%;
  height: 100%;
}
.card-right small:before{
  position: relative;
  top: -2px;
}
.book-detail .tab-wrap a{
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
}
.similar-book .pure-g>div{
  position: relative;
}
.comments li:nth-of-type(n+6){
  display: none;
}
.comments .comment-info>div{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.comment-info .comment-name{
  font-weight: bold;
}
.comment-info .comment-other{
  color: #959595;
}
.pager-read .comment-other{
  position: relative;
}
.lasttest-comments em{
  font-style: normal;
}
.lasttest-comments p.user-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.comment-replay{
  background-color: #f8f8f8;
  width: 100%;
}
.comment-content{
  word-break: break-all;
}
.comment-tag .tag-box, .description-tag li{
  display:inline-block;
  border: 1px solid #9fa8da;
  cursor: pointer;
}
.description-tag li:hover, .comment-tag .tag-box:hover{
  border-color: #07BEB8;
}
.description-tag li:hover a, .comment-tag .tag-box:hover a{
  color: #07BEB8;
}
.comment-tag .tag-box a, .description-tag li a{
  color: #9fa8da;
  display: inline-block;
}
.replay-text{
  color: #6c6c6c;
}
.chapter .chapter-tag{
  position: relative;
  font-family: SFProText-Regular, SFProText;
  font-weight: 400;
  color: #A0A3A8;
}
.chapter-content__one a{
  color: #212121;
}
.chapter-content__one a.icon-up:after{
  position: absolute;
  left: 100%;
  top: 3px;
}
.icon-phone{
  position: absolute;
}
.read-footer{
  background: #fff;
  width: 100%;
  font-size: 0;
}
.read-more a{
  display: inline-block;
  background: #f1f1f1;
}
.render-genres-wrapper {
  text-align: center;
  background: #FFFFFF linear-gradient(360deg, #FFFFFF 0%, #E9ECF0 100%);
}
/* end render */
/*wiki start*/
.wiki-comics em{
  font-style: normal;
}
.wiki-comics {
  color: #959595;
}
.wiki-comics .book-info{
  position: relative;
}
.wiki-comics .btn-read{
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  background-color: #07BEB8;
}
.wiki-comics .book-title{
  color: #212121;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/**wiki-detail**/
.grade .star-box {
  position: relative;
  display: inline-block;
  background: #dddddd;
}
.grade .star{
  position: absolute;
  z-index: 1;
  background: #ffb300;
  height: 100%;
}
.grade .star:before {
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
}
.book-detail-comments li .nick-name {
  font-weight: bold;
}
.report-form textarea{
  width: 100%;
}
.label-group label{
  display: inline-block;
}
/*wiki-detail end*/

.toast-message {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.5rem;
  position: fixed;
  bottom: 20px;
  z-index: 1003;
  left: 50%;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  padding: 12px 20px;
  max-width: 78vw;
  transform: translate3d(-50%,0,0);
}
.toast-loading {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.5rem;
  position: fixed;
  top: 50%;
  z-index: 1003;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
}

.toast-loading:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAYAAAAc0MJxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMzNDRBMDA0NUI0MDExRThCQTVERDQwMTlGN0Q4NTBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVFOEM5OENBNUI0NTExRThCQTVERDQwMTlGN0Q4NTBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzM0NEEwMDI1QjQwMTFFOEJBNURENDAxOUY3RDg1MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzM0NEEwMDM1QjQwMTFFOEJBNURENDAxOUY3RDg1MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6vfKCgAAAILUlEQVR42uxcWWyV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) no-repeat;
  background-size: 100% 100%;
  content: '';
  display: block;
  transform-origin: center;
  -webkit-transform-origin: center;
  animation: rotating 1s linear infinite;
  -webkit-animation: rotating 1s linear infinite; /* Safari and Chrome */
}
.success-message {
  display: none;
  height: 3.42rem;
  padding: 2.22rem .75rem .67rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.44rem;
  position: fixed;
  top: 50%;
  z-index: 1003;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  font-size: 0.44rem;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.53rem;
  text-align: center;
}

.success-message:after {
  width: 1.22rem;
  height: 1.22rem;
  position: absolute;
  top: .67rem;
  left: 50%;
  margin-left: -.61rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
  display: block;
}
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.no-more-page{
  position: fixed;
  background: #fff;
  padding: 0 40px;
  height: 40px;
  right: 30px;
  top: 100px;
  z-index: 99;
  display: none;
  border: 1px solid #eee;
  background: rgba(0,0,0,.2);
  white-space: nowrap;
  line-height: 40px;
  text-align: center;
  color: #856404;
  background-color: #fff3cd;
}
.no-more-page i.icon-close-tip{
  position: absolute;
  right: -8px;
  top: -8px;
  background-position: -7px -848px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
input,textarea{
  -webkit-appearance:none;
}
input::-webkit-outer-spin-button,textarea::-webkit-outer-spin-button,

input::-webkit-inner-spin-button,textarea::-webkit-inner-spin-button { -webkit-appearance: none; }

input[type="number"]{ -moz-appearance: textfield; }

/*read.html*/
.read-box {
  width: 100%;
  height: auto;
  background-image: linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2),
                    linear-gradient(45deg, #e2e2e2 26%, transparent 26%, transparent 74%, #e2e2e2 74%, #e2e2e2);
  background-image: -webkit-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2),
                    -webkit-linear-gradient(45deg, #e2e2e2 26%, transparent 26%, transparent 74%, #e2e2e2 74%, #e2e2e2);
  background-image: -moz-linear-gradient(45deg, #e2e2e2 24%, transparent 24%, transparent 76%, #e2e2e2 76%, #e2e2e2),
                    -moz-linear-gradient(45deg, #e2e2e2 26%, transparent 26%, transparent 74%, #e2e2e2 74%, #e2e2e2);
  background-image: -o-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2),
                    -o-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2);
  background-size: 20px 20px;
  background-position: 0 0, 50px 50px;
}
.read-box-block{
  width: 100%;
  position: relative;
  font-size: 0;
}
.read-box-block img{
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.read-box-block:before{
  content: attr(data-index);
  color: #aeaeae;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  line-height: initial;
}
.read-chapter i,.read-chapter a, .read-chapter span{
  display: block;
}
.see-more{
  padding: .67rem 0;
}
.btn-see-more-comments{
  font-weight: bold;
  text-align: center;
  display: block;
}
.replay{
  cursor: pointer;
  padding: .2rem 0;
  position: absolute;
  right: 0;
  bottom: -.2rem;
}
.read-comments .btn-replay:after{
  width: 8px;
  height: 10px;
  margin-left: 10px;
  background-position: -789px -261px;
}
/*modal 引导窗*/
.modal, .modal-chapter, .modal-report, .modal-survey, .modal-download, .modal-account{
  display: none;
}
.modal-mask,.modal-chapter-mask, .modal-report-mask, .modal-survey, .modal-download-mask .modal-account-mask{
  background-color: rgba(0,0,0,.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
}
.modal-mask-transparent {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
}
#paste-btn {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1002;
  padding: 4px 6px;
  font-family: SFProText-Bold, SFProText;
  font-size: 14px;
  color:#000;
  background: #fff;
  border: 1px solid #f0f2f5;
  border-radius: 8px;
  box-shadow: 1px 1px 3px 1px #0000004f;
}
#search-mask {
  z-index: 98;
}
.modal-dialog,.modal-chapter-dialog,.modal-report-content, .modal-download-content, .modal-account-content, .modal-logout-content{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  z-index: 999;
  overflow: hidden;
  background-color: #fff;
}
.modal-account-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.account-login {
  flex: auto;
}
.content_block{
  position: absolute;
  left: 0;
  background: #fff;
  width: 100%;
}

.mobile-modal {
  display: none;
}
.mobile-modal .modal-dialog {
  overflow: auto;
}
.modal-content p.icon-modalBg{
  margin: 0 auto;
}
/*account modal*/
.content_top{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  position: relative;
}
.modal-account-content img, .modal-account-content span{
  position: absolute;
}

/*download modal*/
.modal-download-content img, .modal-download-content span{
  position: absolute;
}
.download-close{
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("../share/ico_close.png") no-repeat;
  background-size: contain;
}

.modal-survey-dialog{
  position: fixed;
  z-index: 999;
}
.modal-survey-content{
  position: relative;
  background: #fff;
}
.modal-survey-content h2{
  border-bottom: 1px solid  #f1f1f1;
}
.questions{
  overflow-y: auto;
}
.questions h1:before{
  position: absolute;
  left: 0;
  content: attr(data-index);
  color: #fff;
  line-height: 1;
  background-color: #ff9800;
}
.questions h1{
  position: relative;
  line-height: 1.3;
}
.question-content li{
  position: relative;
}
.question-content li>span{
  display: inline-block;
}
.question-content input, .question-content textarea{
  border: 1px solid #e3e3e3;
  background-color: #f8f8f8;
}
.question-content li:before{
  content: '';
  display: inline-block;
  background: url("../image/ic_unselect.png") no-repeat;
  position: absolute;
  background-size: contain;
}
.question-content li.active:before{
  background: url("../image/ic_selected.png") no-repeat;
  background-size: contain;
}
.survey-submit{
  color: #fff;
}
.survey-enter{
  position: fixed;
  display: none;
  background: url("../image/icon-survey.png") no-repeat;
  background-size: contain;
}
.modal-chapter-content .chapter-list{
  overflow: hidden;
  overflow-y: auto;
}
.chapter-list li.active{
  background: #F6F6F6;
}
.chapter-list li.active a{
  color: #07BEB8;
}
.chapter .chapter-list .chapter-contents li.readed .chapter-content__one .chapter-item-info h5 {
  color:#BABCC2;
}
.chapter .chapter-list .chapter-contents li.reading .chapter-content__one .chapter-item-info h5 {
  color:#07BEB8;
}
.modal-chapter-content .chapter-list::-webkit-scrollbar{
  width: 0;
}
.modal-chapter-content{
  pointer-events: auto;
}
/*chapter modal*/
.modal-chapter .modal-chapter-content,.modal-report-content{
  background-color: #fff;
}
.modal-report-content{
  border-radius: 5px;
}
.modal-chapter-content h2{
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
.icon-chapter-close, .survey-close{
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
}
.survey-close{
  right: 0;
}
.modal-chapter-content li a{
  color: #212121;
  text-decoration: none;
}
.modal-chapter-content li:not(:last-child){
  border-bottom: 1px solid #ddd;
}

/*cookie_popup*/
#cookies_popup_container {
  position: fixed;
  background: #FFFFFF;
  z-index: 9999;
  color: #212121;
  font-size: 0;
}
#cookies_popup_container p, #cookies_popup_container .btn-agree{
  display: inline-block;
  vertical-align: middle;
}
#cookies_popup_container p>a{
  border-bottom: 1px solid #212121;
}
#cookies_popup_container .btn-agree {
  text-align: center;
}

.body-bg {
  position: absolute;
  z-index: -1;
  height: 232px;
  width: 100%;
  overflow: hidden;
  background: -webkit-linear-gradient(to bottom, #FFFFFF,#F3F5F7);
  background: -moz-linear-gradient(to bottom, #FFFFFF,#F3F5F7);
  background: -ms-linear-gradient(to bottom, #FFFFFF,#F3F5F7);
  background: linear-gradient(to bottom, #FFFFFF,#F3F5F7);
}
.goods-warpper {
  background: -webkit-linear-gradient(to left, #FFFFFF00,#FFFFFFB3);
  background: -moz-linear-gradient(to left, #FFFFFF00,#FFFFFFB3);
  background: -ms-linear-gradient(to left, #FFFFFF00,#FFFFFFB3);
  background: linear-gradient(to left, #FFFFFF00,#FFFFFFB3);
}
.body-checkout .mobile-header {
  background-color: #fff;
}
.checkout-banner {
  text-align: center
}

/* 登录弹窗 */
.account-form {
  position: relative;
  display: none;
  margin-bottom: 15px;
}
.account-form .relative::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
}
.account-form input {
  outline: 0;
  background: #F8F9FA;
  width: 100%;
  border: 1px solid #F0F2F5;
  margin: 0;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #303133;
  border-radius: 8px;
}
.account-form input.error {
  border-color: #FF3F3F;
}
.account-form input:focus {
  background: #fff;
  border-color: #07BEB8;
}
.account-form .validate-text {
  margin-top: 4px;
  margin-left: 16px;
  font-size: 12px;
  font-family: SFProText-Regular, SFProText;
  font-weight: 400;
  color: #FF3F3F;
  line-height: 14px;
}
.password-wrapper .icon-invisible {
  position: absolute;
  width: .67rem;
    height: .67rem;
    top: .34rem;
    right: .39rem;
    background-position: -7.1rem -13.9rem;
}
.password-wrapper .visible {
  background-position: -7.86rem -14rem;
}
.account-form .primary-btn {
  margin-top: 16px;
}

.account-form .account-message {
  margin: 16px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}

.account-form .account-message a {
  color: #07BEB8;
  text-decoration: none;
}
.account-form .account-message .forgot-mode {
  float: right;
}

.account-form .page-2-2 {
  display: none;
}
.account-form .code-form {
  display: none;
}
.account-form .forgot-form {
  display: none;
}
.account-form .check-email-form {
  display: none;
}
.account-form .forgot-title {
  padding-top: 44px;
  height: 73px;
  font-size: 24px;
  font-family: SFProText-Bold, SFProText;
  font-weight: bold;
  color: #303133;
  line-height: 29px;
}
.account-form .check-email-title {
  padding-top: 44px;
  height: 73px;
  font-size: 24px;
  font-family: SFProText-Bold, SFProText;
  font-weight: bold;
  color: #303133;
  line-height: 29px;
}
.account-form .forgot-desc {
  padding-top: 6px;
  padding-bottom: 24px;
  font-size: 14px;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #606266;
  line-height: 22px;
}
.account-form .check-email-desc {
  padding-top: 6px;
  font-size: 14px;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #606266;
  line-height: 22px;
}
.account-form .check-email-desc .email {
  color: #303133;
}
.account-form .check-email-hint {
  padding-top: 4px;
  padding-bottom: 24px;
  font-size: 12px;
  font-family: SFProText-Regular, SFProText;
  font-weight: 400;
  color: #A0A3A8;
  line-height: 22px;
}
.account-form #retry-btn {
  position: relative;
  margin-top: 20px;
}
.account-form #retry-btn::before {
  content: 'Not received the mail?';
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
  font-family: SFProText-Regular, SFProText;
  font-weight: 400;
  color: #FF3F3F;
  line-height: 14px;
}
.vertify-text {
  opacity: 1;
}

@keyframes disappear {
  100% {
    opacity: 0;
  }
}

.account-vcode {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.account-form .account-vcode .account-code {
  width: 100%;
  padding: 0;
  height: 0px;
  font-size: 35px;
  overflow: hidden;
  border: none;
  outline: none;
  opacity: 0;
  margin-left: -100%;
  /* ios上透明度为0时依然有光标 */
  -webkit-tap-highlight-color: transparent;
  /*ios手机上input和lable都会出现点击有灰色背景闪动*/
}

.account-form .code-title {
  padding-top: 44px;
  font-size: 24px;
  font-family: SFProText-Bold, SFProText;
  font-weight: bold;
  color: #303133;
  line-height: 29px;
}

.account-form .code-desc {
  padding-top: 6px;
  font-size: 14px;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #606266;
  line-height: 22px;
}
.account-form .code-desc .email {
  color: #303133;
}

/* 第一种样式 下划线 */
.account-labels {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-top: 24px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-tap-highlight-color: transparent;
  /*防止ios手机上input和lable都会出现点击有灰色背景闪动*/
}

.account-labels2 .account-label {
  height: 42px;
  line-height: 42px;
  width: 42px;
  font-size: 20px;
  background: #F8F9FA;
  border-radius: 8px;
  border: 1px solid #F0F2F5;
  float: left;
  color: #313131;
  text-align: center;
}
.account-labels2 .account-label.active {
  background: #fff;
  border: 1px solid #07BEB8;
}
.code-get {
  font-size: 14px;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #BABCC2;
  line-height: 16px;
  padding-bottom: 24px;
}
.code-get.active {
  color: #07BEB8;
}
.code-hint {
  font-size: 12px;
  font-family: SFProText-Regular, SFProText;
  font-weight: 400;
  color: #FF3F3F;
  line-height: 14px;
}

.record-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 模拟光标 */
.account-active:after {
  content: ' ';
  display: inline-block;
  height: 100%;
  width: 2px;
  height: 34px;
  background: #07BEB8;
  animation: .8s disappear linear infinite;
}

.header-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin: 16px 20px 16px 20px;
}
.icon-search {
  width: 36px;
  height: 36px;
  background-position: -856px -483px;
}
.header-right{
  float: right;
  position: relative;
  z-index: 2;
}
.mine-banner-card-avatar>img {
  border-radius: 50%;
}

.primary-btn {
  background: #07BEB8;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}
.primary-btn:active {
  background: #059590;
}
.cancel-btn {
  background: #F0F2F5;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #606266;
  text-align: center;
  cursor: pointer;
}
.disable-btn {
  background: #CBCED4;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  cursor: not-allowed;
}
.disable-btn:active {
  background: #CBCED4;
}
  
.card-bg-blue {
  position: absolute;
  top: 16px;
  right: 0;
  width: 85px;
  height: 123px;
  background: linear-gradient(90deg, #536aff  0%, #004eff  100%);
  opacity: .4;
  filter: blur(39px);
  z-index: -1;
}
.card-bg-cyan {
  position: absolute;
  top: 23px;
  right: 65px;
  width: 123px;
  height: 123px;
  background: linear-gradient(90deg, #00ffd9  0%, #00d0ff  100%);
  opacity: 0.4;
  filter: blur(39px);
  z-index: -1;
}
.card-bg-gem {
  position: absolute;
  top: 50px;
  right: -37px;
  width: 172px;
  height: 173px;
  background-image: url("../image/all/bg_gems_topup@2x.png");
  background-size: contain;
  z-index: -1;
}

.modal-account-content .card-bg-blue {
  opacity: 0.3;
}
.modal-account-content .card-bg-cyan {
  opacity: 0.3;
}
.site-icon {
  cursor: pointer;
}
.site-icon .iconFontIconSvg{
  width: 100%;
  height: 100%;
}
.form-control::-webkit-input-placeholder{
  color:#A0A3A8;
}
.form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#A0A3A8;
}
.form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#A0A3A8;
}
.form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#A0A3A8;
}

.account-form input::-webkit-input-placeholder{
  color:#BABCC2;
}
.account-form input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#BABCC2;
}
.account-form input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#BABCC2;
}
.account-form input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#BABCC2;
}

.primary-text {
  color: #07BEB8;
}
.black-text {
  color: #303133;
}
.blue-text {
  color: #5286EE;
}

.Modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
}
.Modal .content {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 50%;
  padding: 50px;
  border-radius: 3px;
  background: #fff;
  transform: translate(-50%, -30%) scale(0);
}
.Modal .close {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  width: 18px;
  height: 18px;
  padding: 5px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  background: #313131;
  color: #fff;
}
.Modal .close:before {
  content: "✕";
}
.Modal.is-visible {
  visibility: visible;
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.35s;
  -webkit-transition: background 0.35s;
  transition-delay: 0.1s;
  z-index: 1000;
}
.Modal.is-visible .content {
  transform: translate(-50%, -30%) scale(1);
  -webkit-transform: translate(-50%, -30%) scale(1);
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
}

.payment-ways::-webkit-scrollbar {
  height: 0;
}

.pay-btn {
  background: #07BEB8;
  font-family: SFProText-Semibold, SFProText;
  font-weight: 600;
  color: #FFFFFF;
}

.icon-card.flip-animate {
  transform-style: preverse-3d;
  animation: flip-animate 6s ease 10s infinite;
}

@keyframes flip-animate {
  0% {
    transform: rotateY(0) rotateX(0);
  }
  5% {
    transform: rotateY(180deg) rotateX(0);
  }
  10% {
    transform: rotateY(0) rotateX(0);
  }
  15% {
    transform: rotateY(0) rotateX(180deg);
  }
  20% {
    transform: rotateY(0) rotateX(0);
  }
  100% {
    transform: rotateY(0) rotateX(0);
  }
}