.work-sorter-wrap{box-sizing:border-box;display:flex;min-width:100px;position:relative;width:-moz-fit-content;width:fit-content}.work-sorter-wrap .fillter-cover{align-items:center;background:#fff;border:1px solid #ececec;border-radius:7px;box-sizing:border-box;color:#777;cursor:pointer;display:flex;font-size:14px;height:38px;justify-content:center;min-width:100px;padding:7px 15px;transition:all .3s ease 0s}.work-sorter-wrap .dropdown{background:#fff;border:1px solid #ececec;border-radius:5px;box-shadow:0 -3px 23px #0000000f;box-sizing:border-box;color:#7e7e7e;left:0;margin-top:5px;opacity:0;padding:6px 0;position:absolute;top:100%;transition-duration:.3s;visibility:hidden;width:100%;z-index:99}.work-sorter-wrap .dropdown.open{opacity:1;visibility:visible}.work-sorter-wrap .dropdown ul{list-style:none;margin:0;padding:0}.work-sorter-wrap .dropdown ul li{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:0 12px}.work-sorter-wrap .dropdown .icon{opacity:0}.work-sorter-wrap .dropdown .active .icon{opacity:1}.work-sorter-wrap .dropdown .icon .el-icon{color:#06f;font-size:12px;font-weight:700}.work-sorter-wrap .dropdown .label{color:#7e7e7e;display:block;font-size:14px;padding:6px;position:relative;white-space:nowrap}.work-sorter-wrap .dropdown ul li:hover{background-color:#c9c9ca}.work-sorter-wrap .dropdown ul li:hover .icon .el-icon,.work-sorter-wrap .dropdown ul li:hover .label{color:#fff}.dark .work-sorter-wrap .fillter-cover{background-color:transparent;border:1px solid #454646;color:#d4d4d4}.dark .work-sorter-wrap .dropdown{background-color:#454646;border-color:#454646}.dark .work-sorter-wrap .dropdown .label{color:#d4d4d4}.dark .work-sorter-wrap .dropdown li:hover{background-color:#575757}