body {
    font-family: 'Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 14px;
    color: #1a1a1a;
}

p {
    word-wrap: break-word;
    word-break: break-all;
}

code {
    white-space: pre-wrap;
    word-break: break-all;
}

.pointer {
    cursor: pointer;
}

.mbc {
    background: #e1ebf4;
}

.mc {
    color: #e1ebf4;
}

.primary {
    color: #D40F1A;
}

.main-content {
    background: #fff;
    flex-direction: column;
    align-items:center;
    padding: 30px 0;
}

* {
    margin:0;
    padding:0;
    list-style:none;
    box-sizing: border-box;
}

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

.el-header {
    padding: 0;
    height: auto;
}

.row-bg, #app {
    width: 1090px;
}

#app {
    margin: auto;
}

.siteinfo {
    color: #666;
    padding: 30px;
}

.siteinfo .title {
    font-size: 18px;
}

.siteinfo .contact {
    display: flex;
    margin-top: 30px;
    margin-left: 40px;
}

.siteinfo .contact > p:last-child {
    margin-left: 30px;
}

.siteinfo .copyright {
    margin-top: 30px;
    margin-left: 40px;
}

.mrt16 {
    margin-top: 16px;
}

.bookinfo-notice .content {
    padding: 20px;
}

.bookinfo-otherlist .item {
    display: flex;
    padding: 10px;
}

.bookinfo-otherlist .item > div:last-child {
    margin-left: 10px;
}

.bookinfo-otherlist .item > div:last-child > p:first-child {
    font-size: 18px;
}

.bookinfo-otherlist .item > div:last-child > p:last-child {
    font-size: 16px;
    color: #b3b3b3;
    margin-top: 30px;
}

.bookinfo-otherlist,
.bookinfo-notice,
.fw-list-container {
    width: 230px;
    height: 375px;
    border: 1px solid #e1ebf4;
}

.bookinfo-otherlist {
    height: 470px;
}

.bookinfo-otherlist .title,
.bookinfo-notice .title,
.fw-lastupdate-list .title,
.fw-list-container .title,
.fw-cover-list .title,
.fw-nr-list .title {
    height:36px;
    background: #D40F1A;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.fw-list-container .item {
    height:42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dotted #e1ebf4;
    margin: 0 10px;
}

.fw-list-container  ul > a:last-child .item {
    border-bottom: none;
}

.fw-list-container .item > span:last-child {
    color: #b3b3b3;
}

.carousel,
.fw-nr-list {
    width: 810px;
    height: 335px;
}

.fw-nr-list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 284px;
}

.fw-nr-list ul {
    display: flex;
    margin-top: 29px;
}

.fw-nr-list img {
    display: block;
}

.fw-nr-list .item .info {
    height: 140px;
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    justify-content: space-between;
}

.fw-nr-list .item .info > div:first-child {
    display: flex;
    flex-direction: column;
}

.fw-nr-list .item .info > div:first-child > span:last-child {
    font-size: 12px;
    color: #b3b3b3;
}

.fw-nr-list .item .info > div:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #b3b3b3;
    font-size: 12px;
}

.fw-nr-list .item .info > div:last-child > span:nth-child(odd) {
    width: 55px;
    text-align: center;
}

.fw-nr-list .item .info > div:last-child > span:nth-child(3) {
    width:26px;
}

.fw-nr-list .item .info > div:last-child > span:nth-child(5) {
    width:68px;
    text-align: right;
}

.fw-cover-list,
.fw-lastupdate-list {
    width: 1090px;
}

.fw-cover-list ul {
    display: flex;
    justify-content: space-around;
    margin: 1em;
}

.fw-cover-list .item p {
    margin: 1em 0;
    color: #666;
}

.fw-lastupdate-list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 42px;
}

.fw-lastupdate-list .item {
    margin: 0 20px;
    border-bottom: 2px dotted #e1ebf4;
    color: #999;
}

.fw-lastupdate-list .item > a {
    color: #999;
}

.fw-lastupdate-list .item > a:nth-child(2) {
    margin: 0 auto 0 20px;
    width: 200px;
    color: #000;
}

.fw-lastupdate-list .item > a:nth-child(3) {
    margin: 0 auto 0 40px;
    width: 260px;
}

.fw-lastupdate-list .item > span:nth-child(4) {
    margin: 0 200px 0 20px;
    width: 100px;
}

.fw-lastupdate-list .item > span:nth-child(5) {
    width: 125px;
}

.fw-cover-list .item > a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.books-filter {
    width: 100%;
}

.books-filter li {
    padding: 10px 0 10px 10px;
}

.books-filter li > span:first-child {
    font-weight: bold;
    margin-left: 0;
    cursor:default;
}

.books-filter li > div > span,
.books-filter li > span {
    margin-left: 20px;
    cursor: pointer;
    color: #666;
    white-space: nowrap;
    padding: 1px 8px;
}

.books-filter li > div > span:first-child {
    margin-left: 0;
}

.books-filter .active {
    background: #D40F1A;
    padding: 1px 8px;
    color: #fff;
}

.fdc {
    display: flex;
    flex-direction: column;
}

.booklist .item {
    display: flex;
    border-bottom: 1px solid #e1ebf4;
    padding: 20px 0;
}

.booklist .item img {
    display: block;
}

.booklist .item > div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10px;
}

.booklist .item > div:last-child > p:first-child {
    font-size: 18px;
}

.booklist .item > div:last-child > div:nth-child(2) {
    margin: 3px 0 0 0;
    display: flex;
    align-items: center;
    color: #666;
    font-size: 12px;
}

.booklist .item > div:last-child > div:nth-child(2) > span {
    margin: 0 5px;
}

.booklist .item > div:last-child > div:nth-child(2) > span:nth-child(2) {
    margin: 0 10px 0 0;
}

.booklist .item > div:last-child > div:nth-child(2) .vertical-line {
    margin: 0 5px;
}

.booklist .item > div:last-child > div:nth-child(2) i {
    margin-right: 3px;
}

.booklist .item > div:last-child > p:nth-child(3) {
   width: 600px;
   margin: 10px 0 auto 0;
}

.booklist .item > div:last-child > div:nth-child(4) a {
    margin: 0 20px 0 20px;
 }

 .ranking .title {
     width: 100%;
     border-bottom: 1px solid #e1ebf4;
     margin: 16px 0;
     padding-bottom: 16px;
 }

 .ranking div:last-child {
     display: flex;
    justify-content: space-between;
 }

.ranking-list .item {
    display: flex;
    flex-direction: column;
    width: 346px;
}

.ranking-list .item > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e1ebf4;
    height: 40px;
    padding: 0px 20px;
}

.ranking-list .item > div:first-child ul {
    display: flex;
}

.ranking-list .item > div:first-child > span {
    font-weight: bold;
}

.ranking-list .item > div:first-child ul > li > span {
    padding: 4px 12px 14px 12px;
    cursor: pointer;
}

.ranking-list .item > div:first-child ul > li .active {
    background: #fff;
}

.ranking-list .item > ul {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

.ranking-list .item > ul > li {
    display: flex;
    border-bottom: 1px dashed #b2b2b2;
    height: 40px;
    align-items: center;
    justify-content: space-between;
}

.ranking-list .item > ul > li:first-child {
    height: 108px;
    align-items: flex-start;
}

.ranking-list .item > ul > li:first-child > div:nth-child(2){
    margin: 0 0 0 10px;
}

.ranking-list .item > ul > li:first-child > div:nth-child(3){
    margin: 0 auto 0 10px;
    font-size: 18px;
    display: flex;
    flex-direction: column;
}

.ranking-list .item > ul > li:first-child > div:nth-child(3) > span:last-child {
    font-size: 16px;
    color: #b3b3b3;
    margin-top: 12px;
}

.ranking-list .item > ul > li > a:nth-child(2) {
    margin: 0 auto 0 8px
}

.ranking-list .item > ul > li > a:nth-child(3) {
    color: #b3b3b3;
}

.ranking-list .item > ul > li img {
    display: block;
}

.ranking-list .item > ul > li:first-child > div:first-child > span {
    width: 36px;
    height: 20px;
    background-color: #f35c6f;
    font-size: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.ranking-list .item > ul > li:first-child > div:last-child {
    display: flex;
    flex-direction: column;
}

.ranking-list .item > ul > li > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 0 0 8px;
}

.el-table__body-wrapper {
    min-height: auto;
}

.list-item-no1 {
    background: url("/img/icon/top1.png") no-repeat;
}
.list-item-no2 {
    background: url("/img/icon/top2.png") no-repeat;
}
.list-item-no3 {
    background: url("/img/icon/top3.png") no-repeat;
}
.list-item-no4 {
    background: url("/img/icon/top4.png") no-repeat;
}
.list-item-no5 {
    background: url("/img/icon/top5.png") no-repeat;
}
.list-item-no6 {
    background: url("/img/icon/top6.png") no-repeat;
}
.list-item-no7 {
    background: url("/img/icon/top7.png") no-repeat;
}
.list-item-no8 {
    background: url("/img/icon/top8.png") no-repeat;
}
.list-item-no9 {
    background: url("/img/icon/top9.png") no-repeat;
}
.list-item-no10 {
    background: url("/img/icon/top10.png") no-repeat;
}

.el-carousel__container {
    width: 100%;
    height: 200px;
}

.el-carousel__indicators--labels .el-carousel__indicator {
    border-right: 1px solid #e1ebf4;
    padding: 0;
}

.el-carousel__indicators--labels .is-active,
.el-carousel__indicators--labels .is-active .el-carousel__button {
    background-color: #D40F1A;
}

.el-footer {
    margin-top: 16px;
    padding: 0;
    display: flex;
    justify-content: center;
}

.el-main {
    padding: 0;
    margin: 30px 0;
}

.top-menu-islogin,
.top-menu-notlogin {
    display: flex;
    height: 40px;
    align-items: center;
    margin: 0 12px 0 0;
}

.top-menu-islogin a,
.top-menu-notlogin a {
    color: #666;
}

.top-menu-islogin > span,
.top-menu-notlogin > span {
    margin: 0 12px;
    display: block;
}

.top-menu-islogin > span:nth-child(2) {
    margin: 0 12px 0 0;
}

.top-menu-islogin > li:first-child {
    position: relative;
}

.top-menu-islogin > li:first-child > span:first-child {
    display: flex;
    color: #666;
    align-items: center;
    justify-content: center;
    min-width: 106px;
    z-index: 2;
}

.top-menu-islogin > li:first-child > span:first-child > span {
    margin: 0 0 0 auto;
}

.top-menu-islogin > li:first-child > span:first-child > i {
    margin: 0 12px 0 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/icon/icon_down_black.png) no-repeat;
}

