/*
 * @Author: 大图模板 www.datll.com
 * @Date: 2020-10-16 10:33:33 
 * @Last Modified by: 金刚狼
 * @Last Modified time: 2021-06-29 23:19:19
 * 超级模板响应式css
 */
.clearfix:before, .clearfix:after {
   clear: both;
   display: table;
   content: " ";
 }
.gbook{
    margin-top: 108px;
}
.container h1{
    font-size: 0.6rem;
    margin-bottom: inherit;
}
.btn-group{}
.btn{
    /* padding: 0.15rem .25rem; */
}



 @media (max-width:1499.98px) {
   /* 文档宽度小于 1499.98px */
   
   /* 文档宽度小于 1499.2.45rem */
   .common-action, .movie-info-list .info-list, .nav-wrap, .sys-banner-box, .type-wrap, .wp-fixbom .fixbom-inter,.ad-wrap{
      width:80%;
   }
   .personal-info-wrap{
      width: 80%;
      top: 0.45rem;
      left: 45%;
   }
   .video-header .header-inner, .common-action, .common-action .slide-box, .common-action .slide-box .movie-list, .common-action .slide-box .movie-list .list {
      /* width: 80%; */
   }
   .common-action .slide-box{
      /* width:80%; */
   }
    
   .movie-area .movie-item.movie-m{
      margin-right: 1.5979%;
   }
   .tui-list .art_tit{
      padding-right: 0.25rem;
   }
   .play .player,.play .highlights{
      height: 12.5rem;
   }
   .gallery .dgallery-main{
      width: 20.3%;
   }
 }
 @media (max-width: 1399.98px) {
   .mod_pop_user{
     right: 0px;
   }
 }
 @media (max-width: 575.98px) {
   .personal-info-wrap{
    display: none;
}
   .mobile-list{
      height: 100vh;
      overflow: auto;
      margin-right: -0.2rem;
      padding-bottom: 1.2rem;
 }
  .menus-item.one{
      float: left;
      display: block;
 }
  .xiushi{
      font-size: 0.5rem!important;
 }
  .xiushi:nth-child(2){
      font-size: 0.5rem!important;
 }
  .gbook{
      margin-top: 30%;
 }
  .art-list .feed_img{
      width: 35.5%;
      min-width: 33.5%;
 }
  .top_banner .banner_title{
      width: 100%;
      margin-left: 0;
      left: 0;
      right: 0;
      background-size: 100%;
      top: 51%;
      height: 2.7rem;
 }
  .top_banner .banner_img{
      width: 100%;
 }
  .top_list li .item-pic{
      width: 40%;
 }
  .item_div{
      display: none;
 }
  .actor-content{
      overflow-x: hidden;
 }
 /* 文档宽度小于 575.2.45rem */
  .banner-wrap {
      margin-bottom: 0.35rem;
 }
  .banner-wrap .inner {
      height: 4.25rem;
      margin-top: 2.5rem;
 }
  .banner-wrap .banner-list .banner-item .banner-inner {
      width: 100%;
 }
  .movie-info-list {
      padding-left: 0.25rem;
      width: 50%;
 }
  .movie-info-list .info-list .singlemovie-info .moviename {
      font-size: 0.475rem;
      padding-bottom: 0.125rem;
      text-shadow: 0.025rem 0.025rem 0.025rem #000000;
 }
  .movie-info-list .info-list .singlemovie-info .info {
      padding-bottom: 0.25rem;
      font-size: 0.325rem;
 }
  .banner-wrap .banner-list .banner-item img {
      opacity: 1;
 }
  .movie-info-list .info-list .movielist-slider {
      display: none;
 }
  .left-bg, .left-right {
      display: none;
 }
  .movie-info-list .info-list {
      display: inline-block;
      width: 100%;
 }
  .video-header-index {
     background: linear-gradient(180deg,rgb(0 0 0) 0,transparent);
     overflow: hidden;
     background-color: #795548;
     height: 2.5rem;
     background-color: #171819 !important;
 }
 .head_nav .video-header-index{
   overflow: visible;
  }

  .vi-logo {
      margin: 0.125rem 0;
 }
  .vi-nav {
     /* overflow: hidden;
      */
      position: relative;
 }
  .vi-list .vi-nav {
      width: auto;
 }
  .video-header .header-inner .nav-item {
     /* padding: 0.025rem 0.35rem;
      */
 }
  .vi-nav-wrap .vi-nav li:nth-child(3n):before {
      display: none;
 }
  .searchinput::-webkit-input-placeholder {
      color: #fbdc84;
      font-size: 0.3rem;
 }
  .nav-list {
 }
  .vi-more {
      position: absolute;
      top: 0;
      right: 0rem;
      z-index: 2;
      display: block;
      height: 1.25rem;
      line-height: 1.25rem;
 }
  .open-menu {
      padding: 0 0rem;
      color: #fbdc84;
 }
  .open-menu span {
      display: none;
 }
  .video-header .header-inner .nav-list .nav-item a {
      min-width: 0.75rem;
      color: #fcdd86;
      width: 100%;
      display: block;
 }
  .video-header .header-inner .vi-list .nav-item {
      padding: 0 0.2rem;
 }
  .video-header .header-inner .nav-item a {
      height: 1.25rem;
      line-height: 1.25rem;
      color: #fcd36f;
 }
  .vi-nav-wrap {
      margin-right: 1rem;
      overflow: hidden;
      width: 93%;
      display: flex;
 }
  .sidinfo-loginfo {
     /* height: 1.375rem;
      */
     /* flex-direction: row;
      */
      display: flex;
     /* justify-content: space-around;
      */
     /* align-items: center;
      */
 }
  .sidinfo-loginfo a{
      height: 1.25rem;
      line-height: 1.25rem;
 }
  .vi-search {
      position: absolute;
      top: 0rem;
      left: 2.825rem;
 }
  .video-header .header-inner .search-area .input-area {
      width: auto;
      height: 0.625rem;
 }
  .video-header .header-inner .search-area {
      margin-top: 0.3rem;
 }
  .video-header .header-inner .search-area .input-area .searchinput {
      width: 100%;
      height: 0.625rem;
      line-height: 0.625rem;
 }
  .video-header .header-inner .search-area .input-area .search-enter {
      top: 0.1rem;
      right: 0.125rem;
 }
  .btn-User img {
      margin-right: 0;
      width: 0.625rem;
      height: 0.625rem;
 }
  .video-header .header-inner, .common-action, .common-action .slide-box, .common-action .slide-box .movie-list, .common-action .slide-box .movie-list .list ,.ad-wrap{
      width: 100%;
      padding-left: 0.2rem;
      padding-right: 0.2rem;
 }
  .video-header-fix {
      height: 1.1rem;
      background: rgb(23 24 25);
      overflow: visible;
 }
  .video-header-fix .vi-logo, .video-header-fix .vi-list, .video-header-fix .vi-search {
      display: none;
 }
  .menus {
      position: fixed;
      top: 0;
      left: -7.575rem;
      z-index: 99999;
      width: 7.5rem;
      height: 100%;
      bottom: 0;
      padding-top: 1rem;
      opacity: 1;
      background-color: rgb(255 255 255);
      pointer-events: none;
      height: 100vh;
 }
  .head_nav .menus {
      z-index: 99999;
      left: 0;
      padding-bottom: 0;
      padding-top: 1rem;
      pointer-events: initial;
      position: fixed;
      height: 100vh;
 }
  .menus-item ul {
      display: inline-block;
 }
  .menus-item ul li {
      float: left;
 }
  .menus .close {
      top: 0;
      bottom: initial;
      left: initial;
 }
  .menus .close a {
      padding: 0.25rem;
      background-color: inherit;
      border-radius: 0.1rem;
      font-size: 0.375rem;
 }
  .menus-item .menus-title span {
      color: #9C27B0;
 }
  .menus-item .menus-title a {
      color: #FF9800;
      font-size: 0.4rem;
 }
  .menus-item ul li a {
      color: #1b1b1b;
 }
  .MobileMenu {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 0.025rem solid #16161b;
      padding-bottom: 0.375rem;
 }
  .MobileMenu .mMenu-item {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
 }
  .mMenu-item a{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
 }
  .mMenu-item i {
      font-size: 0.625rem;
      width: 1rem;
      line-height: 1rem;
      height: 1rem;
      background: #0000004d;
      box-shadow: 0rem -0.025rem 0.2rem 0rem rgb(74 42 0 / 3%);
      color: #fcd36e;
      border-radius: 0.25rem;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      display: flex;
      margin-bottom: 0.125rem;
 }
  .mMenu-item label {
      color: #fbdc84;
      font-size: 0.325rem;
 }
  body.head_nav {
      height: 100%;
      overflow: hidden;
 }
  .btn-User {
      height: 1.125rem;
      display: flex;
      align-items: center;
 }
  .common-action .slide-box {
      margin-left: 0;
      padding-left: 0;
      padding-right: 0;
 }
  .common-action .slide-box .movie-list {
      padding-left: 0;
      padding-right: 0;
 }
  .common-action .slide-box .movie-list .list {
      padding-left: 0;
      padding-right: 0;
 }
  .daily-rank .swiper-slide {
      width: 32.4% !important;
 }
  .aside-container {
      top: initial;
      bottom: 0;
      left: 0;
      height: 1.125rem;
 }
  .aside-bar {
      width: 100%;
 }
  .bar-middle {
      bottom: 0.25rem;
      flex-direction: row;
      display: flex;
      justify-content: space-around;
      align-items: center;
 }
  .bar-item {
      margin: 0rem 0.25rem;
      color: #fcd26b;
 }
  .bar-item i {
      color: #fcd26b;
 }
 
  .list .m-item {
      width: 32.4%;
      margin-right: 0.125rem;
  }
  
 .detail-content .list .m-item{
   width: 32.4%!important;
   margin-right: 0.125rem;
 }
 html .user_page .list .m-item{
   width: calc(37% - 0.49999rem);
}

  .list .m-item .cover-area.img {
      width: 100%;
      height: 4.5rem;
 }
  .m-title h2 {
      font-size: 0.425rem;
 }
  .m-title .new-tit {
      padding-left: 0;
      color: #fbd26d;
      background: none;
      display: flex;
      width: 50%;
 }
  .m-title .rank-tab {
      margin-left: 0.3rem;
      white-space: nowrap;
      overflow-x: scroll;
      overflow-y: hidden;
 }
  .m-title .rank-tab::-webkit-scrollbar{
      display: none;
 }
  .m-title .rank-tab .rank-tab-item {
      font-size: 0.25rem;
      margin-right: 0.15rem;
      background: #16161a;
      color: #fbdc84;
      width: 1.7rem;
 }
  .m-title .rank-tab .rank-tab-item.cur, .m-title .rank-tab .rank-tab-item:hover {
      color: #000000;
 }
  .common-action .tv-area {
      margin-top: 0rem;
      margin-bottom: 1rem;
 }
  /* .list .m-item:last-child, .list .m-item:nth-child(7n) {
      margin-right: 0.125rem;
 } */
  .list .m-item:last-child, .list .m-item:nth-child(8n){
      margin-right: 0.125rem!important;
 }
  .list .m-item:last-child, .list .m-item:nth-child(3n) {
      margin-right: 0rem!important;
 }
  .list .m-item:last-child {
     /* display: none; */
 }
  .list.search .m-item:last-child{
      display:block 
 }
  .list .m-item.swiper-slide:last-child, .list .m-item.swiper-slide:nth-child(3n) {
      margin-right: 0.125rem!important;
 }
  .list .m-item.swiper-slide:last-child, .list .m-item.swiper-slide:nth-child(4n), .list.swiper-wrapper .m-item:last-child, .list.swiper-wrapper .m-item:nth-child(7n) {
      margin-right: 0.125rem;
 }
  .movie-area .movie-item.movie-m {
      width: 100%;
      margin-bottom: 0.225rem;
 }
  #art-nav{
      width: 100%;
      margin-top: 0;
      padding: 0;
      background: none;
 }
  .art-nav-item{
      float: left;
      margin: 0;
      margin-right: 0.25rem;
 }
  .art-nav-item a{
      display: block;
      font-weight: 500;
      line-height: 0.5rem;
      font-size: 0.25rem;
      margin-right: 0.2rem;
      background: #16161a;
      color: #fbdc84;
      padding: 0.1rem 0.375rem;
      border-radius: 0.4rem;
 }
  .art-list .feed-common .feed-four-title a{
      font-size: 0.35rem;
 }
  .art-list .feed-common .feed-pic img{
      min-width: 32%;
      max-width: 32%;
      height: 2.5rem;
 }
  .art-list .feed-common .feed-pic a{
      width: 100%;
      justify-content: space-between;
      display: flex;
      flex-direction: row;
 }
  .art-list .feed-common .feed-blurb{
      display: none;
 }
  .tui-list .list-top{
      margin-top: 0.25rem;
 }
  .tui-list .title{
      font-size: 0.4rem;
      padding-left: 0;
      color: #fbd26d;
      background: none;
 }
  .TypeSwiper{
      height: 7.625rem;
      padding-top: 2.75rem;
 }
  .TypeSwiper .swiper-slide{
      height: 4rem;
      width: 70%;
 }
  .slider-prev,.slider-next{
      display: none;
 }
  .type-page{
      margin-top: 0.5rem;
      overflow: hidden;
 }
  .type-menu{
      overflow: hidden;
 }
  .type-menu li{
      margin: 0.125rem 0;
      float: left;
 }
  .type-menu li:nth-of-type(n+5){
      display: none;
 }
  .TypeSwiper .slide-tit{
      padding: 0.25rem;
 }
  .TypeSwiper .slide-tit .tit-name{
      font-size: 0.45rem;
 }
  .type-menu li a{
      min-width: 1.75rem;
 }
  .show-page{
      margin-top: 2.375rem;
 }
  .channel .type-item .item-list .item{
      width: auto;
 }
  .channel .channel-type .type-item{
      display: flex;
 }
  .channel .showSwiper{
      float: left;
      overflow: hidden;
      display: flex;
      width: 6.7rem;
 }
  .channel .type-item .item-list{
      overflow: initial;
 }
  .channel .type-item .type-title{
      margin-right: 0.025rem;
 }
  .go-page{
      width: 100%;
      margin-left: 0;
      margin-top: 0.25rem;
 }
  .mod-slider{
      height: 7.5rem;
      padding-top: 2.75rem;
 }
  .mod-slider .common-action{
      padding: 0;
 }
  .mod-slider .pic a img{
      height: 3.75rem;
      width: 100%;
 }
  .mod-slider .pic .pic-text{
      height: 0.75rem;
      line-height: 0.75rem;
      font-size: 0.325rem;
 }
  .hot .flag{
      display: none;
 }
  .hot .list{
      padding-left: 0;
      padding-top: 0.4rem;
      padding-bottom: 0;
 }
  .hot .list ul{
      flex-flow: row wrap;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-direction: row;
      width: 100%;
 }
  .hot .list li{
      margin-right: 0rem;
      height: 2.5rem;
      width: 19.002%;
 }
  .hot .list .avatar{
      width: 1.25rem;
      height: 1.25rem;
 }
  .hot .list .avatar img{
 }
  .hot .list .name{
      font-size: 0.325rem;
      color: #666;
      margin-top: 0rem;
 }
  .hot .list li:nth-of-type(n+11){
      display: none;
 }
  .rank_list .star{
      width: 1.6rem;
      height: 1.6rem;
 }
  .rank_list .list_item{
      height: 2.25rem;
 }
  .rank_list .list_item .star .pic .icon_crown{
      width: 1.75rem;
      height: 1.825rem;
      top: -11.0.225rem;
      left: -0.15rem;
 }
  .rank_list .list_item:nth-child(1) .star .pic .icon_crown{
 }
  .rank_list .list_item:nth-child(2) .star .pic .icon_crown{
      background-position: 0 -1.825rem;
 }
  .rank_list .list_item:nth-child(3) .star .pic .icon_crown{
      background-position: 0rem -3.65rem;
 }
  .art-index{
      margin-top: 2.75rem;
      overflow: hidden;
 }
  .art-list .feed-common .feed-pic img:nth-child(3){
      border-bottom-right-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
 }
  .art-list .feed-common .feed-pic img:nth-child(4){
      display: none;
 }
  .art-list .feed-common .feed-attr-click{
 }
  .art-list .feed-common .feed-pic{
     /* display: block;
      */
 }
  .art-list .feed-common .feed-no-info{
      width: 100%;
 }
  .topic{
      margin-top: 2.75rem;
      overflow: hidden;
 }
  .detail-bg{
      height: 6rem;
 }
  .detail-info{
      height: 4rem;
      margin-top: 3.35rem;
 }
  .detail-info .container-left{
      width: 30%;
 }
  .detail-info .container-right{
      width: 70%;
      padding-left: 0.15rem;
 }
  .detail-info .container-right h1{
      font-size: 0.45rem;
      padding-top: 0rem;
      min-height: 1rem;
      line-height: 0.625rem;
 }
  .detail-info .container-right h1 span{
      font-size: 0.425rem;
      margin-left: 0.125rem;
 }
  .detail-info .container-right .score{
      font-size: 0.45rem;
 }
  .detail-info .score b{
      font-size: 0.55rem;
 }
  .detail-info .container-right h2{
      font-size: 0.325rem;
      line-height: 0.35rem;
      padding-top: 0;
 }
  .detail-info .detail-tags{
      margin-top: 0;
 }
  .detail-info .Star{
      display: none;
 }
  .info-bottom{
      margin-top: 0.125rem;
      flex-direction: column;
      justify-content: left;
      align-items: flex-start;
 }
  .Digg{
      margin-left: 0;
      margin-top: 0.125rem;
 }
  .container-right .btns{
      padding: 0;
      margin: 0;
 }
  .container-right .btns a{
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0;
      width: 0.75rem;
      height: 0.75rem;
      min-width: initial;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 0.75rem;
      padding: 0;
      margin: 0;
      line-height: initial;
 }
  .container-right .btns a.playGo{
      display: none;
 }
  .btns a .iconMy{
      padding: 0;
      margin: 0;
 }
  #ratewords{
      font-size: 0.35rem;
 }
  .detail .gallery .dgallery-main{
      height: 2.45rem;
      width: 30.9999%;
 }
  .detail .gallery .dgallery-main.key{
      width: 31.1999%;
      height: 5rem;
 }
  .detail .gallery .dgallery-main:nth-child(3){
      margin-right: 0;
 }
  .detail .gallery .dgallery-main:nth-child(5){
      margin-right: 0;
 }
  .video-detail{
      overflow-x: hidden;
 }
  .gallery .dgallery-main:nth-of-type(n+14){
      height: 2.45rem;
      width: 31.9999%;
      float: left;
      margin: 0;
      overflow: hidden;
      margin-right: 0.125rem;
      margin-bottom: 0.125rem;
 }
  .video-detail .m-title{
 }
  .detail-content .list .m-item{
      width: 3.025rem;
 }
  .video-detail .m-title h2{
      font-size: 0.4rem;
 }
  .play .player-box{
      margin-top: 2.5rem;
 }
  .play .video-header .header-inner{
      width: 100%;
 }
  .play .common-action{
      width: 100%;
 }
  .play .relevant .common-action{
      width: calc(100% - 0rem);
 }
  .play .player_right{
      position: relative!important;
      top: 0.75rem;
 }
  .play .player{
      height: 5.75rem;
      padding-left: 0;
      padding-right: 0;
 }
  .play .video-inner{
 }
  .play .video-info-wrap{
 }
  .play .video-inner .video-base{
      flex: 0 0 100%;
      max-width: 100%;
      padding-top: 0.175rem;
 }
  .play .ads_right{
      position: relative!important;
      right: 0;
 }
  .play .video-info-wrap .video-tags a{
     /* margin-top: 0.125rem;
      */
      height: 0.625rem;
      padding: 0 0.125rem;
      margin-right: 0.1rem;
      margin-bottom: 0.125rem;
 }
  .play .highlights{
      height: auto;
      overflow: scroll;
 }
  .play .highlights #tabContainer{
      margin-top: 0.225rem;
 }
  .play .nextprev{
      top: 0.2rem;
      right: 0.3rem;
 }
  .play .nextprev a{
      height: 0.625rem;
      padding: 0.1rem 0.275rem;
      font-size: 0.25rem;
 }
  .play .video-info-wrap .video-tags{
     /* width: 50%;
      */
 }
  .play .vi-leve-list .pic{
      height: 2.575rem;
 }
  .play .vod_info{
      position: fixed;
      background-color: #171819;
      left: 0;
      right: 0;
      bottom: -8.35rem;
      margin: 0;
      z-index: 99;
      height: 8.35rem;
      -webkit-transition: .5s;
      -moz-transition: .5s;
      -o-transition: .5s;
      transition: .5s;
      -ms-transition: .5s;
 }
  .play .vod_info.open{
      margin: 0;
      height: 8.95rem;
      bottom: 0.75rem;
 }
  .play .vod_info .vi_pic{
      padding-right: 0.2rem;
      width: 2.75rem;
 }
  .play .vod_info li{
      margin-bottom: 0rem;
      width: auto;
 }
  .play .vod_info ul{
      width: calc(100% - 2rem);
 }
  .play .vod_info li.vod_blurb{
      position: absolute;
      left: 0;
      bottom: 0.45rem;
      overflow: auto;
      text-overflow: initial;
      white-space: initial;
      height: 3.35rem;
 }
  .article h1{
      font-size: 0.5rem;
      line-height: 0.775rem;
 }
  .info-close{
      position: absolute;
      top: 0.2rem;
      right: 0.275rem;
      color: #fcd26b;
 }
  .user_page .common-action{
      padding-right: 0.375rem;
      padding-left: 0rem;
      margin-bottom: 0;
 }
  html .user_navigate_list{
      padding: 0;
 }
  html .user_navigate .user_info{
      background-color: #171819;
      background-image: none;
 }
  html .user_navigate .user_info .user_name{
      color: #fcd26b;
 }
  html .info-right{
      margin-right: -0.375rem;
      border-radius: 0;
      padding: 0.15rem;
 }
  html .profile_modbg{
      margin-bottom: 0;
      padding-top: 0;
 }
  html .Edit{
      padding: 0rem;
 }
  html .Edit .info-ul li label{
      margin-right: 0.25rem;
 }
  html .Edit .info-ul li{
      margin-top: 0.35rem;
      line-height: 0.75rem;
 }
  html .Edit .button-btn{
      width: 100%;
      text-align: center;
 }
  html .Edit .info-name{
 }
  html .Edit .info-ul li .avatar{
      width: 2.25rem;
      height: 2.25rem;
 }
  html .user_header{
      display: none;
 }
  html .user-top{
      height: 1rem;
      display: flex;
      display: flex;
      justify-content: center;
     /* 水平居中 */
      align-items: center;
 }
  html .user-top .left-bold{
      position: absolute;
      left: 0.325rem;
 }
  html .user-top .left-bold i{
      color: #fcd26b;
 }
  html .user-top .page-title{
      font-size: 0.375rem;
      color: #fcd26b;
      margin-bottom: 0;
 }
  html .info-right .m-title h2{
      font-size: 0.4rem;
 }
  html .info-right .list .m-item, .info-right .list .m-item-topic{
      margin-right: 0.125rem;
 }
  html .info-right .list .m-item:nth-child(3n), .info-right .list .m-item-topic:nth-child(3n){
      margin-right: 0rem;
 }
  html .info-right .del_log{
      bottom: 24%;
 }
  html .modal_upload{
      max-width: 100%;
      width: 100%;
 }
  html .modal_upload .title{
      padding: 0.25rem 0.325rem;
      font-size: 0.375rem;
 }
  html .modal_upload .content{
      padding: 0rem;
      overflow: hidden;
 }
  html .avatar-body{
      padding: 0rem 0.05rem;
 }
  html .modal_upload .avatar-wrapper{
      height: 4.725rem;
 }
  html .modal_upload .avatar-upload input{
      margin-left: 2.675rem;
      position: absolute;
 }
  html .modal_upload .preview-lg{
      height: 2.5rem;
      width: 2.5rem;
 }
  html .modal_upload .preview-md{
      height: 1.25rem;
      width: 1.25rem;
 }
  html .modal_upload .modal-body{
      padding: 0.175rem;
 }
  html .info-top.buy{
      margin-right: -0.375rem;
      padding: 0.175rem 0.15rem;
      border-radius: 0;
      margin-bottom: 0;
 }
  html .user_portrait img{
      width: 1.5rem;
      height: 1.5rem;
 }
  html .user_points{
      font-size: 0.375rem;
      line-height: 0.5rem;
 }
  html .m-position{
      position: initial;
 }
  html .info-top .buy-panel{
      position: absolute;
      left: 0.875rem;
      right: 0;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: left;
 }
  html .info-top .buy-button{
      padding: 0.125rem 0.375rem;
      margin-right: 0.2rem;
 }
  html .info-right .rank-tab .rank-tab-item{
      background: #ffffff;
      color: #737373;
 }
  html .bo-intro .bo-intro-one{
      width: auto;
      margin-left: 0.375rem;
 }
  html .info-right .group{
      width: 100%;
      margin-left: auto;
      overflow: hidden;
 }
  html .reg_page .container{
      width: 100%;
      margin-top: 0.375rem;
 }
  html .container.right-panel-active .sign-in-container,html .container.right-panel-active .sign-up-container{
      transform: none;
 }
  html .sign-in-container,html .sign-up-container{
      width: 100%;
 }
  .jiexi_form{
      padding-left: 0.325rem;
 }
  .jiexi_page.play .player{
      height: 7.7rem;
 }
  .jiexi_player{
      height: 4.825rem;
 }
  .jiexi_page.play .player_right{
      top: 0;
 }
  .jiexi_page.play .vi-leve-list ul li{
      width: 47%;
      float: left;
 }
  #jx-select{
      width: 26%;
 }
  #jiexi_url{
      width: 52%;
 }
  .jiexi_page #jiexi_go{
      width: 15%;
 }
  .view-dialog.Dialogkan{
      width: 90%;
 }
  .mod_inner{
      justify-content: left;
      align-items: center;
      display: block;
      flex-direction: row;
      top: 2.75rem;
 }
  .mod_inner{
 }
  .mod_inner>div{
      float: left;
 }
  .mod_inner .star_pic{
      width: 18%;
 }
  .mod_inner .star_info{
      width: 80%;
      padding-left: 0.125rem;
 }
  .mod_inner .star_pic img{
      width: 1.5rem;
      height: 1.5rem;
 }
  .star_info .star_name{
      font-size: 0.5rem;
 }
  .star_info .star_alias{
      font-size: 0.4rem;
      display: none;
 }
  .mod_star_head{
      height: 7.6rem;
      margin-bottom: 0;
 }
  .star_right{
      width: 100%;
      margin-top: 0.25rem;
      padding-left: 0;
 }
  .star_info .mac_ulog{
      padding: 0 0.25rem;
      font-size: 0.325rem;
 }
  .mod_inner .star_digg{
      position: absolute;
      top: 1.1rem;
      right: 0.7rem;
      margin-bottom: 0;
 }
  .star_digg .digg_link{
      width: 2.2rem;
      height: 0.75rem;
      font-size: 0.3rem;
      line-height: 0.675rem;
      margin-right: 0.15rem;
 }
  .mod_inner .star_blurb{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 5;
     /*行数，2的话就是第二行溢出省略。*/
      -webkit-box-orient: vertical;
 }
  #starNumTab{
      font-size: 0.375rem;
      line-height: 1.225rem;
 }
  #starNumTab a{
      margin-right: 0.4rem;
 }
  .mobile-phone{
     /* height: 17.75rem; */
     /* overflow-x: hidden; */
     /* overflow-y: scroll; */
     /* padding-bottom: 0.5rem; */
 }
  .mobile-phone ul{
      display: inline-block;
 }
  .mobile-phone .mobile-list::-webkit-scrollbar{
      width:0.15rem;
      height:0.225rem;
      border-radius:50%;
      background-color:transparent 
 }
  .mobile-phone .mobile-list::-webkit-scrollbar-track{
      width:0.15rem;
      background-color: #ffffff;
      -webkit-border-radius:2em;
      -moz-border-radius:2em;
      border-radius:2em;
 }
  .mobile-phone .mobile-list::-webkit-scrollbar-thumb{
      background-color: #ffbe5f;
      background-clip:padding-box;
      min-height:0.7rem;
      -webkit-border-radius:2em;
      -moz-border-radius:2em;
      border-radius:2em;
 }
  .mobile-phone .mobile-list::-webkit-scrollbar-thumb:hover{
      background-color:#fcd16a 
 }
  .comment_verify .cmt_text{
      width: 1.875rem;
 }
  .comment_verify{
      position: relative;
 }
  .comment_verify .mac_verify_img{
      width: 1.825rem;
      height: 0.75rem;
      position: absolute;
      left: -0.225rem;
      top: -0.9rem;
 }
  .area-opt-right{
      display: flex;
 }
  .area-button{
      padding: 0.05rem 0.125rem;
 }
}
 @media screen and (max-width: 360px){
   .list .m-item{
      width: 32.4%;
      margin-right: 5px;
   }
 }
 @media (max-width:767.98px) {
   /* 文档宽度小于 767.98px */
 }
 @media (max-width:991.98px) {
   /* 文档宽度小于 991.98px */
 }
 @media (max-width:1199.98px) {
   /* 文档宽度小于 1199.98px */
 }

 @media screen and (max-width: 400px){
   .list .m-item{
      width: 31.999%;
   }
   .video-header .header-inner .search-area .input-area{
    width: 70%;
}
   .list .m-item .cover-area{
   }
   .list .m-item .cover-area.img{}
 }

 @media screen and (max-width: 320px) {
   /* 如果文档宽度小于 300 像素则 */
   .top_list li .item-pic{
      width: 47%;
   }
   .video-header .header-inner .search-area .input-area{width: 123px;}
   .list .m-item{
      width: 31.9999%;
   }
   .list .m-item .cover-area{}
   .list .m-item .cover-area.img{
      height: 140px;
   }
   .channel .type-item .item-list .item a:hover, .channel .type-item .type-title.cur a,.channel .type-item .item-list .item a{
      
font-size: 0.3rem;
   }
   .channel .showSwiper{
      
width: 5.4rem;
   }
 }
 @media screen and (max-width: 270px) {
   /* 如果文档宽度小于 220 像素则 */
   .list .m-item{
      width: 48%;
   }
 }
 @media (min-width:576px) {
   /* 文档宽度大于 576px */
 }
 @media (min-width:768px) {
   /* 文档宽度大于 768px */
   .vi-nav {
     width: auto;
   }
 }
 @media (min-width:992px) {
   /* 文档宽度大于 992px*/
 }
 @media (min-width:1200px) {
   /* 文档宽度大于 1200px */
 
 }

 @media (prefers-reduced-motion:reduce) {
   /* 苹果浏览器 */
   .mainmenu{
      padding-bottom: 30px;
   }
 }