.moco-label {
    padding: 4px 12px;
    font-size: 12px;
    color: #545c63;
    line-height: 16px;
    background: rgba(84, 92, 99, 0.1);
    border-radius: 12px;
    cursor: pointer
}

.moco-label:hover {
    color: #1c1f21;
    background: rgba(84, 92, 99, 0.2)
}

.moco-label.active {
    color: #FFFFFF;
    background: #545c63;
    cursor: default
}

.elevator {
    position: fixed;
    padding: 0 16px;
    /*top: 55%;*/
    bottom: 20px;
    /*margin-top: -140px;*/
    right: 0;
    z-index: 899;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(7, 17, 27, .1)
}

.elevator a {
    display: block;
    width: 26px;
    padding: 16px 0;
    font-size: 22px;
    line-height: 20px;
    color: #b5b9bc;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #edf1f2
}

.elevator a:hover {
    color: #14191e
}

.elevator a i {
    font-size: 24px;
    color: #d9dde1
}

.elevator a i:hover {
    color: #14191e
}

.elevator a span {
    display: none;
    font-size: 12px;
    color: #07111b;
    line-height: 14px
}

.elevator .no-goto {
    border-bottom: none
}

.elevator .elevator-top:hover i,
.elevator .elevator-weixin:hover i {
    display: none
}

.elevator .elevator-top:hover span,
.elevator .elevator-weixin:hover span {
    display: inline-block
}

.elevator .elevator-weixin-box {
    position: absolute;
    width: 172px;
    height: 212px;
    bottom: -4px;
    right: 56px;
    -webkit-transition: opacity .25s, transform .3s;
    -moz-transition: opacity .25s, transform .3s;
    transition: opacity .25s, transform .3s;
    opacity: 0;
    max-width: 0;
    -webkit-transform: scale(.01);
    -ms-transform: scale(.01);
    transform: scale(.01);
    -webkit-transform-origin: 100% 95%;
    -ms-transform-origin: 100% 95%;
    transform-origin: 100% 95%;
}

