.infobox{
    display: flex;
}
.module-item-pic{
    width: 227px;
    margin-right: 15px;
    /* position: relative; */
}
.module-item-pic .url_img{
    border-radius: 8px;
}
.video-info{
    flex: 1;
}
.video-info .video-info-header{}
.video-info .page-title{}
.video-info .video-subtitle{
    font-size: 16px;
}
.video-info-aux .tag-link {
   padding: 0 10px;
   line-height: 28px;
   font-size: 14px;
   border-radius: 10px;
   display: inline-block;
}
.video-info-aux{
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.video-info-aux .tag-link {
   background: #ffffff;
   margin-left: 5px;
   overflow: hidden;
}
 
.slash {
   padding: 0 7px;
   color: #d7dae1;
}
.video-info-aux .tag-link a {
   color: rgb(0 0 0 / 68%);
}

.video-info-main {
   /* min-height: 200px; */
}

.video-info-items {
   display: flex;
   padding-bottom: 5px;
   line-height: 1.7;
}
.video-info-itemtitle {
   display: inline-block;
   min-width: 46px;
   font-weight: 700;
   color: rgb(255 255 255);
}
.btn-important{
   border-radius: 50px;
   padding: 0 30px;
   color: #fff;
   cursor: pointer;
   background: linear-gradient(
90deg
, #fc6f77, #e43444) !important;
   line-height: 40px;
   display: inline-block;
}



 

.flex, .nav, .module-heading {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.module-heading {
   /* margin-bottom: 15px; */
   font-size: 0;
   vertical-align: baseline;
   position: relative;
}
.module-title {
   line-height: 0.3;
   font-size: 1.86875rem;
   font-weight: 700;
}
.flex-end, #index-nav, .module-tab {
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-direction: normal;
   -webkit-box-orient: horizontal;
   -webkit-flex-direction: row;
   -moz-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-justify-content: flex-end;
   -moz-justify-content: flex-end;
   -ms-justify-content: flex-end;
   justify-content: flex-end;
   -ms-flex-pack: flex-end;
}
.module-tab {
   flex: 1;
   white-space: nowrap;
}
 
.play .module-tab, .view .module-tab {
   height: 50px;
   overflow: hidden;
   margin: 0 0 -15px 20px;
   width: 90%;
}
.sort-list .module-tab, .module-tab-name, .module-tab-title, .module-tab-input {
   display: none;
}
.sort-list .module-tab, .module-tab-name, .module-tab-title, .module-tab-input {
   display: none;
}
.module-player-tab .module-tab-items {
   overflow: auto;
}
.sort-list .module-tab, .module-tab-name, .module-tab-title, .module-tab-input {
   display: none;
}
.btn-base, .more, .search-tag a, .module-tab-item, .module-blocklist a, .library-item, .video-serial {
   padding: 0 8px;
   line-height: 35px;
   font-size: 14px;
   display: inline-block;
   border-radius: 10px;
}
 
.module-tab-item {
   margin-left: 5px;
   border-radius: 18px;
   cursor: pointer;
   position: relative;
}
.module-tab-item small {
   position: absolute;
   right: 0;
   top: 0;
   transform: scale(.8);
   /* transform-origin: top right; */
   font-weight: 400;
   background: #03a9f4;
   -webkit-backdrop-filter: saturate(180%);
   color: rgb(0 0 0);
   padding: 0 6px 0 5px;
   border-radius: 4px;
   /* height: 19px; */
   line-height: 20px;
   font-size: 12px;
}
.module-tab-item.selected {
   background: #ff2a14;
   font-weight: 700;
   color: #fff;
}
.module-player-tab .module-tab-item {
   line-height: 40px;
   margin-left: 3px;
   border-radius: 10px 10px 10px 10px;
   white-space: nowrap;
   overflow: hidden;
}
.module-player-tab .module-tab-item.selected {
   background: #80d1c6;
   color: #ffffff;
}
.tab-list, .module-downlist {
   display: none;
}
.module-list {
   font-size: 0;
}
.module-player-list {
   padding: 15px;
   /* background: #d3d3b3; */
   margin-bottom: 20px;
   border-radius: 10px 0 10px 10px;
}
.tab-list.selected, .module-downlist.selected {
   display: block;
}
.sort-list .module-tab, .module-tab-name, .module-tab-title, .module-tab-input {
   display: none;
}
.play .module-tab, .view .module-tab {
   height: 50px;
   overflow: hidden;
   margin: 0 0 -15px 20px;
   width: 90%;
}
.mobile-play {
   display: none;
}
.shortcuts-overlay, .shortcuts-mobile-overlay {
   pointer-events: none;
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: transparent;
   content: "";
   z-index: 9;
}
.module-item-pic a{
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
}
.playlist{
    margin-top: 20px;
}

.module-blocklist a {
   background: #e83e4c;
   color: rgb(255 255 255);
   margin: 4px;
   padding: 1px 10px;
   text-align: center;
   position: relative;
}
.module-vod-list .module-blocklist a {
   line-height: 1.38;
   padding: 8px 10px;
   width: calc(12.5% - 10px);
}
.module-blocklist a.selected{
   background: #ff8382;
}
.detail{
   margin-top: 10px;
}

@media (max-width: 559px){
    .module-vod-list .module-blocklist a{
    width: 30%;
}
   .infobox{
      flex-direction: column;
   }
   .module-item-pic{
      width: 45%;
      margin: auto;
      padding-bottom: 26px;
      margin-top: 16px;
   }
    .mobile-play {
      display: block;
      position: absolute;
      margin: 0;
      top: -130px;
      left: 0;
      width: 100vw;
      border-radius: 0;
      z-index: -1;
  }
  .mobile-play:before {
      content: '';
      position: absolute;
      z-index: 2;
      height: 105%;
      width: 100%;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #10131d 80%, #10141f 100%);
      backdrop-filter: saturate(180%) blur(10px);
      -webkit-backdrop-filter: saturate(130%) blur(10px);
   }
   .mobile-play:after {
      content: '';
      position: absolute;
      z-index: 2;
      opacity: .1;
      height: 100%;
      width: 100%;
      top: 0;
      background-image: url(../images/frosted.png);
      background-size: 30%;
      filter: invert(100%);
  }
  .mobile-play .module-item-cover {
      border-radius: 0;
      padding-top: 150%;
   }
   .mobile-play .module-item-pic img {
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      position: absolute;
  }
   .video-info-footer{
      display: flex;
      justify-content: center; /* 水平居中 */
      align-items: center;
   }
  
  .module-tab-title {
   position: relative;
   display: block;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   padding: 5px 5px 10px;
}
.module-tab-content {
   text-align: inherit;
   flex: 1;
   white-space: initial;
}
.close-drop {
   position: absolute;
   left: 5px;
   top: 5px;
   height: 30px;
   width: 30px;
   line-height: 28px;
   border-radius: 50px;
}
.module-player-tab .module-tab-item {
   padding: 0 18px;
}
.module-player-tab .module-tab-item {
   padding: 0 18px;
}
.module-tab-name {
   display: block;
   font-size: 14px;
}
.module-player-tab .module-tab-name {
   border-radius: 10px 10px 0 0;
   background: #1f273a;
   color: rgb(255 255 255 / 68%);
   padding: 0 10px;
   line-height: 31px;
   margin: 3px 0 -7px;
}
.module-player-tab .module-tab-items {
   overflow: auto;
}
.module-tab .module-tab-items {
   position: fixed;
   width: 100%;
   padding: 15px;
   min-height: 40vh;
   max-height: 65vh;
   border-radius: 18px 18px 0 0;
   display: inline-block;
   left: 0;
   bottom: 0;
   z-index: 5000;
   background-color: #fff;
   transition-duration: 300ms;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
}
.module-tab.module-tab-drop .module-tab-items {
   transform: translateZ(0);
   -webkit-transform: translateZ(0);
}
.module-tab-title {
   position: relative;
   display: block;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   padding: 5px 5px 10px;
}
.close-drop {
   position: absolute;
   left: 5px;
   top: 5px;
   height: 30px;
   width: 30px;
   line-height: 28px;
   border-radius: 50px;
}
.module-tab-drop + .shortcuts-mobile-overlay {
   top: 0;
   background-color: rgba(0, 0, 0, .6);
   pointer-events: auto;
}
.module-tab-drop.module-player-tab .module-tab-item.selected{
    border-radius: 10px;
    background: #e05081;
}
.module-tab-item span{
    color: black;
}
.module-tab-drop  .module-tab-item.selected span{
    color: white;
}
.video-info .page-title{
    font-size: 28px;
}
.module-title{
    font-size: 1.37475rem;
    font-weight: 600;
}
}