.top-menu-islogin > li:first-child > ul:last-child {
    display: flex;
    flex-direction: column;
    position: absolute;      /* Add these */
    padding: 30px 0 0 0;
    top: 0px;
    z-index: 1;
    right: 0px;
}

.top-menu-islogin > li:first-child > ul:last-child > li {
    background-color: #e1ebf4;
    border-top: 1px solid rgba(179, 179, 179, 0.5);
}

.top-menu-islogin > li:first-child > ul:last-child > li:first-child {
    border-top: none;
}

.top-menu-islogin > li:first-child > ul:last-child > li > a {
    display: block;
    padding: 10px 25px;
}

.top-menu-islogin > li:first-child > ul:last-child > li > a:hover {
    background-color:#D40F1A;
    color: #fff;
}

.top-menu-islogin > li:first-child:hover .dorpdown-menu {
    display: flex;                    /* Leave everything else alone */
    flex-direction: column;
}

.top-menu-islogin > li:first-child > ul:last-child {
    display: none;
}

.vertical-line {
    border-right: 1px solid #c7c7c7;
    height: 12px;
}

.search {
    display: flex;
    align-items: center;
    height: 80px;
}

.search-form {
    background: #fff;
    width: 504px;
    height: 38px;
    border: 1px solid #e1ebf4;
    border-radius: 19px;
    display: flex;
    justify-content: space-between;
}

.search-input {
    margin: 0 0 0 24px;
    width: 420px;
    border: 0;
    outline: none;
    color:#666;
}

.search-button {
    margin: -1px -1px 0 0;
    width: 60px;
    height: 38px;
    background-color: #e1ebf4;
    border: 1px solid #e1ebf4;
    border-bottom-right-radius: 19px;
    border-top-right-radius: 19px;
    color:#666;
}

.main-menu-container {
    margin-top: 16px;
    height: 48px;
}

.main-menu {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #666;
}

.main-menu a {
    color: #666;
    padding: 10px 13px 14px 13px;
    margin-left: 64px;
}

.main-menu > div:first-child a {
    margin-left: 10px;
}

.main-menu .active a {
    color: #D40F1A;
    position: relative;
    background-color: #fff;
    padding: 10px 13px 14px 13px;
}

.card-bookname {
    font-size: 16px;
    color: #323232;
    margin: 28px 0 0 0;
}

.card-author {
    font-size: 12px;
    color: #808080;
    margin: 16px 0 0 0;
}

.card-intro {
    font-size: 12px;
    color: #808080;
    margin: 31px 24px 0 24px;
}

.card-read {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 32px;
    border-radius: 16px;
    background-color: #e1ebf4;
    font-size: 16px;
    color: #ffffff;
    margin: 32px 0 0 0;
}

.list1-item-category {
    font-size: 16px;
    color: #D40F1A;
}

.list1-content {
    margin: 10px 0 0 0;
}

.list1-item-book {
    color: #D40F1A;
    font-size: 16px;
    margin: 0 auto 0 8px;
}

.list1-item-author {

    color: #b3b3b3;
}

.last-siging-book-img {
    margin: 25px 0 0 0;
}