.elevator .elevator-weixin:hover .elevator-weixin-box {
    display: block;
    visibility: visible;
    opacity: 1;
    max-width: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.placeholder:-moz-placeholder {
    font-size: 12px;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
    color: #787d82
}

.placeholder::-moz-placeholder {
    font-size: 12px;
    color: #787d82;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
    opacity: 1
}

.placeholder:-ms-input-placeholder {
    font-size: 12px;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
    color: #787d82
}

.placeholder::-webkit-input-placeholder {
    font-size: 12px;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
    color: #787d82
}

.placeholder.placeholder {
    font-size: 12px;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
    color: #787d82
}

.share-wrap {
    text-align: center
}

.share-wrap .follow-warp {
    /*	height: 47px;*/
}

.share-wrap .follow-warp span {
    display: block;
}

.share-wrap .weichat-posi {
    position: relative;
    padding-left: 5px
}

.share-wrap .weichat-style {
    text-align: center
}

.share-wrap li {
    display: inline-block;
    width: 112px;
    padding: 0 36px
}

.share-wrap .icon-nav {
    background-image: none;
    line-height: 47px;
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    height: auto;
    color: #b4bbbf;
    font-size: 47px
}

.share-wrap .share-note {
    color: #787d82;
    font-size: 14px;
    padding-top: 10px
}

.share-wrap .icon-share-qq,
.share-wrap .sns-QQ {
    font-size: 45px
}

.share-wrap .icon-share-qq:hover,
.share-wrap .sns-QQ:hover {
    color: #08c
}

.share-wrap .sns-weixin:hover {
    color: #00b33b
}

.share-wrap .sns-weibo:hover {
    color: #f01400
}

.small-share .share-txt {
    font-size: 12px;
    color: #14191e;
    float: left
}

.small-share li {
    width: auto;
    padding: 0 2px
}

.small-share .icon-nav {
    font-size: 20px;
    color: #787d82;
    display: inline-block
}

.small-share .icon-share-qq {
    font-size: 18px;
    padding: 0 3px 0 4px
}

.small-share .weichat-style {
    float: left
}

.small-share .weichat-style a {
    height: 20px;
    line-height: 20px
}

.small-share .weichat-posi {
    height: 20px
}
/*

.main_con {
    position: relative;
    width: 960px;
    margin: 32px auto 0 auto
}

.main_con .left_essay {
    width: 656px
}

.main_con .right_recommend {
    width: 280px
}

.main_con .right_recommend>div:first-child {
    margin-top: 0
}
*/

.left_essay .part_essay {
    background: #eef2f3;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .35);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 40px 0px 24px 0px;
    /*padding: 40px 40px 24px 40px;*/
    position: relative
}

.left_essay .part_essay .originalImg {
    background: url(../images/original.png?t=2);
    background-position: 0 0;
    background-size: 64px;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 0;
    top: 0
}

.left_essay .part_essay .firstPublishImg {
    background: url(../images/original.png?t=2);
    background-size: 64px;
    background-position: 0 64px;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 0;
    top: 0
}

.left_essay .part_essay .detail-path {
    font-size: 12px;
    color: #9199a1;
    line-height: 24px;
    padding: 0px 40px;
}

.left_essay .part_essay .detail-path .location {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.left_essay .part_essay .detail-path .location:hover {
    text-decoration: none
}

.left_essay .part_essay .detail-path a {
    color: #9199a1
}

.left_essay .part_essay .detail-path a:hover {
    text-decoration: underline
}

.left_essay .part_essay .detail-path span {
    margin: 0 5px
}

.left_essay .part_essay .detail-title-wrap {
    padding: 0px 40px;
}

.left_essay .part_essay .detail-title-wrap .detail-title {
    font-size: 32px;
    color: #1c1f21;
    line-height: 40px;
    margin: 8px 0;
    word-wrap: break-word;
    word-break: break-all;
    text-shadow: 0 1px 1px #dbdae6, 0px -1px 1px #fff;
}

.left_essay .part_essay .detail-title-wrap .detail-title .d-t {
    font-weight: 700
}

.left_essay .part_essay .detail-title-wrap .dc-profile {
    font-size: 12px;
    color: #9199a1;
    line-height: 24px
}

.left_essay .part_essay .detail-title-wrap .dc-profile span {
    vertical-align: middle
}

.left_essay .part_essay .detail-title-wrap .dc-profile a {
    vertical-align: middle;
    cursor: pointer
}

.left_essay .part_essay .detail-title-wrap .dc-profile .spacer {
    margin-right: 24px
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .dc-sns {
    position: relative;
    margin-right: 24px;
    font-size: 12px;
    color: #9199a1;
    line-height: 16px
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .dc-sns:last-child {
    margin-right: 0
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .dc-sns i {
    width: 16px;
    height: 16px;
    display: inline-block;
    font-size: 20px;
    font-weight: 580;
    margin-right: 4px;
    margin-top: -3px;
    vertical-align: middle
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .dc-sns:hover {
    color: #4d555d
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info {
    position: relative;
    display: inline-block
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info.active-font {
    color: red
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info i {
    font-size: 16px;
    color: #9199a1;
    line-height: 16px;
    padding-right: 2px;
    vertical-align: middle
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info .size-show {
    font-size: 12px;
    color: #9199a1;
    line-height: 16px
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info .font-box-s {
    width: 204px;
    height: 66px;
    box-sizing: border-box;
    background: #1c1f21;
    box-shadow: 0 8px 16px 0 rgba(28, 31, 33, .2);
    border-radius: 12px;
    position: absolute;
    right: -80px;
    top: 30px;
    z-index: 2;
    padding: 16px 24px
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info .font-box-s .s-font {
    color: #fff!important
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info .font-box-s .b-z {
    font-weight: 700;
    font-size: 20px;
    color: rgba(255, 255, 255, .6);
    line-height: 32px;
    margin-right: 24px;
    cursor: pointer
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info .font-box-s .m-z {
    font-weight: 700;
    font-size: 18px;
    color: rgba(255, 255, 255, .6);
    line-height: 32px;
    margin-right: 24px;
    cursor: pointer
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info .font-box-s .s-z {
    font-weight: 700;
    font-size: 16px;
    color: rgba(255, 255, 255, .6);
    line-height: 32px;
    cursor: pointer
}

.left_essay .part_essay .detail-title-wrap .dc-profile .path-right-box .rinfo .font-info .font-box-s .triangle {
    width: 0;
    height: 0;
    position: absolute;
    left: 86px;
    top: -8px;
    border-bottom: 10px #1c1f21 solid;
    border-left: 12px transparent solid;
    border-right: 12px transparent solid
}

.left_essay .part_essay .detail-content-wrap {
    overflow: hidden;
    padding-top: 24px
}

.left_essay .part_essay .detail-content-wrap .detail-content {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: #1c1f21;
    word-wrap: break-word;
    color: #1c1f21;
    font-family: "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
    line-height: 36px;
    padding: 0px 40px;
}

.left_essay .part_essay .detail-content-wrap .detail-content a {
    color: rgb(221, 0, 0);
}

.left_essay .part_essay .detail-content-wrap .detail-content.long-content {
    max-height: 1800px;
    overflow-y: hidden;
    position: relative
}

.left_essay .part_essay .detail-content-wrap .detail-content.long-content .showMore {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 56px;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    background: #fff;
    box-shadow: 0 -10px 120px 54px #fff;
    border-bottom: 1px solid rgba(28, 31, 33, .1)
}

.left_essay .part_essay .detail-content-wrap .detail-content.long-content .showMore span {
    cursor: pointer;
    color: #37f;
    display: block;
    margin-top: 10px
}

.left_essay .part_essay .detail-content-wrap .detail-content.long-content .showMore span:hover {
    color: #04c
}

.left_essay .part_essay .detail-content-wrap .detail-content .showMore {
    display: none
}

.left_essay .part_essay .detail-content-wrap .detail-content img {
    margin: .6em auto
}

.left_essay .part_essay .detail-content-wrap .detail-content b,
.left_essay .part_essay .detail-content-wrap .detail-content strong {
    font-weight: 700;
    font-style: inherit
}

.left_essay .part_essay .detail-content-wrap .detail-content address,
.left_essay .part_essay .detail-content-wrap .detail-content cite,
.left_essay .part_essay .detail-content-wrap .detail-content dfn,
.left_essay .part_essay .detail-content-wrap .detail-content em,
.left_essay .part_essay .detail-content-wrap .detail-content i,
.left_essay .part_essay .detail-content-wrap .detail-content var {
    font-style: italic;
    font-weight: inherit
}

.left_essay .part_essay .detail-content-wrap .detail-content ol p,
.left_essay .part_essay .detail-content-wrap .detail-content ul p {
    margin: .6em 0
}

.left_essay .part_essay .detail-content-wrap .detail-content ol {
    list-style: decimal;
    padding-left: 30px
}

.left_essay .part_essay .detail-content-wrap .detail-content ul {
    list-style: disc;
    padding-left: 30px
}

.left_essay .part_essay .detail-content-wrap .detail-content a:link,
.left_essay .part_essay .detail-content-wrap .detail-content a:visited {
    color: #08c;
    text-decoration: none
}

.left_essay .part_essay .detail-content-wrap .detail-content a:active,
.left_essay .part_essay .detail-content-wrap .detail-content a:hover {
    text-decoration: underline
}

.left_essay .part_essay .detail-content-wrap .detail-content blockquote {
    text-indent: 0;
    padding: 10.5px 21px;
    background-color: rgb(226 233 234);
    color: #555;
    font-size: 1em;
    margin: 0 0 15px;
    border: 1px dashed #ccc;
    border-left-width: 4px;
    border-left-style: solid;
    border-radius: 5px;
}

.left_essay .part_essay .detail-content-wrap .detail-content code,
.left_essay .part_essay .detail-content-wrap .detail-content kbd,
.left_essay .part_essay .detail-content-wrap .detail-content pre,
.left_essay .part_essay .detail-content-wrap .detail-content samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.left_essay .part_essay .detail-content-wrap .detail-content code {
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 3px
}
pre::-webkit-scrollbar-track{
    background-color: rgb(226 233 234);
}
.left_essay .part_essay .detail-content-wrap .detail-content pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    /*font-size: 13px;*/
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    /*background-color: #eee!important;*/
    border-radius: 4px
}

.left_essay .part_essay .detail-content-wrap .detail-content h1 {
    padding-bottom: 8px;
    font-size: 1.57143em
}

.left_essay .part_essay .detail-content-wrap .detail-content h2 {
    padding-bottom: 8px;
    font-size: 1.42857em
}

.left_essay .part_essay .detail-content-wrap .detail-content h3 {
    font-size: 1.14286em
}

.left_essay .part_essay .detail-content-wrap .detail-content h4 {
    font-size: 1em
}

.left_essay .part_essay .detail-content-wrap .detail-content h5 {
    font-size: .92857em
}

.left_essay .part_essay .detail-content-wrap .detail-content h6 {
    font-size: .85714em
}

.left_essay .part_essay .detail-content-wrap .detail-content blockquote,
.left_essay .part_essay .detail-content-wrap .detail-content h4,
.left_essay .part_essay .detail-content-wrap .detail-content ol,
.left_essay .part_essay .detail-content-wrap .detail-content p,
.left_essay .part_essay .detail-content-wrap .detail-content pre,
.left_essay .part_essay .detail-content-wrap .detail-content table,
.left_essay .part_essay .detail-content-wrap .detail-content ul {
    margin: .8em 0
}

.left_essay .part_essay .detail-content-wrap .detail-content h1,
.left_essay .part_essay .detail-content-wrap .detail-content h2,
.left_essay .part_essay .detail-content-wrap .detail-content h3 {
    font-family: inherit;
    margin: 22px 0 10px;
    font-weight: 700
}

.left_essay .part_essay .detail-content-wrap .detail-content h4,
.left_essay .part_essay .detail-content-wrap .detail-content h5,
.left_essay .part_essay .detail-content-wrap .detail-content h6 {
    font-weight: 700;
    font-family: inherit
}

.left_essay .part_essay .detail-content-wrap .detail-content blockquote:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content h1:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content h2:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content h3:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content h4:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content ol:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content p:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content pre:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content table:first-child,
.left_essay .part_essay .detail-content-wrap .detail-content ul:first-child {
    margin-top: 0
}

.left_essay .part_essay .detail-content-wrap .detail-content blockquote ol:last-child,
.left_essay .part_essay .detail-content-wrap .detail-content blockquote p:last-child,
.left_essay .part_essay .detail-content-wrap .detail-content blockquote ul:last-child {
    margin-bottom: 0
}

.left_essay .part_essay .detail-content-wrap .detail-content ol,
.left_essay .part_essay .detail-content-wrap .detail-content ul {
    padding-left: 30px
}

.left_essay .part_essay .detail-content-wrap .detail-content ol ol,
.left_essay .part_essay .detail-content-wrap .detail-content ol ul,
.left_essay .part_essay .detail-content-wrap .detail-content ul ol,
.left_essay .part_essay .detail-content-wrap .detail-content ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.left_essay .part_essay .detail-content-wrap .detail-content audio,
.left_essay .part_essay .detail-content-wrap .detail-content img,
.left_essay .part_essay .detail-content-wrap .detail-content video {
    max-width: 100%;
    position: static!important
}

.left_essay .part_essay .detail-content-wrap .detail-content blockquote p:first-child {
    margin-top: 0
}

.left_essay .part_essay .detail-content-wrap .detail-content code{
    font-size: .92857em;
    /*background-color: #f3f3f3*/
    background-color: rgb(226 233 234);
}

.left_essay .part_essay .detail-content-wrap .detail-content pre {
    font-size: .92857em;
    /*background-color: #f3f3f3*/
    background-color: rgb(226 233 234);
}

.left_essay .part_essay .detail-content-wrap .detail-content pre {
    position: relative;
    padding: 10px;
    border: none;
    overflow: auto;
    line-height: 1.3;
    text-indent: 0
}


.left_essay .part_essay .detail-content-wrap .detail-content hr {
    margin: 20px auto;
    border-top: 2px dotted #eee
}

.left_essay .part_essay .detail-content-wrap .detail-content kbd {
    padding: 4px 4px 3px;
    background: #eee;
    color: #555
}

.left_essay .part_essay .detail-content-wrap .detail-content .x-scroll {
    overflow-x: auto
}

.left_essay .part_essay .detail-content-wrap .detail-content table {
    max-width: 100%
}

.left_essay .part_essay .detail-content-wrap .detail-content table td,
.left_essay .part_essay .detail-content-wrap .detail-content table th {
    border: 1px solid #e6e6e6!important;
    padding: 5px 8px!important;
    word-break: normal
}

.left_essay .part_essay .detail-content-wrap .detail-content table th {
    background: #eee
}

.left_essay .part_essay .detail-content-wrap .detail-content .editor__inner {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif;
    font-size: 16px;
    color: #1c1f21;
    background-color: #fff;
    overflow: auto;
    word-wrap: break-word
}

.left_essay .part_essay .detail-content-wrap .detail-content .editor__inner .cledit-section {
    line-height: 1.8
}

.left_essay .part_essay .detail-content-wrap .detail-content .markdown-preview {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif;
    font-size: 16px;
    color: #1c1f21;
    word-wrap: break-word;
    height: 100%;
    background-color: #fff;
    overflow: auto
}

.left_essay .part_essay .detail-content-wrap .detail-content .cl-preview-section {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif;
    font-size: 16px;
    color: #1c1f21;
    word-wrap: break-word;
    line-height: 32px
}

.left_essay .part_essay .detail-content-wrap .detail-content .cl-preview-section.code-preview-box {
    display: none;
    position: fixed;
    width: 70%;
    min-width: 800px;
    max-width: 1440px;
    min-height: 320px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 12px;
    box-sizing: border-box;
    z-index: 860;
    background: #26292c;
    box-shadow: 0 4px 8px 0 #1c1f21;
    overflow: hidden
}

.left_essay .part_essay .detail-content-wrap .detail-content .cl-preview-section.code-preview-box .code-preview-title {
    width: 100%;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 16px;
    display: block;
    box-sizing: border-box
}

.left_essay .part_essay .detail-content-wrap .detail-content .cl-preview-section.code-preview-box .code-preview-title i {
    float: right;
    font-size: 22px;
    cursor: pointer;
    color: rgba(255, 255, 255, .4)
}

.left_essay .part_essay .detail-content-wrap .detail-content .cl-preview-section.code-preview-box .code-preview-title i:hover {
    color: #fff
}


.left_essay .part_essay .detail-content-wrap .detail-content .cl-preview-section.code-preview-box pre code {
    background: #1d1f21!important;
    color: #fff!important;
    border: 0;
    overflow-x: initial
}

.left_essay .part_essay .detail-content-wrap .detail-content ul.more-expand {
    margin: 0;
    top: 36px
}

.left_essay .part_essay .detail-content-wrap .detail-content img {
    display: block;
    margin: .6em auto
}

.left_essay .part_essay .detail-content-wrap .detail-content ol {
    list-style: decimal;
    padding-left: 40px
}

.left_essay .part_essay .detail-content-wrap .detail-content ul {
    list-style: disc;
    padding-left: 40px
}

.left_essay .part_essay .detail-content-wrap .detail-content ol li,
.left_essay .part_essay .detail-content-wrap .detail-content ul li {
    text-indent: 0
}

.left_essay .part_essay .detail-content-wrap .detail-content ol li img,
.left_essay .part_essay .detail-content-wrap .detail-content ul li img {
    margin: 0;
    max-width: 100%!important
}

.left_essay .part_essay .detail-content-wrap .detail-content blockquote img {
    margin: 0;
    max-width: 100%!important
}

.left_essay .part_essay .detail-content-wrap .detail-content ol p,
.left_essay .part_essay .detail-content-wrap .detail-content ul p {
    margin: .6em 0
}

.left_essay .part_essay .detail-content-wrap .detail-content h1 {
    padding-bottom: 8px;
    font-size: 1.57143em;
    position: relative;
    left: -40px;
    padding: 15px 40px;
    margin: 80px 0 20px;
    width: 100%;
    background: #e6dada;
    /*font-size: 20px;*/
    color: #444;
}

.left_essay .part_essay .detail-content-wrap .detail-content h2 {
    padding-bottom: 8px;
    font-size: 1.42857em;
    position: relative;
    left: -40px;
    padding: 15px 40px;
    margin: 80px 0 20px;
    width: 100%;
    background: #dbdae6;
    /*font-size: 20px;*/
    color: #444;
    text-shadow: 0 2px 9px #e1dcd2ab, 0px -1px 1px #fff;
}

.left_essay .part_essay .detail-content-wrap .detail-content h3 {
    font-size: 1.14286em
}

.left_essay .part_essay .detail-content-wrap .detail-content h4 {
    font-size: 1em
}

.left_essay .part_essay .detail-content-wrap .detail-content h5 {
    font-size: .92857em
}

.left_essay .part_essay .detail-content-wrap .detail-content h6 {
    font-size: .85714em
}

.left_essay .part_essay .detail-content-wrap .detail-content h1,
.left_essay .part_essay .detail-content-wrap .detail-content h2,
.left_essay .part_essay .detail-content-wrap .detail-content h3 {
    font-family: inherit;
    margin: 22px 0 10px;
    font-weight: 700
}

.left_essay .part_essay .detail-content-wrap .detail-content h4,
.left_essay .part_essay .detail-content-wrap .detail-content h5,
.left_essay .part_essay .detail-content-wrap .detail-content h6 {
    font-weight: 700;
    font-family: inherit;
    margin: .8em 0
}

.left_essay .part_essay .detail-content-wrap .detail-content blockquote,
.left_essay .part_essay .detail-content-wrap .detail-content ol,
.left_essay .part_essay .detail-content-wrap .detail-content p,
.left_essay .part_essay .detail-content-wrap .detail-content pre,
.left_essay .part_essay .detail-content-wrap .detail-content table,
.left_essay .part_essay .detail-content-wrap .detail-content ul {
    margin: .8em 0!important
}

.left_essay .part_essay .detail-content-wrap .detail-content address,
.left_essay .part_essay .detail-content-wrap .detail-content cite,
.left_essay .part_essay .detail-content-wrap .detail-content dfn,
.left_essay .part_essay .detail-content-wrap .detail-content em,
.left_essay .part_essay .detail-content-wrap .detail-content i,
.left_essay .part_essay .detail-content-wrap .detail-content var {
    font-style: italic!important
}

.left_essay .part_essay .detail-content-wrap .detail-content b,
.left_essay .part_essay .detail-content-wrap .detail-content strong {
    font-style: inherit!important;
    font-weight: 700!important
}

.left_essay .part_essay .detail-content-wrap .detail-content a:link,
.left_essay .part_essay .detail-content-wrap .detail-content a:visited {
    color: #08c;
    text-decoration: none
}

.left_essay .part_essay .detail-content-wrap .detail-content a:active,
.left_essay .part_essay .detail-content-wrap .detail-content a:hover {
    text-decoration: underline
}

.left_essay .part_essay .detail-content-wrap .detail-content table {
    max-width: 100%
}

.left_essay .part_essay .detail-content-wrap .detail-content table td,
.left_essay .part_essay .detail-content-wrap .detail-content table th {
    border: 1px solid #e6e6e6!important;
    padding: 5px 8px!important;
    word-break: normal
}

.left_essay .part_essay .detail-content-wrap .detail-content table th {
    background: #eee
}

.left_essay .part_essay .detail-content-wrap .detail-content .mermaid {
    line-height: 1.67
}

.left_essay .part_essay .detail-content-wrap .detail-content .mermaid svg {
    height: auto
}

.left_essay .part_essay .detail-content-wrap .detail-content code {
    /*background-color: rgba(0, 0, 0, .05)!important;*/
    background-color: rgba(0, 0, 0, .05);
    border-radius: 2px;
    padding: 2px 4px
}

.left_essay .part_essay .detail-content-wrap .detail-content pre {
    padding: 0!important;
    line-height: 1.67
}

.left_essay .part_essay .detail-content-wrap .detail-content .toc ul {
    list-style-type: none;
    padding-left: 20px
}

.left_essay .part_essay .detail-content-wrap .detail-content p {
    text-indent: 0;
    line-height: 32px;
    margin: 24px 0!important;
    color: #1c1f21;
    overflow-x: auto;
    text-align: justify
}

.left_essay .part_essay .detail-content-wrap .detail-content p img {
    cursor: pointer;
    display: block;
    margin: 10px auto 14px;
    max-width: 100%!important;
    transform: none!important
}

.left_essay .part_essay .detail-content-wrap .detail-content strong {
    margin-top: 2px
}

.left_essay .part_essay .detail-content-wrap .detail-content pre {
    margin: 24px 0!important;
    text-indent: 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.left_essay .part_essay .detail-content-wrap .detail-content img {
    margin: 24px auto;
    max-width: 100%!important
}

.left_essay .part_essay .detail-content-wrap .detail-content img.lazyload {
    width: 100%;
    height: 240px
}

.left_essay .part_essay .detail-content-wrap .detail-content code {
    text-indent: 0;
    word-break: break-all;
    line-height: 24px!important
}

.left_essay .part_essay .detail-content-wrap .detail-content .video-play-box,
.left_essay .part_essay .detail-content-wrap .detail-content blockquote,
.left_essay .part_essay .detail-content-wrap .detail-content ol,
.left_essay .part_essay .detail-content-wrap .detail-content ul {
    margin: 24px 0!important
}

.left_essay .part_essay .detail-content-wrap .cat-box {
    margin-top: 24px;
    width: 100%;
    text-align: center;
    padding: 0px 40px;
}

.left_essay .part_essay .detail-content-wrap .cat-box .cat-wrap {
    display: inline-block
}

.left_essay .part_essay .detail-content-wrap .cat-box p {
    margin-top: 8px;
    text-align: center;
    font-size: 12px;
    color: #9199a1;
    line-height: 18px
}

.left_essay .part_essay .detail-content-wrap .cat-box .cat {
    display: inline-block;
    margin-right: 12px;
    padding: 4px 12px;
    background: rgba(84, 92, 99, .1);
    border-radius: 12px;
    font-size: 12px;
    color: #545c63;
    line-height: 16px
}

.left_essay .part_essay .detail-content-wrap .cat-box .cat:hover {
    color: #07111b
}

.left_essay .part_essay .detail-content-wrap .cat-box .original {
    margin-top: 8px;
    text-align: center;
    font-size: 12px;
    color: #9199a1;
    line-height: 18px;
    display: inline-block
}

.left_essay .part_essay .detail-content-wrap .cat-box .line-r {
    width: 130px;
    height: 2px;
    background: #f3f5f7;
    display: inline-block;
    margin: 0 24px
}

.left_essay .part_essay .detail-content-wrap .praise-box {
    position: relative;
    width: 100%;
    margin: 48px 0 0 0;
    text-align: center
}

.left_essay .part_essay .detail-content-wrap .praise-box button {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    /*	background: rgb(255 170 0 / 88%);*/
    background: rgba(255, 170, 0, .1);
    border: none;
    position: relative;
    display: block;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.left_essay .part_essay .detail-content-wrap .praise-box button .icon-zan {
    line-height: 72px;
    position: relative;
    display: inline-block;
    font-size: 36px;
    font-weight: 600;
    color: #fa0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.left_essay .part_essay .detail-content-wrap .praise-box button .praised {
    color: #fff
}

.left_essay .part_essay .detail-content-wrap .praise-box button .praised:hover {
    color: #fff
}

.left_essay .part_essay .detail-content-wrap .praise-box button svg {
    left: 0
}

.left_essay .part_essay .detail-content-wrap .praise-box button:focus,
.left_essay .part_essay .detail-content-wrap .praise-box button:hover {
    outline: 0
}

.left_essay .part_essay .detail-content-wrap .praise-box button:hover {
    background: #fa0
}

.left_essay .part_essay .detail-content-wrap .praise-box button:hover .icon-zan {
    color: #fff
}

.left_essay .part_essay .detail-content-wrap .praise-box .num-person {
    margin-top: 4px;
    font-size: 14px;
    color: #545c63;
    line-height: 22px;
    cursor: pointer
}

.left_essay .part_essay .detail-content-wrap .related {
    margin-top: 24px;
    width: 90%;
    width: calc(100% - 80px);
    text-align: center;
    padding: 10px 40px;
}

.left_essay .part_essay .detail-content-wrap .related li {
    display: inline-block;
    width: 49%;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all
}
.left_essay .part_essay .detail-content-wrap .related li.prev {
    text-align: left;
}

.left_essay .part_essay .detail-content-wrap .related li.next {
    text-align: right;
}

.left_essay .article_wrap {
    margin-bottom: 80px
}

.left_essay .article_wrap .article-wrapper:not(.empty) {
    padding: 12px 0 20px;
    background: #fff;
    border-radius: 12px
}

.left_essay .article_wrap .line_con {
    width: 100%;
    position: relative;
    margin: 0 0 28px 0
}

.left_essay .article_wrap .line_con .line {
    width: 100%;
    height: 1px;
    background: #d3d6d9;
    display: inline-block
}

.left_essay .article_wrap .line_con .line_text {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 256px;
    padding: 0 24px;
    font-weight: 700;
    font-size: 16px;
    color: #9199a1;
    line-height: 24px;
    background: #f8fafc
}

.left_essay .article_wrap ul {
    width: 626px;
    height: 89px;
    padding-top: 8px;
    margin: 8px auto 0 auto
}

.left_essay .article_wrap ul li {
    width: 116px;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    color: #545c63;
    margin-right: 9px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid rgba(28, 31, 33, .1);
    border-radius: 16px
}

.left_essay .article_wrap ul li:nth-child(5n) {
    margin-right: 0
}

.left_essay .article_wrap ul li:hover a {
    color: #37f
}

.left_essay .article_wrap .article {
    width: calc(100% - 40PX);
    height: 80px;
    padding: 10px 20px 4px 20px;
    box-sizing: border-box;
    margin-bottom: 0;
    background: #fff;
    box-shadow: unset;
    border-radius: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border-bottom: 1px solid rgba(28, 31, 33, .1);
    margin-left: 20PX;
}

.left_essay .article_wrap .article .title p {
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 16px;
    color: #1c1f21;
    line-height: 30px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.left_essay .article_wrap .article .title p:hover {
    color: #37f
}

.left_essay .article_wrap .article .list-bottom {
    width: 100%;
    height: 24px
}

.left_essay .article_wrap .article .list-bottom .labels-area {
    max-width: 460px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.left_essay .article_wrap .article .list-bottom .browseNum {
    margin-right: 16px;
    font-size: 12px;
    color: #9199a1;
    line-height: 18px;
    padding-top: 3px
}

.left_essay .article_wrap .article .list-bottom .browseNum i {
    padding-right: 4px;
    font-size: 16px
}

.left_essay .article_wrap .article .list-bottom .nickName {
    margin-right: 16px;
    font-size: 12px;
    color: #9199a1;
    line-height: 18px;
    cursor: pointer;
    padding-top: 3px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.left_essay .article_wrap .article .list-bottom .nickName:hover {
    color: #545c63
}

.left_essay .article_wrap .article .list-bottom .skill {
    padding-top: 3px;
    white-space: nowrap;
    /*	vertical-align: middle*/
}

.left_essay .article_wrap .article .list-bottom .skill a {
    color: #9199a1
}

.left_essay .article_wrap .article .list-bottom .skill a span {
    font-size: 12px;
    color: #9199a1;
    line-height: 18px;
    padding-top: 3px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.left_essay .article_wrap .article .list-bottom .skill a span:hover {
    color: #545c63
}

.left_essay .article_wrap .article .list-bottom .skill a:hover {
    color: #9199a1!important
}

.left_essay .article_wrap .article .list-bottom .skill i {
    color: #9199a1;
    vertical-align: middle
}

.left_essay .article_wrap .article .list-bottom .createTime {
    font-size: 12px;
    color: #9199a1;
    line-height: 18px;
    padding-top: 3px
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.left_essay .article_wrap .feed-loading {
    display: none;
    border-radius: 8px;
    font-size: 12px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    cursor: pointer;
    padding-left: 300px;
    font-size: 14px;
    color: #9199a1
}

.left_essay .article_wrap .feed-loading i {
    margin-right: 5px;
    font-size: 16px;
    color: #93999f;
    line-height: 50px;
    animation: spin 1s linear infinite
}

.left_essay .article_wrap .feed-loading i,
.left_essay .article_wrap .feed-loading span {
    float: left;
    height: 50px
}

.left_essay .article_wrap .feed-loading a {
    font-size: 14px;
    color: #f01400;
    line-height: 24px
}

.right_recommend>div:first-child {
    margin-top: 0
}

.site_info {
    height: 114px;
    background: rgba(43, 51, 59, .06);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 20px 0 20px 20px;
    font-size: 13px;
}

.site_info .name {
    font-size: 16px;
    color: #1c1f21;
    line-height: 24px;
    font-weight: 700
}

.site_info .name .nick {
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right_recommend .author_info {
    height: 114px;
    background: rgba(43, 51, 59, .06);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 20px 0 20px 20px
}

.right_recommend .author_info .img_con {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden
}

.right_recommend .author_info .img_con img {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.right_recommend .author_info .text_con {
    width: 184px;
    margin-left: 8px
}

.right_recommend .author_info .text_con .name_con {
    position: relative;
    margin-bottom: 2px
}

.right_recommend .author_info .text_con .name_con .name {
    font-size: 16px;
    color: #1c1f21;
    line-height: 24px;
    font-weight: 700
}

.right_recommend .author_info .text_con .name_con .name .nick {
    display: inline-block;
    max-width: 136px;
    margin-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.right_recommend .author_info .text_con .name_con .name .nick:hover {
    color: #37f
}

.right_recommend .author_info .text_con .name_con .name:hover {
    color: #07111b
}

.right_recommend .author_info .text_con .name_con .forward {
    position: absolute;
    font-size: 12px;
    color: #9199a1;
    line-height: 24px;
    cursor: pointer;
    right: 0;
    top: -2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.right_recommend .author_info .text_con .name_con .forward:hover {
    color: #545c63
}

.right_recommend .author_info .text_con .name_con .forward .js-add-follow {
    color: #37f
}

.right_recommend .author_info .text_con .name_con .forward .js-add-follow:hover {
    color: #04c
}

.right_recommend .author_info .text_con .job {
    font-size: 12px;
    color: #545c63;
    line-height: 18px;
    text-align: left;
    margin-bottom: 12px
}

.right_recommend .author_info .text_con .job .job-title {
    max-width: 120px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    margin-right: 4px
}

.right_recommend .author_info .text_con .job .job-icon .user-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    background: url(/static/img/common/user-icon.png);
    position: relative;
    top: -2px
}

.right_recommend .author_info .text_con .job .job-icon .ismooc {
    background-position: 0 1px;
    background-size: cover
}

.right_recommend .author_info .text_con .job .job-icon .great {
    background-position: 0 -16px;
    background-size: cover
}

.right_recommend .author_info .text_con .job .job-icon .teacher {
    background-position: 0 -34px;
    background-size: cover
}

.right_recommend .author_info .text_con .contribution a {
    padding-right: 13px;
    font-size: 12px;
    color: #545c63
}

.right_recommend .author_info .text_con .contribution a span {
    font-weight: 600;
    font-size: 12px;
    color: #545c63;
    line-height: 18px
}

.right_recommend .author_info .text_con .contribution a:hover {
    color: #07111b
}

.right_recommend .other_article {
    margin-top: 24px
}

.right_recommend .other_article .title {
    font-size: 16px;
    color: #07111b;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 12px
}

.right_recommend .other_article .more a {
    font-size: 12px;
    color: #9199a1;
    line-height: 24px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.right_recommend .other_article .more a:hover {
    color: #545c63
}

.right_recommend .other_article ul {
    width: 100%
}

.right_recommend .other_article .article-item {
    overflow: hidden;
    padding: 12px 0;
    border-bottom: 1px solid rgba(43, 51, 59, .1)
}

.right_recommend .other_article .article-item:last-child {
    border-bottom: none
}

.right_recommend .other_article .article-item i {
    font-size: 14px;
    font-weight: 500;
    color: #9199a1;
    padding-right: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    position: relative;
    top: 5px
}

.right_recommend .other_article .article-item a {
    font-size: 14px;
    color: #545c63;
    line-height: 22px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    max-width: 254px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.right_recommend .other_article .article-item:hover i {
    color: #37f
}

.right_recommend .other_article .article-item:hover a {
    color: #37f
}

.right_recommend .column_recommend {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px
}

.right_recommend .column_recommend .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #1c1f21;
    position: relative
}

.right_recommend .column_recommend .more {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #9199a1;
    line-height: 24px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.right_recommend .column_recommend .more:hover {
    color: #545c63
}

.right_recommend .column_recommend ul li {
    width: 100%;
    margin-bottom: 8px
}

.right_recommend .column_recommend ul li .img {
    width: 70px;
    height: 98px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    position: relative;
    margin-right: 12px
}

.right_recommend .column_recommend ul li .img .insale {
    position: absolute;
    left: -6px;
    top: -4px;
    width: 40px;
    height: 24px;
    line-height: 20px;
    background: #37f;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px 0 rgba(28, 31, 33, .2);
    border-radius: 12px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box
}

.right_recommend .column_recommend ul li .text_con {
    width: 198px;
    padding-top: 4px;
    height: 106px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(28, 31, 33, .1)
}

.right_recommend .column_recommend ul li .text_con .title {
    font-weight: 700;
    font-size: 14px;
    color: #545c63;
    line-height: 20px;
    text-align: left;
    margin-bottom: 4px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.right_recommend .column_recommend ul li .text_con .title:hover {
    color: #37f
}

.right_recommend .column_recommend ul li .text_con .info {
    margin-bottom: 4px
}

.right_recommend .column_recommend ul li .text_con .info i {
    font-size: 12px;
    color: #9199a1;
    text-align: left;
    line-height: 18px;
    padding: 0 4px
}

.right_recommend .column_recommend ul li .text_con .info span {
    font-size: 12px;
    color: #9199a1;
    text-align: left;
    line-height: 18px
}

.right_recommend .column_recommend ul li .text_con .price_con .goBuy {
    padding: 0 12px;
    height: 24px;
    font-weight: 700;
    font-size: 12px;
    color: #37f;
    line-height: 24px;
    background: rgba(51, 119, 255, .1);
    border-radius: 12px;
    margin-right: 16px
}

.right_recommend .column_recommend ul li .text_con .price_con .ori {
    font-size: 12px;
    color: #9199a1;
    line-height: 24px
}

.right_recommend .column_recommend ul li .text_con .price_con .sale {
    font-weight: 700;
    font-size: 12px;
    color: #37f;
    text-align: left;
    line-height: 24px;
    margin-right: 4px
}

.right_recommend .column_recommend ul li .text_con .price_con .sale-ori {
    font-size: 12px;
    color: #9199a1;
    text-align: left;
    line-height: 24px;
    text-decoration-line: line-through
}

.right_recommend .column_recommend ul li:last-child {
    margin-bottom: 0
}

.right_recommend .column_recommend ul li:last-child .text_con {
    border-bottom: none
}

.bottom-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(28, 31, 33, .1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    z-index: 900
}

.bottom-fixed .bottom-wrap {
    width: 1152px;
    margin: 0 auto
}

.bottom-fixed .bottom-wrap .praise-box {
    position: relative;
    left: -2px;
    text-align: center;
    margin-right: 32px;
    margin-top: 8px
}

.bottom-fixed .bottom-wrap .praise-box button {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 170, 0, .1);
    border: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.bottom-fixed .bottom-wrap .praise-box button .icon-zan {
    line-height: 20px;
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #fa0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.bottom-fixed .bottom-wrap .praise-box button .praised {
    color: #fff
}

.bottom-fixed .bottom-wrap .praise-box button .praised:hover {
    color: #fff
}

.bottom-fixed .bottom-wrap .praise-box button svg {
    left: 0
}

.bottom-fixed .bottom-wrap .praise-box button:focus,
.bottom-fixed .bottom-wrap .praise-box button:hover {
    outline: 0
}

.bottom-fixed .bottom-wrap .praise-box button:hover {
    background: #fa0
}

.bottom-fixed .bottom-wrap .praise-box button:hover .icon-zan {
    color: #fff
}

.bottom-fixed .bottom-wrap .praise-box span {
    font-size: 12px;
    color: #9199a1
}

.bottom-fixed .bottom-wrap .icon-warp {
    margin-top: 14px;
    margin-right: 32px
}

.bottom-fixed .bottom-wrap .icon-warp span {
    font-size: 12px;
    color: #9199a1;
    line-height: 20px;
    vertical-align: text-bottom
}

.bottom-fixed .bottom-wrap .icon-warp .active-star {
    color: #4d555d!important
}

.bottom-fixed .bottom-wrap .icon-warp .active-star:hover {
    color: #4d555d!important
}

.bottom-fixed .bottom-wrap .icon-warp .icon-nav {
    font-size: 20px;
    color: #b2b8bd;
    line-height: 20px;
    border-radius: 50%
}

.bottom-fixed .bottom-wrap .icon-warp .icon-nav:hover {
    color: #4d555d
}

.bottom-fixed .bottom-wrap .input {
    width: 320px;
    height: 32px;
    margin: 8px 104px 8px 0;
    background: #f3f5f6;
    border-radius: 16px;
    padding: 7px 12px;
    box-sizing: border-box;
    font-size: 12px;
    color: #9199a1;
    line-height: 18px;
    cursor: pointer
}

.bottom-fixed .bottom-wrap .icon-warp2 {
    padding-top: 12px
}

.bottom-fixed .bottom-wrap .icon-warp2 .icon-nav2 {
    font-size: 20px;
    color: #b2b8bd;
    line-height: 24px;
    border-radius: 50%;
    padding-right: 24px
}

.bottom-fixed .bottom-wrap .icon-warp2 .icon-nav2:hover {
    color: #4d555d
}

.df-title {
    margin: 24px 0 16px 0;
    font-weight: 700;
    color: #07111b;
    line-height: 24px;
    font-size: 16px
}

.df-title span i {
    font-style: normal
}

.detail-feedback-wrap {
    margin: 0 0 24px 0;
    background: #fff;
    border-radius: 12px;
    padding-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .05)
}

.detail-feedback-wrap .hot-df-title {
    display: none;
    height: 28px;
    padding: 35px 0 15px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 700;
    color: #f01400;
    border-bottom: 1px solid #b7bbbf
}

.detail-feedback-wrap .df-ipt-wrap {
    padding: 28px 0;
    margin: 0 32px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(56, 61, 66, .1)
}

.detail-feedback-wrap .df-ipt-wrap .feeds-author {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin-right: 16px;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    color: #1c1f21
}

.detail-feedback-wrap .df-ipt-wrap .feeds-author img {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    overflow: hidden
}

.detail-feedback-wrap .df-ipt-wrap .fadeInput {
    width: 526px;
    height: 48px;
    padding: 12px 16px;
    box-sizing: border-box;
    background: #f3f5f6;
    border-radius: 6px;
    font-size: 16px;
    color: #9199a1;
    line-height: 24px
}

.detail-feedback-wrap #js-feedback-list-wrap .feedback-loading,
.detail-feedback-wrap #js-feedback-list-wrap .feedback-none {
    text-align: center;
    margin-top: 20px
}

.detail-feedback-wrap #js-feedback-hot-list-wrap {
    display: none
}

.comment-box {
    background: #fff;
    padding: 28px 0;
    margin: 0 32px;
    border-bottom: 1px solid rgba(56, 61, 66, .1);
    width: inherit;
    position: relative;
    cursor: pointer
}

.comment-box:hover .feed-list-content .comment-footer {
    display: block
}

.comment-box:last-child {
    border-bottom: none
}

.comment-box .feed-author {
    width: 48px;
    margin-right: 16px
}

.comment-box .feed-author a {
    display: inline-block;
    text-align: center
}

.comment-box .feed-author a img {
    border-radius: 50%;
    opacity: .8
}

.comment-box .feed-author a .com-floor {
    font-size: 12px;
    color: #b7bbbf;
    line-height: 24px
}

.comment-box .feed-author a:hover img {
    opacity: 1
}

.feed-list-content {
    word-break: break-all;
    color: #14191e;
    font-size: 16px;
    line-height: 36px;
    margin-left: 64px
}

.feed-list-content pre {
    white-space: pre-wrap!important
}

.feed-list-content .nick {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #07111b;
    line-height: 24px;
    font-weight: 700
}

.feed-list-content .nick:hover {
    color: #37f
}

.feed-list-content .user-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    background: url(/static/img/common/user-icon.png);
    position: relative;
    top: -2px;
    margin-left: 5px
}

.feed-list-content .ismooc {
    background-position: 0 1px;
    background-size: cover
}

.feed-list-content .great {
    background-position: 0 -16px;
    background-size: cover
}

.feed-list-content .teacher {
    background-position: 0 -34px;
    background-size: cover
}

.feed-list-content blockquote {
    text-indent: 0;
    padding: 1px 20px;
    margin: 1em 0;
    border-left: 4px solid #ccc;
    color: #787d82;
    background-color: #f5f5f5
}

.feed-list-content p {
    font-size: 16px;
    color: #1c1f21;
    line-height: 28px;
    word-wrap: break-word
}

.feed-list-content p strong {
    font-weight: 700
}

.feed-list-content p em {
    font-style: italic
}

.feed-list-content p a {
    color: #0088d5
}

.feed-list-content p a:hover {
    color: #0088d5;
    text-decoration: underline
}

.feed-list-content .feed-list-time {
    font-size: 12px;
    color: #93999f;
    line-height: 32px;
    float: right;
    /* position: absolute;
	right: 32px */
}

.feed-list-content .comment-footer {
    margin: 12px 0 0 0;
    line-height: 32px;
    /* position: relative */
}

.feed-list-content .comment-footer span {
    margin-right: 8px;
}

.feed-list-content .comment-footer .reply-btn {
    float: right;
    font-size: 12px;
    color: #9199a1;
    line-height: 32px;
    cursor: pointer;
    /* margin-right: 24px */
}

.feed-list-content .comment-footer .reply-btn:hover {
    color: #545c63
}

.feed-list-content .comment-footer .report-btn {
    float: right;
    font-size: 12px;
    color: #9199a1;
    line-height: 32px;
    cursor: pointer;
    /* margin-right: 24px; */
    /* display: none */
}

.feed-list-content .comment-footer .feed-list-times {
    float: right;
    font-size: 12px;
    color: #9199a1;
    line-height: 32px;
    /* position: absolute;
	right: 0 */
}

.feed-list-content .comment-footer .agree-with {
    height: 24px;
    background: rgba(28, 31, 33, .06);
    border-radius: 16px;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 0 16px;
    /* margin-right: 24px; */
    margin-top: 4px;
    float: right;
}

.feed-list-content .comment-footer .agree-with b {
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
    color: #545c63
}

.feed-list-content .comment-footer .agree-with .active-t-up {
    color: #fff
}

.feed-list-content .comment-footer .agree-with em {
    color: #545c63;
    font-size: 12px
}

.feed-list-content .comment-footer .active {
    background: #37f
}

.feed-list-content .comment-footer .active em {
    color: #fff
}

.qa-comment-page {
    /*	position: relative*/
}

.qa-comment-page .moreBtn {
    width: 656px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #37f;
    line-height: 20px;
}

.qa-comment-page .moreBtn:hover {
    color: #04c
}

.code-preview-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 17, 27, .6);
    z-index: 850
}

@-moz-document url-prefix() {
    .dc-addon .dc-follow i,
    .dc-addon .dc-praise i {
        margin-top: 0
    }
}

.sticky-block-box {
    /*	position:fixed;top:6.766999999999999rem;width:inherit;transition:top .2s*/
}

.sticky-block-box {
    top: 1.767rem
}

.catalog-title {
    font-size: 16px;
    color: #07111b;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.catalog-body {
    margin: 6px 0;
    overflow: hidden
}

.catalog-body,
.catalog-list {
    position: relative
}

.catalog-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 7px;
    bottom: 0;
    width: 2px;
    background-color: #ebedef;
    opacity: .5
}

.catalog-list a {
    color: inherit
}

.catalog-list .sub-list {
    margin: 0;
    padding: 0
}

.catalog-list .item {
    margin: 0;
    padding: 0;
    /*font-size: 1.167rem;*/
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.3;
    color: #333;
    list-style: none
}

.catalog-list .item a {
    display: block;
    position: relative;
    padding: 4px 0 4px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.catalog-list .item a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 50%
}

.catalog-list .item a:hover {
    background-color: #ebedef
}

.catalog-list .item.d1 {
    font-weight: 600;
    color: #000
}

.catalog-list .item.d1>a {
    margin: 6px 0;
    padding: 4px 0 4px 21px
}

.catalog-list .item.d1>a:before {
    left: 5px;
    margin-top: -3px;
    width: 6px;
    height: 6px
}

.catalog-list .item.d1:first-child>a {
    margin-top: 0
}

.catalog-list .item.d2>a {
    padding-left: 36px
}

.catalog-list .item.d2>a:before {
    left: 24px
}

.catalog-list .item.d3>a {
    padding-left: 51px
}

.catalog-list .item.d3>a:before {
    left: 39px
}

.catalog-list .item.d4>a {
    padding-left: 66px
}

.catalog-list .item.d4>a:before {
    left: 54px
}

.catalog-list .item.active>a {
    color: #007fff;
    background-color: #ebedef
}

code.hljs{
    font-size: 100% !important;
}