.flex_box_center___3WrJS { justify-content: center; align-items: center; -webkit-justify-content: center; box-align: center; } .flex_space_between___H9UkJ { justify-content: space-between; -webkit-box-pack: justify; } .flex_box_vertical_center___1PInb { align-items: center; box-align: center; } .flex_box_center_end___10Hqd { justify-content: flex-end; align-items: center; -webkit-justify-content: flex-end; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: end; box-align: center; box-pack: end; } .flex_box_column___1YBUL { flex-direction: column; box-orient: block-axis; } .menuWrap___ATG9v { width: 100%; border-right: 1px solid #dbdce0; } .menuWrap___ATG9v .crumbs___2MG9z { padding-top: 12px; } .menuWrap___ATG9v .crumbs___2MG9z span { font-size: 12px; color: #c5c5c5; } .menuWrap___ATG9v .crumbs___2MG9z b { font-size: 12px; color: #5f6368; } .menuWrap___ATG9v .info___L0tBs { display: flex; align-items: center; margin-top: 16px; } .menuWrap___ATG9v .info___L0tBs .avatar___1t7p4 { border-radius: 50%; margin-right: 8px; } .menuWrap___ATG9v .info___L0tBs .name___1dVl7 { font-size: 20px; font-weight: 500; color: #333333; } .menuWrap___ATG9v .info___L0tBs .approve___2EwSn { display: flex; align-items: center; margin-right: 8px; font-size: 12px; font-weight: 400; color: #9b9b9b; margin-top: 12px; } .menuWrap___ATG9v .info___L0tBs .approve___2EwSn > span { display: inline-flex; align-items: center; justify-content: center; width: 78px; height: 22px; border-radius: 11px; border: 1px solid #ededef; margin-right: 8px; cursor: pointer; -ms-user-select: none; user-select: none; } .menuWrap___ATG9v .info___L0tBs .approve___2EwSn img { margin-right: 4px; } .menuWrap___ATG9v .number___1aAt0 { display: flex; justify-content: space-between; margin-top: 29px; padding-right: 27px; } .menuWrap___ATG9v .number___1aAt0 div { display: flex; flex-direction: column; } .menuWrap___ATG9v .number___1aAt0 div b { font-size: 20px; font-weight: 500; color: #333333; } .menuWrap___ATG9v .number___1aAt0 div span { font-size: 14px; color: #8e8e8e; margin-top: 8px; } .menuWrap___ATG9v .attendance___1tTmC { background: url(./static/a.762b0a3c.png) no-repeat center center; background-size: cover; position: relative; width: 250px; height: 69px; margin-top: 23px; margin-right: 10px; } .menuWrap___ATG9v .attendance___1tTmC .btn___2K9Xh { cursor: default; width: 74px; height: 22px; text-align: center; line-height: 22px; background: linear-gradient(180deg, #fff9b2 0%, #ffbd5b 100%); border-radius: 11px; position: absolute; z-index: 2; right: 22px; bottom: 10px; color: #a90f0f; } .menuWrap___ATG9v .nav___2a_5q { width: 100%; margin-top: 15px; } .menuWrap___ATG9v .nav___2a_5q a { height: 44px; position: relative; display: flex; align-items: center; padding: 0 12px; width: 56px; font-size: 14px; font-weight: 400; color: #5f6367; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .menuWrap___ATG9v .nav___2a_5q a i { margin-right: 4px; font-size: 14px; } .menuWrap___ATG9v .nav___2a_5q a:hover { color: #232b40; background: #f8f9fa; } .menuWrap___ATG9v .nav___2a_5q .active___3m1-u { color: #232b40; background: #f8f9fa; } .menuWrap___ATG9v .nav___2a_5q .active___3m1-u::after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; width: 3px; height: 100%; background: #232b40; border-radius: 3px 0px 0px 3px; } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .flex_box_center___iUPdM { justify-content: center; align-items: center; -webkit-justify-content: center; box-align: center; } .flex_space_between___2kzQ5 { justify-content: space-between; -webkit-box-pack: justify; } .flex_box_vertical_center___2oBVw { align-items: center; box-align: center; } .flex_box_center_end____XWFi { justify-content: flex-end; align-items: center; -webkit-justify-content: flex-end; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: end; box-align: center; box-pack: end; } .flex_box_column___yWhiS { flex-direction: column; box-orient: block-axis; } .content___2-LJD { overflow: hidden; background-color: #fff; height: calc(100vh - 72px); } .content___2-LJD .leftBox___1mzah { float: left; width: calc((100% - 1200px) / 2 + 267px); overflow: hidden; display: flex; justify-content: flex-end; height: 100%; } .content___2-LJD .leftBox___1mzah .leftWrap___2uJJi { width: 267px; flex-shrink: 0; height: 100%; overflow: auto; padding-right: 7px; } .content___2-LJD .rightBox___2_OPZ { float: right; width: calc((100% - 1200px) / 2 + 933px); overflow-y: auto; overflow-x: hidden; display: flex; justify-content: flex-start; height: 100%; } .content___2-LJD .rightBox___2_OPZ .rightWrap___BqV1K { width: 933px; } .leftWrap___2uJJi::-webkit-scrollbar-thumb, .rightBox___2_OPZ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.05) !important; border-radius: 3px; } .leftWrap___2uJJi::-webkit-scrollbar-track, .rightBox___2_OPZ::-webkit-scrollbar-track { background-color: #f6f7f9 !important; box-shadow: none !important; box-shadow: initial !important; } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */