* { padding: 0; margin: 0; }

.v-playlist-item::before, .v-videopage .v-container::before, .v-videopage .v-videoarea .v-player::before, .v-videopage .v-videoarea .v-keyinfo::before, .v-videopage .v-videoarea .v-keyinfo-authorbar::before, .v-videopage .v-ecology-content::before { content: " "; display: table; clear: both; }

.v-videopage .v-videoarea .v-player-stage .tip { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transform-style: preserve-3d; }

.v-videopage .v-header-inner .v-search-area, .v-videopage .v-header-inner .v-search-area-wrap, .v-videopage .v-header-inner .v-user-area-wrap, .v-videopage .v-videoarea .v-player-socialbar-inner, .v-videopage .v-videoarea .v-player-socialbar-inner .user-btn-inner, .v-videopage .v-videoarea .v-player .v-playlist-head-wrap, .v-videopage .v-videoarea .v-keyinfo-keyword, .v-videopage .v-ecology-tabheader-left, .v-videopage .v-ecology-tabbody-menu-cgbar, .v-videopage .v-ecology-recommend-list-head, .v-videopage .v-header-inner .v-search-area .v-search-btn-inner, .v-videopage .v-videoarea .v-player .v-playlist-tabheader-item-inner, .v-videopage .v-ecology-tabheader-item-inner, .v-videopage .v-ecology-tabbody-menu-cgbtn { display: table-cell; }

.v-videopage .v-header-inner .v-search-area, .v-videopage .v-header-inner .v-search-area-wrap, .v-videopage .v-header-inner .v-user-area-wrap, .v-videopage .v-videoarea .v-player-socialbar-inner, .v-videopage .v-videoarea .v-player-socialbar-inner .user-btn-inner, .v-videopage .v-videoarea .v-player .v-playlist-head-wrap, .v-videopage .v-videoarea .v-keyinfo-keyword, .v-videopage .v-ecology-tabheader-left, .v-videopage .v-ecology-tabbody-menu-cgbar, .v-videopage .v-ecology-recommend-list-head { vertical-align: middle; }

.v-videopage .v-header-inner .v-search-area .v-search-btn-inner, .v-videopage .v-videoarea .v-player .v-playlist-tabheader-item-inner, .v-videopage .v-ecology-tabheader-item-inner, .v-videopage .v-ecology-tabbody-menu-cgbtn { text-align: center; vertical-align: middle; }

.v-playlist-item-imglink, .v-playlist-item-img, .v-videopage .v-videoarea .v-player-inner { height: 100%; width: 100%; box-sizing: border-box; }

.v-videopage .v-videoarea .v-keyinfo-keyword-item, .v-videopage .v-videoarea .v-keyinfo-author-follow, .v-videopage .v-ecology-tabbody-menu-cgbtn, .v-videopage .v-header-inner .v-search-area .v-search-btn, .v-videopage .v-videoarea .v-player .v-playlist-tabheader-item, .v-videopage .v-ecology-tabheader-item { cursor: pointer; }

