/*公用部分*/
body {background-color: #ffffff;color: #333;font-size: 15px;margin: 0;padding-top: 62px;font-family: Arial, Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;line-height: 1.5;outline: 0;background-repeat: repeat-x;background-position: center top;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: 0;font-weight: 400;line-height: 1.2;}
ul {display: block;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;}
a {vertical-align: baseline;background: transparent;text-decoration: none;color: #111;}
a:hover {color: #2277aa;}
form {display: block;margin-top: 0em;margin-block-end: 0em;margin: 0;padding: 0;}button, input, optgroup, option, select, textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0;}
p {margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}
p a {color: #666;}
p {font-size: 14px;color: #494949;word-wrap: break-word;word-break: break-all;line-height: 2;}
p img {display: flex;border-radius: 10px;width: 50%;margin: 15px auto;}
ul, li {list-style: none;}
::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #ccc;}
::-webkit-scrollbar {height: 0px;}
::-webkit-scrollbar {width: 10px;height: 0;}
.review {display: inline-block;vertical-align: revert;width: 55px;height: 11px;background-size: 55px;background-image: url(../image/star.png);}
.star10 {background-position: 0 calc(11* 11px);}
.star9 {background-position: 0 calc(10* 11px);}
.star8 {background-position: 0 calc(9* 11px);}
.star7 {background-position: 0 calc(8* 11px);}
.star6 {background-position: 0 calc(7* 11px);}
.star5 {background-position: 0 calc(6* 11px);}
.star4 {background-position: 0 calc(5* 11px);}
.star3 {background-position: 0 calc(4* 11px);}
.star2 {background-position: 0 calc(3* 11px);}
.star1 {background-position: 0 calc(2* 11px);}
.star0 {background-position: 0 calc(1* 11px);}
.review-n {display: inline-block;vertical-align: revert;width: 75px;height: 15px;background-size: 75px;background-image: url(../image/star.png);}
.star-n10 {background-position: 0 calc(11* 15px);}
.star-n9 {background-position: 0 calc(10* 15px);}
.star-n8 {background-position: 0 calc(9* 15px);}
.star-n7 {background-position: 0 calc(8* 15px);}
.star-n6 {background-position: 0 calc(7* 15px);}
.star-n5 {background-position: 0 calc(6* 15px);}
.star-n4 {background-position: 0 calc(5* 15px);}
.star-n3 {background-position: 0 calc(4* 15px);}
.star-n2 {background-position: 0 calc(3* 15px);}
.star-n1 {background-position: 0 calc(2* 15px);}
.star-n0 {background-position: 0 calc(1* 15px);}
.container {max-width: 1040px;width: 100%;margin: 0 auto;}
.split-line {background-color: #eee;display: inline-block;margin-left: 8px;margin-right: 8px;width: 1px;height: 12px;vertical-align: -2px;}
/*公用结束*/


/*全局顶部开始*/
.header {background-color: #ffffff;z-index: 1000;padding: 0 10px;box-shadow: 0 1px 4px rgba(0, 0, 0, .05);position: fixed;top: 0;width: 100%;}
.header .container {display: flex;align-items: center;flex-wrap: nowrap;justify-content: space-between;}
.header__brand, .header img {height: 30px;vertical-align: top;}
.header__nav {margin-left: 50px;max-width: 60%;width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;cursor: grab;touch-action: pan-x;position: relative;}
.header__nav ul {flex-wrap: nowrap;height: 50px;align-items: center;display: inline-flex;}
.header__nav ul li {padding-right: 30px;display: inline-block;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;}
.header__nav .active {color: #2277aa;font-weight: 600;margin-bottom: auto;display: block;width: 100%;position: sticky;}
.header__nav a {padding: 10px 0;}
.header__nav li a:hover {font-weight: 600;}
.header__nav .active::after {content: "";display: block;margin: auto;height: 3px;background-color: #2277aa;margin-top: 10px;box-sizing: border-box;position: absolute;z-index: 10000;width: 100%;}
.header__search {margin-left: auto;}
.header__search-card {display: flex;width: 300px;}
.header__search-form {width: 100%;height: 34px;font-size: 14px;border-radius: 5px;padding-left: 15px;padding-right: 40px;color: #999999;position: relative;background: #f7f7f7;border: 1px solid #e8e8ed;display: flex;align-items: center;}
.header__search-select {margin-right: 10px;}
#selectYear {display: flex;align-items: center;width: 50px;height: 34px;color: #777;cursor: pointer;}
.header__search-input {border: 0;width: 100%;background: #f1f2f500;height: 34px;line-height: 34px;font-size: 14px;color: #555;}
.header__search-primary {position: absolute;top: 0;right: 12px;display: block;width: 22px;height: 36px;appearance: none;outline: 0;border: none;border-radius: 0;background: 0 0;padding: 0;cursor: pointer;font-size: 14px;line-height: 22px;text-align: center;-webkit-transition: color .14s ease;transition: color .14s ease;color: #999999;}
.header__search-primary i {font-size: 18px;color: #999;}
.header__search-open {display: none;}
.header__search-select-options span {display: block;padding-left: 20px;font-size: 13px;line-height: 35px;}
.header__search-select-options {box-shadow: 0 1px 5px #dcd9d9;width: 80px;top: 33px;left: 0;position: absolute;background: #fff;z-index: 10;}
.header__search-select-current {margin-right: 2px;}
.header__search-select-options span:hover {background-color: #2277aa;color: #ffffff;}
.header__search-trigger {display: none;}
/*全局顶部结束*/


/*全局左栏开始*/
.panel-margin-top {margin-top: 1rem;}
.row {display: flex;flex-wrap: wrap;}
.main-content {flex: 0 0 70%;max-width: 70%;position: relative;width: 100%;}
.main-content__col {padding-right: 3.5rem;}
.panel-container {padding: 15px 0;display: flex;flex-direction: column;word-break: break-all;}

.video__list li:hover a, .video-news__list li:hover a, .recommend-video__featuredt li:hover a  {color: #2277aa;}
.video__title {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.video__title h3 {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;}
.video__title a {color: #2277aa;font-size: 14px;}
.video ul li {float: left;margin-right: 4%;margin-bottom: 20px;display: flex;flex-direction: column;align-items: center;width: 16.8%;}
.video ul li:nth-child(5n) {margin-right: 0;}
.video__thumbnail {margin-bottom: 12px;}
.video__thumbnail img {width: 110px;height: 160px;vertical-align: top;object-fit: cover;border-radius: 5px;}
.video__info {display: flex;flex-direction: column;align-items: center;}
.video__info a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 99px;text-align: center;font-size: 14px;}
.video__rating {font-size: 12px;color: #818181;display: flex;align-items: center;}
.video__rating span {color: #818181;font-size: 12px;margin-left: 2px;}

.new-video {padding: 15px 0;display: flex;flex-direction: column;}
.new-video__title {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.new-video__title h3 {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;}
.new-video li {display: flex;align-items: center;margin-bottom: 2rem;}
.new-video__thumbnail {margin-right: 1rem;}
.new-video__thumbnail img {width: 110px;height: 160px;vertical-align: top;object-fit: cover;border-radius: 5px;}
.new-video__meta {font-size: 12px;line-height: 1.7;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.new-video__meta-label {color: #999;}
.new-video__meta-value {color: #494949;}
.new-video__rating {font-size: 12px;color: #999;}
.new-video__description {font-size: 12px;line-height: 1.7;height: 40.8px;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;}


.video-detail {padding: 15px 0;display: flex;flex-direction: column;}
.video-detail__main {padding-bottom: 15px;display: flex;justify-content: space-between;}
.video-detail__wrapper {display: flex;align-items: center;margin-right: 15px;}
.video-detail__poster {margin-right: 15px;height: 220px;}
.video-detail__poster img {width: 150px;height: 220px;object-fit: cover;border-radius: 5px;}
.video-detail__title {font-size: 20px;font-weight: 600;line-height: 1.5;}
.video-detail__meta {font-size: 13px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;color: #494949;word-wrap: break-word;word-break: break-all;line-height: 2;}
.video-detail__info .video-detail__meta:last-child {-webkit-line-clamp: 2;height: 52px;}
.video-detail__meta-label {color: #818181;}
.video-detail__meta-divider {background-color: #eee;display: inline-block;margin-left: 8px;margin-right: 8px;width: 1px;height: 13px;vertical-align: -2px;}
.video-detail__rating {padding: 0 0 0 15px;border-left: 1px solid #eaeaea;color: #9b9b9b;height: auto;width: 180px;}
.video-detail__rating-label {color: #999;font-size: 13px;word-wrap: break-word;word-break: break-all;line-height: 2;}
.video-detail__rating-primary {display: flex;}
.video-detail__rating-score {color: #555;font-weight: 500;font-size: 28px;margin-right: 15px;}
.video-detail__rating-stars {display: flex;flex-direction: column;justify-content: center;}
.video-detail__stars-icon {line-height: 0.9;}
.video-detail__rating-count {font-size: 13px;line-height: 1.3;}
.video-detail__rating-distribution {margin-top: 10px;}
.video-detail__rating-item {font-size: 12px;line-height: 14px;height: 14px;display: flex;align-items: center;}
.video-detail__rating-star {float: left;min-width: 20px;}
.video-detail__rating-bar {height: 10px;float: left;margin: 1px 4px;background: rgb(34 119 170 / 70%);}
.video-detail__rating-percent {font-size: 11px;}
.video-detail__rating-btn {margin-top: 20px;display: flex;justify-content: center;}
.video-detail__rating-btn a {background-color: #2277aa;border: 1px solid #2277aa;color: #ffffff;display: inline-block;padding: 5px 15px;font-size: 12px;border-radius: 5px;}
.video-detail__rating-btn a:hover {opacity: .8;}


.video-detail__synopsis {padding-top: 15px;}
.video-detail__synopsis-title {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;margin-bottom: 10px;}
.video-detail__synopsis-content {color: #666;font-size: 14px;word-wrap: break-word;word-break: break-all;line-height: 2;}
.video-detail__media-recommend {padding: 15px 0;display: flex;flex-direction: column;}
.video-detail__media-recommend-title {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;font-size: 16px;color: #2277aa;font-weight: 700;}
.video-detail__media-recommend-list {display: flex;flex-wrap: wrap;}
.video-detail__media-platform-item {float: left;margin-right: 2%;margin-bottom: 13px;width: 10.75%;display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.video-detail__media-platform-btn {border: 1px solid #eeee;padding: 5px;font-size: 12px;border-radius: 5px;width: 100%;display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.video-detail__media-recommend-list .video-detail__media-platform-item:nth-child(8n) {margin-right: 0;}
.video-detail__media-platform-btn:hover {background-color: #2277aa;border: 1px solid #2277aa;color: #ffffff;}

.related-video__title {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.related-video__title h3 {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;}
.related-video__title a {color: #2277aa;font-size: 14px;}
.related-video ul li {float: left;margin-right: 4%;margin-bottom: 20px;display: flex;flex-direction: column;align-items: center;width: 16.8%;}
.related-video ul li:nth-child(5n) {margin-right: 0;}
.related-video__thumbnail {margin-bottom: 12px;}
.related-video__thumbnail img {width: 110px;height: 160px;vertical-align: top;object-fit: cover;border-radius: 5px;}
.related-video__info {display: flex;flex-direction: column;align-items: center;}
.related-video__info a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 99px;text-align: center;}
.related-video__rating {font-size: 12px;color: #818181;display: flex;align-items: center;}
.related-video__rating span {color: #818181;font-size: 12px;margin-left: 2px;}
.rating-video__title {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.rating-video__title h3 {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;}

.video-rating__title {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.video-rating__title h3 {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;}

.video-news__header {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.video-news__title {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;}
.video-news__header a {color: #2277aa;font-size: 14px;}
.video-news .video-news__item:nth-child(4n) {margin-right: 0;}
.video-news__item {width: 22.75%;margin: 0 3% 30px 0;display: flex;float: left;flex-direction: column;transition: all 0.3s ease;}

.video-news__list li:hover {transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);}
.video-news__thumbnail img {width: 100%;height: 110px;vertical-align: top;object-fit: cover;border-radius: 5px;}
.video-news__content a {padding-top: 12px;line-height: 1.5;height: 57px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.video-news__meta {word-wrap: break-word;word-break: break-all;color: #818181;display: flex;font-size: 12px;padding-top: 10px;line-height: 20px;height: 20px;align-items: center;justify-content: space-between;}
.video-news__meta i {margin-right: 5px;}
.video-news__meta span {display: inline-block;vertical-align: -2px;}
.video-news__meta img {width: 15px;height: 15px;vertical-align: -3px;margin-right: 5px;border-radius: 100%;box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2);border: 1px solid #e2e2e2;}

.news-list__header {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.news-list__title {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;}
.news-list__item {width: 100%;display: flex;margin-bottom: 2rem;align-items: center;}
.news-list__thumbnail {margin-right: 1rem;}
.news-list__thumbnail img {
border-radius: 5px;width: 160px;height: 120px;vertical-align: top;object-fit: cover;}
.news-list__content a {-webkit-line-clamp: 1;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}


.news-list__brief {font-size: 13px;line-height: 1.7;color: #888;margin: 12px 0;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.news-list__meta {color: #999;font-size: 12px;word-wrap: break-word;word-break: break-all;line-height: 2;}
.news-list__meta img {width: 15px;height: 15px;vertical-align: -3px;margin-right: 3px;border-radius: 100%;box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2);border: 1px solid #e2e2e2;}
.news-list__meta span {background-color: #e8e8e8;display: inline-block;margin-left: 7px;margin-right: 7px;width: 1px;height: 12px;vertical-align: -2px;}
.news-list__content i {margin-right: 3px;}

.news-detail__title {font-size: 23px;font-weight: 700;line-height: 1.5;}
.news-detail__meta {color: #999;font-size: 12px;margin: 15px 0;}
.news-detail__meta img {width: 15px;height: 15px;vertical-align: -3px;margin-right: 3px;border-radius: 100%;box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2);border: 1px solid #e2e2e2;}
.news-detail__meta i {margin-right: 3px;}
.news-detail__meta span {background-color: #e8e8e8;display: inline-block;margin-left: 7px;margin-right: 7px;width: 1px;height: 12px;vertical-align: -2px;}
.news-detail__content {border-top: 1px solid #eee;padding-top: 12px;}
.news-detail__content img {display: flex;border-radius: 10px;width: 90%;margin: 15px auto;height: auto;}
.news-detail__tags a {font-size: 13px;color: #999;padding: 4px 10px;border: #e7e5e5 1px solid;margin: 5px 8px 5px 0;display: inline-block;border-radius: 5px;}
.news-detail__tags a:hover {background: #2277aa;color: #fff;border: #2277aa 1px solid;}


.external-link-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 60%);display: flex;align-items: center;justify-content: center;z-index: 9999;}
.external-link-modal__content {padding: 20px;overflow: hidden;background: #fff;border-radius: 8px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);position: relative;top: 20%;max-width: 500px;margin: 1.75rem auto;}
.external-link-modal__header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;padding-bottom: 8px;border-bottom: 1px solid #eee;}
.external-link-modal__title {font-size: 16px;color: #F44336;font-weight: 700;}
.external-link-modal__close-btn {font-size: 16px;color: #999;cursor: pointer;transition: color 0.2s;}
.external-link-modal__close-btn:hover {color: #2277aa;}
.external-link-modal__body {font-size: 14px;color: #666;line-height: 1.6;margin-bottom: 30px;}
.external-link-modal__confirm-btn {float: right;display: block;width: 50px;padding: 5px 0;background: #2277aa;color: #fff;text-align: center;border-radius: 5px;text-decoration: none;font-size: 12px;transition: background 0.2s;}
.external-link-modal__confirm-btn:hover {opacity: .7;color: #ffffff;}
.external-link-modal {display: none;}

/*全局左栏结束*/






/*全局评论开始*/
#ctf_content:focus {color: #555;border-color: #2277aa;outline: 0;box-shadow: 0 0 0 0.2rem rgba(31, 73, 119, 0.25);}
#ctf_author:focus {color: #555;border-color: #2277aa;outline: 0;box-shadow: 0 0 0 0.2rem rgba(31, 73, 119, 0.25);}
#ctf_vcode:focus {color: #555;border-color: #2277aa;outline: 0;box-shadow: 0 0 0 0.2rem rgba(31, 73, 119, 0.25);}
div#select-rate:focus {color: #555;border-color: #2277aa;outline: 0;box-shadow: 0 0 0 0.2rem rgba(31, 73, 119, 0.25);}
.input-wrap {margin: 10px 0;}
.input-wrap .verify {width: 30%;}
.fl {float: left;}
#ctf_author {background: #f7f7f7;border: 1px solid #e8e8ed;line-height: 35px;color: #666;font-size: 14px;height: 35px;padding: 10px;width: 100%;border-radius: 3px;}
#ctf_vcode {background: #f7f7f7;border: 1px solid #e8e8ed;line-height: 35px;color: #666;font-size: 14px;height: 35px;padding: 10px;width: 100%;border-radius: 3px;position: sticky;margin-right: -3px;}
.input-wrap .name {margin-right: 5%;width: 30%;}
#divCommentPost img {position: sticky;}
.verify-wrap img {border-radius: 3px;position: absolute;right: 0;top: 0;height: 35px !important;width: 90px !important;border: 1px solid #d7d7d7;background: #ffffff;}
.verify-wrap {position: relative;display: flex;gap: 0;align-items: center;width: 100%;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#ctf_content {margin-top: 10px;font-size: 14px;color: #666;padding: 10px;width: 100%;height: 150px;background: #f7f7f7;border: 1px solid #e8e8ed;border-radius: 3px;}
#divCommentPost input.button {border: 1px solid #2277aa;color: #fff;background-color: #2277aa;text-align: center;height: 30px;border-radius: 5px;display: block;margin-top: 10px;cursor: pointer;float: right;font-size: 12px;padding: 5px 15px;}
ul.msg {list-style: none;position: relative;text-align: left;list-style-position: outside;table-layout: fixed;border-bottom: 1px solid #f5f5f5;padding: 15px 0;word-wrap: break-word;}
.msg img.avatar {width: 50px;height: 50px;float: left;padding: 2px;margin: 10px 0;border-radius: 50px;border: 1px solid #fff;}
ul.msg li.msgarticle {margin-left: 60px;}
li.msgarticle {list-style-position: outside;padding: 5px;padding-right: 0;margin: 0;}
.revertcomment {font-size: 14px;padding-left: 1em;white-space: nowrap;float: right;}
.comment-main {display: inline-block;border-radius: 5px;margin-left: 1.5%;width: 98.5%;}
.commentname a {font-size: 14px;}
.commentname .rating-star {display: inline-block;margin-left: 5px;}
.revertcomment {font-size: 14px;padding-left: 1em;white-space: nowrap;}
.comment-main .content {font-size: 14px;line-height: 1.6;padding-top: 5px;word-break: break-all;}
.comment-main .time {font-size: 12px;opacity: .6;}
.load-more {width: 50%;background: #2277aa;color: #fff;font-size: 12px;text-align: center;height: 30px;line-height: 30px;display: block;margin: 20px auto;cursor: pointer;border-radius: 5px;}
.load-more:hover {opacity: .8;color: #fff;}
#divCommentPost input.button:hover {opacity: .7;}
.input-wrap .rate {width: 30%;position: relative;cursor: pointer;margin-right: 5%;}
.post-rate {width: 100%;}
#select-rate {background: #f7f7f7;border: 1px solid #e8e8ed;color: #666;line-height: 35px;font-size: 14px;height: 35px;border-radius: 3px;display: flex;justify-content: space-between;padding: 0 10px;}
.rate-list {box-shadow: 0 1px 5px #dcd9d9;width: 80%;top: 35px;left: 0;position: absolute;background: #fff;z-index: 10;}
.rate-list span {display: block;padding-left: 15px;font-size: 13px;line-height: 30px;}
.rate-list i {margin-right: 5px;}
.rate-ipt i {margin-right: 5px;}
#select-rate i.icon {margin-right: 0;margin-left: 5px;font-size: 12px;}
.input-wrap .name {position: relative;cursor: pointer;}
.post-name {width: 100%;}
#select-name {background: #f7f7f7;border: 1px solid #e8e8ed;color: #666;line-height: 35px;font-size: 14px;height: 35px;border-radius: 3px;display: flex;justify-content: space-between;padding: 0 10px;}
.name-list {box-shadow: 0 1px 5px #dcd9d9;width: 80%;top: 35px;left: 0;position: absolute;background: #fff;z-index: 10;}
.name-list span {display: block;padding-left: 15px;font-size: 13px;line-height: 30px;}
.name-list span:hover {background-color: #2277aa;}
.rate-list span:hover .rating-star {color: #ffffff;}
.rate-list span:hover {background-color: #888;color: #ffffff;}
#comment-submit, #ctf {scroll-margin-top: 50px;}

/*全局评论结束*/




/*全局侧边栏开始*/
.sidebar {flex: 0 0 30%;max-width: 30%;}
.hot-video__title {background-color: rgb(34 119 170 / 10%);margin-bottom: 20px;}
.hot-video__title h3 {border-radius: 4px;padding: 10px;color: #2277aa;display: inline-block;font-size: 15px;font-weight: 800;}
.hot-video ul li {margin-bottom: 15px;-webkit-line-clamp: 1;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.hot-video ul li span {display: inline-block;background-color: #eee;color: #333;margin-right: 10px;width: 18px;height: 18px;text-align: center;line-height: 18px;border-radius: 5px;font-size: 12px;}
.hot-video ul li:nth-child(1) span {background-color: #ff2d46;color: #fff;}
.hot-video ul li:nth-child(2) span {background-color: #ff7701;color: #fff;}
.hot-video ul li:nth-child(3) span {background-color: #ffb400;color: #fff;}
.recommend-video__title, .video-comment__title {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.recommend-video__title h3, .video-comment__title h3 {font-size: 16px;display: inline-block;color: #2277aa;font-weight: 700;}
.recommend-video__featured-item {display: flex;margin-bottom: 1.5rem;align-items: center;}
.recommend-video__featured-thumbnail {margin-right: 10px;}
.recommend-video__featured-thumbnail img {width: 80px;height: 120px;vertical-align: top;object-fit: cover;border-radius: 5px;}
.recommend-video__meta {margin: 3px 0;font-size: 12px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.recommend-video__meta-label {color: #999;}
.recommend-video__meta-value {color: #494949;}
.recommend-video__meta-divider {margin-left: 5px;margin-right: 5px;}
.recommend-video__rank-item {margin-bottom: 15px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.recommend-video__rank li span {color: #9195A3;margin-right: 4px;}
.recommend-video__featured-info .recommend-video__meta:last-child {-webkit-line-clamp: 2;}
.video-comment__item {display: flex;margin-bottom: 2rem;}
.video-comment__avatar.left-avatar {margin-right: 0.5rem;}
.video-comment__avatar img {vertical-align: top;width: 45px;height: 45px;border-radius: 50px;}
.video-comment__body {flex: 1;}
.video-comment__meta {display: flex;justify-content: space-between;color: #999;font-size: 12px;line-height: 1;}
.video-comment__content {line-height: 1.5;margin: 10px 0;font-size: 13px;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.video-comment__rating {line-height: 1;display: flex;align-items: center;}

/*全局侧边栏结束*/



/*全局底栏开始*/
.footer {border-top: 1px solid #eee;padding: 20px 10px;text-align: center;}
.footer__friend-links, .footer__copyright {font-size: 14px;color: #494949;word-wrap: break-word;word-break: break-all;line-height: 2;}
.footer__friend-link {margin-right: 5px;color: #666;}
.gotop {position: fixed;z-index: 999;width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #2277aa;color: #ffffff;right: 5%;cursor: pointer;border-radius: 5px;bottom: 90px;}
/*全局底栏结束*/

/*程序附加css开始*/
.pagination {font-size: 14px;text-align: center;padding: 20px 0;max-width: 100%;padding-left: 10px;padding-right: 10px;display: flex;align-items: center;justify-content: center;}
.pagination b {display: inline-block;padding: 3px 10px;background: #2277aa;color: #fff;font-size: 12px;border-radius: 5px;border: 1px solid #2277aa;margin: 3px;}
.pagination a,.pagination span {display: inline-block;padding: 3px 10px;margin: 3px;background: rgb(255 255 255 / 0%);border-radius: 5px;font-size: 12px;border: 1px solid rgb(255 255 255 / 0%);}
.pagination a:hover {background: #2277aa;color: #fff;transition: border .1s ease-in-out, color .1s ease-in-out;border: 1px solid #2277aa;}
.pagination span,.pagination .pb {font-size: 14px;}


/*程序附加css结束*/

@media (max-width: 1040px) {
.panel-container {padding: 15px 0;}
.new-video {padding: 15px;}
}

@media (max-width: 1040px) and (min-width: 801px) {
.video ul li:nth-child(4n) {margin-right: 0;}
.video ul li:nth-child(5n) {margin-right: 5%;}
.video ul li {float: left;margin-right: 5%;margin-bottom: 15px;display: flex;flex-direction: column;align-items: center;width: 21.25%;}
.video__list li:nth-child(n+9) {display: none;}
}

@media (max-width: 1040px) and (min-width: 680px) {
.header {padding: 0 15px;}
.container.panel-margin-top {padding: 0 15px;}
.header__search {margin-left: 15px;}
}

@media (max-width: 1040px) and (min-width: 568px) {
.related-video ul li:nth-child(4n) {margin-right: 0;}
.related-video ul li:nth-child(5n) {margin-right: 5%;}
.related-video ul li {float: left;margin-right: 5%;margin-bottom: 15px;display: flex;flex-direction: column;align-items: center;width: 21.25%;}
.related-video ul li:nth-child(n+9) {display: none;}
}



@media (max-width: 800px) {
.main-content {flex: 0 0 100%;max-width: 100%;padding-right: 0;}
.main-content__col {padding-right: 0;}
.video ul {position: relative;display: flex;flex-wrap: nowrap;overflow: auto;width: 100%;transform: translateX(-15px);width: calc(100% + 30px);}
.video ul li:nth-child(1) {margin-left: 20px;}
.video ul li:nth-child(5n) {margin-right: 20px;}
.video ul li {width: 100px;margin-right: 20px;margin-bottom: 10px;}
.sidebar {flex: 0 0 100%;max-width: 100%;}
.header__search-select-options {top: 30px;}
}



@media (max-width: 680px) {
body {padding-top: 52px;}
.header__nav {margin-left: 15px;max-width: 60%;}
.header__nav ul li {padding-right: 15px;}
.header__nav .active {font-weight: 700;}
.header__search {position: fixed;top: 0;left: 0;width: 100%;z-index: 10;margin-left: 0;background-color: #ffffff;display: none;animation: loading 0.03s;}
@keyframes loading {30% {transform: scale(0.3);}60% {transform: scale(0.6);}90% {transform: scale(0.9);}100% {transform: scale(1);}}
.header__search-trigger {display: block;box-shadow: -15px 0 10px -12px rgb(0 0 0 / 35%);padding-left: 10px;}
.header__search-trigger-btn {background: #f7f7f7;color: #999;border: 1px solid #e8e8ed;font-size: 18px;height: 30px;width: 30px;border-radius: 50px;display: flex;justify-content: center;align-items: center;}
.header__search-card {padding: 10px;display: flex;justify-content: space-between;width: auto;}
.header__search-open {display: block;background: #ffffff;border: inherit;font-size: 14px;color: #666;}
.header__search-form {height: 30px;width: 80%;}
.header__search-primary {height: 30px;}
.panel-margin-top {margin-top: 0.5rem;}
.panel-container {padding: 15px;}
.video__title, .video-news__header, .related-video__title,.rating-video__title, .news-list__header {margin-bottom: 10px;padding-bottom: 10px;border-bottom: inherit;}
.recommend-video__title, .video-comment__title, .video-rating__title {margin-bottom: 10px;padding-bottom: 10px;border-bottom: inherit;}
.video__title h3 {color: #2277aa;font-size: 18px;font-weight: 600;}
.video ul {position: relative;display: flex;flex-wrap: nowrap;overflow: auto;width: 100%;transform: translateX(-15px);width: calc(100% + 30px);}
.video__info a {font-weight: 700;}
.new-video__title {margin-bottom: 10px;padding-bottom: 10px;border-bottom: inherit;}
.new-video__title h3 {color: #2277aa;font-size: 18px;font-weight: 600;}
.new-video__thumbnail img {width: 110px;height: 160px;}
.new-video__info a {-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 700;}
.video-detail {padding: 15px;}
.video-detail__main {flex-direction: column;}
.video-detail__wrapper {margin-right: 0;}
.video-detail__poster {margin-right: 15px;height: 195px;}
.video-detail__poster img {width: 135px;height: 195px;}
.video-detail__title {font-size: 16px;display: block;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.video-detail__meta {font-size: 12px;}
.video-detail__info .video-detail__meta:last-child {height: 48px;}
.video-detail__meta-divider {height: 12px;}
.video-detail__rating {padding: 0;border-left: initial;margin-top: 20px;height: auto;width: 100%;}
.video-detail__rating-wrapper {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.video-detail__rating-distribution {width: 100%;order: 2;}
.video-detail__rating-item {margin-bottom: 7px;}
.video-detail__rating-btn {margin-top: initial;}
.video-detail__media-recommend {padding: 15px;}
.video-detail__media-recommend-title {color: #2277aa;font-size: 18px;font-weight: 600;margin-bottom: 10px;padding-bottom: 10px;border-bottom: inherit;}
.video-detail__media-platform-item {width: 18.4%;margin-right: 2%;}
.video-detail__media-recommend-list .video-detail__media-platform-item:nth-child(8n) {margin-right: 2%;}
.video-detail__media-recommend-list .video-detail__media-platform-item:nth-child(5n) {margin-right: 0;}

.input-wrap .name {width: 47.5%;margin-right: 5%;margin-bottom: 20px;}.input-wrap .rate {width: 47.5%;margin-right: 0;margin-bottom: 20px;}
.verify.fl {width: 100%;}	
.post-name {width: 100%;}	
.post-rate {width: 100%;}
.recommend-video__title h3, .video-comment__title h3 {font-size: 18px;font-weight: 600;}
.recommend-video__featured-info a {-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

.external-link-modal__content {max-width: 680px;margin: 1.75rem 10px;margin-top: 10%;}
.related-video__title h3, .rating-video__title h3, .video-rating__title h3 {color: #2277aa;font-size: 18px;font-weight: 600;}
.related-video__info a {font-weight: 700;}

.video-news__title {color: #2277aa;font-size: 18px;font-weight: 600;}
.video-news__thumbnail img {height: 135px;}
.video-news__item {width: 31.333333333%;}
.video-news .video-news__item:nth-child(3n) {margin-right: 0;}
.video-news .video-news__item:nth-child(4n) {margin-right: 3%;}
.news-list__thumbnail {margin-right: 0.8rem;}
.news-list__thumbnail img {width: 120px;height: 95px;}
.news-list__brief {font-size: 13px;line-height: 1.5;margin: 5px 0;}
.news-list__meta {line-height: 1.5;}
.news-list__content a {font-weight: 700;}
}




@media (max-width: 568px) {
.related-video ul li {margin-right: 5%;margin-bottom: 10px;width: 30%;}
.related-video ul li:nth-child(3n) {margin-right: 0;}
.related-video ul li:nth-child(5n) {margin-right: 5%;}
.related-video ul li:nth-child(4n) {margin-right: 5%;}
.related-video ul li:nth-child(n+10) {display: none;}

.video-news__thumbnail img {height: 140px;}
.video-news__item {width: 48.5%;}
.video-news .video-news__item:nth-child(3n) {margin-right: 3%;}
.video-news .video-news__item:nth-child(4n) {margin-right: 3%;}
.video-news .video-news__item:nth-child(2n) {margin-right: 0;}
.video-news__content a {font-weight: 700;}
}

a.tag-small{margin-right: .2rem;display: inline;}
a.tag-small:last-child{margin-right: 0;}
#jishulist a.active{background-color: #2277aa;color: #fff;}

.z-cate-trub a{font-size: 14px;margin-right: .5rem;}
.z-cate-trub a:last-child{margin-right: 0;}



@media (max-width: 680px) {
.z-cate-trub a{font-size: 12px;margin-right: .3rem;}
}