/*
 * @Author: 大图模板 
 * @Date: 2020-10-16 10:33:33 
 * @Last Modified by: 金刚狼
 * @Last Modified time: 2021-09-05 21:56:42
 * 模板css样式文件，高端模板定制【大图模板】http://www.datll.com
 */
.d-none {
   display: none!important;
}
@media (min-width: 576px){
  
   .d-sm-block {
      display: block!important;
   }
   .d-sm-flex {
      display: flex!important;
   }
}

 @media only screen and (max-width: 1024px){
  
   html,body{
      background-color:#1f1f25;
    }
    body.overflow{
      height: 100vh;
      overflow: hidden;
   }
   .container{
      width: 100%;
   }
   .header{
      height: 2.5rem;
      background: #000000;
   }
   .header .dx-logo{
   margin-left: 0.2rem;
   }
   .page-index .header{
      background: #0d0f17;
   }
   .TopRoll .header{
      transform: translate(0,-1.25rem);
   }
   .header .header-inner{
      width: 100%;
      position: relative;
   }
   .dx-nav{
      float: left;
      width: 100%;
   }
   .header .dx-search{
      position: absolute;
      top: 0rem;
      left: 3.45rem;
   }
   .header .search-area{

   }
   .header-inner .search-area .input-area{
      width: 5rem;
      height: 0.9rem;
   }
   .header-inner .search-area .input-area form{
      
   }
   .header-inner .search-area .input-area .searchinput{

   }
   .search-right-entry{ 
      display: none;
   }
   .header-inner .search-box-out{ 
      height: 0.9rem;   
      background: none;    
      width: 0.75rem;
   }
   .search-enter{
      font-size: 0;
   }
   .index-banner{
      margin-top: 2.8rem;
      height: 6.2rem;
   }
   .banner-thumbs{
      /* display: none; */
      bottom: 0;
   }
   .index-banner .slide-link{
      display: inline-block;    
      height: 4rem;    
      width: 96%;    
      border-radius: 0.2rem;     
      overflow: hidden;      
      margin-left: 2%;
   }
   .header .dx-nav-wrap{
      margin-right: 1rem;     
      overflow: hidden;    
      width: 98%;   
      display: flex;
   }
   .thumbs-wrapper{
      width: 97%;
      border-radius: 0.2rem;
      background-color: #31313a;
   }
   .swiper-slide.thumbs-img{    
      height: 0.85rem;    
      width: 1.7rem;
   }
   .gallery-thumbs{
      width: 80%;
   }
   .box-head{
      padding: 0 0.1rem;
   }
   .row-list{    
      padding: 0rem 0.2rem;
   }
   .dx-vod,.dx-left .dx-vod,.detail-list .dx-vod{
      width: calc(34% - 0.255rem)!important;
   }
   .dx-top .dx-vod:nth-child(7n),.dx-left .dx-vod:nth-child(7n),.detail-list .dx-vod:nth-child(7n){
      margin-right: 0.28rem;
   }
   .dx-top .dx-vod:nth-child(3n),.dx-left .dx-vod:nth-child(3n),:nth-child(3n){
      margin-right: 0;
   }
   .box-left,.box-right{
      width: 100%!important;
   }
   .box-right{
      display: none;
   }
   .topic-item{
      width: 100%!important;
   }
   .footer .link{  
      padding: 0rem 0.2rem;
   }
   .fixed_bar{
      background: hsl(240deg 7% 16%);
      display: none!important;
   }
   .box-head .row-title{ 
      width: 100%;
   }
   .box-head .more{
      position: absolute;
      right: 0.2rem;
      max-width: 6.2rem;
   }
   .dx-top .dx-vod:last-child{
      display: block;
   }
   .footer{
      margin-top: 0.5rem;
   }
   .page-show{
      margin-top: 2.7rem;
   }
   .dx_pages{
      flex-direction: column;
   }
   .dx_pages .page_info{
   flex-direction: column;
   }
   .dx_pages .page_fun{width: 100%;margin-top: 0.5rem;text-align: center;}
   .dx_pages .page_tip{
      margin-bottom: 0.5rem;
   }
   .dx_pages .page_input{
      width: 105px;
      border-radius: 26px;
   }
   .dx_pages .page_link.page_total{
      width: 84px;
   }
   .dx_pages .page_btn{
      width: 83px;
   }
   .footer .fo-menu{ 
      display: none!important;
   }
   .dx-view{
      margin-top: 2.5rem;
      margin-bottom: 0.2rem;
   }
   .dx-background{
      width: 240%;
      left: -70%;
      right: -70%;
   }
   .dx-view::after{
      bottom: -11px;
   }
   .dx-view::before{
      bottom: -3px;
   }
   .detail{
      padding-left: 0.2rem;
      padding-right: 0.2rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
   }
   .info-share{
      display: none;
   }
   .detail-objs .obj-info{
      margin-left: .3rem;
   }
   .detail-objs .obj-pic{
      width: 3.6rem;
   }
   .obj-info h1{
      font-size: 1.6em;
      margin-top: 0;
      padding-top: 0;
   }
   .obj-info h1 .score{ 
      margin-left: 0.2rem;
   }
   .info-items{
      font-size: 0.35rem;
   }
   .info-items label{
      width: max-content;
   }
   .info-items .video-info-item{display: flex;white-space: nowrap;}
   .playlist .list-box .play_li a{
      width: calc(33% - 0.22rem);
   }
   .playlist .list-box .play-title{
      padding: 0rem 0.2rem;
   }
   .vod_content{
      padding: 0.2rem;
      line-height: .5rem;
   }
   .vod_content p{
      padding: 0;
      margin: 0;
   }
   .detail-list{
      padding: 0 0.2rem;
   }
   .play-title .order{
      width: 2rem;
   }
   .playlist .list-box .play-title h2{
      font-size: 0.4rem;
   }
   .dx-play-row{
      padding-top: 2.5rem;
   }
   .dx-play-row .dx-player{
      height: 5.6rem;
   }
   .dx-play-row .dx-play-btn a{
      flex-direction: column;
      font-size: 0.3rem;
   }
   .dx-play-row .dx-play-btn{
      margin-bottom: 0rem;
   }
   .playNumPage{
      white-space: nowrap;
      width: auto;
      overflow-x: scroll;
      overflow-y: hidden;
      padding-left: 0.2rem;
   }
   .playNumPage .Tab{}
   .playNumList li{
      width: calc(33% - 0.23rem);
   }
   .topic-detail{
      margin-top: 3.2rem;
   }
   .topic-head{
      flex-direction: column;
      padding: 0 0.2rem;
   }
   .topic-head .topic-img{
      width: 100%;
   }
   .topic-head .topic-info .topic_h1{
      color: #fbfbfb;    
      font-size: 0.6rem;
   }
   .history-vod{
      position: fixed;
      width: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      max-height: 100%;
      transform: translate(100%,0);
      transition: .3s ease-out 0s;
      display: block;
      z-index: 999;
   }
   .history-vod.alpha{
      transform: translate(0,0);
      display: block;
   }
   .hi-head span{
      position: initial;
   }
   .header .header-inner .nav-item a.sClear{
      position: absolute;
      left: 9px;
      display: flex;
      justify-content: center; /* 水平居中 */
      align-items: center;
   }
   .header .header-inner .nav-item a.sClear .back{
      height: 0.7rem;
      width: 0.7rem;
      background: url(../images/left.svg) no-repeat;
      background-size: cover;
   }
   .history-vod ul{ 
      overflow: scroll;  
      height: 100%;
   }
   .mac_msg_jump{
      width: 88%;
      padding: 25px 25px 30px;
   }
   .mac_verify_img{
      width: 90px;
   }
   .verify_submit{
      padding: 8px 25px;
   }
   .baseline{
      display: none;
   }
   .gbook-detail .w-65{
      width: 100%!important;
   }
   .gbook-head{border-radius: 0;}
   .gbook-list{
      
border-radius: 0;
      
margin-top: 0.1rem;
   }
 }
 @media only screen and (max-width: 830px){
    
 }
 @media only screen and (max-width: 740px){

 }
 @media only screen and (max-width: 576px){

 }
 @media only screen and (max-width: 568px){
    
 }
 @media only screen and (max-width: 480px){

 }
 @media only screen and (max-width: 380px){

 }
/*iphone6/7/8plus（大于413px，小于413px）*/
@media only screen and (min-width:400px) and (max-width:580px){
  
   .header-inner .search-area .input-area{
      width: 5rem;
      height: 0.8rem;
   }
}
@media only screen and (min-width:374px) and (max-width:400px){
   .header-inner .search-area .input-area{
      width: 4.5rem;
      height: 0.9rem;
   }
}
@media only screen and (min-width:354px) and (max-width:370px){
   .header-inner .search-area .input-area{
      width: 4.3rem;
      height: 0.9rem;
   }
}

 
@media screen and (max-width: 320px) {
   .header-inner .search-area .input-area{
      width: 3rem;
      height: 0.9rem;
   }
}