@charset "utf-8";
html,body{ width: 100vw; height: auto; overflow-x: hidden; background-color: #2e2930; position: relative;padding: 0; margin: 0;}
.fbmob{height:calc(100% - 47px); display: flex; justify-content:center;align-items: center; overflow:hidden; }
/* .fbmob .fbinx{background-color: #fff; border:1px solid #e4007f;} */

img{max-width: 100%;}

.moblist{ display: flex; flex-wrap:wrap;  position:fixed; align-content:flex-start;justify-content: center; top: 0;left: 0; height:100vh; width: 100vw; box-sizing: border-box; overflow-y:auto; background-color:#2e2930; padding: 40px; z-index: 99; }
.ban_mobclose{position: fixed;right:2vw;top: 2vw; font-size: 36px;color: #fff;cursor: pointer;}
.ban_mobclose i{transition:transform 0.4s;transform-origin:50% 50%;}
.ban_mobclose:hover i{transform: rotate(90deg);}
.moblist .fbinx{ width:20%; margin: 1.5%; cursor:zoom-in;}

.ban_pccv{position:absolute; top: 0;width: 40px; height: 100%; background-color: #515151; color: #fff; font-size:30px; display: flex;align-items: center;justify-content: center; cursor: pointer;}
.ban_pccv:hover{ background-color: #5d5d5d }
.ban_pccv.avt_dn{color: #909090;}
.ban_leftpc{left: 0;}
.ban_rightpc{right: 0;}

.ban_mob{ color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; background-color: #000; border-top:1px solid #58535a; }
.ban_mob div[class^=ban_]{ padding: 0.3em; margin: 0 1em; font-size:24px; cursor: pointer; opacity: 0.85;}
.ban_mob div[class^=ban_]:hover{ opacity:1;}
.ban_mob .avt_dn{ color: #545454; }
.ban_mob .ban_zoom{display: none;}

@media screen and (max-width:750px){
html,body{overflow: hidden;}
.moblist{justify-content: left; }

.ban_pccv{ display: none; }
.ban_mob .ban_zoom{display: block;}
.moblist .fbinx{ width:30%;}

}