body {
    font-family: 'PingFangSC-Regular','HelveticaNeue-Light','Helvetica Neue Light','Microsoft YaHei','sans-serif', 'Simsun';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 14px;
}

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

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

.pointer {
    cursor: pointer;
}

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

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

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

.bg {
    background: #f7f5f0;
}

.row-bg {
    width: 1200px;
}

.list-container {
    width: 276px;
    position: relative;
}

.list-container > a {
    position: absolute;
    top: 12px;
    right: 0px;
}

.list-container .el-tabs__item.is-active {
    color: #000000;
    font-size: 16px;
}

.list-container .el-tabs__item {
    color: #b3b3b3;
    font-size: 16px;
    padding: 0;
}

.list-container .el-tabs__active-bar {
    height: 0;
}

.list-container .el-tabs__nav-wrap::after {
    background-color: #666666;
    height: 1px;
}

.list1-container {
    padding-top: 31px;
    width: 330px;
    position: relative;
}

.list2-container {
    width: 530px;
    position: relative;
}

.list-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
    font-size: 16px;
    height: 40px;
    border-bottom: 1px solid #666666;
}

.list-title-more {
    display: flex;
    align-items: center;
    color: #024abf;
}

.list-more-text {
    font-size: 12px
}

.list-more-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/img/icon/icon_right_gold.png") no-repeat;
    background-size: 16px 16px;
    margin: 1px 0 0 0;
}

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

}

.list-item-bookname {
    color: #333333;
    margin: 0 auto 0 8px;
    overflow: hidden;
}

.list-item-author {
    color: #b3b3b3;
    margin: 0 8px 0 0;
}

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

.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: 584px;
    height: 278px;
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 0;
    height: 36px;
    width: 97.33px;
    opacity: 0.7;
    background-color: #000000;
}


.el-carousel__indicators--labels .el-carousel__button {
    padding: 0;

    display: inline-block;
    background-color: #000000;
    color: #fff;
    margin: 9px 0 0 0;
    opacity: 0.7;
}

.el-carousel__indicators--labels .is-active {
    background-color: #ed4259;
    opacity: 1;
}

.el-carousel__indicators--labels .is-active .el-carousel__button {
    background-color: #ed4259;
    opacity: 1;
}

.el-footer {
    margin: 66px 0 0 0;
    background: #f7f5f0;
}

.el-carousel--card ,
.el-carousel--card .el-carousel__container {
    width: 160px;
    height: 112px;
}

.el-carousel--manindex ,
.el-carousel--manindex .el-carousel__container {
    width: 1200px;
    height: 800px;
}

.card-carousel {
    margin: 26px 0 0 0;
}

.card-content,
.card-book  {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-content {
    height: 410px;
}

.list1-header {
    margin: 40px 0 0 0;
    width: 330px;
    position: relative;
}

.list1-header a:last-child {
    position: absolute;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    padding: 0 0 0 10px;
}

.list1-item {
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
}

.list2-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.list2-content .card-content {
    width: 245px;
}

.list2-content .list-content {
    width: 276px;
}

.list-item-cover {
    height: 124px;
    display: flex;
    padding: 15px 0 0 0;
    border-bottom: 1px #b2b2b2 dashed;
}

.list-item-cover-no {
    width: 36px;
    height: 20px;
    background-color: #f35c6f;
    font-size: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-item-cover-img {
    margin: 0 0 0 8px;
}

.list-item-cover-info {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 10px;
}

.list-item-cover-info > a:nth-child(1) {
    font-size: 18px;
    color: #323232;
}

.list-item-cover-info > span:nth-child(2) {
    font-size: 16px;
    color: #b3b3b3;
    margin: 12px 0 0 0;
}

.el-main {
    padding: 0;
}

.el-footer {
    padding: 0;
    display: flex;
    border-top: 4px solid #0b4cc0;
    justify-content: center;
}

.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: #d8eafb;
    border-top: 1px solid rgba(179, 179, 179, 0.5);
}

.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:#014fc9;
    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 {
    width: 504px;
    height: 38px;
    border: 1px solid #dbdbdb;
    border-radius: 19px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

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

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

.search-button i {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/img/icon/icon_sousuo.png) no-repeat;
    margin: 0 0 0 22px;
}

.search-write {
    width: 112px;
    height: 44px;
    border-radius: 22px;
    background-color: #d6b785;

    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-write a {
    color: #fff;
}

.search-write i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/icon/icon_pen.png) no-repeat;
    margin: 0 8px 0 0;
    background-size:16px 16px;
}