.last-siging-book {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.last-siging-bookname,
.special-recommendation-bookname {
    font-size: 16px;
    color: #323232;
    margin: 32px 0 0 0;
}

.last-siging-author,
.special-recommendation-author {
    font-size: 12px;
    color: #808080;
    margin: 16px 0 0 0;
}

.last-siging-intro,
.special-recommendation-reason {
    font-size: 12px;
    color: #666666;
    margin: 31px 24px 0 24px;
}

.margintop40 {
    margin: 40px 0 0 0;
}

.gray {
    color: #b3b3b3;
}

.special-recommendation-container {
    height: 484px;
}

.special-recommendation-container,
.special-recommendation-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.special-recommendation-img {
    margin: 32px 0 0 0;
}

.special-recommendation-reason > span {
    color: #D40F1A
}

.category-top {
    padding: 25px 0 21.5px 0;
    display:flex;
    flex-direction: row;
    border-bottom: 1px dashed #cccccc;
}

.category-top-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.category-top .category-top-item:first-child  {
    margin: 0 32px 0 0;
}

.category-top-item-info {
    margin: 0 0 0 10px;
}

.category-top-item-info > a:first-child {
    font-size: 16px;
    color: #D40F1A;
}

.category-top-item-info > p {
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #818181;
}

.category-top-item-info > div {
    margin: 10px 0 0 0;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category-top-item-info > div > span:nth-child(2) {
    color: #b3b3b3;
    margin: 0 auto 0 4px;
}

.category-top-item-info > div > span:nth-child(3) {
    color: #D40F1A;
    font-size: 10px;
    border-radius: 2px;
    padding: 1px;
    border: 1px solid #D40F1A;
}

.category-icon-avatar {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/img/category-icon-avatar.png") no-repeat;
    background-size: 14px 14px;
}

.category-list {
    display: flex;
    justify-content: space-between;
}

.category-list-item {
    width: 275.5px;
}

.category-list-item li {
    padding: 13.5px 0 21.5px 0;
    border-bottom: 1px dashed #cccccc;

}

.category-list-item li > a {
    color: #000;
}

.category-list-item li > a > span:nth-child(1) {
    color: #666666;
}

.category-list-item li > a > span:nth-child(2) {
    font-size: 12px;
    color: #666666;
}

.red {
    color: #ff4040;
}

.el-icon-time {
    margin: 0 9px 0 0;
}

.limit-free-carousel {
    margin: 32px 0 0 0;
}

.limit-free-carousel,
.limit-free-carousel .el-carousel__container {
    width: 228px;
    height: 160px;
}

.new-recommendation {
    padding: 30px 0 29.5px 0;
}

.customer-service {
    height: 284px;
    margin: 32px 0 0 0;
}

.customer-service-title span {
    margin: 0 0 0 8px
}

.customer-service-content {
    margin: 35px 0 0 20px;
    font-size: 12px;
    color: #666666;
}

.customer-service-content > li {
    margin: 0 0 22px 0;
}

.lastupdate-item {
    display:flex;
    justify-content: space-between;
    border-bottom: 2px dotted #cccccc;
    height: 40px;
    align-items: center;
    position: relative;
}

.black {
    color: #fff;
}

.darkgray {
    color: #666;
}

.lastupdate-item a:nth-child(2){
    margin: 0 auto 0 8px;
}

.lastupdate-item a:nth-child(3){
    left: 255px;
    font-size: 12px;
    position: absolute;
}

.lastupdate-item span:nth-child(4){
    font-size: 12px;
    right: 90px;
    position: absolute;
}

.lastupdate-item span:nth-child(5){
    font-size: 12px;
}

.star-write {
    height: 800px;
}

.star-write-item {
}

.star-write-info {
    display: flex;
    padding: 12px 0 0 7.5px;
}

.star-write-info img {
    display: block;
    border-radius:100%;
}

.star-write-name {
    display:flex;
    flex-direction: column;
    justify-content:center;
    margin: 0 0 0 24.5px;
}

.star-write-name span:first-child {
    font-size: 16px;
}

.star-write-name span {
    margin: 6px 0 0 0;
}

.star-write-item > span:nth-child(2) {
    display: inline-block;
    color: #808080;
    margin: 12px 0 0 8.5px;
}

.star-write-item > div:nth-child(3) {
    margin: 8px 0 0 8.5px;
    font-size: 12px;
}

.star-write-item > div:nth-child(3) > a {
    color: #D40F1A;
}

.star-write-item > div:nth-child(3) > span:nth-child(even) {
    display: inline-block;
    height: 10px;
    border-right: 1px solid #D40F1A;
}

.star-write-item > p:nth-child(4) {
    font-size: 12px;
    color: #808080;
    margin: 10px 8.5px 0 8.5px;
}

.star-write-line {
    display: inline-block;
    border-bottom: 1px dashed #cccccc;
    width:228px;
    margin:18px 0 0 24px;
}


.link {
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 88px;
    align-items: center;
}

.link-title {
    position: absolute;
    font-size: 16px;
    color: #ffffff;
    width: 42px;
    height: 96px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #D40F1A;
    padding: 6px 0 0 11px;
    top: -12px;
}

.link-title span {
    letter-spacing: 6px;
}

.link-item {
    color: #D40F1A;
    margin: 0 0 0 40px;;
}

.link-item-container {
    margin: 0 0 0 76px;
    display: flex;
    font-size: 12px;

}
.link-item-container > li {
    margin-left: 40px;
}

.link-item-container a {
    color: #D40F1A;
}

.breadcrumb {
    display: flex;
    justify-content: flex-start;
}

.el-radio__inner:hover,
.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__inner:hover,
.el-checkbox__inner:focus,
.el-textarea__inner:focus,
.el-input__inner:focus {
    border-color: #e1ebf4;
}

.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:hover,
.el-button--primary,
.el-button--primary:active,
.el-button--primary:focus,
.el-button--primary:hover {
    color: #fff;
    background: #D40F1A;
    border-color: #D40F1A;
}

.el-radio__input.is-checked+.el-radio__label,
.el-radio__label {
    font-size: 16px;
    color: #343434;
    font-weight: normal;
}

.phonecode-button {
    margin: 0 0 0 10px;
}

.reg-button {
    width: 100%;
}

.login-autologin {
    display: flex;
    justify-content: space-between;
}

.user-sidebar {
    width: 230px;
}

.about-right,
.user-content,
.author-main {
    margin-top: 16px;
    width: 860px;
}

.user-sidebar > ul {
    margin-top:16px;
}

.user-sidebar > ul > li {
    height: 48px;
    display: flex;
    align-items: center;
    margin-left:20px;
    position: relative;
}

.user-sidebar i {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.user-sidebar a {
    font-size: 16px;
    margin-left: 8px;
}

.user-siderbar-mr {
    margin-top: 24px;
}

.user-sidebar .is-active a {
    color: #e1ebf4;
}

.about-left .is-active::before,
.user-sidebar .is-active::before {
    content: "";
    position: absolute;
    height: 24px;
    width: 4px;
    background: #D40F1A;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    left: -20px;
}

.about-left .is-active::before {
    left: -16px;
}

.user-sidebar-home {
    background: url(/img/icon/icon_geren_nav_home_nor.png) no-repeat;
}

.user-sidebar .is-active .user-sidebar-home {
    background: url(/img/icon/icon_geren_nav_home_sel.png) no-repeat;
}

.user-sidebar-account {
    background: url(/img/icon/icon_geren_nav_zhanghu_nor.png) no-repeat;
}

.user-sidebar .is-active .user-sidebar-account {
    background: url(/img/icon/icon_geren_nav_zhanghu_sel.png) no-repeat;
}

.user-sidebar-profile {
    background: url(/img/icon/icon_geren_nav_ziliao_nor.png) no-repeat;
}

.user-sidebar .is-active .user-sidebar-profile {
    background: url(/img/icon/icon_geren_nav_ziliao_sel.png) no-repeat;
}

.user-sidebar-message {
    background: url(/img/icon/icon_geren_nav_xiaoxi_nor.png) no-repeat;
}

.user-sidebar .is-active .user-sidebar-message {
    background: url(/img/icon/icon_geren_nav_xiaoxi_sel.png) no-repeat;
}

.user-sidebar-book {
    background: url(/img/icon/icon_geren_nav_read_nor.png) no-repeat;
}

.user-sidebar .is-active .user-sidebar-book {
    background: url(/img/icon/icon_geren_nav_read_sel.png) no-repeat;
}

.user-sidebar-comment {
    background: url(/img/icon/icon_geren_nav_pinglun_nor.png) no-repeat;
}

.user-sidebar .is-active .user-sidebar-comment {
    background: url(/img/icon/icon_geren_nav_pinglun_sel.png) no-repeat;
}

.user-sidebar-author {
    background: url(/img/icon/icon_geren_nav_author_nor.png) no-repeat;
}

.user-sidebar .is-active .user-sidebar-author {
    background: url(/img/icon/icon_geren_nav_author_sel.png) no-repeat;
}

.user-avatar {
    display: block;
    border-radius: 100%;
}

.user-content-profile {
    height: 228px;
    border-bottom: 1px solid rgba(178, 178, 178, 0.5);
}

.user-content-account {
    height: 218px;
    border-bottom: 1px solid rgba(178, 178, 178, 0.5);
}

.user-content .profile {
    margin-left: 24px;
}

.user-content .profile .el-row:first-child {
    font-size: 18px;
    color: #343434;
}

.user-level {
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    width: 40px;
    height: 20px;
    border-radius: 2px;
    background-color: #e1ebf4;
    color: #fff;
    text-align: center;
}

.user-content .profile .el-row:first-child > a:last-child {
    margin-left: 12px;
}

.user-profile-edit-icon {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/img/icon/icon_geren_xiugaixinxi.png) no-repeat;
}

.user-content .profile > p:nth-child(2),
.user-content .profile > p:nth-child(3) {
    margin-top: 12px;
    font-size: 14px;
    color: #666666;
}

.user-content-account ul {
    display: flex;
}

.user-content-account-item {
    display: flex;
    justify-content: space-between;
    width: 223px;
}

.user-content-account-item > div:nth-child(2){
    border-right: 1px solid rgba(179, 179, 179, 0.5);
    height: 120px;
    margin: 49px 0 0 0;
}

.user-content-account-item > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.user-content-account-item > div:first-child > p:first-child {
    font-size: 16px;
    font-weight: bold;
    color: #343434;
    margin: 24px 0 0 16px;
}

.user-content-account-item > div:first-child > div:nth-child(2) {
    margin: 40px 0 0 10px;
    height: 48px;
}

.user-account-yubing-icon {
    display: block;
    width: 48px;
    height: 48px;
    background: url(/img/icon/icon_wodeyubing.png) no-repeat;
}

.user-account-yuer-icon {
    display: block;
    width: 48px;
    height: 48px;
    background: url(/img/icon/icon_wodeyuer.png) no-repeat;
}

.user-account-yuepiao-icon {
    display: block;
    width: 48px;
    height: 48px;
    background: url(/img/icon/icon_wodeyuepiao.png) no-repeat;
}

.user-account-yuedu-icon {
    display: block;
    width: 48px;
    height: 48px;
    background: url(/img/icon/icon_wodeyuedu.png) no-repeat;
}

.user-content-account-item > div:first-child > div:nth-child(2) > span:nth-child(2) {
    font-size: 20px;
    line-height: 1.2;
    color: #343434;
    margin: 0 0 0 8px;
}

.user-content-account-item > div:first-child > div:nth-child(2) > span:nth-child(3) {
    font-size: 12px;
    color: #b3b3b3;
    margin: 0 0 0 8px;
}

.user-content-account-item > div:first-child > div:nth-child(3) {
    margin: 40px 0 0 16px;
}

.user-content-title {
    width: 840px;
    height: 60px;
    box-shadow: 0 1px 0 0 rgba(179, 179, 179, 0.5);
    background-color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    color: #343434;
}

.user-content-profile-container,
.user-edit-container {
    display:flex;
    margin-top:23px;
}

.user-content-profile-container > div:nth-child(2) {
    display:flex;
    flex-direction:column;
    margin-left:24px;
    width: 684px;
}

.user-content-profile-container > div:nth-child(2) > div:first-child {
    display:flex;
    flex-direction: row;
    height: 80px;
    align-items: center;
    justify-content: space-between;
}

.user-content-profile-container > div:nth-child(2) > div:first-child > div:first-child > span:first-child {
    font-size: 24px;
    font-weight: bold;
    color: #343434;
}

.edit-text {
    font-size: 16px;
    color: #b3b3b3;
    margin-left:4px;
}

.user-content-profile-info > div {
    display:flex;
    flex-direction: column;
}

.user-content-profile-info > div:last-child {
    margin:0 0 0 30px;
}

.user-content-profile-info span {
    height: 80px;
    display: flex;
    align-items: center;
}

.user-content-profile-info > div:first-child span {
    font-size: 16px;
    font-weight: bold;
    color: #999999;
}

.user-content-profile-info > div:last-child span {
    font-size: 16px;
    color: #343434;
}

.user-edit-container .el-form {
    margin: 0 0 0 24px;
    width: 716px;
}
.user-edit-container .el-form-item {
    margin: 0;
    height: 80px;
    display: flex;
    align-items: center;
}

.user-edit-container .el-form-item__label {
    text-align: left;
    width: 124px;
    font-size: 16px;
    font-weight: bold;
    color: #999999;
}

.user-edit-container .el-textarea__inner {
    height: 156px;
}

.intro-word-count {
    position: absolute;
    right: 16px;
    top: 115px;
    font-size: 16px;
    color: #999999;
}

.user-edit-container-avatar-button {
    width: 80px;
    height: 32px;
    border: 1px solid #D40F1A;
    border-radius: 16px;
    background-color: #ffffff;
    font-size: 12px;
    color: #D40F1A;
    margin: 12px 0 0 0;
}

.user-edit-container-avatar-button:hover,
.user-edit-container-avatar-button:focus {
    border: 1px solid #D40F1A;
    border-radius: 16px;
    background-color: #ffffff;
    color: #D40F1A;
}

.user-account-info {
    display:flex;
    margin:16px 0 0 0;
}

.user-account-info-item {
    width: 120px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-account-info-item > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 0 auto;
}

.user-account-info-item:nth-child(3) > div:first-child {
    margin: auto;
}

.user-account-info-item > div:first-child > p:first-child {
    font-size: 20px;
    color: #343434;
}

.user-account-info-item > div:first-child > p:nth-child(2) {
    font-size: 12px;
    color: #b3b3b3;
    margin: 8px 0 0 0;
}

.user-account-info-item > div:nth-child(2) {
    border-right: 1px solid #b3b3b3;
    height: 32px;
    margin: 0 0 0 auto;
}

.user-account-recharge {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fdf9ee;
    width: 104px;
    height: 38.4px;
    border-radius: 20px;
    background-color: #e1ebf4;
    margin: 0 96px 0 auto;
}

.user-account-info-container {
    height: 200px;
    box-shadow: 0 1px 0 0 rgba(178, 178, 178, 0.5);
}

.user-account-info-container > div:first-child {
    margin: 0 0 0 24px;
}

.recharge-title {
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

.recharge-container {
    flex-direction: column;
}

.recharge-user-info {
    margin: 24px 0 0 0;
}

.recharge-user-info >span:nth-child(2) {
    margin: 0 0 0 16px;
}

.recharge-type:nth-child(2) {
    margin: 0 0 0 40px;
}

.recharge-type .el-radio-button__inner {
    color: #343434;
    font-size: 16px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 144px;
    height: 48px;
    border-radius: 2px;
    background-color: rgba(216, 216, 216, 0);
}

.wx-recharge-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url("/img/icon/icon_zhifu_weixin.png") no-repeat;
    margin: 0 8px 0 0;
}

.alipay-recharge-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url("/img/icon/icon_zhifu_zhifubao.png") no-repeat;
    margin: 0 8px 0 0;
}

.el-radio-button:first-child .el-radio-button__inner,
.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 2px;
    border: 1px solid #dcdfe6
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    -webkit-box-shadow: none;
}

.recharge-type .el-radio-button__orig-radio:checked+.el-radio-button__inner,
.recharge-money .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #343434;
    background-color: #fff;
    border: 1px solid #e1ebf4;
}

