@charset "utf-8";
/* all */
body {
  overflow-x: hidden;
}
body.active {
  padding-top: 0;
}
.lvshicms-container-bg {
  margin-bottom: 20px;
  padding: 20px 0;
  background-color: #333;
}
/* header */
.lvshicms-header__top {
  position: relative;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
}
.lvshicms-header__top::before, .lvshicms-header__top::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  z-index: 3;
}
.lvshicms-header__top::after {
  left: auto;
  right: 0;
  height: 40px;
}
.top-fixed-down {
  margin-top: -61px;
}
/* header-logo */
.lvshicms-header__logo, .lvshicms-header__menu {
  float: left;
}
.lvshicms-header__logo .logo {
  display: block;
  height: 60px;
  width: 200px;
  line-height: 60px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #007aff;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #222;
  position: relative;
  z-index: 2;
}
.lvshicms-header__logo img {
  height: 40px;
  margin-top: 10px;
}
.lvshicms-header__menu {
  margin-left: 15px;
  width: auto;
}
/* header-seacrh */
.lvshicms-header__search {
  float: right;
  position: relative;
  padding-right: 20px;
  padding-top: 10px;
  z-index: 2;
}
.lvshicms-header__search li {
  float: left;
}
.lvshicms-header__search li.search-item {
  width: 300px;
  height: 38px;
  border: 2px solid #333;
}
.lvshicms-header__search li.search-item .form-control {
  height: 38px;
  padding-left: 20px;
  border-radius: 0;
  background: none;
  border: 0;
}
.lvshicms-header__search li.search-item .form-control:focus {
  border-color: none;
  -webkit-box-shadow: none;
}
.lvshicms-header__search .submit {
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  background: none;
  border: 0;
  font-size: 18px;
  cursor: pointer;
  color: #999;
}
.lvshicms-header__search li.search-item .dropdown-box {
  margin-left: -130px;
  padding-top: 0;
}
.lvshicms-header__search li.search-item .dropdown-box .item {
  width: 260px;
  padding: 20px;
}
.lvshicms-header__search li.search-item.search-item:hover .search-dropdown-hot {
  display: block;
}
.lvshicms-header__search li.search-select {
  position: relative;
  margin-top: 8px;
  padding: 0 10px 0 15px;
  border-right: 1px solid rgba(0, 0, 0, .1);
  cursor: pointer;
}
.lvshicms-header__search li.search-select .text {
  color: #999;
}
.lvshicms-header__search li.search-select .dropdown-box {
  margin-left: -40px;
  z-index: 101;
}
.lvshicms-header__search li.search-select .dropdown-box .item {
  width: 80px;
  padding: 10px;
  text-align: center;
}
.lvshicms-header__search li.search-select .dropdown-box .item p {
  margin: 0;
  padding: 5px 0;
}
/* header-menu */
.lvshicms-header__menu > ul > li {
  position: relative;
  float: left;
  width: auto;
  margin-right: 0;
}
.lvshicms-header__menu > ul > li > a {
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
}
.lvshicms-header__menu > ul > li.active > a {}
.lvshicms-header__menu > ul > li.search-ul .fa {
  vertical-align: -2px;
  font-size: 20px;
}
.lvshicms-header__menu > ul > li.search-ul .dropdown-box {
  margin-left: -30px;
  padding-top: 0;
}
.lvshicms-header__menu > ul > li.search-ul .dropdown-box .item {
  width: 500px;
}
.lvshicms-header__menu > ul > li.search-ul .dropdown-box .item li {
  padding: 6px;
}
/* header-user */
.lvshicms-header__user {
  float: right;
  position: relative;
  z-index: 2;
}
.lvshicms-header__user > li {
  float: left;
  position: relative;
  padding: 10px 0 10px;
  margin-left: 20px;
}
.lvshicms-header__user > li > a, .lvshicms-header__user > li > a .fa {
  display: inline-block;
  font-size: 22px;
  line-height: 24px;
  margin-top: 5px;
}
.lvshicms-header__user > li .dropdown-box {
  right: 0;
  margin-left: 0;
  margin-right: -120px;
  padding-top: 10px;
}
.lvshicms-header__user > li .dropdown-box .item {
  width: 260px;
  padding: 20px;
}
.lvshicms-header__user > li.menu .dropdown-box {
  right: 0;
  margin-left: 0;
  margin-right: -40px;
  padding-top: 10px;
}
.lvshicms-header__user > li.menu .dropdown-box .item {
  width: 90px;
  padding: 10px;
}
.lvshicms-header__user > li.menu .dropdown-box .item li {
  padding: 5px 0;
  text-align: center;
}
/* content */
.lvshicms-content__thumb {
  float: left;
}
.lvshicms-content__thumb .lvshicms-vodlist__thumb {
  width: 220px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
}
.lvshicms-content__thumb.active .lvshicms-vodlist__thumb {
  width: 150px;
}
.lvshicms-content__detail, .lvshicms-content__operate {
  float: left;
  width: calc(100% - 220px);
  padding-left: 20px;
}
.lvshicms-content__detail.active {
  width: calc(100% - 150px);
}
.lvshicms-content__detail .title {
  /*margin: 20px 0 10px;*/
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 30px;
}
.lvshicms-content__detail .title .score {
  display: inline-block;
  margin-left: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.lvshicms-content__detail .data {
  margin-bottom: 10px;
  line-height: 20px;
  padding-right: 160px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.lvshicms-content__detail .data.desc {
  -webkit-line-clamp: 2;
  cursor: pointer;
  margin-bottom: 0;
}
.lvshicms-content__detail .data.desc.active {
  display: block;
}
.lvshicms-content__detail .data.desc-toggle {
  display: block;
  font-size: 20px;
  text-align: center;
}
.lvshicms-content__detail .data.desc-toggle.active i {
  transform: rotate(180deg);
}
.lvshicms-content__detail .score {
  margin-bottom: 20px;
}
.lvshicms-content__detail .score .rating {
  display: inline-block;
  position: relative;
  top: 5px;
}
.lvshicms-content__detail .score .rating li {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
}
.lvshicms-content__detail .score .rating li .fa {
  font-size: 24px;
}
.lvshicms-content__detail .score .branch {
  display: inline-block;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  line-height: 24px;
}
.lvshicms-content__operate {
  float: left;
}
.lvshicms-content__operate li {
  float: left;
  margin-right: 10px;
}
.lvshicms-content__operate li .btn {
  margin-left: 10px;
  margin-top: 10px;
}
.lvshicms-content__operate li .btn:first-child {
  margin-left: 0;
}
.lvshicms-content__tag a {
  display: inline-block;
  line-height: 20px;
  padding: 2px 10px;
  margin-left: 5px;
  border: 1px solid rgba(0, 0, 0, .1);
  font-size: 12px;
  border-radius: 15px;
}
/* player */
.lvshicms-player__item {
  position: relative;
}
.lvshicms-player__item .fixed {
  position: fixed;
  z-index: 998;
  right: 0;
  bottom: 0;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.lvshicms-player__item .is-btn {
  position: absolute;
  z-index: 99;
  top: 50%;
  right: -12px;
  margin-top: -30px;
  display: block;
  width: 12px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 10px;
  border-radius: 0 4px 4px 0;
  background-color: #404040;
  color: #999;
}
.lvshicms-player__item .player-fixed-off {
  display: none;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #fff;
  border-radius: 50%;
  color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.lvshicms-player__item .tips {
  position: relative;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 20px;
  color: #fff;
}
.lvshicms-player__operate {
  padding: 5px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.lvshicms-player__operate li {
  display: block;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.lvshicms-player__detail .title {
  margin: 0 0 10px
}
.lvshicms-player__detail .detail-content {
  padding-top: 10px
}
.lvshicms-player__detail .desc {
  padding-left: 42px
}
.lvshicms-player__detail .desc .left {
  margin-left: -42px
}
.lvshicms-player__data {
  padding: 10px;
}
#player-sidebar::-webkit-scrollbar {
  width: 4px;
  background-color: #1c1b1e;
}
#player-sidebar::-webkit-scrollbar-thumb {
  background-color: #434145;
}
.lvshicms-player__notice {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -65px;
}
.lvshicms-player__notice h3, .lvshicms-player__notice h5, .lvshicms-player__notice p {
  color: #fff;
}
.lvshicms-player-links {
  position: relative;
  top: 15px;
  right: 10px;
}
.lvshicms-player-links .btn {
  position: absolute;
  top: 0;
  right: -5px;
  border-radius: 0 5px 5px 0;
}
/* news */
.lvshicms-newslist li {
  padding: 30px 0;
}
.lvshicms-newslist li .title {
  margin: 0;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}
.lvshicms-newslist li .desc {
  text-indent: 2em;
  margin: 0;
  padding: 20px 0;
  line-height: 25px;
}
.lvshicms-newslist__text li .title {
  margin: 0;
  font-size: 15px;
}
.lvshicms-art__nav li {
  padding: 6px 0;
}
.lvshicms-art__nav li.active a {
  font-weight: bold;
  color: #2299dd;
}
/* footer */
.lvshicms-foot {
  padding: 20px 0;
}
.lvshicms-foot p {
  line-height: 25px;
}
.detail-box .detail-info-btn {
  position: absolute;
  bottom: 12px;
}
@media (max-width:1199px) {
  /* header */
  .lvshicms-header__top {
    padding: 0 20px;
  }
  .lvshicms-header__menu > li:hover .head-dropdown, .lvshicms-header__user > li:hover .head-dropdown {
    display: none;
  }
}
@media (max-width:767px) {
  .lvshicms-header__logo .logo {
    height: 50px;
    width: 120px;
    line-height: 50px;
  }
  .lvshicms-header__logo img {
    height: 30px;
  }
  .lvshicms-header__menu > li > a {
    height: 50px;
    line-height: 50px;
  }
  body.active {
    padding-top: 0;
  }
  .lvshicms-container-bg {
    margin-bottom: 10px;
    padding: 5px 0;
  }
  /* panel */
  .lvshicms-panel-bg, .lvshicms-vodlist__bg, .lvshicms-vodlist__bg:hover {
    box-shadow: none;
  }
  .lvshicms-panel__head .title, .lvshicms-panel__head .title a {
    font-size: 18px;
  }
  /* header */
  .lvshicms-header__top {
    height: 190px;
    padding: 0 10px;
  }
  .lvshicms-header__search {
    width: calc(100% - 170px);
  }
  .lvshicms-header__search li.search-item {
    width: 100%;
  }
  .lvshicms-header__search li.search-ul .dropdown-box .item {
    width: 300px;
  }
  .lvshicms-header__search .search-close {
    position: absolute;
    top: 6px;
    right: -30px;
    color: #fff;
  }
  .lvshicms-header__menu li.search-ul .dropdown-box {
    margin-left: -120px;
    padding-top: 0;
  }
  .lvshicms-header__menu li.search-ul .dropdown-box .item {
    width: 300px;
  }
  .lvshicms-header__user > li {
    margin-left: 15px;
    padding: 15px 0 10px;
  }
  .lvshicms-header__user > li > a .fa {
    font-size: 20px;
    line-height: 20px;
  }
  .lvshicms-header__user > li .dropdown-box {
    margin-right: 0;
  }
  .lvshicms-header__top.color .lvshicms-header__search .search-close {
    color: #fff;
  }
  /* content */
  .lvshicms-content__thumb .lvshicms-vodlist__thumb {
    width: 120px;
  }
  .lvshicms-content__thumb.active .lvshicms-vodlist__thumb {
    width: 120px;
  }
  .lvshicms-content__detail {
    float: left;
    width: calc(100% - 120px);
  }
  .lvshicms-content__detail.active {
    width: calc(100% - 120px);
  }
  .lvshicms-content__detail .title {
    margin: 5px 0 8px;
    font-size: 20px;
    line-height: 18px
  }
  .lvshicms-content__detail .data {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 18px;
    word-wrap: break-word;
    white-space: normal;
  }
  .lvshicms-content__detail .operate {
    margin: 0;
    padding: 0
  }
  .lvshicms-content__detail .topline {
    padding: 5px 0;
  }
  .lvshicms-content__detail .score {
    margin-bottom: 5px;
  }
  .lvshicms-content__detail .score .branch {
    font-size: 16px;
  }
  .lvshicms-content__detail .score .rating {
    top: 0;
  }
  .lvshicms-content__detail .score .rating li {
    margin: 0;
  }
  .lvshicms-content__detail .score .rating li .fa {
    font-size: 18px;
  }
  .lvshicms-content__operate {
    width: 100%;
    margin-left: -5px;
    padding: 0;
  }
  .lvshicms-content__operate li {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 2px 5px;
  }
  .lvshicms-content__operate li .btn {
    display: block;
    padding: 8px;
  }
  /* player */
  .lvshicms-player {
    margin-top: 0;
  }
  .lvshicms-player__item {
    padding: 0;
  }
  .lvshicms-player__detail {
    margin: 0;
  }
  .lvshicms-player__detail .data .title {
    font-size: 16px
  }
  .lvshicms-player__detail.detail .title {
    font-size: 18px;
  }
  .lvshicms-player__operate li {
    margin: 0;
  }
  .lvshicms-player__operate li .fa {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
  }
  .lvshicms-player-links {
    top: 0;
    right: 0;
    padding: 0 10px;
  }
  .lvshicms-player-links .btn {
    height: 35px;
    right: 8px;
  }
  .lvshicms-player__operate li .dropdown-box {
    left: auto;
    right: 0;
    margin-right: -50px;
  }
  /* news */
  .lvshicms-newslist li .title {
    font-size: 18px;
    line-height: 30px;
  }
  .lvshicms-art__nav li {
    display: inline-block;
    margin-right: 10px;
  }
  .lvshicms-art__nav li.active a {
    font-weight: bold;
    color: #2299dd;
  }
}
body {
  font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
[class*=col-], .lvshicms-content__list li, .lvshicms-vodlist__media.col li {
  padding: 10px
}
.btn {
  border-radius: 5px;
}
.lvshicms-vodlist__thumb {
  border-radius: 0px;
  height:16rem;
  /* padding-top: 145%; */
  /* background: url(../images/load.png) no-repeat; */
}
.lvshicms-vodlist__thumb img{
  width:100%;
  height: 100%;
  object-fit: cover; /* 保持图片填充容器，不变形 */
    aspect-ratio: 3 / 4; /* 影视海报常用比例，可改为2/3 */
    display: block;
}
.rank-index .lvshicms-vodlist__thumb{
  height:6rem;
}
@media (max-width: 767px) {
  .video-info-page .video-info-lvshicms-vodlist__thumb{
    height:12rem;
  }
}

.lvshicms-vodlist__thumb.square {
  padding-top: 100%;
  background: url(../images/load.png) no-repeat;
}
.lvshicms-vodlist__thumb.wide, .h .lvshicms-vodlist__thumb {
  padding-top: 60%;
  background: url(../images/load.png) no-repeat;
}
.lvshicms-vodlist__thumb.actor {
  padding-top: 140%;
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
.lvshicms-sidebar {
  padding: 0 0 0 20px;
}
.lvshicms-panel {
  margin-bottom: 20px;
  border-radius: 5px;
}
.lvshicms-panel-mb {
  margin-bottom: 20px;
}
.lvshicms-player__item .fixed {
  width: 500px;
}
.lvshicms-vodlist__text li a, .lvshicms-vodlist__media li {
  padding: 10px 0;
}
.lvshicms-screen__list {
  padding: 10px 10px 0;
}
.lvshicms-screen__list li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.lvshicms-page {
  padding: 0 10px;
}
.lvshicms-extra {
  right: 20px;
  bottom: 30px;
}
.lvshicms-vodlist__media li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .container.min {
    width: 1200px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  body, body.active {}
  [class*=col-], .lvshicms-panel, .lvshicms-content__list li {
    padding: 5px
  }
  .flickity-prev-next-button.previous {
    left: 5px;
  }
  .flickity-prev-next-button.next {
    right: 5px;
  }
  .lvshicms-vodlist__text li a, .lvshicms-vodlist__media li {
    padding: 10px 0;
  }
  .lvshicms-screen__list {
    padding: 10px 5px 0;
  }
  .lvshicms-screen__list li {
    margin-bottom: 5px;
    margin-right: 5px;
  }
  .lvshicms-extra {
    right: 20px;
    bottom: 30px;
  }
  .lvshicms-page {
    padding: 0 5px;
  }
}
.lvshicms-topbg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
body {
  font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
[class*=col-], .lvshicms-content__list li, .lvshicms-vodlist__media.col li {
  padding: 10px
}
.btn {
  border-radius: 5px;
}
.lvshicms-vodlist__thumb.actor {
  padding-top: 140%;
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
.lvshicms-sidebar {
  padding: 0 0 0 20px;
}
.lvshicms-panel {
  margin-bottom: 20px;
  border-radius: 5px;
}
.lvshicms-panel-mb {
  margin-bottom: 20px;
}
.lvshicms-player__item .fixed {
  width: 500px;
}
.lvshicms-vodlist__text li a, .lvshicms-vodlist__media li {
  padding: 10px 0 9px;
}
.lvshicms-screen__list {
  padding: 10px 10px 0;
}
.lvshicms-screen__list li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.lvshicms-page {
  padding: 0 10px;
}
.lvshicms-extra {
  right: 20px;
  bottom: 30px;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1100px;
  }
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .container.min {
    width: 1100px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  body, body.active {}
  [class*=col-], .lvshicms-panel, .lvshicms-content__list li {
    padding: 5px
  }
  .flickity-prev-next-button.previous {
    left: 5px;
  }
  .flickity-prev-next-button.next {
    right: 5px;
  }
  .lvshicms-vodlist__text li a, .lvshicms-vodlist__media li {
    padding: 10px 0;
  }
  .lvshicms-screen__list {
    padding: 10px 5px 0;
  }
  .lvshicms-screen__list li {
    margin-bottom: 5px;
    margin-right: 5px;
  }
  .lvshicms-extra {
    right: 20px;
    bottom: 30px;
  }
  .lvshicms-page {
    padding: 0 5px;
  }
}
.lvshicms-topbg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.lvshicms-header__top {}
.nav-box {
  clear: both;
  overflow: hidden;
}
.nav-item {
  width: auto;
  margin-right: 10px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.nav-item-icon {
  width: 30px;
  height: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/icon/home.png);
}
.nav-item-icon.dy {
  background-image: url(../images/icon/dy.png);
}
.nav-item-icon.ds {
  background-image: url(../images/icon/ds.png);
}
.nav-item-icon.zy {
  background-image: url(../images/icon/zy.png);
}
.nav-item-icon.dm {
  background-image: url(../images/icon/dm.png);
}
.nav-item-icon.wj {
  background-image: url(../images/icon/wj.png);
}
.nav-item-icon.zmt {
  background-image: url(../images/icon/zmt.png);
}
.nav-item-icon.rydy {
  background-image: url(../images/icon/rydy.png);
}
.nav-item-icon.rbjj {
  background-image: url(../images/icon/rbjj.png);
}
.nav-item-icon.bd {
  background-image: url(../images/icon/bd.png);
}
.nav-item-icon.art {
  background-image: url(../images/icon/art.png);
}
.nav-item-icon.dh {
  background-image: url(../images/icon/dh.png);
}
.nav-item-text {
  display: block;
  clear: both;
  text-align: center;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
}
.nav-item.active {
  position: relative;
}
.nav-item.active .nav-item-text {}
.nav-item.active::after {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 10px);
  left: 5px;
  bottom: 0;
  height: 2px;
  background-color: #2299dd;
  border-radius: 2px;
}
.lvshicms-vod-content {
  line-height: 1.6;
}
.embed-responsive {
  padding-bottom: 56.25%;
}
.lvshicms-vodlist__media .art-item {
  overflow: hidden;
  white-space: normal;
}
.lvshicms-vodlist__media .detail .art-title, .lvshicms-vodlist__media .detail .art-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lvshicms-vodlist__media .detail h4.art-title {
  margin-top: 0;
  -webkit-line-clamp: 2;
}
.lvshicms-vodlist__media .detail .art-desc {
  height: auto;
  -webkit-line-clamp: 3;
  line-height: 1.5;
}
.art-sidebar-item {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.art-sidebar-item + .art-sidebar-item {
  margin-top: 10px;
}
.art-sidebar-cover {
  padding-top: 50%;
}
.art-sidebar-info {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px 5px;
  background-color: rgba(0, 0, 0, .4);
}
.art-sidebar-info > * {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
}
.art-sidebar-time {
  margin-top: 5px;
  font-size: 12px;
}
.art-sidebar-num {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  height: 24px;
  line-height: 24px;
  padding: 0 15px;
  background-color: #f00;
  color: #fff;
  border-radius: 0 12px 12px 0;
}
.art-sidebar-num2 {
  background-color: #f60;
}
.art-sidebar-num3 {
  background-color: #2299dd;
}
.text-row-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 40px;
}
.bread-crumbs {
  font-size: 16px;
  color: #333;
}
.bread-crumbs label {
  font-size: 18px;
  margin-right: 10px;
}
.bread-crumbs > i {
  display: inline-block;
  margin-left: 5px;
  margin-right: 10px;
  color: #ccc;
}
.bread-crumbs.play {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}
.bread-crumbs.play > i {
  color: #666;
}
.bread-crumbs.play > a:not(:hover) {
  color: #fff;
}
.slide-search {
  position: fixed;
  top: 0;
  right: -110%;
  width: 420px;
  height: 100%;
  z-index: 99999;
  transition: all .18s ease-in-out;
  padding: 20px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  background-color: #f5f6f7;
}
.slide-search.active {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.slide-search-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .4);
  transition: .3s;
  display: none;
}
.slide-search.active + .slide-search-bg {
  display: block;
}
.slide-search-header {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #333;
  margin-top: -20px;
  display: none;
}
.slide-search-close {
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
}
.slide-search-body {
  padding-top: 10px;
}
.slide-search-form {
  display: block;
  position: relative;
  width: 100%;
  overflow: visible;
}
.slide-search-input {
  padding-left: 40px;
  padding-right: 90px;
  height: 54px;
  line-height: 52px;
  border-radius: 6px;
  color: #4e5969;
  width: 100%;
  font-size: 16px;
  outline: none;
  border: 1px solid rgba(30, 35, 42, .05);
  background-color: #fff;
}
.slide-search-input:hover, .slide-search-input:focus {
  border-color: #f00;
}
.slide-search-submit {
  text-transform: uppercase;
  display: block;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  border-radius: 6px;
  line-height: 54px;
  height: 54px;
  color: #fff;
  background-color: #2299dd;
  width: 66px;
  position: absolute;
  right: -1px;
  top: -1px;
}
.slide-search-list {
  padding-top: 30px;
}
.slide-search-title {
  padding-bottom: 18px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.slide-search-item + .slide-search-item {
  border-top: 1px solid rgba(30, 35, 42, .05);
}
.slide-search-item a {
  display: block;
  position: relative;
  z-index: 0;
  height: 52px;
  line-height: 52px;
}
.slide-search-icon {
  position: absolute;
  left: 4px;
  bottom: 15px;
  font-family: Impact;
  line-height: 1;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .87), hsla(0, 0%, 100%, 0));
  opacity: .14;
  transform: skew(-10deg);
  text-align: center;
  font-size: 28px;
  color: #333;
}
.slide-search-num {
  float: left;
  width: 24px;
  height: 35px;
  vertical-align: top;
  transform: skew(-10deg);
  text-align: center;
  font: 700 22px Impact;
  margin: 14px 4px 0;
}
.slide-search-num1 {
  color: #f00;
}
.slide-search-num2 {
  color: #fa6400;
}
.slide-search-num3 {
  color: #ffb802
}
.slide-search-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: calc(100% - 56px);
  height: 100%;
  text-align: left;
  font-size: 15px;
  font-weight: 700;
  margin-left: 20px;
}
.mobile-search {
  clear: both;
  overflow: hidden;
  position: relative;
  margin-bottom: 5px;
}
.mobile-search-input {
  width: 100%;
  background-color: #f8f8f8;
  height: 40px;
  line-height: 30px;
  padding: 5px 10px;
  padding-right: 50px;
  border-radius: 4px;
  font-size: 14px;
}
.mobile-search-button {
  background: none;
  outline: none;
  border: none;
  font-size: 20px;
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
  top: 0;
  right: 0;
}
.player-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.shrink-box {}
.shrink-box.shrinked {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}
.shrink-toggle {
  display: none;
}
.shrink-box.shrinked .shrink-toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #333;
  display: block;
  background-color: #fff;
  padding: 0;
  padding-left: 0.5em;
}
.shrink-text{
  line-height: 24px;
}
.detail-info-box .data a+a{
  margin-left:5px;
}
@media(max-width:1199.9px) {
  .dropdown-hover:hover .dropdown-box {
    margin-right: -15px;
  }
}
@media(max-width:1023.9px) {
  .hist.dropdown-hover {
    margin-right: 12px;
  }
  .lvshicms-header__top {
    height: 185px;
  }
  .lvshicms-header__top::before, .lvshicms-header__top::after {
    display: none;
  }
  #player-sidebar {
    height: auto !important;
  }
  .lvshicms-content__detail .data {
    padding-right: 0;
  }
  .dropdown-hover:hover .dropdown-box {
    display: block;
  }
  .lvshicms-vodlist__media .detail .art-desc {
    -webkit-line-clamp: 1;
  }
  .player-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media(max-width:767.9px) {
  .nav-box {
    padding-top: 10px;
  }
  .detail-info-btn .btn {
    width: 100%;
    text-align: center;
  }
  .lvshicms-content__detail .data.desc {
    -webkit-line-clamp: 3;
  }
  .dropdown-hover:hover .dropdown-box {
    margin-right: -5px;
  }
  .detail-box {
    padding-bottom: 40px;
  }
  .detail-box .detail-info-btn {
    position: absolute;
    left: 5px;
    bottom: 0;
    width: calc(100% - 10px);
  }
  .slide-search {
    width: 100%;
  }
  .slide-search-header {
    display: block;
  }
  .slide-search-input, .slide-search-submit {
    height: 42px;
    line-height: 40px;
  }
}


/* 针对PC端，屏幕宽度大于768px */
@media (min-width: 769px) {
  .lvshicms-screen__list {
      display: flex;
      overflow-x: auto; /* 横向滚动 */
      white-space: nowrap; /* 强制一行显示 */
      scrollbar-width: thin; /* 滚动条宽度（Firefox） */
      padding: 10px 0;
  }

  .lvshicms-screen__list::-webkit-scrollbar {
      height: 8px; /* 滚动条高度（Chrome/Safari） */
  }

  .lvshicms-screen__list::-webkit-scrollbar-thumb {
      background: #ccc!important; /* 滚动条颜色 */
      border-radius: 4px;
  }

  .lvshicms-screen__list::-webkit-scrollbar-thumb:hover {
      background: #aaa!important; /* 滚动条悬停颜色 */
  }

  .lvshicms-screen__list li {
      flex: 0 0 auto; /* 防止缩小，保持原始宽度 */
      margin-right: 10px; /* 导航项间距 */
  }

  .lvshicms-screen__list li a {
      display: inline-block;
      padding: 8px 16px;
      text-decoration: none;
  }

  /* 清除浮动和默认样式 */
  .lvshicms-screen__list.clearfix::after {
      content: none;
  }
}


.view-title {
  font-size: 1rem;
	text-indent: 10px;
}
.view-description{
  font-size: 0.8rem;
	text-indent: 10px;
}
.video-play-page .view-title{
  margin-top: 10px;
  color:#999;
}
.video-play-page .view-description{
  color:#999;
}

/**  播放器 start */

.video-play-page .stui-player__head {
	display: none;
}

.video-play-page .dplayer-video-wrap {
	max-height: 480px;
}

.video-play-page video {
	max-height: 480px;
}

@media (max-width:767px) {

  .view-title {
    font-size: 0.8rem;
  }
  .view-description{
    font-size: 0.7rem;
  }

	body.video-play-page  {
		padding-top: 0;
	}

	.video-play-page  .stui-header__top {
		display: none;
	}

	.video-play-page .stui-player__head {
		display: block;
		padding: 15px;
		background-color: #333;
		color: #fff;
	}

	.video-play-page .stui-player__head a {
		color: #fff;
	}
  .video-play-page .dplayer-video-wrap {
    max-height: 218px;
  }
  
  .video-play-page video {
    max-height: 218px;
  }
}
/**  播放器 end */



/* 面包屑容器 -----------------------------start */

/* 面包屑容器 */
.breadcrumb {
  font-family: Arial, sans-serif;
  padding: 10px 15px;
  background-color: #f8f9fa;
  border-radius: 5px;
  /* margin: 10px 0; */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.detail-info-box .breadcrumb , .video-play-page .breadcrumb {
  background-color: transparent;
}



/* 有序列表样式 */
.breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* 面包屑项 */
.breadcrumb-item {
  font-size: 14px;
  color: #666;
}

/* 链接样式 */
.breadcrumb-item a {
  text-decoration: none;
  color: #007bff;
  transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
  color: #0056b3;
  text-decoration: underline;
}

/* 分隔符 */
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  margin: 0 8px;
  color: #999;
  font-weight: bold;
}

/* 当前页面样式 */
.breadcrumb-item.active {
  color: #333;
  font-weight: bold;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .breadcrumb {
      padding: 8px 10px;
  }
  .breadcrumb-item {
      font-size: 12px;
  }
  .breadcrumb-item + .breadcrumb-item::before {
      margin: 0 5px;
  }
}


/* 面包屑容器 -----------------------------end */


/**
播放线路
*/
.play-group-head{
	cursor: pointer;
}
.play-group-head.active{
	color:#FF9900;
}
.play-group-list{
	display: none;
}
.play-group-list.active{
	display: block;
}
.play-group-list.active a{
	border: 1px solid #FF9900;
    background: #FF9900;
    color: #FFFFFF;
}



/* color.css -----------------------------start */

@charset "utf-8";


/* style */
/* .lvshicms-panel,.lvshicms-panel-box{ padding: 10px;} */
.lvshicms-panel_hd{ padding: 10px;}
.lvshicms-panel-box.active{ margin: -10px;}

/* all  */
body{ background: #f8f8f8; color: #666;}

/* text */
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #333;}
a:hover{ color: cornflowerblue;}
a.disabled{ cursor: not-allowed; opacity: 0.6;}
.text-333{ color: #333;}
.text-muted{ color: #999;}
.text-red{ color: red;}
.text-link{ color: blue;}
.text-fff{ color: #fff;}

/* form */
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #eee;}
.form-control:focus{ border-color:#2299dd; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}

/* btn */
.btn-default{ background-color: #eee; color: #333; background: linear-gradient(to right,#eeeeee 0,#f6f6f6 100%); box-shadow: 0 5px 10px rgba(246,246,246,.25);}
.btn-warm{ background-color: #2299dd; background: linear-gradient(to right,#2299dd 0,#45A9E2 100%); box-shadow: 0 5px 10px rgba(69,169,226,.25);}
.btn-primary{ background-color: #4fb1f7; background: linear-gradient(to right,#4fb1f7 0,#6bb8ee 100%); box-shadow: 0 5px 10px rgba(107,184,238,.25);}
.btn-danger{ background-color: #fc000c; background: linear-gradient(to right,#fc000c 0,#f9444d 100%); box-shadow: 0 5px 10px rgba(249,68,77,.25);}
.btn-info{ background-color: #5bc0de; background: linear-gradient(to right,#5bc0de 0,#7cc1d6 100%); box-shadow: 0 5px 10px rgba(124,193,214,.25);}
.btn-gray{ background-color: #282828; color: #ddd; background: linear-gradient(to right,#282828 0,#3b3b3b 100%); box-shadow: 0 5px 10px rgba(59,59,59,.25);}
.btn-warm,.btn-primary,.btn-danger,.btn-info{  color: #fff;}
.btn-warm:hover,.btn-primary:hover,.btn-danger:hover,.btn-info:hover,.btn-gray:hover{ color: #fff;}
.btn.disabled{ cursor: not-allowed; opacity: 0.6;}

/* border */
.border{ border-color: #eee;}
.border-primary{ border-color: #4fb1f7;}
.border-danger{ border-color: red;}
.border-info{ border-color: #5bc0de;}

/* line */
.spot{ border-color: #2299dd;}
.split-line{ background-color: #eee;}
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #eee;}

/* badge */
.badge{ background-color: #eee; color: #333;}
.badge-first{ background-color: #ff4a4a; color: #fff;}
.badge-second{ background-color: #ff7701; color: #fff;}
.badge-third{ background-color: #ffb400; color: #fff;}

/* dropdown */
.dropdown-box .item{ background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}

/* pic-tag */
.pic-tag{ }
.pic-tag.active,.pic-tag-h{ background-color: #2299dd; color: #fff;}
.pic-text,.pic-title-bottom{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #fff;}
.pic-text.active{ background: rgba(0,0,0,0.6); color: #fff;}
.pic-title-top{background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); color: #fff;}

/* link */
.lvshicms-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}

/* nav */
.nav li.active a{ border-color: #2299dd; color: #2299dd;}
.nav-tabs li .dropdown-box .item li a{ color: #333;}
.nav-tabs li .dropdown-box .item li.active a{ color: #2299dd;}

/* panel */
.lvshicms-panel-bg,.lvshicms-panel-bg2{background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05);}

/* vodlist */
.lvshicms-vodlist__bg{background-color: #f5f5f5;}
.lvshicms-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}

/* text-list */
.lvshicms-vodlist__text.striped .striped-head,.lvshicms-vodlist__text.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}

/* table */
.lvshicms-table>thead>tr>th,.lvshicms-table>tbody>tr>td, .lvshicms-table>tbody>tr>th, .lvshicms-table>tfoot>tr>td, .lvshicms-table>tfoot>tr>th, .lvshicms-table>thead>tr>td, .lvshicms-table>thead>tr>th { border-color: #ddd;}

/* playlist */
.lvshicms-content__list::-webkit-scrollbar,.lvshicms-playdown__list::-webkit-scrollbar{ width: 4px; background-color: #f5f5f5;}
.lvshicms-content__list::-webkit-scrollbar-thumb,.lvshicms-playdown__list::-webkit-scrollbar-thumb{background-color: #ccc;}

/* player */
.lvshicms-player__video{ background-color: #000;}
.lvshicms-player__operate > li > a{ color: #999;}

/* popup */
.popup{ background-color: #f8f8f8;}
.popup-head{ background-color: #fff;}

/* content */
.lvshicms-content__detail .score .rating li .fa,.lvshicms-content__detail .score .branch{ color: #2299dd;}

/* flickity */
.flickity-page-dots .dot{ background-color: #2299dd;}

/* carousel */
.carousel-indicators-dots li{ background-color: #2299dd;}
.carousel-indicators-text li.active .title{ color: red;}
.carousel-indicators-thumb li.active{ border: 3px solid #2299dd;}

/* extra */
.lvshicms-extra li a{ background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.lvshicms-extra li a.backtop{ background-color: rgba(0,0,0,0.6); color: #fff; }

/* autocomplete */
.autocomplete-suggestions{ background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.autocomplete-suggestion, .autocomplete-suggestions li,.autocomplete-suggestion, .autocomplete-suggestions li a{ color: #333;}
.autocomplete-suggestions li strong{ color: red;}

/* tabbar */
.lvshicms-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
.lvshicms-nav__tabbar .item .title{ color: #999;}

/* footer */
.lvshicms-foot{ background-color: #f8f8f8;}

/*head*/
.lvshicms-header__top,.lvshicms-header__top::before, .lvshicms-header__top::after,.lvshicms-header__logo .logo,.lvshicms-header__search,.lvshicms-header__user {

  background-color: #fff;

}
.lvshicms-header__top {

  box-shadow:0 1px 3px rgba(0,0,0,.05);
  
}
.lvshicms-header__menu > ul > li.active > a {
  background-color:#2299dd;
  color:#fff;
}
.lvshicms-header__search li.search-item{
  border-color:#999;
}
.detail-info-box{
  background-color: #fff;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.lvshicms-content__thumb .lvshicms-vodlist__thumb {

    box-shadow: 0 2px 6px rgba(200, 200, 200, .6);
}
.lvshicms-player__data{
  background-color:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
}

.bread-crumbs {
  /*background: linear-gradient(to right,#eeeeee 0,#f6f6f6 100%);*/
}

.detail-info-box .data a {
  /*color: cornflowerblue;*/
}
/* color.css -----------------------------end */