﻿.light__DLlgX {
    position: absolute;
    right: 32px
}

.backtop__I9kSi {
    cursor: pointer;
    background-size: 100%
}

.backtop__I9kSi .ant-back-top {
    right: 32px !important;
    width: 50px;
    height: 50px;
    background: #f8f9f9;
    box-shadow: 2px 2px 4px 0 #dee4e6, -2px -2px 4px 0 #fff;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    color: #666
}

.backtop__I9kSi .ant-back-top:hover {
    font-weight: 700;
    color: #000
}

.feedBack__fy2X8 {
    width: 50px;
    cursor: pointer;
    position: fixed;
    bottom: 110px;
    right: 32px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    z-index: 999;
    text-align: center;
    border-radius: 2px;
    background: #f8f9f9;
    box-shadow: 2px 2px 4px 0 #dee4e6, -2px -2px 4px 0 #fff;
    padding: 12px 0
}

.feedBack__fy2X8 .feedbackRed__QU65C {
    position: relative;
    right: 0
}

.feedBack__fy2X8 .feedbackRed__QU65C .nums__W7anS {
    position: absolute;
    background: linear-gradient(270deg, #fc7157, #f11914);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    border-radius: 5px 5px 5px 0;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    padding: 1px 8px;
    top: -27px;
    left: 46px
}

.feedBack__fy2X8 .feedIcon__RRO5K {
    height: 24px;
    width: 24px;
    margin: 0 auto;
    background: url(../../images/icon_feedback.bc7e6a96.png) no-repeat 50%;
    background-size: 24px 24px;
    background-size: cover
}

.feedBack__fy2X8 span {
    display: block
}

.feedBack__fy2X8:hover {
    font-weight: 700
}

.feedBack__fy2X8:hover .feedIcon__RRO5K {
    background: url(../../images/icon_feedback_active.8f775504.png) no-repeat 50%;
    background-size: 24px 24px;
    background-size: cover
}

.black__aJ9zO .feedBack__fy2X8 {
    background: #20272e;
    box-shadow: 2px 2px 4px 0 rgba(15, 23, 31, .7), -2px -2px 4px 0 rgba(48, 58, 68, .7);
    color: #96a5b4;
    border: none
}

.black__aJ9zO .feedBack__fy2X8 .feedIcon__RRO5K {
    height: 24px;
    width: 24px;
    margin: 0 auto;
    background: url(../../images/icon_feedback_black.bf564b1c.png) no-repeat 50%;
    background-size: 24px 24px;
    background-size: cover
}

.black__aJ9zO .feedBack__fy2X8:hover .feedIcon__RRO5K {
    background: url(../../images/icon_feedback_white.ee228d73.png) no-repeat 50%;
    background-size: 24px 24px;
    background-size: cover
}

.black__aJ9zO .feedBack__fy2X8:hover span {
    color: #fff;
    font-weight: 700
}

.black__aJ9zO .backtop__I9kSi .ant-back-top {
    border: none;
    background: #20272e;
    box-shadow: 2px 2px 4px 0 rgba(15, 23, 31, .7), -2px -2px 4px 0 rgba(48, 58, 68, .7);
    color: #96a5b4
}

.black__aJ9zO .backtop__I9kSi .ant-back-top:hover {
    font-weight: 700;
    color: #fff
}

.topPicImg__draYB {
    width: 100%;
    text-align: center;
    height: 650px;
    overflow: hidden
}

.topPicImg__draYB img {
    max-width: 100%;
    object-fit: cover
}

.container__zfO7K {
    display: flex;
    max-width: 1260px;
    padding: 20px 0;
    margin: 10px auto 0;
    justify-content: space-between
}

.container__zfO7K.noRightSiderContainer__Xnsdz {
    display: block;
    min-width: 1160px
}

.container__zfO7K .leftcontent__XcRTe {
    flex: 1;
    max-width: 1020px;
    margin-right: 20px;
    padding-right: 20px;
    box-sizing: content-box
}

.container__zfO7K .leftcontent__XcRTe.noBorder__ghkaB {
    border: none
}

.container__zfO7K .leftcontent__XcRTe.noRightSider__Mv4hz {
    border-right: none;
    max-width: none;
    min-width: 1260px;
    margin-right: 0;
    padding-right: 0
}

.costomComment__XAR1T .ant-comment-actions>li {
    display: block
}

.costomComment__XAR1T .ant-comment-actions {
    margin-top: 0
}

.costomComment__XAR1T .ant-comment-content {
    border-bottom: 1px solid #202c38;
    padding-bottom: 16px
}

.costomComment__XAR1T .ant-comment-content-author {
    margin-bottom: 6px
}

.commentEditorWrapper__XAgKp {
    position: relative
}

.commentEditorWrapper__XAgKp .customTextarea__RBZKG .ant-input {
    padding: 8px;
    background: #1a2226;
    box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, .3);
    color: #ccc
}