.main-menu-container {
    margin: 16px 0 0 0;
    height: 48px;
    box-shadow: 0 1px 0 0 rgba(154, 154, 154, 0.2);
    background-color: #d8eafb;
}

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

.main-menu  a {
    color: #666666;
}

.main-menu-active a {
    color: #014fc9;
    position: relative;
}

.main-menu-active a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #014fc9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    bottom: -13px;
}

.main-menu div:first-child {
    margin: 0 0 0 32px;
}

.main-menu div:nth-child(2) {
    margin: 0 0 0 64px;
}

.main-menu div:nth-child(3) {
    margin: 0 0 0 64px;
}

.main-menu div:nth-child(4) {
    margin: 0 0 0 64px;
}

.main-menu div:nth-child(5) {
    margin: 0 0 0 64px;
}

.main-menu div:nth-child(6) {
    margin: 0 0 0 64px;
}

.main-menu div:nth-child(7) {
    margin: 0 0 0 64px;
}

.main-menu div:nth-child(8) {
    margin: 0 0 0 64px;
}

.main-content {
    margin: 16px 0 0 0;
}

.placard {
    /*margin: 20px 0 0 0;*/
    width: 584px;
    height: 278px;
    border-radius: 4px;
    background-color: #f7f5f0;
}

.placard-title,
.customer-service-title {
    width: 80px;
    height: 36px;
    line-height: 39px;
    font-size: 16px;
    color: #ffffff;
    background: url(/img/bg/bg_home_title.png) no-repeat;
}

.placard-title span {
    margin: 0 0 0 12px
}

.placard-content {
    margin: 9px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.placard-content a {
    color: #343434;
}

.placard-content-item {
    margin: 0 auto 0 36px;
}

.placard-content-item li {
    margin: 0 0 10px 0;
}

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

.card-author {
    font-size: 12px;
    color: #808080;
    margin: 8px 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: #bf2c24;
    font-size: 16px;
    color: #ffffff;
    margin: 32px 0 0 0;
}

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

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

.list1-item-book {
    color: #333333;
    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;
}

.margintop20 {
    margin: 20px 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: #333333
}

.primary {
    color: #014fc9;
}

.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: #333333;
}

.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: #d6b785;
    font-size: 10px;
    border-radius: 2px;
    padding: 1px;
    border: 1px solid #d6b785;
}

.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: #333;
}

.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: #014fc9;
}

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

.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: #014fc9;
    padding: 6px 0 0 11px;
    top: -12px;
}

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

.link-item {
    color: #ad8b51;
    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: #024abf;
}

.page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

.page a {
    margin: 0 88px 0 0;
    color: #7f7f7f;
}

.page a:last-child {
    margin: 0;
    color: #7f7f7f;
}

.copyright {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #b3b3b3;
    margin: 26px 0 26px 0;
}

.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: #cea86c;
}

.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: #014fc9;
    border-color: #014fc9;
}

.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: 276px;
    height: 752px;
}

.about-right,
.user-content,
.author-main {
    width: 892px;
    margin: 0 0 0 32px;
    height: 100%;
}

.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;
    color: #666666;
    margin-left: 8px;
}

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

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

.about-left .is-active::before,
.user-sidebar .is-active::before {
    content: "";
    position: absolute;
    height: 24px;
    width: 4px;
    background: #014fc9;
    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: #cea86c;
    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-account-item > div:first-child > div:nth-child(3) > a {
    font-size: 14px;
    color: #014fc9;
}

.user-content-title {
    width: 892px;
    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 #014fc9;
    border-radius: 16px;
    background-color: #ffffff;
    font-size: 12px;
    color: #014fc9;
    margin: 12px 0 0 0;
}

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

.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: #014fc9;
    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 #014fc9;
}

