.container[data-v-05f90236]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.container .header[data-v-05f90236]{padding:15px 28px;display:flex;justify-content:space-between;align-items:center}.container .header-left[data-v-05f90236]{display:flex;align-items:center}.container .header-left .header-title[data-v-05f90236]{font-family:Alimama ShuHeiTi;font-size:36px;font-weight:700;line-height:1;margin-left:20px}.container .header-left img[data-v-05f90236]{width:50px;height:50px}.container .header-right[data-v-05f90236]{display:flex;align-items:center}.container .header-right .todo[data-v-05f90236]{display:flex;align-items:center;margin-right:40px;padding:10px 16px;border:1px solid rgba(51,51,51,.4);border-radius:4px 4px 4px 4px}.container .header-right .todo img[data-v-05f90236]{width:16px;height:16px;margin-right:4px}.container .main[data-v-05f90236]{flex-grow:1;width:100%;background-image:url(../img/subBg.4fb29099.png);background-size:100% 100%;padding:110px 240px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:40px;position:relative}.container .main .page_icon[data-v-05f90236]{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;height:60px;width:60px;line-height:60px;border-radius:50%;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease-in-out}.container .main .page_icon i[data-v-05f90236]{font-weight:700;font-size:24px;color:#666;vertical-align:middle}.container .main .page_icon[data-v-05f90236]:hover{transform:translateY(-50%) scale(1.15)}.container .main .next_page[data-v-05f90236]{right:100px}.container .main .pre_page[data-v-05f90236]{left:100px}.container .main .main-item[data-v-05f90236]{background:#fff;width:330px;height:340px;box-shadow:0 4px 10px 0 rgba(0,0,0,.15);border-radius:20px;padding:0 45px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.container .main .main-item img[data-v-05f90236]{width:240px;height:240px}.container .main .main-item-title[data-v-05f90236]{font-weight:700;font-size:24px;margin-top:12px;margin-bottom:4px}.container .main .main-item-desc[data-v-05f90236]{color:#999}.container .main .main-item .hover[data-v-05f90236]{position:absolute;bottom:0;left:0;background-color:#08c781;width:100%;text-align:center;opacity:0;transition:all .3s ease-in-out}.container .main .main-item .hover img[data-v-05f90236]{width:24px;height:24px}.container .main .main-item[data-v-05f90236]:hover{cursor:pointer}.container .main .main-item:hover .hover[data-v-05f90236]{opacity:1}