.recharge-type .el-radio-button__orig-radio:checked+.el-radio-button__inner::after,
.recharge-money .el-radio-button__orig-radio:checked+.el-radio-button__inner::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 3px;
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
}

.recharge-type .el-radio-button__orig-radio:checked+.el-radio-button__inner::before,
.recharge-money .el-radio-button__orig-radio:checked+.el-radio-button__inner::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 22px solid #D40F1A;
    border-left: 32px solid transparent;
}

.recharge-money .el-radio-button__inner {
    color: #343434;
    background: #fff;
    display: flex;
    align-items: center;
    font-size: 16px;
    width: 300px;
    height: 82px;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    background-color: rgba(216, 216, 216, 0);
}

.recharge-money .el-radio-button__inner > span:first-child {
    font-size: 28px;
}

.el-radio-button__inner {
    padding-left: 6px;
}

.recharge-money .el-radio-button__inner > span:last-child {
    font-size: 14px;
}

.recharge-money:nth-child(odd) {
    margin: 0 40px 20px 0;
}

.recharge-money:last-child .el-radio-button__inner {
    top: -3px;
}

.recharge-button {
    width: 186px;
    height: 42px;
    border-radius: 21px;
    font-size: 16px;
}

.login-third-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 320px;
    margin: 20px 0 0 100px;
}

.login-third-container > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-third-container > div:first-child > span:first-child,
.login-third-container > div:first-child > span:last-child {
    display: block;
    width: 100px;
    border-top: 1px solid #e1ebf4;
}

.login-third-container > div:first-child > span:nth-child(2) {
    margin: 0 25px;
}

.login-third-wechat-icon {
    display: block;
    width: 44px;
    height: 44px;
    background: url("/img/wx_login_icon.png") no-repeat;
}

.login-third-qq-icon {
    display: block;
    width: 44px;
    height: 44px;
    background: url("/img/qq_login_icon.png") no-repeat;
}

.login-third-container > div:last-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px 0 0 0;
    width: 100%;
}

.login-third-container > div:last-child a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #343434;
}

.login-third-container > div:last-child a span{
    margin: 5px 0 0 0;
}

.login-third-container > div:last-child > a:first-child {
    margin: 0 auto 0 40px;
}

.login-third-container > div:last-child > a:last-child {
    margin: 0 40px 0 auto;
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-radius: 4px;
    background-color: #e1ebf4;
    color: #D40F1A;
}

.el-tabs--card > .el-tabs__header .el-tabs__item  {
    border: 0;
    width: 140px;
    height: 56px;
    padding: 0;
    text-align: center;
    line-height: 56px;
    font-weight: normal;
}

.el-tabs--top.el-tabs--card .el-tabs__item:last-child {
    padding-right: 0;
}

.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2) {
    padding-left: 0;
}

.el-tabs--card>.el-tabs__header .el-tabs__nav,
.el-tabs--card>.el-tabs__header {
    border: 0;
}

.el-tabs__item:hover {
    color: #D40F1A;
}
.el-tabs__header {
    margin: 0;
}

.el-table thead {
    color: #666;
}

.el-table th, .el-table tr {
    background-color: transparent;
}
.el-table thead > tr {
    background-color: #e1ebf4;
}

th {
    font-weight: normal;
}

.el-pagination {
    display: flex;
    justify-content: center;
    margin: 24px 0 0 0;
    font-weight: normal;
    padding: 0;
}

.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
    font-size: 14px;
}

.el-pagination__editor.el-input .el-input__inner {
    height: 24px;
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    font-size: 14px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0;
}

.el-pager li {
    font-size: 14px;
    color: #D40F1A;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    margin-right: 17px;
}

.el-pager li:last-child {
    margin-right: 0px;
}

.el-pagination .btn-next:hover,
.el-pagination .btn-prev:hover,
.el-pager li:hover {
    color: #D40F1A;
}

.el-pager li.active {
    color: #fff;
    background-color: #D40F1A;
    border-radius: 2px;
}

.author-sidebar-book-icon {
    background: url(/img/icon/icon_zuojia_zpgl_nor.png) no-repeat;
}

.user-sidebar .is-active .author-sidebar-book-icon{
    background: url(/img/icon/icon_zuojia_zpgl_sel.png) no-repeat;
}

.author-sidebar-comment-icon {
    background: url(/img/icon/icon_zuojia_plgl_nor.png) no-repeat;
}

.user-sidebar .is-active .author-sidebar-comment-icon{
    background: url(/img/icon/icon_zuojia_plgl_sel.png) no-repeat;
}

.author-sidebar-income-icon {
    background: url(/img/icon/icon_zuojia_shouru_nor.png) no-repeat;
}

.user-sidebar .is-active .author-sidebar-income-icon{
    background: url(/img/icon/icon_zuojia_shouru_sel.png) no-repeat;
}

.author-sidebar-settlement-icon {
    background: url(/img/icon/icon_zuojia_jiesuan_nor.png) no-repeat;
}

.user-sidebar .is-active .author-sidebar-settlement-icon{
    background: url(/img/icon/icon_zuojia_jiesuan_sel.png) no-repeat;
}

.author-sidebar-help-icon {
    background: url(/img/icon/icon_zuojia_help_nor.png) no-repeat;
}

.user-sidebar .is-active .author-sidebar-help-icon{
    background: url(/img/icon/icon_zuojia_help_sel.png) no-repeat;
}

.author-book-main-header .el-tabs__item {
    height: 48px;
    font-size: 16px;
}

.author-book-main-header .el-tabs__item.is-active {
    color: #D40F1A;
}

.author-book-main-header .el-tabs__active-bar {
    background-color: #D40F1A;
}

.author-book-main-header > span:first-child {
    font-size: 16px;
    color: #343434;
}

.author-book-main-header > a:last-child {
    display: block;
    border-radius: 16px;
    margin: 0 16px 0 0;
    font-size: 14px;
    color: #e1ebf4;
    border: 1px solid #e1ebf4;
    width: 80px;
    text-align: center;
    padding: 3px 0;
}

.author-book-main-header > a:nth-child(3) {
    display: block;
    border-radius: 16px;
    margin: 0 24px 0 0;
    font-size: 14px;
    color: #fff;
    background-color: #e1ebf4;
    border: 1px solid #e1ebf4;
    width: 80px;
    text-align: center;
    padding: 3px 0;
}

.author-book-main-header > a:nth-child(2) {
    display: flex;
    align-items: center;
    margin: 0 24px 0 auto;
    font-size: 14px;
    color: #D40F1A;
    text-align: center;
}

.author-book-main-header > a:nth-child(2) > i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/img/icon/icon_zuojia_create_book.png) no-repeat;
    margin: 0 2px 0 0;
}

.author-book-main-stat {
    font-size: 14px;
    color: #666666;
    height: 40px;
    border-radius: 2px;
    background-color: #fdf9ee;
    padding: 0 32px;
    margin-top: 16px;
}

.author-main-book-tips-title {
    font-size: 16px;
    color: #343434;
    margin: 24px 0 0 0;
}

.author-main-book-tips {
    font-size: 14px;
    color: #343434;
    margin: 12px 0 0 0;
}

.author-book-create-form .el-textarea__inner {
    height: 98px
}

.author-book-create-form .el-form-item {
    margin-bottom: 0px;
    height: 80px;
    display: flex;
    align-items: center;
}

.author-book-create-form .el-form-item__label {
    font-size: 16px;
    color: #343434;
    width: 93px;
    text-align: right;
    padding: 0;
    margin: 0 48px 0 0;
}

.author-book-create-form-tips {
    font-size: 12px;
line-height: 1.83;
color: #b3b3b3;
    margin: 0 0 0 8px;
}

.el-select .el-input__inner {
    height: 32px;
}

.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus  {
    border-color: #e1ebf4;
}

.author-book-create-form .el-tag {
    color: #fff;
    border-radius: 2px;
    background-color: #D40F1A;
    border-color: #D40F1A;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    margin-right: 16px;
}

.author-book-create-form .el-tag .el-icon-close {
    height: 6px;
    color: #fff;
    line-height: 6px;
}

.author-book-create-form .el-tag .el-icon-close:hover {
    background-color: transparent;
}

.author-book-create-form .el-icon-close::before:hover {
    background-color: #fff;
}

.month_ticket_dialog .el-dialog__header {
    padding: 0;
    height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(179, 179, 179, 0.5);
}

.month_ticket_dialog .el-dialog__header > span {
    font-size: 16px;
    color: #D40F1A;
    margin: 0 0 0 30px;
    position: relative;
    cursor: pointer;
}

.month_ticket_dialog .el-dialog__header .is-active::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #D40F1A;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    bottom: -13px;
}

 > div {
    padding: 24px 0 0 0;
}

.month_ticket_dialog .el-radio-group > label {
    margin: 0;
}

.month_ticket_dialog .el-radio-button__inner:last-child {
    top: 0;
}

.month_ticket_dialog .el-radio-button__inner {
    width: 120px;
    height: 108px;
    border: 1px solid #dcdfe6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 40px 64px;
}

.month_ticket_dialog .el-radio-button__inner > i {
    display: block;
    width: 64px;
    height: 64px;
    background: url(/img/icon/icon-xiangqin-yuepiao.png) no-repeat;
}

.month_ticket_dialog .fish_cake_dialog_radio .el-radio-button__inner > span:nth-child(2),
.month_ticket_dialog .fish_bait_dialog_radio .el-radio-button__inner > span:nth-child(2) {
    position: absolute;
    bottom: -25px;
    font-size: 14px;
    color: #343434;
}

.month_ticket_dialog .fish_cake_dialog_radio .el-radio-button__inner > span:nth-child(3),
.month_ticket_dialog .fish_bait_dialog_radio .el-radio-button__inner > span:nth-child(3) {
    font-size: 12px;
    color: #D40F1A;
    position: absolute;
    bottom: -40px;
}

.month_ticket_dialog .fish_bait_dialog_radio:first-child .el-radio-button__inner > i {
    display: block;
    width: 72px;
    height: 72px;
    background: url(/img/icon/icon-xiaohonghua.png) no-repeat;
    background-size: 72px 72px;
}

