@charset "UTF-8";
.page-header{width:100%;}
.ph-inner{display:flex;align-items:center;border-bottom:1px solid #ddd;}
.ph-inner .title-box .title{font-size:20px;color:#333}
.ph-inner .search-box{margin-left:auto;padding:15px 0}
.ph-inner .form-control{border-radius:14px;border-color:#b3b3b3;width:280px;height:30px;border-right:0}
#header_search_btn{height:30px;border:1px solid #b3b3b3;border-left:0;box-shadow:none;color:#aaa;border-radius:0 14px 14px 0}

.page-header.is_stuck{z-index:10;background-color:#fefefe;box-shadow: 0 2px 8px 0 rgb(0 0 0 / 6%);}
.page-header.is_stuck .ph-inner{border-bottom-color:transparent}

.page-body .ld-box .body-inner{padding:20px 0;}
.page-body .videos{display:flex;height:549px;overflow:hidden}
.page-body .videos .cons{background-color:#eaeaea}
.page-body .videos .cons .video-box{width:830px;height:466px}
.page-body .videos .cons .title{font-size:18px;line-height:24px;color:#333;padding:17px 20px;background-color:#eaeaea}

.page-body .videos .recommends{width:290px;margin-left:20px;position:relative}
.page-body .videos .recommends .inner{height:100%;position:relative}
.page-body .videos .recommend-header{/*position:absolute;top:0;left:0;right:0;*/padding-bottom:10px}
.page-body .videos .recommend-header .title{background-color:rgba(233,233,233,1);line-height:30px;text-align:center;font-size:16px;color:#333;font-weight:400}
.page-body .videos .recommend-cons{width:100%;height:calc(100% - 40px);overflow:hidden}
.page-body .videos .recommend-cons .art-thumb{height:163px}
.page-body .videos .recommend-cons .item:not(:last-child){margin-bottom:10px}

.comments{margin-top:110px}
.art-comment-box .ac-title{margin-bottom:10px;display:flex;align-items:center;padding-bottom:8px;/*border-bottom:1px solid*/}
.art-comment-box .ac-title h3{font-size:18px;line-height:18px;color:#333;margin-right:auto}
.art-comment-box .ac-box .empty{color:#999}
.art-comment-box .ac-box .item{padding:13px 0}
.art-comment-box .ac-box .item-inner{display:flex;}
.art-comment-box .ac-box .item-inner .avatar{width:36px;height:36px;flex:0 0 auto;overflow:hidden;border-radius:0% 0% 50% 50%;margin-right:8px}
.art-comment-box .ac-box .item-inner .cons{flex:1}
.art-comment-box .ac-box .item-inner .cons .author{color:rgb(45 63 86 / 65%);font-size:13px;line-height:1;display:flex;align-items:center;}
.art-comment-box .ac-box .item-inner .cons .author .author-badge{
    border-radius: 3px;
    padding:2.5px 6px;
    font-size: 12px;
    margin-left:4px;
    background: #768291;
    color: #fff;
    display: inline-flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
}
.art-comment-box .ac-box .item-inner .cons .author .author-badge.xxh{
    color: #715500;
    background-color: #ecb307;
}
.art-comment-box .ac-box .item-inner .cons .con{margin:8px 0 2px}
.art-comment-box .ac-box .item-inner .cons .time{color:rgb(45 63 86 / 35%);font-size:12px;}
.art-comment-box .ac-box .item-inner .cons .time .reply-handle{margin-left:10px;opacity:.7}

.art-comment-box .ac-box .item-inner .reply-handle-box{margin-top:6px}
.art-comment-box .ac-box .item-inner .total-replies{font-size:12px;padding-left:2em;position:relative;margin-top:6px;opacity:.8}
.art-comment-box .ac-box .item-inner .total-replies:before{content:'';position:absolute;height:1px;width:1.5em;left:0;top:50%;background-color:#e8e9e9}
/*.art-comment-box .ac-box .item-inner .reply-lists{margin-top:6px}*/
.art-comment-box .ac-box .item-inner .reply-lists .item:last-child{padding-bottom:0}

.art-comment-box .ac-box > .item:not(:last-child){border-bottom:1px solid #f4f5f6}
.art-comment-box .ac-box > .item .item:not(:last-child){border-bottom:1px dashed #f4f5f6}


.comment-post-box{margin:40px 0}
.comment-post-box .un-login{border:1px solid #e8e9e9;border-radius:5px;padding:8px 10px 60px;}
.comment-post-box .un-login a{font-weight:700;margin-left:4px;display:inline-block}
.comment-post-box .post-body .form-control{border-bottom-left-radius:0;}
.comment-post-box .post-foot .btn{border-top-left-radius:0;border-top-right-radius:0;width:62px;height:30px}

.vjs-poster{background-color:#fafafa}
.video-js{background-color:transparent;}
.video-js .vjs-big-play-button{top:50%;left:50%;background-color:transparent;background-image:linear-gradient(to right, #89f7fe, #66a6ff);border-radius:50%;border:1px solid transparent;width:96px;height:96px;line-height:96px;font-size:60px;margin-left:-48px;margin-top:-48px}