.video-page{width:1100px;margin:auto;padding:10px 0}.video-page .video-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-page .video-header .video-header-title{font-size:18px;color:#666;padding:10px 0;line-height:1;font-weight:normal}.video-page .video-header .video-header-title.like{font-size:14px}.video-page .video-header .video-header-title::after{content:'//';padding:0 4px;letter-spacing:0px;font-weight:bolder;color:#ddd}.video-page .video-header .video-header-title .iconfont{padding-right:6px;color:#666;font-style:italic}.video-page .video-header .video-header-title .iconfont.hot{font-style:normal;color:#F44336}.video-page .video-header .video-header-title .iconfont.like{font-style:normal;color:#F44336}.video-page .video-header .video-header-more{font-size:12px;color:#607D8B}.video-page .like-more{padding:0 10px 10px;background-color:#3764a4;margin:10px -10px 10px -10px;border-top:3px solid #3764a4}.video-page .like-more .video-block{background-color:#fff}.video-page .like-more .video-header-title{color:#fff}.video-page .like-more .video-header-title::after{color:#fff}.video-page .video-screen{width:100%;margin-bottom:5px}.video-page .video-screen .sort-nav{background-color:#f7f7f7;border:1px solid #efefef;padding:10px 20px}.video-page .video-screen .sort-nav .sort-nav-title{padding:5px 10px 5px 0;float:left}.video-page .video-screen .sort-nav a{padding:5px 10px;display:inline-block;border-radius:3px;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}.video-page .video-screen .sort-nav a.cur,.video-page .video-screen .sort-nav a:hover{background:#607D8B;color:#fff}.video-page .video-screen .sort-nav-subcat{padding:10px 20px;border:1px solid #efefef;border-top:0}.video-page .video-screen .sort-nav-subcat a{text-decoration:none;padding-right:15px}.video-page .video-screen .sort-nav-subcat a i{font-size:14px}.video-page .video-screen .sort-nav-subcat a:hover,.video-page .video-screen .sort-nav-subcat a.cur{color:#607D8B}.video-page .video-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:-10px;margin-left:-10px;padding-left:5px;padding-right:5px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.video-page .video-list .video-block{padding:5px;margin:5px;width:24.1%}.video-page .video-list .video-block .video-thumb{position:relative}.video-page .video-list .video-block .video-thumb img{width:100%;height:160px}.video-page .video-list .video-block .video-thumb .video-tag{position:absolute;background-color:#E91E63;color:#fff;left:0;padding:3px 10px;z-index:2;top:0}.video-page .video-list .video-block .video-thumb .video-player{display:none;position:absolute;left:0;top:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:hsla(0,0%,0%,0.6);-webkit-transition:all .5s;transition:all .5s}.video-page .video-list .video-block .video-thumb .video-player i{color:#fff;font-size:40px}.video-page .video-list .video-block .video-content .video-avatar{width:20px;height:20px;border-radius:50%}.video-page .video-list .video-block .video-content .video-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-page .video-list .video-block .video-content .video-info .tags span{font-size:12px;background-color:#eee;border-radius:10px;color:#9E9E9E;padding:2px 6px;margin-left:2px}.video-page .video-list .video-block .video-content .video-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;font-size:12px;padding:2px 0}.video-page .video-list .video-block .video-content .video-footer i{font-size:12px;padding-right:4px}.video-page .video-list .video-block .video-content .video-title{padding:4px 0;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#333;word-wrap:break-word;white-space:pre-wrap;word-break:break-all;height:18px}.video-page .video-list a{text-decoration:none;-webkit-transition:all .2s ease-in 0s;transition:all .2s ease-in 0s;border:1px solid #efefef;-webkit-box-sizing:border-box;box-sizing:border-box}.video-page .video-list a:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:rgba(146,157,154,0.24) 0 4px 14px 0;box-shadow:rgba(146,157,154,0.24) 0 4px 14px 0;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;border:1px solid #e4e4e4}.video-page .video-list a:hover .video-player{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.video-page .video-list a:hover .video-username{color:#2196F3}.show-video{width:1100px;margin:0 auto}.show-video .show-box{text-align:center}.show-video .show-box h1{width:100%;padding:10px 0}#pages span{display:inline-block;height:22px;line-height:22px;background:#3764a4;border:0 solid #5a85b2;color:#fff;text-align:center;padding:0 10px}#pages *{border-radius:3px}