.commentEditorWrapper__XAgKp .customTextarea__RBZKG .ant-input::placeholder {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #5a646e
}

.commentEditorWrapper__XAgKp .customTextarea__RBZKG:after {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 18px;
    margin-top: 14px;
    margin-right: 66px
}

.commentEditorWrapper__XAgKp .submit__kqkl5 {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #fff;
    line-height: 18px;
    padding: 3px 13px;
    cursor: pointer;
    background: linear-gradient(135deg, #00d9ff, #00a5eb)
}

.commentNum__cE6Wn {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px;
    margin-bottom: 9px
}

.commentNumSpan__K1b3n {
    font-size: 14px;
    display: inline-block;
    margin-left: 8px
}

.title__G3bWW {
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 21px
}

.open__ZzAc0 {
    font-family: MicrosoftYaHei;
    color: #96a5b4
}

.stopBox__vaTPl {
    width: 40px;
    display: inline-block
}

.stop__o7JGv {
    position: absolute;
    right: 0;
    bottom: 0
}

.icon__a_9Uu {
    font-size: 10px;
    margin-left: 2px
}

.avatar__yTDzm {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #dee4e6;
    box-shadow: inset 1px 1px 1px 0 #7491a0
}

.avatar__yTDzm img {
    width: 100%;
    height: 100%
}

.author__MJ6WQ {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #ccc;
    line-height: 18px
}

.author__MJ6WQ:hover {
    color: #ccc
}

.contentWrapper__BGMS8 {
    padding: 8px
}

.content__fSTSD {
    width: 100%;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #ccc !important;
    line-height: 21px;
    position: relative;
    margin-bottom: 0 !important
}

.actionsBox__hRSSI {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px
}

.actionsBox__hRSSI .like__Lfdg_ {
    border-radius: 50px;
    padding-left: 22px;
    position: relative
}

.actionsBox__hRSSI .like__Lfdg_:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url(../../images/like_96A5B4.f06e8ccd.png) no-repeat 50%/cover
}

.hotCommentWrapper__E2u_9 {
    padding-bottom: 40px
}

.replyCommentEditor__FyvjN {
    padding: 8px
}

.replyWrapper__1i2CZ {
    margin-top: 4px;
    background: #202c38
}

.replyCommentReset__Wkh48 {
    margin-top: 8px
}

.replyCommentReset__Wkh48 .ant-comment-content {
    border-bottom: none !important;
    padding-bottom: 0
}

.replyCommentReset__Wkh48 .ant-comment-inner {
    padding: 0
}

.err__viE_2,
.lodaing__klixU {
    text-align: center
}

.err__viE_2 {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #5a646e;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px
}

.err__viE_2 span {
    width: 18px;
    height: 18px;
    background: url(../../images/icon_shuaxin.c18cda4c.png) no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    margin-right: 5px
}

.openBtn__e1CkL {
    display: inline-block;
    padding: 3px 0 8px 8px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #ccc;
    line-height: 18px;
    cursor: pointer
}

.wrapper__X0Ce8.light__prjla .replyWrapper__1i2CZ {
    background: #f0f0f0
}

.wrapper__X0Ce8.light__prjla .costomComment__XAR1T .ant-comment-content {
    border-bottom: 1px solid #f0f0f0
}

