.container[data-v-23bf767b]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.container .header[data-v-23bf767b]{padding:15px 28px;display:flex;justify-content:space-between;align-items:center}.container .header-left[data-v-23bf767b]{display:flex;align-items:center}.container .header-left .header-title[data-v-23bf767b]{font-family:Alimama ShuHeiTi;font-size:36px;font-weight:700;line-height:1;margin-left:20px}.container .header-left img[data-v-23bf767b]{width:50px;height:50px}.container .header-right[data-v-23bf767b]{display:flex;align-items:center}.container .header-right .todo[data-v-23bf767b]{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-23bf767b]{width:16px;height:16px;margin-right:4px}.container .main[data-v-23bf767b]{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}.container .main .main-item[data-v-23bf767b]{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-23bf767b]{width:240px;height:240px}.container .main .main-item-title[data-v-23bf767b]{font-weight:700;font-size:24px;margin-top:12px;margin-bottom:4px}.container .main .main-item-desc[data-v-23bf767b]{color:#999}.container .main .main-item .hover[data-v-23bf767b]{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-23bf767b]{width:24px;height:24px}.container .main .main-item[data-v-23bf767b]:hover{cursor:pointer}.container .main .main-item:hover .hover[data-v-23bf767b]{opacity:1}