.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 #014fc9;
    border-left: 32px solid transparent;
}

.recharge-money .el-radio-button__inner {
    color: #343434;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 274px;
    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;
}

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

.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 #014fc9;
}

.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: #f7f5f0;
    color: #014fc9;
}

.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: #ad8b51;
}
.el-tabs__header {
    margin: 0;
}

.el-table td, .el-table th {
    padding: 8px 0;
}

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

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

th {
    font-weight: normal;
}

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

.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: #333333;
    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: #333333;
}

.el-pager li.active {
    color: #fff;
    background-color: #bf2c24;
    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: #014fc9;
}

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

.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: #014fc9;
    border: 1px solid #014fc9;
    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: #014fc9;
    border: 1px solid #014fc9;
    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: #014fc9;
    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: #f7f5f0;
    padding: 0 32px;
    margin-top: 16px;
}

.author-main-book-title {
    width: 892px;
    height: 48px;
    box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.5);
    background-color: rgba(216, 216, 216, 0);
    font-size: 16px;
    color: #343434;
}

.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: #014fc9;
}

.author-book-create-form .el-tag {
    color: #fff;
    border-radius: 2px;
    background-color: #014fc9;
    border-color: #014fc9;
    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: #014fc9;
    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: #014fc9;
    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;
    background-size: 64px 64px;
}

.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: #014fc9;
    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-li.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-jin.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-miao.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-shanli.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-hongzhu.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-shuanghua.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-yucui.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-qisheng.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-xianzi.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: #014fc9;
}

.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: #f7f5f0;
    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: #014fc9;
    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 #014fc9;
    border-left: 1px solid #014fc9;
    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: #014fc9;
}

.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: #cea86c;
}

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

.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: #014fc9;
    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: #014fc9;
}

.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: #cea86c;
}

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

.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: #014fc9;
    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;
}

.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: #014fc9;
}

.author-book-list-edit {
    border-radius: 12px;
    font-size: 12px;
    color: #b3b3b3;
    border: 1px solid #b3b3b3;
    padding: 1px 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: #f7f5f0;
    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,
.catelog-main {
    display: flex;
    flex-direction: column;
    width: 892px;
}

.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: #bf2c24;
    font-size: 12px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bookinfo-content-left > div:last-child > span:last-child,
.bookinfo-content-left > div:last-child > a:last-child {
    width: 80px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #014fc9;
    font-size: 12px;
    color: #014fc9;
    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: 276px;
}

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

.bookinfo-content-right > div:first-child > span:last-child {
    font-size: 14px;
    color: #4c4c4c;
}

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

.bookinfo-notice > p {
    text-indent: 2em;
}

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

.bookinfo-content-right > div:last-child div {
    display: flex;
    flex-direction: column;
    align-items:center;
}

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

.bookinfo-content-right > div:last-child div>span:last-child {
    font-size: 12px;
    color: #b3b3b3;
}

.bookinfo-content-right > div:last-child > span{
    height: 20px;
    border-right: 2px solid #e5e5e5;
    margin: 0 33px;
}

.bookinfo-notice {
    margin: 21px 0 0 0;
    height: 169px;
    font-size: 14px;
    line-height: 1.71;
    color: #343434;
    padding: 29px 32px 22px 32px;
    border: 2px solid #d6b785;
    position: relative;
}

.bookinfo-notice > span {
    font-size: 16px;
    color: #ad8b51;
    position: absolute;
    top: -14px;
    left: 46px;
    background-color: #fff;
    padding: 0 14px;
}

.bookinfo-data {
    margin: 51px 0 0 0;
    /*background-color: #fdf9ee;*/
    height: 284px;
    display: flex;
    border: 1px solid #dbdbdb;
    border-radius: 19px;
}

.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;
    background-size: 64px 64px;
}

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

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

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