.wrapper__X0Ce8.light__prjla .commentNum__cE6Wn {
    color: #333
}

.wrapper__X0Ce8.light__prjla .commentNumSpan__K1b3n {
    color: #999
}

.wrapper__X0Ce8.light__prjla .commentEditorWrapper__XAgKp {
    position: relative
}

.wrapper__X0Ce8.light__prjla .commentEditorWrapper__XAgKp .customTextarea__RBZKG .ant-input {
    background: #f6f6f6;
    box-shadow: inset 1px 1px 2px 0 #dee4e6;
    color: #333
}

.wrapper__X0Ce8.light__prjla .commentEditorWrapper__XAgKp .customTextarea__RBZKG .ant-input::placeholder {
    color: #ccc
}

.wrapper__X0Ce8.light__prjla .commentEditorWrapper__XAgKp .customTextarea__RBZKG:after {
    color: #999
}

.wrapper__X0Ce8.light__prjla .actionsBox__hRSSI {
    color: #999 !important
}

.wrapper__X0Ce8.light__prjla .actionsBox__hRSSI .like__Lfdg_:before {
    background: url(../../images/like_999.38416769.png) no-repeat 50%/cover
}

.wrapper__X0Ce8.light__prjla .author__MJ6WQ,
.wrapper__X0Ce8.light__prjla .content__fSTSD,
.wrapper__X0Ce8.light__prjla .title__G3bWW {
    color: #333 !important
}

.wrapper__X0Ce8.light__prjla .err__viE_2 {
    color: #999
}

.wrapper__X0Ce8.light__prjla .replyCommentReset__Wkh48 .content__fSTSD {
    color: #666 !important
}

.wrapper__X0Ce8.light__prjla .replyCommentReset__Wkh48 .content__fSTSD a {
    color: #00a5eb
}

.wrapper__X0Ce8.light__prjla .openBtn__e1CkL {
    color: #333
}

.authorIcon__RKIju {
    position: relative;
    margin-left: 4px;
    padding-right: 36px
}

.authorIcon__RKIju:after {
    content: "作者";
    position: absolute;
    top: 1px;
    right: 0;
    line-height: 15px;
    font-size: 12.5px;
    transform: scale(.8);
    border: 1px solid #00a5eb;
    padding: 1px 4px;
    color: #00a5eb
}

.replyWrapperPadding__AekVL {
    padding: 4px 8px
}

.replyWrapperPadding__AekVL:first-child {
    padding-top: 8px
}

.newPadding__bMBh3 {
    padding-bottom: 0
}

.replyActions__XUU_U {
    padding: 8px
}

.replyActions__XUU_U:first-child {
    padding-top: 4px
}

.praise___ydcy {
    display: inline-block;
    min-width: 16px;
    min-height: 16px
}

.praise___ydcy .spirit__efKU5 {
    width: 16px;
    background: url(../../images/leftbar_like.c105e39c.png) no-repeat 50%/cover;
    display: inline-block;
    cursor: pointer
}

.praise___ydcy .already__uId5M {
    background: url(../../images/icon_30x30_leftbar_like_00d9ff-00a5eb@2x.f9e41332.png) no-repeat 50%/cover
}

.praise___ydcy .num__JiXrv {
    margin-left: 8px;
    min-width: 8px
}

.collection__Ne4ma {
    margin-right: 10px;
    position: relative;
    padding-left: 22px;
    cursor: pointer
}

.collection__Ne4ma:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url(../../images/collection_96A5B4.44c308cd.png) no-repeat 50%/cover
}

.collection__Ne4ma.collectionActive__X7s14:before {
    background: url(../../images/collection__00d9ff-00a5eb@2x.c4af45ba.png) no-repeat 50%/cover
}

.praise__dCgq6 {
    display: flex;
    align-items: center
}

.praise__dCgq6.wrapActive__jQRTy {
    color: #00a5eb
}

.praise__dCgq6.wrapCandleActive__eyF31 {
    color: #faa014 !important
}