.month_ticket_dialog .fish_bait_dialog_radio:nth-child(2) .el-radio-button__inner > i {
    display: block;
    width: 72px;
    height: 72px;
    background: url(/img/icon/icon-yishuhua.png) no-repeat;
    background-size: 72px 72px;
}

.month_ticket_dialog .fish_bait_dialog_radio:nth-child(3) .el-radio-button__inner > i {
    display: block;
    width: 72px;
    height: 72px;
    background: url(/img/icon/icon-yipenghua.png) no-repeat;
    background-size: 72px 72px;
}

.month_ticket_dialog .fish_cake_dialog_radio:nth-child(1) .el-radio-button__inner > i {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/img/icon/icon-shoulei.png) no-repeat;
    background-size: 60px 60px;
}

.month_ticket_dialog .fish_cake_dialog_radio:nth-child(2) .el-radio-button__inner > i {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/img/icon/icon-zhadan.png) no-repeat;
    background-size: 60px 60px;
}

.month_ticket_dialog .fish_cake_dialog_radio:nth-child(3) .el-radio-button__inner > i {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/img/icon/icon-yulei.png) no-repeat;
    background-size: 60px 60px;
}

.month_ticket_dialog .fish_cake_dialog_radio:nth-child(4) .el-radio-button__inner > i {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/img/icon/icon-shuaishoudan.png) no-repeat;
    background-size: 60px 60px;
}

.month_ticket_dialog .fish_cake_dialog_radio:nth-child(5) .el-radio-button__inner > i {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/img/icon/icon-zhayupao.png) no-repeat;
    background-size: 60px 60px;
}

.month_ticket_dialog .fish_cake_dialog_radio:nth-child(6) .el-radio-button__inner > i {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/img/icon/icon-quzhujian.png) no-repeat;
    background-size: 60px 60px;
}

.month_ticket_dialog .el-dialog__body {
    padding: 24px 0 0 0;
}

.month_ticket_dialog .el-dialog__body > div > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 0 0;
}

.month_ticket_dialog .el-dialog__body > div > ul > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 40px 64px;
}

.month_ticket_dialog .el-dialog__body > div > ul > li > div {
    width: 120px;
    height: 80px;
    border: 1px solid #dcdfe6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.month_ticket_dialog .el-dialog__body > div > ul > li > div > i {
    display: block;
    width: 64px;
    height: 64px;
    background: url(/img/icon/icon-xiangqin-yuepiao.png) no-repeat;
}

.month_ticket_dialog .el-dialog__body > div > ul > li > span {
    margin: 8px 0 0 0;
}

.month_ticket_dialog .el-dialog__body > div > div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 8px 0 0 0;
}

.month_ticket_dialog .el-dialog__body > div > div:nth-child(2) > span {
    font-size: 12px;
    color: #b3b3b3;
    margin: 8px 0 0 0;
}

.month_ticket_dialog .el-dialog__body > div > div:nth-child(2) > span > span {
    color: #D40F1A;
}

.month_ticket_dialog .el-dialog__body > div > div:nth-child(2) > div:first-child {
    width: 140px;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    background-color: #ffffff;
}

.month_ticket_dialog .el-dialog__body > div > div:nth-child(2) > div:first-child input {
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
}

.month_ticket_dialog .el-dialog__body > div > div:nth-child(2) > div:first-child span {
    height: 30px;
    line-height: 30px;
}

.month_ticket_dialog .el-dialog__body > div > div:nth-child(3) {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0 0 0;
    border: 0;
    position: relative;
}

.month_ticket_dialog-word-count {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 12px;
    color: #9a9a9a;
    margin: 0 44px 8px 0;
}

.month_ticket_dialog .el-dialog__body > div > div:nth-child(3) textarea {
    height: 80px;
    border-radius: 2px;
    background-color: #fdf9ee;
    border: 0;
}

.month_ticket_dialog .el-dialog__footer {
    padding: 16px 32px 40px 32px;
}

.month_ticket_dialog .dialog-footer {
    padding: 16px 32px 40px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.month_ticket_dialog .dialog-footer > span:first-child {
    font-size: 12px;
    color: #343434;
}

.month_ticket_dialog .dialog-footer > a:nth-child(2) {
    font-size: 12px;
    color: #D40F1A;
    margin: 0 auto 0 16px;
    display: flex;
    align-items: center;
}

.month_ticket_dialog .dialog-footer > a:nth-child(2) > i {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #D40F1A;
    border-left: 1px solid #D40F1A;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin: 0 0 0 3px;
}

.month_ticket_dialog .dialog-footer > button:last-child {
    width: 80px;
     height: 32px;
     border-radius: 20px;
     background-color: #D40F1A;
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #e1ebf4;
}

.el-input-number__decrease:hover, .el-input-number__increase:hover,
.el-icon-plus:hover {
    color: #e1ebf4;
}

.email_bind_dialog .el-dialog__header,
.phonenumber_bind_dialog .el-dialog__header,
.balance_not_enough_dialog .el-dialog__header {
    display: flex;
    justify-content: center;
}

.email_bind_dialog .el-dialog__header > span,
.phonenumber_bind_dialog .el-dialog__header > span,
.balance_not_enough_dialog .el-dialog__header > span {
    font-size: 16px;
    color: #343434;
}

.email_bind_dialog .el-dialog,
.phonenumber_bind_dialog .el-dialog,
.balance_not_enough_dialog .el-dialog,
.author-book-create-choose-tags .el-dialog {
    border-radius: 8px;
}

.author-book-create-choose-tags .el-tab-pane {
    line-height: 12px;
    margin: 4px 16px 0 16px;
}

.author-book-create-choose-tags .el-tab-pane > span {
    display: inline-block;
    margin: 12px 24px 0 0;
    font-size: 12px;
    cursor: pointer;
}

.email_bind_dialog .dialog-footer > button,
.phonenumber_bind_dialog .dialog-footer > button,
.month_ticket_dialog .dialog-footer > button,
.balance_not_enough_dialog .dialog-footer > button,
.author-book-create-choose-tags .dialog-footer > button {
    border-radius: 14px;
    height: 28px;
    background-color: #D40F1A;
    padding: 7px 0;
    width: 72px;
    font-weight: normal;
}

.email_bind_dialog .dialog-footer > button,
.phonenumber_bind_dialog .dialog-footer > button,
.balance_not_enough_dialog .dialog-footer > button {
    width: 120px;
    height: 36px;
    border-radius: 18px;
}

.email_bind_dialog .el-dialog__header,
.phonenumber_bind_dialog .el-dialog__header,
.balance_not_enough_dialog .el-dialog__header {
    border-bottom: 1px solid rgba(179, 179, 179, 0.5);
}

.email_bind_dialog .el-dialog__footer,
.phonenumber_bind_dialog .el-dialog__footer,
.balance_not_enough_dialog .el-dialog__footer {
    text-align: center;
}

.balance_not_enough_dialog .el-dialog__body {
    text-align: center;
}

.balance_not_enough_dialog .el-dialog__body > div:first-child {
    font-size: 18px;
    color: #343434;
}

.balance_not_enough_dialog .el-dialog__body > div:first-child > span {
    font-size: 16px;
    margin: 0 5px;
    color: #D40F1A;
}

.balance_not_enough_dialog .el-dialog__body > div:last-child {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #999999;
}

.author-book-create-choose-tags .el-dialog__header {
    padding: 0;
}

.author-book-create-choose-tags .el-tabs__item {
    color: #b3b3b3;
}

.author-book-create-choose-tags .el-tabs__item.is-active {
    color: #D40F1A;
}

.author-book-create-choose-tags .el-tabs__active-bar {
    margin-left: 16px;
    background-color: #D40F1A;
}

.email_bind_dialog .el-dialog__headerbtn,
.phonenumber_bind_dialog .el-dialog__headerbtn,
.month_ticket_dialog .el-dialog__headerbtn,
.balance_not_enough_dialog .el-dialog__headerbtn,
.author-book-create-choose-tags .el-dialog__headerbtn {
    font-size: 20px;
    top: 14px;
    right: 14px;
}

.email_bind_dialog .el-dialog__headerbtn .el-dialog__close,
.phonenumber_bind_dialog .el-dialog__headerbtn .el-dialog__close,
.month_ticket_dialog .el-dialog__headerbtn .el-dialog__close,
.balance_not_enough_dialog .el-dialog__headerbtn .el-dialog__close,
.author-book-create-choose-tags .el-dialog__headerbtn .el-dialog__close {
    color: #000;
}

.author-book-create-choose-tags .el-tabs__nav-wrap::after {
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    background-color: transparent;
}

.author-book-create-choose-tags .el-tabs__item {
    padding: 0 16px;
}

.author-book-create-choose-tags .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    margin-left: 16px;
}

.author-book-create-choose-tags .el-dialog__body {
    padding: 16px 0 0 16px;
}

.author-book-create-choose-tags .el-dialog__body > div:first-child {
    color: #343434;
}

.author-book-create-choose-tags .el-dialog__footer .dialog-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.author-book-create-choose-tags .el-dialog__footer .dialog-footer > span {
    font-size: 12px;
    color: #b3b3b3;
}

.author-book-create-choose-tags .el-dialog__footer {
    padding: 16px 16px 16px;
}

.book-cover-button {
    color: #D40F1A;
    background-color: #fff;
    width: 128px;
    border-radius: 20px;
}

.author-book-create-form .el-upload {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-left: 28px;
}

.author-book-create-form .el-upload>p:nth-child(2) {
    font-size: 14px;
    color: #343434;
    margin: 24px 0 0 0;
    line-height: 19px;
}

.author-book-create-form .el-upload>p:nth-child(3) {
    font-size: 12px;
    color: #b3b3b3;
    margin: 8px 0 0 0;
    line-height: 16px;
}

.catelog-main {
    width: 100%;
}

.el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus {
    border-color: #e1ebf4;
}

