.kr-video-catalog{padding-top:30px}.kr-video-catalog .kr-video-catalog-left{width:690px;float:left}.kr-video-catalog-banner{width:690px;height:328px;overflow:hidden;border-radius:2px;position:relative;padding-bottom:40px}.kr-video-catalog-banner .banner-item{height:100%;width:690px;float:left;background:#fff;transition:transform 1s;border-radius:2px;overflow:hidden}.kr-video-catalog-banner .banner-item .banner-item-article{height:100%;position:relative}.kr-video-catalog-banner .banner-item .banner-item-article .banner-item-pic{width:100%;height:100%}.kr-video-catalog-banner .banner-item .banner-item-article .banner-item-info{height:100px;width:100%;position:absolute;bottom:0;background-image:linear-gradient(-180deg,transparent 13%,rgba(0,0,0,.65) 97%);text-align:left;padding-top:52px;padding-left:20px;display:block}.kr-video-catalog-banner .banner-item .banner-item-article .banner-item-info .banner-item-title{font-size:20px;color:#fff;letter-spacing:0;text-align:justify;line-height:28px;height:28px;width:650px}.kr-video-catalog-banner .banner-control-list{position:absolute;bottom:0;left:20px;z-index:100}.kr-video-catalog-banner .banner-control-list .banner-control-item{width:30px;height:20px;margin-right:4px;float:left;border-radius:.5px;cursor:default;position:relative}.kr-video-catalog-banner .banner-control-list .banner-control-item:hover{cursor:pointer}.kr-video-catalog-banner .banner-control-list .banner-control-item:hover .bg-line{background:#4285f4}.kr-video-catalog-banner .banner-control-list .banner-control-item .bg-line{background:hsla(0,0%,100%,.5);width:30px;height:2px;position:absolute;left:0;bottom:10px}.kr-video-catalog-banner .banner-control-list .banner-control-item .pending-bg{height:2px;background:#4285f4;display:block;width:0;position:absolute;left:0;bottom:10px}.kr-video-catalog-banner .banner-control-list .banner-control-item .pending-bg.active{width:30px}.kr-video-catalog-banner .banner-control-list .banner-control-item .pending-bg.start{-webkit-animation:pending 5s linear none;animation:pending 5s linear none}.kr-video-catalog-banner .banner-control-list .banner-control-item .pending-bg.loaded{width:30px}.kr-video-catalog-banner .pre{background:url(//staticx.36krcdn.com/36kr-web/static/home.6f23b2fe.png) no-repeat 50%;background-size:246px 1012px;background-position:0 -904px;left:0}.kr-video-catalog-banner .next,.kr-video-catalog-banner .pre{height:40px;width:28px;z-index:10;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;display:none}.kr-video-catalog-banner .next{background:url(//staticx.36krcdn.com/36kr-web/static/home.6f23b2fe.png) no-repeat 50%;background-size:246px 1012px;background-position:0 -944px;right:0}.kr-video-catalog-banner.show-action-bar:hover .next,.kr-video-catalog-banner.show-action-bar:hover .pre{display:block}@-webkit-keyframes pending{0%{width:0}to{width:30px}}@keyframes pending{0%{width:0}to{width:30px}}.video-catalog-flow .video-catalog-flow-list{padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between}.video-catalog-flow .video-catalog-flow-list .flow-item{width:335px;height:313px;margin-top:40px}.video-catalog-flow .video-catalog-flow-list .flow-item:first-child,.video-catalog-flow .video-catalog-flow-list .flow-item:nth-child(2){margin-top:0}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic{height:188px;position:relative;border-radius:2px;overflow:hidden;display:block}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic .topping{position:absolute;top:6px;left:6px;width:46px;height:20px;line-height:20px;text-align:center;font-size:13px;color:#fff;background:#4285f4;border-radius:1px;z-index:102}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic img{height:100%;width:100%}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic .video-icon{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:48px;height:48px;background:url(//staticx.36krcdn.com/36kr-web/static/home.6f23b2fe.png) no-repeat;background-size:327.18px 1345.96px;background-position:0 -516px;z-index:1}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-pic .video-time-length{position:absolute;bottom:0;right:0;text-align:center;height:16px;line-height:16px;padding:0 5px;z-index:1;font-size:12px;color:#fff;background:rgba(0,0,0,.5);border-radius:.5px .5px 2px .5px}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail{height:74px;width:100%}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail .flow-item-title{margin-top:10px;margin-bottom:4px;font-size:18px;text-align:justify;color:#262626;line-height:24px;max-height:48px;overflow:hidden;transition:all .5s}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail .flow-item-title:hover{color:#4d7fd0}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail .flow-item-title:visited{color:#787878}.video-catalog-flow .video-catalog-flow-list .flow-item .flow-item-detail .flow-item-description{line-height:18px;max-height:36px;overflow:hidden;color:#787878;text-align:justify;font-size:13px}.kr-flow-bar{font-size:12px;line-height:18px;color:#a7a7a7;position:absolute;bottom:2px;width:100%;float:left}.kr-flow-bar .kr-flow-bar-motif{vertical-align:middle;padding-right:6px}.kr-flow-bar .kr-flow-bar-motif a{padding-left:2px;padding-right:6px;color:#4285f4}.kr-flow-bar .kr-flow-bar-author-face{display:inline-block;margin-right:6px;vertical-align:middle}.kr-flow-bar .kr-flow-bar-author-face,.kr-flow-bar .kr-flow-bar-author-face img{width:26px;height:26px;border-radius:100%}.kr-flow-bar .kr-flow-bar-author{transition:.5s;color:#a7a7a7;vertical-align:middle}.kr-flow-bar .kr-flow-bar-author:hover{color:#4d7fd0;cursor:pointer}.kr-flow-bar .kr-flow-bar-time{padding-left:5px;display:inline-block;vertical-align:middle}.kr-flow-bar .kr-flow-bar-time .kr-flow-bar-time-icon{display:inline-block;padding:5px;background:url(//staticx.36krcdn.com/36kr-web/static/home.6f23b2fe.png) no-repeat;background-size:246px 1012px;background-position:0 -115px;position:relative;top:1px;right:5px}.kr-flow-bar .kr-flow-bar-collect,.kr-flow-bar .kr-flow-bar-collect>span,.kr-flow-bar .kr-flow-bar-hot,.kr-flow-bar .kr-flow-bar-hot>span{padding-left:10px}.kr-flow-bar .kr-flow-bar-disclaimer{height:20px;text-align:center;padding:2px 8px;margin-left:8px;background-color:rgba(0,0,0,.04);border-radius:2px;color:rgba(17,17,17,.32);font-size:11px}.kr-loading-more{width:100%}.kr-loading-more-button{position:relative;width:148px;height:36px;line-height:34px;text-align:center;font-size:16px;border:1px solid #4285f4;border-radius:1px;color:#4285f4;cursor:pointer;margin:0 auto}.kr-loading-more-button .kr-loading-more-cut{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;margin-left:4px}.kr-loading-more-button:hover{color:#fff;background:#4285f4}.kr-loading-more-tip{width:148px;font-size:16px;color:#4285f4;border:1px solid #4285f4;border-radius:1px}.kr-loading-more-tip,.kr-loading-no-more-tip{text-align:center;height:36px;line-height:36px;margin:0 auto}.kr-loading-no-more-tip{font-size:14px;color:#262626;opacity:.6}.kr-loading-no-more-tip:after,.kr-loading-no-more-tip:before{content:"/";width:4px;height:10px;color:#262626;opacity:.6;margin-left:8px;margin-right:8px}.kr-column-title{height:28px;line-height:28px}.kr-column-title .kr-column-title-icon{display:inline-block;padding:7px;background:url(//staticx.36krcdn.com/36kr-web/static/home.6f23b2fe.png) no-repeat;background-size:246px 1012px;background-position:0 -125px}.kr-column-title .kr-column-title-text{font-size:20px;color:#262626;padding-left:4px}.kr-hot-author .kr-hot-author-list{padding-bottom:20px}.kr-hot-author .kr-hot-author-list .hot-author-item{border-bottom:1px solid #ddd;padding:20px 0}.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-pic{width:42px;height:42px;float:left;border-radius:100%}.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-pic .author-avatar{height:42px;width:42px;border-radius:100%;background-color:#fff}.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-info{float:right;width:238px}.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-info .hot-author-name{font-size:14px;color:#262626;height:22px;line-height:22px;display:block;transition:all .5}.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-info .hot-author-name:hover{color:#4d7fd0}.kr-hot-author .kr-hot-author-list .hot-author-item .hot-author-info .hot-author-description{padding-top:2px;font-size:13px;color:#787878;line-height:18px;max-height:54px;overflow:hidden;text-align:justify}.kr-hot-author .kr-hot-author-list .hot-author-item:last-child{border:none}.kr-avatar{display:inline-block;position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%}.kr-avatar .kr-avatar-img{width:100%;height:100%}.kr-avatar .kr-avatar-img,.kr-avatar .kr-avatar-v{-o-object-fit:cover;object-fit:cover;border-radius:50%}.kr-avatar .kr-avatar-v{position:absolute;bottom:0;right:0;background-size:100%;background-repeat:no-repeat;background-position:50%}.kr-follow{height:0}.kr-follow-fixed{position:fixed;width:1170px}.kr-follow-absolute,.kr-follow-fixed{left:0;right:0;margin:0 auto;z-index:10001}.kr-follow-absolute{position:absolute;width:1030px}.kr-video-catalog-right,.kr-video-catalog-right .kr-video-catalog-follow-container{width:300px;float:right}