<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: Roboto;
  font-weight: 400;
  src: url("//files.dreame.com/dreame/file/00f4f4149354f62778b3503933e7b905/Roboto-Regular.ttf") format('truetype');
}
@font-face {
  font-family: Roboto;
  font-weight: 700;
  src: url("//files.dreame.com/dreame/file/303d82a157ea9519f805c9e932c5a76b/Roboto-Medium.ttf") format('truetype');
}
@font-face {
  font-family: Roboto;
  font-weight: 900;
  src: url("//files.dreame.com/dreame/file/41773717f1e83ccd0df8e4a2cc473ba5/Roboto-Bold.ttf") format('truetype');
}
table td,
.user-container .user-info .user-name,
.bookshelf .book .author,
.income-search .search.title-search {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.estate-brief .icon-gold,
.estate-brief .icon-money-ticket,
.estate-brief .icon-ballot-month,
.estate-brief .icon-ballot-rec {
  display: inline-block;
  background: center no-repeat;
}
.estate-brief .icon-gold,
.estate-brief .icon-money-ticket,
.estate-brief .icon-ballot-month,
.estate-brief .icon-ballot-rec {
  height: 36px;
  background-image: url("//p3.ssl.qhimg.com/d/inn/a2b10b42/sprite.png");
}
.estate-brief .icon-ballot-month {
  width: 40px;
  background-position: 0 0;
}
.estate-brief .icon-ballot-rec {
  width: 40px;
  background-position: 0 -36px;
}
.estate-brief .icon-gold {
  width: 40px;
  background-size: 100%;
  background-position: 0% 69.23%;
}
.estate-brief .icon-money-ticket {
  width: 40px;
  background-position: 0 -104px;
}
.item-group .book-card .icon-eye {
  background-image: url("//file.ficfun.com/group1/M00/00/61/rB84XVusUQCARzYKAAACEQvhPMc149.png");
}
.item-group .book-card .icon-follow-s {
  background-image: url("//file.ficfun.com/group1/M00/00/61/rB84XVusUROABKwiAAABxUy7FKg234.png");
}
.icon-add-userCenter {
  background-image: url("//file.ficfun.com/group1/M00/00/6B/rB84XVu9c-mAcW-MAAAEwJ_dcyA860.png");
}
.item-group .book-card .btn-more {
  background-image: url("//file.ficfun.com/group1/M00/00/61/rB84XVusceSAEU1OAAAA3qV5g30926.png");
}
.icon-intro-close {
  background-image: url("//file.ficfun.com/group1/M00/00/A7/rB84XVwkhiqABtK9AAABNG8Rk8M193.png");
}
.main-head {
  margin-bottom: 20px;
}
.main-head input[type=radio] {
  visibility: hidden;
}
.main-head label {
  display: inline-block;
  width: 26px;
  height: 21px;
  margin: 10px 0 9px;
  border-left: 1px solid #f7f6f2;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.main-head label:first-child {
  border: 0;
}
.main-head label.active {
  color: #dc0909;
}
.main-tabs {
  margin-bottom: 10px;
  overflow: hidden;
  color: #999;
  font-size: 18px;
  letter-spacing: 0;
  border-bottom: 1px solid #d8d8d8;
}
.main-tabs &gt;* {
  float: left;
  text-align: center;
  height: 21px;
  margin: 10px 30px 9px 0;
}
.main-tabs &gt;*:first-child {
  border: 0;
}
.main-tabs &gt;* a {
  position: relative;
  display: inline-block;
  line-height: 41px;
  margin-top: -10px;
  vertical-align: top;
  font-size: 16px;
  color: #999;
  letter-spacing: 0;
  padding: 0;
}
.main-tabs &gt;*.active {
  color: #e4493d;
}
.main-tabs &gt;*.active a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #ab4af2;
}
.main-tabs &gt;*:first-child:before {
  display: none;
}
.main-tabs &gt;*.active a {
  color: #ab4af2;
}
.main-subhead {
  padding-left: 44px;
  line-height: 48px;
  border-bottom: 1px #f2f5f7 solid;
}
.main-subbody {
  position: relative;
  overflow: hidden;
  margin: 24px 72px;
}
.pagination {
  margin-top: 66px;
  padding-bottom: 20px;
}
table {
  width: 100%;
  font-size: inherit;
}
table th {
  line-height: 32px;
  border-left: 1px solid #f7f6f2;
  text-align: center;
  color: #999;
  background: #f7f6f2;
}
table td {
  padding: 0 8px;
  line-height: 40px;
  border-left: 1px solid #f7f6f2;
  text-align: center;
}
table tr {
  border-bottom: 1px solid #f7f6f2;
}
table tr &gt; td:first-child {
  border: 0;
}
.empty-tips {
  margin-top: 40px;
  line-height: 56px;
  text-align: center;
  color: #707070;
}
.empty-tips a {
  color: #707070;
}
.empty-tips img {
  width: 200px;
  height: 160px;
}
.subscribe-records .empty-tips {
  margin-top: 27px;
}
.j-autopay-img {
  width: 20px;
  height: 20px;
}
.empty-btn {
  line-height: 44px;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  background: #5e4df5;
  display: inline-block;
}
.account-info .button-black {
  line-height: 30px;
}
.account-info-basic em {
  font-size: 18px;
}
.account-info-basic em em {
  font-size: 28px;
}
.account-info-basic .main-subbody .sub-title {
  margin-bottom: 16px;
}
.account-info-basic .main-subbody {
  margin: 24px 72px 6px;
}
.account-info-basic .info-panel {
  padding: 10px;
  background: #f2f5f7;
  text-align: center;
}
.account-info-basic .middle-info-panel {
  margin: 0 45px;
}
.account-info-basic .button-charge {
  position: absolute;
  top: 4px;
  right: 0;
  width: 90px;
}
.account-info-vip em {
  color: #d40000;
}
.account-info-login em {
  font-size: 24px;
  color: #f00;
}
.account-info-login span {
  color: #9b9b9b;
  margin-left: 32px;
}
.account-info-basic,
.account-info-vip,
.account-info-login {
  position: relative;
  overflow: hidden;
}
.user-container {
  position: relative;
  float: left;
  width: 300px;
  background: #fff;
  border-radius: 10px;
}
.user-container.animation .user-info {
  background-color: #fff;
}
.user-container.animation .user-info,
.user-container.animation .visitor-follow-container,
.user-container.animation .container-item {
  top: -30px;
  opacity: 0;
}
.user-container.hide .user-info,
.user-container.hide .visitor-follow-container,
.user-container.hide .container-item {
  height: 0;
  margin: 0;
  padding: 0;
  min-height: 0;
}
.user-container.hide .container-item-flex {
  display: block;
  padding: 30px 15px;
  height: 100%;
  max-height: 700px;
  overflow: auto;
}
.user-container .user-info {
  position: relative;
  top: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  border-radius: 10px;
  text-align: center;
  min-height: 100px;
}
.user-container .user-info .user-avatar-container {
  padding-top: 27px;
  height: 171px;
  position: relative;
}
.user-container .user-info .user-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 10px 4px rgba(34,34,34,0.1);
          box-shadow: 0 0 10px 4px rgba(34,34,34,0.1);
}
.user-container .user-info .next-top-writer {
  position: absolute;
  top: 110px;
  left: 95px;
  width: 110px;
}
.user-container .user-info .user-name {
  margin-top: 22px;
  font-weight: bold;
  color: #333;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  padding: 0 30px;
}
.user-container .user-info .share-link-logo {
  position: absolute;
  right: 18px;
  top: 18px;
  cursor: pointer;
}
.user-container .user-info .share-link-logo img {
  width: 24px;
  height: 24px;
}
.user-container .user-info .user-id {
  font-size: 14px;
  color: rgba(34,34,34,0.6);
  line-height: 18px;
  margin-bottom: 13px;
}
.user-container .user-info .edit-info {
  color: #5e4df5;
  line-height: 46px;
  font-size: 14px;
}
.user-container .user-info .edit-info .btn-editInfo {
  color: #5e4df5;
}
.user-container .user-info .follow-btn-container {
  margin: 18px auto 20px;
  text-align: center;
}
.user-container .user-info .follow-btn-container .follow-btn {
  background-color: #5e4df5;
  color: #fff;
  width: 150px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 4px;
}
.user-container .user-info .follow-btn-container .follow-btn:after {
  content: 'follow';
}
.user-container .user-info .follow-btn-container .follow-btn.following {
  background-color: rgba(34,34,34,0.1);
}
.user-container .user-info .follow-btn-container .follow-btn.following.following:after {
  content: 'following';
}
.user-container .visitor-follow-container {
  position: relative;
  top: 0;
  height: 86px;
  padding-top: 18px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  background-color: #f8f9ff;
  font-size: 0px;
}
.user-container .visitor-follow-container &gt; div {
  display: inline-block;
  text-align: center;
}
.user-container .visitor-follow-container .visitor-container {
  width: 150px;
}
.user-container .visitor-follow-container .separator {
  margin-top: 10px;
  line-height: 36px;
  height: 36px;
  border-left: solid 1px #d8d8d8;
  vertical-align: top;
}
.user-container .visitor-follow-container .visitor-container {
  width: 149px;
}
.user-container .visitor-follow-container .count {
  font-size: 22px;
  color: #222;
  margin-bottom: 4px;
}
.user-container .visitor-follow-container .name {
  font-size: 12px;
  color: rgba(34,34,34,0.6);
}
.user-container .container-item-flex {
  position: relative;
  display: none;
  overflow: hidden;
  padding: 0px 15px;
  height: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #222;
  word-break: break-word;
}
.user-container .container-item {
  position: relative;
  top: 0;
  padding: 30px 15px;
  min-height: 90px;
  color: #222;
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.user-container .container-item .container-item-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 24px;
}
.user-container .container-item .container-item-content {
  font-size: 12px;
  line-height: 22px;
  word-break: break-word;
}
.user-container .container-item .follows-container {
  font-size: 0;
}
.user-container .container-item .follows-container .empty-follow-fans {
  font-size: 14px;
}
.user-container .container-item .follows-container a {
  margin-bottom: 18px;
  margin-right: 17px;
  display: inline-block;
}
.user-container .container-item .follows-container a img {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.user-container .container-item .follows-container a:nth-child(5n) {
  margin-right: 0;
}
.user-container .container-item .container-item-action {
  font-size: 12px;
  margin-top: 20px;
  cursor: pointer;
}
.user-container .follow-item {
  border-top: 1px solid #f4f4f4;
}
.user-container .visitor-following {
  display: none;
  min-height: 300px;
}
.user-container .visitor-following .empty-follow-fans {
  font-size: 14px;
  color: rgba(34,34,34,0.6);
  text-align: center;
  line-height: 26px;
}
.user-container .visitor-following .following-more {
  font-size: 12px;
  color: #222;
  cursor: pointer;
  display: none;
}
.share-page {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0,0,0,0.5);
}
.share-page .share-container-m {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 12px 12px 23px 12px;
  width: 344px;
  height: 429px;
  background-color: #fff;
  border-radius: 8px;
}
.share-page .share-container-m .share-model-close {
  display: block;
  position: absolute;
  top: 12px;
  right: 14px;
  width: 24px;
  height: 24px;
  background-image: url("//file.ficfun.com/group1/M00/00/BE/rB84XVw8heuADXTRAAABogX1Vmk058.png");
  cursor: pointer;
}
.share-page .share-container-m .avatar {
  margin-bottom: 2px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.share-page .share-container-m .name {
  display: block;
  margin-bottom: 26px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.share-page .share-container-m ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.share-page .share-container-m ul .data {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
}
.share-page .share-container-m ul .title {
  font-size: 12px;
  font-weight: 600;
  color: rgba(34,34,34,0.6);
  letter-spacing: 0;
  text-align: center;
}
.share-page .share-container-m .share-intro {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 44px;
  padding: 12px;
  background-color: #fbfbfb;
  border-radius: 4px;
}
.share-page .share-container-m .share-intro .info-intro {
  display: block;
  overflow: hidden;
}
.share-page .share-container-m .share-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.share-page .share-container-m .share-flex .icon {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}
.share-page .share-container-m .share-flex .icon-facebook {
  background-image: url("//file.ficfun.com/group1/M00/00/BE/rB84dlw8hISAYzjrAAAIoJUDj6U550.png");
}
.share-page .share-container-m .share-flex .icon-Twitter {
  background-image: url("//file.ficfun.com/group1/M00/00/BE/rB84dlw8hISARS8QAAAQHywMVak511.png");
}
.share-page .share-container-m .share-flex .icon-Google {
  background-image: url("//file.ficfun.com/group1/M00/00/BE/rB84XVw8hISAWeYlAAARVSNJ_yw054.png");
}
.wrapper-container {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 724px;
  margin-left: 318px;
}
.wrapper-container .user-wellet {
  background: #fff;
  -webkit-box-shadow: 0 5px 10px 0 rgba(34,34,34,0.1);
          box-shadow: 0 5px 10px 0 rgba(34,34,34,0.1);
  border-radius: 10px;
  padding: 19px 19px 18px 18px;
  margin-bottom: 15px;
  font-size: 0px;
}
.wrapper-container .amount-block {
  position: relative;
  background: rgba(34,34,34,0.03);
  border-radius: 10px;
  display: inline-block;
  padding: 0 14px;
  vertical-align: top;
  height: 100px;
}
.wrapper-container .amount-block .text-info {
  font-size: 12px;
  color: rgba(34,34,34,0.4);
}
.wrapper-container .amount-account,
.wrapper-container .amount-income {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.wrapper-container .amount-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(34,34,34,0.6);
  font-size: 14px;
  font-family: 'Roboto';
}
.wrapper-container .amount-info input[type="radio"] {
  margin-right: 9px;
}
.wrapper-container .amount-info .amount-type-text {
  margin-bottom: 8px;
}
.wrapper-container .amount-info .amount-num {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #222;
}
.wrapper-container .amount-info .amount-split {
  margin: 0 40px;
  width: 1px;
  height: 36px;
  background: rgba(34,34,34,0.2);
}
.wrapper-container .purchase-log {
  width: 320px;
  margin-right: 14px;
}
.wrapper-container .purchase-log.is-reader {
  width: 100%;
}
.wrapper-container .purchase-log.is-reader .wallet-btn {
  color: #5e4df5;
  margin-right: 16px;
}
.wrapper-container .author-income {
  display: none;
}
.wrapper-container .income-log {
  width: 335px;
}
.wrapper-container .amount-both {
  margin-bottom: 5px;
}
.wrapper-container .amount-both img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-left: 12px;
  margin-right: 6px;
}
.wrapper-container .amount-both .amount-count {
  vertical-align: middle;
}
.wrapper-container .amount-txt {
  line-height: 17px;
}
.wrapper-container .amount-income .income-count {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 12px;
}
.wrapper-container .wallet-btn {
  font-size: 16px;
  color: #5e4df5;
  line-height: 24px;
  cursor: pointer;
}
.wrapper-container .wallet-num {
  font-size: 24px;
  font-weight: 600;
  color: #222;
}
.estate-brief {
  overflow: hidden;
  float: left;
  margin-top: 60px;
  padding-bottom: 30px;
}
.estate-brief li {
  float: left;
  line-height: 29px;
  margin-right: 50px;
  zoom: 1;
}
.estate-brief li a,
.estate-brief li span {
  color: #dc0909;
}
.estate-brief .icon-gold,
.estate-brief .icon-ballot-month,
.estate-brief .icon-ballot-rec,
.estate-brief .icon-money-ticket {
  vertical-align: top;
  margin-left: 8px;
}
.estate-brief .tip {
  position: relative;
  before: 'â™¦';
  color: #ff665b;
  cursor: pointer;
}
.estate-brief .tip .before,
.estate-brief .tip:before {
  display: none;
  position: absolute;
  content: 'â™¦';
  bottom: -15px;
  left: 50%;
  margin-left: -5px;
  color: #f8a932;
}
.estate-brief .tip .tip-content {
  display: none;
  position: absolute;
  left: 50%;
  top: 29px;
  margin-left: -29px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  background: #f8a932;
}
.estate-brief .tip:hover .tip-content {
  display: block;
}
.estate-brief .tip:hover .before,
.estate-brief .tip:hover:before {
  display: block;
}
.shortcut {
  text-align: center;
}
.shortcut .button-round-red {
  width: 84px;
  line-height: 24px;
}
.menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0px;
}
.menus .menu {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: inline-block;
  width: 118px;
  height: 52px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #5e4df5;
  line-height: 53px;
  text-align: center;
  position: relative;
  zoom: 1;
}
.menus .menu a {
  display: inline-block;
  height: 100%;
  width: 100%;
  font-size: 14px;
  color: #f4f4f4;
}
.menus .menu.active:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 30px;
  height: 4px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #5e4df5;
}
.menus .menu.active,
.menus .menu:hover {
  background-color: #fff;
  color: #5e4df5;
}
.menus .menu.active a,
.menus .menu:hover a {
  color: #5e4df5;
}
.menus .menu-wallet {
  width: 129px;
}
.menus .menu-message {
  width: 144px;
}
.menus .menu-message .inbox-message-notice {
  position: absolute;
  width: 6px;
  height: 5px;
  background: #ff25d7;
  border-radius: 8px;
  top: 13px;
  right: 23px;
  display: none;
}
.menus .menu-follow {
  width: 166px;
}
.menus .menu-income {
  width: 126px;
}
.menus .menu-bookshelf &gt;.icon {
  background-image: url("//file.ficfun.com/group1/M00/00/07/rB84dlpPLuyAO8jCAAABtYH5YE8119.png");
}
.menus .menu-bookshelf:hover&gt;.icon,
.menus .menu-bookshelf.active&gt;.icon {
  background-size: 26px;
  background-image: url("//file.ficfun.com/group1/M00/00/62/rB84XVutzICANt8yAAABknG19xY975.png");
}
.menus .menu-wallet &gt;.icon {
  background-image: url("//file.ficfun.com/group1/M00/00/07/rB84XVpPLDyAMCswAAABKkim1FU523.png");
}
.menus .menu-wallet:hover&gt;.icon,
.menus .menu-wallet.active&gt;.icon {
  background-size: 26px;
  background-image: url("//file.ficfun.com/group1/M00/00/62/rB84dlutzICATa6AAAABEo5FMqY511.png");
}
.menus .menu-comment &gt;.icon {
  background-size: 23px;
  background-image: url("//file.ficfun.com/group1/M00/00/8E/rB84dlvyeaGAF-2fAAAB7wK_AAU155.png");
}
.menus .menu-comment:hover&gt;.icon,
.menus .menu-comment.active&gt;.icon {
  background-image: url("//file.ficfun.com/group1/M00/00/8E/rB84dlvyebiAR8LtAAAB7wK_bbs680.png");
}
.menus .menu-myStory &gt;.icon {
  background-image: url("//file.ficfun.com/group1/M00/00/6A/rB84dlu8ZZaAWLU-AAADrF__iXo547.png");
}
.menus .menu-myStory:hover&gt;.icon,
.menus .menu-myStory.active&gt;.icon {
  background-image: url("//file.ficfun.com/group1/M00/00/6A/rB84dlu8ZSSAdDE3AAADgj9Cnjc968.png");
}
.menus .menu-inbox &gt;.icon {
  background-size: 25px;
  background-image: url("//file.ficfun.com/group1/M00/00/8E/rB84XVvyehaAWmS0AAAB3h6enIU666.png");
}
.menus .menu-inbox:hover&gt;.icon,
.menus .menu-inbox.active&gt;.icon {
  background-image: url("//file.ficfun.com/group1/M00/00/8E/rB84XVvyei-ABw-_AAAB3iMQf_4924.png");
}
.menus .menu-income &gt;.icon {
  background-size: 24px;
  background-image: url("//file.ficfun.com/group1/M00/00/8E/rB84dlvyenKAd-XTAAAF6GnupHg883.png");
}
.menus .menu-income:hover&gt;.icon,
.menus .menu-income.active&gt;.icon {
  background-image: url("//file.ficfun.com/group1/M00/00/8E/rB84XVvyepCAOUWFAAAF3rnUlSo967.png");
}
.inbox-count {
  background: #ff665b;
  width: 18px;
  height: 18px;
  color: #fff;
  line-height: 20px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  display: none;
  vertical-align: middle;
  margin-top: -2px;
}
.sub-bar-item {
  text-align: center;
  background: #fff;
  border-bottom: solid 1px rgba(34,34,34,0.1);
}
.sub-bar-item a {
  margin-right: 40px;
  display: inline-block;
  line-height: 60px;
  cursor: pointer;
}
.sub-bar-item a.active {
  color: #5e4df5;
}
.sub-bar-item a:last-child {
  margin-right: 0px;
}
.service {
  margin-top: 1px;
  padding: 8px 0;
  line-height: 30px;
  text-align: center;
  background: #f7f6f2;
}
.icon-intro-close {
  display: block;
  margin: 10px auto;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.records {
  background: #fff;
}
.records .records-head {
  overflow: hidden;
  height: 43px;
  line-height: 43px;
  border-bottom: 1px solid #f2f5f7;
}
.records .records-head&gt;span,
.records .records-head&gt;div {
  float: left;
  text-align: center;
}
.records .empty-tips p {
  color: #7a7a7a;
}
.records .records-list {
  height: 294px;
}
.records .records-list .record-item {
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #f2f5f7;
}
.records .records-list .record-item&gt;span,
.records .records-list .record-item&gt;div {
  float: left;
  text-align: center;
}
.records .col-money {
  width: 236px;
}
.records .col-gold {
  width: 260px;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
}
.records .col-gold img {
  margin-right: 11px;
}
.records .w-time {
  font-size: 12px;
}
.records .col-money {
  font-size: 16px;
  font-weight: 600;
  text-align: right;
}
.recharge-records .record-rechargeMoney {
  width: 150px;
}
.recharge-records .record-rechargeTime {
  width: 350px;
}
.recharge-records .wallet-log td {
  line-height: 67px;
}
.pay-records .pay-type {
  width: 450px;
}
.pay-records .pay-money {
  width: 150px;
}
.pay-records table {
  font-size: 16px;
}
.pay-records .w-amount {
  text-align: left;
  font-weight: 600;
}
.pay-records .w-time {
  text-align: center;
  font-size: 12px;
}
.pay-records .w-disc {
  text-align: right;
}
.pay-records .w-disc .w-gift-disc {
  line-height: 34px;
  vertical-align: bottom;
  font-weight: 600;
}
.pay-records .w-disc .w-expire-time {
  font-size: 12px;
  line-height: 33px;
}
.pay-records .w-disc span {
  display: block;
}
.pay-records .wallet-log .w-cover-wrap {
  text-align: left;
  padding: 10px 0 11px;
}
.pay-records .wallet-log .w-cover-wrap img {
  width: 50px;
  height: 66px;
  float: left;
  margin-right: 8px;
}
.pay-records .wallet-log .w-cover-wrap .w-content .bname {
  font-size: 14px;
  font-weight: 600;
  line-height: 38px;
}
.pay-records .wallet-log .w-cover-wrap .w-content .cname {
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  font-weight: 600;
}
.subscribe-records .button-round-border-black {
  width: 90px;
  margin-top: 8px;
}
.bookshelf {
  overflow: hidden;
  padding-bottom: 29px;
  min-height: 310px;
  margin-top: 20px;
  font-weight: 600;
}
.bookshelf .book {
  position: relative;
  width: 100%;
  padding: 18px;
  margin-bottom: 14px;
  background: rgba(34,34,34,0.03);
  border-radius: 8px;
}
.bookshelf .book .cover {
  float: left;
  margin-right: 20px;
  width: 100px;
  height: 134px;
  z-index: 1;
}
.bookshelf .book .cover &gt;img {
  width: 100%;
  height: 100%;
}
.bookshelf .book .name {
  width: 275px;
  font-weight: bold;
  font-size: 16px;
  color: #2d220e;
  line-height: 22px;
}
.bookshelf .book .author {
  display: block;
  margin-top: 9px;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  color: #999;
  line-height: 17px;
}
.bookshelf .book .last-update,
.bookshelf .book .last-read {
  margin-top: 18px;
  color: #707070;
  line-height: 24px;
  font-size: 12px;
}
.bookshelf .book .last-update a,
.bookshelf .book .last-read a {
  margin-left: 20px;
  color: #333;
}
.bookshelf .book .last-update span {
  margin-left: 9px;
  font-size: 14px;
  color: #333;
}
.bookshelf .book .read-progress {
  padding-left: 116px;
  margin-top: 9px;
}
.bookshelf .book .read-progress .progress-container {
  position: relative;
  width: 117px;
  height: 4px;
  background: #d8d8d8;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.bookshelf .book .read-progress .progress-container .progress-value {
  position: absolute;
  height: 4px;
  left: 0;
  top: 0;
  background: #b8e986;
  border-radius: 2px 0 0 2px;
}
.bookshelf .book .btns {
  position: absolute;
  right: 16px;
  top: 17px;
}
.bookshelf .book .btns .unfollow-btn {
  margin-bottom: 58px;
  text-align: right;
}
.bookshelf .book .btns .unfollow-btn .button-remove-bookshelf {
  font-size: 12px;
  color: #5e4df5;
  line-height: 16px;
  background-color: transparent;
}
.bookshelf .book .button-round-red,
.bookshelf .book .button-round-border-red {
  width: 167px;
  height: 34px;
  line-height: 32px;
  margin: 0 0 0 20px;
}
.bookshelf-empty a {
  width: 226px;
  margin-top: 27px;
  color: #fff;
}
.bookshelf-empty a:hover {
  color: #fff;
  background: #5e4df5;
}
.btn-group {
  margin-right: 20px;
  line-height: 52px;
}
.topbar {
  margin-bottom: 8px;
}
.topbar .main-tabs&gt;.active {
  border-top: 4px solid #1d203b;
}
.topbar .main-tabs&gt;.active a {
  border: 0;
}
.comment-item header a {
  color: #f8a932;
}
.comment-view .no-comments {
  margin-top: 65px;
}
.btn-purple,
.btn-purple-border {
  line-height: 40px;
  width: 190px;
  font-size: 14px;
  border-radius: 22px;
}
.btn-purple,
.layer-cover .withdraw-container .receive-way .receive-way-btns .btns-wrap span.active {
  background: #ab4af2;
  border: 1px solid #ab4af2;
  color: #fff;
}
.btn-purple-border {
  border: 1px solid #ab4af2;
  color: #ab4af2;
  background-color: #fff;
}
.btns-group {
  text-align: center;
  padding: 22px 0 16px 0;
  font-size: 0;
}
.btns-group &gt; button:nth-child(n + 2) {
  margin-left: 20px;
}
.hide {
  display: none;
}
.layer-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer-cover .main-title {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -20px;
  padding: 0 20px;
  position: relative;
}
.layer-cover .main-title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  border: 1px solid rgba(52,52,52,0.1);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer-cover .main-title .title-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
}
.layer-cover .main-title .close-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.layer-cover .sub-title {
  background: #faf8e4;
  line-height: 40px;
  font-size: 14px;
  padding-left: 20px;
  margin-left: -20px;
}
.layer-cover .val-count {
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}
.layer-cover .items-wrap {
  background: #fff;
  width: 562px;
  margin: 0 auto;
  padding: 0 20px 14px;
  max-height: 90%;
  overflow: auto;
}
.layer-cover .items-wrap.small-wrap {
  width: 410px;
}
.layer-cover .withdraw-container .layer-inner-container {
  width: 522px;
}
.layer-cover .withdraw-container .sub-title {
  background: #faf8e4;
  line-height: 40px;
  font-size: 14px;
  padding-left: 20px;
}
.layer-cover .withdraw-container .method-selector {
  margin: 20px 16px;
}
.layer-cover .withdraw-container .method-selector select.withdraw-type {
  width: 462px;
  padding: 12px;
  font-family: Roboto;
  font-size: 14px;
  border-radius: 4px;
}
.layer-cover .withdraw-container .method-selector select.withdraw-type option {
  line-height: 18px;
  color: #414940;
}
.layer-cover .withdraw-container .method-selector select.withdraw-type option:hover {
  background-color: #f4f4f4;
}
.layer-cover .withdraw-container .val-count {
  line-height: 40px;
  font-weight: 600;
  font-size: 14px;
  color: #222;
}
.layer-cover .withdraw-container .table-wrap {
  margin: 16px;
  max-height: 200px;
  overflow: auto;
}
.layer-cover .withdraw-container .amount-withdraw-list {
  width: 462px;
}
.layer-cover .withdraw-container .amount-withdraw-list td,
.layer-cover .withdraw-container .amount-withdraw-list th {
  line-height: 40px;
  vertical-align: middle;
}
.layer-cover .withdraw-container .amount-withdraw-list th {
  font-weight: 400;
  background: rgba(34,34,34,0.05);
}
.layer-cover .withdraw-container .receive-way .receive-way-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layer-cover .withdraw-container .receive-way .receive-way-title .title-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.layer-cover .withdraw-container .receive-way .receive-way-title .editor-info {
  color: #ab4af2;
  margin-right: 10px;
  cursor: pointer;
}
.layer-cover .withdraw-container .receive-way .receive-way-btns {
  margin: 20px 0;
}
.layer-cover .withdraw-container .receive-way .receive-way-btns .btns-wrap {
  font-size: 0;
  margin-bottom: 14px;
  margin-left: 10px;
}
.layer-cover .withdraw-container .receive-way .receive-way-btns .btns-wrap span {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  color: #414940;
  line-height: 40px;
  padding: 0 17px;
  border: 1px solid #979797;
  border-radius: 4px;
  margin-right: 14px;
  font-weight: 600;
}
.layer-cover .withdraw-container .receive-way .receive-way-btns .btns-wrap span:last-child {
  margin-right: 0px;
}
.layer-cover .withdraw-container .receive-way .receive-way-btns .receive-map-notice &gt; div {
  margin: 0 10px;
  font-size: 12px;
  color: rgba(52,52,52,0.6);
}
.layer-cover .withdraw-container .total-pay {
  position: relative;
}
.layer-cover .withdraw-container .total-pay .total-val {
  background: #faf8e4;
  padding-left: 20px;
  margin-left: -20px;
  font-size: 22px;
  line-height: 26px;
  color: #222;
  height: 40px;
}
.layer-cover .withdraw-container .total-pay .total-val .negative-symbol {
  display: none;
}
.layer-cover .withdraw-container .total-pay .withdraw-help {
  position: absolute;
  width: 18px;
  height: 18px;
  right: 21px;
  top: 50%;
  margin-top: -9px;
  background: url("//file.ficfun.com/group1/M00/00/2F/rB84X1zww02AFkmVAAADR2YDBgo893.png") no-repeat;
  background-size: 100%;
}
.layer-cover .withdraw-container .total-pay .withdraw-help:hover + .withdraw-warn {
  display: block;
}
.layer-cover .withdraw-container .total-pay .withdraw-warn {
  position: absolute;
  bottom: 0;
  right: 50px;
  width: 420px;
  background: rgba(34,34,34,0.9);
  padding: 15px;
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  border-radius: 8px;
  display: none;
}
.layer-cover .withdraw-container .total-pay .withdraw-warn p {
  margin-top: 14px;
}
.layer-cover .withdraw-container .total-pay .withdraw-warn p:first-child {
  margin-top: 0;
}
.layer-cover .withdraw-container .total-pay .withdraw-warn:after {
  content: '';
  position: absolute;
  right: -8px;
  margin-top: -33px;
  border-left: 8px solid rgba(34,34,34,0.9);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.layer-cover .editor-info-wrap .recommend-info {
  margin: 14px 0 27px 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.layer-cover .editor-info-wrap .recommend-info &gt; span {
  color: #ff53b0;
}
.layer-cover .editor-info-wrap .accounts-group {
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(52,52,52,0.1);
}
.layer-cover .editor-info-wrap .accounts-group &gt; span {
  cursor: pointer;
  padding-bottom: 6px;
  margin-right: 30px;
  border-bottom: 3px solid transparent;
}
.layer-cover .editor-info-wrap .accounts-group &gt; span.active {
  border-bottom: 3px solid #ab4af2;
}
.layer-cover .editor-info-wrap .accounts-group &gt; span:last-child {
  margin-right: 0;
}
.layer-cover .editor-info-wrap .accounts-detail .account-text {
  margin: 24px 0 12px 0;
}
.layer-cover .editor-info-wrap .accounts-detail .input-text {
  width: 100%;
  height: 40px;
  padding-left: 10px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #414940;
  border: none;
  background: rgba(34,34,34,0.03);
  border-radius: 4px;
}
.layer-cover .editor-info-wrap .account-btn-groups {
  margin-top: 20px;
}
.layer-cover .editor-info-wrap .account-btn-groups .account-detail-confirm {
  opacity: 1;
}
.layer-cover .editor-info-wrap .account-btn-groups .cancel-btn {
  opacity: 1;
}
.layer-cover .withdraw-protocol .withdraw-protocol-title {
  margin-bottom: 17px;
}
.layer-cover .withdraw-protocol .txt-indent {
  text-indent: 2em;
}
.layer-cover .withdraw-protocol .txt-strong {
  color: #ab4af2;
  margin-top: 15px;
  font-weight: bold;
}
.layer-cover .withdraw-protocol .warning-item {
  background: #faf8e4;
  border-radius: 12px;
  padding: 16px;
  height: 292px;
  overflow-y: auto;
  margin-top: 17px;
}
.layer-cover .withdraw-protocol .warning-item p {
  margin-bottom: 16px;
  font-size: 14px;
  color: #343434;
  line-height: 16px;
}
.layer-cover .withdraw-protocol .btn-agree.disabled {
  opacity: 0.4;
}
.layer-cover .withdraw-fail .withdraw-fail-content {
  margin: 18px 0;
}
.layer-cover .withdraw-fail .withdraw-fail-content &gt; p {
  text-align: center;
  margin-bottom: 18px;
  font-size: 18px;
}
.layer-cover .withdraw-fail .withdraw-fail-content .withdraw-fail-reason &gt; p {
  font-size: 14px;
  color: rgba(52,52,52,0.6);
  line-height: 16px;
  margin-bottom: 16px;
}
.layer-cover .withdraw-fail .withdraw-fail-content .withdraw-fail-reason &gt; p.warning {
  font-size: 14px;
  font-weight: 600;
  color: #343434;
  line-height: 16px;
}
.layer-cover .tips-title {
  text-align: center;
  margin-bottom: 18px;
  font-size: 18px;
}
.layer-cover .account-info-confirm .info-confirm-content {
  margin-bottom: 15px;
}
.layer-cover .account-info-confirm .account-detail-info {
  margin-bottom: 30px;
}
.layer-cover .account-info-confirm .account-detail-info tr {
  border-bottom: none;
}
.layer-cover .account-info-confirm .account-detail-info tr td {
  text-align: left;
  border: none;
}
.layer-cover .account-info-confirm .account-detail-info tr td.name {
  font-size: 14px;
  font-weight: 600;
  color: rgba(52,52,52,0.6);
}
.container {
  margin-top: -250px;
}
.main-browser-myself {
  margin-top: -204px;
}
.content {
  padding: 0 20px 14px 20px;
  margin-bottom: 10px;
  min-height: 524px;
  overflow: hidden;
  background: #fff;
  position: relative;
}
nav.nav {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
  overflow: visible !important;
}
header.continer {
  display: none !important;
}
.head-bg {
  padding: 82px 0 22px 0;
  height: 350px;
  background-color: #1d203b;
}
.head-browser-myself {
  height: 305px;
}
.outer-container {
  background-color: rgba(34,34,34,0.03);
}
.icon-add-userCenter {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
@font-face {
  font-family: Roboto;
  font-weight: 400;
  src: url("//files.dreame.com/dreame/file/00f4f4149354f62778b3503933e7b905/Roboto-Regular.ttf") format('truetype');
}
@font-face {
  font-family: Roboto;
  font-weight: 700;
  src: url("//files.dreame.com/dreame/file/303d82a157ea9519f805c9e932c5a76b/Roboto-Medium.ttf") format('truetype');
}
@font-face {
  font-family: Roboto;
  font-weight: 900;
  src: url("//files.dreame.com/dreame/file/41773717f1e83ccd0df8e4a2cc473ba5/Roboto-Bold.ttf") format('truetype');
}
.income-search .search.title-search {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.item-group .book-card .icon-eye {
  background-image: url("//file.ficfun.com/group1/M00/00/61/rB84XVusUQCARzYKAAACEQvhPMc149.png");
}
.item-group .book-card .icon-follow-s {
  background-image: url("//file.ficfun.com/group1/M00/00/61/rB84XVusUROABKwiAAABxUy7FKg234.png");
}
.item-group .book-card .btn-more {
  background-image: url("//file.ficfun.com/group1/M00/00/61/rB84XVusceSAEU1OAAAA3qV5g30926.png");
}
.flex-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pagination {
  margin-top: 40px;
  text-align: right;
}
.vertical-separator {
  height: 100%;
  width: 1px;
  background-color: #d8d8d8;
  -webkit-box-flex: unset !important;
      -ms-flex: unset !important;
          flex: unset !important;
}
.pagination-container {
  overflow: hidden;
}
.btn:active {
  opacity: 0.8;
}
.book-list {
  overflow: hidden;
}
.item-group {
  position: relative;
  left: 0;
  width: 952px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 14px;
}
.item-group.active {
  left: -284px;
}
.item-group .book-card {
  height: 180px;
  padding: 15px 18px 16px 0;
  background-color: rgba(34,34,34,0.02);
  border-radius: 8px;
}
.item-group .book-card:before {
  content: attr(data-value);
  display: block;
  margin-right: 17px;
  width: 36px;
  height: 30px;
  background-color: #fff;
  border-radius: 4px;
  line-height: 36px;
  text-align: center;
  font-size: 18px;
}
.item-group .book-card img {
  display: block;
  margin-right: 11.6px;
  width: 95px;
  height: 136px;
  border-radius: 4px;
}
.item-group .book-card .data-view {
  width: 206px;
  height: 30px;
  padding: 8px 10px;
  background: rgba(34,34,34,0.05);
  border-radius: 4px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.item-group .book-card .book-name {
  display: block;
  margin: 6px 0 0px 0;
  font-size: 16px;
  font-weight: 600;
  color: #2d220e;
}
.item-group .book-card .sign-result {
  margin-bottom: 12px;
}
.item-group .book-card .last-chapter {
  color: #333;
  letter-spacing: 0;
  margin-top: 40px;
}
.item-group .book-card .update-time {
  font-size: 12px;
  color: #707070;
  letter-spacing: 0;
}
.item-group .book-card .read,
.item-group .book-card .follow {
  font-size: 10px;
  color: rgba(16,16,16,0.6);
  letter-spacing: 0;
  text-align: center;
  line-height: 13px;
}
.item-group .book-card .icon-eye {
  display: inline-block;
  float: left;
  width: 16px;
  height: 10px;
}
.item-group .book-card .icon-follow-s {
  display: inline-block;
  float: left;
  width: 16px;
  height: 12px;
}
.item-group .book-card .text-bold {
  margin: 0 2px;
  color: #222;
  font-size: 14px;
}
.item-group .book-card .btn-group {
  line-height: unset;
  margin-right: 0;
}
.item-group .book-card .btn-newEpisode {
  vertical-align: top;
  padding: 10px 20px;
  height: 36px;
  background-color: #5e4df5;
  border-radius: 4px;
  color: #fff;
  letter-spacing: 0;
}
.item-group .book-card .btn-newEpisode span {
  font-size: 14px;
}
.item-group .book-card .btn-more {
  padding: 16px 8px;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: #5e4df5;
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}
.item-group .book-card .chapter-num {
  margin-top: 72px;
  color: #222;
  text-align: right;
}
.item-group .book-card .chapter-num span {
  font-size: 18px;
  margin-right: 4px;
}
.item-group .book-card .chapter-num .sign-result {
  margin-right: 5px;
  color: #fff;
}
.item-group .book-card .chapter-num .sign-result .sign-result-common {
  font-size: 12px;
  padding: 3px 2px;
  border-radius: 4px;
  color: #f8f8f8;
}
.item-group .book-card .chapter-num .sign-result .sign-complate {
  background: rgba(72,64,251,0.8);
}
.item-group .book-card .chapter-num .sign-result .sign-process {
  background: #ff53b0;
}
.item-group .setting-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 284px;
  position: relative;
  left: 14px;
}
.item-group .setting-menu .btn {
  display: block;
  width: 142px;
  height: 60px;
  line-height: 60px;
  padding: 0px 12px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #5e4df5;
  -o-text-overflow: initial;
     text-overflow: initial;
}
.item-group .setting-menu .btn.btn-multiline {
  word-break: break-word;
}
.item-group .setting-menu .btn:hover {
  background-color: rgba(94,77,245,0.6);
}
.item-group .setting-menu .btn .btn-word {
  display: inline-block;
  width: 90px;
  line-height: 17px;
  vertical-align: middle;
  word-break: break-word;
  white-space: pre-wrap;
}
.item-group .setting-menu .btn .btn-word-completion {
  width: 96px;
}
.item-group .setting-menu .btn .btn-word-delete {
  width: 76px;
}
.item-group .setting-menu .btn .btn-word-setting {
  width: 88px;
}
.item-group .setting-menu .btn .btn-word-processing {
  width: 62px;
}
.item-group .setting-menu .btn-disable {
  position: relative;
  color: rgba(255,255,255,0.6);
}
.item-group .setting-menu .btn-disable:hover + .ineligible-reason {
  display: block;
}
.item-group .setting-menu .btn-disable .icon-help {
  position: absolute;
  top: 22px;
  left: 86px;
  opacity: 0.6;
  margin-left: 30px;
}
.item-group .setting-menu .ineligible-reason {
  display: none;
  position: absolute;
  width: 200px;
  background: #583174;
  border-radius: 4px 4px;
  top: 4px;
  left: -70px;
  padding: 7px 9px 8px 9px;
  font-size: 12px;
  color: #fff;
  z-index: 999;
}
.item-group .setting-menu .ineligible-reason.pay-to-read {
  top: 38px;
}
.item-group .setting-menu .ineligible-reason.pay-to-read.in-process {
  top: 44px;
}
.item-group .setting-menu .ineligible-reason.pay-to-read.approved {
  top: 64px;
}
.item-group .setting-menu .ineligible-reason.manage-comment {
  top: 64px;
  left: -212px;
}
.item-group .setting-menu .ineligible-reason.book-completion {
  top: 106px;
}
.item-group .setting-menu .ineligible-reason.book-completion.complete-status {
  top: 126px;
}
.item-group .setting-menu .ineligible-reason .ineligible-arrow {
  position: absolute;
  border-left: 8px solid #583174;
  border-top: 8px solid rgba(34,34,34,0.02);
  border-bottom: 8px solid rgba(34,34,34,0.02);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -8px;
}
.item-group .setting-menu .ineligible-reason .ineligible-arrow.ineligible-arrow-flex {
  top: 46px;
}
.empty-tips .create-empty-btn {
  width: 180px;
}
.sign-notice.empty .notice-upper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.sign-notice {
  margin-bottom: 21px;
  margin-top: 12px;
}
.sign-notice .notice-upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sign-notice .notice-upper .new-story {
  background: #5e4df5;
  border-radius: 4px;
  width: 151px;
  height: 40px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
  display: block;
  margin-bottom: 19px;
}
.sign-notice .notice-upper .full-time-apply-btn {
  padding: 9px 0;
  width: 168px;
  height: 50px;
  border: 1px solid #905dff;
  border-radius: 25px;
  border-radius: 25px;
  text-align: center;
}
.sign-notice .notice-upper .full-time-apply-btn .full-time-text {
  font-size: 12px;
  line-height: 14px;
  color: #333;
}
.sign-notice .notice-upper .full-time-apply-btn .full-time-status-text {
  line-height: 16px;
  font-size: 14px;
  color: #905dff;
}
.sign-notice .notice-upper .full-time-status {
  text-align: right;
}
.sign-notice .notice-upper .full-time-status .status-icon {
  margin-bottom: 12px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.sign-notice .notice-upper .full-time-status span {
  font-size: 14px;
  color: #333;
  line-height: 16px;
}
.sign-notice .notice-upper .full-time-status .status-desc &gt; .desc-text {
  vertical-align: middle;
  margin-right: 10px;
}
.sign-notice .notice-upper .full-time-status .status-bar {
  position: relative;
  display: inline-block;
  width: 117px;
  height: 4px;
  background: #d8d8d8;
  vertical-align: middle;
  border-radius: 2px;
}
.sign-notice .notice-upper .full-time-status .status-bar .status-bar-indicator {
  display: inline-block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #ff53b0;
  border-radius: 2px 0 0 2px;
}
.sign-notice .notice-upper .full-time-status .progress-detail {
  font-size: 10px;
  color: #2e2e2e;
  line-height: 11px;
}
.sign-notice .notice-upper .full-time-status .progress-detail span {
  color: #ff53b0;
  font-size: inherit;
}
.sign-notice .notice-upper .full-time-desc {
  position: absolute;
  padding: 10px 10px 20px;
  width: 486px;
  right: 40px;
  top: 30px;
  z-index: 1;
  background: rgba(34,34,34,0.9);
  border-radius: 4px;
  text-align: left;
}
.sign-notice .notice-upper .full-time-desc h2 {
  margin-bottom: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 22px;
}
.sign-notice .notice-upper .full-time-desc .detail-text {
  margin-top: 10px;
  color: #a8a8a8;
  font-size: 12px;
  line-height: 16px;
}
.sign-notice .notice-upper .full-time-table {
  border-radius: 4px;
  overflow: hidden;
}
.sign-notice .notice-upper .full-time-table th {
  padding: 16px 0 7px;
  background: #626262;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255,255,255,0.6);
  text-align: center;
  border-left-color: #747474;
}
.sign-notice .notice-upper .full-time-table th:first-child {
  border-left: 0;
}
.sign-notice .notice-upper .full-time-table td {
  background: #6b6b6b;
  border-left-color: #747474;
  text-align: left;
  color: rgba(255,255,255,0.6);
  font-size: 12px;
}
.sign-notice .notice-upper .full-time-table tr {
  border-bottom-color: #747474;
}
.sign-notice .notice-info {
  line-height: 20px;
  font-size: 12px;
}
.sign-notice .notice-info .info-top {
  font-size: 13px;
}
.sign-notice .notice-info .info-top span {
  color: #cd6ffc;
}
.sign-notice .notice-info .info-bottom {
  font-size: 12px;
  color: rgba(16,16,16,0.4);
}
.hover-bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1d203b;
  opacity: 0.6;
  z-index: 1100;
}
.apply-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.apply-layer .form-container {
  background: #fff;
  width: 410px;
  margin: 0 auto;
  height: 560px;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.apply-layer .form-container.vip {
  height: 465px;
}
.apply-layer .close-wrapper {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #414940;
}
.apply-layer .close-wrapper:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  border: 1px solid rgba(52,52,52,0.1);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.apply-layer .close-wrapper .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
}
.apply-layer .close-wrapper .close-button {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.apply-layer .form-wrapper {
  padding: 0 18px;
}
.apply-layer .form-wrapper .form-item {
  margin: 12px 0 20px 0;
}
.apply-layer .form-wrapper .label {
  font-size: 14px;
  color: rgba(34,34,34,0.6);
  line-height: 24px;
}
.apply-layer .form-wrapper .title,
.apply-layer .form-wrapper .word-count {
  font-size: 18px;
  font-weight: 600;
  color: #414940;
}
.apply-layer .form-wrapper .statement {
  background: #faf8e4;
  border-radius: 4px;
  padding: 12px 10px;
  font-size: 12px;
  color: #222;
  line-height: 18px;
}
.apply-layer .form-wrapper .statement .statement-item {
  font-weight: 600;
  margin-top: 10px;
}
.apply-layer .form-wrapper .statement .statement-checkbox {
  text-align: center;
  line-height: 24px;
}
.apply-layer .form-wrapper .chapter-selector {
  width: 374px;
  padding: 12px;
  margin: 10px 0;
  border: unset;
  outline: unset;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  background-color: rgba(34,34,34,0.03);
}
.apply-layer .form-wrapper .chapter-selector &gt;option {
  padding: 11px 10px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0;
}
.apply-layer .form-wrapper .chapter-selector &gt;option:hover {
  background-color: #f4f4f4;
}
.apply-layer .form-wrapper .chapter-statement {
  font-size: 12px;
  color: rgba(34,34,34,0.6);
  line-height: 18px;
}
.apply-layer .btn-wrapper {
  text-align: center;
  padding: 16px 0 20px 0;
}
.apply-layer .btn-wrapper .confirm-btn,
.apply-layer .btn-wrapper .cancel-btn {
  line-height: 44px;
  width: 150px;
  font-size: 16px;
  margin: 0 10px;
}
.apply-layer .btn-wrapper .confirm-btn.btn-disabled {
  background: rgba(171,74,242,0.5);
  border: unset;
}
.fulltime-apply-modal {
  padding: 36px 20px 26px;
  width: 370px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.fulltime-apply-modal .title {
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  color: #222;
  line-height: 21px;
}
.fulltime-apply-modal .content-text {
  font-size: 14px;
  color: rgba(34,34,34,0.6);
  line-height: 16px;
}
.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.inbox-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  color: #707070;
  display: none;
}
.inbox-empty div {
  margin-top: 20px;
}
.inbox-container {
  margin-top: 23px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inbox-container .notice-item {
  padding: 16px;
  background-color: #f8f8f8;
  position: relative;
  margin-bottom: 10px;
}
.inbox-container .notice-item .item-img {
  float: left;
}
.inbox-container .notice-item .item-img img {
  border-radius: 50%;
}
.inbox-container .notice-item .item-info {
  overflow: hidden;
  margin-left: 56px;
  line-height: 20px;
}
.inbox-container .notice-item .item-info .info-title {
  font-size: 14px;
  color: $text-black;
  margin-bottom: 4px;
  margin-right: 25px;
}
.inbox-container .notice-item .item-info .info-detail {
  margin-right: 25px;
  font-size: 12px;
  color: rgba(34,34,34,0.4);
  margin-bottom: 14px;
}
.inbox-container .notice-item .item-info .quote {
  background-color: #fbf9f3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.inbox-container .notice-item .item-info .info-footer .item-uptime {
  font-size: 12px;
  color: rgba(34,34,34,0.4);
}
.inbox-container .notice-item .item-info .info-footer .item-reason {
  float: right;
  cursor: pointer;
  font-size: 14px;
  color: #5e4df5;
}
.inbox-container .notice-item .item-update {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff665b;
  position: absolute;
  top: -4px;
  left: -4px;
}
.inbox-container .notice-item .delete-btn {
  position: absolute;
  display: none;
  top: 11px;
  right: 14px;
  cursor: pointer;
}
.inbox-container .notice-item .delete-btn img {
  width: 20px;
  height: 20px;
}
.inbox-container .notice-item .deleted-container {
  position: absolute;
  top: 11px;
  right: 14px;
  display: none;
}
.inbox-container .notice-item .deleted-container img {
  width: 20px;
  height: 20px;
}
.inbox-container .notice-item:hover .delete-btn {
  display: block;
}
.inbox-container .notice-item.deleted .deleted-container {
  display: block;
}
.inbox-container .notice-item.deleted:hover .delete-btn {
  display: none;
}
.inbox-container .notice-item.is-read {
  opacity: 0.5;
}
.page-jump {
  float: right;
  margin-top: 40px;
  margin-left: 7px;
}
.page-jump .go-page {
  float: right;
  margin-top: 39px;
  margin-left: 7px;
  vertical-align: top;
  display: none;
}
.page-jump .value {
  width: 40px;
  height: 31px;
  background: #f7f5f2;
  border: none;
  margin-right: 10px;
  text-align: center;
  vertical-align: top;
}
.page-jump .go {
  line-height: 29px;
  width: 29px;
  height: 29px;
  border: 1px solid #ab4af2;
  font-size: 14px;
  color: #ab4af2;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.page-jump .go:hover {
  background-color: rgba(171,74,242,0.1);
}
.follow-container .follow-container-item {
  padding: 19px 0 19px 6px;
  height: 90px;
  border-bottom: 1px solid #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.follow-container .follow-container-item .avater-container {
  margin-right: 10px;
  cursor: pointer;
}
.follow-container .follow-container-item .avater-container img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 2px 3px rgba(34,34,34,0.1);
          box-shadow: 0 2px 3px rgba(34,34,34,0.1);
}
.follow-container .follow-container-item .author-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: pointer;
}
.follow-container .follow-container-item .author-info .author-name {
  font-size: 16px;
  color: #333;
  line-height: 19px;
}
.follow-container .follow-container-item .author-info .author-book {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(34,34,34,0.6);
  line-height: 12px;
}
.follow-container .follow-container-item .author-info .count {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  line-height: 12px;
}
.follow-container .follow-container-item .unfollow-container .unfollow-btn {
  font-size: 14px;
  color: rgba(94,77,245,0.6);
  background: #fff;
}
.follow-container .suggest-follow-container {
  margin: 30px 11px 0;
  padding: 0 7px 0 10px;
  background: #f8f8f8;
  border-radius: 4px;
}
.follow-container .suggest-follow-container .follow-container-item {
  padding: 19px 20px 19px 20px;
}
.follow-container .suggest-follow-container .follow-container-item .unfollow-container .unfollow-btn {
  width: 150px;
  height: 40px;
  font-size: 16px;
  color: rgba(94,77,245,0.6);
  background: #f8f8f8;
}
.follow-container .suggest-follow-container .follow-container-item .unfollow-container .unfollow-btn.active {
  background: #5e4df5;
  -webkit-box-shadow: 0 2px 4px 0 rgba(134,56,190,0.1);
          box-shadow: 0 2px 4px 0 rgba(134,56,190,0.1);
  border-radius: 2px;
  color: #fff;
}
.follow-container .suggest-follow-container .suggest-text {
  line-height: 50px;
  text-indent: 10px;
  font-size: 18px;
  color: #000;
}
.follow-container .suggest-follow-container .close-btn {
  display: block;
  width: 24px;
  height: 24px;
  float: right;
  margin: 12px 13px 0 0;
  cursor: pointer;
  background: url("//file.ficfun.com/group1/M00/00/BE/rB84XVw8heuADXTRAAABogX1Vmk058.png") no-repeat center;
  background-size: 100% 100%;
}
.inner-container {
  min-height: 724px;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-bottom: 20px;
}
.inner-container .author-name {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  line-height: 53px;
  -webkit-box-shadow: 2px 0 4px 0 rgba(34,34,34,0.03);
          box-shadow: 2px 0 4px 0 rgba(34,34,34,0.03);
  padding-left: 20px;
  border-bottom: 1px solid #f4f4f4;
}
.inner-container .author-book-empty {
  text-align: center;
  margin-top: 166px;
}
.inner-container .author-book-empty img {
  width: 200px;
  height: 200px;
}
.inner-container .author-book-empty p {
  width: 235px;
  font-size: 14px;
  line-height: 18px;
  color: #222;
  margin: 16px auto 0;
}
.inner-container .author-book-wrap {
  margin-top: 20px;
  border-radius: 8px;
}
.inner-container .author-book-wrap .author-book-inner {
  margin: 20px;
  padding: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f8f8f8;
}
.inner-container .author-book-wrap .author-book-inner .book-cover {
  width: 96px;
  height: 136px;
  margin-right: 12px;
  z-index: 1;
}
.inner-container .author-book-wrap .author-book-inner .book-cover img {
  width: 100%;
  height: 100%;
}
.inner-container .author-book-wrap .author-book-inner .book-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inner-container .author-book-wrap .author-book-inner .book-detail .book-name {
  overflow: hidden;
  width: 320px;
  font-size: 16px;
  font-weight: 600;
  color: #2d220e;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.inner-container .author-book-wrap .author-book-inner .book-detail .book-read {
  font-size: 12px;
  color: rgba(16,16,16,0.6);
  line-height: 13px;
}
.inner-container .author-book-wrap .author-book-inner .book-detail .book-read .read-img {
  width: 16px;
  height: 10px;
  vertical-align: baseline;
}
.inner-container .author-book-wrap .author-book-inner .book-detail .book-desc {
  width: 340px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: #222;
  word-break: break-word;
}
.inner-container .author-book-wrap .author-book-inner .book-detail .book-update-time {
  font-size: 12px;
  color: #707070;
}
.inner-container .author-book-wrap .author-book-inner .btn-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 150px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inner-container .author-book-wrap .author-book-inner .btn-groups .read-review {
  margin-bottom: 16px;
}
.inner-container .author-book-wrap .author-book-inner .btn-groups .btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 150px;
  height: 36px;
  border: 1px solid #5e4df5;
  line-height: 36px;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
}
.inner-container .author-book-wrap .author-book-inner .btn-groups .btn-bg-white {
  background: #fff;
  color: #5e4df5;
}
.inner-container .author-book-wrap .author-book-inner .btn-groups .btn-bg-purple {
  background: #5e4df5;
  color: #fff;
}
.income-search .search {
  background-color: rgba(34,34,34,0.03);
}
.hover-income-content .close-wrapper .close,
.transaction-record-layer .close-wrapper .close {
  background-image: url("//file.ficfun.com/group1/M00/00/D1/rB84dlxT-WWAYTq8AAABogX1Vmk633.png");
  background-size: cover;
}
.income-search .search {
  position: relative;
  width: 97px;
  height: 32px;
  margin-right: 10px;
  padding-left: 10px;
  font: 12px/32px $font_family_r;
  border-radius: 4px;
}
.income-search .search.btn-withdraw {
  position: absolute;
  right: 0;
  top: 50%;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.income-table.daily-table .note span,
.hover-income-content td span,
.transaction-record-layer td span {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("//file.ficfun.com/group1/M00/00/D1/rB84dlxTrkuASsHyAAADZIX53YY098.png");
  background-size: cover;
  vertical-align: middle;
}
.income-table table tbody tr td.pink div,
.tips .note-content,
.hover-income-content td span div,
.transaction-record-layer td span div {
  display: none;
  position: absolute;
  z-index: 666;
  padding: 10px;
  word-wrap: break-word;
  font: 12px/16px $font_family_r;
  color: #fff;
  text-align: left;
  background-color: rgba(34,34,34,0.9);
  border-radius: 4px;
}
body.no-scroll {
  overflow-y: hidden;
}
.income-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 19px 40px 12px;
}
.income-content .daily-note {
  font-size: 14px;
  line-height: 20px;
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
  border-radius: 4px;
  background: rgba(34,34,34,0.03);
}
.income-content .daily-none {
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 180px;
  margin: auto;
  background: url("//file.ficfun.com/group1/M00/00/D0/rB84dlxSpHWAcWVKAAAdXDqB2H0418.png") center center/contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.income-content .daily-none .sign-none {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -35px;
  font: 14px $font_family_p;
  text-align: center;
}
.income-content .pagination {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 20px;
}
.income-search {
  position: relative;
  margin-top: 20px;
  font-size: 0;
}
.income-search .search.title-search {
  width: 200px;
}
.income-search .search.title-search::after,
.income-search .search.date-search::after {
  position: absolute;
  right: 7px;
  width: 0;
  hegiht: 0;
  border-top: 10px solid rgba(34,34,34,0.06);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 10px solid transparent;
}
.income-search .search.btn-search,
.income-search .search.btn-withdraw {
  padding-left: 0;
  color: #fff;
  text-align: center;
  background-color: #5e4df5;
}
.income-table {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  width: 682px;
  margin-top: 20px;
}
.income-table.none-y {
  height: auto;
  overflow-y: inherit;
}
.income-table.exceed {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.income-table.exceed table tbody.transaction td.story {
  margin: 7px 0;
  height: 46px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.income-table table {
  width: 100%;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}
.income-table table thead th {
  position: relative;
  height: 50px;
  line-height: inherit;
  background-color: #faf8e4;
  text-align: left;
  color: #222;
  font-size: 12px;
  padding-left: 12px;
}
.income-table table thead th.book-title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.income-table table thead th.ellipsis {
  width: 24px;
}
.income-table table tbody tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.income-table table tbody tr:nth-child(2n - 1) {
  background-color: #fff;
}
.income-table table tbody tr td.pink {
  position: relative;
  color: #ff53b0;
}
.income-table table tbody tr.row {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  background-color: #fff !important;
}
.income-table table tbody tr.row .switch-fold {
  color: #b54fff;
  cursor: pointer;
}
.income-table table tbody tr.row td {
  font-size: 12px;
  font-weight: 600;
  color: #222;
}
.income-table table tbody tr.bookList-detail {
  font-size: 12px;
  font-weight: 600;
  color: rgba(34,34,34,0.6);
}
.income-table table tbody tr.bookList-detail td {
  font-size: 12px;
  font-weight: 600;
  color: rgba(34,34,34,0.6);
}
.income-table table tbody tr.bookList-detail:nth-child(2n) {
  background-color: #fff;
}
.income-table table tbody tr.bookList-detail:nth-child(2n-1) {
  background-color: #f8f8f8;
}
.income-table table tbody tr td.story img {
  width: 72px;
  height: 104px;
}
.income-table table tbody tr td.story p {
  width: 72px;
  word-break: word-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font: 14px/16px $font_family_rm;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.income-table table tbody tr td.status p {
  margin: 2px 10px 0;
  font: 10px $font_family_r;
  color: #5e4df5;
}
.income-table table tbody tr td.sign-book {
  position: relative;
  overflow: visible;
  z-index: 100;
}
.income-table table tbody tr td.sign-book .sign-book-name {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.income-table table tbody tr td.sign-book .sign-info-wrap {
  border-radius: 4px;
  display: none;
  overflow: hidden;
}
.income-table table tbody tr td.sign-book table {
  width: 292px;
  height: 168px;
}
.income-table table tbody tr td.sign-book table td {
  background: rgba(34,34,34,0.9);
  font-size: 12px;
  line-height: 16px;
  height: auto;
}
.income-table table tbody tr td.sign-book table td.sign-title {
  font-size: 16px;
  color: #fff;
}
.income-table table tbody tr td.sign-book table td.sign-name {
  color: rgba(255,255,255,0.6);
}
.income-table table tbody tr td.sign-book table td.sign-content {
  color: #fff;
  overflow: visible;
}
.income-table table tbody tr td.sign-book table td div {
  margin-left: -30px;
  margin-right: 7px;
}
.income-table table tbody.daily td {
  height: 30px;
  text-align: left;
}
.income-table table tbody tr.tr-total-val td {
  height: 50px;
  background-color: rgba(223,243,238,0.5);
  color: #ff53b0;
}
.income-table table tbody.month td {
  height: 60px;
}
.table-wrapper-layer .income-table table tbody.month td {
  height: 70px;
}
.income-table table tbody.transaction td {
  height: 60px;
}
.income-table table tfoot td {
  height: 50px;
  background-color: rgba(223,243,238,0.5);
}
.income-table table tr {
  border: none;
}
.income-table table tr &gt; * {
  font: 14px/16px $font_family_rm;
}
.income-table table td {
  overflow: inherit;
  text-align: left;
  padding: 0;
  border-left: none;
  white-space: normal;
  vertical-align: middle;
  line-height: inherit !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  padding-left: 12px;
}
.tips .note-content {
  top: -6px;
  width: 310px;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.tips li.daily-subscribe div {
  left: 194px;
}
.tips li.daily-reward div {
  left: 291px;
}
.tips li.daily-urge div {
  left: 388px;
}
.tips li.daily-prepayment div {
  left: 486px;
}
.hover-bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1d203b;
  opacity: 0.6;
  z-index: 1100;
}
.hover-income-content,
.transaction-record-layer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  min-width: 0;
  min-height: 0;
  padding: 21px 16px 30px 20px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-transform: scale(0) translateY(0);
      -ms-transform: scale(0) translateY(0);
          transform: scale(0) translateY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
.hover-income-content .income-table,
.transaction-record-layer .income-table {
  width: 100%;
  margin-top: 0;
}
.hover-income-content .table-wrapper-layer,
.transaction-record-layer .table-wrapper-layer {
  margin-top: 20px;
}
.hover-income-content.show,
.transaction-record-layer.show {
  min-width: 1024px;
  max-height: 95%;
  left: 29px !important;
  right: 37px !important;
  top: 50% !important;
  bottom: auto !important;
  -webkit-transform: scale(1) translateY(-50%);
      -ms-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
  z-index: 1110;
}
.hover-income-content .close-wrapper,
.transaction-record-layer .close-wrapper {
  margin-bottom: 39px;
}
.hover-income-content .close-wrapper .close,
.transaction-record-layer .close-wrapper .close {
  float: right;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  cursor: pointer;
}
.hover-income-content .pagination,
.transaction-record-layer .pagination {
  margin-top: 10px !important;
}
.hover-income-content td,
.transaction-record-layer td {
  position: relative;
}
.hover-income-content td span div,
.transaction-record-layer td span div {
  width: 278px;
  top: -4px;
  left: -49px;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.unit {
  font: 14px/16px $font_family_rm;
}
.income-search .daily-time {
  outline: none;
  border: none;
  background: rgba(34,34,34,0.03);
  border-radius: 4px;
  width: 160px;
}
.income-search .daily-time.daily-start-time {
  margin-right: 16px;
}
.income-search .income-wrap {
  margin-top: -20px;
  height: 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  border-bottom: solid 1px rgba(34,34,34,0.1);
  margin-bottom: 20px;
}
.income-search .income-wrap .income-num {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 600;
  font-size: 24px;
  color: #222;
  margin-left: 16px;
}
.income-search .income-wrap .income-num .income-title {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  height: 20px;
  color: rgba(34,34,34,0.4);
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}
.income-search .income-wrap .income-num .income-balance-num,
.income-search .income-wrap .income-num .income-symbol {
  font-size: 24px;
  color: #222;
  letter-spacing: 0;
  text-align: left;
}
.income-search .income-wrap .income-num .withdraw-tips {
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
  color: #ab4af2;
  cursor: pointer;
}
.income-search .income-wrap .btn-withdraw,
.income-search .income-wrap .transaction-record-btn {
  cursor: pointer;
  display: inline-block;
  background-color: #ab4af2;
  width: 97px;
  height: 32px;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 16px;
}
.income-search .income-wrap .transaction-record-btn {
  background-color: #fff;
  color: #ab4af2;
  margin-left: 10px;
  border: 1px solid #ab4af2;
}
.bookList-detail {
  display: none;
}
.layui-laydate tr td {
  line-height: 24px;
}
.table-wrapper-layer {
  overflow: auto;
}
.income-unit-wrapper {
  width: 678px;
  margin-top: 30px;
}
.income-unit-wrapper p {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.withdraw-tips-box {
  width: 562px;
  height: auto;
  max-height: 620px;
  padding: 14px 18px 24px;
  font-size: 12px;
  line-height: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
/* è®¾ç½®æ»šåŠ¨æ¡çš„æ&nbsp;·å¼ */
/* æ»šåŠ¨æ§½ */
/* æ»šåŠ¨æ¡æ»‘å— */
}
.withdraw-tips-box::-webkit-scrollbar {
  width: 12px;
}
.withdraw-tips-box::-webkit-scrollbar-track {
  -webkit-box-shadow: rgba(0,0,0,0.3);
  border-radius: 10px;
}
.withdraw-tips-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(34,34,34,0.2);
  -webkit-box-shadow: rgba(0,0,0,0.5);
}
.withdraw-tips-box div {
  color: #383838;
  margin: 18px 0 10px;
}
.withdraw-tips-box div:nth-of-type(-n+2) {
  font-size: 14px;
  font-weight: bold;
}
.withdraw-tips-box p {
  color: #383838;
}
.withdraw-tips-box h4 {
  color: #ff53b0;
  margin: 20px 0 12px;
}
.withdraw-tips-box .circle {
  margin-right: 5px;
}
.withdraw-tips-box .circle-sm {
  color: #ff53b0;
}
.transaction-record-layer.show {
  width: 1000px;
  min-height: 400px;
  left: 50% !important;
  -webkit-transform: scale(1) translate(-50%, -50%);
      -ms-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
}
.transaction-record-layer .close-wrapper {
  font-size: 18px;
  font-weight: 600;
  color: #414940;
  margin-bottom: 18px;
}
.transaction-record-layer .record-wrap {
  display: none;
  overflow-y: auto;
}
.transaction-record-layer .transaction-table-wrap {
  overflow: auto;
}
.transaction-record-layer td.details {
  position: relative;
  overflow: visible;
  z-index: 100;
}
.transaction-record-layer td.details .details-btn {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  color: #ab4af2;
}
.transaction-record-layer td.details .details-tips {
  border-radius: 4px;
  display: none;
  overflow: hidden;
  width: 160px;
  height: auto;
  padding: 12px 10px;
  background: rgba(34,34,34,0.95);
  font-size: 12px;
  line-height: 16px;
  z-index: 9999;
}
.transaction-record-layer td.details .details-tips .details-title {
  font-size: 16px;
  color: #fff;
}
.transaction-record-layer td.details .details-tips .details-content {
  color: #fff;
  overflow: visible;
  text-indent: 2em;
  white-space: pre-wrap;
  text-align: justify;
  word-break: break-all;
  word-wrap: break-word;
}
.transaction-record-layer td.details.text-overflow {
  cursor: pointer;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.transaction-record-layer .transaction-note {
  margin-top: 30px;
  width: 678px;
}
.transaction-record-layer .transaction-note p {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #414940;
}
.empty-record {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 180px;
  margin: auto;
  background: url("//file.ficfun.com/group1/M00/00/D0/rB84dlxSpHWAcWVKAAAdXDqB2H0418.png") center center/contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.empty-record .empty-note {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -35px;
  font: 14px PingFangSC-Regular;
  text-align: center;
}
</pre></body></html>