.page-main{width:100%;min-height:calc(100vh - 268px);padding-top:55px;background-color:#FFFFFF}.page-main .content-main{width:1124px;margin:24px auto 0;display:flex}.page-main .content-main .main-left{flex:1;position:relative}.page-main .content-main .main-right{width:300px;margin-left:24px}.detail-page{z-index:2;padding-bottom:80px;overflow:visible}.detail-page .content-main{justify-content:center}.detail-page .main-left .base-info h2{font-size:24px;color:#131414;font-weight:600}.detail-page .main-left .base-info #msgtype{color:#667FB5;cursor:pointer}.detail-page .main-left .base-info .msg{display:flex;flex-wrap:wrap;align-items:center;margin:15px 0 12px}.detail-page .main-left .base-info .msg p{display:flex;align-items:center;font-size:12px;color:#909399;margin-right:20px}.detail-page .main-left .base-info .msg p img{width:18px;margin-right:5px}.detail-page .main-left .base-info .msg .tag-box{display:flex;margin-left:auto}.detail-page .main-left .base-info .msg .tag-box .tag-item{height:25px;font-size:12px;line-height:25px;color:#0B63F8;padding:0 6px;margin:4px;border-radius:4px;background:rgba(11,99,248,0.1);cursor:pointer;margin:0 0 0 8px}.detail-page .main-left .article{padding-top:40px;text-align:justify}.detail-page .main-left .article img{margin:0 auto}.detail-page .main-left .article .title1-wrap{margin-bottom:30px}.detail-page .main-left .article .title1{font-size:24px;font-weight:600;margin-bottom:15px}.detail-page .main-left .article .title2{font-size:20px;font-weight:600;margin-bottom:12px}.detail-page .main-left .article .title3{font-size:16px;font-weight:600;margin-bottom:10px}.detail-page .main-left .article .desc{font-size:18px;line-height:36px;color:#3A3A3A;text-align:justify;margin-bottom:12px}.detail-page .main-left .article .row-gap-part1{margin-bottom:45px}.detail-page .main-left .article .row-gap-part2{margin-bottom:35px}.detail-page .main-left .article .row-gap-part3{margin-bottom:25px}.detail-page .main-left .author-block{display:flex;flex-wrap:wrap;padding:24px;margin:20px 0;background:#E8ECF3}.detail-page .main-left .author-block p{width:50%;font-size:14px;line-height:22px;color:#1F4697}.detail-page .main-left .copyright{font-size:12px;line-height:16px;color:#909399;margin-bottom:20px}.detail-page .main-left .cite-wrap{padding-top:20px;border-top:2px solid #DCDFE6}.detail-page .main-left .cite-wrap .wrap-name{font-size:16px;font-weight:600;line-height:24px;color:#3D3D3D}.detail-page .main-left .cite-wrap .wrap-name>span{color:#0B63F8}.detail-page .main-left .cite-wrap .cite-item{display:flex;padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid #E8ECF3}.detail-page .main-left .cite-wrap .cite-item:hover{box-shadow:0px 4px 30px 0px rgba(0,0,0,0.06)}.detail-page .main-left .cite-wrap .cite-item:first-child{margin-top:12px}.detail-page .main-left .cite-wrap .details{flex:1}.detail-page .main-left .cite-wrap .details .title{display:block;font-size:18px;font-weight:600;line-height:24px;text-align:justify;color:#131414;margin-bottom:12px}.detail-page .main-left .cite-wrap .details .title:hover{color:#0B63F8 !important}.detail-page .main-left .cite-wrap .details .desc{font-size:14px;line-height:22px;text-align:justify;color:#606266;margin-bottom:8px}.detail-page .main-left .cite-wrap .details .other{font-size:12px}.detail-page .main-left .cite-wrap .details .other .logo{display:inline-block;width:16px;vertical-align:middle;border-radius:50%;border:1px solid #EBEEF5}.detail-page .main-left .cite-wrap .details .other .name{color:#667FB5;margin:0 24px 0 4px}.detail-page .main-left .cite-wrap .details .other .time{color:#909399;margin-top:2px}.detail-page .main-left .cite-wrap .msg-img{display:block;width:160px;height:100px;margin-left:24px;border-radius:4px;overflow:hidden}.detail-page .main-left .cite-wrap .msg-img:hover img{transform:scale(1.1)}.detail-page .main-left .cite-wrap .msg-img img{width:100%;height:100%;transition:transform .6s}.detail-page .main-right{position:-webkit-sticky;position:sticky;top:80px;height:100%}.detail-page .main-right .title-block{margin-top:0 !important;margin-bottom:0 !important}.detail-page .main-right .sticky-title{position:relative}.detail-page .main-right .sticky-title::before{position:absolute;left:0;top:-25px;content:'';height:25px;width:300px;background-color:#ffffff}.detail-page .main-right .hot-list .list-item{padding:4px;margin-bottom:12px}.detail-page .main-right .hot-list .list-item:hover .desc{color:#0B63F8}.detail-page .main-right .hot-list .list-item a{display:flex}.detail-page .main-right .hot-list .list-item:first-child .sort{color:#0B63F8}.detail-page .main-right .hot-list .list-item:nth-child(2) .sort{color:#48AC7C}.detail-page .main-right .hot-list .list-item:nth-child(3) .sort{color:#F6C03E}.detail-page .main-right .hot-list .list-item .sort{font-size:14px;color:#909399;font-weight:600;line-height:54px;margin-right:12px}.detail-page .main-right .hot-list .list-item .desc{font-size:14px;line-height:22px;color:#000000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.detail-page .main-right .hot-list .list-item .time{font-size:12px;color:#909399;margin-top:8px}.detail-page .paginations{bottom:30px;background-color:#ffffff}.detail-page .paginations .pre,.detail-page .paginations .next{display:flex;align-items:center;justify-content:space-between;width:300px;padding:16px;margin-bottom:20px;background:#F4F4F5;border-radius:8px;cursor:pointer}.detail-page .paginations .pre .left,.detail-page .paginations .next .left{font-size:14px;color:#0B63F8;margin-right:15px}.detail-page .paginations .pre .right,.detail-page .paginations .next .right{flex:1;font-size:14px}.detail-page .paginations .pre .right .title,.detail-page .paginations .next .right .title{color:#000000;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.detail-page .paginations .pre .right .time,.detail-page .paginations .next .right .time{color:#909399;font-size:12px;margin-top:6px}@media only screen and (max-width: 390px){.detail-page{padding-bottom:24px}.detail-page .content-main{width:100%;display:block}.detail-page .main-left .base-info{margin:0 16px}.detail-page .main-left .base-info h2{font-size:18px}.detail-page .main-left .base-info #msgtype{color:#667FB5;cursor:text}.detail-page .main-left .base-info .msg{margin:10px 0 12px}.detail-page .main-left .base-info .msg p{font-size:22px;zoom:0.5;margin-right:20px}.detail-page .main-left .base-info .msg p img{width:30px}.detail-page .main-left .cite-wrap{padding-top:24px}.detail-page .main-left .cite-wrap .wrap-name{margin-left:16px}.detail-page .main-left .cite-wrap .cite-item{margin-bottom:0;border-radius:0;border:none;border-bottom:2px solid #ebeef5}.detail-page .main-left .cite-wrap .cite-item:first-child{margin-top:0}.detail-page .main-left .cite-wrap .details .title{font-size:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.detail-page .main-left .cite-wrap .details .desc{font-size:13px;margin:10px 0 12px}.detail-page .main-left .cite-wrap .msg-img{width:103px;height:64px}.detail-page .main-left .article{margin:0 16px}.detail-page .main-left .article img{height:auto}.detail-page .main-left .article .title1{font-size:22px;margin-bottom:13px}.detail-page .main-left .article .title2{font-size:18px;margin-bottom:10px}.detail-page .main-left .article .title3{font-size:14px;margin-bottom:8px}.detail-page .main-left .article .desc{font-size:16px;line-height:24px}.detail-page .main-left .author-block{display:flex;flex-wrap:wrap;padding:16px;margin:24px 16px 20px;background:#E8ECF3}.detail-page .main-left .author-block p{width:50%;font-size:12px;line-height:24px}.detail-page .main-left .author-block p:last-child{width:100%}.detail-page .main-left .copyright{font-size:12px;margin:0 16px 24px}.detail-page .main-right{display:block !important;width:100% !important;margin-left:0 !important;padding:24px 16px 0}.detail-page .main-right .pc{display:none}.detail-page .paginations .pre,.detail-page .paginations .next{width:100%;padding:12px}.detail-page .paginations .pre .left,.detail-page .paginations .pre .right,.detail-page .paginations .next .left,.detail-page .paginations .next .right{font-size:12px}}
.title-block {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    margin: 24px 0 4px;
    font-size: 16px;
    color: #3D3D3D;
    font-weight: 600;
    border-radius: 4px;
    background: #F8F8F8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.title-block img {
    width: 16px;
    margin-right: 10px;
}