.mybox{width:100%;overflow:hidden;height:calc(100vh - 3.125rem);position:relative}.mybox .box{width:90%;box-sizing:border-box;display:flex;flex-wrap:wrap;kustify-content:center;font-size:2rem;color:#fff}.mybox .box .list{margin:2rem;line-height:1.8;padding:0 2rem;border:.0625rem solid hsla(0,0%,100%,.5);cursor:pointer}.myCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.infoBox{width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1}.infoBox .con{width:20rem;height:20rem;box-sizing:border-box;padding:3rem 0 0 0;background:rgba(2,6,31,.9);border:.0625rem solid hsla(0,0%,100%,.5);z-index:2}.infoBox .con ul,.infoBox .con ul li{padding:0;margin:0;list-style:none}.infoBox .con ul li{font-size:1.5rem;line-height:1.8}.close,.infoBox .con ul li{text-align:center;color:#fff;cursor:pointer}.close{position:absolute;right:.5rem;top:.5rem;width:1.5rem;height:1.5rem;border-radius:50%;font-size:1rem;line-height:1.2rem;border:.0625rem solid #fff}@media screen and (max-width:1024px){.mybox .box{font-size:1rem;padding:0 1.5rem}.mybox .box .list{margin:1rem;padding:0 1rem}.infoBox .con{width:15rem;height:15rem}.infoBox .con ul,.infoBox .con ul li{padding:0;margin:0;list-style:none}.infoBox .con ul li{font-size:1rem}}