/*!
 *  build: hoo-pro 
 *  copyright: chuzhixin 420809248@qq.com 
 *  time: 2024-7-8 15:42:32
 */.echarts{width:100%;height:100%}.staff-skill-container{overflow-y:auto;position:relative;padding:0 20px!important;background:#f6f8f9!important}.staff-skill-container .header{position:relative;width:100%;background:#2288fd;margin-bottom:12px;height:70px;border-radius:0 0 6px 6px}.staff-skill-container .header .s-panel{width:100%;height:100%;position:relative}.staff-skill-container .header .s-panel .titles{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:50%;height:100%;font-size:22px;font-weight:700;color:#fff;text-align:center;line-height:68px}.staff-skill-container .header .s-panel .s-panel-l{float:left;height:100%}.staff-skill-container .header .s-panel .s-panel-l .logo{box-sizing:border-box;width:auto;height:100%;padding:20px}.staff-skill-container .header .s-panel .s-panel-l .logo img{width:auto;height:36px}.staff-skill-container .header .s-panel .s-panel-r{float:right;height:100%;display:flex;margin:0!important}.staff-skill-container .header .s-panel .s-panel-r .header-menu{flex:1;display:flex;flex-wrap:nowrap;justify-content:flex-end}.staff-skill-container .header .s-panel .s-panel-r .header-menu .el-form--inline{display:flex;align-items:center;margin-right:20px}.staff-skill-container .header .s-panel .s-panel-r .header-menu .el-form--inline .el-form-item{margin:0;padding:0}.staff-skill-container .header .s-panel .s-panel-r .header-menu .el-form--inline .el-form-item .el-input__inner{color:#2288fd}.staff-skill-container .header .s-panel .s-panel-r .header-menu .s-bt-style{color:#fff;margin:0 16px 0 0;font-size:14px}.staff-skill-container .header .s-panel .s-panel-r .header-menu .s-bt-style i{font-size:16px}.staff-skill-container .header .s-panel .s-panel-r .header-clock{display:flex;align-items:center}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper{margin:0 0 0!important;width:220px!important;height:48px!important}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper a{color:#fff!important}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper ul{position:relative;float:left;margin:3px!important;width:40px!important;height:48px!important;font-weight:700;border-radius:6px;background:none!important}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper ul li{line-height:60px!important}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper ul li a div div.inn{background:#fff!important;color:#2288fd!important;font-size:32px!important;font-weight:600;font-family:element-icons;text-shadow:none;line-height:50px}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper ul li a div.up:after{content:"";position:absolute;top:28px!important;left:0;z-index:5;width:100%;height:3px;background:#01334a!important}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper .flip{box-shadow:none!important}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper .flip-clock-divider{height:70px!important}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper .flip-clock-dot{background:#fff!important;box-shadow:none;width:8px;height:8px}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper .flip-clock-dot.top{top:15px!important}.staff-skill-container .header .s-panel .s-panel-r .header-clock .flip-clock-wrapper .flip-clock-dot.bottom{overflow:hidden}.staff-skill-container .header .s-panel .s-panel-r .header-clock #clock-current-date{width:120px;height:100%;display:flex;flex-flow:column;color:#fff;font-size:16px;font-weight:700;box-sizing:border-box;padding:16px 0}.staff-skill-container .skill-list-ul{position:relative;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:left;width:100%;height:100%}.staff-skill-container .skill-list-ul>li{display:flex;flex-flow:row;flex-wrap:nowrap;justify-content:space-between;width:24%;height:214px;padding:0 8px 0 8px;margin:0 12px 12px 0;overflow:hidden;color:#303133;background-color:#fff;background-size:100% 100%;border:1px solid #ebeef5;border-radius:2.5px;transition:.3s}.staff-skill-container .skill-list-ul>li .left{flex-flow:column;flex:1}.staff-skill-container .skill-list-ul>li .left .up{box-sizing:border-box;height:82px;padding-top:12px}.staff-skill-container .skill-list-ul>li .left .up img{display:block;width:auto;height:100%;margin-left:12px;border-radius:222px}.staff-skill-container .skill-list-ul>li .left .down{height:100%;margin-top:12px}.staff-skill-container .skill-list-ul>li .left .down .staff-info-ul{width:100%;height:100%}.staff-skill-container .skill-list-ul>li .left .down .staff-info-ul li{box-sizing:border-box;height:12%;padding:0 0 0 12px;font-size:12px;line-height:normal;color:#999}.staff-skill-container .skill-list-ul>li .left .down .staff-info-ul li .staff-info-name{color:#2288fd;font-weight:700}.staff-skill-container .skill-list-ul>li .right{width:226px}.staff-skill-container .skill-list-ul>li .right .title{box-sizing:border-box;padding-top:12px;font-size:14px;font-weight:700;color:#2288fd;text-align:center}.staff-skill-container .skill-list-ul>li .right .skill-view{width:100%;height:170px}