.detail-link {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 25px
}

.detail-link a {
    color: #666;
    margin-right: 28px;
    position: relative
}

.detail-link a:last-of-type {
    color: #999!important;
    margin-right: 0
}

.detail-link a:last-of-type:after {
    display: none
}

.detail-link a:after {
    border: 1px solid #bbb;
    border-left: 0;
    border-top: 0;
    content: "";
    display: inline-block;
    height: 5px;
    position: absolute;
    right: -16px;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 5px
}

.book-info[data-H1LBGrfD63] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-info--coverImage[data-H1LBGrfD63] {
    height: 284px;
    margin-right: 33px;
    position: relative;
    width: 213px
}

.book-info--coverImage-cover[data-H1LBGrfD63] {
    background-color: #f6f8fa;
    border: 1px solid #d0d3d6;
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.book-info--coverImage-cover.global-book--frame[data-H1LBGrfD63]:before {
    width: 17px
}

.book-info--coverImage-cover img[data-H1LBGrfD63] {
    display: block;
    height: 100%;
    width: 100%
}

.book-info--coverImage-iconimg[data-H1LBGrfD63] {
    height: 23px!important;
    position: absolute;
    right: 0;
    top: -1px;
    width: 48px!important
}

.book-info--coverImage-shadow[data-H1LBGrfD63] {
    background-color: #f6f8fa;
    border: 1px solid #d0d3d6;
    border-radius: 6px 4px 4px 6px;
    -webkit-box-shadow: 2px 0 7px 0 hsla(204,2%,49%,.2);
    box-shadow: 2px 0 7px 0 hsla(204,2%,49%,.2);
    height: 272px;
    position: absolute;
    top: 6px;
    width: 220px
}

.book-info--flow[data-H1LBGrfD63] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-around
}

.book-info--flow[data-H1LBGrfD63],.book-info--title[data-H1LBGrfD63] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-info--title[data-H1LBGrfD63] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-family: PingFangSC,PingFangSC-Semibold;
    font-size: 26px;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    margin-bottom: 14px;
    margin-top: 25px
}

.book-info--title img[data-H1LBGrfD63] {
    height: 20px;
    margin-left: 5px;
    width: 20px
}

.book-info--tags[data-H1LBGrfD63] {
    color: #666;
    cursor: pointer;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-left: 28px
}

.book-info--tags span[data-H1LBGrfD63] {
    border: 1px solid #dcdddf;
    border-radius: 4px;
    display: inline-block;
    margin-right: 12px;
    padding: 1px 6px
}

.book-info--tags span.vip[data-H1LBGrfD63] {
    border-color: #f36c06;
    color: #f36c06
}

.book-info--tags span.serialStatus[data-H1LBGrfD63] {
    border-color: #2687d9;
    color: #2687d9
}

.book-info--tags span.cateFineId[data-H1LBGrfD63] {
    border-color: #d49b05;
    color: #d49b05
}

.book-info--nums[data-H1LBGrfD63] {
    margin-bottom: 19px
}

.book-info--nums div[data-H1LBGrfD63],.book-info--nums[data-H1LBGrfD63] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-info--nums div[data-H1LBGrfD63] {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #999;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 12px;
    font-weight: 400;
    margin-left: 16px
}

.book-info--nums div[data-H1LBGrfD63]:first-of-type {
    margin-left: 0
}

.book-info--nums div:last-of-type i[data-H1LBGrfD63] {
    border: 0;
    padding: 0
}

.book-info--nums div span[data-H1LBGrfD63] {
    color: #333;
    font-family: DIN-Alternate;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    margin-right: 2px;
    text-align: right
}

.book-info--nums div i[data-H1LBGrfD63] {
    border-right: 1px solid #dcdddf;
    line-height: 12px;
    padding-right: 16px
}

.book-info--chapter[data-H1LBGrfD63] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    width: 640px;
}
.book-info--desc[data-H1LBGrfD63] {
    margin-top: 10px;
    height: 90px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    color: #999999;
    max-width: 800px;
}
.book-info--desc-noheight[data-H1LBGrfD63] {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    color: #999999;
    max-width: 800px;
}
.book-info--chapter a[data-H1LBGrfD63] {
    color: #666
}

.book-info--chapter-name[data-H1LBGrfD63] {
    margin-right: 24px;
    max-width: 520px
}

.book-info--chapter-name-vip[data-H1LBGrfD63] {
    padding-left: 26px;
    position: relative
}

.book-info--btn[data-H1LBGrfD63] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 14px;
    margin-top: 20px;
}

.book-info--btn-base[data-H1LBGrfD63] {
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin-right: 16px;
    text-align: center;
    width: 180px
}

.book-info--btn-reading[data-H1LBGrfD63] {
    display: block
}

.book-info--btn-download[data-H1LBGrfD63],.book-info--btn-reading[data-H1LBGrfD63] {
    background: linear-gradient(324deg,#115C00,#ff6114)
}

.book-info--btn-download[data-H1LBGrfD63] {
    position: relative;
    width: 130px
}

.book-info--btn-download .scan-code[data-H1LBGrfD63] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #e60101;
    border-radius: 12px;
    -webkit-box-shadow: 0 1px 6px 0 hsla(0,0%,87%,.5);
    box-shadow: 0 1px 6px 0 hsla(0,0%,87%,.5);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    height: 210px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 212px;
    z-index: 10
}

.book-info--btn-download .scan-code .free-read[data-H1LBGrfD63] {
    font-size: 14px
}

.book-info--btn-download .scan-code img[data-H1LBGrfD63] {
    display: block;
    height: 100px;
    width: 100px
}

.book-info--btn-download .scan-code .download-text[data-H1LBGrfD63] {
    font-size: 12px
}

.book-info--btn-download .scan-code .download-text span[data-H1LBGrfD63],.book-info--btn-download .scan-code .free-read span[data-H1LBGrfD63] {
    font-weight: 600
}

