body{background:#F7F7F8}.view-container{width:1200px;margin:10px auto;box-sizing:border-box;min-height:350px;margin-bottom:30px;display:flex}.view-container .main-content{width:890px;margin-right:10px}.view-container .main-content .icon-like,.view-container .main-content .icon-comment{color:#999}.view-container .main-content .article{width:100%;background-color:white;margin-bottom:10px;border-radius:4px}.view-container .main-content .article .crumbs-container{margin:0 20px;padding:18px 0;height:14px;border-bottom:1px solid #eee}.view-container .main-content .article .crumbs-container .crumbs{margin-left:5px;font-size:14px;font-weight:400;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.view-container .main-content .article .crumbs-container .crumbs .link{color:#E74C5B}.view-container .main-content .article .article-detail{box-sizing:border-box;padding:20px 25px 20px 25px}.view-container .main-content .article .article-detail .title{font-size:28px;font-weight:bold;color:#333;line-height:46px;margin-bottom:20px}.view-container .main-content .article .article-detail .article-info{height:12px;font-size:12px;font-weight:400;color:#999;line-height:12px;display:flex;margin-bottom:30px}.view-container .main-content .article .article-detail .article-info .publish-time{margin-right:30px}.view-container .main-content .article .article-detail .article-content{font-size:16px;color:#333;line-height:1.5em}.view-container .main-content .article .article-detail .article-content .wscnph{width:100%;border-radius:4px;background-size:contain;background-repeat:no-repeat;overflow:hidden;transition:0.3s}.view-container .main-content .article .article-detail .article-content .wscnph:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);border-radius:7px}.view-container .main-content .article .article-detail .article-content p{margin-bottom:20px;line-height:1.5em;font-size:16px;color:#333;display:flex;flex-wrap:wrap;align-content:center}.view-container .main-content .article .article-detail .article-content p img{width:100%;margin:15px auto}.view-container .main-content .article .article-detail .article-content .icon-text{width:22px;height:22px;display:inline-block;background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;position:relative}.view-container .main-content .article .article-detail .article-content .prism-tooltip{color:#fff;display:none}.view-container .main-content .article .article-detail .article-content a{color:#333333;text-decoration:underline}.view-container .main-content .article .article-detail .article-content a:hover{color:#4FB0FF}.view-container .main-content .article .article-detail .article-content img{max-width:100%;display:block;margin:0 auto}.view-container .main-content .article .article-detail .article-content blockquote{display:block;line-height:1.5;margin:10px 0;padding:10px;font-size:16px;color:#333;background:#F5F7F9;position:relative;font-weight:600}.view-container .main-content .article .article-detail .article-content blockquote::after{content:"";position:absolute;width:4px;height:20px;background:#E74C5B;left:0;top:50%;margin-top:-10px;border-top-right-radius:4px;border-bottom-right-radius:4px}.view-container .main-content .article .article-detail .article-content blockquote .viewDetail{float:right;font-size:14px;font-weight:normal;color:#333333 !important;cursor:pointer;text-decoration:none}.view-container .main-content .article .article-detail .article-content .newsVedioPlayerBlock{width:100%;height:400px;background-size:cover;display:block;margin:15px 0}.view-container .main-content .article .article-detail .tips{height:19px;display:flex;justify-content:space-between;align-items:center}.view-container .main-content .article .article-detail .tips .tip-container .item{width:32px;height:19px;font-size:14px;font-weight:bold;color:#333;line-height:19px;margin-right:10px}.view-container .main-content .article .article-detail .tips .tip-container .tip{height:19px;font-size:14px;color:#666;line-height:19px;margin-right:10px}.view-container .main-content .article .article-detail .tips .votes{display:flex;height:19px;align-items:center}.view-container .main-content .article .article-detail .tips .votes>div{display:flex;align-items:center;padding-right:12px}.view-container .main-content .article .article-detail .tips .votes>div>i{width:16px;height:16px;background-repeat:no-repeat;background-size:contain;background-position:center}.view-container .main-content .article .article-detail .tips .votes>div .num{height:17px;font-size:12px;font-weight:400;color:#999;line-height:17px;margin-left:5px}.view-container .main-content .article .article-detail .only-leisu{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.view-container .main-content .article .article-detail .only-leisu .only-text{width:310px;height:24px;display:flex;align-items:center;padding-left:25px;font-size:12px;color:#E74C5B;background:url("/public/img/news/only-leisu-bg-047195d49f.png") no-repeat;background-size:contain}.view-container .main-content .article .article-detail .only-leisu .only-statement{text-align:right;font-size:14px;color:#979797}.view-container .main-content .comments{border-radius:4px}.view-container .main-content .comments .comments-wrapper{background-color:white;width:890px;margin-bottom:10px;border-radius:4px}.view-container .main-content .comments .comments-wrapper .head{position:relative;width:890px;height:50px;box-sizing:border-box;padding:16px 10px 14px 20px;display:flex;justify-content:space-between}.view-container .main-content .comments .comments-wrapper .head .red-line{margin-bottom:2px;width:4px;height:18px;background-color:#e74c5b;margin-right:5px}.view-container .main-content .comments .comments-wrapper .head .title{width:80px;height:18px;margin-bottom:2px;font-size:18px;font-weight:600;color:#333;line-height:18px}.view-container .main-content .comments .comments-wrapper .head .space-holder{height:20px;flex:auto}.view-container .main-content .comments .comments-wrapper .head .look-more{width:73px;height:24px;font-size:12px;font-weight:400;color:#e84b5b;line-height:24px;display:flex}.view-container .main-content .comments .comments-wrapper .head .look-more img{height:24px;width:24px}.view-container .main-content .comments .comments-wrapper .head .split-line{width:890px;height:1px;background-color:#eeeeee;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.view-container .main-content .comments .comments-wrapper .comment-item{position:relative;display:flex;box-sizing:border-box;flex-wrap:wrap;padding-top:20px;min-height:110px;width:890px;padding-left:20px}.view-container .main-content .comments .comments-wrapper .comment-item .split-line{width:850px;height:1px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#eee}.view-container .main-content .comments .comments-wrapper .comment-item .avatar{width:40px;margin-right:20px}.view-container .main-content .comments .comments-wrapper .comment-item .avatar .icon{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content{width:810px}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content .nick-name{height:14px;font-size:14px;font-weight:bold;color:#333;line-height:14px;margin-bottom:10px}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content .text{font-size:14px;font-weight:400;color:#333;line-height:20px;margin-bottom:15px;word-break:break-word;margin-right:20px}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content .other{height:17px;display:flex;align-items:center;justify-content:space-between;margin-right:20px;margin-bottom:10px}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content .other .publish-time{height:12px;font-size:12px;font-weight:400;color:#999;line-height:12px}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content .other .votes{display:flex;height:19px;align-items:center}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content .other .votes>div{display:flex;align-items:center;padding-right:12px}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content .other .votes>div>i{width:16px;height:16px;background-repeat:no-repeat;background-size:contain;background-position:center}.view-container .main-content .comments .comments-wrapper .comment-item .comment-content .other .votes>div .num{height:17px;font-size:12px;font-weight:400;color:#999;line-height:17px;margin-left:5px}.view-container .main-content .comments .comments-wrapper .comment-item .replys{transition:0.3s;width:850px;box-sizing:border-box;padding-left:60px}.view-container .main-content .comments .comments-wrapper .comment-item .replys:hover{background-color:#F3F4F7}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply{min-height:105px;margin-left:6px;display:flex;position:relative}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_avatar{width:50px}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_avatar .icon{width:30px;height:30px;margin-top:20px;border-radius:50%;background-position:center;background-size:cover}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content{flex:auto;height:100%}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content .nick-name{margin-top:20px;height:14px;font-size:14px;font-weight:bold;color:#333;line-height:14px}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content .text{margin-top:10px;margin-bottom:15px;font-size:14px;font-weight:400;color:#333;line-height:20px;word-break:break-word;margin-right:20px}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content .other{height:17px;display:flex;align-items:center;justify-content:space-between;margin-right:0}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content .other .publish-time{height:12px;font-size:12px;font-weight:400;color:#999;line-height:12px}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content .other .votes{display:flex;height:19px;align-items:center}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content .other .votes>div{display:flex;align-items:center;padding-right:12px}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content .other .votes>div>i{width:16px;height:16px;background-repeat:no-repeat;background-size:contain;background-position:center}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .r_comment-content .other .votes>div .num{height:17px;font-size:12px;font-weight:400;color:#999;line-height:17px;margin-left:5px}.view-container .main-content .comments .comments-wrapper .comment-item .replys .reply .split-line{width:784px;height:1px;background-color:#eee}.view-container .main-content .comments .comments-wrapper .comment-item .more-comments{width:72px;height:12px;margin-left:60px;margin-bottom:20px;cursor:pointer;font-size:12px;font-weight:400;color:#666;line-height:12px}.view-container .main-content .comments .comments-wrapper .load-more{position:relative;height:111px;padding-top:30px;width:890px;box-sizing:border-box}.view-container .main-content .comments .comments-wrapper .load-more .more_btn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;width:850px;height:51px;background:#f3f4f7;border-radius:4px;font-size:14px;font-weight:400;color:#666666;transition:0.3s;cursor:pointer}.view-container .main-content .comments .comments-wrapper .load-more .more_btn:hover{color:#e74c5b;background-color:#f3f4f7}.view-container .main-content .comments .comments-wrapper .load-more .split-line{width:850px;height:1px;position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:#eee}.view-container .main-content .comments .comments-wrapper .panel-box{position:relative;text-align:center;height:280px}.view-container .main-content .comments .comments-wrapper .panel-box .split-line{width:850px;height:1px;position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:#eee}.view-container .main-content .comments .comments-wrapper .panel-box .empty{margin-top:65px}.view-container .other-info{width:300px;min-height:350px}.view-container .other-info .hot-points{background-color:white;margin-bottom:10px;border-radius:4px}.view-container .other-info .hot-points .head{position:relative;width:300px;height:50px;box-sizing:border-box;padding:16px 5px 16px 10px;display:flex;align-items:center}.view-container .other-info .hot-points .head .red-line{width:4px;height:18px;background-color:#E74C5B;margin-right:5px}.view-container .other-info .hot-points .head .title{width:80px;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px}.view-container .other-info .hot-points .head .space-holder{height:18px;flex:auto}.view-container .other-info .hot-points .head .look-more{width:73px;height:24px;font-size:12px;font-weight:400;color:#e84b5b;line-height:24px;display:flex}.view-container .other-info .hot-points .head .look-more img{height:24px;width:24px}.view-container .other-info .hot-points .head .split-line{width:282px;height:1px;background-color:#EEEEEE;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.view-container .other-info .hot-points .points{padding:15px 0;margin:0 10px;box-shadow:0px -1px 0px 0px #e5e5e5;box-sizing:border-box;display:flex;flex-wrap:wrap;border-radius:2px}.view-container .other-info .hot-points .points :hover{background-color:#F3F4F7}.view-container .other-info .hot-points .points .item{flex:none;height:28px;padding:0 10px;display:flex;align-items:center}.view-container .other-info .hot-points .points .item .icon{width:16px;height:16px;border-radius:50%;margin-right:5px;background-size:cover;background-position:center;background-repeat:no-repeat}.view-container .other-info .hot-points .points .item .text{height:28px;font-size:14px;color:#333;line-height:28px}.view-container .other-info .hot-match{margin-bottom:10px;background-color:white;border-radius:4px}.view-container .other-info .hot-match .head{position:relative;width:300px;height:50px;box-sizing:border-box;padding:16px 5px 16px 10px;display:flex;align-items:center}.view-container .other-info .hot-match .head .red-line{width:4px;height:18px;background-color:#E74C5B;margin-right:5px}.view-container .other-info .hot-match .head .title{width:80px;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px}.view-container .other-info .hot-match .head .space-holder{height:18px;flex:auto}.view-container .other-info .hot-match .head .look-more{width:73px;height:24px;font-size:12px;font-weight:400;color:#e84b5b;line-height:24px;display:flex}.view-container .other-info .hot-match .head .look-more img{height:24px;width:24px}.view-container .other-info .hot-match .head .split-line{width:282px;height:1px;background-color:#EEEEEE;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.view-container .other-info .hot-match .list{padding:1px 10px 10px 10px}.view-container .other-info .hot-match .list .hot-match-item{cursor:pointer}.view-container .other-info .hot-match .list .hot-match-item.active .img-item-wrapper{height:130px}.view-container .other-info .hot-match .list .hot-match-item.active .text-item-wrapper{height:0}.view-container .other-info .hot-match .list .hot-match-item .img-item-wrapper{height:0;overflow:hidden;transition:0.2s}.view-container .other-info .hot-match .list .hot-match-item .text-item-wrapper{height:50px;transition:0.15s;transition-delay:0.05s;overflow:hidden}.view-container .other-info .hot-match .list .hot-match-item .img-item{position:relative;margin-top:10px;border-radius:4px;width:280px;height:120px;overflow:hidden}.view-container .other-info .hot-match .list .hot-match-item .img-item .text{position:absolute;top:0;left:0;color:white;width:280px;height:120px;box-sizing:border-box;z-index:100;padding:15px 20px 15px 15px}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .competition{display:flex;justify-content:space-between;height:12px;font-size:12px;font-weight:400;color:#fff;line-height:12px}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .competition a{color:#fff}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match{display:flex;justify-content:space-between;padding-top:15px}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .team{width:83px;display:flex;flex-direction:column;align-items:center}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .team .icon{width:33px;height:33px;background-size:contain;background-repeat:no-repeat;background-position:center}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .team .name{margin-top:10px;width:96px;font-size:12px;font-weight:600;color:#fff;text-align:center}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight{flex:auto;width:79px;height:59px;margin-bottom:17px;display:flex;flex-direction:column;align-items:center}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight .vs{padding-top:6px;width:27px;height:20px;font-size:20px;font-weight:600;color:#fff;line-height:20px}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight .score{width:111px;margin-top:6px;font-size:22px;font-weight:600;color:#fff;line-height:22px;white-space:nowrap;display:flex;justify-content:center}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight .score .num1,.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight .score .num2{flex:none;display:block;width:41px}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight .score .num1{text-align:right}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight .score .num2{text-align:left}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight .score .hline{margin:0 5px}.view-container .other-info .hot-match .list .hot-match-item .img-item .text .match .fight .match-status{display:flex;padding-top:18px;flex-direction:column;align-items:center;width:48px;font-size:12px;font-weight:400;color:#fff;line-height:14px}.view-container .other-info .hot-match .list .hot-match-item .text-item{margin-top:10px;width:280px;height:40px;background:#f3f4f7;border-radius:2px;box-sizing:border-box;padding:10px;display:flex;align-items:center;overflow:hidden}.view-container .other-info .hot-match .list .hot-match-item .text-item .competition-name{flex:none;width:47px;height:20px;font-size:14px;font-weight:600;color:#333;line-height:20px;margin-right:5px;white-space:nowrap;overflow:hidden}.view-container .other-info .hot-match .list .hot-match-item .text-item .match-time{width:30px;height:20px;font-size:12px;font-weight:400;color:#666;line-height:20px;margin-right:5px}.view-container .other-info .hot-match .list .hot-match-item .text-item .fight{font-size:12px;color:#666;line-height:16px;display:flex}.view-container .other-info .hot-match .list .hot-match-item .text-item .fight .team{width:72px}.view-container .other-info .hot-match .list .hot-match-item .text-item .fight .team.one-team{text-align:right}.view-container .other-info .hot-match .list .hot-match-item .text-item .fight .team.two-team{text-align:left}.view-container .other-info .hot-match .list .hot-match-item .text-item .fight .vs{margin:0 5px}.view-container .other-info .relative-news{margin-bottom:10px;background-color:white;border-radius:4px}.view-container .other-info .relative-news .head{position:relative;width:300px;height:50px;box-sizing:border-box;padding:16px 5px 16px 10px;display:flex;align-items:center}.view-container .other-info .relative-news .head .red-line{width:4px;height:18px;background-color:#E74C5B;margin-right:5px}.view-container .other-info .relative-news .head .title{width:80px;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px}.view-container .other-info .relative-news .head .space-holder{height:18px;flex:auto}.view-container .other-info .relative-news .head .look-more{width:73px;height:24px;font-size:12px;font-weight:400;color:#e84b5b;line-height:24px;display:flex}.view-container .other-info .relative-news .head .look-more img{height:24px;width:24px}.view-container .other-info .relative-news .head .split-line{width:282px;height:1px;background-color:#EEEEEE;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.view-container .other-info .relative-news .list{display:flex;flex-direction:column}.view-container .other-info .relative-news .list .item{margin:0 10px;border-top:1px solid #EEEEEE}.view-container .other-info .relative-news .list .item .cover{width:280px;height:160px;margin-top:15px;margin-bottom:10px;border-radius:2px;overflow:hidden}.view-container .other-info .relative-news .list .item .cover .img{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:0.3s}.view-container .other-info .relative-news .list .item .cover:hover .img{transform:scale(1.2)}.view-container .other-info .relative-news .list .item .title{width:280px;font-size:14px;color:#333;line-height:19px;margin-bottom:10px;transition:0.3s;word-wrap:break-word}.view-container .other-info .relative-news .list .item .title:hover{color:#E74C5B}.view-container .other-info .relative-news .list .item .time{width:120px;height:17px;font-size:12px;font-weight:400;color:#999;line-height:17px;margin-bottom:15px;white-space:nowrap}