.viewport[data-v-cb7da4ec]{margin:auto;padding:.20833rem .67708rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewport .grid[data-v-cb7da4ec]{width:100%}.viewport .bg1[data-v-cb7da4ec]{background:url(../img/bg4.3bea5dec.png) no-repeat;background-position:50%}.viewport .bg2[data-v-cb7da4ec]{background:url(../img/bg1.95db9b2b.png) no-repeat;background-position:50%}.viewport .bg3[data-v-cb7da4ec]{background:url(../img/bg2.cb4e051c.png) no-repeat;background-position:50%}.viewport .bg4[data-v-cb7da4ec]{background:url(../img/bg3.c15c620e.png) no-repeat;background-position:50%}.viewport .bg5[data-v-cb7da4ec]{background:url(../img/bg6.0f87f1c0.png) no-repeat;background-position:50%}.viewport .bg6[data-v-cb7da4ec]{background:url(../img/bg5.980688c1.png) no-repeat;background-position:50%}.viewport .bg7[data-v-cb7da4ec]{background:url(../img/bg7.84397a9b.png) no-repeat;background-position:50%;background-size:100% 100%}.viewport .viewportbg[data-v-cb7da4ec]{height:1.45833rem;width:1.82292rem;background-size:100% 100%;display:flex;flex-direction:column;justify-content:space-between;padding:.10417rem;position:relative;z-index:10;cursor:pointer;transition:all .3s ease-in-out;box-sizing:border-box}.viewport .viewportbg[data-v-cb7da4ec]:hover{transform:scale(1.1)}.viewport .viewportbg img[data-v-cb7da4ec]{width:.41667rem;height:.41667rem;display:block;border:none}.viewport .viewportbg h1[data-v-cb7da4ec]{color:#fff;font-size:.13542rem}