.shuxianghezi{
    flex-direction: column;
}
.hengzhe{
    float: right;}
.body {
    margin: 0;
    height: 100vh;
    background-color: #47516B;
  }
  body {
    margin: 0;
    height: 100vh;
    background-color: white;
  }
  a{text-decoration:none} 
  a:hover{text-decoration:none} 
  a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
    body {
      margin: 0;
  
      
    }
    .cgtl td, .cgtl th, .cgtl caption {
        padding: 5px;
        border-bottom: 1px solid #99876C;}
  .flex{display: flex;

  }
  .baise{
      background-color: white;
  }
  .ziti{
    font-style: italic;
 }
 .board-indexlj {
    background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(photos/beijing2.jpg);
    background-size: cover;
    background-position: center;
}
.board-indexrw {
    background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(photos/beijing3.jpg);
    background-size: 100%;
    background-position: top;
}
.board-indexsp {
    background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(photos/beijing4.jpg);
    background-size: cover;
    background-position: center;
}
.board-index {

    background: url(photos/beijing.jpg) no-repeat center center fixed;
        /*兼容浏览器版本*/}.a1{
            background-position: center;              
        background-size: cover;
    }
    .board-indexzhb {
        background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(photos/beijing5.jpg);
        background-size: 100%;
        background-position: center;
    }
    .board-indexsz {background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(https://s1.328888.xyz/2022/08/24/wh4MI.jpg);
        
        background-size: cover;
        background-position: center;
    }
.name{
    font-style: italic;
    font-weight:550;
    font-size: 35px;
 }
 .jianjie{
    font-size: 18px;
 }
 .yinying{
    box-shadow: 7px 6px 5px #888888;
}
.typeoption .cgtl {
    width: 100%;
    
}
.hs {color: black;

}

.hs{color: black;

}


.dingbu{
    background-color: white;
    
}
.b:hover{
    flex-shrink: 0;
    flex-grow: 0;
}
.a{
    
    width: 60%;
    position: relative;

    overflow: hidden;
    display: flex;
    justify-content: center;
}
.b{
    transition: .7s;
    overflow: hidden;
   } 
   .glass{
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    border: 1px solid #fff
    ;
   }
   @media (min-width:768px) {
    .sun{
        margin: 8px;
        height: 45px;
     }
     .gif{
        flex: 7;
     }
   }
   
  @media (min-width:1000px){
.time{
    font-size: 30px;
    margin-top: 7px;
}
  }
  @media (max-width:1000px){
.time{
    font-size: 30px;
    margin-top: 7px;
}
  }
/*屏幕宽度小于768px时*/
@media(max-width:768px) {
 .xuanchuantu{
    content: url(https://s1.328888.xyz/2022/08/24/waaDI.gif);
 }   
 .gif{
    flex: 15;
 }
 .sun{
    margin: 5px;
    height: 40px;
 }
.suoshui{
width: 50%;
}
.time{
    font-size: 24px;
}
.dingbu{
width:100%;

}
.dingbu2{
    width: 100%;}
.wu{
display: none;
}
.photos{

width: 100%;
}
.tp{
    width: 100%;
}
.tp2{
    width: 100%;
}
.renwushuxing-1{
    display: block;
    flex: 1;
}
.renwushuxing-1-2{
    display: block;
    flex: 1;
}
}
.long{
    font-size: 10px;
}

/*屏幕宽度大于768px时*/
@media(min-width:768px){
    .diannao{
        width: 20%;
    }
    .dingbu2{

height:30px;}

    .gao30{

height:30px;
}
.tp{
    width: 51%;
}
.dn{
    width: 50%;
    height: 1%;
}
.tp2{
    width: 90%;
}
    .recommend-container__2-line {
        grid-column: span 4;
        grid-template-columns: repeat(4,1fr);
    }
    .renwushuxing-1{
        height: 400px;
         display: flex;
       }
    .renwushuxing-1-2{
        height: 400px;
         display: flex;
       }
}
    .recommend-container__2-line {
        position: relative;
    }
    .recommend-container__2-line {
        width: 100%;
        display: grid;
        grid-gap: 20px 12px;

    }
    
    @media (max-width:550px) {
        .time{
            font-size: 22px;
        }
       }
    @media (max-width:360px) {
        .time{
            font-size: 17px;
        }
        .sun{
            margin: 5px;
            height: 30px;
         }
       }
       .renwushuxing{
        border-radius: 20px;
        flex: 1;
        display: flex;
        margin: 5px;
        background-color:#E2E2E2;
        
        
       }
    @media (max-width: 1279.9px){
        .dingbu3{
            display: none;
        }
    }
    @media (min-width: 1279.9px){
        .dingbu4{
            display: none;
        }
    }
.previous{
    content:url(https://s2.loli.net/2023/01/09/UKpX2hYxlTsNQRP.png); 
}
.previous:hover{
    content:url(https://s2.loli.net/2023/01/09/fzd7oRgFxqpDNhb.png); 
}
.next{
    content:url(https://s2.loli.net/2023/01/09/gPR4628JbyNBkpK.png); 
}
.next:hover{
    content:url(https://s2.loli.net/2023/01/09/CRbDFlfTYSZpcgL.png); 
}