.book-info--btn-download .scan-code[data-H1LBGrfD63]:after {
    border-bottom: 10px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    left: 50%;
    position: absolute;
    top: -10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.book-info--btn-add[data-H1LBGrfD63],.book-info--btn-vote[data-H1LBGrfD63] {
    border: 1px solid #999;
    color: #666
}

.book-info--btn-add-succ[data-H1LBGrfD63] {
    border: 1px solid #dcdddf;
    color: #999;
    cursor: auto
}

.book-info--btn-scanCode[data-H1LBGrfD63],.book-info--btn-works[data-H1LBGrfD63] {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    padding-left: 22px
}

.book-info--btn-scanCode[data-H1LBGrfD63] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAUBJREFUWEftmDFOxTAMhv9IqN7ZQHAGrsAEQiyscABn6sqcmbVTfABYWZ4QTFyBM4B4G3srpKBIRULoNa1IHwRw59r98tl12hgUfpnC+aCAuRX6/Qbrut7puu4ihLAPYCvXSB+/NMbcV1V13jTNUypn0mCEa9v2AcDmTGCf07wQ0V4KMglorb0MIZwCuCEiHlvt1EX0CxcAR8aYK+/92VBsEpCZn2NZiWh3Lrh3kB7yEcBSRLa/ChhioIis5WVi5tH8YwZHE0wt66r7FDDHXoxVg2oQSH/NTOmRHItT8uuYSRlWgzn9p3Mw154aVIO9gb8/qK211wCOB0q+8N6fDLXDtwxqZr4FcDAAcScihz8KGB/unNtYBeGce/33W13Zv53F/7gXf/QRG7zow6M5trPcHGs50siF+hivgLk2izf4BnKLJjhbd+hCAAAAAElFTkSuQmCC);
    position: relative;
    z-index: 10
}

.book-info--btn-scanCode .scan-code[data-H1LBGrfD63] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e60101;
    border-radius: 12px;
    -webkit-box-shadow: 0 1px 6px 0 hsla(0,0%,87%,.5);
    box-shadow: 0 1px 6px 0 hsla(0,0%,87%,.5);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    height: 210px;
    left: 50%;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 212px
}

.book-info--btn-scanCode .scan-code .free-read[data-H1LBGrfD63] {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 24px
}

.book-info--btn-scanCode .scan-code .qrcode-box[data-H1LBGrfD63] {
    background-color: #fff;
    height: 110px;
    margin: 0 auto;
    padding: 5px;
    width: 110px
}

.book-info--btn-scanCode .scan-code .qrcode-box .qrcode-img[data-H1LBGrfD63] {
    display: block;
    height: 100px;
    width: 100px
}

.book-info--btn-scanCode .scan-code .qrcode-box .qrcode-img img[data-H1LBGrfD63] {
    height: 100px;
    width: 100%
}

.book-info--btn-scanCode .scan-code img[data-H1LBGrfD63] {
    display: block;
    height: 100px;
    margin: 19px 0 8px;
    width: 100px
}

.book-info--btn-scanCode .scan-code .download-text[data-H1LBGrfD63] {
    font-size: 12px;
    margin-top: 10px
}

.book-info--btn-scanCode .scan-code .download-text span[data-H1LBGrfD63],.book-info--btn-scanCode .scan-code .free-read span[data-H1LBGrfD63] {
    font-weight: 600
}

.book-info--btn-scanCode .scan-code[data-H1LBGrfD63]:after {
    border-bottom: 10px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    left: 50%;
    position: absolute;
    top: -10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}


.author-info-via[data-v-a042a242] {
    opacity: 1
}

.author-info--img[data-v-a042a242] {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 60px;
    margin: -28px auto 0;
    width: 60px
}

.author-info--img img[data-v-a042a242] {
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    height: 60px;
    width: 60px
}

.author-info--name[data-v-a042a242] {
    color: #333;
    display: block;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 2px 0 3px
}

.author-info--badges[data-v-a042a242] {
    margin-bottom: 6px
}

.author-info--badges-author[data-v-a042a242],.author-info--badges-sign[data-v-a042a242] {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    color: #999;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 24px
}


.author-info--outputs div[data-v-a042a242],.author-info--outputs[data-v-a042a242] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.author-info--outputs div[data-v-a042a242] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    height: 64px;
    justify-content: center;
    line-height: 20px;
    width: 82px
}

.author-info--outputs div b[data-v-a042a242] {
    font-family: DIN-Alternate;
    font-size: 18px
}

.author-info--outputs div span[data-v-a042a242] {
    color: #333;
    margin-bottom: 1px
}

.author-info--outputs div p[data-v-a042a242] {
    color: #999
}

.author-info--desc-text[data-v-a042a242] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA21JREFUWEftlk9oHFUcx7+/9za71Eq0B61UKXgwB4MrxrDzZl4OrYo5FDwoWoSCIAWhphDEi1akHjwHrDmKUgT/gJ5EqP8OMu/NxIbGVdeDh9piWxARs01X02bm/WTWyZKmuzNuLr1kj/t+3+/7zO/7m/eGcJN/dJP3xzbAdgeG6gAzExHxMINbpvlfAK1W69Z2u32UnDs0umuXNz4+fqUMotVqVVeWlw8zMCtHRh5tNBq/9dOUAixYO+2ce4+BuzIDInrN1/rNIoA4jh/mNP2Ame/L6gRwUk1NPTc0QGRMttErWRsBJEKIuUq1enxycvLvQQDW2heI+S1mrubA79d27HhpYmLij6EA4jCcc8BsV0R0Xkj5hFLqh6Int9bOwLkT+caXCXhaaf1FkaZvBNbaWTg3lxudqwH7JrQ+X2S0YMyBlPmzXNOGENO+7y+UzcoNAHEc112SfAegBqIVWak86Hner0VGTWPu7DD/BOAOInIS2N/Q+tuyzbuwm4usMafA/Hh3eISYUUEwX2YUGZNlfjSvmw+mpmbKNOvr1wHEcaxckkR57pf8ILin7L2P43i3S5IsnhqAVI6M7PY8788tAUTGzDPzkRzgVLVWe7Jo4rO66wYP+GXn6Kiq1+t/bQnAGnMRzHs2tKdDwCeoVI4ppS70M7XGfA3mR3oaojUGPhdSvqqU+rkMpBfBmTDcswpcHPCudliII0EQnNy8HhmzzMy39dElRHS87NDqAURR9Bin6ZcFxIkkmva0/ma9xlp7N5zr25mejxCHgyB4Z5DvRoBnOE0/KmwZUTaYe4kozfN/AM4VHk5EdI2k3KuU+n1Ad//7OwrDgwx8WJaZJAo8rbtvSn5mNMs0guh5pfW7hQCnrX1ozbkzZWYk5VO+73+a1S0uLt6ydvXqlfyuGCgtusB6ETSbzZ2dlZU2AFkIIUQ9CIIf12uiMDzLwL1FGpLyoO/7Hxd2II/hBANFp9hZX+ux9RnoxmDti865twcOGdFlknKsdAYyg6WlpdtXO50FBsY2GxLRPxBi/+YLhpllbMxXDOzrA5EKokNK64GzdcNdkOV6bXX1DSI6kH9QXCIghJTHfN8/1+9JuxDWvgzmZ0F0P5izo/i0JHq9ofX3hfEULTKzyG63ssHcuD6spvSTbJjNt1K7DbDdgX8BfoNjMNjy7k8AAAAASUVORK5CYII=);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    color: #666;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 19px;
    text-align: left
}

