*{
    box-sizing:border-box
}
body{
    background:#f7f8fa
}
.header{
    -webkit-box-shadow:0 1px 4px 0 rgb(0 0 0 / 10%);
    box-shadow:0 1px 4px 0 rgb(0 0 0 / 10%)
}
.breadcrumb{
    width:1200px;
    height:80px;
    line-height:40px;
    padding:20px 0;
    box-sizing:border-box;
    margin:80px auto 0
}
.breadcrumb span{
    margin-right:15px;
    font-size:14px;
    color:#2b2929
}
.breadcrumb a{
    color:#1f3d57;
    text-decoration:none;
    font-size:14px
}
.ad-container{
    width:1200px;
    height:88px;
    margin:0 auto 25px;
    background:#fff
}
.ad-container a{
    font-size:0
}
.ad-container img{
    width:1200px;
    height:88px;
    object-fit:cover
}
.main-container{
    width:1200px;
    height:auto;
    margin:0 auto 50px;
    display:flex
}
.main-left{
    width:830px;
    min-width:830px;
    height:auto;
    background:#fff;
    box-sizing:border-box;
    margin-right:20px;
    padding:30px
}
.main-left .title{
    font-size:30px;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:#2b2929;
    line-height:42px;
    text-align:left
}
.main-left .news-info-container{
    width:100%;
    height:70px;
    padding:20px 0 30px;
    display:flex;
    box-sizing:border-box;
    align-content:flex-start
}
.main-left .news-info-container .author{
    height:20px;
    line-height:20px;
    font-size:14px;
    font-weight:400;
    color:#2b2929;
    margin-right:30px
}
.main-left .news-info-container .author a{
    color:#2b2929
}
.main-left .news-info-container .author a span.name{
    color:#2b2929
}
.main-left .news-info-container .author a span.icon{
    border:1px solid #4376fd;
    padding:0 5px;
    border-radius:3px;
    font-size:12px;
    color:#4376fd;
    margin-right:5px
}
.main-left .news-info-container .publish-time{
    height:20px;
    line-height:20px;
    font-size:14px;
    font-weight:400;
    color:#999;
    margin-right:30px
}
.main-left .news-info-container .visit-count{
    height:20px;
    line-height:20px;
    font-size:14px;
    font-weight:400;
    color:#999;
    margin-right:30px
}
.main-left #article_content{
    width:100%;
    height:auto;
    padding-top:30px
}
.main-left #article_content iframe{
    width:100%!important;
    height:600px!important;
    margin-bottom:20px
}
.main-left #article_content h1,.main-left #article_content h2,.main-left #article_content h3,.main-left #article_content h4,.main-left #article_content h5,.main-left #article_content h6{
    margin-bottom:20px;
    font-weight:600
}
.main-left #article_content p{
    width:100%;
    height:auto;
    font-size:16px!important;
    color:#2b2929!important;
    line-height:29px!important;
    margin-bottom:20px!important;
    font-family:PingFangSC-Regular!important;
    font-weight:400!important
}
.main-left #article_content figure{
    width:100%;
    height:auto;
    font-size:16px!important;
    color:#2b2929!important;
    line-height:29px!important;
    margin-bottom:20px!important;
    font-family:PingFangSC-Regular!important;
    font-weight:400!important
}
.main-left #article_content img{
    width:100%;
    height:auto;
    object-fit:contain
}
.main-left #article_content p img{
    max-width:100%;
    height:auto;
    margin:0 auto;
    display:block
}
.main-left #article_content p a{
    color:#4376fd;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.main-left #article_content table{
    width:100%!important;
    height:auto;
    border:1px solid #2b2929
}
.main-left #article_content table tr{
    border-bottom:1px solid #2b2929
}
.main-left #article_content table tr td{
    height:auto!important;
    line-height:34px;
    border-right:1px solid #2b2929;
    text-align:center
}
.main-left #article_content table thead tr td{
    font-weight:700
}
.main-left #article_content table{
    width:100%!important;
    height:auto
}
.main-left #article_content table p{
    margin-bottom:0!important
}
.main-left #article_content .table-param-default{
    max-width:770px;
    font-size:16px;
    text-align:center;
    border:1px solid #000;
    margin:0 auto 20px
}
.main-left #article_content .table-param-default{
    max-width:770px;
    font-size:16px;
    text-align:center;
    border:1px solid #000;
    margin:0 auto 20px
}
.main-left #article_content .table-param-default.table-orange{
    border:1px solid #8f8f8f
}
.main-left #article_content .table-param-default caption{
    font-size:20px;
    background-color:#daeef3;
    border:1px solid #000;
    border-bottom:0;
    padding:8px 0
}
.main-left #article_content .table-param-default.table-orange caption{
    background-color:#ffc643;
    border:1px solid #8f8f8f
}
.main-left #article_content .table-param-default td,.main-left #article_content .table-param-default th{
    font-size:16px;
    border:1px solid #000;
    border-bottom:0;
    padding:8px 0
}
.main-left #article_content .table-param-default.table-orange td,.main-left #article_content .table-param-default.table-orange th{
    border:1px solid #8f8f8f
}
.main-left #article_content div img{
    max-width:100%;
    height:auto;
    margin:0 auto 20px;
    display:block
}
._checaTitleH3{
    width:100%;
    height:auto;
    padding-left:16px;
    font-size:17px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:20px
}
._checaTitleH3::before{
    content:"";
    width:16px;
    height:24px;
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB6klEQVRYR8XXu2tUQRTH8c8IaysqsndXCxWsxBf4ByiChUljISKCIoKCTWwsLEyjhYWtCj4gkCatiBY2KlqImEIEbUSs4mNRo4WIsnvlZjcQFnfv3fsw09zi/Ob8vnPmMHMn6I2YWouDHbZgW+DNCm6uY25RU8U3JElbNNpMYX+/SeDaHyY38KUSgHlW/+IRtg8xeI6JiGdlQ4SPHMZMWuLAtzYTTabTtKPEE4BbOJl1UszFBpNZ9Wm6BOAh9qQJ++IzEUdGnPNPeV6AJNlsYKzOpyIgRQAEfrQ51ORBXohCAEvOkHMNruSBKAUgMQ5M1zk2KkRpAD3jlxE7R4EoGyDx/hnYnLU5qwBYKECH3U1m06pRGUBiXGPrWl4Pg6gUIDBV58SyAeB9xKblBHgbdf8vBo5KtwA3Ik4vG0DM3kb3X+P/VyCL+cIJmvM6Hrwi5mtsXMP3tDOgCoD7EWNZjBc1pVWgw4Uml0YxL60CMeMN7o1qXgZAC/siXuUxLwpwZyXHszbbIMC8PXA54nzeVS+dFz5wNXAma7JEW+d6Vn2aLrQYb3M3TYi5mFN5m23gFnxl1W8eY8cgUczTZOVFmm0gQBL4TNThNg70C5M7vcbZos02FCAJvqC2nqOBXb2H6ruYJ43uq7my8RfQHIIh8hoz0QAAAABJRU5ErkJggg==) no-repeat left center;
    background-size:14px 14px;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-12px
}
blockquote{
    border-left:2px solid #ccc;
    margin-left:1.5rem;
    padding-left:1rem
}
.main-left #video_content{
    width:100%;
    height:auto
}
.main-left #video_content .player-container{
    width:770px;
    height:432px;
    position:relative;
    background-color:#000
}
.main-left #video_content .player-container #xcw_player{
    width:770px;
    height:432px
}
.main-left #video_content .player-container .video-poster{
    width:770px;
    height:432px;
    position:absolute;
    left:0;
    top:0;
    z-index:100
}
.main-left #video_content .player-container .video-poster img{
    width:770px;
    height:432px;
    object-fit:cover
}
.main-left #video_content .my-controller{
    width:770px;
    height:56px;
    background:#f7f8fa;
    margin-bottom:30px;
    display:flex
}
.danmaku-count{
    height:56px;
    line-height:56px;
    font-size:12px;
    color:#2b2929;
    padding-left:20px;
    margin-right:20px
}
.danmaku-count i{
    font-style:normal;
    margin-right:5px
}
.danmaku-switch-btn{
    width:50px;
    height:56px;
    padding:14px 0;
    margin-right:20px;
    box-sizing:border-box
}
.danmaku-switch-btn .switch-bg{
    width:50px;
    height:28px;
    border-radius:14px;
    background:#c7c7c7;
    position:relative;
    cursor:pointer
}
.danmaku-switch-btn .switch-bg.on{
    background:#1f3d57
}
.danmaku-switch-btn .switch-bg .switch-circle{
    width:24px;
    height:24px;
    line-height:24px;
    border-radius:12px;
    text-align:center;
    background:#fff;
    font-size:12px;
    color:#999;
    position:absolute;
    top:2px;
    left:2px;
    color:#a3a3a3;
    transform:translateX(0);
    transition:transform .4s
}
.danmaku-switch-btn .switch-bg.on .switch-circle{
    width:24px;
    height:24px;
    line-height:24px;
    border-radius:12px;
    text-align:center;
    background:#fff;
    font-size:12px;
    color:#999;
    position:absolute;
    top:2px;
    left:2px;
    color:#999;
    transform:translateX(22px);
    transition:transform .4s
}
.danmaku-setting{
    width:30px;
    height:56px;
    padding:4px 0;
    margin-right:20px;
    float:right;
    position:relative
}
.danmaku-setting .setting-btn{
    width:30px;
    height:50px;
    background:url(../plugins/icon/setting.png) no-repeat center center;
    background-size:auto 24px
}
.danmaku-setting .setting-btn.act{
    background:url(../plugins/icon/setting-act.png) no-repeat center center;
    background-size:auto 24px
}
.danmaku-setting .setting-list{
    width:190px;
    height:auto;
    padding:10px 20px;
    background:rgba(43,51,63,.7);
    position:absolute;
    left:50%;
    bottom:56px;
    margin-left:-97px;
    z-index:999;
    display:none
}
.danmaku-setting .setting-list .option-title{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#fff;
    text-align:left
}
.danmaku-setting .setting-list #font-size-list{
    width:100%;
    height:24px
}
.danmaku-setting .setting-list #font-size-list .option-btn{
    width:72px;
    height:24px;
    text-align:center;
    line-height:24px;
    font-size:14px;
    color:#fff;
    background:#ccc;
    border-radius:2px;
    float:left;
    margin-right:6px;
    cursor:pointer
}
.danmaku-setting .setting-list #font-size-list .option-btn:nth-child(2){
    margin-right:0
}
.danmaku-setting .setting-list #font-size-list .option-btn.act{
    background:#4da7d4
}
.danmaku-setting .setting-list #mode-list{
    width:100%;
    height:50px
}
.danmaku-setting .setting-list #mode-list .option-btn{
    width:30px;
    height:50px;
    padding-top:30px;
    line-height:20px;
    text-align:center;
    font-size:14px;
    color:#999;
    margin-right:15px;
    float:left;
    cursor:pointer
}
.danmaku-setting .setting-list #mode-list .option-btn.act{
    color:#4da7d4
}
.danmaku-setting .setting-list #mode-list .option-btn[data-mode='0']{
    background:url(../plugins/icon/mode-scroll.png) no-repeat top center;
    background-size:28px 28px
}
.danmaku-setting .setting-list #mode-list .option-btn[data-mode='0'].act{
    background:url(../plugins/icon/mode-scroll-act.png) no-repeat top center;
    background-size:28px 28px
}
.danmaku-setting .setting-list #mode-list .option-btn[data-mode='1']{
    background:url(../plugins/icon/mode-top.png) no-repeat top center;
    background-size:28px 28px
}
.danmaku-setting .setting-list #mode-list .option-btn[data-mode='1'].act{
    background:url(../plugins/icon/mode-top-act.png) no-repeat top center;
    background-size:28px 28px
}
.danmaku-setting .setting-list #mode-list .option-btn[data-mode='2']{
    background:url(../plugins/icon/mode-bottom.png) no-repeat top center;
    background-size:28px 28px
}
.danmaku-setting .setting-list #mode-list .option-btn[data-mode='2'].act{
    background:url(../plugins/icon/mode-bottom-act.png) no-repeat top center;
    background-size:28px 28px
}
.danmaku-setting .setting-list .color-view{
    width:100%;
    height:24px;
    margin-bottom:10px
}
.danmaku-setting .setting-list .color-view .color-str{
    width:104px;
    height:24px;
    margin-right:6px;
    color:#fff;
    font-size:14px;
    padding:2px 5px;
    border-radius:2px;
    border:1px solid #fff;
    float:left
}
.danmaku-setting .setting-list .color-view .color-str #color-input{
    font-size:14px;
    color:#fff;
    outline:0;
    border:none;
    display:inline-block;
    height:20px;
    line-height:20px;
    width:76px;
    background:0 0
}
.danmaku-setting .setting-list .color-view .curr-color{
    width:40px;
    height:24px;
    background:#fff;
    border-radius:2px;
    float:left
}
#color-list .option-btn{
    width:20px;
    height:16px;
    float:left;
    margin-right:6px;
    margin-bottom:6px;
    border-radius:2px;
    cursor:pointer
}
#color-list .option-btn:nth-child(6n){
    margin-right:0
}
.danmaku-sent{
    width:492px;
    height:56px;
    padding:14px 0;
    margin-right:20px;
    box-sizing:border-box;
    display:flex
}
.danmaku-sent .danmaku-input{
    width:150px;
    height:28px;
    background:#fff;
    border-radius:14px 0 0 14px;
    padding:0 10px 0 18px;
    box-sizing:border-box
}
.danmaku-sent .danmaku-input.act{
    width:280px
}
.danmaku-sent .danmaku-input input{
    display:block;
    width:100%;
    height:28px;
    outline:0;
    line-height:28px;
    font-size:14px;
    color:#999;
    background:0 0;
    border:none;
    padding:0
}
.danmaku-sent .danmaku-sent-btn{
    width:50px;
    height:28px;
    background:#c7c7c7;
    border-radius:0 14px 14px 0;
    text-align:center;
    line-height:28px;
    cursor:pointer;
    font-size:12px;
    color:#fff
}
.danmaku-sent .danmaku-sent-btn.act{
    background:#1f3d57
}
.vjs-resolution{
    position:relative
}
.vjs-resolution .vjs-menu{
    width:5em;
    height:auto;
    position:absolute;
    bottom:4em;
    left:-.5em;
    background:rgba(43,51,63,.7)
}
.vjs-resolution .vjs-menu .resolution-list{
    display:none
}
.vjs-resolution .vjs-menu .resolution-list li{
    cursor:pointer
}
.vjs-resolution .vjs-menu .resolution-list li:hover{
    background:#fff;
    color:#2b333f
}
.vjs-has-started .vjs-control-bar{
    z-index:98
}
.main-left #video_content .video-desc-container{
    width:100%;
    height:auto;
    text-align:justify;
    font-size:16px;
    color:#2b2929;
    line-height:29px;
    margin-bottom:20px
}
.main-left #trends_content{
    width:100%;
    height:auto;
    padding-top:30px
}
.main-left #trends_content p{
    width:100%;
    height:auto;
    text-align:justify;
    font-size:16px;
    color:#2b2929;
    line-height:29px;
    margin-bottom:20px
}
.main-left #trends_content p a{
    color:#4376fd
}
.main-left #trends_content .photo-gallery{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap
}
.main-left #trends_content .photo-gallery .gallery-item{
    width:250px;
    height:140px;
    margin-bottom:10px;
    margin-right:10px;
    cursor:pointer
}
.main-left #trends_content .photo-gallery .gallery-item:nth-child(3n){
    margin-right:0
}
.main-left #trends_content .photo-gallery .gallery-item img{
    width:250px;
    height:140px;
    object-fit:cover
}
.main-left #atlas_content{
    width:100%;
    height:auto;
    padding-top:30px
}
.main-left #atlas_content p{
    width:100%;
    height:auto;
    text-align:justify;
    font-size:16px;
    color:#2b2929;
    line-height:29px;
    margin-bottom:20px
}
.main-left #atlas_content p a{
    color:#4376fd
}
.main-left #atlas_content .photo-gallery{
    width:100%;
    height:auto
}
.main-left #atlas_content .photo-gallery .gallery-item{
    width:100%;
    height:auto;
    margin-bottom:20px;
    cursor:pointer;
    text-align:center
}
.main-left #atlas_content .photo-gallery .gallery-item img{
    max-width:100%;
    height:auto
}
.main-left .label-container{
    width:100%;
    height:auto;
    display:flex;
    align-content:flex-start;
    flex-wrap:wrap;
    margin:25px 0
}
.main-left .label-container .label-title{
    width:50px;
    height:30px;
    line-height:30px;
    text-align:left;
    color:#999;
    font-size:14px
}
.main-left .label-container .label-item{
    height:30px;
    line-height:30px;
    text-align:center;
    color:#999;
    font-size:14px;
    background-color:#f4f7ff;
    border-radius:2px;
    padding:0 10px;
    margin-right:15px;
    margin-bottom:15px
}
.main-left .label-container .label-item a{
    color:#999;
    font-size:14px;
    text-decoration:none
}
.main-left .line{
    width:100%;
    height:1px;
    background-color:#efefef
}
.main-left .content-bottom-container{
    width:100%;
    height:58px;
    padding:16px 0;
    box-sizing:border-box;
    display:flex;
    margin-bottom:30px
}
.main-left .content-bottom-container .share-container{
    flex:1;
    height:26px;
    display:flex
}
.main-left .content-bottom-container .share-container .share-title{
    width:50px;
    height:26px;
    line-height:26px;
    text-align:left;
    color:#999;
    font-size:14px
}
.main-left .content-bottom-container .share-container .share-btn{
    width:26px;
    height:26px;
    cursor:pointer;
    margin-right:25px;
    display:block
}
.main-left .content-bottom-container .share-container .share-btn.wx i{
    font-size:26px;
    color:rgba(70,187,54,.6)
}
.main-left .content-bottom-container .share-container .share-btn.qq i{
    font-size:26px;
    color:rgba(35,160,240,.6)
}
.main-left .content-bottom-container .share-container .share-btn.wb i{
    font-size:26px;
    color:rgba(251,85,85,.6)
}
.main-left .content-bottom-container .share-container .share-btn.wx:hover i{
    color:#46bb36
}
.main-left .content-bottom-container .share-container .share-btn.qq:hover i{
    color:#23a0f0
}
.main-left .content-bottom-container .share-container .share-btn.wb:hover i{
    color:#fb5555
}
.main-left .content-bottom-container .report-btn{
    width:40px;
    height:26px;
    line-height:26px;
    text-align:right;
    color:#999;
    font-size:14px;
    cursor:pointer
}
.main-right{
    width:350px;
    height:auto
}
.main-right .author-info-container{
    width:100%;
    height:auto;
    background-color:#fff;
    padding:30px 20px 20px;
    box-sizing:border-box;
    margin-bottom:20px
}
.main-right .author-info-container .author-info{
    width:100%;
    height:auto;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dashed #efefef
}
.author-info .author-info-header{
    width:100%;
    height:80px;
    margin-bottom:10px;
    display:flex
}
.author-info .author-info-header .avatar{
    width:80px;
    height:80px;
    margin-right:15px;
    position:relative;
    border-radius:40px;
    overflow:hidden;
    background-color:#f7f8fa;
    box-shadow:0 2px 8px 0 rgba(0,0,0,.1)
}
.author-info .author-info-header .avatar a{
    font-size:0
}
.author-info .author-info-header .avatar img{
    width:80px;
    height:80px;
    object-fit:cover
}
.author-info .author-info-header .author-info-detail{
    width:calc(100% - 95px);
    height:80px;
    padding-top:5px
}
.author-info .author-info-header .author-info-detail .author-name-container{
    width:100%;
    height:24px;
    margin-bottom:10px;
    display:flex
}
.author-info .author-info-header .author-info-detail .author-name-container .author-name{
    max-width:calc(100% - 75px);
    height:24px;
    line-height:24px;
    font-size:18px;
    color:#2b2929;
    margin-right:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.author-info .author-info-header .author-info-detail .author-name-container .author-name a{
    color:#2b2929
}
.author-info .author-info-header .author-info-detail .author-name-container .follow-button{
    width:60px;
    height:24px;
    line-height:24px;
    font-size:14px;
    color:#fff;
    text-align:center;
    border-radius:2px;
    background-color:#1f3d57;
    cursor:pointer
}
.author-info .author-info-header .author-info-detail .author-name-container .follow-button:hover{
    background-color:rgba(232,0,0,.76)
}
.author-info .author-info-header .author-info-detail .author-name-container .follow-button.act{
    color:#999;
    background-color:#f7f8fa
}
.author-info .author-info-header .author-info-detail .author-sign{
    width:100%;
    height:36px;
    line-height:18px;
    font-size:14px;
    color:#999;
    text-align:left
}
.author-info .author-info-bottom{
    width:100%;
    height:40px;
    display:flex
}
.author-info .author-info-bottom .data-count{
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#2b2929;
    text-align:center;
    flex-grow:1
}
.author-info .author-info-bottom .data-count span{
    font-size:20px;
    color:#1f3d57;
    margin-right:5px
}
.main-right .author-info-container .author-works-container{
    width:100%;
    height:auto
}
.author-works-container .author-works-title{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    text-align:left;
    color:#2b2929;
    margin-bottom:15px
}
.author-works-container .author-works-list{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap
}
.author-works-container .author-works-list .list-item{
    width:calc((100% - 15px)/ 2);
    height:auto;
    margin-bottom:10px;
    margin-right:15px
}
.author-works-container .author-works-list .list-item:nth-child(2n){
    margin-right:0
}
.author-works-container .author-works-list .list-item .cover{
    width:100%;
    height:auto;
    margin-bottom:10px;
    background-color:#f7f8fa;
    position:relative;
    overflow:hidden;
    padding-top:57.14%;
    aspect-ratio:140/80
}
.author-works-container .author-works-list .list-item .cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    left:0;
    top:0;
    transition:all .6s
}
.author-works-container .author-works-list .list-item .cover .cover-bottom{
    width:100%;
    height:24px;
    background:linear-gradient(180deg,transparent 0,#000 100%);
    position:absolute;
    left:0;
    bottom:0;
    display:flex;
    padding:0 5px;
    box-sizing:border-box
}
.author-works-container .author-works-list .list-item .cover .duration-info{
    height:24px;
    line-height:24px;
    font-size:12px;
    color:#fff;
    margin-left:auto
}
.author-works-container .author-works-list .list-item .title{
    width:100%;
    height:46px;
    line-height:22px;
    font-size:16px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    word-break:break-all
}
.author-works-container .author-works-list .list-item .title a{
    color:#2b2929;
    font-family:PingFangSC-Regular;
    text-decoration:none
}
.author-works-container .author-works-more{
    width:100%;
    height:20px;
    text-align:center;
    margin-top:10px;
    font-size:14px;
    color:#999;
    display:none
}
.author-works-container .author-works-more a{
    color:#999
}
.main-right .hot-video-container{
    width:100%;
    height:auto;
    padding:15px 20px;
    box-sizing:border-box;
    margin-bottom:20px;
    background-color:#fff
}
.hot-video-container .video-works-title{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    text-align:left;
    color:#2b2929;
    margin-bottom:15px
}
.hot-video-container .video-works-list{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap
}
.hot-video-container .video-works-list .list-item{
    width:calc((100% - 15px)/ 2);
    height:auto;
    margin-bottom:10px;
    margin-right:15px
}
.hot-video-container .video-works-list .list-item:nth-child(2n){
    margin-right:0
}
.hot-video-container .video-works-list .list-item .cover{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-bottom:10px;
    background-color:#f7f8fa;
    position:relative;
    padding-top:57.14%;
    aspect-ratio:140/80
}
.hot-video-container .video-works-list .list-item .cover img,.hot-video-container .video-works-list-new .list-item .cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    left:0;
    top:0;
    transition:all .6s
}
.hot-video-container .video-works-list .list-item .cover .cover-bottom,.hot-video-container .video-works-list-new .list-item .cover .cover-bottom{
    width:100%;
    height:24px;
    background:linear-gradient(180deg,transparent 0,#000 100%);
    position:absolute;
    left:0;
    bottom:0;
    display:flex;
    padding:0 5px;
    box-sizing:border-box
}
.hot-video-container .list-item .cover .duration-info{
    height:24px;
    line-height:24px;
    font-size:12px;
    color:#fff;
    margin-left:auto
}
.hot-video-container .video-works-list .list-item .title{
    width:100%;
    height:46px;
    line-height:22px;
    font-size:16px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    word-break:break-all
}
.hot-video-container .video-works-list .list-item .title a,.hot-video-container .video-works-list-new .list-item .con-info .title a{
    color:#2b2929;
    text-decoration:none;
    font-family:PingFangSC-Regular
}
.hot-video-container .video-works-list-new{
    width:100%;
    height:auto
}
.hot-video-container .video-works-list-new .list-item{
    width:100%;
    height:auto;
    margin-bottom:10px;
    display:flex
}
.hot-video-container .video-works-list-new .list-item:last-child{
    margin-bottom:0
}
.hot-video-container .video-works-list-new .list-item .cover{
    width:124px;
    height:69px;
    margin-right:10px;
    overflow:hidden;
    background-color:#f7f8fa;
    position:relative;
    padding-top:23%;
    aspect-ratio:124/69
}
.hot-video-container .video-works-list-new .list-item .con-info{
    flex:1;
    height:69px
}
.hot-video-container .video-works-list-new .list-item .con-info .title{
    width:100%;
    height:44px;
    line-height:22px;
    text-align:justify;
    font-size:16px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    word-break:break-all;
    margin-bottom:5px
}
.hot-video-container .video-works-list-new .list-item .con-info .con-data{
    width:100%;
    height:20px;
    display:flex
}
.hot-video-container .video-works-list-new .list-item .con-info .con-data .con-data-author{
    width:100px;
    height:20px;
    line-height:20px;
    text-align:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.hot-video-container .video-works-list-new .list-item .con-info .con-data .con-data-author a{
    font-size:14px;
    color:#999
}
.hot-video-container .video-works-list-new .list-item .con-info .con-data .con-data-date{
    flex:1;
    height:20px;
    line-height:20px;
    text-align:right;
    font-size:14px;
    color:#999
}
.main-right .hot-author-container{
    width:100%;
    height:auto;
    padding:15px 20px;
    box-sizing:border-box;
    margin-bottom:20px;
    background-color:#fff
}
.hot-author-container .hot-author-title{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    text-align:left;
    color:#2b2929;
    margin-bottom:15px
}
.hot-author-container .hot-author-list{
    width:100%;
    height:auto
}
.hot-author-container .hot-author-list .list-item{
    width:100%;
    height:60px;
    margin-bottom:20px;
    display:flex
}
.hot-author-container .hot-author-list .list-item:last-child{
    margin-bottom:0
}
.hot-author-container .hot-author-list .list-item .avatar{
    width:60px;
    height:60px;
    margin-right:15px;
    position:relative
}
.hot-author-container .hot-author-list .list-item .avatar .avatar-wrapper{
    display:block;
    width:60px;
    height:60px;
    border-radius:30px;
    overflow:hidden;
    background-color:#f7f8fa;
    box-shadow:0 2px 6px 0 rgba(0,0,0,.1)
}
.hot-author-container .hot-author-list .list-item .avatar .avatar-wrapper img{
    width:60px;
    height:60px;
    object-fit:cover
}
.hot-author-container .hot-author-list .list-item .avatar .avatar-wrapper span.isVip-icon{
    width:20px;
    height:20px;
    line-height:17px;
    text-align:center;
    position:absolute;
    bottom:0;
    right:10px;
    background-color:#1f3d57;
    border-radius:10px;
    border:1px solid #fff;
    box-sizing:border-box
}
.hot-author-container .hot-author-list .list-item .avatar .avatar-wrapper span.isVip-icon i{
    font-size:14px;
    color:#fff
}
.hot-author-container .hot-author-list .list-item .author-info{
    flex:1;
    height:60px;
    box-sizing:border-box;
    padding:5px 0;
    margin-right:15px
}
.hot-author-container .hot-author-list .list-item .author-info .author-name{
    width:100%;
    height:25px;
    color:#2b2929;
    font-size:18px;
    font-weight:500
}
.hot-author-container .hot-author-list .list-item .author-info .author-name a{
    color:#2b2929;
    font-family:PingFangSC-Regular;
    font-size:16px
}
.hot-author-container .hot-author-list .list-item .author-info .author-data-info{
    width:100%;
    height:20px;
    display:flex
}
.hot-author-container .hot-author-list .list-item .author-info .author-data-info .works-count{
    color:#999;
    font-size:14px;
    font-family:PingFangSC-Regular;
    margin-right:20px;
    line-height:25px
}
.hot-author-container .hot-author-list .list-item .author-info .author-data-info .works-count i{
    color:#999;
    font-size:16px;
    margin-right:5px
}
.hot-author-container .hot-author-list .list-item .author-info .author-data-info .fans-count{
    color:#999;
    font-size:14px;
    font-family:PingFangSC-Regular;
    line-height:25px
}
.hot-author-container .hot-author-list .list-item .author-info .author-data-info .fans-count i{
    color:#999;
    font-size:16px;
    margin-right:5px
}
.hot-author-container .hot-author-list .list-item .follow-btn{
    width:60px;
    height:60px;
    box-sizing:border-box;
    padding:16px 0
}
.hot-author-container .hot-author-list .list-item .follow-btn span{
    display:block;
    width:60px;
    height:28px;
    background-color:#1f3d57;
    color:#fff;
    text-align:center;
    line-height:28px;
    cursor:pointer;
    border-radius:2px;
    font-family:PingFangSC-Regular;
    font-size:14px
}
.hot-author-container .hot-author-list .list-item .follow-btn span:hover{
    background-color:rgba(232,0,0,.76)
}
.hot-author-container .hot-author-list .list-item .follow-btn span.act{
    color:#999;
    background-color:#f7f8fa
}
.hot-author-container .check-all-xch{
    width:100%;
    height:28px;
    text-align:center;
    line-height:28px;
    margin-top:10px
}
.hot-author-container .check-all-xch a{
    color:#999;
    font-size:14px
}
.main-right .today-focus-container{
    width:100%;
    height:auto;
    padding:15px 20px;
    box-sizing:border-box;
    background-color:#fff;
    position:sticky;
    top:100px;
    z-index:9
}
.today-focus-container .today-focus-title{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    text-align:left;
    color:#2b2929;
    margin-bottom:15px
}
.today-focus-container .today-focus-list,.today-focus-container .today-focus-list-new{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap
}
.today-focus-container .today-focus-list .list-item{
    width:calc((100% - 15px)/ 2);
    height:auto;
    margin-bottom:10px;
    margin-right:15px
}
.today-focus-container .today-focus-list .list-item:nth-child(2n),.today-focus-container .today-focus-list-new .list-item:nth-child(2n){
    margin-right:0
}
.today-focus-container .today-focus-list .list-item .cover{
    width:100%;
    height:auto;
    margin-bottom:10px;
    background-color:#f7f8fa;
    position:relative;
    overflow:hidden;
    padding-top:57.14%;
    aspect-ratio:140/80
}
.today-focus-container .list-item .cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    left:0;
    top:0;
    transition:all .6s
}
.author-works-container .author-works-list .list-item .cover .replace-img,.today-focus-container .list-item .cover .replace-img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    padding-top:56.25%;
    aspect-ratio:16/9
}
.author-works-container .author-works-list .list-item .cover .replace-img img,.today-focus-container .list-item .cover .replace-img img{
    width:40%!important;
    height:auto!important;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.author-works-container .author-works-list .list-item .cover .replace-img img:hover,.today-focus-container .list-item .cover .replace-img img:hover{
    transform:translate(-50%,-50%)
}
.today-focus-container .list-item .cover .cover-bottom{
    width:100%;
    height:24px;
    background:linear-gradient(180deg,rgba(0,0,0,.1) 0,#000 100%);
    position:absolute;
    left:0;
    bottom:0;
    text-align:right;
    display:flex;
    padding:0 10px
}
.today-focus-container .list-item .cover .duration-info{
    height:24px;
    line-height:24px;
    font-size:12px;
    color:#fff;
    margin-left:auto
}
.today-focus-container .today-focus-list .list-item .title{
    width:100%;
    height:46px;
    line-height:22px;
    font-size:16px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    word-break:break-all
}
.today-focus-container .list-item .title a{
    color:#2b2929;
    font-family:PingFangSC-Regular;
    text-decoration:none
}
.today-focus-container .today-focus-list-new{
    width:100%;
    height:auto
}
.today-focus-container .today-focus-list-new .list-item{
    width:100%;
    height:auto;
    margin-bottom:10px;
    margin-right:0;
    display:flex
}
.today-focus-container .today-focus-list-new .list-item:last-child{
    margin-bottom:0
}
.today-focus-container .today-focus-list-new .list-item .cover{
    width:124px;
    height:69px;
    margin-right:10px;
    overflow:hidden;
    background-color:#f7f8fa;
    position:relative;
    padding-top:23%;
    aspect-ratio:124/69
}
.today-focus-container .today-focus-list-new .list-item .con-info{
    flex:1;
    height:69px
}
.today-focus-container .today-focus-list-new .list-item .con-info .title{
    width:100%;
    height:44px;
    line-height:22px;
    text-align:justify;
    font-size:16px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    word-break:break-all;
    margin-bottom:5px
}
.today-focus-container .today-focus-list-new .list-item .con-info .con-data{
    width:100%;
    height:20px;
    display:flex
}
.today-focus-container .today-focus-list-new .list-item .con-info .con-data .con-data-author{
    flex:1;
    max-width:100px;
    height:20px;
    line-height:20px;
    text-align:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.today-focus-container .today-focus-list-new .list-item .con-info .con-data .con-data-author a{
    font-size:14px;
    color:#999
}
.today-focus-container .today-focus-list-new .list-item .con-info .con-data .con-data-date{
    width:70px;
    height:20px;
    line-height:20px;
    text-align:right;
    font-size:14px;
    color:#999
}
.main-right .newsmaker-container{
    width:100%;
    height:auto;
    padding:15px 20px;
    box-sizing:border-box;
    margin-bottom:30px;
    background-color:#fff
}
.newsmaker-container .newsmaker-title{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    text-align:left;
    color:#2b2929;
    margin-bottom:15px
}
.newsmaker-container .newsmaker-list{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap
}
.newsmaker-container .newsmaker-list .list-item{
    width:140px;
    height:140px;
    margin-bottom:10px;
    margin-right:20px
}
.newsmaker-container .newsmaker-list .list-item:nth-child(2n){
    margin-right:0
}
.newsmaker-container .newsmaker-list .list-item .cover{
    width:140px;
    height:80px;
    margin-bottom:10px;
    background-color:#f7f8fa;
    position:relative
}
.newsmaker-container .newsmaker-list .list-item .cover img{
    width:140px;
    height:80px;
    object-fit:cover
}
.newsmaker-container .newsmaker-list .list-item .cover .cover-bottom{
    width:100%;
    height:24px;
    background:linear-gradient(180deg,rgba(0,0,0,.1) 0,#000 100%);
    position:absolute;
    left:0;
    bottom:0;
    text-align:right
}
.newsmaker-container .newsmaker-list .list-item .cover .duration-info{
    padding:3px 3px 3px 15px;
    font-size:12px;
    color:#fff
}
.newsmaker-container .newsmaker-list .list-item .title{
    width:100%;
    height:46px;
    line-height:22px;
    font-size:16px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    word-break:break-all
}
.newsmaker-container .newsmaker-list .list-item .title a{
    color:#2b2929;
    font-family:PingFangSC-Regular;
    text-decoration:none
}
.share-panel-aside{
    width:66px;
    height:auto;
    background-color:#fff;
    position:fixed;
    left:50%;
    top:273px;
    z-index:999;
    margin-left:-680px;
    box-sizing:border-box;
    padding:15px 10px 10px
}
.share-panel-aside .aside-panel-btn{
    width:46px;
    height:54px;
    line-height:24px;
    text-align:center;
    color:#999;
    font-size:14px;
    box-sizing:border-box;
    margin-bottom:6px;
    cursor:pointer
}
.share-panel-aside .aside-panel-btn i{
    color:#999;
    font-size:22px;
    display:block
}
.share-panel-aside .aside-panel-btn.act.like i{
    color:#1f3d57
}
.share-panel-aside .aside-panel-btn.act.favorite i{
    color:#1f3d57
}
.share-panel-aside .aside-panel-title{
    width:46px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:14px;
    color:#999
}
.share-panel-aside .aside-panel-share-btn{
    width:46px;
    height:40px;
    padding:9px 12px;
    box-sizing:border-box
}
.share-panel-aside .aside-panel-share-btn i{
    width:22px;
    height:22px;
    cursor:pointer;
    display:block;
    color:#999
}
.share-panel-aside .aside-panel-share-btn.qq i,.share-panel-aside .aside-panel-share-btn.wb i,.share-panel-aside .aside-panel-share-btn.wx i{
    font-size:22px
}
.share-panel-aside .aside-panel-share-btn.wx:hover i{
    color:#00c800
}
.share-panel-aside .aside-panel-share-btn.qq:hover i{
    color:#68a5e1
}
.share-panel-aside .aside-panel-share-btn.wb:hover i{
    color:#f56467
}
.author-works-container .author-works-list .list-item .cover:hover+.title a,.hot-video-container .video-works-list .list-item .cover:hover+.title a,.today-focus-container .today-focus-list .list-item .cover:hover+.title a{
    color:#1f3d57
}
.author-works-container .author-works-list .list-item .title a:hover,.hot-video-container .video-works-list .list-item .title a:hover,.today-focus-container .today-focus-list .list-item .title a:hover{
    color:#1f3d57
}
.author-works-container .author-works-list .list-item .cover img:hover,.hot-video-container .video-works-list .list-item .cover img:hover,.today-focus-container .today-focus-list .list-item .cover img:hover{
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05)
}
.dialog-container-bg{
    width:100%;
    height:100%;
    min-width:400px;
    position:fixed;
    left:0;
    top:0;
    z-index:1003;
    background-color:rgba(0,0,0,.3);
    text-align:center
}
.dialog-container-bg::after{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.dialog-container-bg .qrcode-container{
    width:330px;
    height:auto;
    background-color:#fff;
    border-radius:8px;
    padding:15px;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle
}
.dialog-container-bg .qrcode-container .qrcode-header{
    width:300px;
    height:30px;
    display:flex
}
.dialog-container-bg .qrcode-container .qrcode-header .tips{
    width:270px;
    height:30px;
    line-height:30px;
    text-align:left;
    font-size:16px;
    color:#2b2929;
    padding-left:10px;
    box-sizing:border-box
}
.dialog-container-bg .qrcode-container .qrcode-header .close-btn{
    width:30px;
    height:30px;
    cursor:pointer;
    background:url(/static/common/icon/close.png) no-repeat center center;
    background-size:16px 16px
}
.dialog-container-bg .qrcode-container #wx_share_qrcode{
    width:300px;
    height:300px;
    padding:10px;
    box-sizing:border-box
}
.dialog-container-bg .report-container{
    width:300px;
    height:auto;
    background-color:#fff;
    border-radius:4px;
    padding:15px 20px 20px;
    box-sizing:border-box;
    vertical-align:middle;
    display:inline-block
}
.dialog-container-bg .report-container .report-header{
    width:260px;
    height:30px;
    margin-bottom:10px;
    display:flex
}
.dialog-container-bg .report-container .report-header .tips{
    width:230px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:16px;
    font-weight:700;
    color:#2b2929;
    padding-left:30px;
    box-sizing:border-box
}
.dialog-container-bg .report-container .report-header .close-btn{
    width:30px;
    height:30px;
    cursor:pointer;
    background:url(/static/common/icon/close.png) no-repeat center center;
    background-size:16px 16px
}
.dialog-container-bg .report-container .report-list{
    width:100%;
    height:auto;
    margin-bottom:20px
}
.dialog-container-bg .report-container .report-list .report-item{
    width:100%;
    height:20px;
    padding:2px 0;
    line-height:16px;
    margin-bottom:10px;
    color:#2b2929;
    font-size:16px;
    text-align:left;
    cursor:pointer;
    display:flex;
    box-sizing:border-box
}
.dialog-container-bg .report-container .report-list .report-item .check-box{
    width:16px;
    height:16px;
    margin-right:10px;
    background:#fff;
    border:1px solid #999;
    border-radius:8px;
    box-sizing:border-box
}
.dialog-container-bg .report-container .report-list .report-item .check-box i{
    display:none
}
.dialog-container-bg .report-container .report-list .report-item.act .check-box{
    width:16px;
    height:16px;
    border:none;
    box-sizing:border-box
}
.dialog-container-bg .report-container .report-list .report-item.act .check-box i{
    display:block;
    color:#1f3d57;
    font-size:16px
}
.dialog-container-bg .report-container .report-footer{
    width:260px;
    height:30px;
    padding:0 37px;
    box-sizing:border-box;
    display:flex
}
.dialog-container-bg .report-container .report-footer span{
    display:block;
    width:80px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:16px;
    cursor:pointer;
    border-radius:2px
}
.dialog-container-bg .report-container .report-footer .cancel-btn{
    color:#2b2929;
    background:#efefef;
    margin-right:26px
}
.dialog-container-bg .report-container .report-footer .submit-btn{
    color:#fff;
    background:#1f3d57
}
.view-container{
    width:100%;
    height:auto;
    box-sizing:border-box;
    vertical-align:middle;
    display:inline-block;
    position:relative;
    background-color:#000
}
.view-container .swiper{
    width:100%;
    height:600px;
    --swiper-preloader-color:#fff
}
.view-container .swiper-btn-prev{
    left:10px;
    background:url(https://cdn.checa.com.cn/icon/swiper_btn_icon.png) no-repeat;
    background-position:0 0
}
.view-container .swiper-btn-next{
    right:10px;
    background:url(https://cdn.checa.com.cn/icon/swiper_btn_icon.png) no-repeat;
    background-position:-110px 0
}
.view-container .swiper-btn-prev.act{
    left:10px;
    background:url(https://cdn.checa.com.cn/icon/swiper_btn_icon.png) no-repeat;
    background-position:-214px 0
}
.view-container .swiper-btn-next.act{
    right:10px;
    background:url(https://cdn.checa.com.cn/icon/swiper_btn_icon.png) no-repeat;
    background-position:-319px 0
}
.view-container .main-swiper .swiper-slide img{
    width:100%;
    height:600px;
    object-fit:contain
}
.view-container .thumbs-container{
    width:100%;
    height:88px;
    background-color:rgba(0,0,0,.44);
    border-top:5px solid #fff;
    box-sizing:border-box
}
.view-container .thumbs-container .thumbs{
    width:100%;
    height:83px;
    margin:0 auto;
    overflow:hidden
}
.view-container .thumbs-container .thumbs .swiper-slide{
    width:153px;
    height:83px;
    cursor:pointer;
    box-sizing:border-box
}
.view-container .thumbs-container .thumbs .swiper-slide img{
    width:153px;
    height:83px;
    object-fit:cover
}
.view-container .thumbs-container .thumbs .swiper-slide.swiper-slide-thumb-active{
    border:1px solid #fff
}
.view-container .thumbs-container .thumbs .swiper-slide.swiper-slide-thumb-active img{
    width:151px;
    height:81px;
    object-fit:cover
}
.gallery-view-bg{
    width:100%;
    height:100%;
    min-width:900px;
    position:fixed;
    left:0;
    top:0;
    z-index:1003;
    background-color:rgba(0,0,0,.8);
    text-align:center;
    display:none
}
.gallery-view-bg::after{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.gallery-view-bg .gallery-view-container{
    width:900px;
    height:506px;
    box-sizing:border-box;
    vertical-align:middle;
    display:inline-block;
    position:relative
}
.swiper-btn-next,.swiper-btn-prev{
    outline:0;
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    z-index:99;
    margin-top:-25px;
    cursor:pointer
}
.gallery-view-bg .gallery-view-container .swiper-btn-prev{
    left:-90px;
    background:url(https://cdn.checa.com.cn/icon/swiper_btn_icon.png) no-repeat;
    background-position:0 0
}
.gallery-view-bg .gallery-view-container .swiper-btn-next{
    right:-90px;
    background:url(https://cdn.checa.com.cn/icon/swiper_btn_icon.png) no-repeat;
    background-position:-110px 0
}
.gallery-view-bg .gallery-view-container .swiper-btn-prev.act{
    left:-90px;
    background:url(https://cdn.checa.com.cn/icon/swiper_btn_icon.png) no-repeat;
    background-position:-214px 0
}
.gallery-view-bg .gallery-view-container .swiper-btn-next.act{
    right:-90px;
    background:url(https://cdn.checa.com.cn/icon/swiper_btn_icon.png) no-repeat;
    background-position:-319px 0
}
.gallery-view-bg .gallery-view-container .swiper{
    width:900px;
    height:506px;
    --swiper-preloader-color:#fff
}
.gallery-view-bg .gallery-view-container .swiper .swiper-slide img{
    width:900px;
    height:506px;
    object-fit:contain
}
.gallery-view-container .thumbs-container{
    position:fixed;
    left:0;
    bottom:0;
    z-index:9999;
    width:100%;
    min-width:1200px;
    height:123px;
    background-color:rgba(0,0,0,.44);
    padding:20px 0;
    box-sizing:border-box
}
.gallery-view-container .thumbs-container .thumbs{
    width:1200px;
    height:83px;
    margin:0 auto;
    overflow:hidden
}
.gallery-view-container .thumbs-container .thumbs .swiper-slide{
    width:153px;
    height:83px;
    cursor:pointer;
    box-sizing:border-box
}
.gallery-view-container .thumbs-container .thumbs .swiper-slide img{
    width:153px;
    height:83px;
    object-fit:cover
}
.gallery-view-container .thumbs-container .thumbs .swiper-slide.swiper-slide-thumb-active{
    border:1px solid #fff
}
.gallery-view-container .thumbs-container .thumbs .swiper-slide.swiper-slide-thumb-active img{
    width:151px;
    height:81px;
    object-fit:cover
}
.comment-container{
    width:100%;
    height:auto
}
.comment-container .comment-title{
    width:100%;
    height:20px;
    line-height:20px;
    margin-bottom:20px;
    border-left:6px solid #1f3d57;
    padding-left:4px;
    box-sizing:border-box;
    text-align:left;
    font-size:18px;
    color:#2b2929;
    font-weight:700
}
.comment-container .comment-title i{
    font-style:normal
}
.comment-main-publish-container{
    width:100%;
    height:140px;
    margin-bottom:30px;
    display:flex
}
.comment-main-publish-container .comment-nologin{
    flex:1;
    height:140px;
    line-height:105px;
    margin-right:30px;
    box-sizing:border-box;
    border:1px solid #c7c7c7;
    color:#999;
    padding:20px 20px 15px 20px;
    border-radius:3px;
    overflow:hidden;
    text-align:center
}
.comment-main-publish-container .comment-nologin span{
    color:#1f3d57;
    cursor:pointer
}
.comment-main-publish-container .comment-input-box{
    flex:1;
    height:140px;
    margin-right:30px;
    box-sizing:border-box;
    border:1px solid #c7c7c7;
    padding:15px 15px 10px 15px;
    border-radius:3px;
    overflow:hidden
}
.comment-main-publish-container .comment-input-box .comment-input-box-header{
    width:100%;
    height:95px
}
.comment-main-publish-container .comment-input-box .comment-input-box-header textarea{
    width:100%;
    height:80px;
    resize:none;
    outline:0;
    font-size:14px;
    color:#999;
    border:none;
    padding:0;
    margin:0;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.comment-main-publish-container .comment-input-box .comment-input-box-bottom{
    width:100%;
    height:20px;
    display:flex
}
.comment-main-publish-container .comment-input-box .comment-input-box-bottom .left{
    flex:1;
    height:20px;
    line-height:20px;
    text-align:left
}
.comment-main-publish-container .comment-input-box .comment-input-box-bottom .text-count{
    width:100px;
    height:20px;
    line-height:20px;
    text-align:right;
    font-size:14px;
    color:#999;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.comment-main-publish-container .comment-input-box .comment-input-box-bottom .text-count i{
    font-style:normal;
    font-family:PingFangSC-Regular;
    font-weight:400;
    font-size:14px
}
.comment-main-publish-container .submit-box{
    width:58px;
    height:140px;
    box-sizing:border-box;
    padding-top:112px
}
.comment-main-publish-container .submit-box .submit-comment-btn{
    width:58px;
    height:28px;
    line-height:28px;
    text-align:center;
    color:#fff;
    background-color:#1f3d57;
    cursor:pointer;
    border-radius:2px
}
.comment-main-publish-container .submit-box .submit-comment-btn:hover{
    background-color:rgba(232,0,0,.76)
}
.comment-container .comment-list-container{
    width:100%;
    height:auto
}
.comment-container .comment-list-container .comment-tab{
    width:100%;
    height:30px;
    display:flex;
    margin-bottom:30px
}
.comment-container .comment-list-container .comment-tab span{
    width:auto;
    height:30px;
    line-height:30px;
    font-size:16px;
    color:#2b2929;
    margin-right:20px;
    cursor:pointer
}
.comment-container .comment-list-container .comment-tab span.act{
    color:#1f3d57;
    font-weight:700
}
.comment-container .comment-list-container .comment-list{
    width:100%;
    height:auto
}
.comment-container .comment-list-container .comment-list .comment-status-btn{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px;
    color:#999;
    cursor:pointer
}
.comment-container .comment-list-container .comment-list ul{
    width:100%;
    height:auto;
    margin-bottom:30px
}
.comment-container .comment-list-container .comment-list ul .no-data{
    width:100%;
    height:200px;
    line-height:200px;
    text-align:center;
    font-size:16px;
    color:#999
}
.comment-container .comment-list-container .comment-list ul li{
    width:100%;
    height:auto;
    margin-bottom:30px;
    display:flex
}
.comment-container .comment-list-container .comment-list ul li .avatar{
    width:50px;
    height:50px;
    border-radius:25px;
    margin-right:10px;
    overflow:hidden;
    border: 1px solid #ccc;
  
}
.comment-container .comment-list-container .comment-list ul li .avatar a{
    font-size:0
}
.comment-container .comment-list-container .comment-list ul li .avatar img{
    width:46px;
    height:46px;
    object-fit:contain;
    border-radius:24px;
    margin: 1px
}
.comment-container .comment-list-container .comment-list ul li .com-container{
    flex:1;
    height:auto;
    padding-bottom:0;
    box-sizing:border-box;
    border-bottom:1px solid #efefef
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-user-info{
    width:100%;
    height:40px;
    line-height:40px
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-user-info a{
    font-size:16px;
    color:#999;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-user-info i{
    margin-left:10px;
    border:1px solid #1f3d57;
    font-size:12px;
    color:#1f3d57;
    padding:0 3px;
    border-radius:2px
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-context{
    width:100%;
    height:auto;
    margin-bottom:20px;
    font-size:16px;
    line-height:24px;
    color:#2b2929;
    word-break:break-all;
    text-align:left;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info{
    width:100%;
    height:20px;
    display:flex;
    position:relative;
    margin-bottom:20px
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span{
    line-height:20px;
    font-size:14px;
    color:#999;
    display:inline-block;
    text-align:left;
    position:relative;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-p-time{
    margin-right:30px
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-client{
    margin-right:30px
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-like-btn{
    margin-right:30px;
    color:#2b2929;
    cursor:pointer
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-like-btn i{
    margin-right:3px;
    color:#2b2929;
    font-size:16px
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-like-btn.act i{
    color:#1f3d57
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-reply-btn{
    color:#2b2929;
    cursor:pointer
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-reply-btn i{
    margin-right:3px;
    font-size:16px
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-report-btn{
    margin-left:30px;
    text-align:right;
    cursor:pointer
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-report-btn{
    flex:1;
    text-align:right
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.com-report-btn i{
    cursor:pointer;
    line-height:20px;
    font-size:14px;
    color:#999;
    display:inline-block;
    text-align:left;
    position:relative;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.comment-container .comment-list-container .comment-list ul li .com-container .com-other-info span.del-comment{
    color:#999;
    cursor:pointer;
    margin-left:30px
}
.video-js .vjs-tech{
    width:100%!important;
    height:100%!important
}
.reply-list-container{
    width:100%;
    height:auto;
    margin-top:20px
}
.show-all-reply{
    width:100%;
    height:20px;
    line-height:20px;
    margin-bottom:20px
}
.show-all-reply span{
    cursor:pointer;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:#4376fd;
    line-height:20px
}
.reply-list-container .full-reply-list{
    width:100%;
    height:auto
}
.reply-list-container ul{
    width:100%;
    height:auto;
    margin-bottom:0
}
.reply-list-container ul li{
    width:100%;
    height:auto
}
.reply-list-container ul li .avatar{
    width:40px;
    height:40px;
    border-radius:20px;
    margin-right:10px;
    overflow:hidden
}
.reply-list-container ul li .avatar a{
    font-size:0
}
.reply-list-container ul li .avatar img{
    width:40px;
    height:40px;
    object-fit:contain
}
.reply-list-container ul li .reply-container{
    flex:1;
    height:auto;
    padding-bottom:0;
    box-sizing:border-box
}
.reply-list-container ul li .reply-container .reply-user-info{
    width:100%;
    height:40px;
    line-height:40px
}
.reply-list-container ul li .reply-container .reply-user-info a{
    font-size:16px;
    color:#999;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.reply-list-container ul li .reply-container .reply-user-info i{
    margin-left:10px;
    border:1px solid #1f3d57;
    font-size:12px;
    color:#1f3d57;
    padding:0 3px;
    border-radius:2px
}
.reply-list-container ul li .reply-container .reply-quote{
    width:100%;
    height:auto;
    background-color:#f7f8fa;
    padding:5px 10px;
    line-height:24px;
    word-break:break-all;
    margin-bottom:10px
}
.reply-list-container ul li .reply-container .reply-quote a{
    font-size:14px;
    color:#2b2929;
    word-break:break-all;
    font-family:PingFangSC-Regular;
    font-weight:400;
    margin-right:5px
}
.reply-list-container ul li .reply-container .reply-quote span{
    font-size:14px;
    color:#2b2929;
    word-break:break-all;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.reply-list-container ul li .reply-container .reply-context{
    width:100%;
    height:auto;
    margin-bottom:20px;
    font-size:14px;
    line-height:24px;
    color:#2b2929;
    word-break:break-all;
    text-align:left;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.reply-list-container ul li .reply-container .reply-other-info{
    width:100%;
    height:20px;
    display:flex;
    position:relative
}
.reply-list-container ul li .reply-container .reply-other-info span{
    line-height:20px;
    font-size:14px;
    color:#999;
    display:inline-block;
    text-align:left;
    position:relative;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.reply-list-container ul li .reply-container .reply-other-info span.reply-p-time{
    margin-right:30px
}
.reply-list-container ul li .reply-container .reply-other-info span.reply-client{
    margin-right:30px
}
.reply-list-container ul li .reply-container .reply-other-info span.reply-like-btn{
    margin-right:30px;
    color:#2b2929;
    cursor:pointer
}
.reply-list-container ul li .reply-container .reply-other-info span.reply-like-btn i{
    margin-right:3px;
    font-size:16px
}
.reply-list-container ul li .reply-container .reply-other-info span.reply-like-btn.act i{
    color:#1f3d57
}
.reply-list-container ul li .reply-container .reply-other-info span.reply-reply-btn{
    color:#2b2929;
    cursor:pointer
}
.reply-list-container ul li .reply-container .reply-other-info span.reply-report-btn{
    flex:1;
    text-align:right
}
.reply-list-container ul li .reply-container .reply-other-info span.reply-report-btn i{
    cursor:pointer;
    line-height:20px;
    font-size:14px;
    color:#999;
    display:inline-block;
    text-align:left;
    position:relative;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.reply-list-container ul li .reply-container .reply-other-info span.del-comment{
    color:#999;
    cursor:pointer;
    margin-left:30px
}
.full-reply-bottom{
    width:100%;
    height:64px;
    padding:20px 0;
    display:flex
}
.full-reply-bottom .hide-full-reply{
    flex:1;
    height:24px
}
.full-reply-bottom .hide-full-reply span{
    height:24px;
    line-height:24px;
    text-align:left;
    font-size:14px;
    color:#4376fd;
    font-family:PingFangSC-Regular;
    font-weight:400;
    cursor:pointer
}
.pagination-container{
    height:24px;
    display:flex;
    justify-content:flex-end
}
.pagination-container span{
    display:inline-block;
    min-width:24px;
    height:24px;
    line-height:22px;
    border:1px solid #efefef;
    color:#999;
    text-align:center;
    font-size:12px;
    cursor:pointer
}
.pagination-container span:hover{
    background-color:#efefef
}
.pagination-container span.act{
    border:1px solid #1f3d57;
    background-color:#1f3d57;
    color:#fff
}
.pagination-container span.next,.pagination-container span.prev{
    color:#999;
    font-size:12px
}
.pagination-container span.prev{
    margin-right:5px
}
.pagination-container span.next{
    margin-left:5px
}
.pagination-container .skip-to{
    width:100px;
    height:24px;
    color:#999;
    font-size:12px;
    margin-left:10px
}
.pagination-container .skip-to input#skip_to_page{
    width:48px;
    height:24px;
    border:1px solid #efefef;
    line-height:22px;
    text-align:center;
    color:#999;
    font-size:12px;
    margin:0 5px
}
.reply-input-mini{
    width:100%;
    height:auto;
    display:flex;
    margin-top:10px
}
.reply-input-mini .reply-input-container{
    flex:1;
    height:auto;
    margin-right:30px;
    box-sizing:border-box;
    border:1px solid #c7c7c7;
    padding:10px 10px 10px 10px;
    border-radius:3px;
    overflow:hidden
}
.reply-input-mini .reply-input-container .reply-input-header{
    width:100%;
    min-height:auto
}
.reply-input-mini .reply-input-container .reply-input-header #mini_reply{
    width:100%;
    height:auto;
    min-height:48px;
    line-height:24px;
    resize:none;
    outline:0;
    font-size:14px;
    color:#999;
    border:none;
    padding:0;
    margin:0;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.reply-input-mini .reply-input-container .reply-input-bottom{
    width:100%;
    height:24px;
    display:flex
}
.reply-input-mini .reply-input-container .reply-input-bottom .left{
    flex:1;
    height:24px;
    line-height:24px;
    text-align:left
}
.reply-input-mini .reply-input-container .reply-input-bottom .reply-text-count{
    width:100px;
    height:24px;
    line-height:24px;
    text-align:right;
    font-size:16px;
    color:#999;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.reply-input-mini .reply-input-container .reply-input-bottom .reply-text-count i{
    font-style:normal;
    font-family:PingFangSC-Regular;
    font-weight:400
}
.reply-input-mini .submit-box{
    width:58px;
    position:relative
}
.reply-input-mini .submit-box .submit-reply-btn{
    width:58px;
    height:28px;
    line-height:28px;
    text-align:center;
    color:#fff;
    background-color:#1f3d57;
    cursor:pointer;
    border-radius:2px;
    position:absolute;
    left:0;
    bottom:0
}
a.xcw_topic_label{
    cursor:pointer
}
@media screen and (max-width:1440.9px) and (min-width:1100px){
    .breadcrumb{
        width:calc(100% - 160px);
        height:80px;
        line-height:40px;
        padding:20px 0;
        box-sizing:border-box;
        margin:80px auto 0
    }
    .ad-container{
        width:calc(100% - 160px);
        height:auto;
        position:relative;
        overflow:hidden
    }
    .ad-container .ad-img{
        width:100%;
        height:auto;
        position:relative;
        overflow:hidden;
        padding-top:7.33%;
        aspect-ratio:1200/88
    }
    .ad-container .ad-img img{
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        object-fit:cover
    }
    .share-panel-aside{
        width:66px;
        height:auto;
        background-color:#fff;
        position:fixed;
        left:0;
        top:50%;
        transform:translateY(-50%);
        z-index:999;
        margin-left:0;
        box-sizing:border-box;
        padding:15px 10px 10px
    }
}
.detail-ad-right{
    width:100%;
    height:auto;
    margin-bottom:20px
}
.detail-ad-right .ad-wrap{
    width:100%;
    height:auto
}
.detail-ad-right .ad-wrap img{
    display:block;
    width:100%;
    height:auto
}
.ad-icon-position{
    position:relative
}
.ad-icon-position::after{
    content:'广告';
    width:34px;
    height:16px;
    line-height:16px;
    font-size:12px;
    color:#fff;
    text-align:center;
    border:1px solid #fff;
    border-radius:2px;
    position:absolute;
    right:5px;
    bottom:5px;
    z-index:9
}
@media screen and (max-width:1279.9px){
    .breadcrumb{
        width:100%;
        min-width:990px;
        height:80px;
        line-height:40px;
        padding:20px 80px;
        box-sizing:border-box;
        margin:80px auto 0
    }
    .ad-container{
        width:calc(100% - 160px);
        min-width:830px;
        height:auto;
        position:relative;
        overflow:hidden
    }
    .ad-container .ad-img{
        width:100%;
        height:auto;
        position:relative;
        overflow:hidden;
        padding-top:7.33%;
        aspect-ratio:1200/88
    }
    .ad-container .ad-img img{
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        object-fit:cover
    }
    .main-container{
        width:100%;
        min-width:990px;
        padding:0 80px;
        display:block
    }
    .main-left{
        width:100%;
        min-width:830px;
        height:auto;
        background:#fff;
        box-sizing:border-box;
        margin-right:0;
        padding:30px;
        margin-bottom:30px
    }
    .main-right{
        width:100%;
        min-width:830px
    }
    .author-works-container .author-works-list .list-item{
        width:calc((100% - 30px)/ 3)
    }
    .author-works-container .author-works-list .list-item:nth-child(2n){
        margin-right:15px
    }
    .author-works-container .author-works-list .list-item:nth-child(3n){
        margin-right:0
    }
    .hot-author-list{
        display:flex;
        flex-wrap:wrap
    }
    .hot-author-container .hot-author-list .list-item{
        width:50%
    }
    .today-focus-list-new,.video-works-list-new{
        display:flex;
        flex-wrap:wrap
    }
    .hot-video-container .video-works-list-new .list-item,.today-focus-container .today-focus-list-new .list-item{
        width:calc((100% - 20px)/ 2);
        margin-right:20px
    }
    .hot-video-container .video-works-list-new .list-item:nth-child(2n),.today-focus-container .today-focus-list-new .list-item:nth-child(2n){
        margin-right:0
    }
    .share-panel-aside{
        width:66px;
        height:auto;
        background-color:#fff;
        position:fixed;
        left:0;
        top:50%;
        transform:translateY(-50%);
        z-index:999;
        margin-left:0;
        box-sizing:border-box;
        padding:15px 10px 10px
    }

@media screen and (max-width:640.9px){

     .breadcrumb { max-width: 100%; min-width:200px;
     height: 50px;
    line-height: 40px;
    padding: 3px 13px;
    box-sizing: border-box;
    margin: 80px auto 0;}
     .ad-container {
    width: 100%;
    min-width: 200px;
}
.main-container {
    width: calc(100% - 10px) ;
    min-width: 200px;
 padding: 5px
}

.main-left {
    width: 100%;
    min-width: 200px;
    padding: 20px 10px; 
 
}

.share-panel-aside {
   
   display: none;
    }

.main-right {
    width: 100%;
    min-width: 200px;
}


.author-works-container .author-works-list .list-item {
    width: calc((100% - 30px)/ 2);
    }

    .author-works-container .author-works-list .list-item:nth-child(2n){
        margin-right: 0px;
    }

      .author-works-container .author-works-list .list-item:nth-child(3n) {
    margin-right: 15px;
}

.hot-video-container .video-works-list-new .list-item, .today-focus-container .today-focus-list-new .list-item {
    width: 100%;
    margin-right: 0;
}
}