.bookinfo-data li > span:nth-child(3) {
    margin: 4px 0 0 0;
}

.bookinfo-data li > span:nth-child(3) > span:first-child {
    font-size: 28px;
    color: #343434;
}

.bookinfo-data li > span:nth-child(3) > span:last-child {
    font-size: 12px;
    color: #b3b3b3;
}

.bookinfo-data li > span:nth-child(4) {
    font-size: 12px;
    color: #343434;
}

.bookinfo-data li > span:nth-child(4) > span {
    color: #ff4364;
}

.bookinfo-data li > a:nth-child(5),
.bookinfo-data li > span:nth-child(5) {
    width: 140px;
    margin: 28px 0 0 0;
    height: 36px;
    border-radius: 18px;
    background-color: #bf2c24;
    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: #000000;
}

.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: #014fc9;
}

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

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

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

.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: 296px;
    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: #014fc9;
}

.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: 2px solid #000000;
    color: #000000;
}

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

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

.bookinf-basicinfo > ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #343434;
}

.bookinf-basicinfo > ul > li {
    display: flex;
    align-items: center;
    height: 36px;
    border-bottom: 1px dashed #cccccc;
}

.chapter-main {
    width: 816px;
}

.chapter-menu {
    width: 60px;
}

.chapter-menu ul {
    background-color: #fbf4ec;
    border: 1px solid #ECE2B3;
    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 #ECE2B3;
    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-menu li:nth-child(5) i {
    background: url(/img/icon/icon_nav_comment_nor_b.png) no-repeat;
}

.chapter-menu li:last-child i {
    /*background: url(/img/icon/icon_nav_back_nor_b.png) no-repeat;*/
}

.chapter-main > div:first-child {
    padding: 32px 32px 0 32px;
    background-color: #fbf4ec;
    display: flex;
    flex-direction: column;
    border: 1px solid #ECE2B3;
    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 0 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 #014fc9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #014fc9;
    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: #014fc9;
    border: 1px solid #014fc9;
    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 #ECE2B3;
    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: #ad8b51;
    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:last-child {
    color: #666666;
    font-size: 12px;
}

.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: #014fc9;
    padding: 0
}

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

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

.book-comment-content {
}

.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: rgba(0, 0, 0, .48);
}

.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: #f7f5f0;
    color: #014fc9;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

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

.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 #014fc9;
    border-bottom: 1px solid #014fc9;
    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;
    margin: 0 0 0 84px;
    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;
    background-color: #fbf4ec;
}

.chapter-read-setting-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: #014fc9;
    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 #014fc9;
    color: #014fc9;
    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 {
    top: 60px;
    right: 20px;
    position: absolute;
    display: block;
    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:last-child {
    font-size: 12px;
    color: #b3b3b3;
    margin: 0 0 0 12px;
}

.user-message-action > span:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f03354;
    background-color: #FFDCE3;
    border-radius: 2px;
    width: 38px;
    height: 20px;
    font-size: 12px;
    cursor: pointer;
    margin: 0 0 0 30px;
}

.message-table-content {
    background-color: #f7f5f0;
    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-icon {
    font-size: 12px;
    background-color: #fe5151;
    color: #fff;
    border-radius: 2px;
    padding: 1px 5px;
}

.income-date-filter,
.user-expense-filter {
    height: 40px;
    background-color: #f7f5f0;
    color: #666666;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px 0;
}

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

.income-date-filter .el-input__inner,
.user-expense-filter .el-input__inner {
    border: 0;
    background-color: #f7f5f0;
    height: auto;
    padding: 0;
    text-align: center;
}

.user-expense-filter-type {
    width: 106px;
}

.user-expense-filter-type > div:first-child {
    position: relative;
}

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

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

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

.books-right .status-bar,
.ranking-right .status-bar,
.search-left .status-bar {
    width: 892px;
    background-color:#f7f5f0;
    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: #bf2c24;
}

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

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

.search-list > li {
    height: 180px;
    width: 864px;
    padding: 22px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #CBCBCB;
}

.search-list > li:last-child {
    border-bottom: 0;
}

.search-list > li > div:nth-child(2) {
    margin: 0 auto 0 12px;
    width: 578px;
}

.search-list > li > div:nth-child(2) > p:first-child {
    font-size: 18px;
    font-weight: bold;
    color: #343434;
}

.search-list > li > div:nth-child(2) > div:nth-child(2) {
    margin: 8px 0 0 0;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #b3b3b3;
}

.search-list > li > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) {
    margin: 0 0 0 8px;
}

