.kr-substance-atlas {
    width: 690px;
    margin: 10px auto 0
}

.kr-substance-atlas .atlas-bd {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: hsla(0, 0%, 100%, 0);
    border-radius: 2px;
    overflow: hidden
}

.kr-substance-atlas .atlas-bd .atlas-img {
    max-width: 100%;
    max-height: 580px
}

.kr-substance-atlas .atlas-bd .atlas-img-nav,
.kr-substance-atlas .atlas-bd .atlas-img-prov-wrapper {
    width: 28px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: .5s;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.kr-substance-atlas .atlas-bd .atlas-img-prov-wrapper {
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABQCAMAAAB7/0YbAAAAZlBMVEUAAADS0tLLy8s2NjYaGhoRERHPz8/FxcW5ubkLCwuXl5dSUlLIyMjCwsK+vr60tLStra2np6daWlo/Pz8tLS0iIiKfn5+GhoZ0dHRhYWFHR0ewsLCioqKQkJB7e3t4eHhoaGgpKSkUM+mTAAAAInRSTlOA2dSPhoTW0MiCtZjSzcvFwb6bkYyJuq2lnZTCurGop6CKB1uxYAAAANxJREFUWMPt1rkSgkAURFGHfd8RWYX//0ntscq8O9FgbmRy6lnAG7i5XC7Xf/V4am43JlNcZt4dvNsMylmWtmBRx7qwsY6eF9Rw3kK7BK7oWTdWcLHPuqGEKwfW+TFcNbKuL+CSgHWLB1eHrMsjuIZ2nXVtyrrToDu/fmDCJh3W7bSbrJvk/0k3SxcGnd+R+kzt9m+CzLUHB9KDbCCl5VhDXvbSWiFfW2TIWJWDdOig63PMXfgtHawDL4PESl+VhSDDGtLrBblaKcxMG8iOh/alLH52TPPN5XK5ftwLDCIHvf3V2AwAAAAASUVORK5CYII=)
}

.kr-substance-atlas .atlas-bd .atlas-img-next-wrapper {
    width: 28px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: .5s;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABQCAMAAAB7/0YbAAAAbFBMVEUAAADS0tLR0dERERHLy8vFxcU1NTUZGRkLCwtbW1s+Pj4hISHIyMjCwsK+vr66urq0tLSvr6+np6eSkpJ6enpTU1NJSUkuLi7Ozs6fn5+YmJiGhoZzc3O3t7erq6uioqJoaGhiYmIqKirNzc0qzr15AAAAJHRSTlOA2diE1NCOhoKbkYjSzcvJxcK+sqeYlYzWuratpMfAuqCei9XuscDYAAAA4ElEQVRYw+3WRxKDMBBEUUQQIudgMvj+d7QbTjC9sRf6+1eqEtIIx2az2X5du3CuUaqh1lPfJgJ2LuROyOiWtSHWHCErTy57H7IM5TJOIQtC6gAyT+RyyCCzQS6THDLQchkWkGksl14J6feErCDHTi5NDelGjrzXLQ9CTgot1O1ELSFnhWZ6zYXZIBRx2+Me5Ac5xW7njoCpuUNnNrh3zx1yvyevVSx14QqXaqlLimd0kCNnkLrrGXKX1A3kWNW3K0LuAVjl7nlyPKnTPvnIRXCb4X4Cajh55+zYbDbbX/UB04AIcvw9shQAAAAASUVORK5CYII=)
}

.kr-substance-atlas .atlas-bd .fadeIn {
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

.kr-substance-atlas .atlas-bd .fadeIn-repeat {
    -webkit-animation: fadeIn-repeat 1s;
    animation: fadeIn-repeat 1s
}

.kr-substance-atlas .atlas-desc {
    padding: 14px 0;
    width: 100%;
    font-size: 17px;
    color: #262626;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kr-substance-atlas .atlas-ft {
    text-align: center;
    white-space: nowrap;
    overflow: hidden
}

.kr-substance-atlas .atlas-ft ul {
    transition: transform 1s
}

.kr-substance-atlas .atlas-ft li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: 90px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    margin: 0 5px;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer
}

.kr-substance-atlas .atlas-ft li .tab-img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.kr-substance-atlas .atlas-ft li .border {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 4px solid #db9b08;
    border-radius: 2px;
    opacity: 0;
    transition: opacity .4s
}

.kr-substance-atlas .atlas-ft li:first-of-type {
    margin-left: 0
}

.kr-substance-atlas .atlas-ft li:last-of-type {
    margin-right: 0
}