.author-book-list-edit {
    border-radius: 12px;
    color: #D40F1A;
    border: 1px solid #D40F1A;
    padding: 0 9px;
}

.author-main-chapter-title {
    height: 56px;
}

.author-chapter-create-form .el-form-item {
    margin-bottom: 0;
}

.author-main-chapter-title > div:last-child {
    margin: 0 0 0 auto;
}

.author-main-chapter-title > span:first-child {
    font-size: 14px;
    font-weight: bold;
    color: #b3b3b3;
}

.author-main-chapter-title > span:first-child > span:first-child {
    font-weight: normal;
    color: #343434;
}

.author-main-chapter-title > div:last-child {
    margin: 0 0 0 auto;
}

.author-main-chapter-title > div:nth-child(2) {
    margin: 0 0 0 104px;
}

.author-main-chapter-title .el-form-item__label {
    font-size: 14px;
    color: #b3b3b3;
}

.author-main-chapter-title .chapter-status .el-input__inner {
    border: 0;
}

.author-chapter-create-form .chapter-content .el-textarea__inner {
    height: 480px;
    border-radius: 0;
    border-bottom: 0;
}

.author-chapter-create-form .chapter-remarks .el-textarea__inner {
    height: 128px;
    border-radius: 0;
    border-bottom: 0;
}

.chapter-recommend-container {
    align-items: center;
    height: 64px;
    width: 100%;
    border: 1px solid rgba(216, 216, 216);
}

.chapter-recommend-container .el-form-item__label {
    margin: 0 0 0 16px;
}

.el-form--inline .el-form-item {
    display: flex;
    margin-right: 0;
}

.chapter-submit-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #fdf9ee;
    height: 48px;
    padding: 0 23px 0 0;
}

.chapter-submit-container .el-form-item__content {
    line-height: 32px;
}
.chapter-submit-container .el-button {
    padding: 0;
}

.chapter-submit-container > .el-form-item__content > span {
    font-size: 14px;
    color: #b3b3b3;
    margin-right: 40px;
    cursor: pointer;
}

.chapter-submit-container > .el-form-item__content > span:first-child > i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/icon/icon_zuojia_zishu.png) no-repeat;
    position: relative;
    top: 3px;
    right: 2px;
}

.chapter-submit-container > .el-form-item__content > span:nth-child(2) > i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/icon/icon_zuojia_dingshi.png) no-repeat;
    position: relative;
    top: 3px;
    right: 2px;
}

.author-main-chapter-tips {
    font-size: 14px;
    color: #ff4040;
    height: 40px;
}

.author-main-chapter-tips i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/icon/icon_zuojia_gonggao.png) no-repeat;
    position: relative;
    top: 3px;
    right: 8px;
}

.bookinfo-main {
    display: flex;
    flex-direction: column;
    width: 840px;
}

.bookinfo-content {
    display: flex;
    height: 334px;
}

.bookinfo-content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bookinfo-content-left > img:first-child {
    box-shadow: 0 4px 4px 0 rgba(178, 178, 178, 0.5);
}

.bookinfo-content-left > div:last-child {
    margin: 20px 0 0 0;
    display: flex;
    justify-content:space-between;
    width: 100%;
}

.bookinfo-content-left > div:last-child > a:first-child {
    width: 80px;
    height: 30px;
    border-radius: 15px;
    background-color: #D40F1A;
    font-size: 12px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bookinfo-button {
    width: 80px;
    height: 30px;
    border-radius: 15px;
    background-color: #D40F1A;
    font-size: 12px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.bookinfo-content-right {
    margin: 0 0 0 32px;
}

.chapter-sidebar,
.bookinfo-sidebar,
.catelog-sidebar {
    width: 230px;
}

.bookinfo-content-right > div:first-child > span:first-child {
    font-size: 18px;
    color: #000000;
    margin-right: 10px;
}

.bookinfo-content-right > div:first-child > span:nth-child(1n+2) {
    display: inline-block;
    color: #4c4c4c;
    margin-left: 10px;
    border-right: 1px solid #666;
    padding-right: 10px;
    line-height: 14px;
}

.bookinfo-content-right > div:first-child > span:last-child {
    border-right: none;
}

.bookinfo-content-right > div:nth-child(2) {
    margin: 32px 0 0 0;
    line-height: 1.71;
    color: #343434;
    height: 168px;
    overflow-x: hidden;
    overflow-y: auto;
}

.bookinfo-content-right > div:last-child {
    margin: 42px 0 0 0;
    display: flex;
    align-items: center;
}

.bookinfo-content-right > div:last-child >span:last-child {
    border-right: none;
}

.bookinfo-content-right > div:last-child > span {
    border-right: 1px solid #968f8f;
    padding: 0 33px;
    line-height: 14px;
}

.bookinfo-data {
    background-color: #e1ebf4;
    height: 284px;
    display: flex;
}

.bookinfo-data > li {
    display: flex;
    flex-direction: column;
    width: 223px;
    align-items: center;
}

.bookinfo-data li > i:first-child {
    width: 64px;
    height: 64px;
    margin: 23px 0 0 0;
}
/* 
.bookinfo-data li:first-child > i:first-child {
    background: url(/img/icon/icon-xiangqin-yuepiao.png) no-repeat;
}

.bookinfo-data li:nth-child(3) > i:first-child {
    background: url(/img/icon/icon-xiangqin-yuer.png) no-repeat;
}

.bookinfo-data li:nth-child(5) > i:first-child {
    background: url(/img/icon/icon-xiangqin-yubing.png) no-repeat;
} */

.bookinfo-data li > span:nth-child(2) {
    font-size: 18px;
    margin: 24px 0 0 0;
}

.bookinfo-data li > a:nth-child(3),
.bookinfo-data li > span:nth-child(3) {
    width: 140px;
    margin: 28px 0 0 0;
    height: 36px;
    border-radius: 18px;
    background-color: #D40F1A;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.bookinfo-data > span {
    border-right: 1px solid rgba(0, 0, 0, 0.1);;
    height: 174px;
    margin: 55px 0 0 0;
}

.bookinfo-data > li:last-child > span {
    text-align: center;
    margin: 22px 0 0 0;
    width: 100%;
    display: block;
    font-size: 20px;
    color: #D40F1A;
}

.bookinfo-data > li:last-child > div {
    width: 100%;
    overflow: hidden;
    margin: 32px 0 0 0;
}

.bookinfo-data > li:last-child > div > ul {
    font-size: 12px;
    color: #343434;
    height: 180px;
    margin: 0 0 0 21px;
}

.bookinfo-data > li:last-child > div > ul > li {
    display: flex;
    align-items: center;
    width: 180px;
    height: 30px;
    border-bottom: 1px solid rgba(180, 180, 180, 0.5);
}

.bookinfo-data > li:last-child > div > ul > li > span {
    color: #D40F1A;
}

.bookinfo-catelog {
    margin: 40px 0 0 0;
}

.catelog-content a,
.bookinfo-catelog a {
    color: #D40F1A;
}

.bookinfo-catelog > div,
.catelog-content > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    border-bottom: 1px solid #e1ebf4;
    color: #D40F1A;
}

.book-comment-title > span,
.chapter-basicinfo > div > span,
.catelog-basicinfo > div > span,
.catelog-content > div > span:first-child > span:first-child,
.bookinfo-catelog > div > span:first-child > span:first-child,
.bookinfo-comment > div:first-child > span:first-child > span:first-child,
.bookinf-basicinfo > div > span {
    font-size: 20px;
}

.catelog-content ul,
.bookinfo-catelog ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.catelog-content > ul > li,
.bookinfo-catelog > ul > li {
    width: 33.33%;
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #f1f1f1;
}

.catelog-content > ul > li > a,
.bookinfo-catelog > ul > li > a {
    color: #343434;
}

.bookinfo-catelog > ul > li:last-child > a {
    color: #D40F1A;
}

.bookinfo-comment {
    margin: 40px 0 0 0;
}

.book-comment-title,
.bookinfo-comment > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    border-bottom: 1px solid #e1ebf4;
    color: #D40F1A;
}

.bookinfo-comment > div:first-child > a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: #D40F1A;
    color: #fff;
    width: 96px;
    height: 30px;
}

.chapter-basicinfo > div ,
.catelog-basicinfo > div {
    display: flex;
    align-items: center;
    height: 40px;
    border-bottom: 2px solid #D40F1A;
    color: #D40F1A;
}

.chapter-main {
    width: 816px;
}

.chapter-menu {
    width: 60px;
    margin-right: 10px;
    position: sticky;
}

.chapter-menu ul {
    background-color: #fbf4ec;
    border: 1px solid #e1ebf4;
    border-bottom: 0;
}

.chapter-menu li {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 12px;
    color: #7b7974;
    border-bottom: 1px solid #e1ebf4;
    cursor: pointer;
}

.chapter-menu a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #7b7974;
}

.chapter-menu li i {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 4px 0;
}

.chapter-menu li:first-child i {
    background: url(/img/icon/icon_nav_catalog_nor_b.png) no-repeat;
}
.chapter-menu li:nth-child(2) i {
    background: url(/img/icon/icon_nav_set_nor_b.png) no-repeat;
}
.chapter-menu li:nth-child(3) i {
    background: url(/img/icon/icon_nav_book_nor_b.png) no-repeat;
}
.chapter-menu li:nth-child(4) i {
    background: url(/img/icon/icon_nav_bookrack_nor_b.png) no-repeat;
}

.chapter-main > div:first-child {
    padding: 32px 32px 0 32px;
    background-color: #fbf4ec;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #e1ebf4;
    border-radius: 4px;
}

.chapter-main > div:first-child > div:first-child {
    font-size: 28px;
    color: #000000;
}

.chapter-main > div:first-child > div:nth-child(2) {
    margin: 12px 0 0 0;
    color: #4d4d4d;
}

.chapter-main > div:first-child > div:nth-child(2) > span:nth-child(2) {
    margin: 0 32px 0 32px;
}

.chapter-main > div:first-child > div:nth-child(3) {
    margin: 32px 0 0 0;
    font-size: 18px;
    line-height: 1.78;
    color: #000000;
}