.search-list > li > div:nth-child(2) > div:nth-child(2) > span:nth-child(odd) {
    margin: 0 5px;
    border-right: 1px solid #CBCBCB;
    height: 8px;
}

.search-list > li > div:nth-child(2) > p:nth-child(3) {
    margin: 10px 0 0 0;
    font-size: 12px;
    line-height: 2;
    color: #4d4d4d;
}

.search-list > li > div:nth-child(2) > div:nth-child(4) {
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #b3b3b3;
}

.search-list > li > div:nth-child(2) > div:nth-child(4) a {
    color:  #014fc9;
}

.search-list > li > div:nth-child(2) > div:nth-child(4) > span:nth-child(2) {
    margin: 0 5px;
}

.search-list > li > div:nth-child(3) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.search-list > li > div:nth-child(3) > a {
    width: 100px;
    height: 34px;
    border-radius: 17.5px;
    background-color: #bf2c24;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.search-list > li > div:nth-child(3) > span {
    margin: 12px 0 0 0;
    width: 100px;
    height: 34px;
    border-radius: 17.5px;
    border: 1px solid #ad8b51;
    color: #ad8b51;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ranking-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ranking-list > li {
    margin: 24px 0 0 32px;
}

.ranking-list > li:first-child,
.ranking-list > li:nth-child(3n+1) {
    margin-left: 0;
}

.books-left,
.ranking-left {
    height: 496px;
    border-radius: 4px;
    background-color: #f7f5f0;
}

.books-left {
    min-height: 1024px;
    height: 100%;



}

.books-left ul{
    margin: 10% 0 0 15%;
}

.books-left ul li{
    /*margin-top: 10px;*/
    line-height: 30px;
    font-size: 13px;
}

.books-left a {
    color: #676767;
    font-weight: 550;
    letter-spacing:0.5px;
}

.books-left a:hover {
    color: #cea86c;
}



.ranking-left {
    padding: 16px 0 0 16px;
}

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

.ranking-left li {
    margin: 0 0 21px 0;
}

.ranking-right .status-bar > a {
    font-size: 12px;
    color: #024abf;
}

.fuli-left {
    width: 196px;
    height: 571px;
    background: url(/img/bg/bg_nav_zuojia.png) no-repeat;
}

.fuli-right {
    width: 1004px;
}

.fuli-left a {
    color: #676767;
}

.fuli-left ul {
    margin: 98px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fuli-left li {
    width: 124px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #676767;
    position: relative;
}

.fuli-left li.is-active a {
    color: #ff7c0d;
}

.fuli-left li.is-active::before {
    content: "";
    position: absolute;
    right: 0;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #ff7c0d;
    border-left: 2px solid #ff7c0d;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
}

.fuli-left li.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #ff7c0d;
    border-left: 2px solid #ff7c0d;
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg); /* Safari 和 Chrome */
}

.fuli-right.qianyue > div:first-child{
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: #ff8b3d;
}

.fuli-right.qianyue > div:nth-child(3),
.fuli-right.qianyue > div:nth-child(2) {
    color: #343434;
    margin: 48px 0 0 0;
}

.fuli-right.qianyue > div:nth-child(2) {
    margin: 24px 0 0 0;
}

.fuli-right.qianyue > div:nth-child(3) > p:first-child,
.fuli-right.qianyue > div:nth-child(2) > p:first-child {
    font-size: 16px;
    color: #ff8b3d;
    margin: 0 0 0 64px;
}

