.wrap[data-v-6e170dc6]{height:100vh;position:relative}.wrap .part1[data-v-6e170dc6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:distribute;align-content:space-around}.wrap .part1 .top[data-v-6e170dc6]{width:100%;height:7%;text-align:center}.wrap .part1 .bottom[data-v-6e170dc6]{width:100%;height:97%;text-align:center}.wrap .part1 .bottom span[data-v-6e170dc6]{font-size:20px;font-weight:bolder;color:#000}.wrap .part1[data-v-6e170dc6]{width:100%;height:50%}.wrap .part1 .element[data-v-6e170dc6]{border:1px solid #eee;background-color:#fff;width:45%;height:45%;overflow:hidden}.wrap .part1 .element .bottom[data-v-6e170dc6]{line-height:125px;position:relative}.wrap .part1 .element .bottom span[data-v-6e170dc6]:nth-child(2){padding:0 0 0 10px}.wrap .part1 .element:first-child .top[data-v-6e170dc6]{background:#1890ff}.wrap .part1 .element:nth-child(2) .top[data-v-6e170dc6]{background:#169bd5}.wrap .part1 .element:nth-child(3) .top[data-v-6e170dc6]{background-color:#0c3}.wrap .part1 .element:nth-child(4) .top[data-v-6e170dc6]{background-color:#fc0}