.author-info--desc img[data-v-a042a242] {
    height: 42px;
    margin-top: 10px;
    width: 200px
}

.author-info--btn[data-v-a042a242] {
    border: 1px solid #115C00;
    border-radius: 18px;
    color: #115C00;
    cursor: pointer;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    line-height: 34px;
    margin: 17px auto 0;
    width: 88px
}

.author-info--btn[data-v-a042a242]:hover {
    background: rgba(230,0,0,.08);
    border: 0;
    color: #115C00
}

.detail-top[data-hGJLuSr3mK] {
    background-color: #f6f8fa;
    height: 389px;
    padding: 24px 0 36px
}

.detail-top--main[data-hGJLuSr3mK] {
    margin: 0 auto;
    width: 1200px
}

.detail-top--main-content[data-hGJLuSr3mK] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.detail-work-info[data-v-03e29917] {
    color: #333;
    font-size: 16px;
    line-height: 40px;
    padding-top: 40px
}

.detail-work-info--introduction[data-v-03e29917] {
    margin-bottom: 39px
}

.detail-work-info--honors[data-v-03e29917] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #e6e8eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 47px
}

.detail-work-info--honors .honors-module[data-v-03e29917] {
    width: 270px
}

.detail-work-info--honors .honors-module .honors-module--title[data-v-03e29917] {
    cursor: pointer;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 21px
}

.detail-work-info--honors .honors-module .honors-module--title a[data-v-03e29917] {
    color: #333;
    position: relative
}

.detail-work-info--honors .honors-module .honors-module--title a[data-v-03e29917]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA4dJREFUWEfFV02IW1UUPt8bXmWSIFYMI8U3885Ti4i6KLZ2UaQFoUVF6EZqBUFwoa1KcVvtolV3upB2unDjD9KFSME/3NSOirTUVVVEa3nvTlJanW5KM6WjSd4nZ0iGzEyS95Lp2AvZ5H33fN/5ufeeA8m5SK5xzm0j+RSA+0muExH72boI4BLJX0TkC1WdAvBvHtPIAiVJcqeIHCD5rIjcmoVvfa+JyEfFYvHQ2NjY3/329BRA8pbp6en9JF8jWcxJvAgG4BqAdycmJt7sFZGuAlpeHye5eRjipXsAnCoUCju7RWOZgGq1+lC9Xv9KRO66EeQdNi74vv94EARWJwtrkQDznORPq0DeJrxQLBYf7ozEggDLuXNuKkfYGwAmReRrETk7Ojpam5ubW09yF8l9IrKmb9EBp8Iw3NquiQUBzrmDaZq+kRH2cyLydBRFZ7vhKpXKA81m80OSG/rZ8TzvUBiGBwwzL6BVdOf7VTuA6yMjI5vGx8d/tTshSZJXATxmNkj+4Pv+O0EQXK9UKuuazaZh1vYSYaejUCjcbaloCzhK8sUM1fvDMHyb5Ihz7luSjy4qJuD3Uqm0qVwu15xze9M0PZwRzSNRFL1s6s2by1mXjO/79wZBcN45tztN00+6Gfc8b15k6yR1TVPHvpqq3oEkSbaT/CbryAFYq6pX4jh+X0Re6IYH8IGqPj8zM1OanZ212zBrbUccx0dEZE8WEsBxETkjIq/3qhUAu1X1WLVafbBer/+cZVNEDlsETpLcmgPcF+J53sdhGD5nIOfce2mavpJlE8B3FoE/RGR9Fjjj+6eq+gyAZpIk5swJkl4Om3+aAMtVKQe4F+QzVd0FoOGc20DSyG/LaW92pQJOqOoOI7fKbzQals7bc5IbrLaiFPi+/0gQBGeSJLmP5PciUh6A3KDnVlKEP0ZRtMWsxHFsp2PjgOQCYCr3MVxqHIATkW0ispnksUHJW/jJ3BfRkAR9twHYkfsqXgUBV1W13H6MJkm+NAiJ53lP2EuYpumXg+xrYwEcVdU9uZ/jpSSe5z1p/w0jwJ5jEblHVf8atCEZxtlle5Y1JIYYoCVbkQgAp1st2T9m6H9vSgFstNAv1MJSd25qW94WswqDyWkR2dnpec8ItD/c4NHsLQDzOV92o2ZV1JDD6VUA1jce7OZ1J2fmdNwRkazx/CLJ3wB8Hobhybzj+X8wOtgPvgrFEAAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 20px;
    position: absolute;
    right: -21px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px
}

.detail-work-info--honors .honors-module .honors-module--title a[data-v-03e29917]:hover:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAAXNSR0IArs4c6QAAA6FJREFUWEet2F2IVGUYB/Dfe1zLjyyl3J2ZLqIIESsJ7AMtJEjJixQlsSAoxMIKCupGqBC80OoiCAqyEssbqUgwtYLowr4WRMW0DyhQ6KKZ2d3SvsR0d+eNszMjru7MmbP6XM75///P/33O877PeybIEQMUB1mKOYFSpJTSA5VIOeH7hD3dVDuVDVnASFeFNYHVuCOO5GsdgYj9gS09vBsYysC3flzmAWzCrCyjLZ7/jBdK7GjFH3M1kcurvBV5dJyJR9ECWws8GThzvt4FBqp0R3ZG5l+K5Odo9CasKNB/ru4oA5HJFb7GvEucfEQucKDAwsCppv4oAxXejzyYlTzwJT5NOIx/asyKPIT7srjYXuLhCwyUWYvNGQLHE54usH0sXIWVeCPSk6GztsTbjaqMbNqpkaPtiOn2SljSw+cpsY/FNRYhCXxVYHfj97nD7MdlbTq/GrixwMmRV1BhfWRDxn59vcgzKabK5lq9YmcjsLvAisBwhQ2R9RlVeLHExpAeLFXKkUI7wgRu7eFwmSX4bCxs4Kkib1bqB9a+jAX1FSiGPuYP05vVPF1M6+bfCq9GnmthYGuRNX9w5Wn+ytJMmB8qvBxZlwXGS6G+Rd+LdI+FT3i2wGt93DDM0Q40N4VyvakWdwDOgvQWuScwWOX5GhuzCPgircAPkZs6ALeDHJzMohn8OcCsIQ5GrsjSDPyUVuA4ZmSB2zw/NIV7p3OiMa735hheJ1ID6bE4aTwGAj9OYeFVHO+jZ5g0+ewcWqfSV3Ascn0O0llowtICe/7m6pPsjdycRydwLK3AN7grDzHFpqsvcEt6QlbYFes3pbzxbVqBbZFH8jLxXZE7+5ld41AkyasR2JYaWBX5IC+5UYUBTI9MHCd/VRhg2iC/txse4xHvgHNmItc0h9FHsX7/yxMfT2H1aeYN80neBQR2FFnZNDAHRyITOnWQsKw5gsscyHOLSicm5hbTg6iZsMw7eKxTA7iYCmwp8Xijj+opK8xM7/OR63KYyA0N/Irbi6QNPPojo4+5NXojU3Mrd0AInExY0MORJnysa/n9NT7E5A4080BOJaxKT85zSWN+mJS5DTtxbZ4MbbC/YXmp3qyjouV3XjrZhtgcWXYxJgK7unhi5kibXRiZH6f93D3EK1iQ00hvF+u667OmZWQaaDIbF43ljYqk58b5d4gT6vs6XfHOmfzSieGODZwvFpnU3/h/oJty4L9OEnbcA+MRGw/nf1cZ+uRY/skbAAAAAElFTkSuQmCC)
}

.detail-work-info--honors .honors-module .honors-module--base-img[data-v-03e29917] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: default;
    display: block;
    height: 136px;
    margin-bottom: 16px;
    position: relative;
    white-space: nowrap;
    width: 270px
}

.detail-work-info--honors .honors-module .honors-module--base-img[data-v-03e29917]:last-of-type {
    margin-bottom: 0
}

.detail-work-info--honors .honors-module .honors-module--rank .honors-module--rank-num[data-v-03e29917] {
    color: #115C00;
    font-size: 30px;
    font-weight: 700;
    height: 46px;
    line-height: 46px;
    position: absolute;
    right: 40px;
    text-align: center;
    top: 31px;
    width: 62px
}

.detail-work-info--honors .honors-module .honors-module--rank .honors-module--rank-num span[data-v-03e29917] {
    font-family: DIN-Alternate!important
}

.detail-work-info--honors .honors-module .honors-module--rank .honors-module--rank-tickets[data-v-03e29917] {
    bottom: 31px;
    color: #999;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    position: absolute;
    right: 23px;
    text-align: center;
    width: 100px
}

.detail-work-info--honors .honors-module .honors-module--rank .honors-module--rank-tickets span[data-v-03e29917] {
    color: #666;
    font-family: Arial-BoldMT,Arial;
    margin: 0 4px
}


.detail-work-info--honors .honors-module .honors-module--book .honors-module--book-item[data-v-03e29917] {
    height: 100%;
    padding-top: 34px;
    position: relative;
    text-align: center;
    width: 50%
}

.detail-work-info--honors .honors-module .honors-module--book .honors-module--book-item .honors-module--book-num[data-v-03e29917] {
    color: #115C00;
    font-size: 30px;
    font-weight: 700;
    height: 46px;
    line-height: 46px;
    margin-top: 18px
}

.detail-work-info--honors .honors-module .honors-module--book .honors-module--book-item .honors-module--book-num span[data-v-03e29917] {
    font-family: DIN-Alternate;
    position: relative
}

.detail-work-info--honors .honors-module .honors-module--book .honors-module--book-item .honors-module--book-month[data-v-03e29917] {
    color: #999;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.detail-work-info--honors .honors-module .honors-module--champion .honors-module--champion-name[data-v-03e29917] {
    color: #115C00;
    display: inline-block;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    line-height: 23px;
    margin-top: 27px;
    position: relative
}