.kr-substance-atlas .atlas-ft li.active .border,
.kr-substance-atlas .atlas-ft li:hover .border {
    opacity: 1
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn-repeat {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn-repeat {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

.kr-special-topic-detail {
    padding-top: 98px
}

.kr-special-topic-detail .special-topic-err {
    text-align: center;
    font-size: 20px;
    color: red;
    padding-top: 300px
}

.kr-special-topic-detail .no-special-topic {
    text-align: center;
    color: #aaa;
    padding-top: 200px
}

.kr-special-topic-detail .topic-detail-header .header-banner {
    position: relative;
    height: 248px;
    margin-bottom: 10px;
    background: url(/assets/img/zhichanli_tu.png) no-repeat 50% #edf1f4;
    background-size: 100px 56px;
    border-radius: 2px;
    overflow: hidden
}

.kr-special-topic-detail .topic-detail-header .header-banner .banner-link {
    display: block;
    height: 100%;
    background: no-repeat 50% transparent;
    background-size: cover;
    border-radius: 2px
}

.kr-special-topic-detail .topic-detail-header .header-banner .header-title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(-180deg, hsla(0, 0%, 74.9%, 0), rgba(0, 0, 0, .78))
}

.kr-special-topic-detail .topic-detail-header .header-banner .header-title .header-title-top {
    padding: 0 40px
}

.kr-special-topic-detail .topic-detail-header .header-banner .header-title .header-title-bottom {
    padding: 10px 40px 20px
}

.kr-special-topic-detail .topic-detail-header .header-banner .header-title .header-title-bottom .topic-title {
    color: #fff
}

.kr-special-topic-detail .topic-detail-header .header-banner .header-title .header-title-bottom .share-content .wechat {
    background-image: url(//static.36krcdn.com/36kr-web/static/hd_wechat_white.4a3c7937.png)
}

.kr-special-topic-detail .topic-detail-header .header-banner .header-title .header-title-bottom .share-content .weibo {
    background-image: url(//static.36krcdn.com/36kr-web/static/hd_weibo_white.02d066d3.png)
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-top {
    height: 24px;
    margin: 20px 0 5px
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-top .topic-tag {
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    margin-right: 10px;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    background-color: #db9b08
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 15px;
    line-height: 40px
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .topic-title {
    font-size: 30px;
    color: #262626;
    font-weight: 700
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content {
    display: flex;
    align-items: center;
    height: 30px
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content>* {
    display: block;
    height: 24px;
    width: 24px;
    margin-left: 20px;
    background: no-repeat 50%;
    background-size: 100%;
    transition: .5s
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content .wechat {
    position: relative;
    background-image: url(//static.36krcdn.com/36kr-web/static/hd_wechat_pray.9aed0504.png)
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content .wechat .share-code {
    visibility: hidden;
    position: absolute;
    top: -90px;
    right: -20px;
    height: 80px;
    width: 240px;
    line-height: 20px;
    padding: 10px 10px 10px 80px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px #ddd;
    font-size: 13px;
    color: #262626;
    transition: visibility .2s
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content .wechat .share-code:after {
    content: " ";
    position: absolute;
    bottom: -5px;
    right: 27px;
    height: 10px;
    width: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 2px #ddd;
    transform: rotate(45deg)
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content .wechat .share-code .qrcode {
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content .wechat:hover {
    background-image: url(//static.36krcdn.com/36kr-web/static/hd_wechat_active.b16ea560.png)
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content .wechat:hover .share-code {
    visibility: visible
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content .weibo {
    background-image: url(//static.36krcdn.com/36kr-web/static/hd_weibo_pray.3ad3f876.png);
    cursor: pointer
}

.kr-special-topic-detail .topic-detail-header .header-title .header-title-bottom .share-content .weibo:hover {
    background-image: url(//static.36krcdn.com/36kr-web/static/hd_weibo_active.19bd1374.png)
}

.kr-special-topic-detail .topic-detail-header #showFollow .header-title-bottom {
    position: relative;
    padding-bottom: 64px
}

.kr-special-topic-detail .topic-detail-header #showFollow .header-title-bottom .share-content {
    position: absolute;
    right: 0;
    bottom: 20px
}

.kr-special-topic-detail .topic-detail-desc {
    padding: 20px 40px 20px 127px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
    min-height: 87px;
    color: #787878;
    background: url(/assets/img/quotation.png) no-repeat 40px 20px #edf1f4;
    background-size: 47px;
    border-radius: 2px
}

.kr-special-topic-detail .topic-detail-platetab {
    height: 47px;
    margin-bottom: 40px
}

.kr-special-topic-detail .topic-detail-platetab .platetab-content {
    position: relative;
    /* width: 1030px; */
    height: 47px
}

.kr-special-topic-detail .topic-detail-platetab .platetab-content:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ddd
}

.kr-special-topic-detail .topic-detail-platetab .platetab-content-fixed {
    position: fixed;
    z-index: 15;
    top: 0;
    margin: auto;
    background-color: hsla(0, 0%, 100%, .9)
}

.kr-special-topic-detail .topic-detail-platetab .platetab-item {
    z-index: 1;
    display: inline;
    position: relative;
    line-height: 45px;
    font-size: 18px;
    color: #262626;
    padding: 0 10px 8px;
    margin-right: 60px;
    transition: .5s;
    border-bottom: 4px solid transparent;
    cursor: pointer
}

.kr-special-topic-detail .topic-detail-platetab .platetab-item:hover {
    color: #dd9d07
}

.kr-special-topic-detail .topic-detail-platetab .platetab-item.active {
    color: #0E68C9;
    border-bottom-color: #db9b08
}

.kr-special-topic-detail .topic-detail-substance {
    margin-bottom: 106px
}

.kr-special-topic-detail .topic-detail-substance .substance-wraper .substance-title {
    margin-top: 40px;
    padding-bottom: 4px;
    line-height: 33px;
    font-size: 24px;
    color: #262626;
    font-weight: 700
}

.kr-special-topic-detail .topic-live-module {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    padding-top: 10px
}

.kr-special-topic-detail .topic-live-module .topic-live-item {
    margin-bottom: 40px
}

.kr-special-topic-detail .topic-live-module .topic-live-item .live-item-pic-wrapper {
    width: 690px;
    height: 386px;
    border-top-left-radius: 2px!important;
    border-top-right-radius: 2px!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.kr-special-topic-detail .topic-live-module .topic-live-item .live-item-pic-wrapper .live-top-state {
    position: relative
}

.kr-special-topic-detail .topic-live-module .topic-live-item .live-item-pic-wrapper .live-top-state.living {
    width: 62px
}

.kr-special-topic-detail .topic-live-module .topic-live-item .live-item-pic-wrapper .live-top-state.closed {
    background: rgba(0, 0, 0, .4)
}

.kr-special-topic-detail .topic-live-module .topic-live-item .live-item-pic-wrapper .live-top-state.closed.borderRadiusNone:after {
    content: "";
    width: 1px;
    height: 9px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 5px
}

.kr-special-topic-detail .topic-live-module .topic-live-item .live-item-pic-wrapper .live-hot {
    padding-left: 6px;
    padding-right: 5px;
    background: rgba(0, 0, 0, .4)
}

.kr-special-topic-detail .topic-live-module .topic-live-item .live-item-title {
    width: 690px;
    height: 58px;
    line-height: 58px;
    background: #f1f3f4;
    padding: 0 15px;
    font-size: 20px;
    color: #262626;
    letter-spacing: 0;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.kr-special-topic-detail .topic-live-module .notice-live-item .live-item-title {
    height: 83px!important;
    padding: 15px;
    line-height: 28px
}

.kr-special-topic-detail .topic-live-module .notice-live-item .live-item-footer {
    margin-top: -37px;
    margin-left: 7px;
    background: transparent!important
}

.kr-special-topic-detail .topic-live-module .topic-live-item:last-child {
    margin-bottom: 0
}

.live-item-top {
    display: flex;
    justify-content: start;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

.live-item-top .live-top-state {
    height: 20px;
    border-radius: 2px 0 2px 0;
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #fff
}

.live-item-top .borderRadiusNone {
    border-bottom-right-radius: 0!important
}

.live-item-top .live-top-state.living {
    width: 73px;
    font-size: 13px;
    background: #f95355;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1
}

.live-item-top .live-top-state.living>img {
    width: 10px;
    height: 10px;
    margin-right: 2px
}

.live-item-top .live-top-state.playback {
    width: 75px;
    height: 20px;
    font-size: 13px;
    background: #525252;
    font-weight: bolder;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-bottom-right-radius: 2px
}

.live-item-top .live-top-state.playback>img {
    width: 10px;
    height: 10px;
    border-radius: unset;
    margin: 1px 3px 0 0!important
}

.live-item-top .live-top-state.closed {
    padding: 0 5px;
    line-height: 20px;
    background: rgba(0, 0, 0, .5)
}

.live-item-top .live-top-state.closed:after {
    content: "";
    width: 0;
    height: 0
}

.live-item-top .live-top-state.notice {
    background: #027aff;
    letter-spacing: 4px;
    padding-left: 5px;
    line-height: 20px
}

.live-item-top .live-hot {
    width: auto;
    height: 20px;
    padding: 2px 7px;
    background: rgba(0, 0, 0, .6);
    border-radius: 0 0 2px 0;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #fff;
    line-height: 16px
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1.5
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

:focus {
    outline: none
}

.clearfloat:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.ellipsis-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-2 {
    -webkit-line-clamp: 2
}

.ellipsis-2,
.ellipsis-3 {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis-3 {
    -webkit-line-clamp: 3
}

.ellipsis-4 {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.weight-bold {
    font-weight: 500
}

.show {
    display: block
}

.hide {
    display: none
}

.scaleBig {
    transition: all 1s
}

.scaleBig:hover {
    transform: scale(1.12)
}

.kr-rich-text-wrapper em,
.kr-rich-text-wrapper i {
    font-style: italic
}

.kr-rich-text-wrapper ol,
.kr-rich-text-wrapper ul {
    padding: 0 0 0 30px;
    margin-bottom: 22px
}

.kr-rich-text-wrapper ol li,
.kr-rich-text-wrapper ul li {
    margin-bottom: 6px
}

.kr-rich-text-wrapper ul {
    list-style-type: disc
}

.kr-rich-text-wrapper ol {
    list-style-type: decimal
}

.kr-rich-text-wrapper b,
.kr-rich-text-wrapper h1,
.kr-rich-text-wrapper h2,
.kr-rich-text-wrapper h3,
.kr-rich-text-wrapper h4,
.kr-rich-text-wrapper h5,
.kr-rich-text-wrapper h6,
.kr-rich-text-wrapper strong {
    font-weight: bolder
}

.kr-rich-text-wrapper h1 {
    font-size: 2em;
    margin: .67em 0
}

.kr-rich-text-wrapper h2 {
    font-size: 1.5em;
    margin: .75em 0
}

.kr-rich-text-wrapper h3 {
    font-size: 1.17em;
    margin: .83em 0
}

.kr-rich-text-wrapper h4 {
    margin: 1.12em 0
}

.kr-rich-text-wrapper h5 {
    font-size: .83em;
    margin: 1.5em 0
}

.kr-rich-text-wrapper h6 {
    font-size: .75em;
    margin: 1.67em 0
}

.live-item-wrap {
    position: relative
}

.live-item-wrap:hover .live-item-shadow-wrapper-card {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15);
    background: #fff
}

.live-item-wrap .live-item-shadow-wrapper-card {
    top: -10px;
    left: -10px;
    position: absolute;
    transition: all .2s linear;
    border-radius: 2px
}

.live-item-wrap .live-item {
    position: relative
}

.live-item-wrap .live-item .live-item-pic-wrapper {
    overflow: hidden;
    border-radius: 2px;
    z-index: 10;
    display: block;
    position: relative
}

.live-item-wrap .live-item .live-item-pic-wrapper .live-item-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center
}

.live-item-wrap .live-item .live-item-pic-wrapper .live-item-link>img {
    width: 100%;
    height: 100%
}

.live-item-wrap .live-item .live-item-play-img:after {
    content: "";
    width: 56px;
    height: 56px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAilBMVEUAAAAAAADj4+MAAAAAAACAgIAAAAAAAABVVVUAAAD39/fY2NiSkpIAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgKysrIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjIyMAAAA4ODj29vbLy8u7u7ukpKR2dnZtbW2qqqqgoKCKiophYWFOTk7///8t+hu6AAAALXRSTlOAAOV+JqpoZJlG9t2ycVxMORYSBn/DeHdgQkE2KiIOiVWP9dPJvKaiv7qunZaUfBC2AAACf0lEQVRo3rzNV1bDMBAF0BdmkBDnuDvVJQntC/a/PewQID2SLc3dwMXESc5pEmsVzYnmkdJxknI+cWIfFmwU4QJShgvfYbbUhBtILzN/YZsqWFBp6yVsYoIlipvRIWs40TwqrBWcqXpwmC0wyCIbFBaGMBCZwj3kCCNE7BoajGScwlxjNJ3bhzyDBzO2DasSXpSVXbiCNyubMIFHyf1wA68298IEniW3wxW8W90KKwRQXQ+5RAAlXwvzGYKY5VdCjUD05dAgGHMpZATE52ERIaCoOAsNgjKnYUYIirKTcIHAFsdhjeDqo1AhOHUYMgTwQaghQP+HDUQ0f2EMEfFv2BIcrd+n0w+4onYfpnD1+tV5gqt0Hyq4eujDR7hSP2EGqRDZLlzKhctdqOVC3YcFyYVUdCFDLgR3oZEMTRcqyVB1IUmGNEEOybDrWDZkpLJhikQ2TBDDRrndrr2EMbTV1w9vPkINBQufffDiI1SIYOGpD559hBHmsuEcJBuSl3D9TZy9qzAMwwAUlRtXJrTNCzyHlkLa5P//LzZoDWgIN6MWH/CmqzJ/Fh94ypeudXw4v/R1Avh0g4VTFlRJLJikY8FOehbsZWDBQSILRplYcJLQkGATJCgJagFbEmwLGEkw2jLDgLbMhMSByRZSCrSFdOTA0aICBao7m8z1xdthNlnq+PVkE3cY2nL+vY/D0D3n/+wIQ3T6wuMenS/xQEsnaDyy02cE/FBCn4KuP3bt1dsBEQAwDINA/65nYW3JHdHBE855hmCZTLKW6BzL6h44kKERLvzB8xYf4GGJkhNhcczMC+kQKmjHkFfu2QBa92S3CSXP2XUjLP+m891zALc/PDVIYO5Pusl8AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.live-item-wrap .live-item .live-item-title-in-img {
    width: 100%;
    height: 110px;
    background-image: linear-gradient(180deg, transparent 18%, rgba(0, 0, 0, .48) 68%, rgba(0, 0, 0, .62) 92%);
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    padding: 65px 0 20px 20px;
    position: absolute;
    bottom: 0;
    font-weight: 700;
    z-index: 99;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.live-item-wrap .live-item .live-item-title {
    display: block;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    font-weight: 700;
    color: #262626;
    cursor: pointer;
    z-index: 120
}

.live-item-wrap .live-item .live-item-title:hover {
    color: #0E68C9
}

.live-item-wrap .live-item .live-item-footer {
    height: 26px;
    text-align: center;
    border-radius: 1px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    background: #f1f3f4;
    color: #a7a7a7;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-weight: 700;
    padding: 0 8px;
    float: left;
    width: auto
}

.live-item-wrap .live-item .live-item-footer .live-item-footer-temp {
    font-size: 20px;
    transform: scale(.4);
    margin: 0 6px
}

.live-item-wrap .live-item .live-item-footer.active {
    background: #e6eeff;
    color: #db9b08
}

.follow-wrapper {
    display: flex!important;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important
}

.follow-wrapper .count {
    font-size: 12px;
    color: #787878;
    line-height: 24px;
    margin-right: 8px
}

.follow-wrapper .count>span {
    color: #db9b08
}

.follow-wrapper .lottie-wrapper,
.follow-wrapper .lottie-wrapper>div {
    width: 24px!important;
    height: 24px!important
}

.follow-wrapper .lottie-wrapper>div {
    cursor: pointer
}

.follow-wrapper .lottie-wrapper>div:first-child>svg {
    transform: scale(1.2) translateY(-11%) translateX(-2%)!important
}

.follow-wrapper .lottie-wrapper>div:last-child>svg {
    transform: scale(4.3) translateY(-3%) translateX(0)!important
}

.kr-plugin-vote {
    margin-bottom: 10px
}

.kr-plugin-vote .vote-subject {
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #262626;
    padding: 10px 0
}

.kr-plugin-vote .vote-description {
    font-size: 14px;
    line-height: 24px;
    color: #787878
}

.kr-plugin-vote .vote-body {
    width: 690px;
    margin: 20px auto 0;
    border: 1px solid #ddd;
    border-radius: 2px
}

.kr-plugin-vote .vote-body .vote-check-list {
    padding: 0 40px 26px
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item {
    position: relative;
    line-height: 22px;
    padding: 14px 0 16px
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item.checkbox .item-check.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAhdJREFUWAnt2LtKA0EUBuAzkzVRSSy8FEKeIILiG6iNBG8PYKOvIHjtRRS0s4g+gEUaESSdaBcrSSfYiAoWXgoRQ247zh+zMZHdmcRsNilyILeZk5kvZ2cnMIxkRHe/wpmCuccEmxAkhtHmVTBiz4KJy4CPryXWe58YMNm8mRJE/V4h7OZhRO9+g48ZqIxMaCkGQBQEFo7LhIZ2CFi412tG9cNh4aqEVvR1QLqqdyrUFhWajPhoY85PXO5+ujB0CY32A7M5HyCf1OCxc5YhU+6CTtHUNVSJAWBqxKDVWb+TpdjeNNBfDGYryNIk7wreg5ww26cZurptEISFOBSqYTWWfncjGAyhvGTAbC0E6HC5m8L9elSjGCXIwkxGDBoIctpfVKPcwChB06MGAWPFYMgZ5RZGCUqk8nR+k7M8xVc7lJsYJQidB4msEuU2BnOyqe1Pxb6JFKKVqJ9mxrt+PpSeP9ImBQOMOBZbKbDP1HJrW/l2r7+LxK631IZKISpRfT3VN6gbGMxRPSpaHMLu8lmpbmEwXs0gJAP18GribTmEEBRP5rQ7cPkLmjd1gTDW8lGaHt9+UEXMdY6OL6vvRs2cyu66QRhtKZam+xeT4hITu3APg7FrusuQ6FX8q0LNxHVAuuq2X4VwPqNTe9UPC8dhkVcT6uaBhePkSv49vuuSm90PAywcx2g4uSJGJ624fMU55dwwwPINmA3lr0eQwzIAAAAASUVORK5CYII=);
    border-color: transparent
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item.radio .item-check.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAYZJREFUWAntWMttAjEQnXFWRMqRWyR6oIVcKSEUkBKSGpISaIASuNJCeoiUW46RggiOHzBotdrljdhPONiXNR7Pe49nM9pBJY3Z6/fk53f3plEfosR7rA01VPQzalzf3oTn1cvdh0LMZrt7jyLjoUTU8ajI16gI0wLOpA3jpHQ1KvQJKusS+lo7GBIX6WRm0BJwTCD7DzHghQHgxhxagt2ZoZ2BABvGDS3BFq/lmQWxkyjYBsTb1KlqnWF89MisTkmUR/sBMNByfJ+TclHrgFWO1c2pINSGLoomMI41r07HaY0Ksjp1ymgx8WBRQZccU5NmDxYV1ATe13oWxJzNDmWHmAMsnu9Qdog5wOL0DuF9hoF44x4sKghNnJeQ7fNgUUHoKNHEMTIWBwaw2D4q6NA3hamoLD2WVwn3OSkXXam1O9U95c+ud+oj0Lyc2NecOtQXcRNuFtTkjK0Hu6ieFsWSun4aN7QEqw2bbVxYoGvCc3jgBDf2QMvV/WEV2taZc9/eE6vWqT+veKRokKlj9AAAAABJRU5ErkJggg==);
    border-color: transparent
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item .item-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item .item-check {
    height: 18px;
    width: 18px;
    margin: 2px 22px 2px 2px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: no-repeat 50%;
    background-size: 18px 18px;
    cursor: pointer;
    transition: .5s
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item .item-check.disabled {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAANJJREFUWAntmLENwjAQRX0WESglVJHYgRU8FUNkkazhFdgBKRWUESgSx10okfhUjot/leVv6b7f/eokWN2m6fh6zL0dUwja+V25ktF65bhrzoe2vYqb0ed8UdV9ORPfnUTkLtvmtPmQWdeM23MgalOKdk5+UUklM1Q6M7++rp0TqqpoCI2DhEgIEUA6M0RCiADSmSESQgSQzgyRECKAdGaIhBABpDNDJIQIIN0ytOxn0LtCuowe6lyo2z9tcnULq7is0WxzZaMb1hmfR0YG3565lze2TDf3HzSmEwAAAABJRU5ErkJggg==);
    border-color: transparent;
    cursor: default
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item .item-txt {
    flex: 1;
    padding-right: 20px
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item .item-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    border-radius: 1px;
    background-color: #ddd
}

.kr-plugin-vote .vote-body .vote-check-list .vote-item .item-progress .progress-value {
    display: block;
    float: left;
    height: 100%;
    border-radius: 1px;
    background-color: #db9b08;
    transition: .5s
}

.kr-plugin-vote .vote-body .vote-check-list.noPadding {
    padding-bottom: 0
}

.kr-plugin-vote .vote-body .vote-check-list.noPadding .vote-item:last-of-type .item-progress {
    background-color: transparent
}

.kr-plugin-vote .vote-body .vote-pk-main {
    display: flex;
    justify-content: space-between;
    height: 72px
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-btn {
    width: 60px;
    height: 60px;
    margin: 6px;
    padding-top: 30px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: auto 20px;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-btn-left {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAglJREFUWAntl71KA0EQxxONoKKFRG0V1MrCB0ihoOAzaGHlC4iFpaUgPoIPYLAVtIqFH4hgoSnEQoKNUQSN+FHEfPhbPJNNyFz2cia3Qhb+3N7M7MyP2duwCYXaw6IOFIvFKBq2CKmMAtgSyqMc2ix7LJkBdYT0sWIJ2g8GZGmdjvkj6rICEpBuVEDVY84vYIffBM76KZ7hGrkmatg8mf4KcEGoOiLYjc2+AdnTPqotChU7Bbux2TcgldbQkFDxTbC3xkz3JtFn9cnQ3pf9kjTcQSB6KR5HPS4QNy6+5rmAi6A9rVPSdKB5FEJmBy4uEWn2ayGFJ3PESzTF+4nfRfMG65LEj9aJ+wiHw09uMaUfV5KtEziLSjZnYZbnFon2iYkxP3bsf/XYIbf0O1quQfEsksapisQZkwJ82sfKJJUz/RS/Vroq3tSJbeYYlJLrgBkpqAX2O6mGDvgiBTXZnuEbfJBq2AB4KcEpuw4Y1BZfmAIGtcVnpoBBdfDEFDCIDqY4IPemgEF0MOEGp3z6IQmig4e2A3rqYKu3+IrvL21zBw/qwSm//g22uoNWAz7THKN7ZamDfA85Fr2rtrqMW3wFF7+pa5t6XybBJUAnWLr25JWfpOrWsYrULbvRoQ7Ghuniius9t+JxFk4j3V7k/Ry45G9S4qLMZ5DXf20qV4JcKZ7t0e7Av+jAN3mGnGHFIJpxAAAAAElFTkSuQmCC);
    background-color: #db9b08;
    box-shadow: 0 0 8px #db9b08;
    cursor: pointer
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-btn-left.disabled {
    background-color: #d4d6d9;
    box-shadow: 0 0 8px #d4d6d9;
    cursor: default
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-btn-left.active {
    background-color: #87b0f5;
    box-shadow: 0 0 8px #87b0f5;
    cursor: default
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-btn-right {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAhFJREFUWAntWD0vBUEUfft8FRT4A6JR6Gj9ABGJ9ysUaglRCJVGopBoNP6DaMRHBCE0Eioar3gRIvHQIOStc5N9smbvrLm7M7uKneTmzZy9c87ZO/N2J1sqFS3HCvi+X0EsIgZztMFLw9Qqotnu0WnhM3NAYWas6Sz0O+DCSjkh6RQzr5/BUkNJDY4wyv/DIJa0G+Z6GYOjDJY9BIN9oX0X7n5g0GPbUZIlftGYaAc+o7mWHYwqlRGNcOlC/Tf0nexF0R3CxEPIlNo9BdAqIrSdDAN7qitlvGZbU8QHM8uKIW44LyK1mQw3E5wjBlsC5qXR/rVXQNYBMrrzYUQccaeh6Bzyqoh1cJPWOKILobZLz/OuVDAyBskswnabJiGQLsQQ07+fHlORpj4HhyIZ9oC4xw+t3BcnpRp85JIywF6xxA1ORzV4wyVlgNV1GqrBvzeqjikd/qybrhq8QKKvS3aIm1UQ+4AOAtcOjeiojStIBCc6Foe4WQUDA8cOjeioRRU80LE4xM0riH14CyNVh2Y4anODwex9jsUhJlpi8rHt0AxHLa7gLljYVw/HbgGTVRD78Ami5xaETSnEFSTiLVN2C3myCgaCG/j9tCBeM+CQVxDLfAfiFQPyuJQdXNwMEnTv+Dq03nUkccd6OgW3YeIkQvrFgATPIPzzVgIXfUOsINQDyhHyDoEXrahAUYEkFfgGLWHKKbKueMgAAAAASUVORK5CYII=);
    background-color: #f95355;
    box-shadow: 0 0 8px #f95355;
    cursor: pointer
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-btn-right.disabled {
    background-color: #d4d6d9;
    box-shadow: 0 0 8px #d4d6d9;
    cursor: default
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-btn-right.active {
    background-color: #ffadae;
    box-shadow: 0 0 8px #ffadae;
    cursor: default
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info {
    width: 440px
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top {
    display: flex;
    justify-content: space-between;
    height: 32px;
    line-height: 32px;
    font-weight: bolder;
    font-size: 22px
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-num-bad {
    color: #db9b08
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-num-good {
    color: #f95355
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-letter {
    font-size: 24px
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-letter .p {
    color: #db9b08
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-letter .k {
    color: #f95355
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-bottom {
    height: 10px;
    line-height: 10px
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-bottom span {
    display: inline-block;
    height: 100%;
    transition: .5s
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-bottom .pk-mark-bad {
    background-color: #db9b08
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-bottom .pk-mark-good {
    background-color: #f95355
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-top .pk-letter .k,
.kr-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-top .pk-letter .p,
.kr-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-top .pk-num-bad,
.kr-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-top .pk-num-good {
    color: #a8a8a8
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-bottom .pk-mark-bad {
    background-color: #dedfe2
}

.kr-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-bottom .pk-mark-good {
    background-color: #c6c9ce
}

.kr-plugin-vote .vote-body .vote-submit {
    display: block;
    width: calc(100% + 2px);
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #db9b08;
    border-radius: 0 0 2px 2px;
    margin: 0 -1px -1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.kr-plugin-vote .vote-body .vote-submit span {
    z-index: 2;
    position: relative
}

.kr-plugin-vote .vote-body .vote-submit:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .12);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.kr-plugin-vote .vote-body .vote-submit.disabled {
    background-color: #d4d6d9;
    cursor: default
}

.kr-plugin-vote .vote-body .vote-submit.disabled:hover:after {
    width: 0
}

.kr-plugin-vote .vote-body-pk {
    padding: 20px 34px
}

.kr-plugin-vote .vote-body-pk .vote-submit-pk {
    display: block;
    width: 140px;
    margin: 7px auto 0;
    border-radius: 2px
}

.kr-substance-ad {
    margin: 40px 0
}

.kr-substance-post .list-item {
    position: relative;
    padding: 10px 0 10px 236px;
    border-radius: 2px
}

.kr-substance-post .list-item:hover .hover {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15)
}

.kr-substance-post .list-item .hover {
    position: absolute;
    left: -10px;
    top: 0;
    z-index: 0;
    height: 164px;
    /* width: 1220px; */
    border-radius: 2px;
    transition: .5s
}

.kr-substance-post .list-item .list-item-left {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1;
    height: 144px;
    width: 216px;
    border-radius: 2px;
    overflow: hidden
}

.kr-substance-post .list-item .list-item-left .item-cover {
    height: 100%;
    transition: .5s
}

.kr-substance-post .list-item .list-item-left .item-cover:hover {
    transform: scale(1.12)
}

.kr-substance-post .list-item .list-item-right {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 144px
}

.kr-substance-post .list-item .list-item-right .item-tags {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    margin-bottom: 8px
}

.kr-substance-post .list-item .list-item-right .item-tags .item-tag {
    float: left;
    padding: 0 10px;
    margin-right: 10px;
    background-color: #373737
}

.kr-substance-post .list-item .list-item-right .item-title {
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #262626;
    padding: 8px 0 4px;
    transition: .5s
}

.kr-substance-post .list-item .list-item-right .item-title:hover {
    color: #0E68C9
}

.kr-substance-post .list-item .list-item-right .item-desc {
    flex: 1;
    font-size: 13px;
    color: #787878
}

.kr-substance-post .list-item .list-item-right .item-other {
    line-height: 26px;
    font-size: 12px;
    color: #a7a7a7
}

.kr-substance-post .list-item .list-item-right .item-other .link {
    color: #a7a7a7;
    transition: .5s
}

.kr-substance-post .list-item .list-item-right .item-other .link:hover {
    color: #db9b08
}

.kr-substance-post .list-item .list-item-right .item-other .item-other-left {
    float: left
}

.kr-substance-post .list-item .list-item-right .item-other .item-other-right {
    float: right
}

.kr-substance-post .list-item .list-item-right .item-other .item-other-right .time {
    display: inline-block;
    padding-left: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAjVJREFUOBGlVTtLQmEY9nxdIDAQxKWgiCgIBxHOrNIQNATV2NDkErUUGP2ESHCIoqX+grkFDaEiToeMoFpqsKEhEBqMoLz0PF/vdziZRJcXXt/r85zvruXrIo7j9NXr9XnLsuZRttvt9hDbED/AOIhzfr8/Z9v2G/NesbwB/Xw+vwCTho4z/kbuUEslEoljb48yAb6qQLaDOAsl2ZVSah0aDoVCg1T6zLEmPVliiEWsxR2hkKUwrVdUNmKx2AH8lvR9MiQoFosrSGbg98OmMdJNNmlCmWZWyGbj8fgZi0YKhcI+/HPkj0yOFvlpmBMhXeT0LdmAGxTGQbgGEMGulEqlkUajUUXiFoAJtyAOSFdBuIfwDhs1pbibCPSacZqdgGaz2cMcPqZtZ10wek3JpdBIQh8W+xB+1zXrJPHGxBDLHLm4O7Y0nIr9izFYW2H++tAGg8H7vzARY7Dk6v0FyTBOw4Wn/xKbtOyJtcs15HXy1Wq1kc4i40Ag8AjzJEcjAt/oXLlcHmCPwZKLI3Sgk9AZ6DX0k0QikedKpTKGHRz1FnBEqtFo9EVyxFKcXnw5B2ep1Wol4e9y13TJ8wPgE0LqFwFG4SwmWSCX4qsBnxc9LNeJtR+LYMIA8GDnlDxBKWHIyHX6EaH0ZqQ5RS79SvAOIpnGkPthT+Q66Vo3ZpnmKnsFw8dBP2PuayNN22gyo+XzxRtwas6Z7OYM1xt5TpOSxv3fMmvvEn7U/v/AfiEk8X/+At4BQIsN/y58iK0AAAAASUVORK5CYII=) no-repeat 0;
    background-size: 10px
}

.kr-substance-stationVideo .list-item {
    position: relative;
    padding: 10px 10px 10px 236px;
    border-radius: 2px
}

.kr-substance-stationVideo .list-item:hover .hover {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15)
}

.kr-substance-stationVideo .list-item .hover {
    position: absolute;
    left: -10px;
    top: 0;
    z-index: 0;
    height: 164px;
    width: 1050px;
    border-radius: 2px;
    transition: .5s
}

.kr-substance-stationVideo .list-item .list-item-left {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1;
    height: 144px;
    width: 216px;
    border-radius: 2px;
    overflow: hidden
}

.kr-substance-stationVideo .list-item .list-item-left .item-cover {
    height: 100%;
    transition: .5s
}

.kr-substance-stationVideo .list-item .list-item-left .item-cover:hover {
    transform: scale(1.12)
}

.kr-substance-stationVideo .list-item .list-item-left .play-icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 48px;
    width: 48px;
    background: url(//static.36krcdn.com/36kr-web/static/video_play.73a8594a.png) no-repeat 50%;
    background-size: cover
}

.kr-substance-stationVideo .list-item .list-item-left .video-time {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    color: #fff;
    padding: 0 6px;
    background-color: rgba(0, 0, 0, .5)
}

.kr-substance-stationVideo .list-item .list-item-right {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 144px
}

.kr-substance-stationVideo .list-item .list-item-right .item-tags {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    margin-bottom: 8px
}

.kr-substance-stationVideo .list-item .list-item-right .item-tags .item-tag {
    float: left;
    padding: 0 10px;
    margin-right: 10px;
    background-color: #373737
}

.kr-substance-stationVideo .list-item .list-item-right .item-title {
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #262626;
    padding: 8px 0 4px;
    transition: .5s
}

.kr-substance-stationVideo .list-item .list-item-right .item-title:hover {
    color: #db9b08
}

.kr-substance-stationVideo .list-item .list-item-right .item-desc {
    flex: 1;
    font-size: 13px;
    color: #787878
}

.kr-substance-stationVideo .list-item .list-item-right .item-other {
    line-height: 26px;
    font-size: 12px;
    color: #a7a7a7
}

.kr-substance-stationVideo .list-item .list-item-right .item-other .link {
    color: #a7a7a7;
    transition: .5s
}

.kr-substance-stationVideo .list-item .list-item-right .item-other .link:hover {
    color: #0E68C9
}

.kr-substance-stationVideo .list-item .list-item-right .item-other .item-other-left {
    float: left
}

.kr-substance-stationVideo .list-item .list-item-right .item-other .item-other-right {
    float: right
}

.kr-substance-stationVideo .list-item .list-item-right .item-other .item-other-right .time {
    display: inline-block;
    padding-left: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAjVJREFUOBGlVTtLQmEY9nxdIDAQxKWgiCgIBxHOrNIQNATV2NDkErUUGP2ESHCIoqX+grkFDaEiToeMoFpqsKEhEBqMoLz0PF/vdziZRJcXXt/r85zvruXrIo7j9NXr9XnLsuZRttvt9hDbED/AOIhzfr8/Z9v2G/NesbwB/Xw+vwCTho4z/kbuUEslEoljb48yAb6qQLaDOAsl2ZVSah0aDoVCg1T6zLEmPVliiEWsxR2hkKUwrVdUNmKx2AH8lvR9MiQoFosrSGbg98OmMdJNNmlCmWZWyGbj8fgZi0YKhcI+/HPkj0yOFvlpmBMhXeT0LdmAGxTGQbgGEMGulEqlkUajUUXiFoAJtyAOSFdBuIfwDhs1pbibCPSacZqdgGaz2cMcPqZtZ10wek3JpdBIQh8W+xB+1zXrJPHGxBDLHLm4O7Y0nIr9izFYW2H++tAGg8H7vzARY7Dk6v0FyTBOw4Wn/xKbtOyJtcs15HXy1Wq1kc4i40Ag8AjzJEcjAt/oXLlcHmCPwZKLI3Sgk9AZ6DX0k0QikedKpTKGHRz1FnBEqtFo9EVyxFKcXnw5B2ep1Wol4e9y13TJ8wPgE0LqFwFG4SwmWSCX4qsBnxc9LNeJtR+LYMIA8GDnlDxBKWHIyHX6EaH0ZqQ5RS79SvAOIpnGkPthT+Q66Vo3ZpnmKnsFw8dBP2PuayNN22gyo+XzxRtwas6Z7OYM1xt5TpOSxv3fMmvvEn7U/v/AfiEk8X/+At4BQIsN/y58iK0AAAAASUVORK5CYII=) no-repeat 0;
    background-size: 10px
}

.kr-substance-stationPlayVideo {
    position: relative;
    width: 690px;
    height: 388px;
    background-color: #000;
    margin: 10px auto 40px
}

.kr-substance-stationPlayVideo .video {
    height: 100%;
    width: 100%
}

.kr-substance-stationPlayVideo .video-title {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    padding: 13px 20px 19px;
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, .4), transparent)
}

.kr-substance-stationPlayVideo .video-poster {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000
}

.kr-substance-stationPlayVideo .video-poster .top {
    height: 30px;
    width: 100%;
    background: url(//static.36krcdn.com/36kr-web/static/look-future.cce008c0.png) no-repeat 50%;
    background-size: auto 100%
}

.kr-substance-stationPlayVideo .video-poster .icon-play {
    position: absolute;
    height: 50px;
    width: 50px;
    background: url(//static.36krcdn.com/36kr-web/static/video_play.3b03263e.png) no-repeat 50%;
    background-size: cover;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer
}

.kr-substance-outsiteVideo {
    width: 600px;
    height: 438px;
    background-color: #000;
    margin: 10px auto 40px
}

.kr-substance-outsiteVideo iframe {
    width: 600px!important;
    height: 438px!important
}

.kr-substance-outsiteComponent {
    display: flex;
    justify-content: center;
    margin: 10px 0 40px
}

.kr-substance-outsiteComponent iframe {
    float: left
}

.kr-substance-newsFlash .newsFlash-item-wraper {
    padding: 10px 0;
    margin-bottom: 20px
}

.newsflash-item {
    width: 100%
}

.newsflash-item .item-title {
    display: block;
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #262626;
    transition: .5s
}

.newsflash-item .item-title .local-tag {
    padding: 0 10px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    background: #db9b08;
    color: #fff;
    font-size: 12px;
    margin-right: 8px;
    position: relative;
    top: -2px
}

.newsflash-item .item-title:hover {
    color: #0E68C9
}

.newsflash-item .item-title:visited {
    color: #787878
}

.newsflash-item .item-other {
    height: 20px;
    line-height: 20px;
    margin: 6px 0 10px;
    font-size: 12px;
    color: #a7a7a7
}

.newsflash-item .item-other>* {
    float: left;
    margin-right: 8px;
    transition: .5s
}

.newsflash-item .item-other .time {
    margin-right: 20px
}

.newsflash-item .item-other .wechat {
    position: relative;
    height: 20px;
    width: 20px;
    background: url(//static.36krcdn.com/36kr-web/static/wechat-pray.28ebe3d1.png) no-repeat 50%;
    background-size: cover;
    cursor: default
}

.newsflash-item .item-other .wechat .share-code {
    visibility: hidden;
    position: absolute;
    z-index: 1001;
    top: -88px;
    left: -20px;
    height: 80px;
    width: 240px;
    line-height: 20px;
    padding: 10px 10px 10px 80px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px #ddd;
    font-size: 13px;
    color: #262626;
    transition: visibility .2s
}

.newsflash-item .item-other .wechat .share-code:after {
    content: " ";
    position: absolute;
    bottom: -5px;
    left: 25px;
    height: 10px;
    width: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 2px #ddd;
    transform: rotate(45deg)
}

.newsflash-item .item-other .wechat .share-code .qrcode {
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px
}

.newsflash-item .item-other .wechat:hover {
    background-image: url(//static.36krcdn.com/36kr-web/static/wechat-active.cd4c1382.png)
}

.newsflash-item .item-other .wechat:hover .share-code {
    visibility: visible
}

.newsflash-item .item-other .weibo {
    height: 20px;
    width: 20px;
    background: url(//static.36krcdn.com/36kr-web/static/weibo-pray.55864b4a.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.newsflash-item .item-other .weibo:hover {
    background-image: url(//static.36krcdn.com/36kr-web/static/weibo-active.e0d79676.png)
}

.newsflash-item .item-desc {
    line-height: 24px;
    font-size: 14px;
    color: #787878
}

.newsflash-item .item-desc .link {
    display: inline-block;
    color: #0E68C9;
    margin-left: 10px;
    padding-left: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA19JREFUSA3tlkFIVFEUhs/15UxRGFpRQUEQRUHNI3FRFGW4iBZpIIpU1ELTfREJIfPERZoUbTVbVCCoRDktokWFQdRiimYCLSIIEjQqIylqRqfb+d/MeT5fM+OMtoouzDv3nXvu+e6599wzj+hfb+pvBFhpvSwjSpxhX6X8W0WkIor03dVrzYvdTWrKzVgQUGutKlujbey8WWsy3I7RV0pFWVsbajFfy1iBdPKVgFW1Rq+Q1ucAU4oSDHjAlD6Wo/DHNgFKUH9jly4U//MCCoxlve1IqXFNak/IMivuWGadv6hkM4NvCPTDWOT0vIHpYD5S+xn0VJwOnFr/Y3FRSZMTKamDMpZXhJlgN63AK3EoElBN9Dj5rk3R5wXkBOl2byMiSwcT55yRnLF2+yi6nIFVVuQ4Z0GDPZHPbC7YISuyk23LU6DnKUk5AY+cjxb/IrpsT1JqQmA1/dqobhveJM5EVlvRLdy/xbtRgOwlMjplLCfg9xjt4uiKMYkToRnbCFhsONIbT8TDh62RDeIQsDjph2y/BjrO3vaQtT0s4xmBSJCa9rfL7Ulq5tD92rgHXWwkeozvXy17LEpQvEccTpHuEBgv7mooGGiRMci0QMnGeOzbXttYq88yKUHTK9EPBc1ruOTJcV2RLG9400N4AjYYDJxkyck60/4ACoxlPf9S56OcQ58mQs20G5ePC9JnEOooQG8ywTA+C+iGYZCn78NzMLjtGXu6jz7b1NkZy32DFn2Czm5Kr4D0+Zc9ShdZ0sgDRCFGZEkHaryQ1Fn0sS0G+RpI0SRnXf8OCvRCH1OJA5BoSqsI5EDzxq/ebYRemhMhzgBV3x5Ic89uW1vf+QxfWSmZRy1LTSMbeXEdKfsvS/30RJxmk87fU6X1og9Zh3uDQuyujV4H3tTny3Zi0DKve+3SvTsR8qB96Lw5Q/nAeL97coVhAW6gXfc4h526512hNzJkI9+zRq9dtncXMHnovMe7ay69X+KdlA6WLRu98+XdAeIbBEpOhHU/Jye63FAUYne5ynbPxHEm6SQNPgPGx6JhBgZgzE5H8X/GBtjqctbbi1sIzPaLhzRsG9dCztYkVPSQqextR21k6Kxy5babq+9EKIaIFN8gfDX4s8Au2kgiLm1Gp7vqi/1/6d2B39nkmQJFxGAlAAAAAElFTkSuQmCC) no-repeat 0;
    background-size: 14px
}

.newsflash-item .item-image {
    margin-top: 10px;
    display: block;
    border-radius: 2px;
    cursor: pointer;
    transition: .5s
}

.newsflash-item .small {
    max-width: 258px;
    max-height: 258px
}

.newsflash-item .large {
    max-width: 630px;
    max-height: 630px
}

.kr-substance-timeline .timeline-title {
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #262626;
    padding: 10px 0
}

.kr-substance-timeline .timeline-desc {
    font-size: 14px;
    line-height: 24px;
    color: #787878;
    margin-bottom: 20px
}

.kr-substance-timeline .timeline-list {
    margin-left: 5px;
    padding-top: 10px;
    border-left: 2px solid #f3f3f3
}

.kr-substance-timeline .timeline-list .list-item {
    position: relative;
    line-height: 22px;
    font-size: 16px;
    padding-left: 17px;
    padding-bottom: 27px
}

.kr-substance-timeline .timeline-list .list-item:after {
    content: " ";
    position: absolute;
    left: -7px;
    top: 5px;
    height: 4px;
    width: 4px;
    background-color: #fff;
    border: 4px solid #b3ccf4;
    border-radius: 50%
}

.kr-substance-timeline .timeline-list .list-item .timeline-time {
    color: #787878;
    margin-bottom: 10px
}

.kr-substance-timeline .timeline-list .list-item .timeline-msg {
    font-weight: 700;
    color: #262626;
    transition: .3s;
    display: block
}

.kr-substance-timeline .timeline-list .list-item .timeline-img {
    margin-top: 10px;
    transition: .5s
}

.kr-substance-timeline .timeline-list .list-item .timeline-img.small {
    max-width: 258px;
    max-height: 258px
}

.kr-substance-timeline .timeline-list .list-item .timeline-img.large {
    max-width: 630px;
    max-height: 630px
}

.kr-substance-timeline .timeline-list .list-item .timeline-link {
    display: flex;
    align-items: center;
    cursor: pointer
}

.kr-substance-timeline .timeline-list .list-item .timeline-link:hover {
    color: #0E68C9
}

.kr-substance-timeline .timeline-list .list-item .timeline-link:hover .link-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAvRJREFUWAntWE1o1EAUnpdWK8me2pMHT7Y38e5F0K6gglaLFkUEkbL4R0Ws0KaXhWJoRVSqlG0RPYi2trXtQVChu4I99ODNq9uLSr24e3Ez0KXd8U3tC2HRNZNkoMLm8uZ7yeR9+V7ezEsYqx91Bf5DBZJDbkfSKfWlhTB0029UDSDJiXU2KxgzFh3eJoToBgCEeg5lBYRgewX7rRzai0mHjyNJ0EMPVVC9cfNu02HAJmgekuxGkhldJJUJTnfBekurdR6ATfpIpg45fFQHydCpOT0lGgp59wUTrIuIAoPR7IB1lXAcVllBCiqV3L/POocFMkM+TPeVpOM+JByHDa0gBU+/F40flvhLJkQn+TD9I1k7cZ1wFBtaQQqaPgBrrS3mGUzvHPmw0ntwnbxPOIqNrCAFT42Jbcs/+DSmuYN8qOQ9VPIm4TA2NoIyOBbO9uJnPoMkj3lkwLibs81bHlYcRE6xPx4WTrm5zTyFhfPa84tKb7vDhz2sOIhVQYotlSzk+RwWzlHyMTCGUMl+DwccxKogxZRKNiXMTlTyLfmYqPS1O+5tDwccaCEoY7/pgdVdO82TWN3viAvuNPZBxx0kHMRqSbE/8IWnYseX7+5H3HH2eH4DLuf6rYyHawy0KVgjJsPmLHB7ptwP1gpcfU6q93WFz6PfUw9TPpi1rbHqa/+GtaX4yIhoKpf4PL53hyk4Fo2D5AYIB7FaCEpyqyU+uyWXGbkGln/yV35yAMadMGugVDhWBXVsdQ1B3oMg18hmYeXbRrNwnK6XzULOtnoJh7GxLDMbnUyBT/k7GQPYg6idjHygyARlw5ov8Ems1hOkkGxYF+zEDcJRbCSCktziEp/wd9MGwKO4umn5YKGLBAti6340SXLFvPvc/0VnMMgs2Oa1KOn801xlBTeVe4bkztINcfsaR3KXcKcIvMfS3H9Z5XewuMztKnKPdZGT5JUJYoV+QsUqcjLaJ0gupUM5ef/QB/1+0/GrIzSp+sS6ApoU+AXPfCNEk6M8QwAAAABJRU5ErkJggg==)
}

.kr-substance-timeline .timeline-list .list-item .timeline-link .link-arrow {
    margin-left: 10px;
    height: 18px;
    width: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAppJREFUWAntmMuKE0EUhifd4+VF3ImrvIPihVGRTgKuRGTGC6Ii3nClDKIyiAwSB3Gjo+n2NiBkmwcwK7fJAyTLZCtJ/A7TZyiCtF2VaoyQgvSp091V5+v/9KkusrS0aAsF/kMFGo3GCr+7k8kkKBp/2TaAwAH2lXEB/UP0L5ZKpYntPHnvt1YAoCMClwa4EMfxFudKeQPa3qeBco8Lw3Cdmz/qAFEQyHpRkE5PniRJOB6P3wNVVVBsvVqtXvadbmsFBSiKolEQBOfpJuKnbRUlN9XxZZ0U1OCtVmu51+tJus/pORTcRMlr6s9qZwKU4ALZ7/dj0n3WgHlZq9WuG75zd2ZAidxut/d1Op2Y7hklQckXKHlDfVfrBVCCC2S32/2EkisKA+QGkLfUd7FORfKnQOVy+ReFEwH1Xa8De5PCeaa+i/WmoAZnCdrPEvQFuJN6DuinKHlHfRvrHVCCp5DfgDyuMEA+AfKe+nltIYASvNlsHhgMBjt0jykMr8B6pVJ5oH4eWxigBGcJOsgStIOSRw2YxyxBDw0/s1sooEROIX8AeVhJUHINJevqZ1lvVZwVZPoasLm3Z9b7welgWb6RYlO9R6j3Omucea2wFPsqkkJSLHDD4VB23XsVLMuMbQWLkt4VlDVwNBoJ3AkJIG2WhdrrO5gu0J9h2oOjYp+jnNNXRB7OW4pls8AnLqFAT8nE0lBuA7jbu57b0UuK052MwJ1WDODmY7s11xtWgZvbLT8FEVKtH0hpZKT1FTuWK+r7sE5FInAUxLYJR79OQVz1AWXOYV0kqXLvmKSmE1EQW8CtYnN/Y3Xs36y1gqT1/hTcm6LgBN4aEJV+Mm4sg2lvgbtUhHK70zsejb/frF8Rx5CLYQsF/pkCvwF8MSEgYJMfdwAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: cover
}

.kr-plugin-comment .comment-part {
    font-size: 14px
}

.kr-plugin-comment .comment-part-title {
    margin-top: 40px;
    padding-bottom: 3px
}

.kr-plugin-comment .comment-input-content {
    border: 1px solid #ddd;
    border-radius: 2px;
    background: rgba(245, 247, 249, .8)
}

.kr-plugin-comment .comment-input-content .comment-input-wrapper {
    display: flex
}

.kr-plugin-comment .comment-input-content .comment-input-wrapper .comment-input-nologin {
    flex: 1;
    color: #a7a7a7;
    height: 110px;
    padding: 10px;
    background-color: #fefefe
}

.kr-plugin-comment .comment-input-content .comment-input-wrapper .comment-input {
    border: 0;
    resize: none;
    flex: 1;
    height: 110px;
    font-size: 14px;
    color: #333;
    padding: 10px
}

.kr-plugin-comment .comment-input-content .comment-input-wrapper .comment-input::-webkit-input-placeholder {
    color: #a7a7a7
}

.kr-plugin-comment .comment-input-content .comment-input-wrapper .comment-input::-moz-placeholder {
    color: #a7a7a7
}

.kr-plugin-comment .comment-input-content .comment-input-wrapper .comment-input::-ms-input-placeholder {
    color: #a7a7a7
}

.kr-plugin-comment .comment-input-content .comment-control {
    height: 50px;
    padding: 10px;
    line-height: 30px
}

.kr-plugin-comment .comment-input-content .comment-control-nologin {
    float: left
}

.kr-plugin-comment .comment-input-content .comment-control-nologin .login-link {
    color: #db9b08;
    cursor: pointer
}

.kr-plugin-comment .comment-input-content .comment-control-user {
    position: relative;
    float: left;
    height: 30px;
    color: #db9b08;
    padding-left: 40px;
    margin-right: 30px
}

.kr-plugin-comment .comment-input-content .comment-control-user .user-avatar {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: no-repeat 50% #fff;
    background-size: cover
}

.kr-plugin-comment .comment-input-content .comment-control-user-reply {
    position: relative;
    float: left;
    height: 30px;
    color: #db9b08;
    background-color: #e1e9f6;
    padding: 0 60px 0 10px;
    border-radius: 2px
}

.kr-plugin-comment .comment-input-content .comment-control-user-reply .reply-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA2hJREFUSA3tVVtIFGEU/s/MbOvOSJQhJNmFLi89VBRlSt52tg2xhwgsQoMgDPIhykBdfRHCXQskiIog6iGiIC0KMmtztTS6YQUFgUS9BFFIdmFn1svunM6/OTHNXh96EdqXc/u+8/3nzD+zjP3/zfYNgH0Ar18vijLsAQZXQq1ys72eTaz69UZEbJAEtjvoU15YOYI14H6MYQFDLEQ0mlR/uMtezxQTp4m4xMMVBoNldnyCYKhVuSkwOMeBiKzR7deO2UmpYrdfP0yc47zOe/T75Ot2bMJKOYDWAZ6Afp7sfh4DQBsdxM/9VD81oDWggWd4nfAXSKyeLNrxCRPOELDUJx+g53iJxyTc4enQj9jJZuzxa/U02Wkec06cm0Tsd91kJbHtiMJQQLvMkO2JlwU4OOBT4us24e5AeB9DuEinIi12tcyn1LUDGGbdbpNOaII4ccFKZS+tpieeQ3Y2LjADUAORWjDgAhfjGI5NJ8ZpSZ/hTL8/pn0QpeEnejetdgeNQaeHWiIaCHiFciKJ3SwtlmvaKyH6h5TCyUqQc2uu4Zzxd/oNZFhNgjONUaID9Oatknd274KpFBp/pbMW5KyqU+icDOsPaYVF8S4Az5y5cnnfIZj8q2uaIO0ztPOimlZOJ1xn5rnPc2acjc16Qm8g4o6icZumc9EaH/HmtN4t9NJFJBC2B32ugX8m6O2MlMViRh8JyCT2VJFk77SLwVRY76dLs5FyuigKVcEW11Am0YwTejv1kmgM79E8udR4BETZ098CP3jj6gDOj6A+SFOvpYsUlkTYFmyRH6cTTSvoPq5vgqhxn75Pc+nqv8oBWe31wTdrwyo/5k8x7QF9aVZTs58oCVsHmuXnVozVTynoPqGtZ9MYIvA8APaGMaUy1ApfrWTT33ZSK5iOsCGadCXlvjMHqANNykuzbrVJBdWOyTWMTQ/SZHkk9nYOUyr6WmHMSrT73i59cXQCh2n1S6npOGOOylCb87UdlyDo6YwsMYzYCF3BfAKP5jhYxZ2m3M92YrLYE5hYjkZsiC7XIvqGjUlOYUPwqPzRik18D42Y+lsM3osSuLMV4037fTkfHJKo0la+8B6xKVZiFeN+gmBhgXIVBLHOCXLx/Wblk52QKb7bnDPqAHEzo3+WxQtdtzLh/9dn3wZ+AQ3jP9VhQ3yRAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 14px;
    cursor: pointer;
    transition: all .5s
}

.kr-plugin-comment .comment-input-content .comment-control-user-reply .reply-close:hover {
    transform: rotate(180deg)
}

.kr-plugin-comment .comment-input-content .comment-control-submit {
    float: right;
    height: 30px;
    padding: 0 12px;
    color: #fff;
    background-color: #db9b08;
    border-radius: 1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.kr-plugin-comment .comment-input-content .comment-control-submit.disable {
    background: #d4d6d9;
    cursor: default
}

.kr-plugin-comment .comment-input-content .comment-control-submit.disable:hover:after {
    content: "";
    display: block;
    height: 0
}

.kr-plugin-comment .comment-input-content .comment-control-submit span {
    z-index: 2;
    position: relative
}

.kr-plugin-comment .comment-input-content .comment-control-submit:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .12);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.kr-plugin-comment .comment-input-content .length-tip {
    float: right;
    padding-right: 10px;
    color: #787878;
    font-size: 14px
}

.kr-plugin-comment .comment-input-content .length-tip.disable {
    color: #f95355
}

.kr-plugin-comment .comment-err-tip {
    color: red
}

.kr-plugin-comment .comment-input-warn {
    color: #787878;
    padding-top: 10px
}

.kr-plugin-comment .comment-list .comment-list-item {
    position: relative;
    padding: 14px 0 16px;
    margin-left: 50px;
    border-bottom: 1px solid #ddd
}

.kr-plugin-comment .comment-list .comment-list-item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.kr-plugin-comment .comment-list .comment-list-item .item-left {
    position: absolute;
    left: -50px;
    top: 17px;
    width: 40px
}

.kr-plugin-comment .comment-list .comment-list-item .item-left .item-avatar {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.kr-plugin-comment .comment-list .comment-list-item .item-right {
    color: #262626
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-user {
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-name {
    font-size: 14px
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-name .author {
    display: inline-block;
    font-size: 12px;
    height: 16px;
    line-height: 14px;
    padding: 0 5px;
    margin-left: 2px;
    color: #db9b08;
    background-color: #f0f6ff;
    border: 1px solid #db9b08;
    border-radius: 2px
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-time {
    color: #a7a7a7
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-right {
    float: right
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-right .item-user-like {
    display: inline;
    margin-right: 10px;
    padding-left: 24px;
    color: #f95355;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAArZJREFUaAXtWE9rE0EUf2+TTXKqtYiioigiUihCEQRBv0CvyWa154IHj9485QP4Bcy1sSZdKl4UpGjNSS0e1PjnIh4KehEFRQvZze7zbWRhLZudWXcrI85CmMn7//vNvBc2APrRDGgGNAOagRwMYA5faVeyrKM+GfOludm72GqNpB0lDA0Jm1wmrmWd9QgHPgV3vMHrDrVaheYsNNhOpFz8GQjgPhFNhToCsL1Xb27stMvzfdcAuPWL80C4zkVPxwtkMEtuo3k9Lsuz3xUAw/ql0wD+Ohe7N6k4ll/1Gs1rSbqsssKbeGjbc+jTBhe5L60YTrxtGjCFjuOn2Yl0hZ4A2fYsjoIHouLHRSHezlt8GKcsQiir51F5yvWDh2y/X+SDCH3z4IElkZ2MvpArRIuLJ1139AiIDomScvEDE+ECs/9VZCujzw2Ar80JZr7PM/KwMCHCVqVcOofd7kehraSBEMCw3myGsSrV8jNcWXkfj8vX5rgbYJ8n/JG4PGnPzH8xS8Z57PXeJun/VCbRA9QLg3ued5mXdjwR/8JekSk+9CHCJ65P9rAx5iMeZuK+ZMBmeXX13kQDVkgASHPPoqMFvmYLWTwCn3Fb1jHul61JfoWO0UlJcsi/Q632Oc1fdQAdXF7+8e8CMH7vuSQgyp4AT63NiuM8Tyo6LlMWAKCY/RDIX5xCcd7S94j4zaxVu+lWv7RqngDRTVHzRuDUBFA2pN/alAMwbt5e70XEsGhVDgC/hkqzH4JTqonHzTszLdW80cmodgIdbLe3o+JkVqUAEJUyXZ8QoDIAuHmfVtduvZRhPW6jDADmMjP7ypwAs//JnNkzfnGKsyuzzzWFEGmNx947mUQTbQwKTNPcyNq8UTwxAAP4XzYAE+BD5BStpuM85n340Y9mQDOgGdAMaAY0A/8lAz8Bc5fA/BF5WqMAAAAASUVORK5CYII=) no-repeat 0;
    background-size: 22px
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-right .item-user-like.item-user-unlike {
    color: #787878;
    background-image: url(//static.36krcdn.com/36kr-web/static/dislike.a061c4d4.png)
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-right .item-user-reply {
    color: #db9b08;
    cursor: pointer
}

.kr-plugin-comment .comment-list .comment-list-item .item-right .item-text {
    white-space: pre-line
}

.kr-plugin-comment .comment-list-reply {
    position: relative;
    margin-top: 15px;
    background-color: #edf1f4;
    border-radius: 2px
}

.kr-plugin-comment .comment-list-reply:before {
    content: " ";
    display: block;
    position: absolute;
    left: 14px;
    top: 0;
    height: 40px;
    width: 40px;
    background-color: #edf1f4;
    transform: rotate(45deg)
}

.kr-plugin-comment .comment-list-reply .comment-list-ul {
    padding: 0 15px
}

.kr-plugin-comment .comment-list-reply .comment-list-item {
    margin-left: 0;
    border-bottom: 1px dotted #ddd
}

.kr-plugin-comment .comment-list-reply .comment-list-item:last-of-type {
    padding-bottom: 20px
}

.kr-plugin-comment .comment-list-reply .comment-list-item .item-reply-user {
    color: #787878
}

.kr-plugin-comment .comment-list-reply .more-reply {
    height: 40px;
    line-height: 39px;
    text-align: center;
    color: #787878;
    cursor: pointer;
    border-top: 1px solid #ddd
}

.kr-plugin-comment .loadmore-wraper {
    padding-top: 20px
}

.kr-plugin-comment .loadmore-wraper .loadmore {
    font-size: 14px;
    color: #db9b08;
    text-align: center;
    width: 140px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #db9b08;
    border-radius: 2px;
    margin: 0 auto;
    transition: .5s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kr-column-title {
    height: 28px;
    line-height: 28px
}

.kr-column-title .kr-column-title-icon {
    display: inline-block;
    padding: 7px;
    background: url(/assets/img/home.png) no-repeat;
    background-size: 246px 1012px;
    background-position: 0 -125px
}

.kr-column-title .kr-column-title-text {
    font-size: 20px;
    color: #262626;
    padding-left: 4px
}

.kr-substance-theme .substance-theme-title {
    line-height: 25px;
    padding: 10px 0;
    font-size: 18px;
    color: #262626;
    font-weight: 700
}

.kr-substance-theme .substance-theme-desc {
    line-height: 24px;
    font-size: 14px;
    color: #787878;
    margin-bottom: 20px
}

.kr-substance-custom-photo {
    width: 100%;
    margin-top: 10px
}

.kr-substance-custom-photo .describe {
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 20px;
    margin: 10px auto
}

.kr-substance-custom-photo img {
    width: 100%;
    display: block
}

.kr-substance-custom-word {
    width: 100%;
    margin-top: 10px
}

.kr-substance-custom-word .title {
    font-size: 18px;
    color: #262626;
    letter-spacing: 0;
    text-align: justify;
    line-height: 25px;
    padding-bottom: 10px;
    font-weight: 500
}

.kr-substance-custom-word .describe {
    font-size: 14px;
    color: #787878;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    white-space: pre-line
}

.kr-substance-custom-word a {
    font-size: 14px;
    color: #0E68C9;
    letter-spacing: 0;
    text-align: justify;
    position: relative;
    padding-left: 19px
}

.kr-substance-custom-word a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA19JREFUSA3tlkFIVFEUhs/15UxRGFpRQUEQRUHNI3FRFGW4iBZpIIpU1ELTfREJIfPERZoUbTVbVCCoRDktokWFQdRiimYCLSIIEjQqIylqRqfb+d/MeT5fM+OMtoouzDv3nXvu+e6599wzj+hfb+pvBFhpvSwjSpxhX6X8W0WkIor03dVrzYvdTWrKzVgQUGutKlujbey8WWsy3I7RV0pFWVsbajFfy1iBdPKVgFW1Rq+Q1ucAU4oSDHjAlD6Wo/DHNgFKUH9jly4U//MCCoxlve1IqXFNak/IMivuWGadv6hkM4NvCPTDWOT0vIHpYD5S+xn0VJwOnFr/Y3FRSZMTKamDMpZXhJlgN63AK3EoElBN9Dj5rk3R5wXkBOl2byMiSwcT55yRnLF2+yi6nIFVVuQ4Z0GDPZHPbC7YISuyk23LU6DnKUk5AY+cjxb/IrpsT1JqQmA1/dqobhveJM5EVlvRLdy/xbtRgOwlMjplLCfg9xjt4uiKMYkToRnbCFhsONIbT8TDh62RDeIQsDjph2y/BjrO3vaQtT0s4xmBSJCa9rfL7Ulq5tD92rgHXWwkeozvXy17LEpQvEccTpHuEBgv7mooGGiRMci0QMnGeOzbXttYq88yKUHTK9EPBc1ruOTJcV2RLG9400N4AjYYDJxkyck60/4ACoxlPf9S56OcQ58mQs20G5ePC9JnEOooQG8ywTA+C+iGYZCn78NzMLjtGXu6jz7b1NkZy32DFn2Czm5Kr4D0+Zc9ShdZ0sgDRCFGZEkHaryQ1Fn0sS0G+RpI0SRnXf8OCvRCH1OJA5BoSqsI5EDzxq/ebYRemhMhzgBV3x5Ic89uW1vf+QxfWSmZRy1LTSMbeXEdKfsvS/30RJxmk87fU6X1og9Zh3uDQuyujV4H3tTny3Zi0DKve+3SvTsR8qB96Lw5Q/nAeL97coVhAW6gXfc4h526512hNzJkI9+zRq9dtncXMHnovMe7ay69X+KdlA6WLRu98+XdAeIbBEpOhHU/Jye63FAUYne5ynbPxHEm6SQNPgPGx6JhBgZgzE5H8X/GBtjqctbbi1sIzPaLhzRsG9dCztYkVPSQqextR21k6Kxy5babq+9EKIaIFN8gfDX4s8Au2kgiLm1Gp7vqi/1/6d2B39nkmQJFxGAlAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateY(-50%)
}

.preview-bar-box {
    width: 100%;
    height: 40px;
    background-color: #fdedd3;
    font-size: 14px;
    color: #f67f23;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    margin-bottom: 20px;
    border-radius: 2px
}