.bg[data-v-267706e3]{width:100%;min-height:100%;padding:0 50px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.bg .topBox[data-v-267706e3]{position:relative;padding:30px 50px}.bg .topBox .indexBtn[data-v-267706e3]{width:46px}.bg .topBox .indexBtn span[data-v-267706e3]{display:none}.bg .topBox .indexBtn[data-v-267706e3]:hover{width:76px}.bg .topBox .indexBtn:hover span[data-v-267706e3]{display:inline-block}.bg #container[data-v-267706e3]{flex:1;width:100%;padding:0 20px;box-sizing:border-box;display:grid;grid-template-columns:repeat(6,16.66%);grid-template-rows:repeat(auto-fill,130px);grid-auto-flow:row dense}.bg #container .item[data-v-267706e3]{height:130px;padding:5px;box-sizing:border-box}.bg #container .item .itemContent[data-v-267706e3]{background-color:#aaa;width:100%;height:100%;color:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer}.bg #container .item .itemContent i[data-v-267706e3]{transition:.5s;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}.bg #container .item:hover i[data-v-267706e3]{transition:.5s;transform:rotate(15deg);-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg)}