.fuli-right.qianyue > div:nth-child(2) > table{
    margin: 16px 0 0 96px;
    color: #343434;
    align-items: center;
    align-content: center;
    width: 80%;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-radius: 2px;
    border-spacing: 0;
    border-collapse: separate;
}

.fuli-right.qianyue > div:nth-child(2) > table th,
.fuli-right.qianyue > div:nth-child(2) > table td,
.fuli-right.qianyue > div:last-child > table th,
.fuli-right.qianyue > div:last-child > table td
{
    min-width: 100px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    line-height: 30px;
    margin:0;



    /*text-align:center;*/
    padding:5px;
}

.fuli-right.qianyue > div:nth-child(2) > table th,
.fuli-right.qianyue > div:last-child > table th{
    margin:0;
    padding: 0;
    font-size:18px;
}


.fuli-right.qianyue > div:last-child > table{
    margin: 16px 0 0 0;
    color: #343434;
    /*align-items: center;*/
    /*align-content: center;*/
    width: 80%;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-radius: 2px;
    border-spacing: 0;
    border-collapse: separate;
}


.fuli-right.qianyue > div:nth-child(3) > p,
.fuli-right.qianyue > div:nth-child(2) > p {
    margin: 16px 0 0 96px;
    color: #343434;
}

.fuli-right.qianyue > div:nth-child(4) {
    display: flex;
    justify-content: center;
}

.fuli-right.qianyue > div:nth-child(4) > a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 96px 0 0 0;
    width: 296px;
    height: 48px;
    border-radius: 24px;
    background-image: linear-gradient(to bottom, #ffd53e, #fd8e2f);
    font-size: 16px;
    color: #ffffff;
}

.fuli-right.qianyue > p:nth-child(5) {
    width: 924px;
    margin: 32px 0 0 64px;
    display: flex;
    justify-content: center;
    line-height: 2;
    color: #343434;
}

.fuli-right.qianyue > div:nth-child(6) {
    margin: 8px 0 0 64px;
    color: #343434;
}

.fuli-right.qianyue > div:nth-child(6) > span {
    margin: 0 40px 0 0;
}

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

.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: #014fc9;
}

.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;
}


.manindex-carousel,
.manindex-carousel .el-carousel__container
{
    width:1200px;
    height: 425px;
}

/*.mainindex-list1-container {*/
/*    width: 600px;*/
/*    position: relative;*/
/*}*/

/*.mainindex-list1-container card-content{*/
/*    height: 800px;*/
/*}*/

.mainindex-list1-container{
    width: 600px;
    height: 600px;
    position: relative;
    overflow:hidden;
}

.manindex-list1-content .card-content{
    padding-top:20px;
    height: 550px;
    padding-bottom: 30px;
}

.mainindex-list1-container .el-carousel--card,
.mainindex-list1-container .el-carousel--card .el-carousel__container{
    width: 400px;
    height: 219px;
    overflow:visible;
    /*scrollbar-width: none; // firefox下滚动条不显示*/
/*-ms-overflow-style:none; // IE下滚动条不显示*/
}

/*.el-carousel--card ,*/
/*.el-carousel--card .el-carousel__container {*/
/*    width: 160px;*/
/*    height: 112px;*/
/*}*/

.mainindex-list1-container .list1-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mainindex-list1-container .list1-content div{
    display: flex;
    margin: 10px 0 0 5px;
    width:270px;
    /*height: 600px;*/
    flex-direction: row;
}

/*.mainindex-list1-container .list2-content div div:first-child{*/
/*    width:300px;*/
/*}*/
.mainindex-list1-container .list1-content div div:first-child,
.mainindex-list1-container .list1-content div div:first-child img{
    width:110px;
    height:146px;
}

.mainindex-list1-container .list1-content div div:last-child{
    flex-direction: column;
    width:150px;
    height: 146px
}

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

.manindex-list-content span:first-child{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #17191a;
}

.manindex-list-content span:nth-child(2),
.manindex-list-content span:nth-child(3){
    /*margin: 12px 0 0 0;*/
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #474b4e;
}