.detail-work-info--honors .honors-module .honors-module--champion .honors-module--champion-name span[data-v-03e29917] {
    display: inline-block;
    max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-work-info--honors .honors-module .honors-module--champion .honors-module--champion-month[data-v-03e29917] {
    color: #999;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.detail-work-info--honors .support-works[data-v-03e29917] {
    width: 553px
}

.detail-work-info--honors .support-works .support-works--title[data-v-03e29917] {
    color: #333;
    cursor: default;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 21px
}

.detail-work-info--honors .support-works--main[data-v-03e29917] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.detail-work-info--honors .support-works--main .support-module.support-works--cheerleaders .support-module--content-btn[data-v-03e29917],.detail-work-info--honors .support-works--main .support-module.support-works--recommend .support-module--content-btn[data-v-03e29917] {
    background: #fff;
    border: 1px solid;
    color: #f36c06
}

.detail-work-info--honors .support-works--main .support-module--title[data-v-03e29917] {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    height: 72px;
    line-height: 72px
}

.detail-work-info--honors .support-works--main .support-module--title span[data-v-03e29917] {
    font-family: SourceHanSerifCN-Bold
}

.detail-work-info--honors .support-works--main .support-module--content[data-v-03e29917] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.detail-work-info--honors .support-works--main .support-module--content-nums[data-v-03e29917] {
    color: #f36c06;
    font-family: DIN-Alternate;
    font-size: 30px;
    font-weight: 700;
    line-height: 26px;
    margin: 31px 0 6px
}

.detail-work-info--honors .support-works--main .support-module--content-text[data-v-03e29917] {
    color: #999;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px
}

.detail-work-info--honors .support-works--main .support-module--content-rank[data-v-03e29917] {
    color: #666;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.detail-work-info--honors .support-works--main .support-module--content-rank span[data-v-03e29917] {
    color: #f36c06;
    padding: 0 2px
}

.detail-work-info--honors .support-works--main .support-module--content-difference[data-v-03e29917] {
    color: #666;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 19px
}

.detail-work-info--honors .support-works--main .support-module--content-difference span[data-v-03e29917] {
    color: #f36c06;
    padding: 0 2px
}

.detail-work-info--honors .support-works--main .support-module--content-btn[data-v-03e29917] {
    background: linear-gradient(299deg,#fe5600,#ff954d);
    border-radius: 20px;
    bottom: 23px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    left: 50%;
    line-height: 40px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 108px
}

.detail-work-info--content[data-v-03e29917] {
    padding-top: 44px
}

.detail-work-info--content-title[data-v-03e29917] {
    color: #333;
    display: block;
    font-family: PingFangSC,PingFangSC-Medium;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 24px
}

.detail-work-info--content-word[data-v-03e29917] p {
    word-wrap: break-word;
    text-indent: 2em
}

.detail-work-info--content-btn[data-v-03e29917] {
    border: 1px solid #666;
    border-radius: 22px;
    color: #666;
    display: block;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin: 30px auto;
    text-align: center;
    width: 180px
}

.detail-work-info--content-btn[data-v-03e29917]:hover {
    border-color: #115C00;
    color: #115C00
}

.detail-catalog[data-oj8TJKxuN9] {
    font-size: 14px;
    padding-top: 40px
}

.detail-catalog--read[data-oj8TJKxuN9] {
    background-color: #f6f8fa;
    border-radius: 8px;
    color: #666;
    cursor: pointer;
    margin-bottom: 32px;
    padding: 13px 0 13px 24px;
    width: 100%
}

.detail-catalog--read-text[data-oj8TJKxuN9] {
    color: #999;
    margin-right: 16px
}

.detail-catalog--chapter[data-oj8TJKxuN9] {
    position: relative
}

.detail-catalog--chapter .chapter-list[data-oj8TJKxuN9] {
    margin-bottom: 36px
}

.detail-catalog--chapter .chapter-list--title[data-oj8TJKxuN9] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFangSC-Semibold;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 16px
}

.detail-catalog--chapter .chapter-list--title .title-chapterName[data-oj8TJKxuN9] {
    margin-right: 16px
}

.detail-catalog--chapter .chapter-list--title .title-chapterInfo[data-oj8TJKxuN9] {
    color: #999;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.detail-catalog--chapter .chapter-list--title.chapter-list--title-vip .title-chapterName[data-oj8TJKxuN9],.detail-catalog--chapter .chapter-list--title.chapter-list--title-vip .title-rollNums[data-oj8TJKxuN9] {
    color: #f36c06
}

.detail-catalog--chapter .chapter-list--wrap[data-oj8TJKxuN9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.detail-catalog--chapter .chapter-list--item[data-oj8TJKxuN9] {
    color: #666;
    cursor: pointer;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 16px;
    line-height: 48px;
    width: 50%
}

.detail-catalog--chapter .chapter-list--item-main[data-oj8TJKxuN9] {
    position: relative
}

.detail-catalog--chapter .chapter-list--item-vip[data-oj8TJKxuN9] {
    padding-left: 24px
}

.detail-catalog--chapter .chapter-list--item-update[data-oj8TJKxuN9]:after,.detail-catalog--chapter .chapter-list--item-vip[data-oj8TJKxuN9]:before {
    background-position: 0;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.detail-catalog--chapter .chapter-list--item[data-oj8TJKxuN9]:hover {
    color: #115C00
}

.detail-catalog--chapter .detail-catalog--btn[data-oj8TJKxuN9] {
    background: #f5f5f5;
    border-radius: 14px;
    color: #666;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 104px
}

.detail-catalog--chapter .detail-catalog--btn span[data-oj8TJKxuN9] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.detail-catalog--chapter .detail-catalog--btn .detail-catalog--btn-nav[data-oj8TJKxuN9] {
    background: linear-gradient(267deg,#ea1103 6%,#fc5512 93%);
    border-radius: 14px;
    color: #fff;
    height: 28px;
    left: 0;
    position: absolute;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 52px
}

@-webkit-keyframes uped-f3cee08c {
    0% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes uped-f3cee08c {
    0% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.detail-circles[data-v-f3cee08c] {
    font-size: 14px;
    padding-top: 40px
}

.detail-circles--content[data-v-f3cee08c] {
    border-bottom: 1px solid hsla(0,0%,91%,.7);
    padding: 7px 0 30px;
    position: relative
}

.detail-circles--content-title[data-v-f3cee08c] {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail-circles--content-title b[data-v-f3cee08c] {
    color: #222;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 28px
}

.detail-circles--content-title em[data-v-f3cee08c] {
    color: #999;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px
}

.detail-circles--content-title span[data-v-f3cee08c] {
    color: #115C00;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.detail-circles--content-tips[data-v-f3cee08c] {
    background: #fff8f8;
    border-radius: 8px;
    color: #666;
    margin-bottom: 34px;
    padding: 10px 0 10px 24px;
    width: 100%
}

.detail-circles--content-tips-item[data-v-f3cee08c] {
    margin-right: 20px
}

.detail-circles--content-tips-master[data-v-f3cee08c] {
    color: #999
}

.detail-circles--content-sticky-item[data-v-f3cee08c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 16px
}

.detail-circles--content-sticky-item .detail-sticky[data-v-f3cee08c] {
    border: 1px solid #ff7e19;
    border-radius: 2px;
    color: #ff7e19;
    line-height: 16px;
    margin-right: 4px;
    padding: 2px 7px;
    white-space: nowrap;
    width: 40px
}

.detail-circles--content-sticky-item .detail-sticky-boutique[data-v-f3cee08c] {
    background: #ffece8;
    border-radius: 4px;
    color: #115C00;
    height: 20px;
    line-height: 20px;
    margin-right: 8px;
    text-align: center;
    width: 24px
}

.detail-circles--content-sticky-item .detail-sticky-content[data-v-f3cee08c] {
    color: #333;
    font-size: 16px;
    line-height: 24px
}

.detail-circles--content-sticky-item a[data-v-f3cee08c] {
    max-width: 730px;
    position: relative
}

.detail-circles--content-btn[data-v-f3cee08c] {
    border: 1px solid #115C00;
    border-radius: 20px;
    color: #115C00;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 108px
}

.detail-circles--content-btn[data-v-f3cee08c]:hover {
    background: rgba(230,0,0,.08);
    border: 0;
    color: #115C00
}

.detail-circles--content-notice[data-v-f3cee08c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    margin-bottom: 16px
}

.detail-circles--content-notice em[data-v-f3cee08c] {
    border: 1px solid #ff7e19;
    border-radius: 2px;
    color: #ff7e19;
    line-height: 16px;
    margin-right: 4px;
    padding: 2px 7px
}

.detail-circles--content-notice a[data-v-f3cee08c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative
}

.detail-circles--content-notice a img[data-v-f3cee08c] {
    height: 22px;
    margin-left: 4px;
    width: 54px
}

.detail-circles--list[data-v-f3cee08c] {
    padding-top: 30px
}

.detail-circles--list-itme[data-v-f3cee08c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 65px
}

.detail-circles--list-itme .circles-item--headshot[data-v-f3cee08c] {
    border-radius: 50%;
    height: 50px;
    margin-right: 16px;
    position: relative;
    width: 51px
}

.detail-circles--list-itme .circles-item--headshot img[data-v-f3cee08c] {
    border-radius: 50%;
    height: 100%;
    opacity: 1;
    width: 100%
}

.detail-circles--list-itme .circles-item--headshot em[data-v-f3cee08c] {
    bottom: 0;
    height: 16px;
    position: absolute;
    right: 0;
    width: 16px
}

.detail-circles--list-itme .circles-item--info[data-v-f3cee08c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.detail-circles--list-itme .circles-item--info-name[data-v-f3cee08c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center
}

.detail-circles--list-itme .circles-item--info-name p[data-v-f3cee08c] {
    margin-right: 16px
}

.detail-circles--list-itme .circles-item--info-name em[data-v-f3cee08c],.detail-circles--list-itme .circles-item--info-name span[data-v-f3cee08c] {
    color: #f36c06;
    font-size: 12px
}

.detail-circles--list-itme .circles-item--info-name span[data-v-f3cee08c] {
    background: #ffece8;
    border-radius: 4px;
    color: #115C00;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-right: 8px;
    text-align: center;
    width: 36px
}

.detail-circles--list-itme .circles-item--info-name em[data-v-f3cee08c] {
    background: rgba(255,235,220,.6);
    border-radius: 2px;
    height: 20px;
    margin-right: 8px;
    width: 36px
}

.detail-circles--list-itme .circles-item--info-comments[data-v-f3cee08c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
    text-align: center
}

.detail-circles--list-itme .circles-item--info-comments span[data-v-f3cee08c] {
    background: rgba(255,235,220,.6);
    border-radius: 2px;
    color: #f36c06;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-right: 8px;
    width: 36px
}

.detail-circles--list-itme .circles-item--info-comments a[data-v-f3cee08c] {
    color: #333
}

.detail-circles--list-itme .circles-item--info-comments img[data-v-f3cee08c] {
    height: 22px;
    margin-left: 8px;
    width: 54px
}

.detail-circles--list-itme .circles-item--info-comments.font-weight[data-v-f3cee08c] {
    font-size: 16px;
    font-weight: 600
}

.detail-circles--list-itme .circles-item--info-article[data-v-f3cee08c] {
    color: #333;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.detail-circles--list-itme .circles-item--info-article a[data-v-f3cee08c] {
    color: #333
}

.detail-circles--list-itme .circles-item--info-original[data-v-f3cee08c] {
    background: #f7f8fb;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 13px;
    padding-left: 16px;
    width: 100%
}

.detail-circles--list-itme .circles-item--info-original a[data-v-f3cee08c] {
    color: #999
}

.detail-circles--list-itme .circles-item--info-from[data-v-f3cee08c] {
    color: #666;
    font-size: 14px;
    line-height: 22px
}

.detail-circles--list-itme .circles-item--info-from em[data-v-f3cee08c] {
    font-weight: 400;
    margin-right: 4px
}

.detail-circles--list-itme .circles-item--info-from a[data-v-f3cee08c] {
    color: #999
}

.detail-circles--list-itme .circles-item--info-other[data-v-f3cee08c] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 22px;
    margin-top: 32px
}

.detail-circles--list-itme .circles-item--info-other .circles-other--icon-kudos[data-v-f3cee08c] {
    color: #999;
    cursor: pointer;
    margin-right: 32px;
    padding-left: 20px;
    position: relative
}

.detail-circles--list-itme .circles-item--info-other .circles-other--icon-kudos.popin[data-v-f3cee08c] {
    -webkit-animation: uped-f3cee08c .5s;
    animation: uped-f3cee08c .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.detail-circles--list-itme .circles-item--info-other .circles-other--icon-reply[data-v-f3cee08c] {
    color: #999;
    cursor: pointer;
    padding-left: 20px;
    position: relative
}


.detail-circles--list-itme .circles-item--info-other .circles-other--icon-reply[data-v-f3cee08c]:hover {
    color: #115C00
}

.detail-circles--list-itme .circles-item--info-other .circles-other--icon-reply[data-v-f3cee08c]:hover:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAzxJREFUWEft2E9oXFUUx/HPnSSVFv9VCc170goVFaRQUFspUtCNLtzYLhSr1Y24sFKrVNwpuBMstv5biButSumiijv/gIsixdaKAREr6KLSealBawxW0vy5MnlvmpnJJPOYTKCCZzXvzO+c833nztx37gsuMQuXGI//FlDGLYEtMwwFBpbSzchkhZHIsYQfFsrVtkMZd0dewa1LgVgk9mTguYQvWzXzgDL24uVIZZlgZtMGZvB8kt/4RWsCqvIIDjZ8fx5HA8OofV6KrYpsxFasaki0M+X9+vVFoHNc/Q+/YHXx5Vd9PLom9/XMzrJ+mvdwZ5H03ErWr+bPonO5e4Q9M7xaiM6sZENd1DOaOkF+89/jupqrwjND7G8CqvIp7imcuxLe6jVIY76MJyNvFr7PUu5tBTqFmwrB7SknlxOoym34pqjxU8rNTUAZ1UhScw6QDpItBPQ7a6dYsRhwPxeu5deFNKMkk1QLiCwh7QqoygfYUbJ7H6Y83E7bM6CMsciVZYACfyVctaxAVZ4IPI3LOkBNRA6kvL2sQGU6U0bTsyUrU6yM5n+gTl3qaYci/ejrUHQ6MLXs+1CWjwt7YgegwDT2J/k4M8961qGM8cjlnZak2HXHkwX2rF4CvYhnY4d9KDCBfQkvddWhKqexthbcxw29noNaoYq56OfCfzrl+tZn2fHIpgJo+xo+KrMs3WrOsm2aIwXEiYTNTUBVDmB3UeDjlG3dFisTV81v+P5C+1qaP47mzmUZmyLH68kCTyVzA1SZGqU1GbsibzTU2pxwogmodpFxKPJgg/BI4N0ZhkObIT9htB3FGNecb9kWIqsqbIw8FtneUONQwkMN13MpR7likqPy00EZOzXAjkG+rYlr8VN8ErmrTDCGB9g6yHhboIak70QeKJM0MFbhvsh3M/lcXj9NLBoeONzP440w85asMcMId0R2RrYEhvLJds6KIW12Jgr8HflRPifPWpi/nJORkcCxwMEhvm5H3PXLhhE2RD6POWyTVdg9xOtlOtyq6Rqolug3bpziC6xr6MzehH3dwCy6ZGUT/sG6CQ7L35S8UD/wlY3vaYdaflMrAhe6BVnwX7bUhEuN/xes5xo0Oe1VhgAAAABJRU5ErkJggg==)
}

.detail-circles--link[data-v-f3cee08c] {
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 30px;
    text-align: center
}

.detail-circles--link a[data-v-f3cee08c] {
    color: #999
}

.detail-circles-empty[data-v-f3cee08c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    line-height: 24px
}

.detail-circles-empty img[data-v-f3cee08c] {
    height: 178px;
    margin-top: 255px;
    width: 178px
}

.detail-circles-loading[data-v-f3cee08c] {
    height: 400px;
    position: relative
}

.detail-circles-loading div[data-v-f3cee08c] {
    background: url(http://static.xmkanshu.cn/v2018/images/loading.gif) 50% no-repeat;
    background-color: hsla(0,0%,100%,.7);
    border-radius: 12px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.zh-modules-rank[data-v-9eac7de2] {
    border-radius: 12px;
    padding: 15px 0;
    width: 100%
}

.zh-modules-rank .zh-modules-rank-box[data-v-9eac7de2] {
    min-height: 430px
}

.zh-modules-rank-book[data-v-9eac7de2] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    margin-bottom: 7px;
    padding: 0 24px
}

.zh-modules-rank-book .book-rank--num[data-v-9eac7de2] {
    font-weight: 700;
    text-align: center
}

.zh-modules-rank-book .book-rank--num img[data-v-9eac7de2] {
    height: 33px;
    width: 33px
}

.zh-modules-rank-book .book-rank--num span[data-v-9eac7de2] {
    color: #c6c4c4;
    font-size: 16px;
    line-height: 19px;
    margin-right: 12px
}

.zh-modules-rank-book .book-rank--title[data-v-9eac7de2] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between;
    line-height: 24px;
    position: relative
}

.zh-modules-rank-book .book-rank--title a[data-v-9eac7de2] {
    color: #333
}

.zh-modules-rank-book .book-rank--title-text[data-v-9eac7de2] {
    color: #000;
    width: 140px
}

.zh-modules-rank-book .book-rank--hover[data-v-9eac7de2] {
    -webkit-box-flex: 1;
    display: none;
    -ms-flex: 1;
    flex: 1
}

.zh-modules-rank-book .book-rank--hover-main .book--hover-box[data-v-9eac7de2],.zh-modules-rank-book .book-rank--hover-main[data-v-9eac7de2] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.zh-modules-rank-book .book-rank--hover-main .book--hover-box[data-v-9eac7de2] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 132px
}

.zh-modules-rank-book .book-rank--hover-main .book--hover-box p a[data-v-9eac7de2] {
    color: #333;
    font-size: 16px;
    font-weight: 500
}

.zh-modules-rank-book .book-rank--hover-main .book--hover-box .bookName[data-v-9eac7de2] {
    color: #333
}

.zh-modules-rank-book .book-rank--hover-main .book--hover-box .auther[data-v-9eac7de2] {
    color: #666
}

.zh-modules-rank-book .book-rank--hover-main .book-rankimg[data-v-9eac7de2] {
    height: 68px;
    width: 51px
}

.zh-modules-rank-book .book-rank--hover-main .book-rankimg .book-rankimg--cover[data-v-9eac7de2] {
    background-color: #f6f8fa;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,.1);
    display: block;
    height: 100%;
    margin-right: -8px;
    overflow: hidden;
    width: 100%
}

.zh-modules-rank-book .book-rank--hover-main .book-rankimg .book-rankimg--cover img[data-v-9eac7de2] {
    height: 100%;
    width: 100%
}

.zh-modules-rank-book .book-rank--hover[data-v-9eac7de2]:first-of-type {
    display: block
}

.zh-modules-rank-book .book-rank--hover[data-v-9eac7de2]:nth-of-type(3-n) {
    padding: 5px 0
}

.zh-modules-rank-book[data-v-9eac7de2]:nth-of-type(n+4) {
    padding-left: 32px
}

.zh-modules-rank-book[data-v-9eac7de2]:nth-of-type(-n+3) {
    height: 33px;
    line-height: 33px;
    margin-bottom: 7px
}

.zh-modules-rank-book[data-v-9eac7de2]:last-of-type {
    margin-bottom: 0
}

.zh-modules-rank-book.rank-hover-avtive[data-v-9eac7de2] {
    height: 69px;
    position: relative
}

.zh-modules-rank-book.rank-hover-avtive .book-rank--num[data-v-9eac7de2] {
    margin-top: 0
}

.zh-modules-rank-book.rank-hover-avtive>.book-rank--title[data-v-9eac7de2] {
    display: none
}

.zh-modules-rank-book.rank-hover-avtive>.book-rank--title a[data-v-9eac7de2] {
    color: #333
}

.zh-modules-rank-book.rank-hover-avtive>.book-rank--title~.book-rank--hover[data-v-9eac7de2] {
    display: block
}

.zh-modules-rank-empty[data-v-9eac7de2] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 430px;
    justify-content: center;
    line-height: 20px;
    text-align: center
}

.zh-modules-rank-empty img[data-v-9eac7de2] {
    height: 136px;
    width: 136px
}

.zh-modules-rank-empty span[data-v-9eac7de2] {
    width: 136px
}

.detail-rank-month[data-v-96f1ed10] .zh-modules-rank {
    padding: 0
}


.detail-rank-month__list[data-v-96f1ed10] .zh-modules-rank-box {
    padding-top: 82px
}

.detail-rank-month__list[data-v-96f1ed10] .zh-modules-rank-book {
    width: 282px
}

.detail-rank-month__list-slot[data-v-96f1ed10] {
    -webkit-box-align: left;
    -ms-flex-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: left;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    line-height: 20px
}

.detail-rank-month__list-slot a[data-v-96f1ed10] {
    color: #999
}

.detail-rank-month__list-slot .detail-rank-month--desc[data-v-96f1ed10] {
    color: #d85f25
}

.detail-rank-month__more[data-v-96f1ed10] {
    background: #fff;
    border-radius: 0 0 12px 12px;
    padding: 5px 0 15px;
    text-align: right
}

.detail-rank-month__more span[data-v-96f1ed10] {
    color: #999;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    margin-right: 30px;
    position: relative
}

.detail-rank-month__rank-text[data-v-96f1ed10] {
    color: #999;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400
}

.detail-rank-fans[data-v-21496c52] {
    background: #fff;
    border-radius: 12px;
    height: 529px;
    margin-bottom: 40px;
    padding: 20px 28px 0 30px;
    position: relative;
    width: 282px
}

.detail-rank-fans-top[data-v-21496c52] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px
}

.detail-rank-fans-nav[data-v-21496c52] {
    color: #333;
    font-family: PingFangSC,PingFangSC-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.detail-rank-fans-mz[data-v-21496c52] {
    color: #333;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.detail-rank-fans-mz span[data-v-21496c52] {
    color: #115C00;
    margin-left: 4px
}

.detail-rank-fans-box[data-v-21496c52] {
    border-bottom: 1px solid #dee6ed
}

.detail-rank-fans-item[data-v-21496c52] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    margin-bottom: 6px
}

.detail-rank-fans-item .fans-num[data-v-21496c52] {
    font-weight: 700;
    text-align: center
}

.detail-rank-fans-item .fans-num img[data-v-21496c52] {
    height: 33px;
    width: 33px
}

.detail-rank-fans-item .fans-num span[data-v-21496c52] {
    color: #c6c4c4;
    font-family: DIN-Alternate;
    font-size: 16px;
    line-height: 19px;
    margin-right: 12px
}

.detail-rank-fans-item .fans-num .orange[data-v-21496c52] {
    color: #f79c00
}

.detail-rank-fans-item .fans-num .grey[data-v-21496c52] {
    color: #79828e
}

.detail-rank-fans-item .fans-num .brown[data-v-21496c52] {
    color: #c0765e
}

.detail-rank-fans-item .fans-title[data-v-21496c52] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 24px;
    position: relative
}

.detail-rank-fans-item .fans-title-text[data-v-21496c52] {
    width: 136px
}

.detail-rank-fans-item .fans-title img[data-v-21496c52] {
    height: 12px;
    width: 12px
}

.detail-rank-fans-item .fans-icon[data-v-21496c52] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail-rank-fans-max[data-v-21496c52] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 15px 0 17px
}

.detail-rank-fans-max .fans-max[data-v-21496c52] {
    color: #999;
    font-size: 12px
}

.detail-rank-fans-max .fans-max--name[data-v-21496c52] {
    color: #333;
    cursor: pointer;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 8px;
    position: relative;
    width: 150px
}

.detail-rank-fans-max .fans-max--name span[data-v-21496c52] {
    display: table-cell;
    max-width: 150px;
    overflow: hidden;
    padding-right: 62px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}


.detail-rank-fans-max .fans-max--avatar[data-v-21496c52] {
    cursor: pointer;
    height: 44px;
    position: relative;
    width: 44px
}

.detail-rank-fans-max .fans-max--avatar img[data-v-21496c52] {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 44px;
    width: 44px
}

.detail-rank-fans-max .fans-max--avatar .star[data-v-21496c52] {
    left: 50%;
    position: absolute;
    top: 25px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.detail-other-works[data-v-4c2c1e42] {
    background: #fff;
    border-radius: 12px;
    height: 480px;
    margin-bottom: 40px;
    padding-top: 20px;
    position: relative;
    width: 282px
}

.detail-other-works-nav[data-v-4c2c1e42] {
    color: #333;
    display: block;
    font-family: PingFangSC,PingFangSC-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 13px;
    padding-left: 30px
}

.detail-other-works-carousel[data-v-4c2c1e42] .el-carousel__item-wrap {
    height: 176px;
    margin: 0 auto;
    width: 133px
}

.detail-other-works-carousel[data-v-4c2c1e42] .el-carousel__item-wrap img {
    display: block;
    height: 176px;
    width: 133px
}

.detail-other-works-carousel[data-v-4c2c1e42] .el-carousel--horizontal {
    overflow: hidden
}

.detail-other-works-currInfo[data-v-4c2c1e42] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 24px;
    position: relative
}

.detail-other-works-currInfo .currInfo-title[data-v-4c2c1e42] {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 12px;
    text-align: center;
    width: 100%
}

.detail-other-works-currInfo .currInfo-author[data-v-4c2c1e42] {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px
}

.detail-other-works-currInfo .currInfo-desc[data-v-4c2c1e42] {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 21px;
    width: 100%
}

.detail-other-works .currInfo-btn[data-v-4c2c1e42] {
    border: 1px solid #115C00;
    border-radius: 21px;
    bottom: 24px;
    color: #fff;
    color: #115C00;
    cursor: pointer;
    font-family: PingFangSC,PingFangSC-Medium;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    left: 50%;
    line-height: 40px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 180px
}

.detail-other-works .currInfo-btn-succ[data-v-4c2c1e42] {
    border: 1px solid #dcdddf;
    color: #999;
    cursor: auto
}

.detail-content[data-s4LCtD69XY] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 29px auto 0;
    width: 1200px
}

.detail-content[data-s4LCtD69XY] .el-tabs__item.is-active,.detail-content[data-s4LCtD69XY] .el-tabs__item.is-active a {
    color: #333
}

.detail-content[data-s4LCtD69XY] .el-tabs__item {
    color: #999;
    font-size: 22px;
    height: 42px;
    line-height: 30px
}

.detail-content[data-s4LCtD69XY] .el-tabs__item:hover {
    color: #333
}

.detail-content[data-s4LCtD69XY] .el-tabs__active-bar {
    background-color: #115C00
}

.detail-content[data-s4LCtD69XY] .el-tabs__header {
    margin-bottom: 0
}

.detail-content[data-s4LCtD69XY] .el-tabs--catalog {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail-content[data-s4LCtD69XY] .el-tabs--catalog-chapter {
    font-size: 14px;
    margin-left: 4px
}

.detail-content--left[data-s4LCtD69XY] {
    background: #fff;
    border-radius: 12px 12px 0 0;
    padding: 30px 32px 0;
    width: 100%;
}

.detail-content--right[data-s4LCtD69XY] {
    width: 282px
}

.detail-flow[data-v-46e6fe44] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    margin: 0 auto;
    padding: 28px 0;
    width: 1200px
}

.detail-flow--item[data-v-46e6fe44],.detail-flow[data-v-46e6fe44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail-flow--item[data-v-46e6fe44] {
    border-right: 1px solid #e7e7e7;
    color: #333;
    font-family: PingFangSC-Medium,PingFang SC;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 80px
}

.detail-flow--item[data-v-46e6fe44]:last-of-type {
    border-right: 0
}

.detail-flow--item img[data-v-46e6fe44] {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.detail-home[data-RCiPQ8JzVY] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    position: relative;
}