.praise__dCgq6.wrapCandleActive__eyF31 .mymove__tFUJQ {
    color: #faa014
}

.praise__dCgq6.isBlack__AnN_H {
    color: #96a5b4
}

.praise__dCgq6.isBlack__AnN_H .spirit__AzV7P {
    background: url(../../images/leftbar_like.c105e39c.png) no-repeat 50%/cover
}

.praise__dCgq6.isBlack__AnN_H .candle__jqU5V {
    background: url(../../images/icon_30x30_leftbar_candle_96A5B4@2x.c40e80d3.png) no-repeat 50%/cover
}

.praise__dCgq6.isBlack__AnN_H .pray__ypgk_ {
    background: url(../../images/icon_30x30_leftbar_pray_96A5B4@2x.5223e855.png) no-repeat 50%/cover
}

.praise__dCgq6.isBlack__AnN_H.wrapActive__jQRTy {
    color: #00a5eb
}

.praise__dCgq6.isBlack__AnN_H.wrapActive__jQRTy .spirit__AzV7P {
    background: url(../../images/icon_30x30_leftbar_like_00d9ff-00a5eb@2x.f9e41332.png) no-repeat 50%/cover
}

.praise__dCgq6.isBlack__AnN_H.wrapActive__jQRTy .candleActive__zJGC8 {
    background: url(../../images/candle_18_selected@2x.b4cb6779.png) no-repeat 50%/cover !important
}

.praise__dCgq6.isBlack__AnN_H.wrapActive__jQRTy .prayActive__IJbjw {
    background: url(../../images/pray_18_selected@2x.d9937c11.png) no-repeat 50%/cover !important
}

.spirit__AzV7P {
    width: 18px;
    height: 18px;
    background: url(../../images/icon_30x30_leftbar_like_333333@2x.90b56315.png) no-repeat 50%/cover;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.already__UlvaJ {
    background: url(../../images/icon_30x30_leftbar_like_00d9ff-00a5eb@2x.f9e41332.png) no-repeat 50%/cover !important
}

.candle__jqU5V {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAAXNSR0IArs4c6QAAAThQTFRFAAAAAAAAQEBAMzMzKioqICAgQEBAMzMzLi4uNzc3MzMzLS0tLi4uNzc3MzMzMTExNTU1MzMzMzMzNzc3NTU1MDAwNDQ0MzMzMjIyNDQ0NTU1NDQ0MzMzMjIyMTExMzMzMjIyNDQ0MzMzMjIyMjIyMjIyNDQ0MjIyMzMzMzMzMzMzMjIyNDQ0MzMzMzMzMzMzMzMzMzMzMjIyMzMzMzMzMjIyMzMzMjIyNDQ0MjIyMzMzMzMzMzMzMzMzMjIyMzMzMjIyMzMzMzMzMjIyNDQ0MjIyMjIyMzMzMzMzMzMzMzMzMjIyNDQ0MzMzMzMzMzMzMzMzMzMzMjIyMzMzMzMzMzMzMzMzMzMzMjIyMjIyMzMzMzMzMjIyMzMzMzMzMjIyMzMzMzMzMjIyMzMzMzMzMzMzMzMzMzMzkgkPfgAAAGd0Uk5TAAEEBQYICAoLDg8RFhcZGh0eKCorMDEyPUBERUZHSUtMT1BSV1xeZ2hvc3V1d3h5fH1/gYKJi46Pk5aam5yipaeqq62ts7a9vr/ExcbHydHT1NXZ4OHi4+Tp6uvu7/Lz9vf4+fv8/vEEIdYAAAERSURBVDjLY2AgC0hFGrAToYzRPT1Ulgh1GukhacaElZmk8dikWxBSJRDpzcBglq6GX5VwRKw40IEeUXj9wR0WJgSiZdMV8SkzTxED01zpuviUhTtBTU3XwqcswZSBw9BWgkE6XQ6fMn9PTr/UmBQlu3i8XtBOD0yW5/BJTLLEGx6sQSnKQJcFxPHjiEppfRU+IC0Ijk9+GbAgn4qePKoyh/T09LRga1VBmICgqnVwWnpauj2yKtl0XTZRTefo9PRIXzdHRzffyPT0aGdNURaddAUkZQbpTGCrRdSt3Lz8/b3cXNNVGUEizOkGSMqM0tHcKpkuCWGkGw06ZbwuvMQog4Php8wAB0BThhMYMYwCLAAAt29HDaRYxnUAAAAASUVORK5CYII=) no-repeat 50%/cover
}