.manindex-list-content p{
    /*margin: 10px 0 0 0;*/
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #abb0b3;
}

.vertical-line{
    position: relative;
    top: 1px;
    display: inline-block;
    height: 11px;
    border-right: 1px solid #d7d7db;
}

.mainindex-list3-container{
    width: 100%;
    /*padding: 50px 0;*/
    /*height: 200px;*/
    position: relative;
    overflow:hidden;
}

.mainindex-list3-container div:nth-child(2){
    /*margin: 0 auto;*/
    /*width: 1000px;*/
    /*height: 300px;*/
    padding: 20px 0 0 0;
    /*background-color: #d8eafb;*/
}

/*.mainindex-list3-container .slick div{*/
/*    width:110px;*/
/*}*/

.mainindex-list3-container img{
    width:110px;
    height:146px;
    margin: 0 auto;
}

.mainindex-list3-container span:nth-child(1){
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #17191a;
}

.mainindex-list3-container p{
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #474b4e;
    line-height: 30px;
}

.slick div{
    text-align: center;
}

.manindex-bottom-list{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}



.manindex-bottom-list ul{
    margin: 15px 0 20px 0;
}

.manindex-bottom-list ul li{
    width: 260px;
    display: flex;
    flex-direction: row;
}

/*.manindex-bottom-list ul li div{*/
/*    width: 260px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

.manindex-bottom-list ul li:first-child img{
    width:110px;
    height:146px;
}

.manindex-bottom-list ul li:first-child .card-book{
    width:130px;
    align-items: stretch;
    margin: 0 0 0 15px;
}

.manindex-bottom-list ul li:first-child .card-bookname{
    font-size: 14px;
    color: #323232;
    margin: 0 0 0 0;
    font-weight: 600;
}

.manindex-bottom-list ul li:first-child .card-author {
    font-size: 12px;
    color: #808080;
    margin: 8px 0 0 0;
}

.manindex-bottom-list ul li:first-child .card-intro {
    font-size: 10px;
    color: #808080;
    margin: 8px 0 0 0;
}



.manindex-bottom-list ul li:first-child .card-read{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 25px;
    border-radius: 16px;
    background-color: #bf2c24;
    font-size: 12px;
    color: #ffffff;
    margin: 12px 0 0 0;
}

.manindex-bottom-list ul li{
    /*justify-content: space-around;*/
}

.manindex-bottom-list ul li .category{
    line-height: 30px;
    font-size: 14px;
    color: #808080;
    /*color: #cea86c;*/
}

.manindex-bottom-list ul li .bookname{
    line-height: 30px;
    font-size: 14px;
    color: #323232;
    margin-left:5px;
}

.manindex-bottom-list ul li .bookname a:hover{
    color: #cea86c;
}
.strongly-list ul{
    overflow: hidden;
}
.strongly-list ul li{
    margin-top: 12px;
    float: left;
    list-style: none;
    /*height: 150px;*/
    width: 290px;
    display:inline;
    /*border: 1px solid #000;*/
}
.strongly-list ul li .strongly-img{
    width: 110px;height: 146px;float: left;
}
.strongly-list ul li .strongly-img img{
    width: 110px;height: 146px;
}
.strongly-list ul li .strongly-book{
    width: 170px;float: left;padding-left: 15px;
}
.strongly-list ul li .strongly-book .strongly-name{
    font-size: 14px;
    color: #323232;
    margin: 0 0 0 0;
    font-weight: 600;
    height: 38px;
}
.strongly-list ul li .strongly-book .strongly-author{
    font-size: 12px;
    color: #808080;
    margin: 6px 0 0 0;
}
.strongly-list ul li .strongly-book p{
    font-size: 10px;
    height: 44px;
    color: #808080;
    margin: 6px 0 0 0;
    overflow: hidden;
}
.strongly-list ul li .strongly-book .card-read{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 25px;
    border-radius: 16px;
    background-color: #bf2c24;
    font-size: 12px;
    color: #ffffff;
    margin: 12px 0px 0px;
}