.bo{
    display: flex;
    flex-direction: column ;
}  



.top{
    display: flex; 
    align-items: flex-end; 
    justify-content:space-around;
    flex-wrap: wrap;
     /* bottom: 0; */
     /* position: fixed; */
}

.logo  {
    width: calc(33vw);
    min-width:22rem;
    margin-top: 10PX;
    margin-bottom: 10PX;
}
.logo img {
    float: left;
    margin-top: 2px;
    height: 40px;
}


.menu {
    display: flex; 
    justify-content: space-around ;
    width:calc(33vw) ;
    min-width:22rem;
    margin-top: 10PX;
    margin-bottom: 10PX;
    /* float: left;
    margin-left: 100px;
    margin-top: 2px;
    height: 30px; */
}
.menu_title
{
    list-style: none; 
    font-weight: bold;
    font-size: 22PX;
}

.menu_title_invalid
{
    color: #000;
    text-decoration:none;

}

.menu_title_valid
{
    color: #015FC1;   
     text-decoration:none;

}

.link {
    display: flex; 
    
    justify-content: right ;
    min-width:22rem;
    margin-top: 10PX;
    margin-bottom: 10PX;
}
.link_img :hover{ 
    cursor: pointer;
}
.link_imgitem {
    width: 15px;
    height: 13px;
    float: left;
    margin-left: 10px;
    
}

#weixin{
    position: absolute;
    margin-left:-150px;
    margin-top:15px;
    z-index: 999999;
}
#douyin{
    position: absolute;
    margin-left:-30px;
    margin-top:15px;
    z-index: 999999;
}
.content{
    display: flex; 
    margin-top: 20px;
    justify-content: center ;
    flex-wrap: wrap;
     
}

.atype{
    display: flex; 
    flex-direction: column ; 
    align-items: center;
    justify-content: center ;
    margin: 10px 7px 10px 7px ;
     
}
.atype a{
    text-decoration:none;

     
}
.atype_img img{   
    width: calc(30vw);
    min-width: 30rem;
    max-width: 35rem;
     
}
.atype_title{
    display: flex; 
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    align-items: flex-end;
    justify-content: center ;
    color: #000;
}


.atype:hover .atype_title{
    background-color:#015FC1;
    color:#fff;
}

/* .atype_title_cn{
    font-size: 28px;
     
} */
.atype_title_en{
    font-size: 28px; 
}




.bottom{
    display: flex; 
    justify-content: center ;
     padding-top: 6px;
     width:100%;
     min-height: 32px;
     background-color: black;
	 
     /* 放在底部后，可以删除 */
     /* bottom: 0; */
     /* position: fixed; */
     
}
.bottom_title{
    margin-left: 8%;
    color: rgb(122, 122, 122);
}


.zuopin{
    display: flex;
    flex-direction: column ;
}
.zuopin_item{
    display: flex;
    justify-content: center ;
    align-items:flex-start;
    flex-wrap: wrap;
}   
.zuopin_item_remark{
    margin-top:10px;
    margin-bottom:10px;
     width: calc(28vw);
   min-width:20rem;
    max-width:35rem; 
}   

.zuopin_item_lunbimg{
    margin-top:10px;
    margin-bottom:10px;
    display: flex;
    flex-direction: column ;
}
 
.lunboarrow{ 
    display: none; 
 } 
.zuopin_item_lunbimg:hover .lunboarrow{
    display: 	block;
}
 


.arrow-left {
  background: url(../../img/zuopin/page/left.png) no-repeat left top ;
 background-size:contain;
  position: absolute;
  left: 10px;
  top: 50%;
  width: 34px;
  height: 60px;
}
.arrow-right {
  background: url(../../img/zuopin/page/right.png) no-repeat left bottom ; 
 background-size:contain;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 34px;
  height: 60px;
}

.loimg img{
	width:40px;
}    
   
.name_en{
    padding-top: 12px;
	font-size:22px;
}   
.info1{
	font-size:12px;
	margin-top:20px;
    max-height: 540px;
       overflow:auto;
       overflow-x:hidden;
    
}   
::-webkit-scrollbar {
    width: 5px;
}



::-webkit-scrollbar-thumb {
    background: #888; 
}

.info1 li{
    list-style: none;
    padding-top: 5px; 
    font-size: 14px;

}  
.info2{
	margin-top:60px;

}  
.info2 li{
    list-style: none;
    padding-top: 10px; 
    font-size: 12px;
    font-weight: bold;

} 
.reward{
	font-size:16px;
	margin-top:20px;
    font-weight: bold;
    max-height: 150px;
    /* overflow:auto;
    overflow-x:hidden; */

}  
.reward li{
	margin-top:10px;
list-style-type:disc;
}  

.zuopin_all{
    /* max-width:  1651px ; */
     max-height:  260px ; 
} 
  .zuopin_list{
    display: flex;
    /* background-color: #F6F6F6; */
    background-color:rgba(218, 212, 212, 0.2);
    align-items: center;
    justify-content: space-around ;
    flex-wrap: wrap;
	margin-top:10px;
    /* width:  1651px ;*/
    /* height:  231px ;  */
}   
.zuopin_list_item{
    display: flex;
    flex-direction: column ;
	margin:20px 5px 10px 5px;
    width:307px !important;
    height:211px !important;
}   

.zuopin_list_item a{

    text-decoration:none;
	color:#000;	
    width:307px;

}   
/* .zuopin_list_item_img img{
    width:307px;
    height:190px;

}    */
.zuopin_list_item_title{
    font-size:12px;
    text-align: center ;
	width:100%;
}