*{padding:0;margin:0}img{display:block;width:100%}.page-wrapper,.page-wrapper.active{transition:all 2s}.page-wrapper.active .content-item .on-click{transition:all 3s;opacity:0;z-index:-22;background-color:#fff}.page-wrapper.active .content-item .first-img{transition:all 3s;opacity:0}.page-wrapper.active .content-item .img-item{opacity:1;transition:all 10s;z-index:333}.page-wrapper .content-item{position:relative;overflow:hidden;height:100vh}.page-wrapper .content-item .on-click{position:relative;z-index:22;width:100%;height:100vh;transition:all 3s}.page-wrapper .content-item .first-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;transition:all 2s;width:100%;height:100vh}.page-wrapper .content-item .first-img.mb{display:none}@media (max-width:768px){.page-wrapper .content-item .first-img.mb{display:block}.page-wrapper .content-item .first-img.pc{display:none}}.page-wrapper .content-item .img-item{width:100%;height:100vh;opacity:0;transition:all 10s;position:absolute;top:0;left:0;bottom:0;right:0;z-index:-33;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.page-wrapper .content-item .img-item>div div{text-align:center}.page-wrapper .content-item .img-item>div img{width:50%;display:inline-block}.page-wrapper .content-item .img-item>div img.img-1{width:20%}.page-wrapper .content-item .img-item>div img.img-2{margin:70px 0 30px}@media (max-width:768px){.page-wrapper .content-item .img-item>div img.img-1{width:65%}.page-wrapper .content-item .img-item>div img.img-2{width:40%}}.page-wrapper .content-item .img-item>div img.img-3{width:20%}@media (max-width:768px){.page-wrapper .content-item .img-item>div img.img-3{width:30%}}.page-wrapper .content-item .img-item>div .line{width:100%;margin:0 0 50px}.page-wrapper .content-item .img-item>div .line .border{width:10%;margin:0 auto;border-top:2px solid #000}@media (max-width:768px){.page-wrapper .content-item .img-item>div .line .border{width:30%}}