:root{--post-spacing:1.78vw;--post-size:25vw;--mask-size:100vw}*{padding:0;margin:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}body{background:#fff;background-image:url(../img/grid.1886ccf5.svg);background-repeat:repeat;background-size:300px 300px}.titles{position:absolute;left:50%;top:2%;transform:translate(-50%,-5%);margin-top:60px}.titles p{font-size:4rem;font-weight:800;white-space:nowrap}.banner{margin-top:50px;overflow:hidden;position:relative;width:100vw;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUwMCI+PHBhdGggZmlsbD0iI0M4QzhDOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwczI3NS4wNCAxMDAgNzIwIDEwMFMxNDQwIDAgMTQ0MCAwdjUwMHMtMjc1LjA0LTEwMC03MjAtMTAwUzAgNTAwIDAgNTAwVjB6Ii8+PC9zdmc+);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUwMCI+PHBhdGggZmlsbD0iI0M4QzhDOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwczI3NS4wNCAxMDAgNzIwIDEwMFMxNDQwIDAgMTQ0MCAwdjUwMHMtMjc1LjA0LTEwMC03MjAtMTAwUzAgNTAwIDAgNTAwVjB6Ii8+PC9zdmc+);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);position:absolute;top:10%}.banner,.banner .img-wrapper{height:calc(var(--post-size)/.72)}.banner .img-wrapper{display:flex;position:absolute;width:100%;float:left;transform:translate(10.39vw);-webkit-animation:admission 1.5s;animation:admission 1.5s}.banner .img-wrapper .img-box{height:100%;display:inline-block;margin-right:var(--post-spacing);position:relative;cursor:pointer}.banner .img-wrapper .img-box .info{position:absolute;display:flex;flex-direction:column;justify-content:center;left:0;top:0;height:0%;width:0;background:#a9a9a9;color:#fff9f1;font-size:4rem}.banner .img-wrapper .img-box img{width:var(--post-size);height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.banner .img-wrapper .img-box:last-child{transform:translate(-160.68vw)}.btn-group{height:10vh;position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%);transition:1s}.btn-group .btn{width:60px;height:60px;border-radius:50%;border:1px solid #a9a9a9;background-color:#fff;margin:10px;cursor:pointer;transition:.8s;box-sizing:border-box}.btn-group .btn:hover{transform:scale(1.2);background-color:#000}.btn-group .btn:hover .icon{fill:#fff}.btn-group .btn .icon{width:30px;height:30px}.btn-group .btn .right{transform:rotate(180deg)}.img-list{left:0}@-webkit-keyframes admission{0%{transform:translate(140vw)}to{transform:translate(13.39vw)}}@keyframes admission{0%{transform:translate(140vw)}to{transform:translate(13.39vw)}}
/*  !*src: url(./asset/font/Millik.c3f91cb.ttf) format("truetype");*!*/
/*  !*font-family: Millik, Arial, sans-serif;*!*/
/*  !*text-align: center;*!*/
/*  !*opacity: 0;*!*/
/*!*# sourceMappingURL=style.css.map *!*/.backgroud[data-v-87320c16]{background-color:var(--background);background-color:grey;border-radius:10px;max-width:30000px;margin:0 auto;padding:900px 20px 80px}.friend-head[data-v-6ba2c6e3]{height:200px;position:relative}.friend-head[data-v-6ba2c6e3]:before{position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,transparent,#fbc2eb,#a6cbf9,#6a89cc,transparent);content:""}body[data-v-6ba2c6e3]{background-color:rgba(130,140,250,.2);display:flex;justify-content:center}.shell[data-v-6ba2c6e3]{-moz-column-count:5;column-count:5;-moz-column-gap:15px;column-gap:15px}.image[data-v-6ba2c6e3]{margin-bottom:15px}.image img[data-v-6ba2c6e3]{width:100%}@media (max-width:1200px){.shell[data-v-6ba2c6e3]{-moz-column-count:4;column-count:4}}@media (max-width:850px){.shell[data-v-6ba2c6e3]{-moz-column-count:3;column-count:3}}@media (max-width:600px){.shell[data-v-6ba2c6e3]{-moz-column-count:2;column-count:2}}