.v-videopage .v-videoarea .v-keyinfo-keyword-item, .v-videopage .v-videoarea .v-keyinfo-author-follow, .v-videopage .v-ecology-tabbody-menu-cgbtn, .v-videopage .v-header-inner .v-search-area .v-search-btn { color: #fff; background-color: #ff0100; }

.v-videopage .v-videoarea .v-keyinfo-keyword-item, .v-videopage .v-videoarea .v-keyinfo-author-follow { border-radius: 25px; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-nice, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-bad, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-recomment { cursor: pointer; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-nice:hover, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-bad:hover, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-recomment:hover, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-nice:hover span, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-bad:hover span, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-recomment:hover span, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-nice:hover i, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-bad:hover i, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-recomment:hover i { color: #ff0100 !important; }

.v-videopage .v-videoarea .v-keyinfo-keyword-item, .v-videopage .v-ecology-tabbody-menu-cgbtn { background: none; border: 1px solid #ff0100; }

.v-videopage .v-ecology-tabbody-forum .pager-btn { color: #222; cursor: pointer; outline: none; text-align: center; border-radius: 4px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); transition: all 0.2s; margin: 0 2px; padding: 0 13px; display: inline-block; }

.v-videopage .v-ecology-tabbody-forum .selected.pager-btn, .v-videopage .v-ecology-tabbody-forum .pager-btn:hover { background: #ff3737; color: #fff; border: 1px solid #ff3737; }

body { font: 12px/1.5 PingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif; transition: none !important; }

a, a:active, a:hover, a:link, a:visited { text-decoration: none; }

.v-playlist-item { position: relative; height: 65px; margin-bottom: 15px; }

.v-playlist-item-left { float: left; position: relative; height: 100%; width: 116px; margin-right: 10px; transition: all 0.2s; }

.v-playlist-item-imglink { font-size: 14px; line-height: 20px; color: #999; }

.v-playlist-item-imglink:hover { color: #ff0100; }

.v-playlist-item-img { background: #888282; }

.v-playlist-item-img-border { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 2px solid #ff0100; transition: all 0.2s; }

.v-playlist-item-timer { position: absolute; right: 2px; bottom: 2px; }

.v-playlist-item-timer-text { display: inline-block; font-size: 12px; line-height: 20px; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 0 7px; border-radius: 10px; }

.v-playlist-item-title { margin-top: 3px; height: 40px; overflow: hidden; }

.v-playlist-item-title-text { font-size: 14px; line-height: 20px; color: #999; }

.v-playlist-item-hot { line-height: 14px; margin-top: 6px; color: #666; }

.v-videopage .v-container { margin: 0 40px; position: relative; height: 100%; }

.v-videopage .v-header { height: 70px; background: #232325; }

.v-videopage .v-header-inner { height: 100%; position: relative; }

.v-videopage .v-header-inner .v-logo { height: 100%; display: inline-block; float: left; }

.v-videopage .v-header-inner .v-logo-img { transition: all 0.5s; width: 240px; height: 100%; float: left; background: url("/Video/image/log.png") no-repeat center center; background-size: auto; background-size: 100% auto; }

.v-videopage .v-header-inner .v-search-area { box-sizing: border-box; height: 42px; background-color: #333; border-radius: 21px; }

.v-videopage .v-header-inner .v-search-area-float { height: 70px; position: absolute; left: calc(50% - 270px); }

.v-videopage .v-header-inner .v-search-area-wrap { height: 70px; }

.v-videopage .v-header-inner .v-search-area .v-search-input { width: 400px; float: left; }

.v-videopage .v-header-inner .v-search-area .v-search-input input { display: block; width: 100%; height: 20px; padding: 11px 0; line-height: 20px; text-indent: 17px; border-radius: 21px 0 0 21px; background-color: transparent; border: 0; outline: 0; font-size: 16px; color: #999; font-family: Microsoft Yahei; }

.v-videopage .v-header-inner .v-search-area .v-search-btn { height: 42px; border-radius: 0 21px 21px 0; width: 98px; float: left; }

.v-videopage .v-header-inner .v-search-area .v-search-btn-text, .v-videopage .v-header-inner .v-search-area .v-search-btn i { font-size: 18px; font-weight: bold; }

.v-videopage .v-header-inner .v-search-area .v-search-btn-inner { width: 98px; height: 42px; border-radius: 0 21px 21px 0; color: #fff; background-color: #ff0100; cursor: pointer; }

.v-videopage .v-header-inner .v-user-area-float { float: right; height: 70px; }

.v-videopage .v-header-inner .v-user-area-wrap { height: 70px; }

.v-videopage .v-header-inner .v-user-area .user-btn { color: white; float: left; min-width: 50px; margin-left: 10px; }

.v-videopage .v-header-inner .v-user-area .user-btn:first-child { margin-left: 0; }

.v-videopage .v-videoarea { background: #292929; }

.v-videopage .v-videoarea span { color: #999; }

.v-videopage .v-videoarea .v-player { height: 600px; width: 100%; padding-top: 10px; }

.v-videopage .v-videoarea .v-player-wrap { width: calc(100% - 300px); height: 100%; background: black; float: left; }

.v-videopage .v-videoarea .v-player-stage { width: 100%; height: calc(100% - 50px); }

.v-videopage .v-videoarea .v-player-stage .tip { background: #1f1f1f; display: inline-block; padding: 30px; border-radius: 10px; }

.v-videopage .v-videoarea .v-player-socialbar { width: 100%; height: 50px; background: #1f1f1f; }

.v-videopage .v-videoarea .v-player-socialbar-inner { float: right; height: 100%; }

.v-videopage .v-videoarea .v-player-socialbar-inner .user-btn { height: 50px; float: left; color: #999; margin-left: 30px; }

.v-videopage .v-videoarea .v-player-socialbar-inner .user-btn:first-child { margin-left: 0; }

.v-videopage .v-videoarea .v-player-socialbar-inner .user-btn-inner { height: 50px; }

.v-videopage .v-videoarea .v-player .v-playlist { width: 300px; height: 100%; background: #1f1f1f; overflow: hidden; }

.v-videopage .v-videoarea .v-player .v-playlist .list-item-playing .v-playlist-item-imglink { color: #ff0100; }

.v-videopage .v-videoarea .v-player .v-playlist .list-item-playing .v-playlist-item-img-border { display: block; }

.v-videopage .v-videoarea .v-player .v-playlist-inner { padding: 0px 14px 0px 22px; width: 100%; box-sizing: border-box; }

.v-videopage .v-videoarea .v-player .v-playlist-head { height: 66px; border-bottom: 1px solid #292929; }

.v-videopage .v-videoarea .v-player .v-playlist-head-text { color: white; font-size: 16px; }

.v-videopage .v-videoarea .v-player .v-playlist-head-wrap { height: 66px; width: 300px; }

.v-videopage .v-videoarea .v-player .v-playlist-tabheader { height: 50px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3); }

.v-videopage .v-videoarea .v-player .v-playlist-tabheader-item { position: relative; height: 100%; display: block; width: 50%; float: left; }

.v-videopage .v-videoarea .v-player .v-playlist-tabheader-item-inner { height: 50px; width: 300px; }

.v-videopage .v-videoarea .v-player .v-playlist-tabheader-item-text { color: white; font-size: 16px; }

.v-videopage .v-videoarea .v-player .v-playlist-tabheader-item:hover span { color: #ff0100; }

.v-videopage .v-videoarea .v-player .v-playlist-tabheader-item.selected span { color: #ff0100; }

.v-videopage .v-videoarea .v-player .v-playlist-tabheader-item.selected::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 4px; background: #ff0100; border-radius: 2px; }

.v-videopage .v-videoarea .v-player .v-playlist-tabbody { height: calc(100% - 66px - 66px); }

.v-videopage .v-videoarea .v-player .v-playlist-body { height: calc(100% - 50px); padding-top: 14px; overflow: auto; }

.v-videopage .v-videoarea .v-player .v-playlist-body-inner { width: 100%; }

.v-videopage .v-videoarea .v-player .v-playlist-content { width: 100%; }

.v-videopage .v-videoarea .v-keyinfo { display: inline-block; width: 100%; height: auto; }

.v-videopage .v-videoarea .v-keyinfo-inner { width: 100%; height: auto; }

.v-videopage .v-videoarea .v-keyinfo-left { float: left; width: calc(100% - 300px); padding-top: 14px; }

.v-videopage .v-videoarea .v-keyinfo-title { margin-bottom: 9px; }

.v-videopage .v-videoarea .v-keyinfo-title-text { color: #dddddd; font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.v-videopage .v-videoarea .v-keyinfo-authorbar { display: inline-block; margin-top: 8px; padding-bottom: 13px; width: 100%; }

.v-videopage .v-videoarea .v-keyinfo-leftbar { float: left; }

.v-videopage .v-videoarea .v-keyinfo-hot { float: left; }

.v-videopage .v-videoarea .v-keyinfo-author { float: right; }

.v-videopage .v-videoarea .v-keyinfo-author-name { font-size: 16px; font-weight: bold; }

.v-videopage .v-videoarea .v-keyinfo-author-follow { margin-left: 20px; height: 30px; padding: 0 10px; }

.v-videopage .v-videoarea .v-keyinfo-author-follow span { color: white; }

.v-videopage .v-videoarea .v-keyinfo-right { width: 300px; }

.v-videopage .v-videoarea .v-keyinfo-keyword-item { border-width: 2px; padding: 3px 12px; margin-left: 15px; }

.v-videopage .v-videoarea .v-keyinfo-keyword-item:first-child { margin-left: 30px; }

.v-videopage .v-ecology { min-height: 500px; background: white; }

.v-videopage .v-ecology-content { padding-top: 25px; min-height: 300px; }

.v-videopage .v-ecology-tabheader { height: 50px; background: #f8f8f8; }

.v-videopage .v-ecology-tabheader-inner { height: 100%; }

.v-videopage .v-ecology-tabheader-left { width: calc(100% - 300px); height: 100%; }

.v-videopage .v-ecology-tabheader-item { float: left; position: relative; height: 100%; min-width: 60px; margin-left: 60px; }

.v-videopage .v-ecology-tabheader-item:first-child { margin-left: 0; }

.v-videopage .v-ecology-tabheader-item-inner { min-width: 60px; height: 50px; }

.v-videopage .v-ecology-tabheader-item-text { color: #999; font-size: 16px; }

.v-videopage .v-ecology-tabheader-item:hover span { color: #ff0100; }

.v-videopage .v-ecology-tabheader-item.selected span { color: #ff0100; }

.v-videopage .v-ecology-tabheader-item.selected::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 4px; background: #ff0100; border-radius: 2px; }

.v-videopage .v-ecology-tabbody { width: calc(100% - 300px); height: 100%; float: left; }

.v-videopage .v-ecology-tabbody-menu-process { margin-bottom: 12px; }

.v-videopage .v-ecology-tabbody-menu-process-text { color: #666; font-size: 16px; }

.v-videopage .v-ecology-tabbody-menu-cgbtn { width: 74px; height: 28px; border-color: #ccc; border-radius: 5px; }

.v-videopage .v-ecology-tabbody-menu-cgbtn-wrap { float: left; margin-right: 10px; }

.v-videopage .v-ecology-tabbody-menu-cgbtn-text { color: #111; }

.v-videopage .v-ecology-tabbody-menu-cgbtn:hover { border-color: #ff0100; }

.v-videopage .v-ecology-tabbody-menu-cgbtn:hover span { color: #ff0100; }

.v-videopage .v-ecology-tabbody-forum .comment-wrap { border-top: 1px solid #e5e9ef; }

.v-videopage .v-ecology-tabbody-forum .comment-item { margin: 10px 0; }

.v-videopage .v-ecology-tabbody-forum .comment-input { position: relative; margin-left: 85px; margin-right: 80px; box-sizing: content-box; }

.v-videopage .v-ecology-tabbody-forum .comment-user-icon { float: left; margin: 10px 0 0 15px; position: relative; box-sizing: border-box; }

.v-videopage .v-ecology-tabbody-forum .comment-input-el textarea { outline: none; resize: none; width: 100%; height: 100%; background: none; line-height: normal; color: #555; display: inline-block; box-sizing: border-box; background-color: #f4f5f7; border: 1px solid #e5e9ef; overflow: auto; border-radius: 4px; width: 100%; height: 90px; transition: 0s; padding: 12px 10px; line-height: normal; box-sizing: border-box; }

.v-videopage .v-ecology-tabbody-forum .comment-input-el textarea:hover, .v-videopage .v-ecology-tabbody-forum .comment-input-el textarea:focus { background-color: #fff; border-color: #ff0100; }

.v-videopage .v-ecology-tabbody-forum .comment-submit { width: 70px; height: 89px; position: absolute; right: -80px; top: 0; padding: 4px 15px; color: #fff; border-radius: 4px; text-align: center; min-width: 60px; vertical-align: top; cursor: pointer; background-color: #ff0100; border: 1px solid #ff0100; transition: 0.1s; user-select: none; outline: none; box-sizing: border-box; }

.v-videopage .v-ecology-tabbody-forum .comment-submit:hover { background-color: #ff5d5c; border-color: #ff5d5c; }

.v-videopage .v-ecology-tabbody-forum .comment-submit .z-btn-wrap { position: relative; top: 12px; line-height: 24px; }

.v-videopage .v-ecology-tabbody-forum .comment-submit .z-btn-wrap .z-btn-text { font-size: 16px; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-user-icon { float: left; margin: 24px 0 0 5px; position: relative; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos { position: relative; margin-left: 85px; padding: 22px 0 14px; border-top: 1px solid #e5e9ef; box-sizing: content-box; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos-nickname { font-weight: bold; line-height: 18px; padding-bottom: 4px; font-size: 16px; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos-message { line-height: 20px; padding: 2px 0; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records i, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records span { color: #99a2aa; line-height: 26px; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records > div { display: inline-block; margin-right: 20px; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-nice.thumbAdded, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-nice.thumbAdded span, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-nice.thumbAdded i { color: #ff0100 !important; }

.v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-bad.thumbAdded, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-bad.thumbAdded span, .v-videopage .v-ecology-tabbody-forum .discuss-item-infos-records .records-bad.thumbAdded i { color: #ff0100 !important; }

.v-videopage .v-ecology-tabbody-forum .discuss-reply .discuss-item-user-icon { margin: 4px 0 0 5px; }

.v-videopage .v-ecology-tabbody-forum .discuss-reply .discuss-item-infos { margin-left: 40px; padding: 2px 0 6px; }

.v-videopage .v-ecology-tabbody-forum .empty { font-size: 16px; line-height: 4em; height: 4em; margin-left: 86px; color: rgba(0, 0, 0, 0.5); }

.v-videopage .v-ecology-tabbody-forum .empty * { font-size: 1em; }

.v-videopage .v-ecology-tabbody-forum .empty-text { margin: 0 1em; }

.v-videopage .v-ecology-tabbody-forum .pager .z-paginbar-body { text-align: center; margin: 5px 0 20px; }

.v-videopage .v-ecology-tabbody-forum .pager .z-paginbar-body > .z-cmp { display: inline-block; }

.v-videopage .v-ecology-tabbody-forum .pager .z-paginbar-body > * { margin-left: 5px; }

.v-videopage .v-ecology-tabbody-forum .pager .z-paginbar-body > *:first-child { margin-left: 0; }

.v-videopage .v-ecology-tabbody-forum .pager-btn { padding: 4px 12px; }

.v-videopage .v-ecology-recommend { width: 300px; box-sizing: border-box; height: 100%; padding-left: 22px; float: right; }

.v-videopage .v-ecology-recommend-list { width: 300px; height: 100%; background: white; }

.v-videopage .v-ecology-recommend-list-inner { width: 100%; box-sizing: border-box; }

.v-videopage .v-ecology-recommend-list-head { height: 30px; line-height: 30px; margin-bottom: 12px; }

.v-videopage .v-ecology-recommend-list-head-text { font-size: 24px; color: #222; }

.v-videopage .v-ecology-recommend-list-body { height: calc(100% - 50px); padding-top: 14px; overflow: auto; }

.v-videopage .v-ecology-recommend-list-body-inner { width: 100%; }

.v-videopage .v-ecology-recommend-list-content { width: 100%; }

.v-videopage .v-ecology-recommend-list .v-playlist-item-imglink { font-size: 14px; line-height: 20px; color: #222; }

.v-videopage .v-ecology-recommend-list .v-playlist-item-imglink:hover { color: #ff0100; }