@charset "UTF-8";



html, body{ padding: 0; margin: 0; font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
/*body{ background: #FAFBFD;}*/
::-webkit-scrollbar{ width: 8px; height: 8px; background: hsla(0,0%,0%,0.05); border-radius: 4px;}
::-webkit-scrollbar-thumb{ width: 8px; height: 8px; background: hsla(0,0%,0%,0.20); border-radius: 4px;}



html, body, #app{ width: 100%; min-height: 100vh;}
/*
@font-face{
	font-family: "PingFang SC";
  	src: url('../fonts/PingFang Medium_downcc.otf') format('truetype');
}
*/



i, em{ font-style: normal;}



body{ background: #ECF3FF;}
.departmenindex{ padding: 20px 10px;}
.departmenindex .toop{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.departmenindex .toop .li{ margin: 0 10px; position: relative; border-radius: 10px; background: linear-gradient( 180deg, #ECF4FF 0%, #D5E4FF 100%); display: flex; align-items: center; height: 118px; width: 222px;}
.departmenindex .toop .li::after{ border: 1px solid #fff; border-radius: 10px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; z-index: 0;}
.departmenindex .toop .li .mk{ padding: 0 0 0 26px; display: flex; align-items: center; position: relative; z-index: 5;}
.departmenindex .toop .li .mk .m{ width: 51px; height: 51px; margin-right: 16px;}
.departmenindex .toop .li .mk .m img{ display: block; width: 100%;}
.departmenindex .toop .li .mk .h{ font-size: 24px; line-height: 1; color: #525252;}
.departmenindex .toop .li .mk .p{ font-size: 14px; line-height: 1; color: hsla(0,0%,0%,0.60); margin-top: 5px;}
.departmenindex .toop .li1{ width: calc(100% - 1230px); background: url(../images/6.png) no-repeat center; background-size: cover;}
.departmenindex .toop .li1 .mk{ display: block;}
.departmenindex .toop .li1 .mk .h{ font-size: 22px; line-height: 30px; margin-bottom: 22px;}
.departmenindex .toop .li1 .bt{ display: flex;}
.departmenindex .toop .li1 .bt .p{ display: flex; margin: 0;}
.departmenindex .toop .li1 .bt .p,
.departmenindex .toop .li1 .bt .p i{ font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.40);}
.departmenindex .toop .li1 .bt .p i{ margin-left: 10px; color: #000;}
.departmenindex .toop .li1 .bt .p + .p{ margin-left: 60px;}
.departmenindex .toop .li .a{ width: 20px; height: 20px; position: absolute; top: 22px; right: 13px; z-index: 8; background: url(../images/18.png) no-repeat center; background-size: 100% auto; opacity: 0.4; cursor: pointer;}
.departmenindex .list{ background: #fff; margin: 20px 10px 0 10px; border-radius: 8px; padding: 12px 20px 20px 20px;}
.departmenindex .list .min{ display: flex; margin: 0 -10px;}
.departmenindex .list .min .ali{ width: calc((100% - 100px) / 5); border-radius: 10px; background: linear-gradient( 180deg, #ECF4FF 0%, #D5E4FF 100%); margin: 0 10px;}
.departmenindex .list .min .wk{ padding: 17px 56px 27px 37px;}
.departmenindex .list .min .wk .h{ font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 12px;}
.departmenindex .list .min .icon{ display: flex; margin-bottom: 18px;}
.departmenindex .list .min .icon .v{ font-size: 22px; line-height: 30px; font-weight: 600;}
.departmenindex .list .min .icon .p{ font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.50);}
.departmenindex .list .min .icon .li{ width: 33%;}
.departmenindex .list .min .el-progress__text{ display: none;}
.departmenindex .list .min .el-progress-bar{ padding: 0; margin: 0;}
.departmenindex .list .min .el-progress-bar__outer{ background: hsla(0,0%,100%,0.45)!important;}
.departmenindex .list .tit{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.departmenindex .list .tit .h{ font-size: 16px; line-height: 30px; font-weight: 600;}
.departmenindex .list .tit .el-input__icon{ line-height: normal;}
.departmenindex .people{ display: flex;}
.departmenindex .people .sli{ margin: 20px 10px 0 10px; border-radius: 8px; width: 500px;}
.departmenindex .people .sli:first-child{ width: calc(100% - 1060px);}
.departmenindex .people .sli .mk{ padding: 27px 20px 20px 20px;}
.departmenindex .people .sli1{ background: #FFEBCF url(../images/8.png) no-repeat top center; background-size: 100% auto;}
.departmenindex .people .sli2 { background: #CDF5FF url(../images/10.png) no-repeat top center; background-size: 100% auto; }
.departmenindex .people .sli3 { background: #F1FFD1 url(../images/12.png) no-repeat top center; background-size: 100% auto; }
.departmenindex .people .sli .m img{ display: block; height: 28px; margin-bottom: 12px;}
.departmenindex .people .sli .top{ display: flex; margin-bottom: 16px;}
.departmenindex .people .sli .top .icon{ display: flex;}
.departmenindex .people .sli .top .icon .li{ background: #fff; cursor: pointer; padding: 0 22px; border-radius: 3px; font-size: 14px; line-height: 35px; margin-right: 6px;}
.departmenindex .people .sli .top .icon .li.cur{ background: #E45A32; color: #fff;}
.departmenindex .people .sli2 .top .icon .li.cur{ background: #7177FF;}
.departmenindex .people .sli3 .top .icon .li.cur{ background: #62AE3C;}
.departmenindex .people .sli .top .time .el-input{ width: 150px;}
.departmenindex .people .sli .top .time .el-input .el-input__inner{ width: 100%; height: 35px; border-radius: 3px; border: none; background: #fff; padding: 0 18px;}
.departmenindex .people .sli .top .time .el-input__suffix{ display: none;}
.departmenindex .people .sli .top .time .el-input__prefix{ left: auto; right: 15px; line-height: normal;}
.departmenindex .people .sli .top .time .el-input__icon{ line-height: 35px;}
.departmenindex .people .sli .form{ background: #fff; padding: 22px 14px; border-radius: 10px;}
.departmenindex .people .sli .form thead tr{ background: #F5F9FF; border-radius: 8px;}
.departmenindex .people .sli .form thead tr th{ background: hsla(0,0%,100%,0.00); border: none; font-size: 14px; padding: 0; line-height: 40px; font-weight: normal;}
.departmenindex .people .sli .form tbody tr{ background: hsla(0,0%,93%,0.30); border-radius: 8px; border: none; margin-top: 12px;}
.departmenindex .people .sli .form tbody tr td{ border: none; border-top: 10px solid #fff; padding: 0; background: hsla(0,0%,100%,0.00);}
.departmenindex .people .sli .form tbody tr td .cell{ font-size: 15px; line-height: 24px; padding: 8px;}
.departmenindex .people .sli .form tbody tr:first-child{ background: #FFF5DA;}
.departmenindex .people .sli .form tbody tr:nth-child(2){ background: hsla(207,100%,84%,0.30);}
.departmenindex .people .sli .form tbody tr:nth-child(3){ background: hsla(23,100%,91%,0.30);}
.departmenindex .people .sli3 .form tbody tr{ background: #F9F9F9!important;}
.departmenindex .people .sli .form tbody{ border-color: hsla(0,0%,100%,0.00);}
.departmenindex .people .sli .form .i1{ display: block; width: 24px; height: 24px; margin: auto; background: url(../images/13.png) no-repeat center; background-size: auto 100%; color: hsla(0,0%,100%,0.00);}
.departmenindex .people .sli .form .i2{ display: block; width: 24px; height: 24px; margin: auto; background: url(../images/14.png) no-repeat center; background-size: auto 100%; color: hsla(0,0%,100%,0.00);}
.departmenindex .people .sli .form .i3{ display: block; width: 24px; height: 24px; margin: auto; background: url(../images/15.png) no-repeat center; background-size: auto 100%; color: hsla(0,0%,100%,0.00);}
.departmenindex .people .sli .form .i4{ display: block; width: 24px; height: 24px; margin: auto; background: url(../images/16.png) no-repeat center; background-size: 20px auto; text-align: center; line-height: 24px; font-size: 10px; color: #A1AEC9;}
.departmenindex .people .sli .more{ display: flex; justify-content: center; margin-top: 24px;}
.departmenindex .people .sli .more button{ display: block; padding: 0; margin: 0 10px; line-height: 1; font-size: 14px; color: #BBBBBB; cursor: pointer; transition: all 0.5s;}
.departmenindex .people .sli .form .el-table::before{ display: none;}
.departmenindex .people .sli .more button:hover{ color: #000;}
.departmencontent{ margin: 20px; /*padding: 20px;*/ background: #fff; border-radius: 8px; position: fixed; top: 50px; left: 0; right: 0; bottom: 0;}
.departmencontent .departmenmk{ display: flex; justify-content: space-between; margin: 20px; /*height: calc(100vh - 90px);*/ position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.departmencontent .departmenmk .left{ width: 250px; border: 1px solid #D8DDE5;}
.departmencontent .departmenmk .right{ width: calc(100% - 275px);}
.departmencontent .departmenmk .left .tit{ border-bottom: 1px solid #D8DDE5; background: #F8FAFE; padding: 10px 16px; font-size: 14px; line-height: 20px; font-weight: 600;}
.departmencontent .departmenmk .left .list{ padding: 20px;}
.departmencontent .departmenmk .left .list .el-tree-node{ margin-top: 5px;}
.departmencontent .departmenmk .right .top{ display: flex; margin-bottom: 10px;}
.departmencontent .departmenmk .right .top .b{ display: flex; justify-content: center; align-items: center; padding: 0 22px; height: 35px; border-radius: 2px;}
.departmencontent .departmenmk .right .top .b1{ background: #3861FE; color: #fff; border-color: #3861FE;}
.departmencontent .departmenmk .right .form{ display: flex; flex-wrap: wrap;}
.departmencontent .departmenmk .right .form .li{ margin: 0 15px 15px 0; display: flex;}
.departmencontent .departmenmk .right .form .li .el-input__inner{ height: 35px; border-color: #D8DDE5; border-radius: 2px;}
.departmencontent .departmenmk .right .form .li .el-input__icon,
.departmencontent .departmenmk .right .form .li .el-date-editor .el-range-separator{ line-height: 35px; height: auto;}
.departmencontent .departmenmk .right .form .li .b{ display: flex; justify-content: center; align-items: center; height: 35px; font-size: 14px; padding: 0 16px; border-radius: 2px; cursor: pointer;}
.departmencontent .departmenmk .right .form .li .b1{ background: #3861FE; color: #fff; border-color: #3861FE;}
.departmencontent .departmenmk .right .form .li .b2{ background: #F1F1F1; color: hsla(0,0%,20%,0.30); border-color: #D8DDE5;}
.departmencontent .departmenmk .right .form .li1{ width: 200px;}
.departmencontent .departmenmk .right .form .li2{ width: 160px;}
.departmencontent .departmenmk table thead tr{ background: #F8FAFE; padding: 0;}
.departmencontent .departmenmk table thead tr th{ font-weight: normal; font-size: 14px; color: hsla(0,0%,19%,0.50); padding: 0; line-height: 40px; background: #F8FAFE; border-color: #D8DDE5;}
.departmencontent .departmenmk table tbody td{ padding: 12px 0; font-size: 14px; line-height: 20px; color: #313131;}
.departmencontent .departmenmk table tbody td button{ font-size: 14px; height: 20px; padding: 0;}
.pageing{ display: flex; justify-content: center; margin-top: 20px;}
.departmencontent .departmendata table thead tr{ background: #F8FAFE; padding: 0;}
.departmencontent .departmendata table thead tr th{ font-weight: normal; font-size: 14px; color: hsla(0,0%,19%,0.50); padding: 0; line-height: 40px; background: #F8FAFE; border-color: #D8DDE5;}
.departmencontent .departmendata table tbody td{ padding: 12px 0; font-size: 14px; line-height: 20px; color: #313131;}
.departmencontent .departmendata table tbody td button{ font-size: 14px; height: 20px; padding: 0;}
.departmencontent .departmendata{ display: flex; justify-content: space-between;}
.departmendata{ padding: 0; background: hsla(0,0%,100%,0.00);}
.departmencontent .departmendata .left{ width: calc(100% - 420px); background: #fff; border-radius: 8px;}
.departmencontent .departmendata .right{ width: 400px; background: #fff; border-radius: 8px;}
.departmencontent .departmendata .left .top{ background: #3861FE; border-radius: 8px 8px 0 0; display: flex; justify-content: space-between; align-items: center; padding: 15px 20px;}
.departmencontent .departmendata .left .top .m{ width: 54px; height: 54px; border-radius: 100%; /*background: hsla(0,0%,100%,0.70);*/ display: flex; justify-content: center; align-items: center;}
.departmencontent .departmendata .left .top .m img{ display: block; width: 100%;}
.departmencontent .departmendata .left .top .ter{ display: flex; justify-content: space-between; width: calc(100% - 80px);}
.departmencontent .departmendata .left .top .ter .h{ font-size: 18px; line-height: 24px; color: #fff; font-weight: 600;}
.departmencontent .departmendata .left .top .ter .p{ font-size: 14px; line-height: 20px; color: hsla(0,0%,100%,0.50);}
.departmencontent .departmendata .left .top .ter .li{ min-width: 175px;}
.departmencontent .departmendata .left .form{ padding: 24px 20px;}
.departmencontent .departmendata .left .form .li + .li{ margin-top: 26px;}
.departmencontent .departmendata .left .form .li .h{ font-size: 16px; line-height: 22px; color: #343434; font-weight: 600; margin-bottom: 12px;}
.departmencontent .departmendata .right .mk{ padding: 15px 25px 25px 25px;}
.departmencontent .departmendata .right .tit{ font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 14px;}
.departmencontent .departmendata .right .list .wli + .wli{ margin-top: 25px; padding-top: 25px; border-top: 1px solid hsla(0,0%,59%,0.20);}
.departmencontent .departmendata .right .list .wli{ display: flex; justify-content: space-between; align-items: flex-start;}
.departmencontent .departmendata .right .list .wli .i{ width: 20px; height: 20px; margin-top: 1px;}
.departmencontent .departmendata .right .list .wli .i img{ display: block; width: 100%;}
.departmencontent .departmendata .right .list .wli .ter{ width: calc(100% - 28px);}
.departmencontent .departmendata .right .list .wli .ter .tp .h{ font-size: 16px; font-weight: 600; line-height: 22px;}
.departmencontent .departmendata .right .list .wli .ter .tp .p{ font-size: 14px; line-height: 20px; color: #7F8286; opacity: 0.4;}
.departmencontent .departmendata .right .list .wli .ter .tp{ margin-bottom: 12px;}
.departmencontent .departmendata .right .list .wli .min .li{ display: flex; justify-content: space-between; align-items: flex-end;}
.departmencontent .departmendata .right .list .wli .min .li + .li{ margin-top: 15px;}
.departmencontent .departmendata .right .list .wli .min .li .m{ width: 75px; height: 75px; border-radius: 2px;}
.departmencontent .departmendata .right .list .wli .min .li .wke{ width: calc(100% - 90px);}
.departmencontent .departmendata .right .list .wli .min .li .wke .ps .p{ font-size: 14px; line-height: 20px; color: #747474; display: flex;}
.departmencontent .departmendata .right .list .wli .min .li .wke .ps .p + .p{ margin-top: 8px;}
.departmencontent .departmendata .right .list .wli .min .li .wke .ps .p i{ width: 58px; position: relative; text-align: justify; text-align-last: justify; margin-right: 10px;}
.departmencontent .departmendata .right .list .wli .min .li .wke .ps .p i::after{ content: '：'; position: absolute; top: 0; right: -15px; font-size: 14px; color: #747474; line-height: 20px;}
.departmencontent .departmendata .right .list .wli .min .li .wke .bb{ display: flex; margin-top: 5px;}
.departmencontent .departmendata .right .list .wli .min .li .wke .bb button{ padding: 0; margin: 0; font-size: 14px; height: 20px; display: flex; justify-content: center; align-items: center;}
.departmencontent .departmendata .right .list .wli .min .li .wke .bb button + button{ margin-left: 10px;}
.departmencontent .departmendata .right .list .wli .min .li .wke .bb .b1{ color: #409EFF;}
.departmencontent .departmendata .right .list .wli .min .li .wke .bb .b2{ color: #FF6B6B;}
.departmencontent .departmenmk .right .top .b2{ background: #67C23A; border-color: #67C23A; color: #fff;}
.departmencontent .departmenmk .right .top .b3{ background: #E6A23C; border-color: #E6A23C; color: #fff;}
.departmencontent .departmenmk .right2{ width: 100%;}
.departmencontent .departmenmk .right .uli + .uli{ margin-top: 40px;}
.departmencontent .departmenmk .right .uli .img{ width: 42px; height: 42px; border-radius: 5px; background: #F1F1F1; overflow: hidden; margin: auto;}
.departmencontent .departmenmk .right .uli .img img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.departmencontent .departmenmk .right .uli .tps{ margin-bottom: 12px;}
.departmencontent .departmenmk .right .uli .tps .hs{ display: flex;}
.departmencontent .departmenmk .right .uli .tps .hs .h{ font-size: 14px; font-weight: 600; color: #313131; line-height: 20px;}
.departmencontent .departmenmk .right .uli .tps .hs .p{ font-size: 14px; line-height: 20px; color: #BBBBBB; margin-left: 16px;}
.departmencontent .departmenmk .right .uli .tps .vb{ display: flex; margin-bottom: 10px;}
.departmencontent .departmenmk .right .uli .tps .vb button{ display: flex; justify-content: center; padding: 0 16px; border-radius: 2px; font-size: 14px; height: 35px; align-items: center;}
.departmencontent .departmenmk .right .uli .tps .vb button.b1{ background: #3861FE; border-color: #3861FE; color: #fff;}
.departmencontent .settingslist{ padding: 15px;}
.departmencontent .settingslist .li{ display: flex;}
.departmencontent .settingslist .li + .li{ margin-top: 17px;}
.departmencontent .settingslist .li2{ border-top: 1px solid hsla(0,0%,59%,0.20); margin-top: 28px!important; padding-top: 25px;}
.departmencontent .settingslist .li .h{ min-width: 180px; margin-right: 17px; font-size: 14px; color: #313131; line-height: 35px; text-align: right;}
.departmencontent .settingslist .li .el-input__inner{ width: 100px; height: 35px; border-radius: 2px; text-align: center; border-color: #D8DDE5; font-size: 14px;}
.departmencontent .settingslist .li .el-input{ display: block; width: auto;}
.departmencontent .settingslist .li .p{ margin-left: 10px; font-size: 14px; color: #313131; line-height: 35px;}
.departmencontent .settingslist .li .b{ height: 35px; background: #3861FE; border-color: #3861FE; border-radius: 2px; font-size: 14px; color: #fff; padding: 0 20px;}
.departmencontent .departmenmk .right .top .tm{ display: flex; margin-right: 34px;}
.departmencontent .departmenmk .right .top .tm .el-input__inner{ width: 125px; height: 35px; border: none; padding: 0; margin: 0; font-size: 18px; font-weight: 600; background: url(../images/17.png) no-repeat center right; background-size: 11px auto;}
.departmencontent .departmenmk .right .top .tm .el-input__prefix{ display: none;}
.departmencontent .departmenmk .right .top .tm .el-input__suffix-inner{ display: none;}
.departmencontent .departmenmk .right .top .tm .el-input{ display: block; width: auto;}
.departmencontent .timetable{ display: flex; flex-wrap: wrap; margin-bottom: 16px;}
.departmencontent .timetable .li{ margin: 10px 10px 0 0; position: relative; width: 40px; line-height: 35px; background: #DEE9FF; border-radius: 3px; text-align: center; font-size: 14px; color: #353535; cursor: pointer;}
.departmencontent .timetable .li.cur{ background: #3861FE; color: #fff;}
.departmencontent .timetable .li.on::after{ width: 20px; height: 3px; border-radius: 3px; background: #67C23A; position: absolute; left: 50%; bottom: 4px; margin-left: -10px; content: '';}
.dialogVisible .el-dialog__footer .dialog-footer{ display: flex; justify-content: center;}
.dialogVisible .el-dialog__footer .dialog-footer button{ padding: 0 25px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 2px; font-size: 14px; color: #343434; border-color: #D8DDE5; margin: 0 6px; background: #fff;}
.dialogVisible .el-dialog__footer .dialog-footer button.el-button--primary{ color: #fff; background: #3861FE; border-color: #3861FE;}
.dialogVisible .el-dialog__body{ padding: 20px 60px 30px 30px;}
.dialogVisible .el-dialog__body .el-form-item__label{ line-height: 35px; font-size: 14px; font-weight: 600;}
.dialogVisible .el-dialog__body .el-input{ display: block;}
.dialogVisible .el-dialog__body .el-form-item__content{ line-height: 35px;}
.dialogVisible .el-dialog__body .el-input__inner{ height: 35px;}
.dialogVisible .el-dialog__body .el-form-item{ margin: 0;}
.dialogVisible .el-dialog__body .el-form-item + .el-form-item{ margin-top: 25px;}
.dialogVisible .el-dialog__body .el-input__icon,
.dialogVisible .el-dialog__body .el-range-separator{ line-height: normal; height: auto;}
.dialogVisible .el-dialog__body .el-select{ display: block;}
.dialogVisible.el-dialog__wrapper{ display: flex; justify-content: center; align-items: center;}
.dialogVisible .el-dialog{ margin: 0!important;}
.excelbox .top{ display: flex; align-items: center; background: #F5FFF0; border-radius: 7px; border: 1px solid #B3E09C; padding: 20px 30px; margin-bottom: 17px;}
.excelbox .top .m{ margin-right: 12px;}
.excelbox .top .m img{ display: block; height: 22px;}
.excelbox .top .p{ font-size: 14px; line-height: 22px; color: #45B058;}
.excelbox .list .li{ display: flex;}
.excelbox .list .li .p{ font-size: 14px; line-height: 20px; color: #409EFF; margin-right: 17px;}
.excelbox .list .li .i{ font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.40);}
.dialogVisible .el-switch__label--left.is-active span{ color: #67C23A;}
.dialogVisible .el-switch__label--right.is-active span{ color: #F56C6C;}
.dialogcontent .formlist table thead tr{ background: #F8FAFE; padding: 0;}
.dialogcontent .formlist table thead tr th{ font-weight: normal; font-size: 14px; color: hsla(0,0%,19%,0.50); padding: 0; line-height: 40px; background: #F8FAFE; border-color: #D8DDE5;}
.dialogcontent .formlist table tbody td{ padding: 12px 0; font-size: 14px; line-height: 20px; color: #313131;}
.dialogcontent .formlist table tbody td button{ font-size: 14px; height: 20px; padding: 0;}
.dialogcontent .formlist{ margin: 0 -40px 0 -10px;}
.dialogcontent .formlist .h{ font-size: 14px; line-height: 20px; margin-bottom: 16px; color: #000; display: flex;}
.dialogcontent .formlist .h i{ white-space: nowrap; margin-right: 10px; color: hsla(0,0%,0%,0.40);}
.dialogcontent .formlist2{ margin: 0 -30px 0 0;}
.dialogcontent .avatar-uploader .el-upload{ width: 90px; height: 90px; border-radius: 2px; border: 1px dashed #d9d9d9; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #999; overflow: hidden;}
.dialogcontent .avatar-uploader .el-upload img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.dialogcontent .el-button--small{ padding: 0 20px; height: 35px; background: #67C23A; font-size: 14px; border-radius: 2px; color: #fff; border-color: #67C23A;}
.dialogcontent .el-upload__tip{ font-size: 12px; line-height: 1; margin: 8px 0 0 0;}
.departmencontent .departmenmk .left{ position: relative;}
.departmencontent .departmenmk .left .list{ overflow-y: auto; position: absolute; top: 41px; left: 0; right: 0; bottom: 0;}
.departmencontent .departmendata{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.departmencontent .departmendata .left,
.departmencontent .departmendata .right{ height: 100%; overflow-y: auto;}
.departmencontent .departmenmk .right .ul .el-table{ height: auto!important;}
.departmencontent .departmenmk .right{ height: 100%; overflow-y: auto; margin-right: -20px; padding-right: 20px;}
.hearhtoopmax{ position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 50; height: 50px; box-shadow: 0px 2px 4px 0px rgba(210,210,210,0.5); padding: 0 20px 0 20px; display: flex; justify-content: space-between; align-items: center;}
.hearhtoopmax .nav{ display: flex;}
.hearhtoopmax .nav .li{ font-size: 16px; line-height: 50px; font-weight: 600; color: #313131; position: relative; cursor: pointer; transition: all 0.5s;}
.hearhtoopmax .nav .li + .li{ margin-left: 55px;}
.hearhtoopmax .nav .li::after{ width: 25px; height: 2px; border-radius: 2px; background: #3861FE; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); content: ''; opacity: 0;}
.hearhtoopmax .nav .li.cur::after{ opacity: 1;}
.hearhtoopmax .nav .li:hover,
.hearhtoopmax .nav .li.cur{ color: #3861FE;}
.hearhtoopmax .but{ display: flex;}
.hearhtoopmax .but button{ display: flex; justify-content: center; align-items: center; margin: 0; padding: 0 12px; height: 30px; border-radius: 4px; border: 1px solid #EBEBEB; font-size: 14px; color: #939393; transition: all 0.5s;}
.hearhtoopmax .but button:hover{ background: #3861FE; border-color: #3861FE; color: #fff;}
.el-dialog__footer{ text-align: center; }
.el-dialog .el-dialog__body {
    flex: 1;
    overflow: auto;
}
.workupbox .tpform .el-form {
    display: flex;
    justify-content: space-between;
}
.workupbox .tpform .el-form .el-form-item {
    width: 32%;
}
.workupbox .tpform .el-form .el-select {
    display: block;
}
.workupbox .tpform .el-form .el-form-item__content {
    position: relative;
}
.workupbox .tpform .el-form .el-form-item__content .cear {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    background: url(../images/27.png) no-repeat center;
    background-size: 16px auto;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
}
.workupbox .raform {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow-y: auto;
}
.workupbox .raform .el-checkbox {
	width: 130px;
    border-bottom: 1px solid #D8D8D8;
    padding: 12px 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.workupbox .raform .m {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    overflow: hidden;
}
.workupbox .raform .m img {
    display: block;
    width: 100%;
}
.workupbox .raform .el-checkbox__label {
    display: flex;
    align-items: center;
}
.workupbox .raform .p {
    font-size: 14px;
    color: #6E788B;
}
.departmencontent .departmendata .right .list .wli .min .li .el-upload i{ display: flex; justify-content: center; align-items: center; width: 75px; height: 75px; border-radius: 3px; background-size: 100% auto;}
.departmencontent .departmendata .right .list .wli .min .li .m{ border-radius: 3px; overflow: hidden;}
.entryboxyd{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: url(../images/23.png) no-repeat center; background-size: cover;}
.entryboxyd .formbox{ width: 600px; position: absolute; top: 0; right: 0; bottom: 0; background: hsla(0,0%,100%,0.50); display: flex; justify-content: center; align-items: center;}
.entryboxyd .formbox .tit img{ display: block; height: 30px; margin: auto; padding-bottom: 95px;}
.entryboxyd .formbox .form{ width: 350px; margin: auto;}
.entryboxyd .formbox .form .h{ display: flex; justify-content: center; overflow: hidden; margin: 0 0 30px 0;}
.entryboxyd .formbox .form .h i{ display: block; position: relative; font-size: 20px; line-height: 28px; color: hsla(0,0%,18%,0.40);}
.entryboxyd .formbox .form .h i::after,
.entryboxyd .formbox .form .h i::before{ content: ''; width: 200%; height: 1px; background: #2F2F2F; position: absolute; top: 50%; margin-top: -0.5px; left: calc(100% + 5px); opacity: 0.2;}
.entryboxyd .formbox .form .h i::before{ left: auto; right: calc(100% + 5px);}
.entryboxyd .formbox .form .el-form-item{ margin: 0; display: flex; justify-content: space-between; position: relative;}
.entryboxyd .formbox .form .el-form-item + .el-form-item{ margin: 24px 0 0 0;}
.entryboxyd .formbox .form .el-form-item__content::before,
.entryboxyd .formbox .form .el-form-item__content::after{ display: none;}
.entryboxyd .formbox .form .el-input,
.entryboxyd .formbox .form .el-form-item__content{ width: 100%; display: block;}
.entryboxyd .formbox .form .el-input input{ padding: 0 20px 0 56px; display: block; height: 46px; font-size: 18px; border-radius: 5px; border-color: #D5D5D5; background: hsla(0,0%,100%,0.00); color: #2F2F2F;}
.entryboxyd .formbox .form .el-input input::placeholder{ color: hsla(0,0%,18%,0.20);}
.entryboxyd .formbox .form .sub{ width: 100%; height: 50px; border-radius: 5px; font-size: 18px; color: #fff; border-color: #2D73ED; background: #2D73ED; display: flex; justify-content: center; align-items: center; padding: 0;}
.entryboxyd .formbox .form .i{ width: 52px; height: 100%; position: absolute; top: 0; left: 0;}
.entryboxyd .formbox .form .i1{ background: url(../images/25.png) no-repeat center; background-size: 22px auto;}
.entryboxyd .formbox .form .i2{ background: url(../images/26.png) no-repeat center; background-size: 24px auto;}
.entryboxyd .formbox .form .i3{ background: url(../images/27.png) no-repeat center; background-size: 20px auto;}
.entryboxyd .formbox .form .input2 .el-form-item__content{ display: flex; justify-content: space-between;}
.entryboxyd .formbox .form .input2 .el-form-item__content .el-input{ width: 200px;}
.entryboxyd .formbox .form .yz{ width: 134px; height: 46px; border-radius: 5px; overflow: hidden; padding: 0; margin: 0; cursor: pointer;}
.entryboxyd .formbox .form .yz img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.departmenindex .people .sli{ position: relative;}
.departmenindex .people .sli .peopmore{ background: hsla(0,0%,100%,0.20); display: flex; border-radius: 5px; overflow: hidden; position: absolute; top: 10px; right: 10px; z-index: 5;}
.departmenindex .people .sli .peopmore button{ font-size: 14px; color: #fff; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; background: hsla(0,0%,100%,0.00); border-radius: 0; border: none; width: 50px; height: 30px; cursor: pointer;}
.departmenindex .people .sli .peopmore button.cur{ background: #fff; color: #62AE3C;}
.departmenindex .people .sli .hot{ display: flex; justify-content: center; align-items: center; height: 24px;}
.departmenindex .people .sli .hot em{ padding: 0 5px; line-height: 22px; border-radius: 3px; font-size: 12px; color: #fff;}
.departmenindex .people .sli .hot em.em1{ background: #FF2121;}
.departmenindex .people .sli .hot em.em2{ background: #FF9861;}
.departmenindex .people .sli .hot em.em3{ background: #67A1FF;}
.departmenindex .people .sli .hot em.em4{ background: #D3D3D3;}
[v-cloak] {
	display: none !important;
}
.main-sidebar .sidebar{ margin: 0!important;}
.dialogVisible .el-tabs__item{ line-height: 1; height: auto; padding-bottom: 6px; font-size: 16px;}
.dialogVisible .el-tabs__nav-wrap::after{ display: none;}
.dialogVisible .el-tabs__item.is-active{ color: #3861FE;}
.dialogVisible .el-tabs__active-bar{ background: #3861FE;}
.dialogVisible .el-tabs{ margin: -10px -40px 0 -10px;}
.dialogVisible .clic + .clic{ margin-top: 28px;}
.dialogVisible .clic .qtbox{ display: flex; margin-top: 15px;}
.dialogVisible .clic .qtbox .vli .min{ display: flex;}
.dialogVisible .clic .qtbox .vli + .vli{ margin-left: 50px;}
.dialogVisible .clic .qtbox .vli .min .li{ width: 120px;}
.dialogVisible .clic .qtbox .vli .min .li + .li{ margin-left: 20px;}
.dialogVisible .clic .qtbox .vli .min .li i{ border-radius: 3px; display: block; width: 100%; height: 120px; margin-bottom: 10px; overflow: hidden;}
.dialogVisible .clic .qtbox .vli .min .li i img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.dialogVisible .clic .qtbox .vli .h{ display: flex; font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.dialogVisible .clic .qtbox .vli .h i{ width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; margin-right: 7px;}
.dialogVisible .clic .qtbox .vli .h i img{ display: block; width: 100%;}
.dialogVisible .clic .qtbox .vli .p em{ display: block; font-size: 14px; line-height: 20px; color: #747474; text-align: center;}
.dialogVisible .clic .qtbox .vli .p em + em{ margin-top: 8px;}
.dialogVisible .clic .qtbox .vli .p{ margin: 0 -10px;}
.dialogVisible .clic .mti{ font-size: 16px; font-weight: bold; line-height: 22px; margin-bottom: 12px;}
.dialogVisible .clic .el-table{ border: 1px solid #EBEEF5; border-bottom: none;}
.dialogVisible .desboxmax th,
.dialogVisible .desboxmax tr{ border-color: #EBEEF5;}
.dialogVisible .desboxmax th{ background: #F8FAFE;}
.dialogVisible .clic .formlist{ margin: 0;}
.departmencontent .departmenmkagg{ justify-content: center; align-items: center;}
.aggregationbox{ display: flex;}
.aggregationbox .leftagg{ width: 1000px; margin-right: 20px;}
.aggregationbox .leftagg .topagg{ display: flex; margin-bottom: 15px;}
.aggregationbox .leftagg .topagg .mleft{ width: 320px; min-height: 300px; border-radius: 10px 0 0 10px; background: url(../images/43.png) no-repeat center; background-size: cover; cursor: pointer;}
.aggregationbox .leftagg .topagg .mleft .mk{ padding: 42px 47px 10px 54px;}
.aggregationbox .leftagg .topagg .ter .h{ font-size: 40px; line-height: 1; font-weight: 600; color: #fff;}
.aggregationbox .leftagg .topagg .ter .p{ font-size: 16px; line-height: 22px; color: #fff; margin-top: 5px;}
.aggregationbox .leftagg .topagg .ter{ margin-bottom: 40px;}
.aggregationbox .leftagg .topagg .min{ display: flex; justify-content: space-between; margin-bottom: 40px;}
.aggregationbox .leftagg .topagg .min .h{ font-size: 24px; color: #fff; line-height: 1; font-weight: 600;}
.aggregationbox .leftagg .topagg .min .p{ font-size: 14px; line-height: 20px; color: #fff; margin-top: 5px;}
.aggregationbox .leftagg .topagg .a{ width: 32px; height: 9px; background: url(../images/49.png) no-repeat center; background-size: 100% 100%; display: block;}
.aggregationbox .leftagg .topagg .mleft:hover .a{ animation: myfirstagg 1s; animation-iteration-count: infinite;}
@keyframes myfirstagg{ 0%{transform: translateX(0);} 50%{transform: translateX(10px);} 100%{transform: translateX(0);} }
.aggregationbox .leftagg .topagg .mright{ width: calc(100% - 320px); min-height: 300px; background: url(../images/44.png) no-repeat center; background-size: cover; border-radius: 0 10px 10px 0;}
.aggregationbox .leftagg .topagg .mright .mk{ padding: 42px 0px 0px 60px;}
.aggregationbox .leftagg .topagg .mright .min{ display: flex; justify-content: flex-start;}
.aggregationbox .leftagg .topagg .mright .min .h,
.aggregationbox .leftagg .topagg .mright .min .p,
.aggregationbox .leftagg .topagg .mright .ter .h,
.aggregationbox .leftagg .topagg .mright .ter .p{ color: #000;}
.aggregationbox .leftagg .topagg .mright .min .li{ min-width: 90px; margin-right: 10px;}
.aggregationbox .leftagg .botagg{ display: flex;}
.aggregationbox .leftagg .botagg .li{ display: flex; align-items: center; position: relative; width: calc((100% - 40px) / 3); height: 140px; border-radius: 10px; background: linear-gradient( 180deg, #F7FAFF 0%, #ECF3FF 100%); cursor: pointer;}
.aggregationbox .leftagg .botagg .li + .li{ margin-left: 20px;}
.aggregationbox .leftagg .botagg .li .mk{ display: flex; align-items: center; margin-left: 35px;}
.aggregationbox .leftagg .botagg .li .mk .m{ width: 50px; height: 50px; margin-right: 35px;}
.aggregationbox .leftagg .botagg .li .mk .m img{ display: block; width: 100%;}
.aggregationbox .leftagg .botagg .li .mk .h{ font-size: 24px; font-weight: 600; line-height: 1;}
.aggregationbox .leftagg .botagg .li .mk .p{ font-size: 14px; line-height: 20px; opacity: 0.8; margin-top: 2px;}
.aggregationbox .leftagg .botagg .li .a{ width: 16px; height: 16px; background: url(../images/50.png) no-repeat center; background-size: 100% auto; position: absolute; top: 50%; right: 30px; margin-top: -8px; transition: all 0.5s;}
.aggregationbox .leftagg .botagg .li:hover .a{ background: url(../images/50s.png) no-repeat center; background-size: 100% auto;} 
.aggregationbox .rightagg{ width: 400px; border-radius: 10px; background: url(../images/48.png) no-repeat center; background-size: cover;}
.aggregationbox .rightagg .mk{ padding: 30px 58px;}
.aggregationbox .rightagg .mk .hr{ font-size: 16px; font-weight: 600; line-height: 22px;}
.aggregationbox .rightagg .mk .wkd{ display: flex; flex-wrap: wrap; margin-top: -20px;}
.aggregationbox .rightagg .mk .wkd .h{ font-size: 20px; line-height: 1; font-weight: 600;}
.aggregationbox .rightagg .mk .wkd .p{ font-size: 14px; line-height: 20px; opacity: 0.8; margin-top: 5px;}
.aggregationbox .rightagg .mk .wkd .li{ margin-top: 45px; min-width: 165px; margin-right: 20px;}
.aggregationbox .rightagg .mk .wkd .li:nth-child(2n){ min-width: inherit; margin-right: 0;}
.complexboxmax{ display: flex;}
.complexboxmax .eleft{ width: 800px; margin-right: 20px;}
.complexboxmax .eleft .ebot{ display: flex; justify-content: space-between;}
.complexboxmax .eleft .ebot .li{ display: flex; align-items: center; width: 390px; height: 140px; border-radius: 10px; background: linear-gradient( 180deg, #F7FAFF 0%, #ECF3FF 100%); position: relative; cursor: pointer;}
.complexboxmax .eleft .ebot .li .mk{ display: flex; align-items: center; margin-left: 35px;}
.complexboxmax .eleft .ebot .li .m{ width: 50px; height: 50px; margin-right: 35px;}
.complexboxmax .eleft .ebot .li .m img{ display: block; width: 100%;}
.complexboxmax .eleft .ebot .li .mk .h{ font-size: 24px; font-weight: 600; line-height: 1;}
.complexboxmax .eleft .ebot .li .mk .p{ font-size: 14px; line-height: 20px; opacity: 0.8; margin-top: 2px;}
.complexboxmax .eleft .ebot .li .a{ width: 16px; height: 16px; background: url(../images/50.png) no-repeat center; background-size: 100% auto; position: absolute; top: 50%; right: 30px; margin-top: -8px; transition: all 0.5s;}
.complexboxmax .eleft .ebot .li:hover .a{ background: url(../images/50s.png) no-repeat center; background-size: 100% auto;} 
.complexboxmax .eleft .etop{ width: 100%; height: 300px; margin-bottom: 20px; border-radius: 10px; overflow: hidden; background: url(../images/54.png) no-repeat center; background-size: cover;}
.complexboxmax .eleft .etop .mk{ padding: 75px 0 0 298px;}
.complexboxmax .eleft .etop .ter .h{ font-size: 40px; font-weight: 600; color: #fff; line-height: 1;}
.complexboxmax .eleft .etop .ter .p{ font-size: 16px; line-height: 22px; color: #fff;}
.complexboxmax .eleft .etop .ter{ display: flex; justify-content: space-between; align-items: flex-end; margin: 0 105px 40px 0;}
.complexboxmax .eleft .etop .ter .a{ display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; background: url(../images/49.png) no-repeat center; background-size: 32px auto;}
.complexboxmax .eleft .etop .ter .a:hover{ animation: myfirstee 1s; animation-iteration-count: infinite;}
@keyframes myfirstee{ 0%{transform: translateX(0);} 50%{transform: translateX(10px);} 100%{transform: translateX(0);} }
.complexboxmax .eleft .etop .min{ display: flex;}
.complexboxmax .eleft .etop .min .h{ font-size: 24px; line-height: 1; font-weight: 600; color: #fff;}
.complexboxmax .eleft .etop .min .p{ font-size: 14px; line-height: 20px; color: #fff; margin-top: 2px;}
.complexboxmax .eleft .etop .min .li + .li{ margin-left: 115px;}
.complexboxmax .eright{ width: 600px; border-radius: 10px; background: url(../images/53.png) no-repeat center; background-size: cover;}
.complexboxmax .eright .mk{ padding: 40px 40px 20px 40px;}
.complexboxmax .eright .hr{ font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 20px;}
.complexboxmax .eright .wli .li + .li{ margin-top: 16px;}
.complexboxmax .eright .wli .li{ background: hsla(0,0%,100%,0.70); border-radius: 18px; min-height: 90px;}
.complexboxmax .eright .wli .li .h{ font-size: 20px; line-height: 1; font-weight: 600;}
.complexboxmax .eright .wli .li .p{ font-size: 14px; line-height: 20px; opacity: 0.8; margin-top: 5px;}
.complexboxmax .eright .wli .li .wk{ display: flex; justify-content: space-between; padding: 24px 0 0 30px;}
.complexboxmax .eright .wli .li .wk .m{ min-width: 120px;}
.complexboxmax .eright .wli{ display: none;}
.complexboxmax .eright .wli.cur{ display: block;}
.complexboxmax .eright .num{ display: flex; margin-top: 18px;}
.complexboxmax .eright .num .li{ width: 28px; height: 28px; background: #C7D3FF; border-radius: 9px; font-size: 16px; color: #416BFE; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all 0.5s;}
.complexboxmax .eright .num .li + .li{ margin-left: 8px;}
.complexboxmax .eright .num .li.cur{ background: #416BFE; color: #fff;}
.departmenindex .toop .li:nth-child(2){ background: linear-gradient( 180deg, #FFF7EF 0%, #FFE9DE 100%);}
.departmenindex .toop .li:nth-child(3){ background: linear-gradient( 180deg, #FCFDF5 0%, #F6FFD2 100%);}
.departmenindex .toop .li:nth-child(4){ background: linear-gradient( 180deg, #F2FFFC 0%, #C7FFE1 100%);}
.departmenindex .toop .li:nth-child(5){ background: linear-gradient( 180deg, #F9EFFF 0%, #EADBFF 100%);}
.departmenindex .toop .li:nth-child(6){ background: linear-gradient( 180deg, #FFF5FA 0%, #FFE0EF 100%);}
.departmenindex .list{ background: hsla(0,0%,100%,0.00); margin: 20px 10px 0 10px; border-radius: 0; padding: 0;}
.departmenindex .list .mk{ background: #fff; border-radius: 8px; padding: 12px 20px 20px 20px;}
.departmenindex .mtime{ display: flex; margin-bottom: 10px;}
.departmenindex .mtime .el-input{ width: 184px;}
.departmenindex .mtime .el-input__inner{ height: 35px; border: none; border-radius: 2px; font-size: 14px;}
.departmenindex .mtime .el-input__icon{ line-height: 36px;}
.departmenindex .list .min .icon .li:first-child{ min-width: unset;}
.departmenindex .list .min .icon{ justify-content: space-between;}
.departmenindex .list .min .ali{ margin: 0 8px; width: calc((100% - 96px) / 6);}
.departmenindex .list .min .wk{ padding: 17px 26px 27px 26px;}
.residleft{ background: #FFF; border-radius: 8px; width: 400px; height: 100%; overflow-y: auto;}
.residleft .wk{ padding: 12px 15px;}
.residleft .wk .dli + .dli{ margin-top: 26px;}
.residleft .wk .dli .tit{ font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 10px;}
.residleft .wk .dli .el-descriptions th{ background: #F6F6F6; border-color: #E4E5E7; width: 150px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #828282;}
.residleft .wk .dli .el-descriptions td{ border-color: #E4E5E7; font-size: 14px; color: #373737; line-height: 20px; padding: 8px 16px;}
.residleft .wk .dli .min .li{ display: flex; border: 1px solid #E4E5E7; border-top: none;}
.residleft .wk .dli .min .li:first-child{ border-top: 1px solid #E4E5E7;}
.residleft .wk .dli .min .li .m{ width: calc(100% / 3); position: relative;}
.residleft .wk .dli .min .li .m i{ display: block; font-size: 14px; line-height: 20px; color: #262626; padding: 8px 30px;}
.residleft .wk .dli .min .li .m + .m::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #E4E5E7;}
.residleft .wk .dli .min .li:first-child,
.residleft .wk .dli .min .li:last-child{ background: #F6F6F6;}
.residleft .wk .dli .min .li:first-child i,
.residleft .wk .dli .min .li:last-child i{ color: #828282;}
.residright{ width: calc(100% - 416px); background: #fff; border-radius: 8px; height: 100%; position: relative;}
.residright .minnav{ width: 172px; padding: 3px 20px 3px 22px; position: absolute; top: 12px; left: 0; bottom: 12px; border-right: 1px solid hsla(0,0%,59%,0.20); overflow-y: auto;}
.residright .minnav .tit{ font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 20px;}
.residright .minnav .nav{ /*width: 172px; padding-right: 12px; position: absolute; top: 46px; left: 22px; bottom: 0; overflow-y: auto;*/}
.residright .minnav .nav .li{ font-size: 14px; line-height: 20px; padding: 8px 12px; border-radius: 5px; transition: all 0.5s; cursor: pointer; margin-bottom: 5px;}
.residright .minnav .nav .li.cur,
.residright .minnav .nav .li:hover{ background: #E6EBF5;}
.residright .dataren{ position: absolute; top: 12px; bottom: 12px; left: 236px; right: 405px; padding: 3px 22px 3px 0; overflow-y: auto; border-right: 1px solid hsla(0,0%,59%,0.20);}
.residright .dataren .tit{ font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 10px;}
.residright .dataren .vli + .vli{ margin-top: 25px;}
.residright .dataren .el-descriptions th{ background: #F6F6F6; border-color: #E4E5E7; width: 150px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #828282;}
.residright .dataren .el-descriptions td{ border-color: #E4E5E7; font-size: 14px; color: #373737; line-height: 20px; padding: 8px 16px;}
.departmencontent .departmendata .residright .right{ position: absolute; top: 12px; right: 0; bottom: 12px; width: 363px; height: auto; padding: 0 20px 0 0;}
.departmencontent .departmendata .residright .right .mk{ padding: 3px 0;}
.departmencontent .departmenmk .right .top .vav{ display: flex; margin-right: 16px;}
.departmencontent .departmenmk .right .top .vav .li{ transition: all 0.5s; cursor: pointer; background: #DEE9FF; border-radius: 3px; padding: 0 15px; font-size: 14px; color: #141414; line-height: 35px;}
.departmencontent .departmenmk .right .top .vav .li + .li{ margin-left: 10px;}
.departmencontent .departmenmk .right .top .vav .li.cur,
.departmencontent .departmenmk .right .top .vav .li:hover{ background: #3861FE; color: #fff;}
.departmencontent .departmenmk .right .top .tg .el-input{ display: block; width: 184px;}
.departmencontent .departmenmk .right .top .tg{ margin-right: 15px;}
.departmencontent .departmenmk .right .top .tg .el-input input{ height: 35px; font-size: 14px; color: #3C3C3C;}
.departmencontent .departmenmk .right .top .tg .el-input__icon{ line-height: 36px;}
.departmencontent .departmenmk .right .top .vg{ margin-right: 15px;}
.departmencontent .departmenmk .right .top .vg .el-input{ display: block; width: 200px;}
.departmencontent .departmenmk .right .top .vg .el-input input{ height: 35px; font-size: 14px; border-radius: 2px;}
.departmencontent .departmenmk .right .top .vg .el-input__icon{ line-height: 35px;}
.formkimk{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.formkimk .el-form-item{ width: 45%;}
.formkimk .wls{ width: 100%;}
.formkimk .el-form-item:nth-child(2){ margin-top: 0!important;}
.formkimk .el-form-item .el-input{ width: auto;}
.formkimk .el-form-item .formlist{ margin: 0;}
.formkimk .el-form-item .formlist .i input{ font-size: 14px; text-align: center; display: block;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{ bottom: auto!important;}
.departmenindex .people .sli .m{ display: flex;}
.departmenindex .people .sli .m .time{ font-size: 14px; color: #fff; line-height: 1; margin-left: 15px; padding-top: 16px;}
.departmencontent .departmenmk .right .top .xtime,.departmencontent .departmenmk .right .form .xtime{ position: absolute; top: 0; right: 25px; font-size: 14px; opacity: 0.5; line-height: 35px;}
.summarytpbox{ width: 1014px;}
.summarytpbox .onetop{ display: flex; justify-content: space-between; margin-bottom: 16px;}
.summarytpbox .onetop .nleft{ width: 400px; height: 180px; border-radius: 10px; background: url(../images/60.png) no-repeat center; background-size: cover;}
.summarytpbox .onetop .nright{ width: 600px; height: 180px; border-radius: 10px; background: url(../images/61.png) no-repeat center; background-size: cover;}
.summarytpbox .onetop .nleft .wks{ height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 55px;}
.summarytpbox .onetop .nleft .wks .li{ min-width: 170px;}
.summarytpbox .onetop .nleft .wks .li .h{ font-size: 40px; font-weight: 600; color: #fff; line-height: 1; margin-bottom: 8px;}
.summarytpbox .onetop .nleft .wks .li .p{ font-size: 16px; line-height: 22px; color: #fff;}
.summarytpbox .onetop .nright .wks{ height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 70px 0 55px;}
.summarytpbox .onetop .nright .wks .li .h{ font-size: 40px; font-weight: 600; color: #000; line-height: 1; margin-bottom: 8px;}
.summarytpbox .onetop .nright .wks .li .p{ font-size: 16px; line-height: 22px; color: hsla(0,0%,0%,0.50);}
.summarytpbox .onebot{ border-radius: 10px; background: linear-gradient( 180deg, #F7FAFF 0%, #ECF3FF 100%); padding: 20px 0;}
.summarytpbox .onebot .wks{ display: flex;}
.summarytpbox .onebot .wks .li{ width: calc(100% / 5); padding: 10px 0; position: relative;}
.summarytpbox .onebot .wks .li + .li::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #D8D8D8; opacity: 0.3;}
.summarytpbox .onebot .wks .li .vkr{ padding: 0 0 0 50px;}
.summarytpbox .onebot .wks .li .vkr .hx{ font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 35px;}
.summarytpbox .onebot .wks .li .vkr .cli + .cli{ margin-top: 45px;}
.summarytpbox .onebot .wks .li .vkr .cli .h{ font-size: 24px; font-weight: 600; line-height: 1;}
.summarytpbox .onebot .wks .li .vkr .cli .p{ font-size: 14px; line-height: 1; margin-top: 8px; color: hsla(0,0%,0%,0.50);}
.householdbox .wli + .wli{ margin-top: 16px;}
.householdbox .wli{ background: #fff; border-radius: 8px; padding: 16px 22px 20px 22px;}
.householdbox .wli .tit{ font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 15px;}
.householdbox .wli .el-descriptions th{ width: 155px; background: #F6F6F6;}
.householdbox .wli .img{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.householdbox .wli .img .li{ width: calc(100% / 4); display: flex; align-items: flex-start;}
.householdbox .wli .img .li .m{ width: 108px; height: 108px; border-radius: 4px; overflow: hidden; margin-right: 12px; background: #F0F0F0 url(../images/62.png) no-repeat center; background-size: 26px auto;}
.householdbox .wli .img .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.householdbox .wli .img .li .h{ font-size: 14px; line-height: 20px; font-weight: 600; margin-bottom: 2px;}
.householdbox .wli .img .li .p{ font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.50);}
.departmencontent .departmenmk .right .form .li .b.b3{ background: #67C23A; border-color: #67C23A; color: #fff;}
.tablemaxunll .el-table{ border: none;}
.tablemaxunll .el-table::after,
.tablemaxunll .el-table::before{ display: none;}
.tablemaxunll .el-table td{ border-right: none;}
.summarytptwobox{ width: 1430px;}
.summarytptwobox .topsum{ display: flex; justify-content: space-between;}
.summarytptwobox .topsum .oleft{ width: 415px; height: 150px; border-radius: 10px; background: url(../images/63.png) no-repeat center; background-size: cover;}
.summarytptwobox .topsum .oright{ width: 1000px; height: 150px; border-radius: 10px; background: url(../images/64.png) no-repeat center; background-size: cover;}
.summarytptwobox .topsum .oleft .vk{ display: flex; justify-content: space-between; padding: 42px 47px 0 55px;}
.summarytptwobox .topsum .h{ font-size: 40px; font-weight: 600; line-height: 56px; color: #fff;}
.summarytptwobox .topsum .p{ font-size: 16px; line-height: 22px; color: #fff; font-weight: 600;}
.summarytptwobox .topsum .oright .vk{ display: flex; padding: 42px 0 0 58px;}
.summarytptwobox .topsum .oright .vk .h{ color: #000;}
.summarytptwobox .topsum .oright .vk .p{ color: hsla(0,0%,0%,0.80);}
.summarytptwobox .topsum .oright .li + .li{ margin-left: 125px;}
.summarytptwobox .censum{ margin-bottom: 18px; display: flex; margin-top: 18px; padding: 30px 0; border-radius: 10px; background: linear-gradient( 180deg, #F7FAFF 0%, #ECF3FF 100%);}
.summarytptwobox .censum .li{ width: calc(100% / 5); position: relative;}
.summarytptwobox .censum .li + .li::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #D8D8D8;}
.summarytptwobox .censum .li .t{ font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 18px;}
.summarytptwobox .censum .li .min{ display: flex; justify-content: space-between;}
.summarytptwobox .censum .li .vk{ padding: 0 60px;}
.summarytptwobox .censum .li .h{ font-size: 24px; line-height: 28px; font-weight: 600;}
.summarytptwobox .censum .li .p{ font-size: 14px; line-height: 18px; color: hsla(0,0%,0%,0.80);}
.summarytptwobox .botnum{ display: flex; justify-content: space-between;}
.summarytptwobox .botnum .oleft{ width: 415px; border-radius: 10px; background: linear-gradient( 180deg, #F7FAFF 0%, #ECF3FF 100%); padding: 20px 0;}
.summarytptwobox .botnum .oleft .vk{ display: flex;}
.summarytptwobox .botnum .oleft .li{ width: 50%; position: relative;}
.summarytptwobox .botnum .oleft .li + .li::after{ content: ''; width: 1px; height: 100%; background: #D8D8D8; opacity: 0.3; position: absolute; top: 0; left: 0;}
.summarytptwobox .botnum .oleft .li .wk{ padding: 10px 0 10px 50px;}
.summarytptwobox .botnum .oleft .li .wk .tp .h{ font-size: 40px; font-weight: 600; line-height: 50px;}
.summarytptwobox .botnum .oleft .li .wk .tp .p{ font-size: 16px; line-height: 22px; font-weight: 600;}
.summarytptwobox .botnum .oleft .li .wk .tp{ margin-bottom: 35px;}
.summarytptwobox .botnum .oleft .li .wk .tb .h{ font-size: 24px; font-weight: 600; line-height: 34px;}
.summarytptwobox .botnum .oleft .li .wk .tb .p{ font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.50);}
.summarytptwobox .botnum .oright{ width: calc(100% - 428px); display: flex; justify-content: space-between;}
.summarytptwobox .botnum .oright .li{ width: calc((100% - 36px) / 4); border-radius: 10px; background: linear-gradient( 180deg, #F7FAFF 0%, #ECF3FF 100%);}
.summarytptwobox .botnum .oright .li .vk{ padding: 27px 0 27px 60px;}
.summarytptwobox .botnum .oright .li .t{ font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 15px;}
.summarytptwobox .botnum .oright .li .um + .um{ margin-top: 20px;} 
.summarytptwobox .botnum .oright .li .um .h{ font-size: 24px; line-height: 34px; font-weight: 600;}
.summarytptwobox .botnum .oright .li .um .p{ font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.50);}
.departmencontent .departmenmk .right .top .bs{ margin-right: 15px;}
.departmencontent .departmenmk .right .form .ps2{ position: relative; top: auto; right: auto;}

/* 2.12 */
.roastboxlist{ width: 100%; display: flex; justify-content: center;}
.roastboxlist .xleft{ width: 200px; border-radius: 10px; background: linear-gradient( 180deg, #77AAFF 0%, #3861FE 100%); position: relative;}
.roastboxlist .xcenter{ width: 600px; border-radius: 10px; background: url(../images/v2.png) no-repeat center bottom; background-size: cover; margin: 0 18px;}
.roastboxlist .xright{ width: 600px; border-radius: 10px; background: #F7FAFF;}
.roastboxlist .xcenter .mk{ padding: 30px;}
.roastboxlist .xcenter .min .wli{ display: flex; justify-content: space-between; align-items: center; padding: 22px 0;}
.roastboxlist .xcenter .min .wli + .wli{ border-top: 1px solid hsla(0,0%,59%,0.20);}
.roastboxlist .xcenter .tit{ font-size: 18px; line-height: 26px; font-weight: 600;}
.roastboxlist .xcenter .min .wli .h{ font-size: 24px; line-height: 1; font-weight: 600;}
.roastboxlist .xcenter .min .wli .p{ font-size: 14px; line-height: 1; color: hsla(0,0%,0%,0.50); margin-top: 8px;}
.roastboxlist .xcenter .min .li{ display: flex; align-items: center;}
.roastboxlist .xcenter .min .li .n{ font-size: 16px; color: #fff; background: #517EFE; width: 30px; height: 30px; margin: 0 15px; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.roastboxlist .xcenter .min .li .s{ font-size: 16px; font-weight: 600;}
.roastboxlist .xcenter .min .wli:first-child .n{ background: #F56C6C;}
.roastboxlist .xcenter .min .wli:nth-child(2) .n{ background: #E6A23C;}
.roastboxlist .xcenter .min .wli:nth-child(3) .n{ background: #67C23A;}
.roastboxlist .xcenter .min .li{ width: 100px;}
.roastboxlist .xcenter .min .li:first-child{ width: 210px;}
.roastboxlist .xcenter .min{ padding-top: 15px;}
.roastboxlist .xleft .mk{ padding: 50px 0 0 55px;}
.roastboxlist .xleft .mk .li + .li{ margin-top: 80px;}
.roastboxlist .xleft .mk .li .h{ font-weight: 600; line-height: 1; color: #fff; font-size: 40px;}
.roastboxlist .xleft .mk .li .p{ font-size: 16px; color: #fff; font-weight: 600; line-height: 1; margin-top: 8px;}
.roastboxlist .xleft .m{ position: absolute; left: 0; right: 0; bottom: 20px;}
.roastboxlist .xleft .m img{ display: block; width: 136px; margin: auto;}
.roastboxlist .xright .mk{ padding: 30px;}
.roastboxlist .xright .tit{ font-size: 18px; line-height: 26px; font-weight: 600;}
.roastboxlist .xright .nav{ display: flex; margin-top: 35px;}
.roastboxlist .xright .nav .li{ font-size: 16px; line-height: 22px; padding-bottom: 8px; position: relative; font-weight: 600; cursor: pointer;}
.roastboxlist .xright .nav .li + .li{ margin-left: 32px;}
.roastboxlist .xright .nav .li::after{ content: ''; width: 100%; height: 2px; background: #4F7BFE; position: absolute; left: 0; bottom: 0; opacity: 0;}
.roastboxlist .xright .nav .li.cur{ color: #4F7BFE}
.roastboxlist .xright .nav .li.cur::after{ opacity: 1;}
.roastboxlist .xright .form{ background: #fff; border-radius: 10px; padding: 20px 15px; margin-top: 12px;}
.roastboxlist .xright .form .sel input{ display: block; height: 34px;}
.roastboxlist .xright .form .sel .el-input{ display: block; width: 195px;}
.roastboxlist .xright .form .sel .el-input__icon{ line-height: 34px;}
.roastboxlist .xright .woot{ margin-top: 18px;}
.roastboxlist .xright .woot .tp{ padding: 0 10px; display: flex; justify-content: space-between; background: #E6EFFD; line-height: 40px; border-radius: 8px;}
.roastboxlist .xright .woot .tp .li{ font-size: 14px; color: #969696;}
.roastboxlist .xright .woot .tp .li:first-child,
.roastboxlist .xright .woot .tb .m:first-child{ width: 40px; text-align: center;}
.roastboxlist .xright .woot .tp .li:nth-child(2),
.roastboxlist .xright .woot .tb .m:nth-child(2){ width: calc(100% - 195px);}
.roastboxlist .xright .woot .tp .li:nth-child(3),
.roastboxlist .xright .woot .tb .m:nth-child(3){ width: 75px; text-align: center;}
.roastboxlist .xright .woot .tb .li{ display: flex; justify-content: space-between; padding: 15px 10px; border-bottom: 1px solid #E6EFFD;}
.roastboxlist .xright .woot .tb .li .m{ font-size: 14px; line-height: 20px; color: #494949;}
.roastboxlist .xright .woot .tb .li .m:first-child{ color: #C5C5C5;}
.roastboxlist .xright .woot .tb .li .m:nth-child(2){ color: #517EFE;}
.departmencontent .departmenmk .right table .tys{ display: flex; justify-content: center; align-items: center;}
.departmencontent .departmenmk .right table .tys i{ padding: 0 10px; line-height: 24px; border-radius: 20px; font-size: 14px;}
.departmencontent .departmenmk .right table .tys1 i{ color: #67C23A; border: 1px solid #9CD89D; background: #E2FFDA;}
.departmencontent .departmenmk .right table .tys2 i{ color: #409EFF; border: 1px solid #7DBDFF; background: #E1F0FF;}
.departmencontent .departmenmk .right table .tys3 i{ color: #E6A23C; border: 1px solid #E6A23C; background: #FFF7EB;}
.departmencontent .departmenmk .right table .tys4 i{ color: #F56C6C; border: 1px solid #F56C6C; background: #FFE3E3;}
.departmencontent .departmenmk .right table .tys5 i{ color: #C44FAC; border: 1px solid #D89CD5; background: #FFEFFF;}
.departmencontent .departmenmk .right table .tyh1{ color: #67C23A;}
.departmencontent .departmenmk .right table .tyh2{ color: #E6A23C;}
.departmencontent .departmenmk .right table .tyw{ color: #C9C9C9;}
.departmencontent .departmenmk .right table .tyv1{ color: #C8C8C8;}
.departmencontent .departmenmk .right table .tyv2{ color: #67C23A;}
.departmencontent .departmenmk .right table .tyv3{ color: #E6A23C;}
.departmencontent .departmenmk .right table .tyv4{ color: #F56C6C;}
.householdbox .wli .cli + .cli{ margin-top: 20px;}
.householdbox .wli .cli .imgv{ display: flex; flex-wrap: wrap; margin: -15px 0 0 0;}
.householdbox .wli .cli .imgv .m{ width: 130px; height: 130px; border-radius: 10px; margin: 15px 15px 0 0; overflow: hidden;}
.householdbox .wli .cli .imgv .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.householdbox .wli .cvt{ display: flex; margin: 0 0 15px 0;}
.householdbox .wli .cvt button.b{ display: flex; align-items: center; background: #3861FE; border-radius: 2px; font-size: 14px; color: #fff; height: 34px; padding: 0 15px; border: none; line-height: normal;}
.departmensoll{ overflow-y: auto; margin: 0; padding: 20px;}
.dialogVisible .dialogcontent .radicc{ display: flex; flex-wrap: wrap;}
.dialogVisible .dialogcontent .radicc .el-radio__input{ display: none;}
.dialogVisible .dialogcontent .radicc .el-radio__label{ border-radius: 2px; margin: 0; border: 1px solid #DBDBDB; line-height: 33px; padding: 0 20px; font-size: 14px; color: #7E7E7E; display: block; cursor: pointer;}
.dialogVisible .dialogcontent .radicc .is-checked .el-radio__label{ background: #EDF0FF; border-color: #3861FE; color: #3861FE;}
.dialogVisible .dialogcontent .radicc label{ margin-right: 10px;}
.dialogVisible .dialogcontent .cter textarea{ height: 200px;}
.dialogVisible .dialogcontent .radiww{ display: flex; justify-content: center;}
.dialogVisible .dialogcontent .radiww label{ display: block; width: calc(100% / 3); margin: 0;}
.dialogVisible .dialogcontent .radiww .el-radio__inner{ display: none;}
.dialogVisible .dialogcontent .radiww img{ display: block; width: 55px; margin: auto;}
.dialogVisible .dialogcontent .radiww .i{ margin-top: 15px; display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.50);}
.dialogVisible .dialogcontent .radiww .i i{ width: 14px; height: 14px; border-radius: 100%; display: block; margin-right: 5px; position: relative;}
.dialogVisible .dialogcontent .radiww .i i::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #BABABA; border-radius: 100%;}
.dialogVisible .dialogcontent .radiww .i i::before{ content: ''; width: 8px; height: 8px; background: #409EFF; border-radius: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; opacity: 0;}
.dialogVisible .dialogcontent .radiww .is-checked .i i::before{ opacity: 1;}
.dialogVisible .dialogcontent .radiww .is-checked .i i::after{ border: 2px solid #409EFF;}