.already__UlvaJ.candleActive__zJGC8 {
    background: url(../../images/candle_18_selected@2x.b4cb6779.png) no-repeat 50%/cover !important
}

.pray__ypgk_ {
    background: url(../../images/pray_18_default@2x.c08a8d66.png) no-repeat 50%/cover
}

.already__UlvaJ.prayActive__IJbjw {
    background: url(../../images/pray_18_selected@2x.d9937c11.png) no-repeat 50%/cover !important
}

.num__gTvmf {
    margin-left: 8px;
    min-width: 10px
}

.mymove__tFUJQ {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -80%);
    color: #00a5eb;
    font-size: 13px;
    opacity: 0
}

.mymoveActive__DKCVj {
    animation: mymove__tFUJQ 1s;
    animation-iteration-count: 1
}

@keyframes mymove__tFUJQ {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate(-50%, -120%)
    }
}

.rightLayout__xHtFY {
    flex: 0 0 240px;
    width: 240px
}

.rightLayout__xHtFY.horizontal__wh7wy {
    flex: 1;
    width: 100%
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP {
    max-height: inherit;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .relatedSuggestionLi__gPri3 {
    margin: 0 1px 0 12px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    transition: transform .3s
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .relatedSuggestionLi__gPri3:first-of-type {
    margin-left: 1px
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .relatedSuggestionLi__gPri3:hover {
    transform: translateY(-2px)
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .imgBox__ueUv6 {
    width: 218px;
    height: 122px
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .imgBox__ueUv6 img {
    object-fit: cover
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .contentBox__pllTi {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    max-width: 218px
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .title__ElJkc {
    font-weight: 700
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .moreContent__bZk8e .seeMoreTag__o4Dic {
    color: #fff
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestionList__YgPSP .moreContent__bZk8e .seeMore__gCWYl:first-child {
    margin-left: 0
}

.rightLayout__xHtFY.horizontal__wh7wy .tags__t0juk {
    margin-left: 38px
}

.rightLayout__xHtFY.horizontal__wh7wy .relatedSuggestion__HA8cU {
    padding-left: 38px
}

.rightLayout__xHtFY.light__TTzHn .relatedSuggestionList__YgPSP .relatedSuggestionLi__gPri3 {
    box-shadow: 0 0 1px 1px #f0f0f0
}

.rightLayout__xHtFY.light__TTzHn .relatedSuggestionList__YgPSP .relatedSuggestionLi__gPri3:first-child {
    color: #96a5b4
}

.rightLayout__xHtFY.light__TTzHn .relatedSuggestionList__YgPSP .relatedSuggestionLi__gPri3:hover {
    background: #fff;
    box-shadow: 2px 2px 4px 0 #dee4e6, -2px -2px 4px 0 #fff
}

.rightLayout__xHtFY.light__TTzHn .relatedSuggestionList__YgPSP .title__ElJkc {
    color: #000
}

.rightLayout__xHtFY.light__TTzHn .relatedSuggestionList__YgPSP .moreContent__bZk8e {
    color: #666
}

.rightLayout__xHtFY.light__TTzHn .relatedSuggestionList__YgPSP .moreContent__bZk8e .seeMoreTag__o4Dic {
    color: #000
}

.rightLayout__xHtFY.light__TTzHn .relatedSuggestionList__YgPSP .moreContent__bZk8e .seeMore__gCWYl:first-child {
    color: #96a5b4
}

.rightLayout__xHtFY.light__TTzHn .headerBox__TDUyW .relatedSuggestion__HA8cU {
    color: #333;
    padding-left: 38px
}

.rightLayout__xHtFY.light__TTzHn .tags__t0juk .tag__MoVAJ {
    color: #333;
    background: #f8f9f9;
    box-shadow: 1px 1px 2px 0 #dee4e6, -1px -1px 2px 0 #fff
}

.rightLayout__xHtFY.light__TTzHn .leftIcon__JFGD9 {
    background: url(../../images/icon_30x30_arrow_left_333333@2x.ad55dec4.png) no-repeat 50%/cover
}

.rightLayout__xHtFY.light__TTzHn .rightIcon__lEdzE {
    background: url(../../images/icon_30x30_arrow_right_333333@2x.4bca2a3c.png) no-repeat 50%/cover
}

.rightLayout__xHtFY .headerBox__TDUyW {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rightLayout__xHtFY .headerBox__TDUyW .relatedSuggestion__HA8cU {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px
}

.rightLayout__xHtFY .headerBox__TDUyW .more__joRb6 {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #5a646e;
    line-height: 18px
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP {
    margin-bottom: 16px;
    margin-top: 16px;
    max-height: 690px;
    overflow-y: auto;
    padding-right: 4px
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .relatedSuggestionLi__gPri3 {
    padding: 8px;
    box-shadow: 0 0 1px 1px #1a2226;
    margin: 1px 1px 12px;
    transition: box-shadow .3s
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .relatedSuggestionLi__gPri3:hover {
    background: #202c38;
    box-shadow: 2px 2px 4px 0 rgba(15, 23, 31, .7), -2px -2px 4px 0 rgba(48, 58, 68, .7);
    border-radius: 4px
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .imgBox__ueUv6 {
    width: 100%;
    flex: 0 0 122px;
    min-height: 120px;
    position: relative;
    background: url(../../images/default_bottom.189f36c0.png) no-repeat 50%/cover
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .imgBox__ueUv6 img {
    width: 100%;
    height: 100%;
    min-height: 120px;
    object-fit: cover
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .title__ElJkc {
    font-size: 15px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    margin-top: 8px
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .moreContent__bZk8e {
    margin-top: 16px;
    font-size: 12px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 21px
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .moreContent__bZk8e .seeMoreTag__o4Dic {
    color: #fff
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .moreContent__bZk8e .seeMore__gCWYl {
    margin-left: 10px;
    color: #96a5b4;
    font-weight: inherit
}

.rightLayout__xHtFY .relatedSuggestionList__YgPSP .moreContent__bZk8e .seeMore__gCWYl:first-child {
    margin-left: 0;
    color: #fff
}

.rightLayout__xHtFY .tags__t0juk {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 16px
}

.rightLayout__xHtFY .tags__t0juk .tag__MoVAJ {
    background: #27303e;
    box-shadow: 1px 1px 2px 0 #0f171f, -1px -1px 2px 0 rgba(48, 58, 68, .7);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 21px;
    padding: 5px 12px
}

.rightLayout__xHtFY .tagA__y3d0W {
    display: flex;
    margin-right: 21px;
    margin-bottom: 12px
}

.listWrap__QnIqs {
    display: flex;
    flex-direction: row;
    align-items: center
}

.listWrap__QnIqs .ant-carousel {
    width: 734px
}

.listWrap__QnIqs .slick-track {
    display: flex;
    padding: 1px 0
}

.listWrap__QnIqs .slick-slide {
    height: auto;
    margin-right: 12px
}

.listWrap__QnIqs .slick-slide>div {
    height: 100%
}

.listWrap__QnIqs .ant-carousel .slick-list .slick-slide {
    pointer-events: auto
}

.listWrap__QnIqs .relatedSuggestionLi__gPri3 {
    height: 100%
}

.listWrap__QnIqs .leftIcon__JFGD9 {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    background: url(../../images/icon_30x30_arrow_left_ffffff@2x.a2625156.png) no-repeat 50%/cover;
    cursor: pointer
}

.listWrap__QnIqs .rightIcon__lEdzE {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    background: url(../../images/icon_30x30_arrow_right_ffffff@2x.95ec7120.png) no-repeat 50%/cover;
    cursor: pointer
}