.chapter-main > div:first-child > div:nth-child(3) > p {
    text-indent: 2em;
    margin: 1em 0;
}

.chapter-main .chapter-remarks {
    display: flex;
    border-radius: 8px;
    background-color: #fdecd5;
    margin: 68px 0;
    height: 168px;
}

.chapter-main .chapter-remarks > img {
    border-radius: 50%;
    margin: 24px 0 0 24px;
}

.chapter-main .chapter-remarks > div {
    margin: 24px 0 0 16px;
}

.chapter-main .chapter-remarks > div > span {
    color: #694c19;
}

.chapter-main .chapter-remarks > div > p {
    margin: 12px 0 0 0;
    width: 628px;
    font-size: 14px;
    line-height: 1.57;
    color: #343434;
}

.chapter-main .chapter-subscription {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 80px 0 0 0;
}

.chapter-main .chapter-subscription > div:first-child {
    color: #b3b3b3;
    display: flex;
    align-items: center;
}

.chapter-main .chapter-subscription > div:first-child > span:last-child,
.chapter-main .chapter-subscription > div:first-child > span:first-child {
    display: block;
    border-bottom: 2px solid #B3B3B3;
    width: 170px;
}

.chapter-main .chapter-subscription > div:first-child > i:nth-child(4),
.chapter-main .chapter-subscription > div:first-child > i:nth-child(2) {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #b3b3b3;
    border-radius: 3px;
}

.chapter-main .chapter-subscription > div:first-child > span:nth-child(3) {
    margin: 0 26px;
}

.chapter-main .chapter-subscription > div:nth-child(2) {
    font-size: 24px;
    line-height: 1.33;
    color: rgba(60, 55, 45, 0.5);
    margin: 48px 0 0 0;
}

.chapter-main .chapter-subscription > div:nth-child(3) {
    display: flex;
    margin: 48px 0 0 0;
}

.chapter-main .chapter-subscription > div:nth-child(3) > div {
    width: 160px;
    height: 72px;
}

.chapter-main .chapter-subscription > div:nth-child(3) > div:first-child {
    margin: 0 48px 0 0;
    border-radius: 3px;
    border: 1px solid #D40F1A;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #D40F1A;
    cursor: pointer;
}

.chapter-main .chapter-subscription > div:nth-child(3) > div:first-child > span:last-child {
    opacity: 0.7;
    font-size: 12px;
}

.chapter-main .chapter-subscription > div:nth-child(3) > div:last-child {
    margin: 0 48px 0 0;
    border-radius: 3px;
    background-color: #D40F1A;
    border: 1px solid #D40F1A;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

.chapter-main .chapter-subscription > div:nth-child(3) > div:last-child > span:last-child {
    opacity: 0.6;
    font-size: 12px;}

.chapter-main .chapter-subscription > div:nth-child(4) {
    margin: 16px 0 0 0;
}

.chapter-main .chapter-subscription .el-form-item {
    margin-bottom: 65px;
}

.chapter-main > div:last-child {
    margin: 24px 0 0 0;
    background-color: #fbf4ec;
    border: 1px solid #e1ebf4;
    border-radius: 4px;
    font-size: 18px;
}

.chapter-main > div:last-child > ul {
    display: flex;
    align-items: center;
}

.chapter-main > div:last-child > ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 254px;
}

.chapter-main > div:last-child > ul > li > a {
    padding: 28px 109px;
}

.chapter-main > div:last-child > ul > span {
    border-right: 1px solid #c7c7c7;
    height: 32px;
}

.author-book-create-form .author-book-create-description > .el-form-item__label {
    margin-top: -60px;
}

.author-book-create-form .author-book-create-cover > .el-form-item__label {
    margin-top: -150px;
}

.author-book-signing-form .el-textarea > textarea {
    height: 96px;
}

.author-main-chapter-reason {
    height: 128px;
    background-color: #fdf9ee;
    padding: 11px 0 0 16px;
    color: #343434;
}

.author-main-chapter-reason > div:first-child {
    font-size: 16px;
}

.author-main-chapter-reason > div:last-child {
    margin: 12px 0 0 0;
}

.lock-chapter-icon {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 12px 0 auto;
    background: url(/img/icon/icon_suo.png) no-repeat;
}

.vip-chapter-icon {
    background-color: #D40F1A;
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 12px 0 auto;
}

.user-bookshelf-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.user-bookshelf-item a {
    color: #343434;
}

.user-bookshelf-item i {
    display: block;
    width: 2px;
    height: 2px;
    background-color: #b3b3b3;
    border-radius: 1px;
    margin: 0 5px;
}

.user-bookshelf-item a:first-child {
    font-size: 16px;
}

.user-bookshelf-item a:last-child {
    color: #D40F1A;
    margin-left: 15px;
}

.book-comment-textarea {
    margin: 40px 0 0 60px;
}

.book-comment-textarea .el-textarea__inner {
    height: 120px;
    width: 772px;
}

.book-comment-button .el-form-item__content {
    line-height:normal;
    display: flex;
    justify-content: flex-end;
    margin: 16px 0 0 0;
}

.book-comment-button {
    margin-right: 60px;
    margin-bottom: 40px;
}

.book-comment-button .el-button--primary {
    width: 76px;
    height: 32px;
    border-radius: 16px;
    background-color: #D40F1A;
    padding: 0
}

.book-comment-button .el-button--primary > span {
    display: block;
}

.book-comment-title > span > span {
    font-size: 12px;
}

.author-comment-list img,
.bookinfo-comment img,
.book-comment-content img {
    border-radius: 50%;
}

.author-comment-list > div:last-child > ul > li,
.bookinfo-comment > div:last-child > ul > li,
.book-comment-content ul > li {
    padding: 15px 0;
    display: flex;
    border-bottom:1px solid rgba(203, 203, 203, 0.5);
}

.author-comment-list > div:last-child > ul > li > div:first-child,
.bookinfo-comment > div:last-child > ul > li > div:first-child,
.book-comment-content ul > li > div:first-child {
    margin: 0 16px 0 0;
}

.author-comment-list > div:last-child > ul > li > div:last-child > span:first-child,
.bookinfo-comment > div:last-child > ul > li > div:last-child > span:first-child,
.book-comment-content ul > li > div:last-child > span:first-child {
    color: #D40F1A;
}

.author-comment-list > div:last-child > ul > li > div:last-child > p:nth-child(2),
.bookinfo-comment > div:last-child > ul > li > div:last-child > p:nth-child(2),
.book-comment-content ul > li > div:last-child > p:nth-child(2) {
    margin: 13px 0 0 0;
    color: #343434;
}

.author-comment-list > div:last-child > ul > li > div:last-child > span:last-child,
.bookinfo-comment > div:last-child > ul > li > div:last-child > span:last-child,
.book-comment-content ul > li > div:last-child > span:last-child {
    display: block;
    margin: 13px 0 0 0;
    color: #b3b3b3;
}

.loadmore,
.bookinfo-comment > div:last-child > div:last-child,
.book-comment-content > div:last-child {
    height: 40px;
    background-color: #fdf9ee;
    color: #D40F1A;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.loadmore a,
.bookinfo-comment > div:last-child > div:last-child > a {
    color: #D40F1A;
}

.loadmore > i,
.bookinfo-comment > div:last-child > div:last-child > i,
.book-comment-content > div:last-child > i {
    display: block;
    height: 6px;
    width: 6px;
    border-left: 1px solid #D40F1A;
    border-bottom: 1px solid #D40F1A;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
    margin: 0 0 3px 6px;
}

.loadmore {
    margin: 0 0 5px 0;
}

.bookinfo-comment > div:last-child > div:last-child > i {
    margin: 0 0 0 4.5px;
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg); /* Safari 和 Chrome */
}

.chapter-read-setting {
    position: absolute;
    width: 816px;
    height: 638px;
    border-radius: 2px;
    background-color: #fffcf8;
    border: 1px solid #D2D1D1;
}

.chapter-read-setting .left-icon {
    position: absolute;
    background-color: #fffcf8;
    top: 75px;
    left: -16px;
    height: 30px;
    width: 30px;
    border-left: 1px solid #D2D1D1;
    border-bottom: 1px solid #D2D1D1;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
}

.chapter-read-setting > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.chapter-read-setting > div:first-child > div:first-child {
    font-size: 20px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #000000;
     width: 752px;
     padding: 32px 0;
     border-bottom: 1px solid #D2D1D1;
}

.chapter-read-setting .icon_cha_black {
    position: absolute;
    right: 16px;
    top: 16px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/img/icon/icon_cha_black.png) no-repeat;
    cursor: pointer;
}

.chapter-read-setting > div:first-child > ul {
    margin: 64px 0 0 0;
    font-size: 12px;
    color: #7f7f7f;
}

