.pop-img-list{width:100vw;height:100vh;overflow:hidden;background:rgba(0,0,0,.8);opacity:0;position:fixed;top:0;left:0;z-index:-1;transition:all .2s}.pop-img-list.show{opacity:1;z-index:999}.pop-mask{width:100vw;height:100vh;background:transparent;position:absolute;top:0;left:0;z-index:1}.pop-wrap{width:70%;max-width:1000px;margin:0 auto;position:relative;z-index:2;top:50%;transform:translateY(-50%);background:#000;border-radius:4px;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1)}.pop-wrap .pop-img{width:100%;height:100%}.pop-wrap .pop-close{top:10px;right:10px}.btn-close,.pop-wrap .pop-close{position:absolute;cursor:pointer;font-size:20px}.btn-close{top:-36px;right:-36px;width:36px;height:36px;transition:transform .3s;border-radius:50%;padding:6px}.btn-close:hover{transform:scale(1.2)}.btn-close>img{width:100%;height:100%}.pop-box{height:60vh;overflow:auto}.imgBox{height:0;padding-bottom:63.6085626911%;position:relative}.imgBox>img{position:absolute;top:0;left:0;width:100%;height:100%}.img-list{display:flex;flex-wrap:wrap;gap:2rem}.img-list .img-item{position:relative;cursor:pointer;width:calc((100% - 4rem)/3);background:#fff;padding:2rem;border-radius:.8rem;transition:all .3s}.img-list .img-item:hover{background-color:#eee}.img-list .img-item img{width:auto;height:100%;left:50%;transform:translateX(-50%)}.img-list .img-item .img-title{text-align:center;margin:3rem 0 0;text-decoration:underline;line-height:2.8rem}.img-list .img-item .img-title .icon{margin:0 0 0 1rem}.img-list .img-item .img-title .icon img{width:2rem;height:2rem}