
.sx-list{display:flex;justify-content:space-between;padding-bottom:20px}
.sx-list-info{width:792px}
.video-body .sx-list-info{width:100%}
.sx-list .player{width:960px;height:540px;margin:0 auto;margin-bottom:22px}
.sx-list-info .title{font-size:26px;font-weight:600;color:#333333;text-align:center;line-height:38px;}
.assist{width:100%;height:20px;line-height:20px;font-size:14px;color:#999;padding:16px 0 23px 0;text-align:center;font-weight:400}
.assist .as-lines{margin-left:8px;margin-right:8px}
.assist .as-right{height:21px;display:inline-block;vertical-align:middle;padding-left:22px;margin-top:-5px;}
.assist .as-line{font-size:21px;line-height:21px;font-weight:200;vertical-align:top}
#font-big,#font-small{width:25px;height:21px;display:inline-block}
#font-big{background:url(../../images/fontbig.png) no-repeat;background-size:100% 100%}
#font-small{background:url(../../images/fontsmall.png) no-repeat;background-size:100% 100%}
#font-big a,#font-small a{display:block;height:100%}
.sx-content .assist .source{color:#101010}
.content{font-size:16px;line-height: 28px;}
.content-info{font-weight:400;color:#333;line-height:28px;overflow: hidden;}
.content-info img{max-width:100%!important}
.content-info p{margin-bottom:15px;}
.zyjz .content-info img{width:600px;height:600px}
.sx-list-video{width:100%}
.sx-list-video .player{width:711px;height:400px;margin:0 auto}
.sx-list-video .assist{margin:0 auto}
.sx-list-video .content-info{margin-top:22px}
.recommendvideo-wrap{margin-bottom:20px;padding-top:54px}
.recommendvideo-title{font-size:24px;font-weight:700;color:#333;margin-bottom:26px;display:flex;justify-content:space-between}
.recommendvideo-title a.more{width:9px;height:16px;background:url(../../images/right.png) no-repeat;background-size:100% 100%}
.recommendvideo-wrap .recommendvideo-box ul{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-content:flex-start;width:100%}
.recommendvideo-wrap .recommendvideo-box li{width:220px;font-size:15px;font-weight:400;line-height:25px;color:#252525;padding-bottom:14px}
.recommendvideo-wrap .recommendvideo-box li .img-box{height:124px;position:relative}
.recommendvideo-wrap .recommendvideo-box li .img-box img{width:100%;height:100%}
.recommendvideo-wrap .recommendvideo-box li .img-box .play{width:48px;height:48px;background:url(../../images/play.png) no-repeat;background-size:100% 100%;position:absolute;top:38px;left:86px}
.recommendvideo-wrap .recommendvideo-box li p{margin-top:8px}
.recommendvideo-wrap .recommendvideo-box li .img-tlt{width:100%;font-size:14px;font-weight:400;color:#333;line-height:24px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-wrap:break-word;word-break:normal}
.recommendvideo-wrap .recommendvideo-box li:hover a{color:#333}
.sx-list-info .title.livetlt{text-align:left;margin-bottom:20px}
.iframe-box{width:100%;height:615px}
#jx_frame{width:100%;height:100%}
.content-inner{min-width:1280px;margin:0 auto}


.comment-container{max-width:100%;margin:0 auto}
.comment-container .comment-header{padding:40px 0 24px}
.comment-container .comment-count{margin-right:16px;height:30px;font-weight:600;font-size:22px;color:#333;line-height:30px}
.comment-container .agreement-text{font-weight:400;font-size:14px;color:#999;line-height:20px}
.comment-container .login-prompt{width:100%;position:relative}
.comment-container .login-prompt .comment-textarea{padding:10px 16px;font-size:14px;width:calc(100% - 32px);color:#666;height:88px;background:#fff;border-radius:4px;border:1px solid #eee;font-weight:400;font-size:16px;color:#999;line-height:22px}
.comment-container .login-link{color:#1e88e5;text-decoration:none;cursor:pointer}
.comment-container .post-comment-btn{width:76px;height:32px;background:#3fcdc9;border-radius:4px;font-weight:400;font-size:14px;color:#fff;line-height:32px;cursor:pointer;position:absolute;bottom:10px;right:10px;text-align:center}
.comment-container .post-comment-btn.nocontent{background-color: #ddd;cursor: default;}
.comment-container .comment-list{clear:both;list-style:none;padding-top:20px}
.comment-container .comment-item{padding-bottom:30px}
.qnt-author-info-author-img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.comment-avatar-container{padding-right:10px}
.comment-avatar-container .comment-avatar-img{cursor:pointer}
.comment-avatar-container .comment-avatar-img,.xa-comment-user-avatar{border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:38px;width:38px}
.qnc-comment{display:-ms-flexbox;display:flex;overflow:hidden}
.comment-right-container{-ms-flex:1 1;flex:1 1;overflow:hidden}
.comment-content-top-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}
.comment-content-left-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1 1;flex:1 1;min-width:0}
.comment-nickname,.comment-replied-nick{color:#999;font-size:14px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comment-like-btn{display:-ms-flexbox;display:flex;margin-left:1em;-ms-flex-align:end;align-items:flex-end}
.comment-like-count{color:#666;font-size:14px;line-height:16px;white-space:nowrap}
.comment-like-count--liked{color:#d30f13}
.xa-comment-item .comment-content-top-container .comment-like-btn .comment-like-img{height:20px}
.comment-content-container{margin-top:4px}
.comment-content-container>.comment-pictures:first-child{margin-top:6px}
.comment-content-bottom-container{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px}
.xa-comment-item .xa-comment-reply-btn{color:#333;cursor:pointer;font-weight:400;font-size:14px}
.xa-comment-item .comment-content-bottom-container div>span{background-color:#999!important}
.xa-comment-item .comment-content-bottom-container .comment-extra .xa-comment-item-extra{cursor:pointer;height:13px;padding:0 8px}
.xa-comment-item .comment-content>span:last-child{cursor:pointer}
.xa-comment-item .comment-content>span:first-child{cursor:text}
.xa-comment-item .comment-content-top-container{height:auto;margin-bottom:10px}
.xa-comment-item .comment-content-top-container .comment-like-btn{-ms-flex-align:center;align-items:center;cursor:pointer}
.xa-comment-item{margin-bottom:32px}
.xa-comment-user{padding-right:12px;width:38px}
.xa-comment-send{display:-ms-flexbox;display:flex;margin:30px 0 22px;position:relative}
.xa-comment-send .xa-comment-area{background:#fff;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1;flex:1 1;height:108px;padding:16px 10px;position:relative;-webkit-transition:height .3s;transition:height .3s;border:1px solid #eee;font-weight:400;font-size:16px;color:#999;line-height:22px}
.xa-comment-send .xa-comment-send-input{background:#fff;border:none;color:#333;line-height:22px;outline:0;overflow-y:auto;resize:none;width:100%}
.xa-comment-send .xa-comment-send-btn{background:#3fcdc9;border-radius:4px;bottom:10px;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:32px;font-weight:400;font-size:14px;color:#fff;line-height:32px;line-height:1;position:absolute;right:10px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;width:76px}
.xa-comment-send .xa-comment-send-btn.nocontent{background-color:#ddd;cursor:default}
.xa-comment-item .comment-nickname,.xa-comment-item .comment-replied-nick{color:#999;font-size:16px}
.xa-comment-item .comment-nickname.comment-nickname,.xa-comment-item .comment-replied-nick.comment-nickname{cursor:pointer}
.xa-comment-item .comment-medal{margin:0 4px}
.xa-comment-item .xa-comment-send{margin:20px 0 24px}
.xa-comment-item .xa-comment-reply-num{color:#333;cursor:pointer}
.xa-comment-item .xa-comment-origin-article{color:#999;cursor:pointer}
.qqcom-sub-comment{margin-top:22px;padding-left:48px}
.qqcom-sub-comment .xa-comment-item{margin-bottom:20px}
.qqcom-sub-comment .xa-comment-user{width:28px}
.qqcom-sub-comment .comment-avatar-img{height:28px;width:28px}
.comment-avatar-container{padding-right:10px}
.comment-content{color:#333;font-size:16px;line-height:26px;font-weight:400;word-wrap:break-word}
.comment-content+.comment-pictures{margin-top:10px}
.comment-picture{margin-right:8px}
.comment-time-location{color:#999;font-size:14px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;margin-right:5px}
.comment-time-location-text{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comment-reply-btn{color:#1f1f1f}
.comment-extra{-ms-flex:1 1;flex:1 1;text-align:right}
.comment-container .username{font-weight:700;font-size:16px}
.comment-container .comment-content{margin-bottom:10px;font-size:15px}
.comment-container .comment-meta{display:flex;justify-content:space-between;color:#999;font-size:12px;margin-top:10px}
.comment-container .like-btn{display:flex;align-items:center;color:#999;cursor:pointer;text-decoration:none}
.comment-container .like-btn.active{color:#f44336}
.comment-container .reply-btn{color:#999;cursor:pointer;text-decoration:none}
.comment-container .view-more{padding:15px 0;text-align:center;color:#1e88e5;font-size:14px;cursor:pointer;display:block;margin-top:10px}
.comment-container .comment-reply{margin-top:10px;padding-left:50px;border-left:2px solid #eee}
.comment-container .comment-form{margin-top:30px;padding-top:20px;border-top:1px solid #eee}
.comment-container .input-area{position:relative;margin-bottom:15px}
.comment-container .input-textarea{width:100%;height:80px;border:1px solid #ddd;border-radius:4px;resize:none;padding:10px;font-size:14px}
.comment-container .input-actions{display:flex;justify-content:space-between;margin-top:10px}
.comment-container .cancel-btn{color:#999;text-decoration:none;cursor:pointer;font-size:14px}
.comment-container .submit-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#333;padding:6px 20px;border-radius:4px;font-size:14px;cursor:pointer}
.comment-container .comment-more{margin-top:20px;width:100%;height:44px;background:#f8f8f8;border-radius:4px;font-weight:400;font-size:16px;color:#333;line-height:44px;text-align:center}
.comment-container .comment-more img{width:12px;height:7px;margin-left:7px}

.wd1200{position:relative}
.interact-box{position:fixed;z-index:9;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:-80px;top:236px;display:-webkit-box;display:-ms-flexbox;display:flex}
.interact-box .interact-item{margin-bottom:24px}
.interact-box .interact-item:nth-child(3){display:none;}
.interact-box .interact-item:nth-child(4):hover + .qrcode-container{display: block}
.interact-box .interact-item img{width:24px;height:24px}
.interact-box .interact-item .interact-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;cursor:pointer;width:48px;height:48px;background:#fff;border:1px solid #eee}
.interact-box .interact-item .interact-btn:hover{opacity:.6}
.interact-box .interact-item .interact-desc{text-align:center;height:20px;font-weight:400;font-size:14px;color:#333;line-height:20px}
.qrcode-container {position: absolute;width: 130px;height: 130px;bottom: -22px;left: 70px;padding: 10px;display:none;background: #fff;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);border-radius: 4px;}