#app,body{width:100%;height:100%}.content[data-v-21b39fd1]{background:#e8ecf7;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto}.head[data-v-21b39fd1]{height:6vh;background:#fff}.top-nav-logo-icon[data-v-21b39fd1]{width:223px;height:45px;padding-top:10px}.body[data-v-21b39fd1]{padding:0 5vh;-ms-flex-pack:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:10%;z-index:9;position:relative}.body[data-v-21b39fd1],.page-box[data-v-21b39fd1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.page-box[data-v-21b39fd1]{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center}.page-item[data-v-21b39fd1]{background:#fff;width:300px;height:10vh;border-radius:10px;margin:0 2vh 2vh 0;padding:1vh;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.title-box[data-v-21b39fd1]{margin-bottom:3%;text-align:center}.title[data-v-21b39fd1]{font-size:32px;font-weight:500}.sub-title[data-v-21b39fd1]{font-size:1.6vh}.img[data-v-21b39fd1]{width:35%;height:100%;margin-right:1vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.img img[data-v-21b39fd1]{width:7vh;height:7vh}.page-title[data-v-21b39fd1]{margin-bottom:.5vh;font-size:1.8vh;font-weight:600}.page-sub-title[data-v-21b39fd1]{font-size:1.6vh;color:#6a6a6a;font-weight:600;margin:0}.img-box[data-v-21b39fd1]{text-align:right;position:absolute;bottom:2%;right:5%}.page-title-box[data-v-21b39fd1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}