@charset "utf-8";

.bna_thumb{position:relative;font-size:0;}
.bna_thumb>span{position:absolute;top:50%;left:50%;border-radius:50%;text-align:center;background-color:#ff6d00;z-index: 10;transform: translate(-50%, -50%);}
.bna_thumb>span i{color:#fff;}

.bna_thumb>div{display:inline-block;width: 50%;border-radius: 15px;overflow: hidden;}
.thumb2{position: relative;background-size: cover !important;background-repeat: no-repeat;background-position: 50% !important;display: block;z-index: 1; }
.bimg{position:relative; }
.bimg em{position:relative; filter: blur(7px);}

.mem_box{position:absolute;top: 50%;left:0;width:100%;/* height:100%; */display:table;z-index: 10;transform: translateY(-50%);}
.mem_box a{position:absolute; top:0; left:0; width:100%; height:100%;}
.mem_box p{display:table-cell; vertical-align:middle; color:#fff; font-weight:300}
.mem_box span{display:block; color:#fff; border-radius:50%; border:1px solid #fff;}
.mem_box span i{color:#fff}








.gall_list2 li>a:hover .thumb2{transform:scale(1.1);}
.gall_list2 li>a .thumb2{
    width: 100%;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 2.6s cubic-bezier(.19,1,.22,1);
}

.go{display:block;background-color:#ff661c;margin:5% auto 0;color:#fff;text-align:center;}

#bo_v_con iframe{border:0;}

.embed iframe{margin:0 auto !important; display:block;}
 
 
 .gall_list2{}
.gall_list2 li{float:left;text-align:center;position: relative;}
.gall_list2 li .gall_chk{position:absolute;top:1%;left:1%;z-index: 20;}
.gall_list2 li>a{position:relative;display:block;background: #fff; border-radius:20px; overflow:hidden}
.gall_list2 li h6 a{color:#210b00;font-weight:600;word-break: keep-all;line-height: 1.3em;}
.gall_list2 li p{color:#7c7c7c;font-weight: 400;}
.gall_list2 li>a:hover img{transform:scale(1.1);}
.gall_list2 li>a img{
    width: 100%;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 2.6s cubic-bezier(.19,1,.22,1);
}
.gall_list2 li>a span{position:absolute;display: flex;border-radius:50%;color:#fff;background-color:#ff661c;text-align:center;right:2%;bottom:2%;font-weight:600;word-break: keep-all;align-content: center;justify-content: center;flex-wrap: wrap;line-height: 1.2em;}

.gall_list2 .buy{position:relative; display:block; background-color:#2d2623; color:#fff; text-align:left;}
.gall_list2 .buy i{position:absolute; top:50%; color:#fff;}
 
 
@media (min-width:1300px) {

 
.gall_list2 ul{margin: 0 -1.5%;}
.gall_list2 li{width: 30.33%;margin: 0 1.5% 4%;}
 .gall_list2 li h6{margin:15px 0 10px;}
.gall_list2 li h6 a{font-size: 21px;}
.gall_list2 li p{font-size: 16px;line-height:1.2em;height:2.4em}
.gall_list2 li .buy{width:150px; height:40px; line-height:40px; font-size:18px; padding-left:20px; border-radius:10px; margin:15px auto 0;}
.gall_list2 li .buy i{font-size:15px; right:18px; margin-top:-7px}
.gall_list2 li>a span{width:80px;height:80px;font-size: 19px;}

.cate{height:40px;line-height:40px;font-size:18px;border-radius:10px;margin-right:5px;padding: 0 1%;}


.gall_tab2 {margin-bottom: 100px;}
.gall_tab2 a{width: 120px;height: 60px;line-height: 60px;font-size: 20px;border-radius:43px}
 
  
 
.thumb2{height: 300px;}
.video{width:80%; height:30vw; margin:0 auto;}

.go{height: 50px;line-height: 50px;width: 25%;font-size: 17px;}
 
  




.mem_box span{width: 30px;height: 30px;line-height: 27px;font-size: 16px;margin: 0 auto 7px;}
.mem_box p{font-size:16px;}

.bna_thumb>span{width: 50px;height: 50px;line-height: 65px;}
.bna_thumb>span i{font-size:18px;}


}
 
@media (min-width:640px){

}
@media (min-width: 640px) and (max-width: 1299px){

  
.gall_list2 ul{margin:0 -1.65%;}
.gall_list2 li{width:30%; margin:0 1.65% 3.3%;}
.gall_list2 li h6{margin:1vw 0 0.5vw;}
.gall_list2 li h6 a{font-size:2vw}
.gall_list2 li p{font-size:1.6vw; line-height:1.2em; height:2.4em}
.gall_list2 li .buy{width:12.5vw; height:3.5vw; line-height:3.5vw; font-size:1.5vw; padding-left:1.5vw; border-radius:0.5vw; margin:1vw auto 0;}
.gall_list2 li .buy i{font-size:2vw; right:1vw; margin-top:-1vw}
.gall_list2 li>a span{width:7vw;height:7vw;/* line-height:7vw; */font-size: 1.7vw;}

.cate{height:3.5vw;line-height:3.5vw;font-size:1.5vw;border-radius:0.5vw;margin-right: 1vw;padding: 0 1%;}


.gall_tab2 {margin-bottom: 17vw;}
.gall_tab2 a{width: 15vw;height: 7vw;line-height: 7vw;font-size: 2.5vw;border-radius: 3.5vw;}
 

 
.thumb2{height: 20vw;}

.video{width: 90%;height: 42vw;margin:0 auto;}

.go{height: 4vw;line-height: 4vw;width: 25%;font-size: 1.5vw;}




.mem_box span{width: 3vw;height: 3vw;line-height: 2.7vw;font-size: 1.5vw;margin: 0 auto 1vw;}
.mem_box p{font-size: 1.5vw;}

.bna_thumb>span{width: 4vw;height: 4vw;line-height: 6vw;}
.bna_thumb>span i{font-size:18px;}



}
@media (max-width:1299px){
.navi{display:none;}
.sub_head h3,.sub_menu{text-align:center;}
}
@media (max-width: 640px){

 
 .gall_list2 ul{}
 .gall_list2 ul{margin:0 -2.5%;}
.gall_list2 li{width:45%;margin: 0 2.5% 10%;}
.gall_list2 li h6{margin:2vw 0 1vw;}
.gall_list2 li h6 a{font-size:4vw}
.gall_list2 li p{font-size:3vw; line-height:1.2em; height:2.4em}
.gall_list2 li .buy{width:25vw; height:8vw; line-height:8vw; font-size:3vw; padding-left:3vw; border-radius:1vw; margin:4vw auto 0;}
.gall_list2 li .buy i{font-size:4vw; right:2vw; margin-top:-2vw}
.gall_list2 li>a span{width:12vw;height:12vw;font-size: 2.8vw;}
.gall_list2 li>a span{width:12vw;height:12vw;font-size: 2.8vw;}

.cate{width: 17vw;height: 6vw;line-height: 6vw;font-size:3vw;border-radius:1vw;margin: 0 0 2vw;display: block;}


.gall_tab2 {margin-bottom: 10vw;}
.gall_tab2 a{width: 14vw;height: 8vw;line-height: 8vw;font-size: 3vw;border-radius: 4vw;}
 
.thumb2{height: 30vw;}
.video{height: 45vw;margin:0 auto;}

.go{height: 7vw;line-height: 7vw;width: 50%;font-size: 3vw;}
  




.mem_box span{width: 5vw;height: 5vw;line-height: 5vw;font-size: 2.5vw;margin: 0 auto 1vw;}
.mem_box p{font-size: 3vw;}

.bna_thumb>span{width: 6vw;height: 6vw;line-height: 8.5vw;}
.bna_thumb>span i{font-size:3vw;}


}