.comment-item{position:relative;margin-top:20px;padding-left:50px}.comment-item__avatar{position:absolute;left:0;top:0;width:40px;border-radius:40px}.comment-item__nickname{font-weight:700;font-size:14px;line-height:24px}.comment-item__tag{padding:1px 2px;font-size:12px;color:#adadad;background:#efefef}.comment-item__time{display:block;font-size:12px;color:#adadad}.comment-item__content{margin-top:20px}.comment-item__actions{margin-top:8px}.comment-item__action{margin-right:100px;font-size:12px;color:#adadad;cursor:pointer}.comment-item__action--disabled{pointer-events:none}.comment-item__action>svg{position:relative;top:4px;width:17px;height:17px}.comment-list{overflow:auto}.comment-list__tip{margin-top:20px;text-align:center;font-size:14px;color:#a0a0a0}.comment-list--empty .comment-list__tip{margin-top:50px}.video-dialog{position:relative;width:800px;height:80vh}.video-dialog,.video-dialog-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.video-dialog-wrapper{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.9);z-index:1024}.video-dialog__close{position:absolute;right:-60px;top:0;font-size:40px;color:#cacaca;cursor:pointer}.video-dialog__left{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;background:#000;overflow:hidden}.video-dialog__left .background{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(50px);filter:blur(50px)}.video-dialog__left video{position:relative}.video-dialog__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20px;width:400px;background:#fff}.video-dialog__right .right-header{border-bottom:1px solid #ccc}.video-dialog__right .right-header .author{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:10px}.video-dialog__right .right-header .author__avatar{margin-right:15px;width:60px;border-radius:60px}.video-dialog__right .right-header .author__info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.video-dialog__right .right-header .author__name{font-size:18px;line-height:30px}.video-dialog__right .right-header .author__account{font-size:14px;color:#333}.video-dialog__right .right-header .works{margin-bottom:20px}.video-dialog__right .right-header .works__title{font-size:16px;line-height:30px}.video-dialog__right .right-header .works__mark{color:#a0a0a0}.video-dialog__right .right-header .works__mark-icon{position:relative}.video-dialog__right .right-header .works__mark-icon.icon-1{top:4px;width:20px;height:20px}.video-dialog__right .right-header .works__mark-icon.icon-2{top:2px;width:16px;height:16px}.video-dialog__right .right-body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto}.comment{margin:50px auto;width:775px}.comment-empty{margin-top:150px;text-align:center;font-size:18px;color:#a0a0a0}.comment .comment-top{margin-bottom:24px;line-height:40px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.comment .comment-main .main-header,.comment .comment-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.comment .comment-main .main-header{background:rgba(22,24,35,.02);border-radius:4px;padding:20px}.comment .comment-main .main-header .header-cont{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.comment .comment-main .main-header .header-cont .cont-date{position:absolute;bottom:0;left:0;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:#333;mix-blend-mode:normal;opacity:.4}.comment .comment-main .main-header .header-cont .cont-title{font-weight:500;font-size:14px;color:#161823;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:normal}.comment .comment-main .main-header .header-pic{width:60px;height:80px;position:relative;margin-right:10px;cursor:pointer}.comment .comment-main .main-header .header-pic .cover{width:100%;height:100%;position:relative}.comment .comment-main .main-header .header-pic .cover img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.comment .comment-main .main-header .header-pic .cover img,.comment .comment-main .main-header .header-pic span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.comment .comment-main .main-header .header-pic span img{width:16px;height:16px}.comment .comment-main .main-list{margin:20px 0}.comment .drawer-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px;height:100%}.comment .drawer-title{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:24px;line-height:30px}.comment .drawer-title-tip{float:right;font-size:14px;color:#a0a0a0}.comment .drawer-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-top:15px;overflow:auto}.comment .drawer-content-tip{margin-top:20px;text-align:center;font-size:14px;color:#a0a0a0}.comment .drawer-content .item{padding:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer}.comment .drawer-content .item--selected{background:#efefef}.comment .drawer-content .item-img{margin-right:10px;width:60px;height:80px;-o-object-fit:contain;object-fit:contain;background:#000}.comment .drawer-content .item-info{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;padding-right:35px}.comment .drawer-content .item-title{font-size:16px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comment .drawer-content .item-date{position:absolute;left:0;bottom:0;font-size:14px;color:#a0a0a0}.comment .drawer-content .item-tag{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#a0a0a0}.comment .el-drawer__body{height:100%}