.chapter-read-setting > div:first-child > ul > li:first-child {
    height: 36px;
    display: flex;
    align-items: center;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(4) > span:first-child,
.chapter-read-setting > div:first-child > ul > li:nth-child(3) > span:first-child,
.chapter-read-setting > div:first-child > ul > li:nth-child(2) > span:first-child,
.chapter-read-setting > div:first-child > ul > li:first-child > span:first-child {
    margin: 0 16px 0 0;
}

.chapter-read-setting > div:first-child > ul > li:first-child > div {
    width: 36px;
    height: 36px;
    margin: 0 43px 0 0;
    border-radius: 50%;
    cursor: pointer;
}

.chapter-read-setting > div:first-child > ul > li:first-child > div:nth-child(2) {
    border: 1px solid #D5AF82;
    position: relative;
}

.chapter-read-setting > div:first-child > ul > li:first-child > div:nth-child(2):after {
    content: "";
    position: absolute;
    right: 9px;
    top: 11px;
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #D5AF82;
    border-left: 2px solid #D5AF82;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.chapter-read-setting > div:first-child > ul > li:first-child > div:nth-child(3) {
    background-color: #fff1f0;
    border: 1px solid #FBDAD9;
}

.chapter-read-setting > div:first-child > ul > li:first-child > div:nth-child(4) {
    background-color: #f0fff0;
    border: 1px solid #D1E3D0;
}

.chapter-read-setting > div:first-child > ul > li:first-child > div:nth-child(5) {
    background-color: #3d3d3d;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(2) {
    height: 40px;
    display: flex;
    align-items: center;
    margin: 32px 0 0 0;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(2) > div {
    width: 80px;
    height: 40px;
    margin: 0 16px 0 0;
    background: #fff;
    border: 1px solid #D2D1D1;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #343434;
    cursor: pointer;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(2) > div:nth-child(2) {
    border: 1px solid #D5AF82;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(3) {
    height: 40px;
    display: flex;
    align-items: center;
    margin: 32px 0 0 0;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(3) > ul {
    height: 40px;
    width: 272px;
    background-color: #fff;
    border: 1px solid #D2D1D1;
    border-radius: 2px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 16px;
    color: #343434;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(3) > ul > li:first-child,
.chapter-read-setting > div:first-child > ul > li:nth-child(3) > ul > li:first-child {
    cursor: pointer;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(3) > ul > span {
    height: 24px;
    border-right: 1px solid #e7e6e6;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(3) > ul > li:nth-child(3) {
    font-size: 14px;
    color: #b3b3b3;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(4) {
    height: 32px;
    display: flex;
    align-items: center;
    margin: 32px 0 0 0;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(4) .el-switch__core {
    border-radius: 16px;
    height: 32px;
    margin: 0 16px 0 0;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(4) .el-switch__core::after {
    height: 24px;
    width: 24px;
    top: 3px;
}

.chapter-read-setting > div:first-child > ul > li:nth-child(4) .el-switch.is-checked .el-switch__core::after {
    margin-left: -26px;
}

.chapter-read-setting > div:first-child > div:last-child {
    margin: 56px 0 0 0;
    display: flex;
}

.chapter-read-setting > div:first-child > div:last-child > span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 108px;
    height: 40px;
    border-radius: 20px;
    background-color: #D40F1A;
    margin: 0 56px 0 0;
    color: #fff;
    cursor: pointer;
}

.chapter-read-setting > div:first-child > div:last-child > span:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 108px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #b2b2b2;
    color: #b2b2b2;
    cursor: pointer;
}

.help-title {
    font-size: 16px;
    font-weight: bold;
    color: #343434;
}

.help-content {
    letter-spacing: -0.4px;
    color: #666666;
    margin: 16px 0 48px 0;
}

.help-yuepiao-table {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.help-yuepiao-table > div:first-child {
    width: 100%;
    background-color: #ffab2e;
    font-size: 16px;
    color: #ffffff;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: space-around;
}

.help-yuepiao-table > div:first-child > span {
    position: relative;
    display: flex;
    justify-content: center;
}

.help-yuepiao-table > div:first-child > span:first-child {
    width: 112px;
}

.help-yuepiao-table > div:first-child > span:nth-child(2) {
    width: 172px;
}

.help-yuepiao-table > div:first-child > span:nth-child(3) {
    width: 236px;
}

.help-yuepiao-table > div:first-child > span:nth-child(4) {
    width: 200px;
}

.help-yuepiao-table > div:first-child > span:last-child {
    width: 172px;
}

.help-yuepiao-table > div:first-child > span::after {
    content: "";
    position: absolute;
    height: 40px;
    top: -9px;
    right: 0;
    background: #fff;
    border-right: 1px solid #FFD596;
}

.help-yuepiao-table > div:last-child  {
    display: flex;
}

.help-yuepiao-table > div:last-child > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.help-yuepiao-table > div:last-child > div:first-child > span {
    display: flex;
    width: 112px;
    height: 64px;
    justify-content: center;
    align-items: center;
    border: 1px solid #D7D7D7;
    border-top: 0;
}

.help-yuepiao-table > div:last-child > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #D7D7D7;
    border-left: 0;
    border-top: 0;
}

.help-yuepiao-table > div:last-child > div:nth-child(2) > span {
    width: 172px;
    display: flex;
    justify-content: center;
    height: 36px;
    margin: 36px 0 0 0;
}


.help-yuepiao-table > div:last-child > div:nth-child(3) {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid #D7D7D7;
    border-left: 0;
    border-top: 0;
}

.help-yuepiao-table > div:last-child > div:nth-child(3) > span {
    width: 236px;
    display: flex;
    justify-content: center;
    margin: 85px 0 21px 0;
}

.help-yuepiao-table > div:last-child > div:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.help-yuepiao-table > div:last-child > div:nth-child(4) > span {
    display: flex;
    width: 200px;
    height: 64px;
    justify-content: center;
    align-items: center;
    border: 1px solid #D7D7D7;
    border-left: 0;
    border-top: 0;
}

.help-yuepiao-table > div:last-child > div:nth-child(5) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.help-yuepiao-table > div:last-child > div:nth-child(5) > span {
    display: flex;
    width: 172px;
    height: 64px;
    justify-content: center;
    align-items: center;
    border: 1px solid #D7D7D7;
    border-left: 0;
    border-top: 0;
}

.reading-in-bookshelf {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/img/icon/icon_jiarushujia_nor.png) no-repeat;
}

.reading-notin-bookshelf {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(/img/icon/icon_jiarushujia_sel.png) no-repeat;
}

.book_is_signing {
    position: absolute;
    display: block;
    top: 20px;
    right: 260px;
    width: 101px;
    height: 81px;
    cursor: pointer;
    background: url(/img/icon/icon_xiangqin_yiqianyue.png) no-repeat;
}

.user-message-action {
    margin: 11px 0 0 14px;
    display: flex;
    align-items: center;
}

.user-message-action > span {
    margin: 0 0 0 30px;
    cursor: pointer;
}

.message-table-content {
    background-color: #fdf9ee;
    border-radius: 2px;
    padding: 24px;
    border: 1px solid #DEDCD7;
    font-size: 14px;
    color: #343434;
}

.message-table-content > p {
    display: block;
    height: 1em;
    line-height: 1em;
}
.message-table-content > pre {
    margin: 1em 0 0 0;
}

.message-unread {
    color: #fe5151;
}

.income-date-filter,
.recharge-date{
    height: 40px;
    color: #666;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 8px 0;
}

.income-date-filter > span:first-child,
.echarge-date > span:first-child {
    margin: 0 0 0 24px;
}

.income-date-filter .el-input__inner,
.recharge-date .el-input__inner {
    border: 0;
    height: auto;
    text-align: center;
    width: 140px;
}

.el-select-dropdown__item.selected {
    color: #D40F1A;
}

.books-container,
.search-container {
    margin: 28px 0 0 0;
    width: 1090px;
    display: flex;
    justify-content: space-between;
}

.books-right,
.search-left {
    width: 840px;
}

.books-right .status-bar,
.search-left .status-bar {
    width: 840px;
    background-color:#fdf9ee;
    height:40px;
    font-size: 12px;
    color: #b3b3b3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 12px 0 0;
}

.search-left .status-bar > span {
    color: #D40F1A;
}

.books-left,
.search-right {
    width: 230px;
}

.search-right > div:first-child {
    font-size: 20px;
    color: #D40F1A;
    border-bottom: 1px solid #D40F1A;
    height: 40px;
    display: flex;
    align-items: center;
}

.about-left {
    width: 230px;
    height: 152px;
    border-radius: 4px;
    background-color: #fdf9ee;
}

.about-left a {
    color: #808080;
}

.about-left ul {
    margin: 16px 0 0 0;
}

.about-left li {
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0 0 0 16px;
    position: relative;
}

.about-right {
    min-height: 300px;
}

.about-right p {
  color: #343434;
  margin: 0 0 24px 0;
}

.about-right .contact li {
    margin: 0 0 48px 0;
}

.about-right .contact li > p {
    font-size: 14px;
    letter-spacing: -0.4px;
    color: #666666;
    margin: 0 0 16px 0;
}

.about-right .contact li > p:first-child {
    font-size: 16px;
    font-weight: bold;
    color: #343434;
}

.announcement-content > div:first-child,
.announcement > div:nth-child(2) li,
.announcement > div:first-child {
    height: 48px;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #343434;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    display: flex;
    align-items: center;
}

.announcement > div:nth-child(2) li {
    font-size: 14px;
}

.announcement-content > div:first-child a {
    display: flex;
    align-items: center;
}

.announcement-content > div:first-child i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
}

 .announcement-content > div:nth-child(2) > p:first-child {
     font-size: 20px;
     letter-spacing: -0.6px;
     text-align: center;
     color: #343434;
     margin: 24px;
 }

 .bold {
     margin: 0 0 13px 0;
     font-size: 16px;
     font-weight: bold;
     color: #343434;
 }

 .help-right p {
     font-size: 14px;
     line-height: 1.71;
     color: #666666;
 }

 .help-mt {
     margin-top: 48px;
 }

.help-black {
    font-weight: bold;
}

.help-right.sub .help-black{
    margin-top: 16px;
}

.ypbfl ul {
    margin: 0 0 0 96px;
}

.ypbfl ul > li {
    display: flex;
    align-items: center;
}

.ypbfl ul > li:first-child > span {
    color: #ffffff;
    background-color: #F5B868;
}

.ypbfl ul > li:last-child > span {
    color: #343434;
    background-color: #fff;
    border: 1px solid #D7D7D7;
    border-right: 0;
}

.ypbfl ul > li:last-child > span:last-child {
    border-right: 1px solid #D7D7D7;
}

.ypbfl ul span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 48px;
    position: relative;
}

.ypbfl ul > li:first-child > span::after {
    content: "";
    position: absolute;
    height: 48px;
    right: 0;
    background: #fff;
    border-right: 1px solid #FFD596;
}

.el-breadcrumb__inner.is-link,
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link:hover,
.el-breadcrumb__inner a:hover {
    color: #D40F1A;
}

.about-right.announcement-content code {
    font-family: 'PingFangSC-Regular','HelveticaNeue-Light','Helvetica Neue Light','Microsoft YaHei','sans-serif', 'Simsun';
    font-size: 14px;
    line-height: 28px;
}