@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');
}
*/
.color1{ color: #E7B160!important;}
.color2{ color: #60ACE7!important;}
.color3{ color: #E76060!important;}
.color4{ color: #60E770!important;}
.indexListBox{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 17px 9px 0 9px;}
.indexListBox .li{ width: calc(100% / 6 ); display: flex; box-sizing: border-box;}
.indexListBox .li .mk{ width: 100%; margin: 0 15px 40px 15px; background: #fff; border: 1px solid #E6E9ED; border-radius: 4px; transition: all 0.5s;}
.indexListBox .li .mk:hover{ box-shadow: 0 0 10px #E6E9ED;}
.indexListBox .li .top{ background: #E6E9ED; border-radius: 4px 4px 0 0; /*padding: 10px 10px 15px 10px;*/ padding: 12px 14px; position: relative;}
.indexListBox .li .top .vio{ margin-top: 10px; height: 20px; line-height: 20px;}
.indexListBox .li .top .vio .k{ font-size: 14px; color: #67C23A;}
.indexListBox .li .bot{ background: #fff; border-radius: 0 0 4px 4px; border-top: 1px solid #E6E9ED; /*padding: 20px 12px 12px 12px;*/ padding: 18px 15px 30px 15px; position: relative;}
.indexListBox .li .top .tit{ display: flex; justify-content: space-between; line-height: 20px;}
.indexListBox .li .top .tit .left{ display: flex;}
.indexListBox .li .top .tit .left .h{ font-size: 14px; /*color: #E6A23C;*/ color: #F56C6C; padding-left: 8px; position: relative; margin-right: 8px;}
.indexListBox .li .top .tit .left .h::after{ content: ''; width: 4px; height: 14px; border-radius: 2px; background: #F56C6C; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.indexListBox .li .top .tit .left .hx{ color: #409EFF;}
.indexListBox .li .top .tit .left .hx::after{ background: #409EFF;}
.indexListBox .li .top .tit .left .p{ font-size: 14px; color: #67C23A;}
.indexListBox .li .top .tit .right{ display: flex;}
.indexListBox .li .top .tit .right .p{ font-size: 14px; color: #67C23A; /*color: #C1C5CD; margin-left: 8px;*/}
.indexListBox .li .top .ps{ /*font-size: 16px; line-height: 24px; */ font-size: 18px; font-weight: bold; line-height: 28px; color: #535A68; height: 56px; margin-top: 26px; /*font-weight: bold;*/}
.indexListBox .li .top .ps{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/*.indexListBox .li .bot .tit{ display: flex; justify-content: space-between; line-height: 20px;}
.indexListBox .li .bot .tit .h{ font-size: 14px; color: #6E788B;}
.indexListBox .li .bot .tit .p{ font-size: 14px; color: #E4E6EA;}
.indexListBox .li .bot .ps{ margin-top: 6px; font-size: 14px; line-height: 20px; color: #C1C5CD;}
.indexListBox .li .bot .up{ position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: hsla(220,12%,91%,0.90); border-radius: 0 0 4px 4px; display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 20px; color: #6E788B; opacity: 0; transition: all 0.5s;}
.indexListBox .li:hover .bot .up{ opacity: 1;}*/
.indexListBox .li .top .up{  position: absolute; top: -1px; left: -1px; right: -1px; bottom: 0; background: hsla(219,12%,49%,0.90); border-radius: 4px 4px 0 0; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all 0.5s;}
.indexListBox .li .mk:hover .top .up{ opacity: 1;}
.indexListBox .li .top .up .mos{ display: block; width: 100px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; border-radius: 2px; text-align: center; border: 1px solid hsla(0,0%,100%,0.80); text-decoration: none; transition: all 0.5s; cursor: pointer;}
.indexListBox .li .top .up .mos:hover{ background: #fff; border-color: #fff; color: #666;}
.indexListBox .li .top .up .more{ position: absolute; top: 12px; right: 15px; width: 19px; height: 15px; cursor: pointer;}
.indexListBox .li .top .up .more .icon{ width: 19px; height: 16px;}
.indexListBox .li .top .up .more .icon i{ display: block; width: 100%; height: 2px; border-radius: 2px; background: #fff; position: absolute; left: 0; top: 0;}
.indexListBox .li .top .up .more .icon i:nth-child(2){ top: 50%; transform: translateY(-50%);}
.indexListBox .li .top .up .more .icon i:nth-child(3){ top: auto; bottom: 0;}
.indexListBox .li .top .up .more .down{ display: none; position: absolute; top: 0; right: -9px; padding-top: 28px; width: 100px;}
.indexListBox .li .top .up .more:hover .down{ display: block;}
.indexListBox .li .top .up .more .down .vv{ background: #fff; border-radius: 4px; padding: 5px 3px; position: relative;}
.indexListBox .li .top .up .more .down .vv .k{ font-size: 14px; line-height: 26px; padding: 0 0 0 10px; color: #6E788B; transition: all 0.5s; border-radius: 2px; cursor: pointer; position: relative; z-index: 5;}
.indexListBox .li .top .up .more .down .vv .k:hover{ background: #F6F7F8;}
.indexListBox .li .top .up .more .down .vv::after{ width: 10px; height: 10px; background: #fff; transform: rotate(45deg); position: absolute; top: -4px; right: 15px; content: '';}
.indexListBox .li .bot .img{ display: flex; justify-content: space-between;}
.indexListBox .li .bot .img .vli{ display: flex;}
.indexListBox .li .bot .img .vli .m{ width: 30px; height: 30px; border: 1px solid #fff; /*overflow: hidden;*/ border-radius: 100%; position: relative;}
.indexListBox .li .bot .img .vli .m i{ display: block; width: 30px; height: 30px; /*border: 1px solid #fff;*/ overflow: hidden; border-radius: 100%;}
.indexListBox .li .bot .img .vli .m .k{ display: none; white-space: nowrap; padding: 0 8px; border-radius: 2px; position: absolute; top: 36px; left: 0; color: #fff; font-size: 13px; line-height: 24px; background: #425E9F;}
.indexListBox .li .bot .img .vli .m:hover .k{ display: block;}
.indexListBox .li .bot .img .vli:nth-child(2) .m .k{ left: auto; right: 0;}
.indexListBox .li .bot .img .vli .m .k::after{ width: 6px; height: 6px; background: #425E9F; position: absolute; top: -3px; left: 12px; transform: rotate(45deg); content: '';}
.indexListBox .li .bot .img .vli:nth-child(2) .m .k::after{ right: 12px; left: auto;}
.indexListBox .li .bot .img .vli .m img{ display: block; width: 100%;}
.indexListBox .li .bot .img .vli:nth-child(2) .m{ margin-left: -7px;}
.indexListBox .li .bot .img .vli:first-child .m{ margin-right: -7px;}
.indexListBox .li .bot .tit{ margin-top: 16px;}
.indexListBox .li .bot .tit .h{ font-size: 14px; line-height: 20px; color: #E6A23C;}
.indexListBox .li .bot .ps{ padding-top: 24px;}
.indexListBox .li .bot .ps .p{ font-size: 14px; line-height: 20px; color: #8991A0; margin-top: 7px; opacity: 0.5;}
.indexListBox .li .bot .ps .p:first-child{ margin-top: 0; opacity: 1;}
.indexListBox .li .bot .up{ display: flex; justify-content: flex-end; margin-top: 10px;}
.indexListBox .li .bot .up .p{ font-size: 14px; line-height: 20px; margin-left: 8px; padding-left: 8px; color: #8991A0; position: relative; opacity: 0.6;}
.indexListBox .li .bot .up .p:first-child{ padding-left: 0; margin-left: 0;}
.indexListBox .li .bot .up .p::after{ content: ''; position: absolute; top: 3px; left: 0; height: 14px; width: 1px; background: #8991A0;}
.indexListBox .li .bot .up .p:first-child::after{ display: none;}
.leftnavbox{ width: 180px; position: fixed; top: 0; left: 0; bottom: 0; background: #FAFBFC; box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.04); z-index: 30;}
.rightcontent{ /*width: calc(100% - 220px);*/ position: fixed; top: 60px; left: 180px; right: 0; bottom: 0; /*transition: all 0.5s;*/ /*background: #FAFBFD;*/ overflow-y: auto;}
.rightcontent2{ left: 64px;}
.indexnavbox{ display: flex; justify-content: space-between; align-items: flex-start; background: #F8F8F8; border-bottom: 1px solid #E4E6EA; padding: 0 22px 9px 17px; /*min-height: 50px;*/}
.indexnavbox .left{ display: flex; justify-content: flex-start; /*padding-top: 9px;*/ flex-wrap: wrap;}
.indexnavbox .left .nav{ display: flex; justify-content: flex-start; padding-top: 9px;}
.indexnavbox .left .nav .li{ display: flex; margin-right: 8px; background: #fff; border-radius: 2px; border: 1px solid #E6E9ED; height: 30px; line-height: 30px; padding: 0 12px; cursor: pointer; transition: all 0.5s; position: relative;}
.indexnavbox .left .nav .li a{ display: block; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0;}
.indexnavbox .left .nav .li .h{ font-size: 14px; color: #6E788B; transition: all 0.5s;}
.indexnavbox .left .nav .li .p{ font-size: 14px; color: #C1C5CD; margin-left: 6px; transition: all 0.5s;}
.indexnavbox .left .nav .li:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.indexnavbox .left .nav .li:hover .h{ color: #2C313A;}
.indexnavbox .left .nav .li:hover .p{ color: #6E788B;}
.indexnavbox .left .nav .li i{display: block;min-width: 18px;line-height: 18px;background: #FF3434;font-size: 12px;color: #fff;text-align: center;border-radius: 100%;position: absolute;top: -7px;right: -7px;transform: scale(0.8);}
.indexnavbox .left .nav .li.on{ background: #6E788B; border-color: #6E788B;}
.indexnavbox .left .nav .li.on .h{ color: #fff;}
.indexnavbox .left .nav .li.on .p{ color: #fff;}
.indexnavbox .left .nav .li.cur{ background: #6E788B; border-color: #6E788B;}
.indexnavbox .left .nav .li.cur .h{ color: #fff;}
.indexnavbox .left .nav .li.cur .p{ color: #fff;}
.indexnavbox .left .time{ display: flex; justify-content: flex-start; /*padding-top: 9px;*/}
.indexnavbox .left .time .el-icon-arrow-up:before{ content: "\e78f";}
.indexnavbox .left .time .li{ margin-right: 8px; display: flex; background: #fff; border-radius: 2px; line-height: 30px; /*height: 30px;*/ /*padding: 0 0 0 12px;*/ border: 1px solid #E6E9ED;}
.indexnavbox .left .time .li .h{ font-size: 14px; color: #C1C5CD;}
.indexnavbox .left .time .el-input__inner{ background: hsla(0,0%,100%,0.00); border: none; /*padding: 0 20px 0 12px;*/ width: 140px; font-size: 14px; color: #6E788B; height: 32px;}
.indexnavbox .left .time .el-input__icon{ line-height: 30px; /*margin-right: -10px;*/}
.indexnavbox .right{ display: flex; align-items: center; padding: 9px 0 0 0;}
.indexnavbox .right .p{ font-size: 14px; color: #6E788B; line-height: 32px;}
.indexnavbox .right .sole{ color: #6E788B; font-size: 20px; cursor: pointer; margin-left: 22px; margin-bottom: 0!important; line-height: 32px!important;}
.indexnavbox .left .time .sub{ display: block; background: #fff; border-radius: 2px; line-height: 34px; height: 34px; padding: 0 15px; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B; cursor: pointer;}
.indexpage{ display: flex; justify-content: flex-end; padding: 0 18px;}
.indexpage .el-pager li{ min-width: 30px; height: 30px; padding: 0 5px; font-weight: normal; margin-left: 7px; line-height: 30px; background: #D3D5DD; border-radius: 2px; font-size: 14px; color: #fff;}
.indexpage .el-pager li:first-child{ margin-left: 0;}
.indexpage .el-pagination .btn-next, .indexpage .el-pagination .btn-prev{ min-width: 30px; height: 30px; padding: 0 5px; line-height: 30px; background: #6E788B; color: #fff; border-radius: 2px; font-size: 14px; margin: 0 10px;}
.indexpage .el-pager li.active{ background: #6E788B;}
.indexpage .el-pagination__total{ margin: 0 0 0 10px; font-size: 14px; color: #6E788B;}
.indexformver .formtop{ display: flex; background: #F6F7F8; border-bottom: 1px solid #E4E6EA;}
.indexformver .formtop .em{ font-size: 14px; line-height: 20px; color: #6E788B; padding: 12px 0;}
.indexformver .formtop .li:first-child, .indexformver .formbot .wli .tp .li:first-child{ width: 50px; margin-right: 30px; text-align: center;}
.indexformver .formtop .li:nth-child(2), .indexformver .formbot .wli .tp .li:nth-child(2){ width: 120px;}
.indexformver .formtop .li:nth-child(3), .indexformver .formbot .wli .tp .li:nth-child(3){ width: 185px;}
.indexformver .formtop .li:nth-child(4), .indexformver .formbot .wli .tp .li:nth-child(4){ width: 220px;}
.indexformver .formtop .li:nth-child(5), .indexformver .formbot .wli .tp .li:nth-child(5){ width: calc(100% - 80px - 120px - 440px - 185px - 50px - 220px);}
.indexformver .formtop .li:nth-child(6), .indexformver .formbot .wli .tp .li:nth-child(6){ width: 220px;}
.indexformver .formtop .li:nth-child(7), .indexformver .formbot .wli .tp .li:nth-child(7){ width: 220px;}
.indexformver .formtop .li:last-child, .indexformver .formbot .wli .tp .li:last-child{ width: 50px; text-align: center;}
.indexformver .formbot .wli .tp{ display: flex;}
.indexformver .formbot .wli .tp .em{ padding: 12px 10px 12px 0; font-size: 14px; color: #8991A0;}
.indexformver .formbot .wli{ border-bottom: 1px solid #E4E6EA;}
.indexformver .formbot .wli .more{ margin: 10px auto; width: 32px; position: relative; cursor: pointer;}
.indexformver .formbot .wli .more .m{ width: 32px; height: 24px; background: url(../images/24.png) no-repeat center; background-size: 18px auto; border-radius: 2px; transition: all 0.5s;}
.indexformver .formbot .wli .more:hover .m{ background: #6E788B url(../images/24s.png) no-repeat center; background-size: 18px auto;}
.indexformver .formbot .wli .more .str{ display: none; position: absolute; top: 0; right: 0; width: 70px; padding-top: 35px;}
.indexformver .formbot .wli .more:hover .str{ display: block;}
.indexformver .formbot .wli .more .str .mk{ background: #6E788B; padding: 5px; border-radius: 2px; position: relative;}
.indexformver .formbot .wli .more .str .mk::after{ content: ''; width: 10px; height: 10px; border-radius: 2px; background: #6E788B; position: absolute; right: 12px; top: -4px; transform: rotate(45deg);}
.indexformver .formbot .wli .more .str .mk button{ display: block; width: 100%; height: 26px; border: none; font-size: 14px; border-radius: 2px; padding: 0 6px; text-align: left; color: #fff; background: hsla(0,0%,100%,0.00); cursor: pointer; transition: all 0.5s; position: relative; z-index: 5;}
.indexformver .formbot .wli .more .str .mk button:hover{ background: hsla(210,12%,97%,0.20);}
button{ font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif!important;}
.indexformver .formbot .wli .tb{ padding: 0 200px 22px 200px; display: none;}
.indexformver .formbot .wli .vtb{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexformver .formbot .wli .tb .li{ width: 49%; display: flex; line-height: 20px; margin-top: 10px;}
.indexformver .formbot .wli .tb .li .p{ font-size: 14px; color: #535A68;}
.indexformver .formbot .wli .tb .li .p:first-child{ opacity: 0.5; margin-right: 20px;}
.indexformver .formbot .wli .tb .li .p:nth-child(2){ color: #535A68;}
.indexformver{ padding: 15px 18px;}
/* 顶部导航 */
.rightopnavbox{ background: #fff; position: fixed; top: 0; left: 180px; right: 0; border-bottom: 1px solid #E4E6EA; display: flex; justify-content: space-between; align-items: center; z-index: 10; height: 60px; padding: 0 14px 0 16px; /*transition: all 0.5s;*/}
.rightopnavbox .more{ display: flex;}
.rightopnavbox .more .a2{ display: block; padding: 0 24px; height: 36px; line-height: 36px; border-radius: 2px; border: none; font-size: 14px; color: #fff; text-decoration: none; background: #6E788B; margin-left: 12px;}
.rightopnavbox .more .a1{ display: flex; justify-content: center; font-size: 14px; color: #898b8f; padding: 0 12px 0 8px; height: 34px; line-height: 34px; border: 1px solid #898b8f; border-radius: 2px; text-decoration: none;}
.rightopnavbox .more .a3{ display: block; font-size: 14px; color: #6E788B; padding: 0 24px; height: 34px; line-height: 34px; border: 1px solid #E4E6EA; border-radius: 2px; text-decoration: none; margin-left: 12px; position: relative;}
.rightopnavbox .more .a3 i{ position: absolute; top: 1px; right: 1px; display: block; font-size: 12px; background: #FF3434; border-radius: 100%; line-height: 16px; min-width: 16px; text-align: center; color: #fff; font-weight: normal; font-style: normal; transform: scale(0.8);}
.rightopnavbox .more .a1 i{ display: block; font-size: 24px; color: #898b8f; line-height: 34px; margin-right: 5px;}
.rightopnavbox .more .a1 .el-icon-info:before{ font-size: 20px; margin-right: 10px;}
.rightopnavbox .title{ display: flex; align-items: center;}
.rightopnavbox .title .solean{ width: 18px; height: 18px; background: url(../images/1.png) no-repeat center; background-size: 100% auto; cursor: pointer;}
.rightopnavbox .title .solean2{ transform: rotate(180deg);}
.rightopnavbox .title .h1{ font-size: 20px; font-weight: bold; line-height: 30px; color: #2C313A; padding-right: 15px; margin-right: 20px; position: relative; margin-left: 26px;}
.rightopnavbox .title .h1::after{ content: ''; width: 1px; height: 20px; background: #E6E9ED; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.rightopnavbox .title .nav{ display: flex;}
.rightopnavbox .title .nav .li{ font-size: 18px; color: #6E788B; cursor: pointer; margin-right: 28px; line-height: 30px; position: relative; transition: all 0.5s;}
.rightopnavbox .title .nav .li::after{ transition: all 0.5s; width: 0; height: 2px; background: #425E9F; position: absolute; left: 50%; transform: translateX(-50%); bottom: -4px; content: ''; opacity: 0;}
.rightopnavbox .title .nav .li.on::after{ opacity: 1; width: 100%;}
.rightopnavbox .title .nav .li:hover{ color: #2C313A;}
.rightopnavbox .title .nav .li.on{ font-weight: bold; color: #2C313A;}
/*  */
.rightopnavbox2{ left: 64px;}
/* 测导航 */
.leftnavbox .minebox{ /*width: 190px; margin-left: 14px;*/ padding: 0 14px; position: absolute; top: 95px; left: 0; right: 0; bottom: 10px; transition: all 0.5s;}
.leftnavbox .minebox .nav .wli{ margin-top: 25px;}
.leftnavbox .minebox .nav .wli:first-child{ margin-top: 0;}
.leftnavbox .minebox .nav .wli .h1{ font-size: 12px; line-height: 18px; color: #C1C5CD; margin-bottom: 8px;}
.leftnavbox .minebox .nav .wli .li a{ display: flex; align-items: center; text-decoration: none; padding: 10px 12px; line-height: 20px; border-radius: 4px; font-size: 15px; color: #6E788B; font-weight: bold; transition: all 0.5s; position: relative;}
.leftnavbox .minebox .nav .wli .li a::after{ content: ''; width: 3px; height: 0px; background: #425E9F; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.5s;}
.leftnavbox .minebox .nav .wli .li.on a::after{ opacity: 1; height: 22px;}
.leftnavbox .minebox .nav .wli .li:hover a{ background: hsla(214,16%,92%,0.20);}
.leftnavbox .minebox .nav .wli .li.on a{ background: #E6E9ED;}
.leftnavbox .minebox .nav .wli .li a i{ /*font-size: 20px; color: #6E788B; width: 30px; font-weight: normal; display: block;*/ width: 20px; height: 20px; position: relative; margin-right: 10px; display: flex; justify-content: center; align-items: center;}
.leftnavbox .minebox .nav .wli .li a i img{ display: block; max-width: 100%; max-height: 100%;}
.leftnavbox .minebox .nav .wli .li em{ font-size: 12px; background: #FF3434; border-radius: 100%; line-height: 16px; min-width: 16px; text-align: center; color: #fff; font-weight: normal; font-style: normal; margin: -10px 0 0 3px;padding:3px 3px;}
.leftnavbox .minebox .nav .wli .li{ margin-top: 5px;}
.leftnavbox .minebox .nav .wli .li:first-child{ margin-top: 0}
.leftnavbox .mineTop{ padding: 7px; position: relative; z-index: 5;}
.leftnavbox .mineTop .lefs{ border-radius: 4px; display: flex; justify-content: space-between; align-items: flex-start; position: relative; z-index: 5; padding: 10px; transition: all 0.5s;}
.leftnavbox .mineTop:hover .lefs{ box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.06); background: #fff; cursor: pointer;}
.leftnavbox .mineTop .lefs .img{ width: 38px; height: 38px; border-radius: 20px; background: #fff; box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.08); /*background: url(../images/2.jpg) no-repeat center;*/ background-size: cover; overflow: hidden;}
.leftnavbox .mineTop .lefs .img img{ display: block; width: 100%; border-radius: 100%;}
.leftnavbox .mineTop .lefs .ter{ width: calc(100% - 50px); overflow: hidden;}
.leftnavbox .mineTop .lefs .ter .h1{ white-space: nowrap; font-size: 20px; font-weight: bold; color: #313844; line-height: 28px; margin-top: 3px; display: flex; justify-content: space-between;}
.leftnavbox .mineTop .lefs .ter .h1 i{ font-weight: normal; font-size: 12px; color: #000; cursor: pointer; width: 8px; /*height: 100%;*/ background: url(../images/6.png) no-repeat center; background-size: 100% auto;}
.leftnavbox .mineTop .lefs .ter .p{ display: flex; margin-top: 2px;}
.leftnavbox .mineTop .lefs .ter .p i{ white-space: nowrap; font-style: normal; background: #E7EEFF; border-image: 2px; padding: 0 6px; font-size: 12px; color: #5077D2; line-height: 20px;}
.leftnavbox .mineTop .list{ position: absolute; top: -2000px; left: 180px; padding-left: 4px;} 
.leftnavbox .mineTop .list2{ top: 7px;}
.leftnavbox .mineTop .list .mk{background: #fff; border-radius: 4px; width: 170px; padding: 10px; box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.06);}

.leftnavbox .mineTop .list .more a{ display: flex; justify-content: space-between; line-height: 32px; padding: 0 10px; margin: 5px 4px 0 4px; color: #6E788B; text-decoration: none; transition: all 0.5s; border-radius: 4px; font-size: 14px; transform: translateY(20px);}
.leftnavbox .mineTop .list .more a:nth-child(2){ transition: all 0.7s;}
.leftnavbox .mineTop .list .more a:nth-child(3){ transition: all 0.9s;}
.leftnavbox .mineTop .list .more a:nth-child(4){ transition: all 0.11s;}
.leftnavbox .mineTop .list .more a:nth-child(5){ transition: all 0.13s;}
.leftnavbox .mineTop .list2 .more a{ transform: translateY(0);}
.leftnavbox .mineTop .list .more a:hover{ background: #F4F5F6;}
.leftnavbox .mineTop .list .more a i{ font-size: 10px; color: #A8ABB2; opacity: 0; margin-right: 10px; transition: all 0.5s;}
.leftnavbox .mineTop .list .more a:hover i{ opacity: 1; margin-right: 0;}
.leftnavbox .mineTop .list .more a:first-child{ margin: 0 4px;}
.leftnavbox .mineTop .list .mk{ border-top: 1px solid #F8F8F8; padding-top: 10px;}
.leftnavbox .bot{ position: absolute; left: 0; bottom: 0; right: 0; padding: 14px 24px;}
.leftnavbox .bot .p{ font-size: 14px; line-height: 20px; color: #E6E9ED; margin-top: 3px;}
.leftnavbox .minebox .nav .wli .li{ transition: all 0.5s;}
.leftnavbox .mineTop .list .tp{ display: none;}
.leftnavbox .minebox .nav .wli .li a .v{ white-space: nowrap;}
/*  */
.leftnavbox2{ width: 64px;}
.leftnavbox2 .minebox{ padding: 0; top: 80px;}
.leftnavbox2 .minebox .nav .wli .li a{ padding: 10px 0; margin: 0 10px; justify-content: center; overflow: hidden; transition: all 0.5s; border-radius: 4px;}
.leftnavbox2 .minebox .nav .wli .li:hover a{ overflow: unset; background: #E6E9ED;}
.leftnavbox2 .minebox .nav .wli .li a::after{ display: none;}
.leftnavbox2 .minebox .nav .wli .li a .v{ line-height: 30px; font-size: 14px; color: #fff; font-weight: normal; background: #6E788B; border-radius: 4px; position: absolute; left: 60px; top: 50%; transform: translateY(-50%); padding: 0 10px; white-space: nowrap; opacity: 0;}
.leftnavbox2 .minebox .nav .wli .li a .v::after{ width: 10px; height: 10px; background: #6E788B; border-radius: 2px; content: ''; position: absolute; left: -3px; top: 50%; transform: translateY(-50%) rotate(45deg);}
.leftnavbox2 .minebox .nav .wli .li:hover a .v{ opacity: 1; left: 50px; transition: all 0.5s;}
.leftnavbox2 .minebox .nav .wli .li em{ position: absolute; top: 0; right: 0; margin: 0;}
.leftnavbox2 .minebox .nav .wli .li a i{ margin-right: 0;}
.leftnavbox2 .bot{ display: none;}
.leftnavbox2 .mineTop .lefs .ter{ display: none;}
.leftnavbox2 .minebox .nav .wli .h1{ text-align: center;}
.leftnavbox2 .minebox .nav .wli .li{ margin-top: 2px;}
.leftnavbox2 .mineTop .lefs{ padding: 10px 0;}
.leftnavbox2 .mineTop{ padding: 7px 0;}
.leftnavbox2 .mineTop .lefs{ justify-content: center;}
.leftnavbox2 .mineTop:hover .lefs{ background: hsla(0,0%,100%,0.00)!important; box-shadow: 0 0 0 #fff;}
.leftnavbox2 .mineTop .list{ left: 64px;}
.leftnavbox2 .mineTop .list .tp{ display: flex; justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E6E9ED;}
.leftnavbox2 .mineTop .list .tp .m{ width: 38px; height: 38px; border-radius: 20px; background: #fff; box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.08);}
.leftnavbox2 .mineTop .list .tp .ts{ width: calc(100% - 50px);}
.leftnavbox2 .mineTop .list .tp .ts .h1{ font-size: 20px; font-weight: bold; color: #313844; line-height: 28px; margin-top: 3px; display: flex; justify-content: space-between;}
.leftnavbox2 .mineTop .list .tp .ts .p{ display: flex; margin-top: 2px;}
.leftnavbox2 .mineTop .list .tp .ts .p i{ font-style: normal; background: #E7EEFF; border-image: 2px; padding: 0 6px; font-size: 12px; color: #5077D2; line-height: 20px;}
/* 新建案件 */
.newlaw{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 60; transition: all 0.5s; /*display: none;*/}
.lawunmclass .newlaw{ display: block;}
.newlaw .left{ width: 250px; background: #F6F7F8; border-right: 1px solid #D8D8D8; position: absolute; top: 0; left: 0; bottom: 0;}
.newlaw .left .mk{ padding: 27px 16px;}
.newlaw .left .mk .ht{ font-size: 28px; line-height: 40px; font-weight: bold; color: #111317; text-align: right;}
.newlaw .left .mk .min{ margin-top: 40px;}
.newlaw .left .mk .min .li{ padding: 20px; margin-top: 6px; border-radius: 4px; text-align: right; cursor: pointer;}
.newlaw .left .mk .min .li:first-child{ margin-top: 0;}
.newlaw .left .mk .min .li .p{ font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.20); font-weight: bold;}
.newlaw .left .mk .min .li .h{ font-size: 16px; line-height: 22px; color: #6E788B; font-weight: bold;} 
.newlaw .left .mk .min .li.on{ background: #E6E9ED;}
.newlaw .left .mk .min .li.on .p,
.newlaw .left .mk .min .li.on .h{ color: #000;}
.newlaw .top{ display: flex; position: fixed; top: 27px; right: 22px;}
.newlaw .top button{ display: block; margin-left: 10px; background: #6E788B; padding: 0 15px; height: 36px; width: auto; font-size: 14px; color: #fff; border: none; cursor: pointer; border-radius: 2px;}
.newlaw .right{ position: fixed; top: 86px; left: 250px; right: 0; bottom: 10px; padding: 0 0 0 60px; overflow-y: auto;}
.newlaw .right .tp .m{ font-size: 18px; line-height: 25px; color: #49505D;}
.newlaw .right .tp .h{ font-size: 28px; line-height: 40px; font-weight: bold;}
.newlaw .right .tp .p{ font-size: 14px; line-height: 20px; margin-top: 5px; color: #F56C6C;}
.newlaw .right .list{ width: 1260px; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 24px;}
.newlaw .right .list .cli{ width: 550px; margin: 0 80px 40px 0;}
.newlaw .right .list .cli .h{ border-bottom: 1px solid #E6E9ED; font-size: 16px; line-height: 20px; font-weight: bold; padding-bottom: 6px; color: #49505D; display: flex; margin-bottom: 15px;}
.newlaw .right .list .cli .h div{ font-size: 14px; color: #F56C6C; margin-left: 6px; margin-right: 10px;}
.newlaw .right .list .cli .vker{ margin-top: 12px; border-radius: 2px; padding: 10px 15px; background: #FAFBFD; border: 1px solid #E6E9ED;}
.newlaw .right .list .cli .vker:first-child{ margin-top: 0;}
.newlaw .right .list .cli .vker .li{ display: flex; justify-content: space-between;}
.newlaw .right .list .cli .vker .li .vp{ display: flex; line-height: 20px;}
.newlaw .right .list .cli .vker .li .vp .s{ font-size: 14px; color: #C1C5CD; margin-right: 14px;}
.newlaw .right .list .cli .vker .li .vp .p{ font-size: 14px; color: #2C313A;}
.newlaw .right .list .cli .vker .mli{ padding-top: 5px;}
.newlaw .right .list .cli .vker .mli .li{ margin-top: 5px;}
.newlaw .right .list .cli .vker .li .bt{ display: flex;}
.newlaw .right .list .cli .vker .li .bt button{ display: block; width: auto; height: 20px; font-size: 14px; border-radius: 0; border: none; background: hsla(0,0%,100%,0.00); color: #909399; cursor: pointer;}
.newlaw .right .list .cli .vker .li .bt span button{  margin-left: 10px;}
.newlaw .right .list .cli .add{ cursor: pointer; width: 80px; height: 32px; display: flex; justify-content: center; line-height: 32px; margin-top: 12px; border: 1px solid #E6E9ED; border-radius: 2px;}
.newlaw .right .list .cli .add i{ font-size: 14px; color: #6E788B; padding-left: 26px; background: url(../images/7.png) no-repeat left center; background-size: 17px auto; font-style: normal;}
.newlaw .right .list .cli .unll{ font-size: 14px; line-height: 20px; color: #C1C5CD; padding-top: 5px;}
.newlaw .right .boot{ margin-top: 50px; padding-top: 24px; border-top: 1px solid #E6E9ED; width: 1180px}
.newlaw .right .boot .cp{ display: flex;}
.newlaw .right .boot .cp button{margin-left: 12px;}
.newlaw .right .boot .cp button.step{margin-left: 12px; cursor: pointer;display: block; width: auto; padding: 0 20px; border-radius: 2px; height: 36px; line-height: 36px; border: none; background: #6E788B; font-size: 14px; color: #fff;}
.newlaw .right .boot .cp button:first-child{ margin-left: 0;}
.newlaw .right .boot .cp button i{ display: block; font-size: 14px; font-style: normal; padding-left: 28px; background: url(../images/8.png) no-repeat left center; background-size: 22px auto;}
.newlaw .right .boot .cp button.v{ background: #FAFBFD; color: #858585; border: 1px solid #E6E9ED;cursor:not-allowed;}
.newlaw .right .boot .vdr{ background: #FAFBFD; border-radius: 4px; margin-top: 30px; padding: 15px 35px;}
.newlaw .right .boot .vdr .li{ display: flex; margin-top: 6px;}
.newlaw .right .boot .vdr .li:first-child{ margin-top: 0;}
.newlaw .right .boot .vdr .li .k{ font-size: 16px; line-height: 22px; color: #6E788B; margin-left: 20px;}
.newlaw .right .boot .vdr .li .k:first-child{ margin-left: 0;white-space: nowrap;}
.newlaw .right .boot .vdr .li .k2{ color: #67C23A;font-size: 14px;}
.newlaw .right .boot .vdr .li .k3{ color: #FF0000;font-size: 14px;}
.newlaw .right .typebox{ margin-top: 26px; width: 1180px;}
.newlaw .right .typebox .radiobox .li{ padding-top: 2px; display: flex; justify-content: space-between; align-items: flex-start;}
.newlaw .right .typebox .radiobox .li:first-child{ margin-top: 0;}
.newlaw .right .typebox .radiobox .li .sh{ font-size: 16px; width: 70px; line-height: 34px; text-align: right; color: #49505D; margin-top: 10px;}
.newlaw .right .typebox .radiobox .li .vfs{ width: calc(100% - 80px); display: flex; justify-content: flex-start; flex-wrap: wrap;}
.newlaw .right .typebox .radiobox .li .vfs label{ line-height: 32px; display: block; border: 1px solid #E4E6EA; margin: 10px 10px 0 0; background: #fff; border-radius: 2px; padding: 0 18px;}
.newlaw .right .typebox .radiobox .li .vfs label .el-radio__input{ display: none;}
.newlaw .right .typebox .radiobox .li .vfs label .el-radio__label{ padding: 0;}
.newlaw .right .typebox .radiobox .li .vfs label.is-checked{ background: #6E788B; border-color: #6E788B; color: #fff;}
.newlaw .right .typebox .radiobox .li .vfs label.is-checked .el-radio__label{ color: #fff;}
.newlaw .right .typebox .radiobox .li .vfs label:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.newlaw .right .typebox .radiobox .li .vfs label:hover .el-radio__label{ color: #49505D;}
.newlaw .right .typebox .radionxuan{ padding: 18px 22px 40px 22px; border-top: 1px solid #E6E9ED; margin-top: 24px;}
.newlaw .right .typebox .radionxuan .h{ font-size: 16px; line-height: 22px; color: #49505D; font-weight: bold;}
.newlaw .right .typebox .radionxuan .p{ font-size: 14px; line-height: 20px; margin-top: 8px; color: #F56C6C;}
.newlaw .right .typebox .radionxuan .tts .li{ margin-top: 12px; display: flex;}
.newlaw .right .typebox .radionxuan .tts .li .el-select{ margin-right: 12px;}
.newlaw .right .typebox .radionxuan .tts .li .el-select .el-input__inner{ width: 300px; border-color: #E4E6EA; border-radius: 2px; height: 34px; line-height: 34px;}
.newlaw .right .typebox .radionxuan .tts .li .el-input__icon{ line-height: 34px;}
.newlaw .right .typebox .radionxuan .tts .li button{ background: #6E788B; height: 34px; border: 1px solid #6E788B; padding: 0 10px; border-radius: 2px; font-size: 14px; color: #fff; cursor: pointer;}
.newlaw .right .typebox .radionxuan .add{ width: 110px; height: 32px; line-height: 32px; cursor: pointer; display: flex; justify-content: center; margin-top: 17px; border: 1px solid #E6E9ED; border-radius: 2px;}
.newlaw .right .typebox .radionxuan .add i{ font-style: normal; padding-left: 25px; font-size: 14px; color: #6E788B; background: url(../images/9.png) no-repeat left center; background-size: 13px auto;}
.newlaw .right .typebox .radiozhu{ background: #FAFBFD; border-radius: 4px; padding: 20px 80px;}
.newlaw .right .typebox .radiozhu .h{ font-size: 16px; line-height: 22px; color: #49505D;}
.newlaw .right .typebox .radiozhu .p{ font-size: 18px; line-height: 25px; color: #67C23A; margin-top: 10px;}
.typemore{ display: flex; padding: 24px 0 0 0; margin-top: 30px; border-top: 1px solid #E6E9ED;margin-bottom: 20px; }
.typemore button{ /*width: 80px;*/ height: 36px; background: #6E788B; border: none; border-radius: 2px; font-size: 14px; color: #fff; margin-left: 10px; cursor: pointer; padding: 0 20px;}
.typemore button:first-child{ margin-left: 0;}
.typebox .typeform .gli{ margin-top: 24px; padding-top: 24px; border-top: 1px solid #E6E9ED; display: flex; justify-content: space-between; flex-wrap: wrap;}
.typebox .typeform .gli:first-child{ margin-top: 0; padding-top: 0; border: none;}
.typebox .typeform .gli .li{ /*display: flex; justify-content: space-between;*/ margin-top: 20px; width: 100%;}
/*.typebox .typeform .gli .li .h{ width: 75px; display: flex; justify-content: flex-end; line-height: 36px; font-size: 14px; color: #6E788B;}
.typebox .typeform .gli .li .h .i{ color: #F56C6C; margin-right: 5px;}*/
/*.typebox .typeform .gli .li .mk{ width: calc(100% - 95px);}*/
.typebox .typeform .gli .el-form-item{ margin: 0;}
.typebox .typeform .gli .li .el-radio__label,
.typebox .typeform .gli .li .el-checkbox__label{ padding-left: 6px; line-height: 36px;}
.typebox .typeform .gli .li .ter{ display: flex; line-height: 36px;}
.typebox .typeform .gli .li .ter .p{ font-size: 14px; color: #67C23A; margin-right: 12px;}
.typebox .typeform .gli .li .ter a{ font-size: 14px; color: #4384FF; text-decoration: underline;}
.typebox .typeform .gli .li2{ width: 45%;}
.typebox .typeform .gli .li .el-input__inner{ height: 36px; line-height: 36px; border-radius: 2px; padding: 0 10px;}
.typebox .typeform .gli .li .el-date-editor.el-input, 
.typebox .typeform .gli .li .el-date-editor.el-input__inner{ width: 100%;}
.typebox .typeform .gli .li .el-input__icon{ line-height: 36px;}
.typebox .typeform .gli .li .el-input--prefix .el-input__inner{ padding: 0 30px;}
.typebox .typeform .gli .li3 .h{ width: 100px;}
/*.typebox .typeform .gli .li3 .mk{ width: calc(100% - 115px);}*/
.typebox .typeform .gli .li2 .mk .inp{ width: 380px;}
.typebox .typeform .gli .li2 .mk2{ display: flex;}
.typebox .typeform .gli .li2 .sel{ width: 80px; margin-right: 12px;}
.typebox .typeform .gli .li2 .mk2 .inp{ width: 288px;} 
.typebox .typeform .gli .li2 .mk .t{ font-size: 14px; color: #49505D; opacity: 0.5; white-space: nowrap; line-height: 36px;}
.typebox .typeform .gli .li3{ width: 620px;}
.typebox .typeform .gli .li4 .el-form-item__content{ display: flex;}
.typebox .typeform .gli .li .vdr{ display: flex;}
.typebox .typeform .gli .li .vdr .el-select{ width: 224px; margin-right: 30px;}
.typebox .typeform .gli .li .buut{ display: flex;}
.typebox .typeform .gli .li .buut .ad{ width: 80px; height: 36px; border: 1px solid #E6E9ED; border-radius: 2px; display: flex; justify-content: center; line-height: 34px; margin-right: 6px; background: #fff; cursor: pointer;}
.typebox .typeform .gli .li .buut .ad i{ display: block; font-style: normal; font-size: 14px; color: #6E788B; padding-left: 25px; background: url(../images/7.png) no-repeat left center; background-size: 18px auto; line-height: 32px;}
.typebox .typeform .gli .li .buut .ico{ display: flex;}
.typebox .typeform .gli .li .buut .ico .v{ background: #E6E9ED; border-radius: 2px; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #CBD3E1; line-height: 34px; margin-right: 4px; cursor: pointer;}
.typebox .typeform .gli .li .buut .ico .v div{ font-size: 14px; margin-right: 20px;}
.typebox .typeform .gli .li .buut .ico .v i{ width: 12px; height: 12px; position: relative; transition: all 0.5s;}
.typebox .typeform .gli .li .buut .ico .v i::after,
.typebox .typeform .gli .li .buut .ico .v i::before{ width: 100%; height: 1px; background: #000; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); cursor: pointer; opacity: 0.5;}
.typebox .typeform .gli .li .buut .ico .v i::before{ transform: translate(-50%,-50%) rotate(-45deg);}
.typebox .typeform .gli .li .buut .ico .v i:hover{ transform: rotate(180deg);}
.typebox .typeform .gli .li .ps{ font-size: 14px; line-height: 20px; color: #F56C6C; margin-top: 10px;}
.typebox .typeform .gli .rad2{ display: flex; justify-content: flex-start;}
.typebox .typeform .gli .li4{ width: 100%;}
.typebox .typeform .gli .li .gr1{ margin-right: 35px;}
.typebox .typeform .gli .li4 .h{ width: 120px;}
.typebox .typeform .gli .li4 .mk{ width: calc(100% - 135px);}
.typebox .typeform .gli .li .cv{ width: 16px; height: 40px; background: url(../images/10.png) no-repeat center; background-size: 100% auto; position: relative; cursor: pointer; margin: 0 8px 0 0; z-index: 5;}
.typebox .typeform .gli .li .cv .a{ display: none; padding: 5px 8px; font-size: 14px; line-height: 20px; border-radius: 2px; background: #fff; border: 1px solid #E4E6EA; position: absolute; top: 0; left: 25px; white-space: nowrap; box-shadow: 0 0 10px #eee;}
.typebox .typeform .gli .li .cv:hover .a{ display: block;}
.typebox .typeform .gli .li .cv .a::after{ width: 10px; height: 10px; background: #E4E6EA; position: absolute; top: 50%; left: -5px; transform: translateY(-50%) rotate(45deg); content: ''; z-index: -1;}
.typescuues .ali{padding-top: 20px;}
.typescuues .ali:first-child{ margin-top: 0; padding-top: 0;}
.typescuues .ali .hr{ font-size: 16px; line-height: 22px; padding-bottom: 7px; color: #49505D; border-bottom: 1px solid #E6E9ED; margin-bottom: 2px;}
.typescuues .ali .gs{ font-size: 14px; line-height: 20px; color: #49505D; padding-top: 10px;}
.typescuues .ali .eli{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.typescuues .ali .eli .li{ width: 30%; margin-right: 5%; display: flex; margin-top: 10px;}
.typescuues .ali .eli .li:nth-child(3n){ margin-right: 0;}
.typescuues .ali .eli .li .h{ font-size: 14px; white-space: nowrap; line-height: 20px; color: #95989D; margin-right: 4px;}
.typescuues .ali .eli .li .h1{color: #ff0000; }
.typescuues .ali .eli .li .p{ font-size: 14px; color: #000; line-height: 20px;}
/*  */
.indexnavbox .left .new{ display: flex; margin-right: 30px; padding-top: 9px;}
.indexnavbox .left .new button{ display: flex; justify-content: center; background: #fff; border-radius: 2px; border: 1px solid #E6E9ED; height: 32px; line-height: 30px; padding: 0 12px; cursor: pointer; margin-left: 10px; transition: all 0.5s; position: relative;}
.indexnavbox .left .new button a{ display: block; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0;}
.indexnavbox .left .new button:first-child{ margin-left: 0;}
.indexnavbox .left .new button:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.indexnavbox .left .new button.cur{ background: #6E788B; border-color: #6E788B;}
.indexnavbox .left .new button i{ font-size: 14px; color: #6E788B; font-style: normal; padding-left: 25px; transition: all 0.5s;}
.indexnavbox .left .new button.v1 i{ background: url(../images/47.png) no-repeat center left; background-size: 16px auto;}
.indexnavbox .left .new button.cur.v1 i{ background: url(../images/47s.png) no-repeat center left; background-size: 16px auto; color: #fff;}
.indexnavbox .left .new button.v2 i{ background: url(../images/48.png) no-repeat center left; background-size: 14px auto;}
.indexnavbox .left .new button.cur.v2 i{ background: url(../images/48s.png) no-repeat center left; background-size: 14px auto; color: #fff;}
.indexnavbox .right .rr{ display: block; padding: 0 20px 0 10px; font-size: 14px; color: #6E788B; background: #FAFBFD; border-radius: 2px; border: 1px solid #E6E9ED;height: 34px; line-height: 32px; margin-left: 35px; position: relative; cursor: pointer; transition: all 0.5s;}
.indexnavbox .right .rr:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.indexnavbox .right .rr i{ display: block; font-size: 14px; color: #6E788B; padding-left: 22px; background: url(../images/66.png) no-repeat left center; background-size: 18px auto; white-space: nowrap;}
i, em{ font-style: normal; list-style: none; font-weight: normal;}
.indexnavbox .right .rr em{ display: block; position: absolute; top: 2px; right: 2px; min-width: 16px; height: 16px; text-align: center; font-size: 12px; border-radius: 100%; line-height: 16px; color: #fff; background: #FF3434; transform: scale(0.8);}
.rightopnavbox .title .pt .k{ font-size: 20px; line-height: 30px; color: #2C313A; font-weight: bold; padding-right: 20px; position: relative;}
.rightopnavbox .title .pt .k::before{ position: absolute; top: -2px; bottom: -2px; right: -10px; left: -10px; border-radius: 2px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07); content: ''; opacity: 0; transition: all 0.5s;}
.rightopnavbox .title .pt:hover .k::before{ opacity: 1;}
.rightopnavbox .title .pt{ position: relative;}
.rightopnavbox .title .pt .up{ position: absolute; top: 0; left: -10px; width: 1030px; padding-top: 50px; display: none;}
.rightopnavbox .title .pt:hover .up{ display: block;}
.rightopnavbox .title .pt .mk{ background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09); border-radius: 4px; padding: 20px; max-height: 600px; overflow-y: auto;}
.rightopnavbox .title .pt .mk .m{ font-size: 14px; line-height: 20px; color: #D3D3D3;}
.rightopnavbox .title .pt .vmk .li{ padding: 4px 0; border-bottom: 1px solid hsla(0,0%,59%,0.10);}
.rightopnavbox .title .pt .vmk .li a{ display: block; padding: 10px; border-radius: 4px; transition: all 0.5s;}
.rightopnavbox .title .pt .vmk .li:hover a{ background: #F6F7F8;}
.rightopnavbox .title .pt .vmk .li .f{ font-size: 18px; line-height: 26px; color: #3F434B;}
.rightopnavbox .title .pt .vmk .li .bt{ display: flex; justify-content: space-between; line-height: 20px; margin-top: 2px;}
.rightopnavbox .title .pt .vmk .li .bt .p{ font-size: 14px; color: #8991A0;}
.rightopnavbox .title .pt .vmk .li .bt .c{ display: flex;}
.rightopnavbox .title .pt .vmk .li .bt .b{ font-size: 14px; color: #409EFF; margin-left: 90px;}
.rightopnavbox .title .pt .vmk .li .bt .b:first-child{ margin-left: 0;}
.rightopnavbox .title .pt .vmk .li .bt .b1{ color: #409EFF;}
.rightopnavbox .title .pt .vmk .li .bt .b2{ color: #E6A23C;}
.rightopnavbox .ifon{ display: flex; line-height: 22px; font-size: 16px; color: #A8ABB2;}
.rightopnavbox .ifon div{ color: #E6A23C;}
.operatingbox{ position: absolute; top: 65px; bottom: 15px; left: 260px; right: 0; padding: 0 15px; overflow-y: auto;}
.operatingbox .openbox{ background: #fff; border-radius: 4px; border: 1px solid #E4E6EA; margin-top: 15px; transition: all 0.5s;}
.operatingbox .openbox:first-child{ margin-top: 0;}
.operatingbox .openbox:hover{ box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.11);}
.operatingbox .openbox .stit{ display: flex; justify-content: space-between; align-items: center; background: #F6F7F8; border-bottom: 1px solid #E6E9ED; border-radius: 4px 4px 0 0; min-height: 50px; padding: 0 18px; margin-bottom: -1px;}
.operatingbox .openbox .stit .hp{ display: flex; align-items: center;}
.operatingbox .openbox .stit .hp .h{ font-size: 18px; line-height: 28px; font-weight: bold; color: #2C313A; margin-right: 20px;}
.operatingbox .openbox .stit .hp .cm{ font-size: 14px; color: #F56C6C; line-height: 24px; padding-left: 25px; background: url(../images/16t.png) no-repeat left center; background-size: 18px auto;}
.operatingbox .openbox .stit .right{ display: flex; align-items: center;}
.operatingbox .openbox .stit .right button{ display: flex; justify-content: center; padding: 0 15px 0 10px; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B; height: 32px; line-height: 30px; cursor: pointer; border-radius: 2px; background: #fff; margin: 0 0 0 10px; transition: all 0.5s;}
.operatingbox .openbox .stit .right button:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.operatingbox .openbox .stit .right button:first-child{ margin: 0;}
.operatingbox .openbox .stit .right button i{ display: block; padding-left: 22px;}
.operatingbox .openbox .stit .right button.g1 i{ background: url(../images/13.png) no-repeat center left; background-size: 14px auto;}
.operatingbox .openbox .stit .right button.g2 i{ background: url(../images/45.png) no-repeat center left; background-size: 16px auto;}
.operatingbox .openbox .stit .right button.g3 i{ background: url(../images/46.png) no-repeat center left; background-size: 16px auto;}
.operatingbox .openbox .stit .right button.g4 i{ background: url(../images/53.png) no-repeat center left; background-size: 14px auto;}
.operatingbox .openbox .benet{ display: flex; justify-content: space-between; align-items: center; padding: 20px 18px 20px 40px;}
.operatingbox .openbox .benet .left{ display: flex; align-items: center;}
.operatingbox .openbox .benet .left .p{ padding-left: 32px; font-size: 16px; line-height: 30px; color: #6E788B; background: url(../images/li1.png) no-repeat center left; background-size: 30px auto; margin-right: 20px;}
.operatingbox .openbox .benet .left .p1{background: url(../images/li2.png) no-repeat center left;}
.operatingbox .openbox .benet .left .m{ font-size: 16px; line-height: 22px; color: #67C23A; margin-right: 40px;}
.operatingbox .openbox .benet .left .m1{ color: #FF0000;cursor: pointer;}
.operatingbox .openbox .benet .left .t{ font-size: 16px; display: flex; line-height: 22px; color: #6E788B;}
.operatingbox .openbox .benet .left .t div{ margin-left: 20px;}
.operatingbox .openbox .benet .more{ display: flex;min-width: 140px;}
.operatingbox .openbox .benet .more button{ display: flex; justify-content: center; padding: 0 15px 0 10px; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B; height: 32px; line-height: 30px; cursor: pointer; border-radius: 2px; background: #FAFBFD; margin: 0 0 0 10px; transition: all 0.5s;} 
.operatingbox .openbox .benet .more button:first-child{ margin: 0;}
.operatingbox .openbox .benet .more button:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.operatingbox .openbox .benet .more button i{ display: block; padding-left: 22px;}
.operatingbox .openbox .benet .more button.s1 i{ background: url(../images/14.png) no-repeat center left; background-size: 20px auto;}
.worklist .slist{ margin: 16px; border: 1px solid #D6D9DD; border-radius: 4px;}
.worklist .slist .top{ display: flex; justify-content: space-between; align-items: center; min-height: 50px; background: #F6F7F8; /*border-bottom: 1px solid #E6E9ED;*/ border-radius: 4px 4px 0 0; padding: 0 18px;}
.worklist .slist .top .lif{ display: flex; align-items: center;}
.worklist .slist .top .lif .sole{ width: 18px; height: 18px; position: relative; border: 1px solid hsla(244,19%,18%,0.20); border-radius: 2px; margin-right: 10px; cursor: pointer;}
.worklist .slist .top .lif .sole::after,
.worklist .slist .top .lif .sole::before{ width: 12px; height: 1px; background: hsla(244,19%,18%,0.20); content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.worklist .slist .top .lif .sole::before{ opacity: 0;}
.worklist .slist .top .lif .sole2::before{ opacity: 1; transform: translate(-50%,-50%) rotate(90deg);}
.worklist .slist .top .lif .h{ font-size: 16px; line-height: 22px; font-weight: bold; margin-right: 10px; position: relative;}
.worklist .slist .top .lif .h .vss{ position: absolute; top: -5px; left: -9px; /*opacity: 0.5;*/ display: none;}
.worklist .slist .top .lif .h .vss2{ display: flex;}
.worklist .slist .top .lif .h input{ display: block; width: 600px; font-size: 16px; line-height: 30px; font-weight: bold; height: 30px; border: 1px solid #E6E9ED; border-radius: 2px; padding: 0 8px; float: left;}
.worklist .slist .top .lif .h button{ display: block; /*position: absolute; top: 0; right: 0;*/ margin-left: 6px; cursor: pointer; background: #6E788B; border-radius: 2px; font-size: 14px; color: #fff; width: auto; padding: 0 10px; border: none; height: 32px; line-height: 32px; white-space: nowrap;}
.worklist .slist .top .lif .p{ font-size: 14px; line-height: 22px; color: #6E788B;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.worklist .slist .top .more{ display: flex;}
.worklist .addclick{ position: relative; z-index: 5; margin-left: 10px;}
.worklist .addclick:hover{ z-index: 10;}
.worklist .addclick .mc{ border: 1px solid #E6E9ED; background: #fff; border-radius: 2px; padding: 0 22px 0 10px; font-size: 14px; color: #6E788B; height: 30px; line-height: 30px; cursor: pointer; position: relative; transition: all 0.5s;}
.worklist .addclick:hover .mc{ background: #E6E9ED; border-color: #CBD3E1;}
.worklist .addclick .mc::after{ width: 7px; height: 100%; position: absolute; top: 0; right: 7px; content: ''; background: url(../images/11.png) no-repeat center; background-size: 100% auto; opacity: 0.5;}
.worklist .addclick .down{ position: absolute; top: 32px; right: 0; padding-top: 12px; width: 190px; display: none;}
.worklist .addclick:hover .down{ display: block;}
.worklist .addclick .down .mdown{ background: #fff; border-radius: 2px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); padding: 14px;}
.worklist .addclick .down .vli{ margin-top: 10px;}
.worklist .addclick .down .vli:first-child{ margin-top: 0;}
.worklist .addclick .down .w{ font-size: 14px; color: #BBBBBB; line-height: 20px; padding-left: 22px; margin-bottom: 5px;}
.worklist .addclick .down .w1{ background: url(../images/26.png) no-repeat left 5px center; background-size: 14px auto;}
.worklist .addclick .down .w2{ background: url(../images/25.png) no-repeat left 4px center; background-size: 16px auto;}
.worklist .addclick .down .mmk a{ display: flex; align-items: flex-end; text-decoration: none; font-size: 14px; line-height: 32px; color: #6E788B; padding: 0 0 0 22px; border-radius: 4px; transition: all 0.5s;}
.worklist .addclick .down .mmk a:hover{ background: #F6F7F8; color: #000;}
.worklist .addclick .down .mmk a i{ font-size: 12px; line-height: 28px; opacity: 0.5;}
.worklist .slist .wlist .wli{ padding: 10px; display: flex; justify-content: space-between; border-top: 1px solid #E6E9ED; /*margin-top: -1px;*/}
/*.worklist .slist .wlist .wli:last-child{ border-bottom: none;}*/
.worklist .slist .wlist .wli .ws{ min-width: 66px; height: 30px; line-height: 30px; background: #F7F7F7; border: 1px solid #E6E9ED; border-radius: 2px; text-align: center; font-size: 14px; color: #A1AABC; padding: 0 5px;}
.worklist .slist .wlist .wli .ws1{ background: #FFEFEF; border-color: #FFB1B1; color: #F56C6C;}
.worklist .slist .wlist .wli .right{ width: calc(100% - 110px);}
.worklist .slist .wlist .wli .right .li{ border-top: 1px dashed #E6E9ED; display: flex; justify-content: space-between; padding: 8px 10px 8px 15px; transition: all 0.5s;}
.worklist .slist .wlist .wli .right .li:hover{ background: #F6F7F8;}
.worklist .slist .wlist .wli .right .li:first-child{ border-top: none; margin-top: -4px;}
.worklist .slist .wlist .wli .right .li:last-child{ margin-bottom: -4px;}
.worklist .slist .wlist .wli .right .li .ah{ display: flex; /*width: calc(100% - 850px);*/ width: 590px;}
.worklist .slist .wlist .wli .right .li .ah .p{ font-size: 14px; line-height: 24px; color: #2C313A;}
.worklist .slist .wlist .wli .right .li .ah .p1{ color: #409EFF;}
.worklist .slist .wlist .wli .right .li .ah .m{ width: 16px; height: 24px; margin-right: 8px;}
.worklist .slist .wlist .wli .right .li .ah .m1{ background: url(../images/18.png) no-repeat center; background-size: 100% auto;}
.worklist .slist .wlist .wli .right .li .ah .m2{ background: url(../images/19.png) no-repeat center; background-size: 100% auto;}
.worklist .slist .wlist .wli .right .li .ah .m3{ background: url(../images/23.png) no-repeat center; background-size: 100% auto;}

.worklist .slist .wlist .wli .right .li .ah .mm1{ background: url(../images/word.png) no-repeat center; background-size: 100% auto;}
.worklist .slist .wlist .wli .right .li .ah .mm2{ background: url(../images/excel.png) no-repeat center; background-size: 100% auto;}
.worklist .slist .wlist .wli .right .li .ah .mm3{ background: url(../images/ppt.png) no-repeat center; background-size: 100% auto;}

.worklist .slist .wlist .wli .right .li .ah .ml{ margin-left: 45px;}
.worklist .slist .wlist .wli .right .tps{ display: flex; /*width: 655px;*/ width: 580px; justify-content: space-between;}
.worklist .slist .wlist .wli .right .tps .h{ line-height: 24px; font-size: 14px;color: #D72CA7; height: 24px;}
.worklist .slist .wlist .wli .right .tps .more{ position: relative; cursor: pointer;}
.worklist .slist .wlist .wli .right .tps .more:hover{ z-index: 10;}
.worklist .slist .wlist .wli .right .tps .more .m{ width: 32px; height: 24px; border-radius: 2px; /*background: #6E788B;*/ background: url(../images/24.png) no-repeat center; background-size: 18px auto; transition: all 0.5s;}
.worklist .slist .wlist .wli .right .tps .more:hover .m{ background: #6E788B url(../images/24s.png) no-repeat center; background-size: 18px auto;}
.worklist .slist .wlist .wli .right .tps .more .vh{ display: none; position: absolute; top: 0; right: 0; width: 130px; padding-top: 40px;}
.worklist .slist .wlist .wli .right .tps .more:hover .vh{ display: block;}
.worklist .slist .wlist .wli .right .tps .more .wk{ background: #6E788B; border-radius: 2px; box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.06); position: relative; padding: 8px 10px;}
.worklist .slist .wlist .wli .right .tps .more .wk::after{ content: ''; width: 10px; height: 10px; background: #6E788B; position: absolute; top: -5px; right: 12px; transform: rotate(45deg);}
.worklist .slist .wlist .wli .right .tps .more .wk a{ display: block; padding: 6px 6px 6px 35px; font-size: 14px; color: #fff; line-height: 20px; position: relative; transition: all 0.5s;}
.worklist .slist .wlist .wli .right .tps .more .wk a:hover{ background: hsla(219,14%,20%,0.20);}
.worklist .slist .wlist .wli .right .tps .more .wk a::after{ width: 20px; height: 20px; position: absolute; top: 6px; left: 10px; content: '';}
a{ text-decoration: none;}
.worklist .slist .wlist .wli .right .tps .more .wk a.a1::after{ background: url(../images/42.png) no-repeat center; background-size: 16px auto;}
.worklist .slist .wlist .wli .right .tps .more .wk a.a2::after{ background: url(../images/38.png) no-repeat center; background-size: 16px auto;}
.worklist .slist .wlist .wli .right .tps .more .wk a.a3::after{ background: url(../images/40.png) no-repeat center; background-size: 17px auto;}
.worklist .slist .wlist .wli .right .tps .more .wk a.a4::after{ background: url(../images/44.png) no-repeat center; background-size: 13px auto;}
.worklist .slist .wlist .wli .right .tps .more .wk a.a5::after{ background: url(../images/39.png) no-repeat center; background-size: 16px auto;}
.worklist .slist .wlist .wli .right .tps .vp .t{ font-size: 14px; line-height: 24px; color: #383838; opacity: 0.5; width: 280px; transition: all 1s; /*text-indent: 15px;*/}
.worklist .slist .wlist .wli .right .li:hover .tps .vp .t{ text-indent: 0; opacity: 0.5;}
.worklist .slist .wlist .wli .right .tps .vp{ display: flex;} 
.openbox .forma{ background: #F6F7F8; border-top: 1px solid #D6D9DD; padding: 18px 16px; display: flex; justify-content: space-between; border-radius: 0 0 4px 4px;}
.openbox .forma .ms{ min-width: 66px; height: 30px; line-height: 30px; background: #F7F7F7; border: 1px solid #E6E9ED; border-radius: 2px; text-align: center; font-size: 14px; color: #A1AABC; padding: 0 5px;}
.openbox .forma .ms1{ background: #EBF5FF; border-color: #76B9FF; color: #409EFF;}
.openbox .forma .form{ width: calc(100% - 110px); border: 1px solid #D2D8E1; border-radius: 4px; overflow: hidden;}
.openbox .forma .form .el-table th.el-table__cell{ padding: 8px 0; background: #F6F7F8; border-color: #D2D8E1;}
.openbox .forma .form .el-table th.el-table__cell .cell{ font-size: 14px; font-weight: normal; color: #6086AD;}
/*.worklist .forma .form .el-table th.el-table__cell:first-child{ border-radius: 4px 0 0 0;}
.worklist .forma .form .el-table th.el-table__cell:last-child{ border-radius: 0 4px 0 0;}*/
.openbox .forma .form .el-table td.el-table__cell{ border-bottom: 1px dashed #D2D8E1; padding: 8px 0;}
.openbox .forma .form .el-table td.el-table__cell .cell{ font-size: 14px; line-height: 20px; /*color: #383838;*/}
.openbox .forma .form tbody tr:last-child td{ border-bottom: none!important;}
.openbox .forma .form .el-table::before{ display: none;}
.worklist .slist .top .more .as{ display: block; width: auto; border: 1px solid #E6E9ED; background: #fff; border-radius: 2px; padding: 0 12px; font-size: 14px; color: #6E788B; height: 32px; line-height: 32px; cursor: pointer; margin-left: 10px; transition: all 0.5s;}
.worklist .slist .top .more .as:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.worklist .slist .top .more .seah{ width: 200px; display: flex; box-sizing: border-box; border: 1px solid #E6E9ED; position: relative; background: #fff; border-radius: 2px; transition: all 0.5s;}
.worklist .slist .top .more .seah:hover{ border-color: #CBD3E1;}
.worklist .slist .top .more .seah input{ display: block; width: 100%; height: 30px; border: none; background: #fff; font-size: 14px; border-radius: 2px; outline: none; padding: 0 20px 0 10px;}
.worklist .slist .top .more .seah button{ display: block; width: 32px; height: 32px; background: url(../images/27.png) no-repeat center; background-size: 16px auto; position: absolute; top: 0; right: 0; border: none; cursor: pointer;}
.worklist .slist .top .more .seah input::placeholder{ color: hsla(0,0%,0%,0.20);}
.worklist .slidtmin{ margin-top: 12px; border-radius: 4px; border: 1px solid hsla(214,16%,92%,0.60);}
.worklist .slidtmin:first-child{ margin-top: 0;}
.worklist .slist .wlist .slidtmin .wli{ border-color: hsla(214,16%,92%,0.60);}
.worklist .slist .top3{ border-bottom: 1px solid #E6E9ED; margin-bottom: -1px;}
.worklist .wlist2{ padding: 18px 14px 18px 45px;}
.pagemins{ display: flex; justify-content: flex-end; padding: 18px 14px 0 0;}
.pagemins .prav,
.pagemins .next{ width: 20px; height: 24px; cursor: pointer; background: url(../images/20.png) no-repeat center; background-size: 11px auto;}
.pagemins .next{ transform: rotate(180deg);}
.pagemins .num{ display: flex; line-height: 24px; margin: 0 40px; font-size: 14px; color: #6E788B;}
.pagemins .num i{ color: #000; margin-right: 15px;}
.pagemins .num em{ margin-left: 15px;}
.worklist .sork{ width: 100%;}
.worklist .sork .oli{ padding: 10px 20px 10px 35px;}
.worklist .sork .oli .vp{ display: flex; align-items: center;}
.worklist .sork .oli .vp .sole{ width: 16px; height: 16px; position: relative; border: 1px solid hsla(244,19%,18%,0.20); border-radius: 2px; margin-right: 10px; cursor: pointer;}
.worklist .sork .oli .vp .sole::after, 
.worklist .sork .oli .vp .sole::before{ width: 10px; height: 1px; background: hsla(244,19%,18%,0.20); content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.worklist .sork .oli .vp .sole::before{ opacity: 0;}
.worklist .sork .oli .vp .i{ width: 22px; height: 22px; background: url(../images/22.png) no-repeat center; background-size: 100% auto; margin-right: 8px;}
.worklist .sork .oli .vp .h{ font-size: 14px; line-height: 22px; color: #1B1B1B; font-weight: bold;}
.worklist .sork .oli .zlist{ margin-top: 10px;}
.worklist .sork .oli .zlist .zli{ margin-top: 15px;}
.worklist .sork .oli .zlist .zli:first-child{ margin-top: 0;}
.worklist .sork .oli .zlist .zli .vp{ background: #F6F7F8; padding: 0 15px 0 10px; border-radius: 2px; justify-content: space-between; align-items: center; min-height: 42px;}
.worklist .sork .oli .zlist .zli .vp .left{ display: flex; align-items: center;}
.worklist .sork .oli .zlist .zli .vp .left .em{ width: 6px; height: 13px; margin-right: 15px; background: url(../images/21.png) no-repeat center; background-size: 100% auto;}
.worklist .sork .oli .zlist .zli .more{ display: flex; transition: all 0.5s;}
.worklist .sork .oli .zlist .zli .ali .more{ opacity: 0;}
.worklist .sork .oli .zlist .zli .ali:hover .more{ opacity: 1;}
.worklist .sork .oli .zlist .zli .more button{ border: none; height: 22px; line-height: 22px; width: auto; background: hsla(0,0%,100%,0.00); font-size: 14px; color: #4D4D4D; opacity: 0.6; margin: 0 0 0 30px; padding: 0; cursor: pointer; transition: all 0.5s;}
.worklist .sork .oli .zlist .zli .more button:hover{ color: #000;}
.worklist .sork .oli .zlist .zli .foms{ padding: 0 0 0 80px;}
.worklist .sork .oli .zlist .zli .foms .sp{ display: flex; justify-content: space-between; align-items: center; padding: 12px 15px 8px 8px; border-bottom: 1px dashed #E6E9ED;}
.worklist .sork .oli .zlist .zli .foms .sp .h{ font-size: 14px; color: #4D4D4D; line-height: 22px;}
.worklist .sork .oli .zlist .zli .foms .img .li{ display: flex; justify-content: space-between; align-items: center; padding: 12px 15px 8px 10px; border-bottom: 1px dashed #E6E9ED;}
.worklist .sork .oli .zlist .zli .foms .img .lif{ display: flex; align-items: center;}
.worklist .sork .oli .zlist .zli .foms .img .lif .i{ width: 6px; height: 13px; margin-right: 10px; background: url(../images/21.png) no-repeat center; background-size: 100% auto;}
.worklist .sork .oli .zlist .zli .foms .img .lif .p{ font-size: 14px; line-height: 22px; padding-left: 22px; color: #4D4D4D; position: relative;margin-right: 70px;overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}
.worklist .sork .oli .zlist .zli .foms .img .lif .p::after{ width: 16px; height: 16px; content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(../images/23.png) no-repeat center; background-size: 100% auto;}
.worklist .sork .oli .zlist .zli .foms .img .rg{ display: flex; width: 580px; justify-content: space-between; opacity: 0; transition: all 0.5s;}
.worklist .sork .oli .zlist .zli .foms .img .li:hover .rg{ opacity: 1;}
.worklist .sork .oli .zlist .zli .foms .img .rg .p{ font-size: 14px; color: #4D4D4D; line-height: 22px; opacity: 0.6;}
.worklist .sork .oli .zlist .zli .ter{ margin: 10px 0 0 60px; background: #F6F7F8; border-radius: 2px; padding: 10px;}
.worklist .sork .oli .zlist .zli .ter .h{ font-size: 14px; line-height: 20px; color: #4D4D4D; font-weight: bold;}
.worklist .sork .oli .zlist .zli .ter .p{ font-size: 14px; line-height: 20px; padding: 5px 0 0 18px; color: #4D4D4D;}
.worklist .slist .wlist .wli .sker1{ display: flex;}
.worklist .slist .wlist .wli .sker1 .n{ font-size: 14px; color: #383838; line-height: 32px; min-width: 36px; text-align: center; margin-right: 10px;}
.worklist .slist .wlist .wli3 .right{ width: calc(100% - 140px);}
.worklist .slist .wlist .wli .right .li .ah .i{ line-height: 24px; font-size: 14px; margin-left: 10px; white-space: nowrap; padding: 0 8px; border-radius: 3px; background: #FFECD6; color: #E6A23C;}
/*********************************/
.worklist .slist .wlist .wli .right .li .ah .p{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}
/*{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}*/
/*********************************/
.openboxnav{ position: absolute; top: 51px; left: 0; bottom: 0; width: 260px; background: #F6F7F8; border-right: 1px solid #E4E6EA;z-index: 5; overflow-y: auto;}
.openboxnav .openmk{ padding: 15px 15px 15px 20px;}
.openboxnav .openmk .icon{ display: flex; justify-content: flex-end; align-items: center;}
.openboxnav .openmk .icon .i{ cursor: pointer; overflow: hidden; width: 16px; height: 20px; background: url(../images/49.png) no-repeat center; background-size: 16px auto;}
.openboxnav2 .openmk .icon .i{ transform: rotateY(180deg);}
.openboxnav .openmk .icon .s{ font-size: 14px; line-height: 20px; height: 20px; color: #6E788B; cursor: pointer; margin-left: 4px; white-space: nowrap;}
.openboxnav2 .openmk .icon .s{ display: none;}
.openboxnav .openmk .more button{ position: relative; display: flex; width: 100%; height: 34px; line-height: 32px; border-radius: 2px; background: #fff; border: 1px solid #E6E9ED; font-size: 14px; margin-top: 8px; cursor: pointer; transition: all 0.5s; overflow: hidden;}
.openboxnav .openmk .more button:first-child{ margin-top: 0;}
.openboxnav .openmk .more button i{ display: block; width: 40px; height: 34px; /*margin-left: 15px;*/ white-space: nowrap; overflow: hidden; transition: all 0.5s;}
.openboxnav .openmk .more button.b1 i{ background: url(../images/50.png) no-repeat center; background-size: 16px auto;}
.openboxnav .openmk .more button:hover.b1{ background: #6E788B; border-color: #6E788B;}
.openboxnav .openmk .more button:hover.b1 i{ background: url(../images/50s.png) no-repeat center; background-size: 16px auto; color: #fff;}
.openboxnav .openmk .more button.b2{ border: 1px dashed #7FB0E3; background: #EEF6FF;}
.openboxnav .openmk .more button.b2 i{ background: url(../images/51.png) no-repeat center; background-size: 14px auto; color: #409EFF;}
.openboxnav .openmk .more button:hover.b2{ background: #409EFF; border: 1px solid #409EFF;}
.openboxnav .openmk .more button:hover.b2 i{ background: url(../images/51s.png) no-repeat center; background-size: 14px auto; color: #fff;}
.openboxnav .openmk .more button div{ font-size: 14px; color: #6E788B; /*margin-left: 12px; */white-space: nowrap;}
.openboxnav .openmk .more button.b2 div{ color: #409EFF;}
.openboxnav .openmk .more button:hover div{ color: #fff;}
.openboxnav2 .openmk .more button div{ position: absolute; top: 50%; transform: translateY(-50%); left: 60px; background: #6E788B; font-size: 14px; color: #fff; border-radius: 4px; line-height: 30px; padding: 0 10px; opacity: 0; white-space: nowrap;}
.openboxnav2 .openmk .more button div::after{ content: ''; width: 8px; height: 8px; background: #6E788B; position: absolute; top: 50%; left: -4px; transform: translateY(-50%) rotate(45deg);}
.openboxnav2 .openmk .more button:hover div{ left: 50px; opacity: 1; transition: all 0.5s;}
.openboxnav2 .openmk .more button:hover{ overflow: unset;}
.openboxnav .openmk .more{ margin-top: 16px;}
.openboxnav .openmk .mnav{ margin: 18px 0; padding: 15px 0; border-top: 1px solid #E4E6EA; border-bottom: 1px solid #E4E6EA;}
.openboxnav .openmk .mnav .tit{ padding: 8px 15px; line-height: 20px; /*display: flex; justify-content: space-between;*/ position: relative; border-radius: 2px; transition: all 0.5s; /*overflow: hidden;*/}
.openboxnav .openmk .mnav .wli:hover .tit,
.openboxnav .openmk .mnav .wli.on .tit{ background: #E6E9ED;}
.openboxnav .openmk .mnav .wli{ overflow: hidden;}
.openboxnav .openmk .mnav .wli:hover{ overflow: unset;}
.openboxnav .openmk .mnav .wli .tit i{ display: block; width: 20px; height: 100%; cursor: pointer; position: relative; position: absolute; top: 0; right: 5px;}
.openboxnav .openmk .mnav .wli .tit i::after{ width: 100%; height: 100%;  background: url(../images/52.png) no-repeat center; background-size: 6px auto; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.openboxnav .openmk .mnav .wli .tit i.i::after{ transform: translate(-50%,-50%) rotate(90deg);}
.openboxnav .openmk .mnav .tit a{ font-size: 14px; color: #6E788B; width: 180px; overflow: hidden; display: block; position: relative;}
.openboxnav2 .openmk .mnav .tit:hover a{overflow: inherit;}
.openboxnav .openmk .mnav .tit a div{ font-size: 14px; color: #6E788B;}
.openboxnav .openmk .mnav .tit a div.n2{ display: none; text-align: center; width: 40px;}
.openboxnav2 .openmk .mnav .tit a div.n1{ position: absolute; top: 50%; transform: translateY(-50%); left: 60px; background: #6E788B; font-size: 14px; color: #fff; border-radius: 4px; line-height: 30px; padding: 0 10px; opacity: 0; white-space: nowrap;}
.openboxnav2 .openmk .mnav .tit:hover a div.n1{ left: 50px; opacity: 1; transition: all 0.5s;}
.openboxnav2 .openmk .mnav .tit a div.n1::after{ content: ''; width: 8px; height: 8px; background: #6E788B; position: absolute; top: 50%; left: -4px; transform: translateY(-50%) rotate(45deg);}
.openboxnav2 .openmk .mnav .tit a div.n2{ display: block;}
.openboxnav .openmk .mnav .wli.on .tit a{ color: #000; font-weight: bold;}
.openboxnav .openmk .mnav .wli{ margin-top: 4px;}
.openboxnav .openmk .mnav .wli:first-child{ margin-top: 0;}
.openboxnav .openmk .mnav .wli .min{ margin: 8px 0 0 32px; display: none; overflow: hidden;}
.openboxnav .openmk .mnav .wli .min .li{ margin-top: 4px; position: relative;}
.openboxnav .openmk .mnav .wli .min .li::after{ content: ''; width: 1px; position: absolute; top: 10px; bottom: 10px; background: #6E788B; opacity: 0.2; transition: all 0.5s;}
.openboxnav .openmk .mnav .wli .min .li.cur::after,
.openboxnav .openmk .mnav .wli .min .li:hover::after{ background: #6E788B; opacity: 1;}
.openboxnav .openmk .mnav .wli .min .li a{ min-width: 170px; display: block; padding: 8px 10px 8px 12px; font-size: 14px; line-height: 20px; color: #6E788B; transition: all 0.5s; border-radius: 2px;}
.openboxnav .openmk .mnav .wli .min .li.cur a,
.openboxnav .openmk .mnav .wli .min .li:hover a{ background: #E6E9ED; color: #000;}
/*.worklist .slist .wlist, .worklist .slist .wlist .slidtmin .wli, .worklist .sork .oli .zlist, .fomsww{ display: none;}*/
.openboxnav2{ width: 70px;}
/*.openboxnav2 .openmk{ padding: 15px 0 20px 0;}*/
.openboxnav2 .openmk .icon{ justify-content: center;}
.openboxnav2 .openmk .icon .i{ width: 0; overflow: hidden; padding-left: 16px;}
.openboxnav2 .openmk .more button{ /*width: 34px;*/ /*margin: 8px auto 0;*/ justify-content: center;}
.openboxnav2 .openmk .more button i{ white-space: nowrap; /*width: 0; padding-left: 16px;*/ overflow: hidden; margin: 0;}
.openboxnav2 .openmk .mnav .tit a{ /*white-space: nowrap;*/ /*text-indent: 10px;*/}
.openboxnav2 .openmk .mnav .wli .tit i{ display: none;}
.openboxnav2 .openmk .mnav .tit{ justify-content: center; padding: 8px 0;}
/*.openboxnav2 .openmk .mnav{ width: 34px; margin: 18px auto;}*/
.operatingbox2{ left: 70px;}
/*.leftnavbox .mineTop .list2{ opacity: 0; animation: myfirst1 0.5s alternate; animation-delay: 0.8s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards}
.leftnavbox .mineTop .lefs .ter2{ opacity: 0; animation: myfirst2 0.5s alternate; animation-delay: 0.8s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards}
@keyframes myfirst1{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes myfirst2{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}*/
.worklist .slist .wlist .slidtmin .wli .vfd{ display: flex; justify-content: space-between; width: 100%;}
.openboxnav .openmk .iconver{ justify-content: flex-start;}
.openboxnav .minsnav{ margin-top: 20px; padding: 0;}
.openboxnav .minsnav .li{ margin-top: 5px;}
.openboxnav .minsnav .li:first-child{ margin-top: 0;}
.openboxnav .minsnav .li a{ display: flex; cursor: pointer; transition: all 0.5s; border-radius: 2px; padding: 8px; overflow: hidden;}
.openboxnav .minsnav .li.on a,
.openboxnav .minsnav .li:hover a{ background: #E6E9ED;}
.openboxnav .minsnav .li a .m{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-right: 8px;}
.openboxnav .minsnav .li a .p{ font-size: 14px; color: #6E788B; line-height: 20px; /*transition: all 0.5s; */white-space: nowrap;}
/*.openboxnav .minsnav .li:hover a .p{ color: #000;}*/
.openboxnav .minsnav .li.on a .p{ color: #000; font-weight: bold;}
.openboxnav2 .openmk .mnav .wli .min{ display: none!important;}

.iframebox{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.iframebox2{ z-index: 100;}
/*.iframebox .upbox{ position: absolute; top: 0; left: 0; width: 180px; height: 100%; box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.04);}*/
.iframebox iframe{ display: block; width: 100%; height: 100%; overflow: hidden;}
.layui-layer-content{ height: 100%;}
.layui-layer-iframe iframe{ height: 100%!important;}
.layui-layer-title{ margin-bottom: -54px; opacity: 0; position: relative; z-index: 15; margin-right: 100px; height: auto!important; line-height: 22px!important; font-size: 16px!important; font-weight: bold!important; padding: 16px 20px!important; border: none!important;}
.layui-layer-setwin{ top: 20px!important; display: none!important;}

.formfionbox .uli{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 40px 30px; margin-top: -14px;}
.formfionbox .uli .li{ width: 49%; margin-top: 14px; display: flex; justify-content: space-between;}
.formfionbox .uli .li .h,
.formfionbox .uli .li .p{ font-size: 14px; line-height: 20px;}
.formfionbox .uli .li .h{ color: #6E788B; width: 120px; text-align: right;}
.formfionbox .uli .li .p{ color: #2C3038; width: calc(100% - 140px); /*font-weight: bold;*/}
.xieboxswe .topbos{ background: #F6F7F8; padding: 0 24px; border-radius: 4px; display: flex; justify-content: space-between; border: 1px solid #E6E9ED; /*margin-top: 10px;*/ margin-bottom: 10px;}
.xieboxswe .topbos .left{ display: flex; overflow-x: auto; overflow-y: hidden; width: calc(100% - 150px);}
.xieboxswe .topbos .left::-webkit-scrollbar{ width: 4px; height: 4px;}
.xieboxswe .topbos .left .li{ font-size: 16px; color: #6E788B; line-height: 34px; position: relative; margin-left: 36px; transition: all 0.5s; cursor: pointer; white-space: nowrap; padding: 8px 0;}
.xieboxswe .topbos .left .li:first-child{ margin-left: 0;}
.xieboxswe .topbos .left .li::after{ content: ''; width: 0; height: 2px; background: #6E788B; position: absolute; left: 0; bottom: 0; transition: all 0.5s;}
.xieboxswe .topbos .left .li.on,
.xieboxswe .topbos .left .li:hover{ color: #2C313A; font-weight: bold;}
.xieboxswe .topbos .left .li.on::after{ width: 100%;}
.xieboxswe .topbos .left .li i{ display: block; min-width: 18px; line-height: 18px; background: #FF3434; font-size: 12px; color: #fff; text-align: center; border-radius: 100%; position: absolute; top: 2px; right: -14px; transform: scale(0.8);}
.xieboxswe .topbos .more{ display: flex; padding: 8px 0;}
.xieboxswe .topbos .more button{ display: flex; padding: 0 10px; height: 34px; border: 1px solid #6E788B; background: #6E788B; line-height: 34px; border-radius: 2px; margin-left: 8px; cursor: pointer;}
.xieboxswe .topbos .more button i{ padding-left: 25px; display: block; font-size: 14px; color: #fff;}
.xieboxswe .topbos .more button.c1 i{ background: url(../images/65.png) no-repeat left center; background-size: 17px auto;}
.xieboxswe .topbos .more button.c2 i{ background: url(../images/67s.png) no-repeat left center; background-size: 20px auto;}
.xieboxswe .form{ /*margin-top: 10px;*/}
.el-table tr.el-table__row{height: 53px;}
.el-table .el-table__cell{ padding: 8px 0;}
.el-table .el-table__cell .cell{ font-size: 14px; /*color: #6E788B;*/ line-height: 20px;}
.el-table th.el-table__cell{ padding: 14px 0 8px 0; background: #F6F7F8; border-color: #E4E4E4;}
.el-table th.el-table__cell .cell{ line-height: 24px; font-size: 14px; color: #6E788B;}
.el-table .el-button span{/* display: block;*/}
.el-table td.el-table__cell, .xieboxswe .form .el-table th.el-table__cell.is-leaf{ border-color: #E4E4E4;}

.xieboxswe .form .dli{ display: none;}
.xieboxswe .form .dli:first-child{ display: block;}
.jieshoubox{ padding: 2px 24px 24px 24px;}
.jieshoubox .list{ background: #F6F7F8; border-radius: 2px; padding: 20px;}
.jieshoubox .list .li{ margin-top: 20px;}
.jieshoubox .list .li:first-child{ margin-top: 0;}
.jieshoubox .list .li .h{ font-size: 14px; line-height: 20px; color: #6E788B; font-weight: bold; margin-bottom: 4px;}
.jieshoubox .list .li .p{ font-size: 16px; line-height: 22px; color: #2C313A;}
.jieshoubox .list .li .mm{ font-size: 14px; line-height: 20px; color: #2C313A;}
.jieshoubox .form{ padding: 20px 0 0 0;}
.jieshoubox .form .li{ display: flex; justify-content: space-between; margin-top: 14px;}
.jieshoubox .form .li:first-child{ margin-top: 0;}
.jieshoubox .form .li .h{ width: 90px; text-align: right; font-size: 14px; line-height: 20px; color: #6E788B;}
.jieshoubox .form .li .p{ width: calc(100% - 100px); font-size: 14px; line-height: 20px; color: #2C313A;}
.boot-boot{ display: flex; justify-content: center; padding: 20px 0; background: #fff; position: fixed; left: 0; bottom: 0; right: 0; z-index: 10;}
.boot-boot button{ display: block; padding: 0 18px; height: 36px; background: #6E788B; border-radius: 2px; border: 1px solid #6E788B; font-size: 14px; color: #fff; margin: 0 5px; cursor: pointer;}
.boot-boot button.s{ background: #fff; border-color: #DADDE2; color: #6E788B;}
.fabuboxmmin .form{ padding: 0px 70px 0 0;}

.topupbox{ position: fixed; top: 0; left: 0; right: 0; z-index: 10; padding: 16px 20px; background: #fff; display: flex; justify-content: space-between; align-items: center;}
.topupbox .h{ line-height: 22px; font-size: 16px; font-weight: bold; color: #333;}
.topupbox .sole{ width: 20px; height: 20px; position: relative; cursor: pointer;}
.topupbox .sole::after,
.topupbox .sole::before{ content: ''; width: 100%; height: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); background: #333;}
.topupbox .sole::before{ transform: translate(-50%,-50%) rotate(-45deg);}
.workupbox{ padding: 0 20px 20px 20px;}
.workupbox .ps{ background: #EEF6FF; border-radius: 3px; border: 1px dashed #B8DBFF; padding: 8px 14px; line-height: 20px; font-size: 14px; color: #409EFF;}
.workupbox .list{ padding: 6px 20px 0 20px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.workupbox .list label{ margin: 20px 0 0 0; min-width: 49%; display: block;}
.centerupbox{ /*padding: 54px 0 80px 0;*/ position: absolute; top: 54px; left: 0; bottom: 80px; right: 5px; overflow-y: auto;}
.workupbox .wordgr{ padding: 20px 0 0 0;}
.workupbox .wordgr .el-input__inner{ height: 36px; line-height: 36px; border-radius: 2px; border-color: #E4E6EA; padding: 0 10px; font-size: 14px; color: #49505D;}
.workupbox .wordgr .vkr label{ display: flex; justify-content: space-between; margin: 15px 0 0 0; line-height: 20px;}
.workupbox .wordgr .vkr label:first-child{ margin: 0;}
.workupbox .wordgr .vkr label .el-radio__label{ display: flex; justify-content: space-between; width: calc(100% - 20px);}
.workupbox .wordgr .vkr label .el-radio__input{ display: flex; align-items: center;}
.workupbox .wordgr .vkr label .p{ font-size: 14px; color: #6E788B; padding-left: 25px;}
.workupbox .wordgr .vkr label .p1{ background: url(../images/18.png) no-repeat left center; background-size: 14px auto;}
.workupbox .wordgr .vkr label .p2{ background: url(../images/19.png) no-repeat left center; background-size: 14px auto;}
.workupbox .wordgr .vkr label .p3{ background: url(../images/18.png) no-repeat left center; background-size: 14px auto;}

.workupbox .wordgr .vkr label .pp1{ background: url(../images/word.png) no-repeat left center; background-size: 14px auto;}
.workupbox .wordgr .vkr label .pp2{ background: url(../images/excel.png) no-repeat left center; background-size: 14px auto;}
.workupbox .wordgr .vkr label .pp3{ background: url(../images/ppt.png) no-repeat left center; background-size: 14px auto;}

.workupbox .wordgr .vkr label .s{ font-size: 14px; color: #409EFF}
.workupbox .wordgr .el-select{ display: block;}
.workupbox .imgup .el-upload .el-button--primary{ display: flex; justify-content: center; width: 110px; height: 36px; line-height: 36px; background: #FAFBFD; border-radius: 2px; border: 1px solid #E4E6EA; padding: 0;}
.workupbox .imgup .el-upload .el-button--primary i{ font-size: 14px; color: #6E788B; padding-left: 25px; background: url(../images/25s.png) no-repeat left center; background-size: 16px auto;}
.workupbox .imgup .el-upload__tip{ color: #6E788B; opacity: 0.5; font-size: 14px; line-height: 1;}
.workupbox .wordgr .wp{ font-size: 14px; color: #6E788B; padding-left: 20px;}
.workupbox .wordgr .wp1{ background: url(../images/18.png) no-repeat left center; background-size: 14px auto;}
.workupbox .wordgr .sp{ padding-left: 20px; font-size: 14px; line-height: 20px; color: #6E788B;}
.workupbox .wordgr .el-textarea__inner{ padding: 9px 10px; font-size: 14px; border-radius: 2px;}

.commer{ transition: all 0.5s;}
.workupbox .textdd .h{ font-size: 14px; line-height: 20px; color: #6E788B; margin-bottom: 12px;}
.workupbox .textdd .p{ font-size: 14px; line-height: 20px; margin-bottom: 14px; color: #6E788B;}
.workupbox .textdd .p1{ background: url(../images/18.png) no-repeat left center; background-size: 14px auto; padding-left: 22px;}
.workupbox .textdd .m{ font-size: 14px; line-height: 20px; color: #409EFF;}
.workupbox .textdd{ padding: 10px 20px 0 10px;}
.yinjibox table{ width: 100%;}
.yinjibox thead{ background: #F6F7F8; border-bottom: 1px solid #E6E9ED;}
.yinjibox .em{ line-height: 20px; padding: 10px 15px;}
.yinjibox thead .em{ color: #6E788B; font-weight: bold;}
.yinjibox td:last-child{ width: 80px; text-align: center;}
.yinjibox tbody tr{ border-bottom: 1px solid #E6E9ED;}
.yinjibox tbody tr .p{ font-size: 14px; line-height: 20px; padding-left: 22px; color: #6E788B;}
.yinjibox tbody tr .p1{ background: url(../images/19.png) no-repeat left center; background-size: 14px auto;}
.yinjibox tbody tr .mm{ display: flex; margin-top: 4px;}
.yinjibox tbody tr .mm .v{ font-size: 14px; line-height: 20px; color: #6E788B; opacity: 0.5; margin-left: 30px;}
.yinjibox tbody tr .mm .v:first-child{ margin-left: 0;}
.yinjibox tbody tr button{ display: block; margin: auto; width: auto; height: 20px; font-size: 14px; border-radius: 0; background: #fff; color: #409EFF; cursor: pointer; border: none;}
.yinjibox tbody tr .peop{ display: flex;}
.yinjibox tbody tr .peop .k{ font-size: 14px; color: #FF0000; padding-left: 20px; background: url(../images/54.png) no-repeat left center; background-size: 16px auto; margin-right: 35px;}
.yinjibox tbody tr .peop .s{ font-size: 14px; color: #6E788B;}
.workupbox .pb{ display: flex; flex-wrap: wrap; line-height: 20px; margin-bottom: 20px;}
.workupbox .pb .h{ font-size: 14px; color: #6E788B;}
.workupbox .pb .p{ font-size: 14px; padding-left: 22px; background: url(../images/18.png) no-repeat left center; background-size: 14px auto; color: #000; font-weight: bold;}
.indexformver .formbot .wli .tp .li .i{ width: 20px; height: 44px; cursor: pointer; margin: auto; position: relative;}
.indexformver .formbot .wli .tp .li .i::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; background: url(../images/52.png) no-repeat center; background-size: 8px auto; opacity: 0.5; transition: all 0.5s;}
.indexformver .formbot .wli .tp .li .i2::after{ transform: rotate(90deg); opacity: 1;}
.lineverk{ display: flex; justify-content: space-between;}
.lineverk .vli{ width: 280px; border: 1px solid #E6E9ED;}
.lineverk .vli:nth-child(3){ width: calc(100% - 590px);}
.lineverk .vli .tp{ display: flex; justify-content: space-between; align-items: center; background: #F6F7F8; padding: 0 15px; border-bottom: 1px solid #E6E9ED; line-height: 40px;}
.lineverk .vli .tp .h{ font-size: 14px; color: #6E788B; margin-right: 10px;}
.lineverk .vli .tp .p{ font-size: 14px; color: #6E788B; opacity: 0.5;}
.lineverk .vli .tp .lef{ display: flex;}
.lineverk .vli .tp .n{ font-size: 14px; color: #6E788B; opacity: 0.8;}
.lineverk .vli .bt{ padding: 10px;}
.lineverk .vli .bt .li{ padding: 8px 10px; font-size: 14px; line-height: 20px; color: #6E788B; cursor: pointer; border-radius: 4px; margin-bottom: 5px; transition: all 0.5s;}
.lineverk .vli .bt .li.on{ color: #000; font-weight: bold; background: #F6F7F8;}
.lineverk .vli .bt .li:hover{ background: #F6F7F8;}
.lineverk .vli .bs{ padding: 10px;}
.lineverk .vli .bs .li{ padding: 8px; border-bottom: 1px solid hsla(228,13%,85%,0.30); line-height: 20px; display: flex; justify-content: space-between; margin-bottom: 5px;}
.lineverk .vli .bs .li .m{ font-size: 14px; color: #6E788B; padding-left: 22px;}
.lineverk .vli .bs .li .m1{ background: url(../images/18.png) no-repeat left center; background-size: 14px auto;}
.lineverk .vli .bs .li .p{ font-size: 14px; color: #6E788B;}
.workupbox .fomk{ border: 1px solid #E6E9ED; margin-bottom: 16px;}
.workupbox .fomk .li{ border-top: 1px solid #E6E9ED; display: flex; justify-content: space-between;}
.workupbox .fomk .li:first-child{ border-top: none;}
.workupbox .fomk .li .h{ width: 300px; border-right: 1px solid #E6E9ED; background: #F6F7F8;}
.workupbox .fomk .li .h .em{ padding: 10px 20px; text-align: right; font-size: 14px; line-height: 20px; color: #6E788B; font-weight: bold;}
.workupbox .fomk .li .p{ width: calc(100% - 315px);}
.workupbox .fomk .li .p .em{ padding: 10px 20px 10px 0; font-size: 14px; line-height: 20px; color: #6E788B;}
.workupbox .fomk .li .p.wu .em{ opacity: 0.4;}
.workupbox .fomm .indexpage{ margin-top: 35px;}

.weituobox{ padding: 30px;}
.weituobox .eli{ margin-top: 50px;}
.weituobox .eli:first-child{ margin-top: 0;}
.weituobox .eli .tp{ display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #E6E9ED;}
.weituobox .eli .tp .h{ font-size: 14px; color: #2C313A; line-height: 20px; font-weight: bold;}
.weituobox .eli .tp .more{ display: flex;}
.weituobox .eli .tp .more button{ border: none; background: #fff; width: auto; padding: 0 0 0 20px; margin: 0 0 0 30px; font-size: 14px; color: #6E788B; height: 20px; cursor: pointer;}
.weituobox .eli .tp .more button.c1{ background: url(../images/64.png) no-repeat left center; background-size: 15px auto;}
.weituobox .eli .tp .more button.c2{ background: url(../images/53.png) no-repeat left center; background-size: 14px auto;}
.weituobox .eli .tp .more button.c3{ background: url(../images/62.png) no-repeat left center; background-size: 11px auto;}
.weituobox .eli .list{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 10px;}
.weituobox .eli .list .li{ width: 49%; margin-top: 14px; display: flex; justify-content: space-between;}
.weituobox .eli .list .li .h{ font-size: 14px; line-height: 20px; color: #6E788B; width: 125px; text-align: right;}
.weituobox .eli .list .li .p{ font-size: 14px; line-height: 20px; width: calc(100% - 147px); color: #2C3038; /*font-weight: bold;*/}
.weituobox .eli .list .li .p a{ font-size: 14px; color: #409EFF;}
.weituobox .eli .form{ margin-top: 24px; border: 1px solid #E6E9ED; background: #FAFBFD; border-radius: 2px; padding: 0 10px;}
.weituobox .eli .form .el-table th.el-table__cell,
.weituobox .eli .form .el-table tr{ background: #FAFBFD;}
.weituobox .eli .form .el-table{ margin-bottom: -1px;}
.el-table th.el-table__cell>.cell{ display: block;}
.weiunll{ font-size: 14px; line-height: 20px; padding: 16px 0; color: #2C3038; opacity: 0.5; text-align: center;}
.weituobox2{ padding: 15px;}
.weituobox .mform .mv{ width: 36px; height: 36px; margin: auto; border-radius: 100%;}
.weituobox .mform .mv img{ display: block; width: 100%;}
.weituobox .mform .el-table__column-filter-trigger{ line-height: 20px;}
.weituobox .mform .el-tag--primary1{ background: #FFF9F9; border-color: #F56C6C; color: #F56C6C; padding: 0 8px; border-radius: 2px; height: 22px; line-height: 20px;}
.weituobox .mform .el-tag--success1{ background: #E9F4FF; border-color: #409EFF; color: #409EFF; padding: 0 8px; border-radius: 2px; height: 22px; line-height: 20px;}
.opertops{ display: flex;}
.opertops button{ border: 1px solid #6E788B; height: 32px; line-height: 32px; padding: 0 15px; width: auto; background: #6E788B; border-radius: 2px; cursor: pointer; display: flex;}
.opertops button i{ font-size: 14px; color: #fff; padding-left: 25px;}
.opertops button.t1 i{ background: url(../images/63.png) no-repeat left center; background-size: 15px auto;}
.weituobox .eli .wmmt{ margin-top: 12px;}
.formtime{ padding: 15px; overflow-x: auto;}
.formtime table{ width: 100%;}
.formtime table .em{ padding: 10px 20px; line-height: 20px; font-size: 14px; color: #2C3038;}
.formtime table tr:first-child,
.formtime table tr:last-child{ position: relative; font-weight: bold;}
.formtime table tr:first-child::after,
.formtime table tr:last-child::after{ width: 100%; height: 100%; background: #F6F7F8; border-bottom: 1px solid #E6E9ED; position: absolute; top: 0; left: 0; content: '';}
.formtime table tr{ border-top: 1px solid #E6E9ED;}
.formtime table tr:last-child::after{border-bottom: none;}
.formtime table tr td{ position: relative; z-index: 5;}
.formtime table tr:first-child .em,
.formtime table tr:last-child .em{ color: #6E788B;}
.operatingbox .openbox .stit .hp .p{ font-size: 14px; line-height: 20px; color: hsla(0,0%,0%,0.50);}
.operatingbox .openbox .stit .hp .p2{ padding-left: 24px; background: url(../images/16.png) no-repeat left center; background-size: 18px auto; cursor: pointer;}
.weituobox3{ padding: 15px; margin-bottom: 15px;}
.weituobox3 .eli .list{ padding: 10px 0 30px 0;}
.weituobox3 .eli .wmmt{ margin-top: 0;}
.el-table th.el-table__cell .cell{ white-space: nowrap;}
.operatingbox3{ left: 0;}

.richengbox{ padding: 0 36px; position: fixed; top: 5px; left: 0; right: 0; bottom: 20px; overflow-y: auto;}
.richengbox .richengtop{ display: flex; border-bottom: 1px solid #E6E9ED; padding-bottom: 6px;}
.richengbox .richengtop .li{ cursor: pointer; font-size: 16px; line-height: 22px; color: #6E788B; margin-left: 30px; position: relative; font-weight: bold;}
.richengbox .richengtop .li:first-child{ margin-left: 0;}
.richengbox .richengtop .li::after{ content: ''; width: 0%; height: 1px; background: #6E788B; position: absolute; left: 0; bottom: -7px; transition: all 0.5s;}
.richengbox .richengtop .li.on::after{ width: 100%;}
.richengbox .richengtop .li.on{ color: #2C313A;}
.richengbox .richengver{ display: flex; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; margin-top: 17px; border-radius: 4px; border: 1px solid #E6E9ED; /*background: #F6F7F8; padding: 0 8px;*/}
.richengbox .richengver .h{ font-size: 14px; line-height: 20px; color: #6E788B; font-weight: bold; position: relative; z-index: 2;}
.richengbox .richengver .p{ font-size: 12px; line-height: 18px; margin-top: 2px; color: #6E788B; position: relative; z-index: 2; padding-bottom: 4px;}
.richengbox .richengver .em,
.richengbox .richengver .i{ width: 25px; height: 3px; background: #F56C6C; border-radius: 2px; margin-top: 2px; opacity: 0; position: relative; z-index: 2;}
.richengbox .richengver .li.on .em,
.richengbox .richengver .li.on .i{ opacity: 1;}
.richengbox .richengver .li .i{ background: #67C23A;}
.richengbox .richengver .li{ padding: 12px 12px 10px 12px; position: relative; cursor: pointer;}
.richengbox .richengver .li::after{ position: absolute; top: -1px; left: 0; right: 0; bottom: -1px; background: linear-gradient(180deg, #FFFFFF 0%, #E2E7EB 100%); border: 1px solid #E6E9ED; content: ''; opacity: 0;}
.richengbox .richengver .li.on::after{ opacity: 1;}
.richengbox .richengmore{ display: flex; margin-top: 64px;}
.richengbox .richengmore button{ display: flex; padding: 0 15px; border-radius: 2px; background: #6E788B; height: 32px; line-height: 32px; border: 1px solid #6E788B; cursor: pointer;} 
.richengbox .richengmore button i{ font-size: 14px; color: #fff; padding-left: 30px; background: url(../images/43.png) no-repeat center left; background-size: 17px auto;}
.richengbox .richengform{ margin-top: 16px; border: 1px solid #E4E6EA; border-radius: 4px; padding: 30px 22px 30px 0;}
.richengbox .richengform .cki{ display: flex; justify-content: space-between;}
.richengbox .richengform .radios{ display: flex;}
.richengbox .richengform .radios .icon{ display: flex;}
.richengbox .richengform .radios .icon .k{ border: 1px solid #CBD3E1; background: #E6E9ED; padding: 0 12px; display: flex; align-items: center; font-size: 14px; color: #646A75; height: 32px; line-height: 32px; margin-right: 8px; border-radius: 2px;}
.richengbox .richengform .radios .icon .k i{ width: 12px; height: 12px; margin-left: 15px; cursor: pointer; position: relative; }
.richengbox .richengform .radios .icon .k i::after,
.richengbox .richengform .radios .icon .k i::before{ width: 100%; height: 1px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); content: '';}
.richengbox .richengform .radios .icon .k i::before{ transform: translate(-50%,-50%) rotate(-45deg);}
.richengbox .richengform .radios .n{ cursor: pointer; display: flex; height: 34px; line-height: 32px; border: 1px solid #E6E9ED; border-radius: 2px; background: #fff; padding: 0 12px; }
.richengbox .richengform .radios .n i{ font-size: 14px; padding-left: 25px; color: #6E788B; background: url(../images/7.png) no-repeat left center; background-size: 17px auto;}
.richengbox .richengform .el-select{ display: block;}
.topupbox .sole2{ width: auto; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; border: 1px solid #DADDE2; border-radius: 2px; text-align: center}
.topupbox .sole2::after,
.topupbox .sole2::before{ display: none;}
.topupbox2{ padding: 16px 36px;}
.openboxnav2 .minsnav .li a .p{ position: absolute; top: 50%; transform: translateY(-50%); left: 60px; white-space: nowrap; background: #6E788B; color: #fff; height: 34px; line-height: 34px; border-radius: 4px; padding: 0 8px; opacity: 0; transition: none;}
.openboxnav .minsnav .li{ position: relative;}
.openboxnav2 .minsnav .li a .p::after{ content: ''; width: 10px; height: 10px; background: #6E788B; position: absolute; top: 50%; left: -5px; transform: translateY(-50%) rotate(45deg); border-radius: 2px;}
.openboxnav2 .openmk .iconver{ justify-content: center;}
.openboxnav2 .minsnav .li a{ overflow: hidden;}
.openboxnav2 .minsnav .li:hover a{ overflow: inherit;}
.openboxnav2 .minsnav .li:hover a .p{ left: 50px; opacity: 1; transition: all 0.5s; color: #fff;}
.openboxnav2 .openmk{ padding: 15px;}
.openboxnav2 .minsnav .li a .m{ margin-right: 0; width: 24px;}
.xieboxswe .form .dli .vv{ display: flex; align-items: center; white-space: nowrap;}
.xieboxswe .form .dli .vv i{ margin-right: 10px;}
.workupbox .wordgr .vgt{ display: flex; justify-content:flex-start;}
.workupbox .wordgr .vgt .el-input{ width: 290px;}
.workupbox .wordgr .mms{ font-size: 14px; line-height: 20px; margin-top: 5px; color: #6E788B; opacity: 0.5;}
.workupbox .wordgr .vicon{ display: flex; border: 1px solid #E4E6EA; border-radius: 2px; padding: 6px;}
.workupbox .wordgr .vicon .p{ font-size: 14px; padding: 0 6px; height: 22px; line-height: 22px; background: #FAFBFD; border-radius: 2px; border: 1px solid #E4E8EF; color: #6E788B; display: flex; align-items: center; white-space: nowrap; margin-right: 4px;}
.workupbox .wordgr .vicon .p i{ display: block; margin-left: 4px; width: 8px; height: 8px; position: relative; opacity: 0.8; cursor: pointer;}
.workupbox .wordgr .vicon .p i::after,
.workupbox .wordgr .vicon .p i::before{ content: ''; width: 100%; height: 1px; background: #6E788B; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.workupbox .wordgr .vicon .p i::before{ transform: translate(-50%,-50%) rotate(-45deg);}
.workupbox .wordgr .vicon .el-input__inner{ width: auto; height: 24px; padding: 0; border: none; line-height: 24px;}
.workupbox .wordgr .vicon .el-input{ line-height: 24px; height: 24px; margin-left: 10px;}
.workupbox .wordgr .lis{ display: flex; justify-content: flex-start; flex-flow: wrap; padding-top: 5px;}
.workupbox .wordgr .lis p{ font-size: 14px; padding: 15px;}
.workupbox .wordgr .lis .el-radio{ width: calc(100% / 3); margin: 0; line-height: 30px;}
.workupbox .indexpage{ margin-top: 30px;} 
.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: 9%; 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: 10px; 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;}
.workupbox .lineswer .tp .p{ font-size: 16px; line-height: 22px; color: #303133; margin-top: 4px; text-align: center; display: flex; justify-content: center;}
.workupbox .lineswer .tp .p>div{ color: #67C23A;}
.workupbox .lineswer .line{ width: 310px; height: 10px; border-radius: 5px; background: #F5F7FA; margin: 30px auto 0; position: relative; overflow: hidden;}
.workupbox .lineswer .line div{ width: 0; height: 100%; border-radius: 5px; background: #909399; position: absolute; top: 0; left: 0; transition: all 0.5s;}
.workupbox .lineswer{ padding-top: 30px;}
.workupbox .lineswer .line div{ animation: www1 1s alternate; animation-delay: 0s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards}
@keyframes www1{
    0%   { width: 0; }
    100% { width: 100%; }
}
.richengbox .richengtop2{ display: flex; justify-content: space-between; margin-top: 20px;}
.richengbox .richengtop .mk{ display: flex;}
.richengbox .richengtop .mn{ display: flex;}
.richengbox .richengtop .mn .m{ line-height: 22px; margin-left: 60px; position: relative; font-size: 14px; color: hsla(0,0%,30%,0.50);}
.richengbox .richengtop .mn .m:first-child{ margin-left: 0;}
.richengbox .richengtop .mn .m::after{ width: 4px; height: 14px; border-radius: 2px; background: #F56C6C; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); content: '';}
.richengbox .richengtop .mn .m:nth-child(2)::after{ background: #67C23A;}
.richenglist .dli{ margin-top: 18px; border: 1px solid #E6E9ED; border-radius: 4px; padding: 15px 20px; background: #fff; position: relative;}
.richenglist .dli .list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.richenglist .dli .list .li{ display: flex; justify-content: flex-start; margin-top: 6px; width: 49%;}
.richenglist .dli .list .li:first-child{ width: 100%; margin-top: 0;}
.richenglist .dli .list .li .h{ font-size: 14px; line-height: 20px; color: #6E788B; white-space: nowrap; margin-right: 10px;}
.richenglist .dli .list .li .p{ font-size: 14px; color: #2C313A; line-height: 20px;}
.richenglist .dli .wker{ margin-top: 12px; background: #F6F7F8; border-radius: 4px; padding: 10px 20px; position: relative;}
.richenglist .dli .wker .h{ font-size: 14px; line-height: 20px; color: #6E788B;}
.richenglist .dli .wker .p{ font-size: 14px; line-height: 20px; color: #3C4047; margin-top: 2px;}
.richenglist .dli .wker .p2{ color: #E6A23C;}
.richenglist .dli.on .wker .p2{ color: #32A726;}
.richenglist .dli .wker::after{ left: 8px; position: absolute; top: 12px; bottom: 12px; width: 4px; background: #67C23A; border-radius: 2px; content: '';}
.richenglist .dli.on1 .wker::after{ background: #F56C6C;}
.richenglist .dli .more{ position: absolute; top: 20px; right: 20px; width: 18px; height: 20px; background: url(../images/24.png) no-repeat center; background-size: 100% auto; cursor: pointer;}
.richenglist .dli .img{ width: 58px; position: absolute; right: 35px; bottom: 35px; opacity: 0;}
.richenglist .dli .img img{ display: block; width: 100%;}
.richenglist .dli.on .img{ opacity: 1;}

.centerupbox .typeform{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.centerupbox .typeform .li{ /*display: flex; justify-content: space-between;*/ margin-top: 20px; width: 100%;}
/*.centerupbox .typeform .li .h{ width: 100px; display: flex; justify-content: flex-end; line-height: 36px; font-size: 14px; color: #6E788B;}
.centerupbox .typeform .li .h .i{ color: #F56C6C; margin-right: 5px;}*/
/*.centerupbox .typeform .li .mk{ width: calc(100% - 110px);}*/
.centerupbox .typeform .li .el-select{ display: block;}
.centerupbox .typeform .li .el-date-editor.el-input, .centerupbox .typeform .li .el-date-editor.el-input__inner{ width: 100%;}
.centerupbox .typeform .li .el-radio__label,
.centerupbox .typeform .li .el-checkbox__label{ padding-left: 6px; line-height: 36px;}
.centerupbox .typeform .li .ter{ display: flex; line-height: 36px;}
.centerupbox .typeform .li .ter .p{ font-size: 14px; color: #67C23A; margin-right: 12px;}
.centerupbox .typeform .li .ter a{ font-size: 14px; color: #4384FF; text-decoration: underline;}
.centerupbox .typeform .li2{ width: 47%;}
.centerupbox .typeform .li .el-input__inner{ height: 36px; line-height: 36px; border-radius: 2px; padding: 0 10px;}
.centerupbox .typeform .li .el-date-editor.el-input, 
.centerupbox .typeform .li .el-date-editor.el-input__inner{ width: 100%;}
.centerupbox .typeform .li .el-input__icon{ line-height: 36px;}
.centerupbox .typeform .li .el-input--prefix .el-input__inner{ padding: 0 30px;}
.centerupbox .typeform .li .el-form-item{ margin-bottom: 0;}
/*.centerupbox .typeform .li3 .h{ width: 100px;}*/
/*.centerupbox .typeform .li3 .mk{ width: calc(100% - 115px);}*/
/*.centerupbox .typeform .li2 .mk .inp{ width: 380px;}*/
.centerupbox .typeform .li2 .mk2{ display: flex; justify-content: space-between;}
.centerupbox .typeform .li2 .mk .sel{ width: 80px; margin-right: 12px;}
.centerupbox .typeform .li2 .mk2 .inp{ width: 258px;} 
.centerupbox .typeform .li2 .mk .t{ font-size: 14px; color: #49505D; opacity: 0.5; white-space: nowrap; line-height: 36px;}
/*.centerupbox .typeform .li3{ width: 620px;}*/
.centerupbox .typeform .li .vdr{ display: flex;}
.centerupbox .typeform .li .vdr .el-select{ width: 224px;}
.centerupbox .typeform .li .buut{ display: flex;}
.centerupbox .typeform .li .buut .ad{ width: 80px; height: 36px; border: 1px solid #E6E9ED; border-radius: 2px; display: flex; justify-content: center; line-height: 34px; margin-right: 6px; background: #fff; cursor: pointer;}
.centerupbox .typeform .li .buut .ad i{ display: block; font-style: normal; font-size: 14px; color: #6E788B; padding-left: 25px; background: url(../images/7.png) no-repeat left center; background-size: 18px auto; line-height: 32px;}
.centerupbox .typeform .li .buut .ico { display: flex; flex-wrap: wrap;}
.centerupbox .typeform .li .buut .ico .v {background: #E6E9ED;border-radius: 2px;padding: 0 10px;display: flex; justify-content: space-between;align-items: center; border: 1px solid #CBD3E1;  line-height: 34px; margin-right: 4px; cursor: pointer; margin-bottom: 4px;}
.centerupbox .typeform .li .buut .ico .v div{ font-size: 14px; margin-right: 20px;}
.centerupbox .typeform .li .buut .ico .v i{ width: 12px; height: 12px; position: relative; transition: all 0.5s;}
.centerupbox .typeform .li .buut .ico .v i::after,
.centerupbox .typeform .li .buut .ico .v i::before{ width: 100%; height: 1px; background: #000; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); cursor: pointer; opacity: 0.5;}
.centerupbox .typeform .li .buut .ico .v i::before{ transform: translate(-50%,-50%) rotate(-45deg);}
.centerupbox .typeform .li .buut .ico .v i:hover{ transform: rotate(180deg);}
.centerupbox .typeform .li .pss{ font-size: 14px; line-height: 20px; color: #F56C6C; margin-top: 10px;}
.centerupbox .typeform .rad2{ display: flex; justify-content: flex-start;}
.centerupbox .typeform .li4{ width: 100%;}
.centerupbox .typeform .li .gr1{ margin-right: 35px;}
.centerupbox .typeform .li4 .h{ width: 120px;}
.centerupbox .typeform .li4 .mk{ width: calc(100% - 135px);}
.centerupbox .typeform .li .cv{ width: 16px; height: 36px; background: url(../images/10.png) no-repeat center; background-size: 100% auto; position: relative; cursor: pointer; margin-left: 5px; z-index: 5;}
.centerupbox .typeform .li .cv .a{ display: none; padding: 5px 8px; font-size: 14px; line-height: 20px; border-radius: 2px; background: #fff; border: 1px solid #E4E6EA; position: absolute; top: 0; left: 25px; white-space: nowrap; box-shadow: 0 0 10px #eee;}
.centerupbox .typeform .li .cv:hover .a{ display: block;}
.centerupbox .typeform .li .cv .a::after{ width: 10px; height: 10px; background: #E4E6EA; position: absolute; top: 50%; left: -5px; transform: translateY(-50%) rotate(45deg); content: ''; z-index: -1;}
.weituoupbox .h{ font-size: 16px; line-height: 22px; text-align: center; font-weight: bold;}
.weituoupbox .more{ display: flex; justify-content: center; margin-top: 24px;}
.weituoupbox .more button{ display: block; width: 160px; height: 36px; line-height: 36px; border: 1px solid #DADDE2; font-size: 14px; color: #6E788B; margin: 0 15px; background: #fff; border-radius: 2px; cursor: pointer; transition: all 0.5s;}
.weituoupbox .more button:hover{ background: #6E788B; color: #fff; border-color: #6E788B;}
.centerupbox2{ bottom: 0;}
.weituopepbox{ display: flex; justify-content: space-between;}
.weituopepbox .form{ width: 530px;}
.weituopepbox .form .el-select{ display: block;}
.weituopepbox .img{ width: 355px; padding-right: 10px;}
.weituopepbox .img .tp .h{ font-size: 14px; line-height: 40px; color: #6E788B; font-weight: bold;}
.weituopepbox .img .tp .p{ font-size: 14px; line-height: 1; color: hsla(219,12%,49%,0.50); margin-top: -5px;}
.weituopepbox .img .mk{ margin-top: 12px;}
.weituopepbox .img .mk .li{ margin-top: 36px;}
.weituopepbox .img .mk .li:first-child{ margin-top: 0;}
.weituopepbox .img .mk .li .el-upload-list--picture-card{ display: block; height: 172px; width: 280px; border-radius: 2px; /*border: 1px solid #CED2D9; padding: 10px 0;*/}
.weituopepbox .img .mk .li .el-upload-list--picture-card .el-upload-list__item{ /*width: 330px; height: 200px; margin: auto;*/ height: 150px; width: 280px; display: block; border: none;}
.weituopepbox .img .mk .li:first-child .el-upload-list--picture-card{ background: url(../images/69.png) no-repeat center; background-size: 268px auto; border: 1px solid #C0C4CC; border-radius: 4px;}
.weituopepbox .img .mk .li:nth-child(2) .el-upload-list--picture-card{ background: url(../images/71.png) no-repeat center; background-size: 268px auto; border: 1px solid #C0C4CC; border-radius: 4px;}
.weituopepbox .img .mk .li .el-upload--picture-card{ display: block; width: auto; height: auto; background: #fff; border: none; line-height: normal; text-align: inherit;}
.weituopepbox .img .mk .li .bot{ display: flex; margin-top: 14px;}
.weituopepbox .img .mk .li .el-upload--picture-card i{ width: 80px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; color: #fff; background: #6E788B; border-radius: 2px; margin-right: 14px;}
.weituopepbox .img .mk .li .el-upload--picture-card i::before{ display: none;}
.weituopepbox .img .mk .li .p{ font-size: 14px; line-height: 32px; color: #6E788B; opacity: 0.5;}
.topupbox3{ position: absolute;}
.weituopepbox .img .mk .li3:first-child .el-upload-list--picture-card{ padding: 8px 0; width: 250px; height: 285px; background: url(../images/70.png) no-repeat center; background-size: 235px 285px;}
.weituopepbox .img .mk .li3 .el-upload-list--picture-card .el-upload-list__item{ width: 235px; height: 285px;}
.centerupbox3{ position: relative; top: auto; left: auto; right: auto; bottom: auto; padding-top: 54px;}
.workupbox .tpform2 .el-form{ justify-content: flex-start; margin-bottom: 18px;}
.workupbox .tpform2 .el-form .m{ display: flex; white-space: normal; padding: 0 10px; height: 32px; background: #F6F7F8; line-height: 32px; border-radius: 2px; border: 1px solid #CED2D9; cursor: pointer; margin-right: 20px;}
.workupbox .tpform2 .el-form .m i{ white-space: nowrap; font-size: 14px; color: #6E788B; padding-left: 20px; background: url(../images/64.png) no-repeat left center; background-size: 14px auto;}
.workupbox .tpform2 .el-form .m2 i{ background: url(../images/20.png) no-repeat left center; background-size: 11px auto; padding-left: 15px;}
.workupbox .tpform2 .el-form .el-form-item{ width: 425px; margin: 0 10px 0 0;}
.workupbox .tpform2 .el-form .el-input__inner,
.workupbox .tpform2 .el-form .el-input{ border-radius: 2px; display: block;}
.workupbox .tpform2 .el-button{ padding: 0 15px; border: 1px solid #DADDE2; border-radius: 2px; display: block; margin-left: 10px; cursor: pointer;}
.workupbox .tpform2 .el-form .el-input{ padding: 0 0px 0 10px;}
.centerupbox .typeform .li .mk .el-select{ display: block;}
.topshengcha .qli{ margin-top: 25px; display: flex; justify-content: flex-start; align-items: center;}
.topshengcha .qli:first-child{ margin-top: 0;}
.topshengcha .qli .h{ font-size: 14px; color: #6E788B; margin-right: 16px; font-weight: bold;}
.topshengcha .qli .el-input__icon{ line-height: normal;}
.topshengcha .qli .input .el-select{ margin-right: 16px;}
.topshengcha .qli2{ justify-content: space-between; align-items: unset;}
.topshengcha .qli .sli{ width: 450px;}
.topshengcha .qli .lisd{ border: 1px solid #E6E9ED; margin-top: 8px; height: 360px;}
.topshengcha .qli .lisd .sear{ border-bottom: 1px solid #E6E9ED; display: flex; box-sizing: border-box;}
.topshengcha .qli .lisd .sear input{ display: block; height: 40px; width: 100%; font-size: 14px; color: #6E788B; padding: 0 15px; border: none; background: #fff;}
.topshengcha .qli .lisd .tit{ border-bottom: 1px solid #E6E9ED; line-height: 40px; padding: 0 15px; display: flex; justify-content: space-between;}
.topshengcha .qli .lisd .tit .p{ font-size: 14px; color: #6E788B; font-weight: bold;}
.topshengcha .qli .lisd .tit .p i{ opacity: 0.5; font-weight: 100;}
.topshengcha .qli .lisd .tit button.s{ display: block; width: 12px; height: 40px; cursor: pointer; background: url(../images/62.png) no-repeat center; background-size: 11px auto; border: none;} 
.dialogboxtwo .el-dialog{ margin: 0!important; padding: 0!important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.dialogboxtwo .el-dialog__header{ display: none;}
.dialogboxtwo .el-dialog__body{ padding: 0; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.navleftboxtwo{ position: relative;}
.navleftboxtwo .formyu{ position: absolute; top: 160px; left: 0; right: 0; bottom: 10px; overflow-y: auto; padding: 0 15px;}



/* 新 - 12.20 */
.shezhilistbox{ padding: 0 5px;}
.shezhilistbox .li{ display: flex; justify-content: space-between; align-items: center; background: #FAFBFD; border-radius: 4px; padding: 8px 16px; margin-top: 10px;}
.shezhilistbox .li:first-child{ margin-top: 0;}
.shezhilistbox .li .left{ display: flex; align-items: center;}
.shezhilistbox .li .img, 
.shezhilistbox .li .img .avatar-uploader,
.shezhilistbox .li .img .el-upload{ display: block; width: 68px; height: 68px; border-radius: 100%; overflow: hidden;}
.shezhilistbox .li .img .el-upload{ background: #fff url(../images/2.jpg) no-repeat center; background-size: 76% auto;}
.shezhilistbox .li .img .el-upload img{ display: block; width: 100%;}
.shezhilistbox .li .img .el-upload i{ opacity: 0;}
.shezhilistbox .li .mr .el-button{ padding: 0; display: block;}
.shezhilistbox .li .mr .el-button span{ font-size: 14px; line-height: 20px; color: #409EFF;}
.shezhilistbox .li .left .h{ font-size: 14px; line-height: 20px; color: #6E788B; margin-right: 25px; padding: 10px 0;}
.shezhilistbox .li .left .el-input__inner{ display: block; border: none; padding: 0; height: 20px; font-size: 14px; color: #000; line-height: 20px; background: hsla(0,0%,100%,0.00); width: 150px;}
.shezhilistbox .li .left .el-input{ display: block; width: auto;}
.workupbox{ padding: 0 20px;}
.shezhiformbox .yan{ display: flex; justify-content: space-between; align-items: center;}
.shezhiformbox .yan .el-input{ width: 150px;}
.shezhiformbox .yan .el-button{ width: 100px; padding: 0; margin: 0; line-height: 32px; height: 32px; text-align: center;}
.shezhiformbox{ padding-right: 15px;}
.shezhiformbox .el-form-item:last-child{ margin-bottom: 0;}
.shezhiweixinbox{ padding: 10px 0 0 0;}
.shezhiweixinbox .m img{ display: block; width: 160px; margin: auto;}
.shezhiweixinbox .p{ font-size: 14px; line-height: 20px; text-align: center; margin-top: 15px;}
#idminebox{ height: 460px; display: none;}
#idminebox .topupbox, #idminebox .boot-boot{ position: absolute;}


/*登录类型*/
.entryboxmink{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh;}
.entryboxmink .img{ width: calc(100% - 800px); height: 100%; position: absolute; top: 0; right: 0; z-index: 0; overflow: hidden;}
	.entryboxmink .img img{ display: block; width: 100%;}
/*.entryboxmink .img::after{ content: ''; background: #294170; opacity: 0.9; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
.entryboxmink .textbox{ width: 800px; height: 100%; position: absolute; top: 0; left: 0; background: #ECEEF2;}	
.entryboxmink .textbox .wker{ width: 560px; margin: auto; padding-top: 120px;}
.entryboxmink .textbox .wker .tit .m img{ display: block; height: 45px; margin-bottom: 18px;}
.entryboxmink .textbox .wker .tit .en{ font-size: 20px; line-height: 28px; margin-bottom: 2px; color: #2C313A;}
.entryboxmink .textbox .wker .tit .h{ font-size: 50px; line-height: 70px; color: #2C313A; font-weight: bold;}
.entryboxmink .textbox .wker .tit .s{ font-size: 18px; line-height: 24px; color: #6E788B; text-transform: uppercase;}
.entryboxmink .textbox .wker .list{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.entryboxmink .textbox .wker .list .li{ width: 160px; margin: 40px 40px 0 0;}
.entryboxmink .textbox .wker .list .li:nth-child(3n){ margin: 40px 0 0 0;}
.entryboxmink .textbox .wker .list .li a{ display: flex; justify-content: center; align-items: center; border: 1px solid #E2E2E2; background: #fff; border-radius: 7px; min-height: 160px; transition: all 0.5s; text-decoration: none;}
.entryboxmink .textbox .wker .list .li:hover a{ background: #51607D; border-color: #51607D; box-shadow: 0px 0px 11px 0px rgba(81,96,125,0.45);}
.entryboxmink .textbox .wker .list .li .m{ width: 50px; height: 50px; margin: auto; position: relative;}
.entryboxmink .textbox .wker .list .li .m img{ display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s;}
.entryboxmink .textbox .wker .list .li .m img.m2{ opacity: 0;}
.entryboxmink .textbox .wker .list .li:hover .m img.m2,
.entryboxmink .textbox .wker .list .li.on .m img.m2{ opacity: 1;}
.entryboxmink .textbox .wker .list .li:hover .m img.m1,
.entryboxmink .textbox .wker .list .li.on .m img.m1{ opacity: 0;}
.entryboxmink .textbox .wker .list .li .p{ font-size: 18px; line-height: 24px; text-align: center; margin-top: 5px; color: #6E788B; transition: all 0.5s;}
.entryboxmink .textbox .wker .list .li:hover .p,
.entryboxmink .textbox .wker .list .li.on .p{ color: #fff;}
.entryboxmink .textbox .wker .bot{ margin-top: 42px; display: flex;}
.entryboxmink .textbox .wker .bot .m img{ display: block; height: 20px; margin-right: 5px;}
.entryboxmink .textbox .wker .bot .h{ font-size: 14px; line-height: 20px; margin-bottom: 8px; color: #6E788B;}
.entryboxmink .textbox .wker .bot a{ text-decoration: none;}
.entryboxmink .textbox .wker .bot .p{ font-size: 14px; line-height: 20px; margin-bottom: 8px; color: #6E788B; opacity: 0.6;}
.entryboxmink .textbox .wker .bot .s{ font-size: 14px; line-height: 20px; margin-bottom: 8px; color: #409EFF; opacity: 0.6;}
/*登录*/
.entryboxmaxv{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center;}
.entryboxmaxv .img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden;}
.entryboxmaxv .img img{ display: block; width: 100%;}
/*.entryboxmaxv .img::after{ content: ''; background: #294170; opacity: 0.9; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
.entryboxmaxv .vform{ width: 500px; position: relative; z-index: 5; background: #fff; border-radius: 4px; box-shadow: 0px 2px 107px 0px rgba(41,51,82,0.3);}
.entryboxmaxv .vform .wker{ padding: 60px 50px 55px 50px; position: relative;}
.entryboxmaxv .vform .wker .icon{ position: absolute; top: 0; right: 0; background: hsla(219,22%,29%,0.20); line-height: 36px; padding: 0 14px; border-radius: 0 4px 0 20px; font-size: 14px; color: #F9F9F9;}
.entryboxmaxv .vform .wker .tit .m img{ display: block; height: 45px;}
.entryboxmaxv .vform .wker .tit .h{ font-size: 22px; line-height: 34px; margin: 25px 0 0 0; font-weight: bold;}
.entryboxmaxv .vform .wker .tit{ padding-bottom: 12px; border-bottom: 1px solid #D8D8D8; margin-bottom: 40px;}
.entryboxmaxv .vform .wker .list .h{ font-size: 16px; line-height: 22px; color: #2C313A; margin-bottom: 10px;}
.entryboxmaxv .vform .wker .list .li{ margin-top: 25px;}
.entryboxmaxv .vform .wker .list .li:first-child{ margin-top: 0;}
.entryboxmaxv .vform .wker .list .li .el-form-item{ border: 1px solid #DCDFE6; border-radius: 2px; display: flex; justify-content: space-between; align-items: center; margin: 0;/* padding: 5px 0;*/}
.entryboxmaxv .vform .wker .list .li .el-form-item__label{ width: 46px; height: 36px; overflow: hidden; color: hsla(0,0%,100%,0.00); background: hsla(0,0%,100%,0.00); border-right: 1px solid #DCDFE6;}
.entryboxmaxv .vform .wker .list .li .el-form-item__label::before{ display: none!important;}
.entryboxmaxv .vform .wker .list .li .el-form-item::after, .entryboxmaxv .vform .wker .list .li .el-form-item::before{ display: none;}
.entryboxmaxv .vform .wker .list .li .el-form-item__content{ width: calc(100% - 64px); line-height: normal;}
.entryboxmaxv .vform .wker .list .li .el-form-item__content .el-input__inner{ display: block; height: 46px; padding: 0; font-size: 16px; border: none; border-radius: 0; color: #2C313A; background: hsla(0,0%,100%,0.00);}
.entryboxmaxv .vform .wker .list .li2{ display: flex; justify-content: space-between;}
.entryboxmaxv .vform .wker .list .li2 .el-form-item{ width: 200px;}
.entryboxmaxv .vform .wker .list .li .vs{ display: flex; align-items: center;}
.entryboxmaxv .vform .wker .list .li .vs .el-button{ font-size: 14px; line-height: 20px; padding: 0; margin: 0 0 0 15px; border: none; border-radius: 0;background: hsla(0,0%,100%,0.00);}
.entryboxmaxv .vform .wker .list .li .vs .el-button span{ color: #DCDFE6;}
.entryboxmaxv .vform .wker .list .li .vs .v{ width: 120px; height: 46px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.entryboxmaxv .vform .wker .list .li .vs .v img{ display: block; width: 100%;}
.entryboxmaxv .vform .wker .list .li .sub{ display: block; width: 100%; border: none; border-radius: 2px; height: 46px; line-height: 46px; margin: 0; padding: 0; background: #3A455A; font-size: 16px; color: #DCDFE6; box-shadow: 0px 2px 23px 0px rgba(136,136,136,0.5);}
.entryboxmaxv .vform .wker .bot{ display: flex; justify-content: space-between; margin-top: 25px;}
.entryboxmaxv .vform .wker .bot .l a{ display: flex; text-decoration: none;}
.entryboxmaxv .vform .wker .bot .l a img{ display: block; height: 20px; margin-right: 5px;}
.entryboxmaxv .vform .wker .bot .l .s{ font-size: 14px; line-height: 20px; color: #6E788B;}
.entryboxmaxv .vform .wker .bot .l :hover .s{ text-decoration: underline;}
.entryboxmaxv .vform .wker .bot .n a{ font-size: 14px; line-height: 20px; display: block; color: #6E788B; opacity: 0.6; transition: all 0.5s; text-decoration: none;}
.entryboxmaxv .vform .wker .bot .n a:hover{ opacity: 1; text-decoration: underline;}
.entryboxmaxv .vform .wker .list .xx1 .el-form-item__label{ background: url(../images/pp13.png) no-repeat center; background-size: 21px auto;}
.entryboxmaxv .vform .wker .list .xx2 .el-form-item__label{ background: url(../images/pp11.png) no-repeat center; background-size: 18px auto;}
.entryboxmaxv .vform .wker .list .xx3 .el-form-item__label{ background: url(../images/pp12.png) no-repeat center; background-size: 20px auto;}

.entryboxmaxv2 .vform .wker{ padding: 0;}
.entryboxmaxv2 .vform .wker .tit{ padding: 40px 45px 22px 45px; margin: 0;}
.entryboxmaxv2 .vform .wker .tit .m img{ height: 30px;}
.entryboxmaxv2 .vform .wker .tit .h{ font-size: 16px; line-height: 22px; margin-top: 25px; opacity: 0.6;}
.entryboxmaxv2 .vform .wker .list{ padding: 50px; background: #FAFAFB; border-radius: 0 0 4px 4px;}
.entryboxmaxv2 .vform .wker .list .h{ font-size: 20px; line-height: 28px; font-weight: bold; margin-bottom: 20px;}

#nprogress {pointer-events: none;}
#nprogress .bar {background: #67c23a;position: fixed;z-index: 1031;top: 0;left: 0;width: 100%;height: 2px;}
#nprogress .peg {display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 10px #67c23a, 0 0 5px #67c23a;opacity: 1.0;-webkit-transform: rotate(3deg) translate(0px, -4px);-ms-transform: rotate(3deg) translate(0px, -4px);transform: rotate(3deg) translate(0px, -4px);}
[v-cloak]{display: none;}

.newlaw .right .list .cli .vker .li{ display: block;}
.newlaw .right .list .cli .vker .li .tpp{ display: flex; justify-content: space-between;}
.newlaw .right .list .cli .vker .mli .li{ display: flex; justify-content: space-between;}

.shezhilistbox{ padding: 0 5px;}
.shezhilistbox .li{ display: flex; justify-content: space-between; align-items: center; background: #FAFBFD; border-radius: 4px; padding: 8px 16px; margin-top: 10px;}
.shezhilistbox .li:first-child{ margin-top: 0;}
.shezhilistbox .li .left{ display: flex; align-items: center;}
.shezhilistbox .li .img, 
.shezhilistbox .li .img .avatar-uploader,
.shezhilistbox .li .img .el-upload{ display: block; width: 68px; height: 68px; border-radius: 100%; overflow: hidden;}
.shezhilistbox .li .img .el-upload{ background: #fff url(../images/2.jpg) no-repeat center; background-size: 76% auto;}
.shezhilistbox .li .img .el-upload img{ display: block; width: 100%;}
.shezhilistbox .li .img .el-upload i{ opacity: 0;}
.shezhilistbox .li .mr .el-button{ padding: 0; display: block;}
.shezhilistbox .li .mr .el-button span{ font-size: 14px; line-height: 20px; color: #409EFF;}
.shezhilistbox .li .left .h{ font-size: 14px; line-height: 20px; color: #6E788B; margin-right: 25px; padding: 10px 0;}
.shezhilistbox .li .left .el-input__inner{ display: block; border: none; padding: 0; height: 20px; font-size: 14px; color: #000; line-height: 20px; background: hsla(0,0%,100%,0.00); width: 150px;}
.shezhilistbox .li .left .el-input{ display: block; width: auto;}
.workupbox{ padding: 0 20px; min-height: 200px;}
.shezhiformbox .yan{ display: flex; justify-content: space-between; align-items: center;}
.shezhiformbox .yan .el-input{ width: 150px;}
.shezhiformbox .yan .el-button{ width: 100px; padding: 0; margin: 0; line-height: 32px; height: 32px; text-align: center;}
.shezhiformbox{ padding-right: 15px;}
.shezhiformbox .el-form-item:last-child{ margin-bottom: 0;}
.shezhiweixinbox{ padding: 10px 0 0 0;}
.shezhiweixinbox .m img{ display: block; width: 160px; margin: auto;}
.shezhiweixinbox .p{ font-size: 14px; line-height: 20px; text-align: center; margin-top: 15px;}
#idminebox{ height: 460px; display: none;}
#idminebox .topupbox, #idminebox .boot-boot{ position: absolute;}
.mineboxmax{ display: flex; justify-content: flex-end;}
.mineboxmax .lefts{ width: 120px; position: fixed; top: 60px; left: 20px;}
.mineboxmax .rights{ width: calc(100% - 130px);}
.mineboxmax .lefts .li{ font-size: 14px; line-height: 20px; margin-bottom: 20px; color: #6E788B; transition: all 0.5s; cursor: pointer;}
.mineboxmax .lefts .li:hover,
.mineboxmax .lefts .li.on{ color: #000; font-weight: bold;}
.mineboxmax .minform{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -50px;}
.mineboxmax .minform .el-form-item{ width: 49%;}
.mineboxmax .minform .el-form-item.vms{ width: 100%;}
.mineboxmax .jinform .tp{ border-bottom: 1px solid #D8D8D8; display: flex; margin-bottom: 28px;}
.mineboxmax .jinform .tp .li{ font-size: 14px; line-height: 20px; padding-bottom: 8px; cursor: pointer; position: relative; margin-left: 30px; transition: all 0.5s; color: #6E788B;}
.mineboxmax .jinform .tp .li:first-child{ margin-left: 0;}
.mineboxmax .jinform .tp .li::after{ content: ''; width: 0; height: 1px; background: #425E9F; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}
.mineboxmax .jinform .tp .li.on::after{ width: 100%;}
.mineboxmax .jinform .tp .li.on,
.mineboxmax .jinform .tp .li:hover{ color: #000; font-weight: bold;}
.mineboxmax .jinform .ter .el-form-item__label{ display: none;}
.mineboxmax .jinform .ter .el-form-item__content{ margin-left: 0!important;}
.mineboxmax .jinform .ter .el-textarea__inner{ min-height: 380px!important;}
.mineboxmax .jintable .el-image{ width: auto; height: 20px!important;}
.mineboxmax .jintable .el-image img{ display: block; width: auto!important; height: 100%!important; margin-right: 22px;}
.mineboxmax .jintable .pu{ font-size: 14px; line-height: 20px; color: #409EFF; margin-bottom: 10px;}
.mineboxmax .jintable .pu .el-button--text{ padding: 0; line-height: 20px; color: #409EFF;}

.workupbox .wordgr .el-form-item.ds .el-form-item__content{ display: flex; align-items: center;}
.workupbox .wordgr .el-form-item.ds .el-autocomplete{ width: 70%; margin-right: 20px;}

.newlaw .right .typebox .radionxuan .tts .li{ display: block; margin: 0;}
.newlaw .right .typebox .radionxuan .tts .li li{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 12px;}
.newlaw .right .typebox .radionxuan .tts .li li select{width: 240px;margin-right: 10px;font-size: 14px;color: #49505D;display: block;border-color: #E4E6EA;padding: 0 25px 0 10px; appearance: none;}
.typescuues .ali .wkr{ margin-bottom:12px;}

.workupbox .gli .rad{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.workupbox .gli .rad .gr1{ margin-right: 10px;}

.feiyongboxlist{ padding: 15px 55px 0 0;}
.feiyongboxlist .el-form-item__content{ position: relative;}
.feiyongboxlist .el-form-item__content .vc{ position: absolute; top: 0; right: 12px; font-size: 14px;}
.feiyongboxlist .addbox{ padding: 0 0 0 150px; margin-bottom: 15px;}
.feiyongboxlist .addbox .fencov .li{ background: #F6F7F8; border-radius: 4px; margin-bottom: 12px; padding: 10px;}
/*.feiyongboxlist .addbox .fencov .li:first-child{ margin-top: 0;}*/
.feiyongboxlist .addbox .fencov .li .tp{ display: flex; justify-content: space-between; margin-bottom: 8px;}
.feiyongboxlist .addbox .fencov .li .h{ font-size: 14px; line-height: 20px; color: #6E788B;}
.feiyongboxlist .addbox .fencov .li .tp button{ display: block; width: auto; height: 20px; font-size: 14px; color: #6E788B; padding-left: 15px; background: url(../images/62.png) no-repeat left center; background-size: 11px auto; border: none; cursor: pointer;}
.feiyongboxlist .fenadd{ display: flex;}
.feiyongboxlist .fenadd button{ display: block; padding: 0 12px; height: 32px; line-height: 32px; border: 1px solid #E6E9ED; border-radius: 2px; background: #fff; cursor: pointer;}
.feiyongboxlist .fenadd button i{ display: block; font-size: 14px; color: #6E788B; padding-left: 20px; background: url(../images/64.png) no-repeat center left; background-size: 14px auto;}
.feiyongboxlist .more { display: flex;justify-content: space-between;}
.feiyongboxlist .more .nli{ display: flex;}
.feiyongboxlist .more .nli:first-child{ margin-top: 0;}
.feiyongboxlist .more .nli .x{ font-size: 14px; line-height: 20px; color: #6E788B;}
.feiyongboxlist .more .nli .z{ font-size: 14px; color: #2C313A; margin-left: 5px;}
.feiyongboxlist .more{ padding: 10px 0 0 150px;}

.el-dialog {
     display: flex;
     flex-direction: column;
     margin:0 !important;
     position:absolute;
     top:45%;
     left:50%;
     /*height:600px;*/
     max-height:calc(100% - 200px);
     max-width:calc(100% - 30px);
}
.el-dialog .el-dialog__body {
     flex:1;
     overflow: auto;
}

.el-dialog__body .typebox .radiobox .li{ padding-top: 2px; display: flex; justify-content: space-between; align-items: flex-start;}
.el-dialog__body .typebox .radiobox .li:first-child{ margin-top: 0;}
.el-dialog__body .typebox .radiobox .li .sh{ font-size: 16px; width: 70px; line-height: 34px; text-align: right; color: #49505D; margin-top: 10px;}
.el-dialog__body .typebox .radiobox .li .vfs{ width: calc(100% - 80px); display: flex; justify-content: flex-start; flex-wrap: wrap;}
.el-dialog__body .typebox .radiobox .li .vfs label{ line-height: 32px; display: block; border: 1px solid #E4E6EA; margin: 10px 10px 0 0; background: #fff; border-radius: 2px; padding: 0 18px;}
.el-dialog__body .typebox .radiobox .li .vfs label .el-radio__input{ display: none;}
.el-dialog__body .typebox .radiobox .li .vfs label .el-radio__label{ padding: 0;}
.el-dialog__body .typebox .radiobox .li .vfs label.is-checked{ background: #6E788B; border-color: #6E788B; color: #fff;}
.el-dialog__body .typebox .radiobox .li .vfs label.is-checked .el-radio__label{ color: #fff;}
.el-dialog__body .typebox .radiobox .li .vfs label:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.el-dialog__body .typebox .radiobox .li .vfs label:hover .el-radio__label{ color: #49505D;}
.el-dialog__body .typebox .radionxuan{ padding: 18px 22px 40px 22px; border-top: 1px solid #E6E9ED; margin-top: 24px;}
.el-dialog__body .typebox .radionxuan .h{ font-size: 16px; line-height: 22px; color: #49505D; font-weight: bold;}
.el-dialog__body .typebox .radionxuan .p{ font-size: 14px; line-height: 20px; margin-top: 8px; color: #F56C6C;}
.el-dialog__body .typebox .radionxuan .tts .li{ margin-top: 12px; display: flex;}
.el-dialog__body .typebox .radionxuan .tts .li .el-select{ margin-right: 12px;}
.el-dialog__body .typebox .radionxuan .tts .li .el-select .el-input__inner{ width: 300px; border-color: #E4E6EA; border-radius: 2px; height: 34px; line-height: 34px;}
.el-dialog__body .typebox .radionxuan .tts .li .el-input__icon{ line-height: 34px;}
.el-dialog__body .typebox .radionxuan .tts .li button{ background: #6E788B; height: 34px; border: 1px solid #6E788B; padding: 0 10px; border-radius: 2px; font-size: 14px; color: #fff; cursor: pointer;}
.el-dialog__body .typebox .radionxuan .add{ width: 110px; height: 32px; line-height: 32px; cursor: pointer; display: flex; justify-content: center; margin-top: 17px; border: 1px solid #E6E9ED; border-radius: 2px;}
.el-dialog__body .typebox .radionxuan .add i{ font-style: normal; padding-left: 25px; font-size: 14px; color: #6E788B; background: url(../images/9.png) no-repeat left center; background-size: 13px auto;}
.el-dialog__body .typebox .radiozhu{ background: #FAFBFD; border-radius: 4px; padding: 20px 80px;}
.el-dialog__body .typebox .radiozhu .h{ font-size: 16px; line-height: 22px; color: #49505D;}
.el-dialog__body .typebox .radiozhu .p{ font-size: 18px; line-height: 25px; color: #67C23A; margin-top: 10px;}
.el-dialog__body .typebox .radionxuan .tts .li{ display: block; margin: 0;}
.el-dialog__body .typebox .radionxuan .tts .li li{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 12px;}
.el-dialog__body .typebox .radionxuan .tts .li li select{width: 220px;margin-right: 10px;font-size: 14px;color: #49505D;display: block;border-color: #E4E6EA;padding: 0 25px 0 10px; appearance: none;}
.workupbox .list>div.el-checkbox-group{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.workupbox .wordgr .vkr>.el-radio-group{ display: block!important;}
.workupbox .fomk .li .p .em span{ margin-right: 7px; }

.liyiver{ padding: 30px 0; display: flex; justify-content: center;}
.liyiver .li{ display: flex; margin: 0 20px; line-height: 24px;}
.liyiver .li .m img{ display: block; width: 24px; margin-right: 20px}
.liyiver .li .h{ font-size: 16px; margin-right: 20px; color: #535A68;}
.liyiver .li .w{ font-size: 16px;}
.liyiver .li .w1{ color: #67C23A;}
.liyiver .li .w2{ color: #FF0000;}

.classtotle{ padding-right: 10px;}
.classtotle .cm .el-input__inner{ padding: 0; border: none; background: hsla(0,0%,100%,0.00); color: #333;}
.classtotle .ver{ display: flex; justify-content: space-between; align-items: flex-start;}
.classtotle .ver .as{ width: 40px; height: 32px; background: hsla(220,11%,78%,0.20) url(../images/64.png) no-repeat center;}
.classtotle .ver .vv{ width: calc(100% - 60px); display: flex; justify-content: space-between;}
.classtotle .ver .vv .el-form-item{ width: 49%; position: relative;}
.classtotle .ver .vv .el-select{ display: block;}
.classtotle .ver .vv .v{ position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.classtotle .el-tag{ border-radius: 2px;}
.classtotle .el-form-item__label, .classtotle .el-form-item__content{ line-height: 32px;}

.jsgsbox{ padding: 10px;}
.jsgsbox .h{ font-size: 20px; text-align: center; line-height: 30px; font-weight: bold;}
.jsgsbox .p{ font-size: 15px; line-height: 26px; margin-top: 10px;}
.jsgsbox .p em{ padding: 5px 0;font-size: 16px;font-weight: bold;}
.jsgsbox .p p{ padding: 5px 0;}

.formfionbox .uli .li .p{ display: flex; flex-wrap: wrap;}
.formfionbox .uli .li .p .t{ font-size: 14px; margin-right: 10px;}
.formfionbox .uli .li .p .s{ font-size: 14px; text-decoration: line-through; margin-right: 10px; color: #999;}
.formfionbox .uli .li .p .d{ font-size: 14px; color: #409EFF; cursor: pointer; margin-right: 20px;}
.formfionbox .uli .li .p .lis{display: flex;}
.formfionbox .uli .li .p .vc{ font-size: 14px; color: hsla(359,100%,50%,1.00); cursor: pointer;}
.feiyongboxlist2 .el-form-item__label{ float: none;}
.feiyongboxlist2{ padding: 15px 20px;}
.feiyongboxlist2 .el-form-item__content{ padding: 0; display: flex; justify-content: space-between; margin: 0!important;}

.operatingbox .openbox .stit .right .g3{ cursor: no-drop!important; background: #fff!important; border-color: rgb(200 201 204 / 30%)!important;}
.operatingbox .openbox .stit .right .g3 i{ opacity: 0.5;}

/*2024.2.2新增*/
.shezhilistbox{ padding: 0 5px;}
.shezhilistbox .li{ display: flex; justify-content: space-between; align-items: center; background: #FAFBFD; border-radius: 4px; padding: 8px 16px; margin-top: 10px;}
.shezhilistbox .li:first-child{ margin-top: 0;}
.shezhilistbox .li .left{ display: flex; align-items: center;}
.shezhilistbox .li .img, 
.shezhilistbox .li .img .avatar-uploader,
.shezhilistbox .li .img .el-upload{ display: block; width: 68px; height: 68px; border-radius: 100%; overflow: hidden;}
.shezhilistbox .li .img .el-upload{ background: #fff url(../images/2.jpg) no-repeat center; background-size: 76% auto;}
.shezhilistbox .li .img .el-upload img{ display: block; width: 100%;}
.shezhilistbox .li .img .el-upload i{ opacity: 0;}
.shezhilistbox .li .mr .el-button{ padding: 0; display: block;}
.shezhilistbox .li .mr .el-button span{ font-size: 14px; line-height: 20px; color: #409EFF;}
.shezhilistbox .li .left .h{ font-size: 14px; line-height: 20px; color: #6E788B; margin-right: 25px; padding: 10px 0;}
.shezhilistbox .li .left .el-input__inner{ display: block; border: none; padding: 0; height: 20px; font-size: 14px; color: #000; line-height: 20px; background: hsla(0,0%,100%,0.00); width: 150px;}
.shezhilistbox .li .left .el-input{ display: block; width: auto;}
.workupbox{ padding: 0 20px;}
.shezhiformbox .yan{ display: flex; justify-content: space-between; align-items: center;}
.shezhiformbox .yan .el-input{ width: 150px;}
.shezhiformbox .yan .el-button{ width: 100px; padding: 0; margin: 0; line-height: 32px; height: 32px; text-align: center;}
.shezhiformbox{ padding-right: 15px;}
.shezhiformbox .el-form-item:last-child{ margin-bottom: 0;}
.shezhiweixinbox{ padding: 10px 0 0 0;}
.shezhiweixinbox .m img{ display: block; width: 160px; margin: auto;}
.shezhiweixinbox .p{ font-size: 14px; line-height: 20px; text-align: center; margin-top: 15px;}
#idminebox{ height: 460px; display: none;}
#idminebox .topupbox, #idminebox .boot-boot{ position: absolute;}
.mineboxmax{ display: flex; justify-content: flex-end;}
.mineboxmax .lefts{ width: 120px; position: fixed; top: 60px; left: 20px;}
.mineboxmax .rights{ width: calc(100% - 130px);}
.mineboxmax .lefts .li{ font-size: 14px; line-height: 20px; margin-bottom: 20px; color: #6E788B; transition: all 0.5s; cursor: pointer;}
.mineboxmax .lefts .li:hover,
.mineboxmax .lefts .li.on{ color: #000; font-weight: bold;}
.mineboxmax .minform{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -50px;}
.mineboxmax .minform .el-form-item{ width: 49%;}
.mineboxmax .minform .el-form-item.vms{ width: 100%;}
.mineboxmax .jinform .tp{ border-bottom: 1px solid #D8D8D8; display: flex; margin-bottom: 28px;}
.mineboxmax .jinform .tp .li{ font-size: 14px; line-height: 20px; padding-bottom: 8px; cursor: pointer; position: relative; margin-left: 30px; transition: all 0.5s; color: #6E788B;}
.mineboxmax .jinform .tp .li:first-child{ margin-left: 0;}
.mineboxmax .jinform .tp .li::after{ content: ''; width: 0; height: 1px; background: #425E9F; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}
.mineboxmax .jinform .tp .li.on::after{ width: 100%;}
.mineboxmax .jinform .tp .li.on,
.mineboxmax .jinform .tp .li:hover{ color: #000; font-weight: bold;}
.mineboxmax .jinform .ter .el-form-item__label{ display: none;}
.mineboxmax .jinform .ter .el-form-item__content{ margin-left: 0!important;}
.mineboxmax .jinform .ter .el-textarea__inner{ min-height: 380px!important;}
.mineboxmax .jintable .el-image{ width: auto; height: 20px!important;}
.mineboxmax .jintable .el-image img{ display: block; width: auto!important; height: 100%!important; margin-right: 22px;}
.mineboxmax .jintable .pu{ font-size: 14px; line-height: 20px; color: #409EFF; margin-bottom: 10px;}
.mineboxmax .jintable .pu .el-button--text{ padding: 0; line-height: 20px; color: #409EFF;}
.workupbox .ps2{ font-size: 14px; line-height: 20px; color: #F56C6C; margin-bottom: 10px;}
.anjinaonebox .mink{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.anjinaonebox .mink .li{ position: relative; width: 180px; height: 180px; border-radius: 8px; display: flex; justify-content: center; align-items: center; transition: all 0.5s; margin: 0 14px 20px 14px;}
.anjinaonebox .mink .li:hover{ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);}
.anjinaonebox .mink .li .a .m img{ display: block; height: 70px; margin: auto;}
.anjinaonebox .mink .li .a{ width: 100%;}
.anjinaonebox .mink .li .a .ter{ margin: 10px 10px 0 10px; text-align: center;}
.anjinaonebox .mink .li .a .ter .h{ font-size: 14px; line-height: 20px; color: #6E788B;}
.anjinaonebox .mink .li .a .ter .p{ font-size: 14px; line-height: 20px; margin-top: 2px; color: #B0B5C0;}
.anjinaonebox .wli{ border-top: 1px solid hsla(0,0%,85%,0.20); margin-top: 30px; padding-top: 20px;}
.anjinaonebox .wli:first-child{ margin-top: 0; padding-top: 20px; border-top: none;}
.anjinaonebox .wli .tit{ display: flex; padding: 0 0 20px 17px;}
.anjinaonebox .wli .tit .h{ font-size: 14px; line-height: 20px; color: #6E788B; margin-right: 10px;}
.anjinaonebox .wli .tit .p{ font-size: 14px; line-height: 20px; color: #D3D3D3;}
.anjinaonebox .mink .li .up{ position: absolute; top: 5px; right: 10px; opacity: 0; transition: all 0.5s;}
.anjinaonebox .mink .li:hover .up{ opacity: 1;}
.anjinaonebox .mink .li .up .i{ width: 24px; height: 24px; background: url(../images/24.png) no-repeat center; background-size: 100% auto;}
.anjinaonebox .mink .li .up .down{ position: absolute; top: 0; right: -3px; padding-top: 28px; display: none;}
.anjinaonebox .mink .li .up:hover .down{ display: block;}
.anjinaonebox .mink .li .up .down .vv{ min-width: 88px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 4px; padding: 10px 0; position: relative;}
.anjinaonebox .mink .li .up .down .vv .el-button{ padding: 0; display: flex; padding-left: 12px; margin: 12px 0 0 0;}
.anjinaonebox .mink .li .up .down .vv .el-button:first-child{ margin: 0;}
.anjinaonebox .mink .li .up .down .vv .el-button span{ display: block; padding-left: 20px; line-height: 20px;}
.anjinaonebox .mink .li .up .down .vv .el-button.d1 span{ background: url(../images/75.png) no-repeat center left; background-size: 17px auto;}
.anjinaonebox .mink .li .up .down .vv .el-button.d2 span{ background: url(../images/76.png) no-repeat center left; background-size: 17px auto;}
.anjinaonebox .mink .li .up .down .vv::after{ width: 10px; height: 10px; background: #fff; content: ''; position: absolute; top: -5px; right: 15px; transform: rotate(45deg);}
.anlichong .el-form{ display: flex; justify-content: space-between;}
.anlichong .el-form .el-form-item{ margin-bottom: 0; margin-right: 0;}
.anlichong .el-form .el-form-item__content{ line-height: 36px; display: flex;}
.anlichong .el-form .el-input{ width: 240px;}
.anlichong .el-form .el-input__inner{ height: 36px; line-height: 36px; padding: 0 10px;}
.anlichong .el-form .el-button{ padding: 0 16px; line-height: 36px; height: 36px; margin-left: 8px;}
.anlichong .el-form .el-button:first-child{ margin-left: 0;}
.newanjianup{ background: #fff; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07); position: absolute; top: 60px; left: 17px; z-index: 10;}
.indexnavbox{ position: relative;}
.newanjianup .mkk{ padding: 15px 20px;}
.newanjianup .mkk .h{ font-size: 14px; line-height: 20px; font-weight: bold;}
.newanjianup .mkk .p{ font-size: 14px; line-height: 20px; margin-top: 18px; color: #6E788B; opacity: 0.6;}
.newanjianup .el-form{ display: flex; margin-top: 10px;}
.newanjianup .el-form .el-form-item{ margin-bottom: 0; margin-right: 10px;}
.newanjianup .el-form .el-form-item__content{ line-height: 36px; display: flex;}
.newanjianup .el-form .el-input{ width: 250px;}
.newanjianup .el-form .el-input__inner{ height: 36px; line-height: 36px; padding: 0 10px;}
.newanjianup .el-form .el-button{ padding: 0 16px; line-height: 36px; height: 36px; margin-left: 8px;}
.newanjianup .el-form .el-button:first-child{ margin-left: 0;}
.rightopnavbox .title .h1s{ display: flex;}
.rightopnavbox .title .h1s::after{ display: none;}
.rightopnavbox .title .h1s a{ font-size: 20px; margin-left: 32px; position: relative; color: hsla(0,0%,0%,0.40);}
.rightopnavbox .title .h1s a:first-child{ margin-left: 0;}
.rightopnavbox .title .h1s a.cur{ color: #000;}
.rightopnavbox .title .h1s a::after{ width: 32px; height: 100%; position: absolute; top: 0; left: -32px; background: url(../images/52.png) no-repeat center; background-size: 28% auto; content: ''; opacity: 0.8;}
.rightopnavbox .title .h1s a:first-child::after{ display: none;}
.indexnavbox .left .true{ display: flex; margin-right: 10px; padding-top: 9px;}
.indexnavbox .left .true a{ display: block; /*background: #fff;*/ border-radius: 2px; border: 1px solid #E6E9ED; height: 32px; line-height: 32px; padding: 0 10px 0 34px; font-size: 14px; color: #6E788B; background: #fff url(../images/77.png) no-repeat center left 10px; background-size: 17px auto;}
.indexnavbox .right .search{ display: flex; position: relative; margin-top: 9px;}
.indexnavbox .right .search .el-input{ width: 295px;}
.indexnavbox .right .search .el-button{ margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url(../images/27.png) no-repeat center; background-size: 16px auto; border: none;}
.indexnavbox .right .search .el-input__inner{ padding: 0 50px 0 10px;}
.wenjianert{ padding: 15px;}
.wenjianert .form1w{ padding: 0 0 0 177px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.wenjianert .form1w .el-form-item{ min-width: 50%; margin: 0 0 8px 0;}
.wenjianert .form1w .el-form-item__label{ line-height: 20px; color: #535A68; opacity: 0.6; margin-right: 20px; white-space: nowrap; padding: 0;}
.wenjianert .form1w .el-form-item__content{ line-height: 20px;}
.wenjianert table .sole{ position: relative;}
.wenjianert table .sole .i{ width: 32px; height: 20px; background: url(../images/24.png) no-repeat center; background-size: 18px auto; margin: auto;}
.wenjianert table .sole .ver{ display: none;position: absolute; top: 0; right: 0; width: 70px; padding-top: 25px;}
.wenjianert table .sole:hover .ver{ display: block; z-index: 10;}
/*.wenjianert .el-table .cell{ overflow: inherit;}*/
.wenjianert table .sole .ver .vv{ background: #6E788B; border-radius: 4px; position: relative; padding: 8px 2px;}
.wenjianert table .sole .ver .vv::after{ content: ''; width: 8px; height: 8px; background: #6E788B; position: absolute; top: -4px; right: 15px; transform: rotate(45deg);}
.wenjianert table .sole .ver .el-button{ padding: 0 10px; line-height: 26px; height: 26px; margin: 0; border-radius: 2px; transition: all 0.5s;}
.wenjianert table .sole .ver .el-button span{ font-size: 14px; color: #fff;}
.wenjianert table .sole .ver .el-button:hover{ background: hsla(210,12%,97%,0.30);}
.indexnavbox .right .ss1{ display: flex; margin: 9px 0 0 0; padding: 0 15px 0 10px; height: 32px; line-height: 32px; background: #fff; border-radius: 2px; border: 1px solid #E6E9ED;}
.indexnavbox .right .ss1 span{ font-size: 14px; color: #6E788B; padding-left: 22px; background: url(../images/78.png) no-repeat left center; background-size: 16px auto;}
.indexnavbox .right .ss2{ display: flex; /*margin: 9px 0 0 0;*/ padding: 0 15px 0 10px; height: 32px; line-height: 32px; background: #fff; border-radius: 2px; border: 1px solid #E6E9ED;}
.indexnavbox .right .ss2 span{ font-size: 14px; color: #6E788B; padding-left: 22px; background: url(../images/13.png) no-repeat left center; background-size: 14px auto;}
.wenjianert table .mm{ color: #409EFF;}
.wenjianert table .nn i{ opacity: 0.6;}
.wenjianert table .nn{ white-space: nowrap;}
.wenjianert table .el-tag--primarys1{ padding: 0; background: hsla(0,0%,100%,0.00); border: none; border-radius: 0; line-height: 20px; height: 20px; font-size: 14px; color: #67C23A;}
.wenjianert table .el-tag--successs1{ padding: 0; background: hsla(0,0%,100%,0.00); border: none; border-radius: 0; line-height: 20px; height: 20px; font-size: 14px; color: #FF3434;}
.wenjianert table .cd1 span{ padding-left: 18px; background: url(../images/79.png) no-repeat left center; background-size: 14px auto;}
.wenjianert table .cd2 span{ padding-left: 18px; background: url(../images/28.png) no-repeat left center; background-size: 14px auto;}
.shengcontent{ width: 1100px; background: #fff; border-radius: 4px; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06); margin: auto; padding: 22px 90px;}
.shengcontent .ttp{ display: flex; justify-content: space-between;}
.shengcontent .ttp .p{ font-size: 14px; line-height: 20px; color: #4C525F; opacity: 0.6;}
.shengcontent .titp{ padding: 32px 0 70px 0;}
.shengcontent .titp .h{ font-size: 30px; line-height: 42px; text-align: center; font-weight: bold;}
.shengcontent .titp .p{ text-align: center; color: #4C525F; font-size: 16px; line-height: 22px; margin-top: 22px;}
.shengcontent .titp .sp{ display: flex; justify-content: center; margin-top: 10px;}
.shengcontent .titp .sp div{ font-size: 14px; line-height: 20px; color: #4C525F; margin: 0 18px;}
.shengminbox .wli{ margin-top: 32px;}
.shengminbox .wli:first-child{ margin-top: 0;}
.shengminbox .wli .sh{ font-size: 18px; line-height: 24px; border-bottom: 2px solid #848484; padding-bottom: 10px; font-weight: bold;}
.shengminbox .wli .vwn{ border: 1px solid #E9E9E9; margin-bottom:10px;}
.shengminbox .wli .vwn .li{ border-top: 1px solid #E9E9E9; padding: 15px 22px 15px 48px;}
.shengminbox .wli .vwn .li:first-child{ border-top: none;}
.shengminbox .wli .vwn .li .ter{ display: flex; justify-content: space-between;}
.shengminbox .wli .vwn .li .ter .t{ font-size: 14px; color: #9D9D9D;}
.shengminbox .wli .vwn .li .ter .t2{ color: #F56C6C;}
.shengminbox .wli .vwn .li .ter .m{ font-size: 14px; color: #409EFF; line-height: 20px; position: relative; cursor: pointer;}
.shengminbox .wli .vwn .li .ter .m i{ position: absolute; top: 0; left: -24px; height: 20px; display: flex; align-items: center; width: 20px;}
.shengminbox .wli .vwn .li .ter .m i img{ display: block; height: 16px;}

.shengminbox .wli .vwn .li .ter .m .mm1{ background: url(../images/word.png) no-repeat center; }
.shengminbox .wli .vwn .li .ter .m .mm2{ background: url(../images/excel.png) no-repeat center; }
.shengminbox .wli .vwn .li .ter .m .mm3{ background: url(../images/ppt.png) no-repeat center; }

.shengminbox .wli .vwn .li .ter .p{ font-size: 14px; color: #9D9D9D;}
.shengminbox .wli .min{ padding-top: 15px;}
.shengminbox .wli .min .eli{ margin-top: 15px;}
.shengminbox .wli .min .eli:first-child{ margin-top: 0;}
.shengminbox .wli .min .eli .h{ font-size: 16px; line-height: 22px; font-weight: bold; padding: 10px 0;}
.shengminbox .wli .fps{ background: #F6F7F8; padding: 16px 35px; margin-top: 15px;}
.shengminbox .wli .fps .m{ font-size: 14px; color: #939393; line-height: 20px;}
.shengminbox .wli .fps .p{ font-size: 16px; line-height: 22px; color: #6E788B; opacity: 0.4; margin-top: 4px;}
.shengminbox .wli .fps .p2{ color: #67C23A; opacity: 1;}
.shengcontentmax{ padding: 90px 0 30px 260px; background: #FAFBFD;}
.shengpidata .shengtit{ position: fixed; top: 0; left: 0; right: 0; z-index: 20; box-shadow: 0px 11px 29px 0px rgba(0,0,0,0.03); border-bottom: 1px solid #E9E9E9; height: 56px; display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 0 15px 0 22px;}
.shengpidata .shengtit .left{ display: flex; justify-content: flex-start; align-items: center;}
.shengpidata .shengtit .left .h{ font-size: 16px; line-height: 22px; color: #2C3038; font-weight: bold;}
.shengpidata .shengtit .left a{ font-size: 16px; line-height: 22px; font-weight: bold; padding-left: 16px; background: url(../images/52s.png) no-repeat left center; background-size: 8px auto; margin-right: 30px; position: relative;}
.shengpidata .shengtit .left a::after{ position: absolute; right: -15px; top: 50%; width: 1px; height: 18px; background: #D8D8D8; transform: translateY(-50%); content: '';}
.shengpidata .shengtit .right{ display: flex;}
.shengpidata .shengtit .right .el-button{ padding: 0 12px; margin: 0 0 0 10px; line-height: 34px;}
.shengpidata .shengnav{ width: 260px; background: #fff; position: fixed; top: 57px; left: 0; bottom: 0; z-index: 20; border-right: 1px solid #E2E2E2;}
.shengpidata .shengnav .list{ margin: 0 16px; position: absolute; top: 70px; left: 0; bottom: 0; right: 0; overflow-y: auto;}
.shengpidata .shengnav .list .wli{ margin-top: 4px;}
.shengpidata .shengnav .list .wli:first-child{ margin-top: 0;}
.shengpidata .shengnav .list .wli .tit{ padding: 8px 15px; border-radius: 2px; cursor: pointer; transition: all 0.5s;}
.shengpidata .shengnav .list .wli.on .tit,
.shengpidata .shengnav .list .wli:hover .tit{ background: hsla(214,16%,92%,0.30);}
.shengpidata .shengnav .list .wli .tit .h,
.shengpidata .shengnav .list .wli .tit .v{ font-size: 14px; line-height: 20px; color: #6E788B;}
.shengpidata .shengnav .list .wli .tit .v{ display: none;}
.shengpidata .shengnav .list .wli .min{ margin: 8px 0 0 32px;}
.shengpidata .shengnav .list .wli .min .li{ padding: 8px 8px 8px 12px; border-radius: 2px; cursor: pointer; position: relative; margin-top: 4px; transition: all 0.5s;}
.shengpidata .shengnav .list .wli .min .li:first-child{ margin-top: 0;}
.shengpidata .shengnav .list .wli .min .li .p{ font-size: 14px; line-height: 20px; color: #6E788B;}
.shengpidata .shengnav .list .wli .min .li::after{ content: ''; width: 1px; top: 11px; left: 0; bottom: 11px; background: #6E788B; position: absolute; opacity: 0.2;}
.shengpidata .shengnav .list .wli .min .li.cur,
.shengpidata .shengnav .list .wli .min .li:hover{ background: hsla(214,16%,92%,0.30);}
.shengpidata .shengnav .list .wli .min .li.cur::after{ opacity: 1;}
.shengminbox .wli .mht{ margin-top: 15px; border: 1px solid #E9E9E9; padding: 10px 30px;}
.shengminbox .wli .mht .li{ display: flex; margin-top: 9px;}
.shengminbox .wli .mht .li:first-child{ margin-top: 0;}
.shengminbox .wli .mht .li .h{ font-size: 16px; line-height: 22px; color: #6E788B; margin-right: 20px;}
.shengminbox .wli .mht .li .p{ font-size: 16px; line-height: 22px; color: #6E788B;}
.shengminbox .wli .mht .li .p1{ color: #67C23A;}
.shengminbox .wli .mht .li .p2{ color: #F56C6C;}
.shengminbox .wli .min .vder .xli{ margin-top: 30px;}
.shengminbox .wli .min .vder .xli:first-child{ margin-top: 22px;}
.shengminbox .wli .min .vder .xli .bs{ font-size: 16px; line-height: 22px; font-weight: bold; margin-bottom: 6px;}
.shengminbox .wli .min .vder .xli .mp{ font-size: 14px; line-height: 20px; color: #4D4D4D; background: #F8F8F8; padding: 8px 14px; border: 1px solid #E9E9E9; margin-bottom: -1px;}
.shengminbox .wli .min .vder .swn{ border: 1px solid #E9E9E9; margin-top: -1px; padding: 15px 25px;}
.shengminbox .wli .min .vder .swn .m{ font-size: 14px; line-height: 20px; color: #4D4D4D;}
.shengminbox .wli .min .vder .swn .p{ font-size: 14px; line-height: 20px; margin-top: 5px; opacity: 0.8;}
.shengpidata .shengnav .tp{ display: flex; justify-content: flex-end; padding: 10px 6px 0 6px;}
.shengpidata .shengnav .tp .sole{ display: flex; cursor: pointer;}
.shengpidata .shengnav .tp .sole div{ font-size: 14px; line-height: 20px; color: #6E788B; margin-left: 4px;}
.shengpidata .shengnav .tp .sole i{ display: block; width: 16px; height: 20px; background: url(../images/49.png) no-repeat center; background-size: 100% auto;}
.shengpidata .shengnav .nav{ padding: 24px 0 0 28px; display: flex;}
.shengpidata .shengnav .nav .li{ font-size: 16px; line-height: 22px; font-weight: bold; color: #2C3038; opacity: 0.5; transition: all 0.5s; padding-bottom: 5px; position: relative; margin-left: 56px; cursor: pointer;}
.shengpidata .shengnav .nav .li:first-child{ margin-left: 0;}
.shengpidata .shengnav .nav .li.on,
.shengpidata .shengnav .nav .li:hover{ opacity: 1;}
.shengpidata .shengnav .nav .li::after{ width: 100%; height: 2px; background: #409EFF; position: absolute; left: 0; bottom: 0; content: ''; opacity: 0; transition: all 0.5s;}
.shengpidata .shengnav .nav .li.on::after{ opacity: 1;}
.shengpidata .shengnav .list .wli .tit .h{ padding-right: 30px;}
.shengpidata .shengnav .list .wli .tit i{ width: 10px; height: 20px; display: block; background: url(../images/52.png) no-repeat center; background-size: 6px auto; transition: all 0.5s; transform: rotate(90deg); position: absolute; top: 50%; right: 12px; margin-top: -10px; z-index: 5;}
.shengpidata .shengnav .list .wli .tit .i2{ transform: rotate(0);}
.shengpidata .shengnav .list .wli .tit{ position: relative;}
.shengpidata .shengnav .list .wli .tit a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; display: block;}
.worktitone{ margin-top: 36px;}
.worktitone .tp{ display: flex; border-bottom: 1px solid hsla(0,0%,85%,0.60);} 
.worktitone .tp .li{ font-size: 14px; line-height: 20px; padding-bottom: 6px; color: #6E788B; margin-left: 24px; position: relative; cursor: pointer;}
.worktitone .tp .li:first-child{ margin-left: 0;}
.worktitone .tp .li::after{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px; background: #6E788B; opacity: 0;}
.worktitone .tp .li.on::after{ opacity: 1;}
.worktitone .text .mk{ border: 1px solid #F0F2F4; margin-top: 10px; padding: 20px 14px;}
.worktitone .text .mk .lf{ display: flex; align-items: flex-start;}
.worktitone .text .mk .lf .i{ font-size: 14px; line-height: 24px; background: hsla(0,0%,85%,0.20); color: #C7C9CC; padding: 0 8px; margin-right: 10px;}
.worktitone .text .mk .lf .h{ font-size: 14px; line-height: 20px; color: #409EFF; padding: 2px 0; display: flex;}
.worktitone .text .mk .lf .h i{ width: 20px; height: 20px; display: flex; align-items: center;}
.worktitone .text .mk .lf .h i img{ display: block; width: 14px;}
.worktitone .text .mk .rg .p{ font-size: 14px; line-height: 24px; color: #9D9D9D;}
.worktitone .text .mk .rg{ display: flex; padding: 15px 20px 15px 82px;}
.worktitone .text .mk .rg .i img{ display: block; height: 24px; margin-right: 10px;}
.worktitone .text .mk .lf .vv .c{ font-size: 14px; line-height: 20px; color: #909399; padding-top: 2px; font-weight: bold;}
.worktitone .text .mk .lf .vv .v{ font-size: 14px; line-height: 20px; margin-top: 4px; color: #9D9D9D;}
.worktitdown .s{ font-size: 14px; line-height: 20px; color: #6E788B;}
.worktitdown .h{ font-size: 18px; line-height: 26px; margin-top: 6px; font-weight: bold;}
.worktitdown .p{ font-size: 14px; line-height: 20px; margin-top: 4px; color: #9D9D9D;}
.shengpiver .conty{ margin-top: 26px;}
.shengpiver .conty .nli{ margin-top: 25px;}
.shengpiver .conty .nli:first-child{ margin-top: 0;}
.shengpiver .conty .nli .hs{ border-bottom: 1px solid hsla(0,0%,85%,0.30); display: flex;}
.shengpiver .conty .nli .hs .li{ padding-bottom: 6px; line-height: 20px; font-size: 14px; color: hsla(219,14%,20%,0.60); margin-left: 20px; cursor: pointer; font-weight: bold; transition: all 0.5s; position: relative;}
.shengpiver .conty .nli .hs .li:first-child{ margin-left: 0;}
.shengpiver .conty .nli .hs .li.on,
.shengpiver .conty .nli .hs .li:hover{ color: #2C313A;}
.shengpiver .conty .nli .hs .li::after{ content: ''; width: 100%; height: 1px; background: #2C313A; position: absolute; left: 0; bottom: -1px; opacity: 0;}
.shengpiver .conty .nli .hs .li.on::after{opacity: 1;}
.shengpiver .conty .form{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 6px;}
.shengpiver .conty .form .li{ width: 49%; display: flex; justify-content: space-between; padding-top: 12px;}
.shengpiver .conty .form .li .h{ font-size: 14px; line-height: 20px; color: #6E788B; text-align: right; width: 90px;}
.shengpiver .conty .form .li .p{ font-size: 14px; line-height: 20px; color: #2C3038; width: calc(100% - 104px);}
.shengpiver .conty .vwent .li{ border: 1px solid #F3F3F3; margin-top: -1px;}
.shengpiver .conty .vwent{ margin-top: 16px;}
.shengpiver .conty .vwent .mk{ padding: 12px 6px; display: flex; /*justify-content: space-between;*/ align-items: flex-start;}
.shengpiver .conty .vwent .mk .i{ background: #F6F7F8; border-radius: 2px; font-size: 14px; color: hsla(219,12%,49%,0.80); padding: 0 8px; line-height: 26px; margin-right: 10px; white-space: nowrap;}
.shengpiver .conty .vwent .mk .m{ font-size: 16px; line-height: 22px; padding-top: 2px;}
.shengpiver .conty .vwent .mk .m1{ color: #409EFF;}
.shengpiver .conty .vwent .mk .m2{ color: #F56C6C;}
.shengpiver .conty .vwent .mk .m3{ color: #67C23A;}
.shengpiver .conty .vwent .mk .t{ font-size: 14px; line-height: 20px; color: #6E788B; margin-top: 4px;}
.shengpiver .conty .vwent .mk .vv{ display: flex; margin-top: 4px;}
.shengpiver .conty .vwent .mk .vv .p{ font-size: 14px; line-height: 20px; white-space: nowrap; margin-right: 4px; color: #6E788B; opacity: 0.6;}
.shengpiver .conty .vwent .mk .vv .v{ font-size: 14px; line-height: 20px; color: #6E788B;}
.shengpiver .conty .sform{ margin: 8px; background: #F6F7F8; padding: 15px;} 
.shengpiver .conty .sform .el-form-item:last-child{ margin-bottom: 0;}
.itemboxmaxver{ padding: 20px 15px;}
.itemboxmaxver .list .sli{ margin-top: 16px; border-radius: 4px; border: 1px solid #F1F2F8; background: #fff; padding: 15px 20px; transition: all 0.5s; position: relative; display: flex; justify-content: space-between; align-items: center;}
.itemboxmaxver .list .sli:first-child{ margin-top: 0;}
.itemboxmaxver .list .sli:hover{ background: #F2F3F5; border-color: #DFE1E9;}
.itemboxmaxver .list .sli::after{ content: ''; width: 4px; background: #FAB5B5; position: absolute; top: -1px; left: -1px; bottom: -1px; border-radius: 4px 0 0 4px; transition: all 0.5s;}
.itemboxmaxver .list .sli:hover::after{ background: #9FCEFF;}
.itemboxmaxver .list .sli .left{ width: 30%;}
.itemboxmaxver .list .sli .left .m{ font-size: 14px; line-height: 20px; color: #8991A0; opacity: 0.6;}
.itemboxmaxver .list .sli .left .h{ font-size: 18px; line-height: 26px; color: #535A68; margin-top: 5px;}
.itemboxmaxver .list .sli .cter{ display: flex;}
.itemboxmaxver .list .sli .cter .h{ font-size: 18px; line-height: 26px; color: #8991A0;}
.itemboxmaxver .list .sli .cter .p{ font-size: 14px; line-height: 20px; /*margin-top: 2px;*/ color: #8991A0; opacity: 0.6;}
.itemboxmaxver .list .sli .cter .li{ width: 200px;}
.itemboxmaxver .list .sli .right .more{ display: flex;justify-content: flex-end;}
.itemboxmaxver .list .sli .right .more .s{ font-size: 14px; line-height: 26px; color: #67c23a;}
.itemboxmaxver .list .sli .right .more .s1{color: #FF0000;}
.itemboxmaxver .list .sli .right .more .el-button{ font-size: 14px; padding: 0; line-height: 20px; border: none; margin: 0 0 0 20px;}
.itemboxmaxver .list .sli .right .p{ font-size: 14px; line-height: 20px; color: #8991A0; margin-top: 10px; text-align: right;}
.itemboxlefts{ position: absolute; top: 51px; left: 0; bottom: 0; background: #F6F7F8; width: 260px;}
.itemboxlefts .mk{ padding: 0 15px;}
.itemboxlefts .sole{ display: flex; justify-content: flex-end; padding: 10px 0;}
.itemboxlefts .sole i{ display: block; width: 16px; height: 20px; background: url(../images/49.png) no-repeat center; background-size: 100% auto; cursor: pointer;}
.itemboxlefts .sole em{ display: block; padding-left: 6px; font-size: 14px; line-height: 20px; color: #6E788B; cursor: pointer;}
.itemboxlefts .nav{ border-top: 1px solid #E4E6EA; border-bottom: 1px solid #E4E6EA; padding: 12px 0;}
.itemboxlefts .nav .li{ margin-top: 5px; padding: 8px 15px; display: flex; justify-content: space-between; cursor: pointer; border-radius: 2px; transition: all 0.5s;}
.itemboxlefts .nav .li.on,
.itemboxlefts .nav .li:hover{ background: #E6E9ED;}
.itemboxlefts .nav .li .h{ font-size: 14px; line-height: 20px; color: #6E788B;}
.itemboxlefts .nav .li .p{ font-size: 14px; color: #6E788B; opacity: 0.6; line-height: 20px;}
.itemboxforms{ position: absolute; top: 51px; left: 260px; right: 0; bottom: 0; padding: 20px 25px;}
.itemboxforms .mm{ width: 38px; height: 38px; border: 1px solid #E6F2FF; border-radius: 100%; overflow: hidden;}
.itemboxforms .mm img{ display: block; width: 100%;}
.itemboxforms .el-tag{ border-radius: 2px; background: #FFF4F4; border-color: #FFD6D6; font-size: 14px; color: #FAB5B5; padding: 0 8px; line-height: 24px;}
.itemboxforms .el-tag.el-tag--success{ background: #EBF5FF; border-color: #BCDDFF; color: #9FCEFF;}
.itemboxforms .more{ position: relative; cursor: pointer;}
.itemboxforms .more:hover{ z-index: 5;}
.itemboxforms .more .i{ width: 24px; height: 20px; background: url(../images/74.png) no-repeat center; background-size: 100% auto; margin: auto;}
.itemboxforms .more .down{ position: absolute; top: 0; right: 0; min-width: 140px; padding: 26px 0 0 0; display: none;}
.itemboxforms .more:hover .down{ display: block;}
.itemboxforms .more .down .wn{ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); background: #fff; border-radius: 2px; padding: 6px; position: relative;}
.itemboxforms .more .down .wn::after{ content: ''; width: 10px; height: 10px; background: #fff; position: absolute; top: -5px; right: 15px; transform: rotate(45deg);}
.itemboxforms .more .down .wn .el-button{ display: block; padding: 5px 12px; margin: 0; box-sizing: unset; transition: all 0.5s;}
.itemboxforms .more .down .wn .el-button:hover{ background: #FAFBFD;}
.itemboxforms .more .down .wn .el-button span{ font-size: 14px; line-height: 20px; color: #6E788B;}
/*.itemboxforms .el-table__fixed-right{ overflow: unset!important;}
.itemboxforms .el-table_1_column_9 .cell{ overflow: unset;}*/
/*.itemboxforms .el-table tr{ background: hsla(0,0%,100%,0.00);}*/
/*.itemboxforms .el-table .el-table__cell.is-hidden>*{ visibility: unset;}*/
.workupbox .itemps{ font-size: 14px; line-height: 20px; color: #909399;}
.workupbox .itemform{ padding: 20px 40px 0 0;}
.additemform{ padding: 10px 40px 0 40px;}
.additemform .input{ position: relative;}
.additemform .input .el-button{ position: absolute; top: 0; right: 0; background: url(../images/27.png) no-repeat center; background-size: 16px auto; height: 32px; border: none;}
.additemform .radios .el-checkbox{ border: 1px dashed #E2E4E8; border-radius: 3px; margin: 15px 0 0 0; padding: 9px 20px; display: flex; justify-content: space-between; align-items: center;}
.additemform .radios .el-checkbox .li{ display: flex; justify-content: space-between; align-items: center;}
.additemform .radios .el-checkbox .li .lif{ display: flex; align-items: center;}
.additemform .radios .el-checkbox .li .lif .m{ width: 38px; height: 38px; border-radius: 100%; margin-right: 15px; overflow: hidden;}
.additemform .radios .el-checkbox .li .lif .m img{ display: block; width: 100%;}
.additemform .radios .el-checkbox .li .lif .h{ font-size: 14px; line-height: 20px; color: #6E788B;}
.additemform .radios .el-checkbox .li .p{ font-size: 14px; line-height: 20px; color: #6E788B;}
.additemform .radios .el-checkbox__label{ margin: 0; width: calc(100% - 30px);}
.additemform .chver{ margin-top: 20px; display: flex; align-items: center;}
.additemform .chver .h{ font-size: 14px; line-height: 20px; color: #6E788B;}
.itemboxpeople{ border: 1px solid #DFE1E9; border-radius: 4px; max-width: 1200px; margin: 80px 40px 80px 50px; display: flex; justify-content: space-between;}
.itemboxpeople .lefts{ width: 300px; min-height: 500px; border-radius: 4px 0 0 4px; background: linear-gradient(180deg, #FFFFFF 0%, #FAFBFF 100%); border-right: 1px solid #DFE1E9;}
.itemboxpeople .lefts .m img{ display: block; padding-top: 140px; width: 266px; margin: auto;}
.itemboxpeople .lefts .v{ margin: 40px 0 0 0; display: flex; justify-content: center;}
.itemboxpeople .rights{ max-width: 852px; padding: 65px 20px 65px 20px;}
.itemboxpeople .rights .h{ font-size: 20px; font-weight: bold; line-height: 28px;}
.itemboxpeople .rights .p{ font-size: 14px; line-height: 20px; color: #6E788B; margin-top: 15px; min-height: 200px; margin-bottom: 40px;}
.itemboxpeople .rights .icon .s{ display: flex; justify-content: flex-end; font-size: 14px; line-height: 20px; margin-bottom: 6px; color: hsla(219,12%,49%,0.70);}
.itemboxpeople .rights .icon .s i{ margin-left: 5px; width: 100px; font-size: 14px; line-height: 20px; color: #6E788B;}
.lineverk .vli .bt,
.lineverk .vli .bs{ padding: 10px; overflow-y: auto; height: 470px;}
.indexnavbox .right2 .p{ line-height: 32px; padding-top: 9px;}
.indexnavbox .right2 .p i{ color: #F56C6C;}
.chaxununll{ font-size: 14px; line-height: 20px; color: #F56C6C; margin-bottom: 20px;}
.chaxunbox .tit{ font-size: 14px; line-height: 20px; margin-bottom: 6px; color: #6E788B;}
.chaxuninput{ padding: 18px 0; background: #F3F5F9; display: flex; justify-content: center; border-bottom: 1px solid #E4E6EA;}
.chaxuninput .el-input{ width: 600px; display: flex; box-sizing: border-box;}
.chaxuninput .el-input input{ width: 100%; height: 46px; font-size: 16px; padding: 0 18px; border-radius: 2px 0 0 2px;}
.chaxuninput .el-button{ width: 80px; height: 46px; padding: 0; shape-margin: 0; line-height: 46px; font-size: 16px; background: #6E788B; border-radius: 0 2px 2px 0; margin-left: -1px;}
.indexnavbox .left .time .sub2{ margin-right: 8px; background: #6E788B; color: #fff;}
.indexnavbox .left .time .li2{ width: 290px;}
.indexnavbox .left .time .li3 .el-input__inner{ width: auto;}
.indexnavbox .left .time .li3{ width: auto;}
.indexnavbox .left .time .li2 .el-input__inner{ width: 100%;}
.color1{ color: #409EFF!important;}
.color2{ color: #F56C6C!important;}
.color3{ color: #E6A23C!important;}
.color4{ color: #67C23A!important;}
.tai{ padding-right: 24px; background: url(../images/16.png) right center no-repeat; background-size: 15px auto;}
.rightopnavbox .title .a{ display: flex; margin-left: 32px; padding-right: 18px; margin-right: 22px; position: relative; transition: all 0.5s; opacity: 0.7;}
.rightopnavbox .title .a:hover{ opacity: 1;}
.rightopnavbox .title .a::after{ width: 1px; height: 20px; background: #E6E9ED; position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: '';}
.rightopnavbox .title .a a{ font-size: 20px; font-weight: bold; color: #2C313A; padding-left: 30px; background: url(../images/s8.png) no-repeat left center; background-size: 20px auto;}
.rightopnavbox .title .pp{ font-size: 20px; font-weight: bold;}
.dangshirendata .qli{ margin: 15px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.08); border-radius: 4px; padding: 20px;}
.dangshirendata .qli .tit{ font-size: 16px; line-height: 20px; font-weight: bold; margin-bottom: 20px;}
.dangshirendata .qli .list .el-descriptions-item__label.has-colon::after{ display: none;}
.dangshirendata .qli .list .el-descriptions-item__label:not(.is-bordered-label){ width: 110px; text-align: right; display: block; color: #6E788B; font-size: 14px;}
.dangshirendata .qli .list .el-descriptions-item__container .el-descriptions-item__content{ font-size: 14px; font-weight: bold; color: #2C3038;}
.dangshirendata .qli .list{ width: 80%;}
.dangshirendata .qli .tableq{ margin-top: 16px;}
.dangshirendata .qli .radions{ display: flex; flex-wrap: wrap; margin-bottom: 15px;}
.dangshirendata .qli .radions .li{ margin-right: 10px;}
.dangshirendata .qli .radions .li .el-input__inner{ padding: 0 10px;}
.dangshirendata .qli .radions .li{ width: 120px;}
.dangshirendata .qli .radions .li1{ width: 290px;}
.dangshirendata .qli .radions .li .el-select .el-input .el-select__caret{ line-height: normal;}
.dangshirendata .qli .sub{ display: flex;}
.dangshirendata .qli .sub .el-button+.el-button{ margin-right: 8px;}
.dangshirendata .qli .sub .el-button{ padding: 0 15px; height: 32px; line-height: 32px;}
.dangshirendata .qli .sub .el-button--info{ background: #F5F7FA; border-color: #F5F7FA; color: #6E788B;}
/*.dangshirendata .qli .wform{ margin-top: 15px;}*/
.rightopnavbox .more .el-button{ padding: 0 20px; line-height: 36px;}
.dangshirendata .qli .radions .li .el-button{ padding: 0 20px; line-height: 32px; height: 32px; display: block;} 
.dangshirendata .qli .radions .li{ width: auto;}
.workupbox .wordgr2{ margin-right: 20px;}
.xingzboxform .button1{ display: flex; border: 1px solid #DCDFE6; border-radius: 2px; padding: 0 10px; line-height: 28px; height: 28px; margin: auto;}
.xingzboxform .button1 span{ font-size: 14px; color: #6E788B; padding-left: 22px; background: url(../images/82.png) no-repeat left center; background-size: 18px auto;}
.xingzboxform .el-tag{ border-radius: 2px;}
.workupbox .wordgr2 .bgk{ background: #F6F7F8;}
.dangshirendata .qli .fli{ margin-top: 20px; padding-top: 20px; border-top: 1px solid hsla(0,0%,85%,0.30);}
.dangshirendata .qli .fli:first-child{ margin-top: 0; padding-top: 0; border: none;}
.kehuboxnav{ background: #F8F8F8; height: 52px; padding: 0 40px; border-bottom: 1px solid #E4E6EA;}
.kehuboxnav .nav{ display: flex;}
.kehuboxnav .nav .li{ font-size: 18px; color: hsla(219,14%,20%,0.90); line-height: 54px; position: relative; margin-left: 44px; cursor: pointer;}
.kehuboxnav .nav .li.on{ color: #3C4047; font-weight: bold;}
.kehuboxnav .nav .li:first-child{ margin-left: 0;}
.kehuboxnav .nav .li::after{ width: 0; height: 2px; background: #425E9F; position: absolute; left: 50%; bottom: 1px; transform: translateX(-50%); content: '';}
.kehuboxnav .nav .li.on::after{ width: 100%;}
.operatingboxkh{ top: 120px;}
.indexnavbox2{ /*background: #fff; border: none;*/ /*padding-top: 8px;*/}
.indexnavbox .right .search2 .el-input{ width: 220px;}
.indexnavbox .right .search2 .el-input__inner{ padding: 0 10px 0 32px;}
.indexnavbox .right .search2 .el-button{ right: auto; left: 0;}
.tongzhileft{ position: absolute; top: 0; left: 0; bottom: 0; width: 260px; background: #F6F7F8; border-right: 1px solid #E4E6EA;}
.tongzhiright{ position: absolute; top: 0; right: 0; bottom: 0; left: 261px; overflow-y: auto;}
.tongzhileft .mk{ padding: 16px;}
.tongzhileft .top{ display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #E4E6EA;}
.tongzhileft .top .h{ font-size: 14px; line-height: 20px; color: #2C313A; opacity: 0.8;}
.tongzhileft .top .sole{ display: flex; cursor: pointer;}
.tongzhileft .top .sole em{ width: 16px; height: 20px; background: url(../images/49.png) no-repeat center; background-size: 100% auto;}
.tongzhileft .top .sole i{ font-size: 14px; line-height: 20px; color: #6E788B; margin-left: 4px;}
.tongzhileft .list .li{ padding: 10px 15px; display: flex; justify-content: space-between; transition: all 0.5s; border-radius: 2px; cursor: pointer; margin-top: 5px;}
.tongzhileft .list .li:first-child{ margin-top: 0;}
.tongzhileft .list .li .h{ font-size: 14px; line-height: 20px; color: #6E788B;}
.tongzhileft .list .li .p{ font-size: 14px; line-height: 20px; color: #6E788B;}
.tongzhileft .list .li.on,
.tongzhileft .list .li:hover{ background: #E6E9ED;}
.tongzhileft .list{ padding: 14px 0 10px 0; border-bottom: 1px solid #E4E6EA;}
.tongzhileft .list .li.on .h{ color: #000; font-weight: bold;}
.tongzhiright .top{ border-bottom: 1px solid #E4E6EA; padding: 14px 24px 10px 24px;}
.tongzhiright .top .h{ font-size: 18px; line-height: 25px; font-weight: bold; margin-bottom: 12px;}
.tongzhiright .top .formver{ display: flex; justify-content: space-between;}
.tongzhiright .top .form{ display: flex;}
.tongzhiright .top .form .li{ margin-left: 8px;}
.tongzhiright .top .form .li:first-child{ margin-left: 0;}
.tongzhiright .top .form .sub{ margin-left: 12px;}
.tongzhiright .top .form .el-input__inner{ padding: 0 20px 0 10px;}
.tongzhiright .top .form .el-input__icon{ line-height: inherit;}
.tongzhiright .top .form .c{ height: 32px; line-height: 32px; padding: 0 15px; background: #F5F7FA; border-radius: 2px; border-color: #F5F7FA;}
.tongzhiright .top .form .c span{ color: #6E788B;}
.tongzhiright .top .search{ display: flex; position: relative;}
.tongzhiright .top .search .el-input{ width: 220px;}
.tongzhiright .top .search .el-button{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: url(../images/27.png) no-repeat center; background-size: 16px auto; border: none;}
.tongzhiright .top .search .el-input__inner{ padding: 0 10px 0 30px;}
.tongzhiright .boot{ padding: 15px 24px;}
.xingzboxform .w{ padding-left: 22px; background: url(../images/18.png) no-repeat left top 2px; background-size: 14px auto;}
.tongzhiright .list{ padding: 20px 15px;}
.tongzhiright .list .wli{ margin-bottom: 20px;}
.tongzhiright .list .wli .h{ font-size: 16px; line-height: 22px; font-weight: bold;}
.tongzhiright .list .wli .h i{ font-size: 14px; color: #6E788B; opacity: 0.8;}
.tongzhiright .list .wli .li{ width: 340px; background: #fff; border-radius: 4px; margin: 18px 20px 0 0; transition: all 0.5s; position: relative;}
.tongzhiright .list .wli .li:hover{ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.tongzhiright .list .wli .li::after{ position: absolute; top: 0; right: 14px; width: 6px; height: 100%; background: #fff url(../images/21.png) no-repeat center; background-size: 6px auto; content: ''; opacity: 0; transition: all 0.5s;}
.tongzhiright .list .wli .li:hover::after{ opacity: 1;}
.tongzhiright .list .wli .li a{ padding: 8px; display: flex; justify-content: space-between; align-items: center;}
.tongzhiright .list .wli .mk{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: -10px;}
.tongzhiright .list .wli .mk .m{ width: 50px; height: 50px; border-radius: 100%; overflow: hidden;}
.tongzhiright .list .wli .mk .m img{ display: block; width: 100%;}
.tongzhiright .list .wli .mk .ter{ width: calc(100% - 70px);}
.tongzhiright .list .wli .mk .ter .p{ font-size: 14px; line-height: 20px; color: #2C313A;}
.tongzhiright .list .wli .mk .ter .a{ font-size: 12px; line-height: 18px; color: #6E788B;}
.tongzhiright .boot .s{ padding-left: 22px; background: url(../images/18.png) left center no-repeat; background-size: 14px auto;}
.tongzhiright .boot .el-tag{ border-radius: 2px;}
.lvshiyearbox{ padding: 18px 16px;}
.lvshiyearbox .wli{ background: #fff; border-radius: 4px; border: 1px solid #F2F3F5; margin-top: 10px; transition: all 0.5s;}
.lvshiyearbox .wli:first-child{ margin-top: 0;}
.lvshiyearbox .wli .mk{ padding: 14px 27px 14px 14px; display: flex; justify-content: space-between; align-items: center;}
.lvshiyearbox .wli .mk .right{ display: flex; align-items: center;}
.lvshiyearbox .wli .mk .right .a a{ display: block; font-size: 14px; line-height: 20px; color: #409EFF;}
.lvshiyearbox .wli .mk .right .p{ width: 280px; display: flex; font-size: 14px; line-height: 20px;}
.lvshiyearbox .wli .mk .right .p .el-button{ width: 20px; height: 20px; border: none; border-radius: 100%; margin-left: 10px; padding: 0; background: url(../images/84.png) no-repeat center; background-size: 100% auto;}
.lvshiyearbox .wli .mk .left{ display: flex; align-items: center;}
.lvshiyearbox .wli .mk .left .one{ display: flex; align-items: center; width: 500px;}
.lvshiyearbox .wli .mk .left .one .m{ width: 48px; height: 50px; background: #F7F7F7; border: 1px solid #E6E9ED; display: flex; justify-content: center; align-items: center; margin-right: 20px;}
.lvshiyearbox .wli .mk .left .one .m i{ font-size: 14px; line-height: 20px; color: #A1AABC;}
.lvshiyearbox .wli .mk .left .one .ter .h{ font-size: 14px; line-height: 20px; color: #2C313A; font-weight: bold; display: flex;}
.lvshiyearbox .wli .mk .left .one .ter .h i{ height: 20px; margin-right: 6px; display: flex; justify-content: center; align-items: center;}
.lvshiyearbox .wli .mk .left .one .ter .h i img{ max-width: 100%; max-height: 100%; display: block;}
.lvshiyearbox .wli .mk .left .one .ter .p{ font-size: 14px; line-height: 20px; margin-top: 4px; color: #6E788B; opacity: 0.7;}
.lvshiyearbox .wli .mk .left .i img{ display: block; width: 15px; margin: 0 50px;}
.lvshiyearbox .wli .mk .left .ps{ display: flex; font-size: 14px; line-height: 20px; color: hsla(219,12%,49%,0.70);}
.lvshiyearbox .wli .mk .left .ps .d{ margin-left: 12px; cursor: pointer;}
.lvshiyearbox .wli:hover{ background: #F6F7F8; border-color: #CDD0D6;}
.worklist .slist2{ border: none; margin: 0;}
.trueboxmore{ background: #F8F8F8; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; height: 52px; border-bottom: 1px solid #E4E6EA;}
.trueboxmore .left{ display: flex;}
.trueboxmore .left .a a{ display: block; font-size: 16px; line-height: 22px; color: #2C313A; padding-left: 25px; background: url(../images/s8.png) no-repeat left center; background-size: 18px auto; font-weight: bold;}
.trueboxmore .left .a{ position: relative; padding-right: 27px;}
.trueboxmore .left .a::after{ content: ''; width: 1px; height: 16px; background: #D8D8D8; position: absolute; top: 50%; right: 14px; transform: translateY(-50%);}
.trueboxmore .left .h{ font-size: 16px; font-weight: bold; line-height: 22px;}
.richengboxright{ position: absolute; left: 467px; top: 0; right: 0; bottom: 0; overflow-y: auto;}
.richengboxright .mk{ padding: 26px 30px 10px 18px; overflow-y: auto;}
.richengboxright .top{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 16px;}
.richengboxright .top .left{ display: flex; align-items: flex-start;}
.richengboxright .top .left .h{ font-size: 18px; line-height: 26px; font-weight: bold; padding-bottom: 4px; border-bottom: 2px solid #425E9F; margin-right: 42px;}
.richengboxright .top .left .icon{ display: flex;}
.richengboxright .top .left .icon .em{ font-size: 18px; line-height: 26px; color: hsla(219,14%,20%,0.70); padding-left: 16px; position: relative; margin-left: 40px;}
.richengboxright .top .left .icon .em:first-child{ margin-left: 0;}
.richengboxright .top .form{ display: flex;}
.richengboxright .top .form .li{ margin-left: 8px; max-width: 150px;}
.richengboxright .top .form .li .el-input__icon{ line-height: inherit;}
.richengboxright .top .form .li .el-button{ padding: 0 15px; height: 32px; line-height: 32px;} 
.richengboxright .list .wli{ border: 1px solid #F2F3F5; border-radius: 4px; padding: 14px 10px; display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; transition: all 0.5s; position: relative;}
.richengboxright .list .wli:hover{ background: #F6F7F8; z-index: 5;}
.richengboxright .list .wli:first-child{ margin-top: 0;}
.richengboxright .list .wli .ter{ padding: 2px 0 2px 20px; position: relative; width: 600px;}
.richengboxright .list .wli .ter::after{ width: 4px; height: 100%; background: #F56C6C; border-radius: 2px; position: absolute; top: 0; left: 0; content: '';}
.richengboxright .list .wli2 .ter::after{ background: #67C23A;}
.richengboxright .list .wli .ter .h{ font-size: 16px; line-height: 22px; font-weight: bold; color: #3C4047;}
.richengboxright .list .wli .ter .p{ font-size: 14px; font-weight: bold; line-height: 20px; margin-top: 7px; color: hsla(219,14%,20%,0.70);}
.richengboxright .list .wli .right{ display: flex;}
.richengboxright .list .wli .right .h{ font-size: 14px; line-height: 20px; color: #3C4047; font-weight: bold; opacity: 0.6;}
.richengboxright .list .wli .right .p{ font-size: 14px; line-height: 20px; margin-top: 4px; font-weight: bold; opacity: 0.3;}
.richengboxright .list .wli .right .li{ min-width: 105px;}
.richengboxright .list .wli .right .li:nth-child(2){ min-width: 160px;}
.richengboxright .list{ margin-top: 20px;}
.richengboxright .list .cur .ter,
.richengboxright .list .cur .right{ opacity: 0.4;}
.richengboxright .list .cur .ter .h{ text-decoration: line-through;}
.richengboxright .list .more{ position: absolute; top: 10px; right: 16px; cursor: pointer;}
.richengboxright .list .more .i{ width: 18px; height: 18px; background: url(../images/74.png) no-repeat center; background-size: 100% auto;}
.richengboxright .list .more .down{ position: absolute; top: 18px; right: 0; min-width: 60px; padding-top: 8px; display: none;}
.richengboxright .list .wli .more:hover .down{ display: block;}
.richengboxright .list .more .down .up{ background: #fff; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); position: relative; padding: 5px 0;}
.richengboxright .list .more .down .up::after{ content: ''; width: 8px; height: 8px; background: #fff; position: absolute; right: 8px; top: -4px; transform: rotate(45deg);}
.richengboxright .list .more .down .up .el-button{ width: 100%; padding: 0; border: none; font-size: 14px; line-height: 24px; height: 24px; display: flex; justify-content: center; text-align: center; margin: 0;}
.richengboxright .list .cur::before{ content: ''; width: 48px; height: 48px; background: url(../images/85.png) no-repeat center; background-size: 100% auto; position: absolute; top: 15px; right: 60px;}
.richengboxleft{ position: absolute; top: 0; left: 0; bottom: 0; width: 466px; border-right: 1px solid #D8D8D8; background: #FAFBFD;}
.richengboxleft .rilibox{ padding: 36px 20px;}
.richengboxleft .rilibox .el-calendar{ background: hsla(0,0%,100%,0.00);}
.richengboxleft .rilibox .el-calendar__header{ padding: 0; border: none;}
.richengboxleft .rilibox .el-calendar__body{ padding: 0; margin-top: 25px; background: #fff; border-radius: 4px; border: 1px solid #E9E9E9;}
.richengboxleft .rilibox .el-calendar-table thead th{ padding: 6px 0; background: #FCFCFC;}
/*.richengboxleft .rilibox .el-calendar-table .el-calendar-day{ height: 60px; display: flex; justify-content: center;}*/
/*.richengboxleft .rilibox .el-calendar-table td{ border: none;}*/
.richengbox .richengform{ padding: 0; border: none; width: 98%;}
.anjianxiangccer{ width: 1280px; margin: auto; padding: 32px 0;}
.anjianxiangccer .wli{ background: #fff; border-radius: 4px; margin-top: 30px; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06); padding: 40px 90px;}
.anjianxiangccer .wli:first-child{ margin-top: 0;}
.anjianxiangccer .wli .tp{ font-size: 18px; font-weight: bold; line-height: 26px; padding-bottom: 10px; border-bottom: 2px solid #848484; margin-bottom: 30px;}
.anjianxiangccer .wli .el-descriptions-item__label:not(.is-bordered-label){ width: 140px; text-align: right; color: #6E788B; font-weight: bold; display: block; }
.anjianxiangccer .wli .el-descriptions-item__container .el-descriptions-item__content{ font-size: 14px; font-weight: bold; color: #2C3038;}
.anjianxiangccer .wli .mink .sli{ margin-top: 32px;}
.anjianxiangccer .wli .mink .sli:first-child{ margin-top: 0;}
.anjianxiangccer .wli .mink .sli .tit{ font-size: 16px; line-height: 22px; font-weight: bold;}
.anjianxiangccer .wli .mink .sli .li{ margin-top: 35px;}
.anjianxiangccer .wli .mink .sli .li:first-child{ margin: 0;}
.anjianxiangccer .wli .mink .sli .li .h{ font-size: 14px; line-height: 20px; font-weight: bold; padding-bottom: 8px; color: #171717; border-bottom: 1px solid #E6E9ED; margin-bottom: 16px;}
.anjianxiangccer .wli .mink .sli .li .el-descriptions{ margin-bottom: 15px;}
.anjianxiangccer .wli .mink .sli .one{ margin-top: 15px;}
/*.anjianxiangccer .wli .mink .sli .li .el-table{ border:1px solid #E6E9ED;}*/
.anjianxiangccer .wli .mink .sli .unll{ font-size: 14px; line-height: 20px; margin-top: 5px; color: #2C3038; opacity: 0.5;}
.rightopnavbox .title .pp i{ font-size: 20px; margin-left: 20px; color: #2C313A; opacity: 0.5;}

.worklist .slist .top .lif .h{ display: flex;}
.worklist .slist .top .lif .h input.ip1{ width: 500px; padding: 0; border: none; background: hsla(0,0%,100%,0.00);}
.worklist .slist .top .lif .h input{ height: 30px; margin: -5px 0;}
.worklist .slist .top .lif .h input.ip2{ width: 100px; margin-left: 10px; font-size: 14px; font-weight: normal; display: none;}
.worklist .slist .top .lif .h input.ip1:focus{ display: none;}
.worklist .slist .top .lif .htt input.ip1{ border: 1px solid #E6E9ED; background: #fff; padding: 0 10px;}
.worklist .slist .top .lif .htt input.ip1:focus{ display: block;}
.worklist .slist .top .lif .htt input.ip2{ display: block;}
.worklist .slist .top .lif .h button{ margin: -5px 0 -5px 10px; height: 32px; display: none;}
.worklist .slist .top .lif .htt button{ display: block;}
.worklist .slist .top .more .as.htt{ display: none;}

.shengpiver .conty .nli .mform{ margin: 15px 0 0 0; border: 1px solid #F3F3F3; border-bottom: none;}
.shengpiver .conty .sform2{ margin: 15px 0 0 0; background: hsla(0,0%,100%,0.00); padding: 0;}

/* 2.28 */
.indexformver2 .keng{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding-left: 56px;}
.indexformver2 .keng .el-form-item{ min-width: 30%; margin-bottom: 0;}
.indexformver2 .keng .el-form-item__label{ opacity: 0.5; line-height: 30px;}
.indexformver2 .keng .el-form-item__content{ line-height: 30px;}
.rightopnavbox .title .pt .k i{ margn-left: 5px; font-size: 18px; color: #999;}


.color5{ color: hsla(220,12%,20%,0.50)!important;}
.financetop{ position: absolute; top: 0; left: 0; right: 0; background: #F8F8F8; padding: 10px 14px; border-bottom: 1px solid #E4E6EA;}
.financetop .nav{ display: flex;}
.pushButton{ display: flex; background: #fff; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B; padding: 0 18px; height: 32px; line-height: 32px; border-radius: 2px; width: auto; transition: all 0.5s;}
.pushButton1{ background: #6E788B; border-color: #6E788B; color: #fff;}
.pushButton + .pushButton{ margin-left: 10px;}
.pushButton:hover{ background: hsla(0,0%,0%,0.05); border-color: hsla(0,0%,0%,0.05); color: #6E788B;}
.pushButton.cur{ background: #6E788B; border-color: #6E788B; color: #fff;}
.financeleft{ position: absolute; top: 55px; left: 0; bottom: 0; width: 260px; background: #F6F7F8; border-right: 1px solid #E4E6EA;}
.financeleft .nav{ margin: 0 15px; padding: 15px 0; border-bottom: 1px solid #E4E6EA;}
.financeleft .nav a{ display: block; font-size: 14px; line-height: 20px; color: #6E788B; padding: 8px 15px; border-radius: 2px; transition: all 0.5s;}
.financeleft .nav a + a{ margin-top: 5px;}
.financeleft .nav a.cur,
.financeleft .nav a:hover{ background: #E6E9ED; font-weight: bold; color: #000;}
.financecont{ position: absolute; top: 55px; left: 261px; right: 0; overflow-y: auto; bottom: 0;}
.financecont .wli{ padding: 20px 20px 20px 14px;}
.financecont .wli + .wli{ border-top: 10px solid #F6F7F8;}
.financecont .wli .top{ border-bottom: 1px solid #E6E9ED; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 8px;}
.financecont .wli .top .h{ font-size: 16px; font-weight: bold; line-height: 30px; margin-right: 18px;}
.financecont .wli .top .p{ font-size: 14px; color: #6E788B; line-height: 32px;}
.financecont .wli .top .more{ display: flex;}
.in{ display: flex; padding: 0 12px; width: auto; height: 32px; line-height: 32px; margin: 0; border-radius: 2px; background: #FAFBFD; border-color: #E6E9ED; transition: all 0.5s;}
.in + .in{ margin-left: 10px;}
.in span{ display: block; line-height: 32px; padding-left: 22px; transition: all 0.5s;}
.in1 span{ background: url(../images/53.png) no-repeat left center; background-size: 14px auto;}
.in2 span{ background: url(../images/86.png) no-repeat left center; background-size: 14px auto;}
.financecont .wli .boot{ margin: 30px 10px 0 10px;}
.financecont .wli .boot2{ margin: 15px 0 0 0;}
.financecont .wli .boot .el-descriptions-item__label{ width: 170px; text-align: right; color: #6E788B; display: block; margin-right: 20px;}
.financecont .wli .boot .el-descriptions-item{ padding-bottom: 14px;}
.financecont .wli .boot .el-descriptions-item__label.has-colon::after{ display: none;}
.timeSchedule .eli{ padding: 30px 0 0 20px; position: relative;}
.timeSchedule .eli:first-child{ padding: 25px 0 0 20px;}
.timeSchedule .eli::after{ width: 2px; background: #6E788B; /*height: 100%;*/ content: ''; position: absolute; top: 0; left: 0; bottom: -35px; opacity: 0.1;}
.timeSchedule .eli.cur::after{ background: #67C23A; opacity: 1;}
.timeSchedule .eli:last-child::after{ bottom: 0;}
.timeSchedule .eli .tp{ position: relative; display: flex; margin-bottom: 20px; z-index: 2;}
.timeSchedule .eli .tp::after{ content: ''; width: 6px; height: 6px; border: 3px solid #CDD0D6; background: #fff; border-radius: 100%; position: absolute; top: 50%; margin-top: -6px; left: -25px;}
.timeSchedule .eli.cur .tp::after{ border-color: #67C23A;}
.timeSchedule .eli .tp .h{ font-size: 14px; line-height: 20px; color: #2C313A; font-weight: bold; margin-right: 10px;}
.hint{ padding: 0 0 0 25px; height: 20px; line-height: 20px; border: none; margin: 0; background: url(../images/16.png) no-repeat left center!important; background-size: 18px auto;}
.hint span{ font-size: 14px; color: #A8ABB2;}
.compact{ background: #F6F7F8; border-radius: 4px; padding: 15px;}
.compact .mp{ display: flex; max-width: 260px;}
.compact .mp .i{ width: 22px; height: 20px; display: flex; align-items: center;}
.compact .mp .i img{ display: block; max-width: 100%; max-height: 100%;}
.compact .mp .h{ font-size: 14px; color: #2C313A; line-height: 20px; margin-right: 18px;}
.compact .mp a{ font-size: 14px; line-height: 20px;}
.compact .mp a:hover{ text-decoration: underline;}
.compact .ps{ padding: 4px 0 0 18px;}
.compact .ps .p{ font-size: 14px; line-height: 20px;}
.timeSchedule .eli .hand{ display: flex; margin-bottom: 15px;}
.timeSchedule .eli .hand button{ margin-right: 28px;}
.timeSchedule .eli .hand .p{ display: flex; font-size: 14px; color: #6E788B; line-height: 20px; padding-top: 6px;}
.timeSchedule .form{ border: 1px solid #E4E4E4; border-radius: 4px; overflow: hidden; border-bottom: none;}
.timeSchedule .form .el-table th.el-table__cell{ padding: 8px 0; background: #F6F7F8;}
.financecont .balance{ display: flex;}
.financecont .balance .p{ font-size: 14px; color: #6E788B; line-height: 20px; padding-top: 6px; display: flex; margin-right: 100px;}
.financecont .balance button{ margin-right: 14px;}
.financecont .balance .remark{ display: flex; font-size: 14px; line-height: 20px; padding-top: 6px; color: #6E788B;}
.financecont .balance .remark div{ color: #2C3038;}
.financecont .wli .top .left{ display: flex;}
.financecont .mink .el-table tbody tr:last-child td{ background: #F6F7F8;}
.financecont .mink1 .el-table tbody tr:last-child td:last-child button{ display: none;}
.switchbox .el-tabs__item{ line-height: 30px; height: 30px;}
.switchbox .el-tabs__nav-wrap::after{ display: none;}
.formtime .el-tabs__item.is-active{ color: #409EFF;}
.formtime .el-tabs__active-bar{ background: #409EFF;}
.financecont .mink2 .el-table tbody tr:last-child td{ background: hsla(0,0%,100%,0.00);}
.financecont .mink2 .el-table tbody tr:hover:last-child td{ background: #F5F7FA;}
.xingzboxform .mm{ display: flex;}
.xingzboxform .mm i{ font-size: 14px; line-height: 20px; background: #F1F1F1; border-radius: 2px; padding: 0 7px; color: #2C313A;}
.xingzboxform .ss{ padding: 2px 0 0 7px;}
.el-button.gl{ padding: 0 10px; background: #fff; border-radius: 2px; border: 1px solid #DCDFE6; /*display: flex; justify-content: center;*/ height: 28px; line-height: 28px; transition: all 0.5s;}
.el-button.gl1 span{ font-size: 14px; color: #6E788B; padding-left: 20px; background: url(../images/86.png) no-repeat left center; background-size: 14px auto;}
.el-button.gl2 span{ font-size: 14px; color: #6E788B; padding-left: 20px; background: url(../images/46.png) no-repeat left center; background-size: 16px auto;}
.el-button.gl:hover{ background: #DCDFE6; border-color: hsla(0,0%,100%,0.00);}
.xingzboxform .img{ width: 36px; height: 36px; border-radius: 100%; overflow: hidden;}
.xingzboxform .img img{ display: block; width: 100%;}
.kehuboxnav .nav2 .li::after{ display: none;}
.kehuboxnav .nav2 .li{ margin-left: 14px; line-height: 32px; padding: 0 15px; border-radius: 2px; border: 1px solid #E6E9ED; background: #fff; font-size: 14px; color: #6E788B; transition: all 0.5s;}
.kehuboxnav .nav2{ padding-top: 10px; margin-left: -20px;}
.kehuboxnav .nav2 .li.on,
.kehuboxnav .nav2 .li:hover{ background: #6E788B; border-color: #6E788B; color: #fff; font-weight: normal;}
.indexnavbox .left .time .sub3{ background: #67C23A; color: #fff; border-color: #67C23A;margin-left: 15px;}
/*.indexnavbox .left .time .el-input--suffix .el-input__inner{ padding-left: 30px;}*/
.xingzboxform1 tbody tr:last-child{ background: #F6F7F8;}
.xingzboxform1 tbody tr:last-child td div.cell{ color: #F56C6C;}
.xingzboxform2 tbody tr:nth-last-child(2){ background: #F6F7F8;}
.xingzboxform2 tbody tr:nth-last-child(2) td div.cell{ color: #F56C6C;}

.xingzboxform{ top: 51px;}
.xingzboxform3 thead{ display: none;}
.xingzboxform3 tbody tr:first-child,
.xingzboxform3 tbody tr:nth-child(2),
.xingzboxform3 tbody tr:last-child,
.xingzboxform3 tbody tr:nth-last-child(2){ background: #F6F7F8;}
.xingzboxform3 tbody td{ border-right: 1px solid #E4E4E4;}
.xingzboxform3 table{ /*border-top: 1px solid #E4E4E4;*/ border-left: 1px solid #E4E4E4;}
.xingzboxform3 tbody tr:first-child td{ border-top: 1px solid #E4E4E4;}
.xingzboxform3 tbody tr:last-child td .cell,
.xingzboxform3 tbody tr:nth-last-child(2) td .cell{ color: #F56C6C;}
.indexformver2 .keng{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding-left: 56px;}
.indexformver2 .keng .el-form-item{ min-width: 40%; margin-bottom: 0;}
.indexformver2 .keng .el-form-item__label{ opacity: 0.5; line-height: 30px;}
.indexformver2 .keng .el-form-item__content{ line-height: 30px;}
.fabuboxmmin .form .bbp{ display: flex; padding: 5px 5px 0 0; margin-left: 20px;}
.fabuboxmmin .form .bbp .el-form-item{ width: calc(100% / 3);}
.fabuboxmmin .form .bbp .el-form-item .y{ position: absolute; top: 0; right: 8px; opacity: 0.5;}
.fabuboxmmin .form .ttp{ background: #F6F7F8; border-radius: 4px; padding: 20px 20px 8px 0; margin-left: 20px;}
.fabuboxmmin .form .ttp .vc{ display: flex; justify-content: space-between;}
.fabuboxmmin .form .ttp .vc .el-form-item{ width: 45%;}
.fabuboxmmin .form .ttp .vc .el-select{ display: block;}
.fabuboxmmin .form .ttp,
.fabuboxmmin .form .bbp{ margin-right: -40px;}

.indexnavbox .right .p{ white-space: nowrap;}
.indexnavbox .left .time{ flex-wrap: wrap;}

.leftnavbox .minebox{ overflow-y: auto;}
.leftnavbox .minebox::-webkit-scrollbar{ width: 0;}
.operatingbox4{ top: 0; left: 0; padding: 0;}
.canshuboxlist .rli{ border-top: 10px solid #F6F7F8; background: #fff; padding: 25px 15px;}
.canshuboxlist .rli .tit{ font-size: 18px; line-height: 22px; font-weight: bold; margin-bottom: 10px;}
.canshuboxlist .rli .tppr{ margin-bottom: 18px;}
.canshuboxlist .rli .tppr .el-button{ background: #6E788B; border-radius: 2px; border: none; padding: 0 15px; height: 34px; line-height: 34px; margin: 0; color: #fff;}
.canshuboxlist .rli .tablek1 tbody tr td:nth-child(7){ display: none;}
.canshuboxlist .rli .tablek1 tbody tr:first-child td:nth-child(7),
.canshuboxlist .rli .tablek1 tbody tr:nth-child(4) td:nth-child(7){ display: block;}
.canshuboxlist .rli .canlisd{ display: flex; justify-content: space-between; border-radius: 4px; background: #F6F7F8; padding: 15px 20px;}
.canshuboxlist .rli .canlisd .crt .el-button{ width: 80px; height: 20px; padding: 0; margin: 0;}
.canshuboxlist .rli .canlisd .tex{ display: flex; line-height: 20px;}
.canshuboxlist .rli .canlisd .tex .h{ font-size: 14px; line-height: 20px; font-weight: bold; margin-right: 15px;}
.canshuboxlist .rli .canlisd .tex .p{ font-size: 14px; line-height: 20px; color: #AFAFAF;}
.canshuboxlist .rli .canlisd .vet .h{ font-size: 14px; line-height: 20px; margin-right: 5px; color: #AFAFAF;}
.canshuboxlist .rli .canlisd .vet .p{ font-size: 14px; line-height: 20px;}
.canshuboxlist .rli .canlisd .vet{ display: flex;}
.workupbox .wordgr .jk{ position: absolute; top: 0; right: 15px;}

.leftnavbox3 .minebox{ width: 170px; transition: unset;}
.leftnavbox3 .minebox .nav .wli{ width: 64px;}
.leftnavbox2 .minebox{ bottom: 15px;}

.operatingboxcw{ position: relative; top: auto; left: auto; right: auto; bottom: auto;}
.operatingboxcw .left .time{ padding-top: 0;}
.operatingboxcw .left .time .li{ margin-bottom: 9px;}
.operatingboxcw .left .time .sub{ margin-bottom: 9px;}
.operatingbox{ height: auto;}
.indexnavboxcw{ height: auto;}
.indexnavbox .left .time .li,
.indexnavbox .left .time .sub{ margin-top: 9px;/*padding-bottom: 2px;*/}
.operatingbox3{ height: auto; position: relative; top: auto; left: auto; right: auto; bottom: auto; }
.indexnavbox2{ height: auto; }
/*body .indexnavbox{ padding-bottom: 0; }*/


.moremaxcmeyu{ position: relative; cursor: pointer; margin: auto; width: 32px;}
.moremaxcmeyu:hover{ z-index: 10;}
.moremaxcmeyu .m{ width: 32px; height: 24px; border-radius: 2px; /*background: #6E788B;*/ background: url(../images/24.png) no-repeat center; background-size: 18px auto; transition: all 0.5s; margin: auto;}
.moremaxcmeyu:hover .m{ background: #6E788B url(../images/24s.png) no-repeat center; background-size: 18px auto;}
.moremaxcmeyu .vh{ display: none; position: absolute; top: 0; right: 0; width: 130px; padding-top: 40px;}
.moremaxcmeyu:hover .vh{ display: block;}
.moremaxcmeyu .wk{ background: #6E788B; border-radius: 2px; box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.06); position: relative; padding: 8px 10px;}
.moremaxcmeyu .wk::after{ content: ''; width: 10px; height: 10px; background: #6E788B; position: absolute; top: -5px; right: 12px; transform: rotate(45deg);}
.moremaxcmeyu .wk a{ display: block; padding: 6px 6px 6px 35px; font-size: 14px; color: #fff; line-height: 20px; position: relative; transition: all 0.5s;}
.moremaxcmeyu .wk a:hover{ background: hsla(219,14%,20%,0.20);}
.moremaxcmeyu .wk a::after{ width: 20px; height: 20px; position: absolute; top: 6px; left: 10px; content: '';}
a{ text-decoration: none;}
.moremaxcmeyu .wk a.a1::after{ background: url(../images/42.png) no-repeat center; background-size: 16px auto;}
.moremaxcmeyu .wk a.a2::after{ background: url(../images/38.png) no-repeat center; background-size: 16px auto;}
.moremaxcmeyu .wk a.a3::after{ background: url(../images/40.png) no-repeat center; background-size: 17px auto;}
.moremaxcmeyu .wk a.a4::after{ background: url(../images/44.png) no-repeat center; background-size: 13px auto;}
.moremaxcmeyu .wk a.a5::after{ background: url(../images/39.png) no-repeat center; background-size: 16px auto;}

.worklist .sork .oli .zlist .zli .ali .more,
.worklist .sork .oli .zlist .zli .foms .img .rg{ opacity: 1;}
.worklist .sork .oli .zlist .zli .foms .img .rg .mo{ display: flex;}
.worklist .sork .oli .zlist .zli .foms .img .rg .mo .el-input__inner{ margin: -2px 20px -2px -30px; border-radius: 2px;  width: 60px; padding: 0 5px; text-align: center; font-size: 12px; height: 26px;}
.worklist .sork .oli .zlist .zli .foms .img .rg .mo .el-input{ width: auto;}
.worklist .sork .oli .zlist .zli .vp .left{ width: 55%; position: relative;}
.worklist .sork .oli .zlist .zli .vp .left .xuu{ width: 60px; font-size: 14px; font-weight: bold; position: absolute; top: 0; right: 0; line-height: 22px; text-align: center;}
.worklist .sork .oli .zlist .zli .foms .img .lif{ width: calc(55% - 40px); position: relative;}
.worklist .sork .oli .zlist .zli .foms .img .lif .el-input__inner{ margin: -2px 0; border-radius: 2px;  width: 60px; padding: 0 5px; text-align: center; font-size: 12px; height: 26px; position: absolute; top: 0; right: 0;}
.worklist .sork .oli .zlist .zli .foms .img .lif .el-input{ width: auto; position: unset;}

.worklist .sork .oli .zlist .zli .foms .img .rg{ width: auto;}
.worklist .sork .oli .zlist .zli .foms .sp .h{ width: calc(55% - 40px); position: relative;}
.worklist .sork .oli .zlist .zli .foms .sp .h .el-input__inner{ margin: -2px 0; border-radius: 2px;  width: 60px; padding: 0 5px; text-align: center; font-size: 12px; height: 26px; position: absolute; top: 0; right: 0;}
.worklist .sork .oli .zlist .zli .foms .sp .h .el-input{ width: auto; position: unset;}
.worklist .sork .oli .zlist .zli .vp .left .xuu{ text-align: left;}
.worklist .sork .oli .zlist .zli .foms .img .lif .el-input__inner{ right: -10px;}

.shengminbox .wli .min .eli .minvli .zliz + .zliz{ margin-top: 20px;}
.shengminbox .wli .min .eli .minvli .zliz .ppy{ font-size: 16px; line-height: 22px; font-weight: bold; background: #F6F7F8; border: 1px solid #E9E9E9; padding: 9px 40px 9px 18px; position: relative;cursor: pointer; }
.shengminbox .wli .min .eli .minvli .zliz .ppy i{ display: block; position: absolute; top: 0; right: 14px; background: url(../images/87.png) no-repeat center; background-size: 100% auto; width: 12px; height: 100%; transition: all 0.5s;}
.shengminbox .wli .min .eli .minvli .zliz.zliz2 .ppy i{ transform: rotate(180deg);}
.shengminbox .wli .min .eli .minvli .vwn{ display: none; border-top: none;}
.shengminbox .wli .min .eli .minvli .vwn1{border-top: 1px solid #E9E9E9;}
.shengpidata .shengnav .list .wli .min .li a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 0;}
.indexnavbox .left .bout{ display: flex; padding: 9px 0 0 2px;}
.indexnavbox .left .bout .el-button{ display: block; width: auto; height: 32px; line-height: 32px; margin: 0; background: #dcdfe4; border-color: #dcdfe4; padding: 0 10px; transition: all 0.5s; border-radius: 2px;}
.indexnavbox .left .bout .el-button span{ font-size: 14px; padding-left: 24px; background: url(../images/88.png) no-repeat left center; background-size: 18px auto; display: block; transition: all 0.5s; color: #6E788B;}
.indexnavbox .left .bout .el-button:hover{ color: #fff; background: #6E788B; border-color: #6E788B;}
.indexnavbox .left .bout .el-button:hover span{ background: url(../images/88s.png) no-repeat left center; background-size: 18px auto; color: #fff;}
.shengpidata .shengnav .list .wli .min{ display: none;}
.shengpidata .shengnav .list .wli .tit i{ transform: rotate(0);}
.shengpidata .shengnav .list .wli .tit .i2{ transform: rotate(90deg);}
.shengminbox .wli .vwn .li .ter .cvu{ display: flex; justify-content: space-between; width: 495px;}

.entryboxmink .textbox .wker .list{ justify-content: flex-start; padding-top: 12px;}
.entryboxmink .img{display: flex; justify-content: center; align-items: center;}
.entryboxmink .img img{ display: block; width: 83.8%;}
.entryboxmink .textbox .wker .list .li{ width: 220px; margin: 30px 20px 0 0!important;}
.entryboxmink .textbox .wker .list .li a{ background: #FAFAFA; min-height: 150px;}

.richenglist .dli.on .list,
.richenglist .dli.on .wker,
.richenglist .dli.on .more{ opacity: 0.6;}
.richenglist .dli.on .wker .p{ text-decoration: line-through;}

.rightopnavbox .title .ricv{ display: flex;margin-right: 42px;}
.rightopnavbox .title .ricv .h{ border-bottom: 2px solid hsla(0,0%,100%,0.00); margin-right: 0; color: #666; transition: all 0.5s; cursor: pointer; padding-bottom: 2px; font-weight: normal;display: flex;}
.rightopnavbox .title .ricv .h.on{ border-color: #425E9F; color: #333; font-weight: bold;;}
.rightopnavbox .title .ricv .h + .h{ margin-left: 20px;}

.rightopnavbox .title .ricv .em{ font-size: 18px; line-height: 26px; color: hsla(219,14%,20%,0.70); padding-left: 16px; position: relative; margin-left: 40px;}
.rightopnavbox .title .ricv .em::after{ content: ''; width: 8px; height: 8px; border-radius: 100%; background: #67C23A; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.rightopnavbox .title .ricv .em:nth-child(2)::after{ background: #F56C6C;}

.financecont .wli .boot .el-descriptions__body{ background: rgb(255 255 255 / 0%);}
.timeSchedule .eli .mk{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.timeSchedule .eli .hand{ width: 100%; }
.timeSchedule .eli .mk .compact{ margin: 0 10px 10px 0;}


.formtime table + table{ margin-top: 20px;}
.formtime table .em{ white-space: nowrap; min-width: 60px;}
.formtime2 table .em{ min-width: 80px;}
.formtime .el-tabs__content,
.formtime{ overflow-x: auto;}
.formtime table tr:first-child .em, .formtime table tr:last-child .em{ background: #F6F7F8;}
.formtime table tr:first-child{ border: none;}

.financialForm{ overflow-x: auto;}
.financialForm table{ border: 1px solid #E4E4E4;}
.financialForm table tr{ border: 1px solid #E4E4E4;}
.financialForm table tr td{ font-size: 14px; text-align: center; line-height: 20px; padding: 12px 5px; white-space: nowrap; min-width: 80px;}
.financialForm table tr:last-child td{ background: #F6F7F8; color: #F56C6C;}

/*body .indexnavbox .left .time .el-input__inner{ padding-left: 30px;}*/

.elementnewsform .el-table thead{ display: table-header-group;}
.elementnewsform table{ width: 100%; text-align: center;}
.elementnewsform .el-table thead.is-group th.el-table__cell{ padding: 12px 0; font-size: 14px; line-height: 20px; text-align: center; background: #F6F7F8;}
.elementnewsform tbody tr:first-child td,
.elementnewsform tbody tr:nth-child(2) td{ background: #fff;}
.elementnewsform tbody .cell{ text-align: center;}
.operatingboxkh4{ left: 0;  top:140px;}

.workupboxddw .wordgr .el-form{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.workupboxddw .wordgr .el-form .el-form-item{ width: calc(100% / 3);}
.workupboxddw .wordgr .el-form .el-cascader{ display: block;}
.workupboxddw .fomm .aa{ padding: 0 8px; height: 26px; margin: -3px 0; background: hsla(0,0%,0%,0.05);}
.workupboxddw .fomm .el-table .cell{ overflow: inherit;}

.laws{ font-size: 14px; line-height: 30px; width: auto; padding-left:8px; overflow: hidden; white-space: nowrap; text-overflow : ellipsis; margin-top:11px;}

.dangshirendata .qli .top{ display: flex; justify-content: flex-start; align-items: flex-end; padding-bottom:20px;}
.dangshirendata .qli .top .h{font-size: 16px; line-height: 30px; font-weight: bold;}
.dangshirendata .qli .top .more{ display: flex; margin-left: 15px;}

.minkinvoice .el-table tbody tr td{ border: none;}
.minkinvoice .el-table tbody tr:nth-child(2n) td{ border-bottom: 1px solid #E4E4E4; margin-bottom: 5px; padding: 0 0 15px 0;}
.minkinvoice .fplist{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding-left: 10px; margin: 8px 0;}
.minkinvoice .fplist .li{ background: #F6F7F8; border-radius: 4px; display: flex; align-items: center; margin: 0px 12px 0 0; padding: 8px 10px; line-height: 20px; cursor: pointer;}
.minkinvoice .fplist .li .m{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-right: 5px;}
.minkinvoice .fplist .li .m img{ display: block; max-width: 100%; max-height: 100%;}
.minkinvoice .fplist .li .h{ font-size: 14px; color: #409EFF;}
.minkinvoice .fplist .li:hover .h{ text-decoration: underline;}
.minkinvoice .fplist .li .t{ font-size: 14px; color: #2C313A; opacity: 0.5; margin-left: 10px;}
.minkinvoice .el-table__expand-icon.el-table__expand-icon--expanded{ display: none;}
.minkinvoice .el-table__expand-icon.el-table__expand-icon--expanded .cell{ padding: 0;}
.financecont .minkinvoice .el-table tbody tr:last-child td{ background: #fff;}
.minkinvoice{ overflow: hidden; margin:15px; background: #fff;}
.financecont .wli .top .more .el-button.f1{ padding: 0 10px; height: 34px; line-height: 34px; margin: 0; background: #FAFBFD; border-radius: 2px; border-color: #E6E9ED;}
.financecont .wli .top .more .el-button.f1 span{ font-size: 14px; padding-left: 20px; background: url(../images/86.png) no-repeat left center; background-size: 14px auto;}	

.openbox .forma{ flex-wrap: wrap;}
.openbox .forma .addforma{ width: 100%; margin-bottom: 15px;}
.openbox .forma .addforma .smk{ padding-left: 108px;}
.openbox .forma .addforma .smk .h{ font-size: 14px; line-height: 20px; color: #B4B9C1; margin-bottom: 8px;}
.openbox .forma .addforma .smk .ttm{ display: flex;}
.openbox .forma .addforma .smk .ttm .vcv{ display: flex; margin-right: 20px;}
.openbox .forma .addforma .smk .ttm .vcv .li{ padding: 0 15px; font-size: 14px; line-height: 34px; margin-left: 20px; position: relative; border-radius: 2px; border: 1px dotted #CDD0D6; background: #fff; color: #B7C3CE;}
.openbox .forma .addforma .smk .ttm .vcv .li.event{cursor:pointer;}
.openbox .forma .addforma .smk .ttm .vcv .li:first-child{margin-left: 0;}
.openbox .forma .addforma .smk .ttm .vcv .li.cur{ border: 1px solid #76B9FF; background: #EBF5FF url(../images/91.png) no-repeat right bottom; background-size: 12px auto; color: #409EFF;}
.openbox .forma .addforma .smk .ttm .vcv .li::after{ width: 20px; height: 100%; position: absolute; top: 0; right: -21px; content: ''; background: url(../images/90.png) no-repeat center; background-size: 12px auto; opacity: 1;}
.openbox .forma .addforma .smk .ttm .vcv .li:last-child::after{ display: none;}
.openbox .forma .addforma .smk .ttm button{ background: hsla(219,12%,49%,0.20); border: none; height: 36px; line-height: 36px; padding: 0 15px; margin: 0;}
.openbox .forma .addforma .smk .ttm button span{ display: block; font-size: 14px; padding-left: 22px; color: #fff; background: url(../images/89.png) no-repeat left center; background-size: 16px auto;}
.openbox .forma .addforma .smk .ttm button.sub{ background: #6E788B;}
.indexpage{margin: 12px 0;}

/* 4.19 */
.rightcontent .cvli1{ overflow-y: auto; /*margin-bottom: 10px;*/}
/*.rightcontent .cvli2{ margin-bottom: 1px;}*/
.openboxnav::after{ width: calc(260px - 1px); height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: #F6F7F8; border-right: 1px solid #E4E6EA; content: ''; transition: all 0.5s;}
.openboxnav2::after{ width: calc(70px - 1px);}
.openboxnav{ background: hsla(0,0%,100%,0.00); border: none;}
.openboxnav .openmk{ position: relative; z-index: 5; transition: all 0.5s;}
.openboxnav2 .openmk{ width: 40px;}
.openboxnavwww{ width: 500px; transition: unset; overflow-x: hidden;}
.entryboxmink .textbox{ display: flex; justify-content: center; align-items: center;}
.entryboxmink .textbox .wker{ padding: 0;}
.anjinaonebox{ overflow-y: auto;}
.indexformver{ padding: 15px 18px 0 18px;}
.rightcontent .cvli2{ height: auto!important;}
.operatingbox3{top: auto!important; padding-top: 15px;}

.el-table__fixed,.el-table__fixed-right{
    height:100% !important;
}

.formtwowker .li{ display: flex; justify-content: space-between;}
.formtwowker .li .h{ font-size: 14px;}
/*.formtwowker{ margin-top: -15px;}*/
.formtwowker .li{ display: flex; justify-content: space-between; margin-top: 7px;}
.formtwowker .li:first-child{ margin-top: 0;}
.formtwowker .li .h{ width: 95px; font-size: 14px; line-height: 32px; color: #6E788B;}
.formtwowker .li .p,.formtwowker .li .p p{ font-size: 14px; line-height: 32px; color: #303030;}
.formtwowker .li .p,
.formtwowker .li .list{ width: calc(100% - 100px);}
.formtwowker .li span{ display: flex;}
.formtwowker .li a{text-decoration:none;color: #399efd}

.tongzhiright .top .form .sub{ display: block; background: #fff; border-radius: 2px; line-height: 32px; height: 32px; padding: 0 12px; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B; cursor: pointer;}
.tongzhiright .top .form .sub2{background: #6E788B; color: #fff;}

.indexnavbox .left .nav .li1 .h{ padding-left: 20px; background: url(../images/f1.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li2 .h{ padding-left: 20px; background: url(../images/f2.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li3 .h{ padding-left: 20px; background: url(../images/f3.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li4 .h{ padding-left: 20px; background: url(../images/f4.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li5 .h{ padding-left: 20px; background: url(../images/f5.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li1.on .h{ background: url(../images/f1s.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li2.on .h{ background: url(../images/f2s.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li3.on .h{ background: url(../images/f3s.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li4.on .h{ background: url(../images/f4s.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .nav .li5.on .h{ background: url(../images/f5s.png) no-repeat left center; background-size: 14px auto;}
.indexnavbox .left .new,
.indexnavbox .left .nav{ position: relative; margin-right: 40px;}
.indexnavbox .left .new::after,
.indexnavbox .left .nav::after{ content: ''; width: 1px; height: 20px; background: #000; opacity: 0.1; position: absolute; top: 15px; right: -20px;}
.indexnavbox .left .nav .li:last-child{ margin-right: 0;}
.anjinaonebox .mink .li .a .m img{ opacity: 0;}
.anjinaonebox .mink .li .a .m{ height: 70px; background: url(../images/wjj1.png) no-repeat center; background-size: 82px auto; transition: all 0.5s;}
.anjinaonebox .mink .li:hover .a .m{ background: url(../images/wjj2.png) no-repeat center; background-size: 82px auto;}
.richengboxright{ background: #fff;}

.xingzboxform .more,.wenjianert .more,.indexformver .more{ position: relative; cursor: pointer;}
.xingzboxform .more:hover,.wenjianert .more:hover,.indexformver .more:hover{ z-index: 5;}
.xingzboxform .more .i,.wenjianert .more .i,.indexformver .more .i{ width: 24px; height: 20px; background: url(../images/74.png) no-repeat center; background-size: 100% auto; margin: auto;}

.richengboxright .top .left{ align-items: flex-end;}
.richengboxright .top .left .el-input__icon{ line-height: normal;}
.richengboxright .top .left .el-select{ width: 140px; display: block; margin-right: 10px;}
.richengboxright .top .left button.sub{/* font-size: 14px;*/ color: #6E788B; border: 1px solid #E6E9ED; width: auto; height: 32px; padding: 0 10px; line-height: 32px; font-size: 16px; background: #fff; border-radius: 2px; cursor: pointer;}
.richengboxright .top .left button.sub2{ margin-right: 8px; background: #6E788B; color: #fff; border-color: #6E788B;}
.richengboxright .list .wli{ padding: 14px 120px 14px 10px;}
.richengboxright .list .wli .ter{ width: calc(100% / 2);}

.itemboxlefts .sole2{ justify-content: space-between;}
.itemboxlefts .sole .vs{ display: flex;}
.itemboxlefts .sole .h{ font-size: 14px; line-height: 20px; opacity: 0.5;}
.itemboxlefts .minnavbox .wli{ border-bottom: 1px solid #E4E6EA; position: relative; padding: 15px 0;}
.itemboxlefts .minnavbox .wli .tp a{ display: flex; justify-content: flex-start; align-items: flex-start; padding: 8px 30px 8px 15px; border-radius: 2px; position: relative;}
.itemboxlefts .minnavbox .wli .tp i{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-right: 5px;}
.itemboxlefts .minnavbox .wli .tp i img{ display: block; max-width: 100%; max-height: 100%;}
.itemboxlefts .minnavbox .wli .tp .tt{ font-size: 14px; line-height: 20px; white-space: nowrap;}
.itemboxlefts .minnavbox .wli .tp em{ display: block; width: 20px; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/52.png) no-repeat center; background-size: 6px auto; transform: rotate(90deg); transition: all 0.5s;}
.itemboxlefts .minnavbox .wli .tp em.em1{ transform: rotate(0);}
.itemboxlefts .minnavbox .wli .min .li a{ display: flex; justify-content: space-between; align-items: flex-start; padding: 8px 8px 8px 40px; line-height: 20px; border-radius: 2px; transition: all 0.5s; min-height: 20px;}
.itemboxlefts .minnavbox .wli .min .li a .h{ font-size: 14px; color: #767F91; width: 130px; white-space: nowrap;}
.itemboxlefts .minnavbox .wli .min .li a .n{ font-size: 14px; color: #6E788B; opacity: 0.5; white-space: nowrap;}
.itemboxlefts .minnavbox .wli .min .li.cur a,
.itemboxlefts .minnavbox .wli .min .li:hover a{ background: #E6E9ED;}
.itemboxlefts .minnavbox .wli .min .li{ margin-top: 5px;}
.itemboxlefts .minnavbox .wli .min .li.cur a .h{ font-weight: bold;}
.itemboxlefts{ transition: all 0.5s; top: 0;}
.itemboxlefts2{ width: 70px;}
.itemboxlefts2 .mk{ padding: 0 10px;}
.itemboxlefts2 .sole .h{ display: none;}
.itemboxlefts2 .sole em{ display: none;}
.itemboxlefts2 .sole2{ justify-content: center;}
.itemboxlefts .sole2{ border-bottom: 1px solid #E4E6EA;}
.itemboxlefts2 .sole2 i{ transform: rotate(180deg);}
.itemboxlefts2 .minnavbox .wli .min{ position: absolute; top: 0; left: 50px; padding-left: 20px; opacity: 0; z-index: -1000;}
.itemboxlefts2 .minnavbox .wli .min .smk{ background: #E6E9ED; border-radius: 2px; padding: 5px 10px; transition: all 0.5s; transform: translateY(15px); position: relative;}
.itemboxlefts2 .minnavbox .wli .min .smk::after{ width: 10px; height: 10px; background: #E6E9ED; position: absolute; top: 20px; left: -5px; transform: rotate(45deg); content: '';}
.itemboxlefts2 .minnavbox .wli:hover .min{ z-index: 5; opacity: 1;}
.itemboxlefts2 .minnavbox .wli:hover .min .smk{ transform: translateY(0);}
.itemboxlefts2 .minnavbox .wli .tp em{ display: none;}
.itemboxlefts2 .minnavbox .wli .tp .tt{ display: none;}
.itemboxlefts2 .minnavbox .wli .tp a{ padding: 0; justify-content: center;}
.itemboxlefts2 .minnavbox .wli .tp i{ margin: 0;}
.itemboxlefts2 .minnavbox .wli .min .li a .n{ display: none;}
.itemboxlefts2 .minnavbox .wli .min .li a{ padding: 4px 8px; min-width: 80px;}
.itemboxlefts2 .minnavbox .wli .min .li a .h{ white-space: nowrap;}
.itemboxforms2{ left: 70px;}
.itemboxforms{ transition: all 0.5s; top: 0; padding: 0;}
.itemboxforms .formkk{ padding: 15px;}
.itemboxforms .indexnavbox{ background: #fff; border: none; height: auto; padding: 5px 15px 8px 15px;}
.itemboxforms .indexnavbox .add{ margin: 10px 8px 0 0;}
.itemboxforms .indexnavbox .add .ss2{ display: flex; /*margin: 9px 0 0 0;*/ padding: 0 15px 0 10px; height: 31px; line-height: 31px; background: #fff; border-radius: 2px; border: 1px solid #E6E9ED;}
.itemboxforms .indexnavbox .add .ss2 span{ font-size: 14px; color: #6E788B; padding-left: 22px; background: url(../images/13.png) no-repeat left center; background-size: 14px auto;}

.itemboxlefts .minnavbox .wli .min .li{ min-height: 36px;}
.itemboxlefts .minnavbox .wli .min .li a{ transition: unset;}
.itemboxlefts .sole .h{ white-space: nowrap;}
.itemboxlefts2 .minnavbox .wli .tp a{ padding: 8px 0;}
.itemboxlefts2 .minnavbox .wli .min{ top: 5px;}
.itemboxlefts .minnavbox .wli .min, .itemboxlefts .minnavbox .wli .tp{ width: 230px;}
.itemboxlefts2 .minnavbox .wli .min, .itemboxlefts2 .minnavbox .wli .tp{ width: auto;}
.itemboxlefts .sole2{ height: 20px; overflow: hidden;}

.richengboxright .list{ margin: 0;}
.richengboxright .list{ overflow-y: auto; padding-right: 10px; margin-right: -10px;}

.ajcolor1{ color: #C68D8D!important;} /* 待提交利益冲突复核 */
.ajcolor2{ color: #FF7373!important;} /* 利益冲突复核中 */
.ajcolor3{ color: #FF1515!important;} /* 待提交特殊案件审批 */
.ajcolor4{ color: #FF783E!important;} /* 特殊案件审批中 */
.ajcolor5{ color: #D8994A!important;} /* 待提交确认合同 */
.ajcolor6{ color: #B3881E!important;} /* 待提交收案登记 */
.ajcolor7{ color: #86A755!important;} /* 已提交收案审查中 */
.ajcolor8{ color: #4DBC48!important;} /* 已收案待财务确认 */
.ajcolor9{ color: #11AD7B!important;} /* 待收款 */
.ajcolor10{ color: #00CCDA!important;} /* 有收款待分账 */
.ajcolor11{ color: #2EB1FF!important;} /* 已分账可预支报销 */
.ajcolor12{ color: #2E3DFF!important;} /* 已提交结案审查中 */
.ajcolor13{ color: #5C2FFF!important;} /* 已结案待归档 */
.ajcolor14{ color: #C12EDB!important;} /* 已归档待结算 */
.ajcolor15{ color: #FF00EE!important;} /* 已结算 */

.xingzboxform  .zhankai{display: flex;justify-content: flex-start; flex-wrap: wrap; padding-left: 56px;}
.xingzboxform  .zhankai .li{display: flex;; justify-content: flex-start; line-height: 40px; margin-right: 5%; width: 44%;}
.xingzboxform  .zhankai .li .name{ margin: 0 12px 0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xingzboxform  .zhankai .li span{min-width:240px;}

/* 团队测导航 */
.itemboxlefts .navminone{ border-top: 1px solid #E4E6EA; border-bottom: 1px solid #E4E6EA; padding: 12px 0;}
.itemboxlefts .navminone .li{ margin-top: 5px; padding: 8px 15px; display: flex; justify-content: space-between; cursor: pointer; border-radius: 2px;/* transition: all 0.5s;*/ position: relative;}
.itemboxlefts .navminone .li.on,
.itemboxlefts .navminone .li:hover{ background: #E6E9ED;}
.itemboxlefts .navminone .li .h i{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-right: 5px;}
.itemboxlefts .navminone .li .h i img{ display: block; max-width: 100%; max-height: 100%;}
.itemboxlefts .navminone .li .h{ display: flex; align-items: flex-start; height: 20px; overflow: hidden; width: 180px;}
.itemboxlefts .navminone .li .h em{ display: block; font-size: 14px; line-height: 20px; color: #6E788B; white-space: nowrap;}
.itemboxlefts .navminone .li .p{ font-size: 14px; color: #6E788B; opacity: 0.6; line-height: 20px; white-space: nowrap;}
.itemboxlefts3 .navminone .li .h em{  position: absolute; top: 50%; transform: translateY(-50%); left: 60px; background: #6E788B; font-size: 14px; color: #fff; border-radius: 4px; line-height: 30px; padding: 0 10px; opacity: 0; white-space: nowrap; width: auto;}
.itemboxlefts3 .navminone .li:hover .h em{ left: 50px; opacity: 1; transition: all 0.5s;}
.itemboxlefts3 .navminone .li .h em::after{ content: ''; width: 8px; height: 8px; background: #6E788B; position: absolute; top: 50%; left: -4px; transform: translateY(-50%) rotate(45deg);}
.itemboxlefts3 .navminone .li .p{ display: none;}
.itemboxlefts3 .sole em{ display: none;}
.itemboxlefts3{ width: 70px;}
.itemboxlefts3 .navminone .li{ padding: 8px 0; justify-content: center;}
.itemboxlefts3 .navminone .li .h{ justify-content: center; width: auto;}
.itemboxlefts3 .navminone .li .h i{ margin-right: 0;}
.itemboxlefts3 .sole{ justify-content: center; transform: rotate(180deg);}
.itemboxlefts{ z-index: 5;}
.upmaxindex{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 29; display: none;}

/* 鼠标经过 */
.indexformver table a:hover{ text-decoration: underline;}
.rightopnavbox .title .pt:hover .k::before{ display: none;}
.indexnavbox .left .time .li:hover,
.indexnavbox .left .true a:hover{ border-color: hsla(219,12%,49%,0.50);}
.indexnavbox .left .time .sub:hover,
.newlaw .top button:hover,
.newlaw .right .list .cli .add:hover,
.newlaw .right .boot .cp button:hover,
.rightopnavbox .more .a2:hover,
.rightopnavbox .more .a3:hover,
.richengbox .richengmore button:hover,
.centerupbox .typeform .li .buut .ad:hover,
.topupbox .sole2:hover,
.boot-boot button:hover,
.centerupbox .typeform .li .buut .ico .v:hover,
.rightopnavbox .more .a1:hover{ background: #E6E9ED; border-color: #CBD3E1; color: #6E788B;}
.topupbox .sole:hover{ transform: rotate(180deg);}
.topupbox .sole2:hover{ transform: none;}
.indexnavbox .left .time .li,
.indexnavbox .left .time .su,
.newlaw .top button,
.newlaw .right .list .cli .add,
.rightopnavbox .more .a1,
.newlaw .right .boot .cp button,
.indexnavbox .left .time .sub,
.indexnavbox .right .sole,
.rightopnavbox .more a,
.richengbox .richengmore button,
.boot-boot button,
.topupbox .sole,
.richengbox .richengmore button i,
.centerupbox .typeform .li .buut .ad,
.centerupbox .typeform .li .buut .ico .v,
.indexnavbox .left .true a,
.weituobox .eli .tp .more button,
.newlaw .left .mk .min .li{ transition: all 0.5s;}
.newlaw .left .mk .min .li:hover{ background: #E6E9ED;}
.indexnavbox .right .sole:hover{ opacity: 0.6;}
.richengbox .richengmore button:hover i{ color: #6E788B; background: url(../images/43s.png) no-repeat center left; background-size: 17px auto;}
.weituobox .eli .list .li .p a:hover{ text-decoration: underline;}
.weituobox .eli .tp .more button:hover{ opacity: 0.7;}

.itemboxlefts2 .minnavbox .wli .tp.on a{ background: #E6E9ED;}

.financecontnew1{ top: 15px; left: 15px; bottom: 15px; width: 500px; background: #fff;}
.financecontnew1 .wli + .wli{ border: none;}
.financecontnew1 .wli{ padding: 20px;}
.financecontnew1 .wli .boot .el-descriptions-item__label{ width: 90px; white-space: nowrap;}
.financecontnew1 .balance{ display: block;}
.financecontnew1 .balance .vd{ display: flex;}
.financecontnew1 .balance .remark{ margin: 15px 0 0 0; padding: 15px 20px; border-radius: 4px; background: #F6F7F8; white-space: nowrap;}
.financecontnew1 .balance .remark div{ white-space: normal;}
.financecontnew1 .wli .boot{ margin: 15px 10px 0 10px;}
.financecontnew1 .wli .mmkk{ background: #F6F7F8; border-radius: 4px; padding: 15px;}
.financecontnew1 .wli .mmkk .el-descriptions__body{ background: hsla(0,0%,100%,0.00);}
.financecontnew2{ top: 15px; right: 15px; bottom: 15px; left: 530px; background: #fff;}

.openboxnav::-webkit-scrollbar{ width: 0; height: 0;}
.newlaw .right .list{ position: relative;}
.newlaw .right .list::after{ width: 1px; height: 100%; position: absolute; top: 0; left: 590px; background: #E6E9ED; content: '';}

/* 鼠标经过 */
.indexformver table a:hover{ text-decoration: underline;}
.rightopnavbox .title .pt:hover .k::before{ display: none;}
.indexnavbox .left .time .li:hover,
.indexnavbox .left .true a:hover,
.richengboxright .top .left .el-select:hover input{ border-color: hsla(219,12%,49%,0.50);}
.indexnavbox .left .time .sub:hover,
.newlaw .top button:hover,
.newlaw .right .list .cli .add:hover,
.newlaw .right .boot .cp button:hover,
.rightopnavbox .more .a2:hover,
.rightopnavbox .more .a3:hover,
.richengbox .richengmore button:hover,
.centerupbox .typeform .li .buut .ad:hover,
.topupbox .sole2:hover,
.boot-boot button:hover,
.centerupbox .typeform .li .buut .ico .v:hover,
.rightopnavbox .more .a1:hover,
.itemboxforms .indexnavbox .add button:hover,
.richengboxright .top .left button.sub:hover,
.tongzhiright .top .form .sub:hover{ background: #E6E9ED; border-color: #CBD3E1; color: #6E788B;}
.topupbox .sole:hover{ transform: rotate(180deg);}
.topupbox .sole2:hover{ transform: none;}
.indexnavbox .left .time .li,
.indexnavbox .left .time .su,
.newlaw .top button,
.newlaw .right .list .cli .add,
.rightopnavbox .more .a1,
.newlaw .right .boot .cp button,
.indexnavbox .left .time .sub,
.indexnavbox .right .sole,
.rightopnavbox .more a,
.richengbox .richengmore button,
.tongzhiright .top .form .sub,
.boot-boot button,
.topupbox .sole,
.richengbox .richengmore button i,
.centerupbox .typeform .li .buut .ad,
.centerupbox .typeform .li .buut .ico .v,
.indexnavbox .left .true a,
.weituobox .eli .tp .more button,
.richengboxright .top .left button.sub,
.itemboxforms .indexnavbox .add button,
.newlaw .left .mk .min .li{ transition: all 0.5s;}
.newlaw .left .mk .min .li:hover{ background: #E6E9ED;}
.indexnavbox .right .sole:hover{ opacity: 0.6;}
.richengbox .richengmore button:hover i{ color: #6E788B; background: url(../images/43s.png) no-repeat center left; background-size: 17px auto;}
.weituobox .eli .list .li .p a:hover{ text-decoration: underline;}
.weituobox .eli .tp .more button:hover{ opacity: 0.7;}

.anjinaonebox .mink .li:hover{ background: #fff; cursor: pointer;}
.el-dialog .el-dialog__footer .el-button{ padding: 0 24px; height: 36px; line-height: 36px; border-radius: 2px;}
.el-dialog .el-dialog__footer .el-button:hover{ background: #E6E9ED; border-color: #CBD3E1; color: #6E788B;}
.el-dialog .el-input__inner{ border-radius: 2px;}
.operatingbox .openbox .stit .hp .cm{ cursor: pointer; margin-right: 8px;}
.indexnavbox .left .nav .li5.on .h,
.indexnavbox .left .nav .li5 .h{ background-size: 11px auto;}
.el-pagination .el-select .el-input .el-input__inner{ border-radius: 2px;}
.tongzhiright .top{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.tongzhiright .top .h{ margin: 0 15px 0 0; line-height: 32px;}
.indexnavbox .left .time .li .el-button{ padding: 0 15px; height: 32px; line-height: 32px; border-radius: 2px; font-size: 14px; color: #fff; border: none;}
.indexnavbox .left .time .li .el-button:hover{ background: #E6E9ED; border-color: #CBD3E1; color: #6E788B;}
.tongzhiright .top .form .li input,
.richengboxright .top .left input{ border-radius: 2px;}
.richengboxright .list .wli:first-child{ margin-top: 0;}
.rightopnavbox .more .el-button{ border-radius: 2px;}
.el-calendar__button-group .el-button:hover{ background: #E6E9ED!important; border-color: #CBD3E1!important; color: #6E788B!important;}
.richengform .el-button{ padding: 0 15px; height: 36px; line-height: 36px; border-radius: 2px; font-size: 14px;}
.workupbox input{ border-radius: 2px;}
.workupbox .el-dialog__footer .el-button{ padding: 0 15px; height: 36px; line-height: 36px; border-radius: 2px; font-size: 14px;} 
.workupbox .el-dialog__footer .el-button:hover{ background: #E6E9ED; border-color: #CBD3E1; color: #6E788B;}
.el-button, .el-input__inner{ border-radius: 2px!important;}


.financecontnew1 .wli .bootr .el-descriptions-item__label{ width: 80px;}
.financecontnew1 .wli .boot .el-descriptions-item__label{margin-right: 10px;}
.compact .mp .h{ margin-right: 2px;}
.timeSchedule .eli .mk .compact2{ display: flex; justify-content: space-between;}
.compact2 .ps{ padding: 0; line-height: 20px;}
.compact2 .el-badge{ height: 20px;}
.financecontnew1 .wli .bootr table{ display: block; width: 100%;}
.financecontnew1 .wli .bootr table tbody{display: flex; width: 100%; justify-content: space-between;}
.financecontnew1 .wli .bootr table tbody tr{ width: 100%; display: flex; justify-content: space-between;}
.financecontnew1 .wli .bootr table tbody tr td:nth-child(2)>div{ width: 210px;}
.compact .mp:hover{ cursor: pointer;}
.compact .mp:hover .h{ text-decoration: underline;}
.financecontnew1 .wli .bootr{ margin: 15px 0 0 0;}
.financecontnew1 .wli{ padding: 20px 15px;}


.shengpiver .conty .nli .hs{ align-items: flex-end;}
.shengpiver .conty .nli .hs .el-button{ font-size: 14px; padding: 0; height: 20px; line-height: 20px; margin: 0 0 6px 30px; color: #409EFF; position: relative; background: hsla(0,0%,0%,0.00); border: none;}
.shengpiver .conty .nli .hs .el-button::after{ content: ''; width: 1px; height: 12px; background: #000; position: absolute; top: 50%; left: -15px; transform: translateY(-50%); opacity: 0.1;}
	
.openboxsswker{ background: #fff; border-radius: 4px; border: 1px solid #E4E6EA; margin-top: 15px; transition: all 0.5s;}
.openboxsswker:first-child{ margin-top: 0;}
.openboxsswker:hover{ box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.11);}
.openboxsswker .stit{ display: flex; justify-content: space-between; align-items: center; background: #F6F7F8; border-bottom: 1px solid #E6E9ED; border-radius: 4px 4px 0 0; min-height: 40px; padding: 0 18px; margin-bottom: -1px;}
.openboxsswker .stit .hp{ display: flex; align-items: center;}
.openboxsswker .stit .hp .h{ font-size: 14px; line-height: 28px; font-weight: bold; color: #2C313A; margin-right: 40px;}
.openboxsswker .stit .hp .cm{ font-size: 14px; color: #A8ABB2; line-height: 24px; padding-left: 25px; background: url(../images/16.png) no-repeat left center; background-size: 18px auto;}
.openboxsswker .stit .right{ display: flex; align-items: center;}
.openboxsswker .stit .right button{ display: flex; justify-content: center; padding: 0 15px 0 10px; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B; height: 32px; line-height: 30px; cursor: pointer; border-radius: 2px; background: #fff; margin: 0 0 0 10px; transition: all 0.5s;}
.openboxsswker .stit .right button:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.openboxsswker .stit .right button:first-child{ margin: 0;}
.openboxsswker .stit .right button i{ display: block; padding-left: 22px;}
.openboxsswker .stit .right button.g1 i{ background: url(../images/13.png) no-repeat center left; background-size: 14px auto;}
.openboxsswker .stit .right button.g2 i{ background: url(../images/45.png) no-repeat center left; background-size: 16px auto;}
.openboxsswker .stit .right button.g3 i{ background: url(../images/46.png) no-repeat center left; background-size: 16px auto;}
.openboxsswker .stit .right button.g4 i{ background: url(../images/53.png) no-repeat center left; background-size: 14px auto;}
.openboxsswker .benet{ display: flex; justify-content: space-between; align-items: center; padding: 20px 18px 20px 40px;}
.openboxsswker .benet .left{ display: flex; align-items: center;}
.openboxsswker .benet .left .p{ padding-left: 52px; font-size: 16px; line-height: 30px; color: #6E788B; background: url(../images/17.png) no-repeat center left; background-size: 30px auto; margin-right: 20px;}
.openboxsswker .benet .left .m{ font-size: 16px; line-height: 22px; color: #67C23A; margin-right: 90px;}
.openboxsswker .benet .left .t{ font-size: 16px; display: flex; line-height: 22px; color: #6E788B;}
.openboxsswker .benet .left .t div{ margin-left: 20px;}
.openboxsswker .benet .more{ display: flex;}
.openboxsswker .benet .more button{ display: flex; justify-content: center; padding: 0 15px 0 10px; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B; height: 32px; line-height: 30px; cursor: pointer; border-radius: 2px; background: #FAFBFD; margin: 0 0 0 10px; transition: all 0.5s;} 
.openboxsswker .benet .more button:first-child{ margin: 0;}
.openboxsswker .benet .more button:hover{ background: #E6E9ED; border-color: #CBD3E1;}
.openboxsswker .benet .more button i{ display: block; padding-left: 22px;}
.openboxsswker .benet .more button.s1 i{ background: url(../images/14.png) no-repeat center left; background-size: 20px auto;}
.openboxsixwker{ margin-top: 10px;}
.openboxsixwker	.weituobox{ padding: 15px;}
.openboxsixwker	.weituobox .eli .list{ padding: 0 0 20px 0;}
.el-table .more .i{ width: 24px; height: 20px; background: url(../images/74.png) no-repeat center; background-size: 100% auto; margin: auto; cursor: pointer;}
.openboxsswker .weituobox .eli + .eli{ margin-top: 20px;}

.tongzhiright .top{ background: #F8F8F8; padding: 9px 15px;}
.tongzhiright .boot{ padding: 15px;}
.newlaw .right .boot .cp button.el-button{ height: 36px; line-height: 36px; border-radius: 2px; padding: 0 20px;}

.openboxsswker .formtsss{ padding: 10px;}
.openboxsixwker2 .openboxsswker .stit .right button{ height: 28px; line-height: 28px; font-size: 13px; padding: 0 10px;}
.openboxsixwker2 .openboxsswker .stit .hp .h button{ padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px;}
.openboxsixwker2 .openboxsswker .stit .hp .h:first-child{ margin-right: 10px;}
.openbox .forma .cp{ max-width: 96px; font-size: 14px; line-height: 18px; margin-top: 6px; color: #F56C6C;}
.shenpitwoform{margin-top: 15px}
.shenpitwoform .el-tabs__nav-wrap::after{ display: none;}
.shenpitwoform .el-form{ background: #F6F7F8; padding: 0 20px 15px 20px; margin-left: 40px;margin-right: 15px;}
.shenpitwoform .el-descriptions__body,
.shenpitwoform .el-descriptions__body tr{ background: hsla(0,0%,100%,0.00);}
.shenpitwoform .el-tabs__item{ height: 32px;}

.operatingbox .openbox .mxform{ margin: 0 25px 15px 90px; border-radius: 2px; border: 1px solid #E4E6EA; border-bottom: none;}
.operatingbox .openbox .benet .left .p i{ width: 20px; height: 30px; background: url(../images/11.png) no-repeat center; background-size: 12px auto; opacity: 0.5; transition: all 0.3s;}
.operatingbox .openbox .benet .left .p .i2{ transform: rotate(-90deg);}
.operatingbox .openbox .benet .left .p{ display: flex; cursor: pointer;}



.worklist .slist .top2 .lif .h{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis; display: block;}
.worklist .slist .top .more .as，
.worklist .addclick .mc{ white-space: nowrap;}
.worklist .slist .top2 .lif{ width: calc(100% - 210px);}
.worklist .slist .top .lif .sole{ flex-shrink: 0;}


.leftnavbox .mineTop .lefs .ter .h1{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis; width: 100%; display: block; position: relative;}
.leftnavbox .mineTop .lefs .ter .h1 i{ display: block; position: absolute; top: 0; right: 0; height: 100%;}

.workupbox .wordgr .lis{ padding: 0; margin: 5px 0 0 0; border: 1px solid #E4E6EA; display: block; border-radius: 2px;}
.workupbox .wordgr .lis .ssli .hh{ font-size: 14px; line-height: 42px; padding: 0 15px; color: #6E788B; font-weight: bold;}
.workupbox .wordgr .lis .ssli .el-radio-group{ display: flex; flex-wrap: wrap;}
.workupbox .wordgr .lis .el-radio{ width: auto; margin-right: 4%;}
.workupbox .wordgr .lis .ssli .fli{ background: #F4F4F4; padding: 3px 15px;}
.workupbox .wordgr .lis .ssli .fli:nth-child(2n){ background: #fff;}

.maxaddclick{ position: relative;}
.maxaddclick .i{ width: 22px; height: 20px; background: url(../images/74.png) no-repeat center; background-size: 100% auto; cursor: pointer;}
.maxaddclick span button{ line-height: 36px; height: 36px; border: none; background: hsla(0,0%,100%,0.00); padding: 0;}
.weituopepbox .img{ width: 286px; padding-right: 0;}
.weituopepbox .form{ width: 786px;}
.workupbox .wordgr .lis .el-radio:last-child{ margin-right: 0;}

.contentmaxboxtwo{ display: flex; justify-content: space-between;}
.navleftbox{ width: 180px; border-radius: 4px; background: #fff;}
.contentrightbox{ width: calc(100% - 226px); border-radius: 4px; background: #fff; padding: 15px;overflow: auto;}
.navleftbox .tp{ padding: 15px; display: flex; justify-content: space-between; align-items: center;}
.navleftbox .tp .h{ font-size: 14px; font-weight: bold; color: #2C313A; line-height: 20px;}
.navleftbox .tp .sole{ width: 16px; height: 20px; cursor: pointer; background: url(../images/dh-zd.png) no-repeat center; background-size: 100% auto;}
.navleftbox .nav{ padding: 8px 10px;}
.navleftbox .nav .li{ display: flex; justify-content: space-between; padding: 8px 12px; line-height: 20px; cursor: pointer; transition: all 0.5s; border-radius: 3px; margin-bottom: 2px;}
.navleftbox .nav .li .h{ font-size: 14px; color: #2C313A;}
.navleftbox .nav .li .p{ font-size: 14px; color: #C1C5CD;}
.navleftbox .nav .li.on .h,
.navleftbox .nav .li.on .p{ color: #333; font-weight: bold;}
.navleftbox .nav .li:hover,
.navleftbox .nav .li.on{ background: #E0E5F0;}
.topcommerbox{margin-bottom: 15px;}
.topcommerbox .form,
.topcommerbox .bot{ display: flex;}
.topcommerbox .form{margin: 15px 0;}
.tit_top .h{ font-size: 14px; font-weight: bold; color: #2C313A; line-height: 20px;}
.tit_top{ margin-bottom: 12px;}
.topcommerbox .form .n{ /*margin: 0 10px; */ margin-right: 10px; width: 220px;}
.formcommerbox{ display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.formcommerbox .li{ margin-right: 8px;}
.formcommerbox .li .el-select{ /*display: block;*/ width: 180px;}
.el-table .el-button{ padding: 0 5px; line-height: 20px;}
.el-table .vm{ width: 40px; height: 40px; border-radius: 100%; overflow: hidden; margin: auto;}
.el-table .vm img{ display: block; height: 100%;}

/*.el-input--suffix .el-input__inner{padding-right: inherit}*/
.tongzhileft .toph{ display: flex; justify-content: space-between; align-items: center;}
.tongzhileft .toph .el-button{ height: 30px; padding: 0 10px; border-radius: 2px;}
.tongzhiright .top .formver .ty .el-button{ margin-right: 10px; height: 32px; padding: 0 12px; border-radius: 2px;}
.tongzhileft .toph .el-button:hover,
.tongzhiright .top .formver .ty .el-button:hover{ background: #E6E9ED; border-color: #CBD3E1; color: #6E788B;}

.supervisorboxmax .tpa{ display: flex; border-bottom: 1px solid hsla(0,0%,85%,0.60); margin: 0 20px;}
.supervisorboxmax .tpa .h{ font-size: 14px; color: #6E788B; line-height: 20px; padding-bottom: 6px; position: relative;}
.supervisorboxmax .tpa .h::after{ content: ''; width: 100%; height: 1px; background: #6E788B; position: absolute; left: 0; bottom: -1px;}
.supervisorboxmax .xlist .wli{ padding: 20px 20px 0px 25px;}
.supervisorboxmax .xlist .wli .mintop{ display: flex; justify-content: space-between; align-items: center;}
.supervisorboxmax .xlist .wli .mintop .m{ width: 58px; height: 58px; background: #fff; border: 1px solid hsla(0,0%,59%,0.20); border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.supervisorboxmax .xlist .wli .mintop .m i{ display: block; width: 56px; height: 56px; border-radius: 100%; overflow: hidden;}
.supervisorboxmax .xlist .wli .mintop .m i img{ display: block; width: 100%;}
.supervisorboxmax .xlist .wli .mintop .ter{ width:100%;display: flex;justify-content: space-between;}
.supervisorboxmax .xlist .wli .mintop .ter .h{ font-size: 14px; line-height: 20px; color: #2C313A;}
.supervisorboxmax .xlist .wli .mintop .ter .km{ display: flex; margin-top: 5px;margin-left: 6px;}
.supervisorboxmax .xlist .wli .mintop .ter .km .s{ background: #E7EEFF; font-size: 14px; color: #5077D2; border-radius: 2px; line-height: 28px; padding: 0 8px; margin-right: 8px;}
.supervisorboxmax .xlist .wli .mintop .ter .km .s2{ background: #FFE9E9; color: #F56C6C;}
.supervisorboxmax .xlist .wli .mintop .ter .km .t{ font-size: 14px; line-height: 28px; color: hsla(219,14%,20%,0.50);}
.supervisorboxmax .xlist .wli .mintop .ter .km .t i{ margin-right: 10px;}
.supervisorboxmax .xlist .wli .bottp{ margin: 6px 0 0 6px; border-radius: 4px; background: #F6F7F8; padding: 20px 15px;}
.supervisorboxmax .xlist .wli .bottp .p{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.supervisorboxmax .xlist .wli .bottp .vl{ display: flex; padding: 2px 0 0 0; justify-content: space-between;}
.supervisorboxmax .xlist .wli .bottp .vl .t{ font-size: 14px; line-height: 20px; color: hsla(219,14%,20%,0.50);}
.supervisorboxmax .xlist .wli .bottp .vl .t i{ margin-right: 10px;}
.supervisorboxmax .xlist .wli .bottp .vl .t em{ color: #409EFF;}
.supervisorboxmax .xlist .wli .bottp .cbot{ margin: 15px 0 0 0; display: flex;}
.supervisorboxboot{ position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 15px 15px 15px; background: #fff; z-index: 10;}
.supervisorboxboot .tpa{ display: flex; border-bottom: 1px solid hsla(0,0%,85%,0.60); margin: 0 0 5px 0;}
.supervisorboxboot .tpa .h{ font-size: 14px; color: #6E788B; line-height: 20px; padding-bottom: 6px; position: relative;}
.supervisorboxboot .tpa .h::after{ content: ''; width: 100%; height: 1px; background: #6E788B; position: absolute; left: 0; bottom: -1px;}
.supervisorboxboot .input textarea{ height: 80px; border-radius: 2px; margin-bottom: 14px;}
.supervisorboxboot .cbot{ display: flex;}
.supervisorboxboot .cbot button{ padding: 0 20px; font-size: 14px; height: 34px; line-height: 34px; border-radius: 2px; background: #6E788B; color: #fff; border-color: #6E788B;}
.supervisorboxboot .cbot .c2{ background: #fff; color: #A2A2A2; border-color: #EBEBEB;}
.supervisorboxboot .cbot button:hover{ background: #E6E9ED; border-color: #CBD3E1; color: #6E788B;}

.canshuboxlist .rli .xingzboxform .el-tabs__item{ padding: 0 20px 0 0;}
.canshuboxlist .rli .mmkers{ display: flex; justify-content: space-between; align-items: center;}
.canshuboxlist .rli .xingzboxform .el-tabs{ height: auto!important; display: flex; justify-content: space-between;}
.canshuboxlist .rli .mmkers .but .el-button{ height: 32px; padding: 0 15px; border-radius: 2px;}
.canshuboxlist .rli .mmkers{ padding: 0 0 10px 0; border-bottom: 1px solid #DCDFE6; margin: 0 0 20px 0;}
.canshuboxlist .rli .mmkers .tit{ margin: 0;}
.canshuboxlist .rli .xingzboxform .btop{ display: flex; flex-wrap: wrap; margin-bottom: 10px; justify-content: space-between;}
.canshuboxlist .rli .xingzboxform .btop .li{ display: flex; align-items: center;}
.canshuboxlist .rli .xingzboxform .btop .li + .li{ margin-left: 20px;}
.canshuboxlist .rli .xingzboxform .btop .li .vv{ font-size: 14px; line-height: 32px; margin-right: 8px; white-space: nowrap;}
.canshuboxlist .rli .xingzboxform .btop .li .el-button{ padding: 0 10px; height: 32px; border-radius: 2px;}
.canshuboxlist .rli .xingzboxform .btop .li .el-button + .el-button{ margin-left: 10px;}
.canshuboxlist .rli .xingzboxform .btop .li .el-input.x{ width: 100px;}
.canshuboxlist .rli .xingzboxform .el-tabs__content{ width: calc(100% - 70px);}
.canshuboxlist .rli .xingzboxform .el-tabs__item{ font-size: 16px;}
.canshuboxlist .rli .xingzboxform .el-tabs__header{ float: none; height: auto; width: 160px;}

.shiwuboxmaxleft{ position: absolute; top: 0; left: 0; bottom: 0; width: 260px; border-right: 1px solid #E4E6EA; background: #F6F7F8;}
.shiwuboxmaxleft .shitop{ padding: 22px 15px 0 15px;}
.shiwuboxmaxleft .shitop .tps{ display: flex; margin: 0 0 16px 10px;}
.shiwuboxmaxleft .shitop .tps .h{ font-size: 16px; line-height: 22px; color: #3C4047;}
.shiwuboxmaxleft .shitop .vvv .wli + .wli{ margin-top: 5px;}
.shiwuboxmaxleft .shitop .vvv .tp{ display: flex; justify-content: space-between; padding: 8px 10px; border-radius: 2px; cursor: pointer; transition: all 0.5s;}
.shiwuboxmaxleft .shitop .vvv .wli.on .tp,
.shiwuboxmaxleft .shitop .vvv .wli:hover .tp,
.shiwuboxmaxleft .shitop .vvv .wli .min .on{ background: #E6E9ED;}
.shiwuboxmaxleft .shitop .vvv .tp .tit{ font-size: 14px; line-height: 20px; font-weight: bold; display: flex; align-items: flex-start; color: #6E788B;}
.shiwuboxmaxleft .shitop .vvv .wli.on .tp .tit{ color: #2C313A;}
.shiwuboxmaxleft .shitop .vvv .tp .tit i{ display: block; width: 8px; height: 8px; position: relative; margin: 6px 3px 0 0;}
.shiwuboxmaxleft .shitop .vvv .tp .tit i::after{ width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; background: url(../images/6.png) no-repeat center; background-size: 5px auto; opacity: 0.3; transition: all 0.5s;}
.shiwuboxmaxleft .shitop .vvv .wli.on .tp .tit i::after{ transform: rotate(90deg);}
.shiwuboxmaxleft .shitop .vvv .tp .em{ font-size: 14px; color: #6E788B; line-height: 20px;}
.shiwuboxmaxleft .shitop .vvv .min .li{ display: flex; justify-content: space-between; margin-left: 30px; padding: 8px 10px 8px 10px; border-radius: 2px; cursor: pointer; transition: all 0.5s;}
.shiwuboxmaxleft .shitop .vvv .min .li:hover,
.shiwuboxmaxleft .shitop .vvv .min .li.cur{ background: #E6E9ED;}
.shiwuboxmaxleft .shitop .vvv .min .li .h{ font-size: 14px; color: #2C313A; line-height: 20px;}
.shiwuboxmaxleft .shitop .vvv .min .li .n{ font-size: 14px; line-height: 20px; color: #6E788B;}
.shiwuboxmaxleft .shitop .vvv .min{ margin-top: 2px;}
.shiwuboxmaxleft .shitop .vvv{ border-bottom: 1px solid #E4E6EA; padding-bottom: 8px;}
.shiwuboxmaxright{ position: absolute; top: 0; right: 0; bottom: 0; width: calc(100% - 261px); background: #FAFBFD;}
.shiwuboxmaxright .topnavs{ height: 54px; padding: 0 20px; border-bottom: 1px solid #E4E6EA;}
.shiwuboxmaxright .topnavs2{ top: 0; left: 0; right: 0; position: absolute;}
.shiwuboxmaxright .topnavs .swt{ display: flex;}
.shiwuboxmaxright .topnavs .swt .li{ font-size: 16px; line-height: 22px; color: #2C313A; transition: all 0.5s; cursor: pointer; padding: 20px 2px 0 2px; position: relative;}
.shiwuboxmaxright .topnavs .swt .li + .li{ margin-left: 35px;}
.shiwuboxmaxright .topnavs .swt .li::after{ content: ''; width: 100%; height: 2px; background: #425E9F; position: absolute; left: 0; bottom: -13px; opacity: 0;}
.shiwuboxmaxright .topnavs .swt .li.on::after{ opacity: 1;}
.shiwuboxmaxright .topnavs .swt .li.on{ font-weight: bold; color: #3C4047;}
.shiwuboxmaxright .contver{ padding: 15px 20px;}
.shiwuboxmaxright .contver .sform{ display: flex; flex-wrap: wrap;}
.formpp{ display: flex; flex-wrap: wrap;}
.addclickn{ padding: 0 15px; height: 32px; line-height: 32px; border-radius: 2px; border: 1px solid #6E788B; background: #6E788B; color: #fff; font-size: 14px; transition: all 0.5s; display: block;}
.addclickn:hover{ background: hsla(219,12%,49%,0.10); color: #6E788B; border-color: hsla(219,12%,49%,0.20);}
.addclickn2{ background: hsla(219,12%,49%,0.80); border-color: hsla(219,12%,49%,0.00);}
.addclickn3{ background: #F5F7FA; border-color: #F5F7FA; color: #6E788B;}
.shiwuboxmaxright .contver .ad{ margin-right: 17px;}
.formpp .li + .li{ margin-left: 10px;}
.formpp .li button + button{ margin-left: 8px;}
.formpp .li input{ padding: 0 10px; border-radius: 2px; height: 32px; display: block; font-size: 14px;}
.formpp .li.sub{ display: flex; margin-left: 12px;}
.formpp .li2{ width: 224px;}
.shiwuboxmaxright .tableform{ margin-top: 15px;}
.indexpage2{ padding: 20px 18px 0 18px;}
.workupbox .wordgr .ccc .el-form-item__content{ display: flex; justify-content: space-between;}
.workupbox .wordgr .ccc .el-form-item__content .el-select{ width: calc(50% - 5px);}
.workupbox .wordgr .ccc .el-form-item__content::before,
.workupbox .wordgr .ccc .el-form-item__content::after{ display: none;}
.shiwuboxmaxright .topnavs .el-page-header{ line-height: 54px;}
.shiwuboxmaxright .topnavs .el-page-header__title,
.shiwuboxmaxright .topnavs .el-page-header__content{ font-size: 16px;}
.shiwuboxmaxright .shidataboxs{ position: absolute; top: 55px; left: 0; right: 0; bottom: 0; padding: 15px 20px; overflow-y: auto; background: #FAFBFD;}
.shiwuboxmaxright .shidataboxs .dataone{ background: hsla(214,16%,92%,0.60); border: 1px solid #D7DBE0; border-radius: 2px; padding: 20px; margin-bottom: 20px;}
.shiwuboxmaxright .shidataboxs .dataone .ter .p{ margin-top: 5px;}
.shiwuboxmaxright .shidataboxs .dataone .ter .p,
.shiwuboxmaxright .shidataboxs .dataone .ter .p div{ font-size: 14px; line-height: 20px; color: #8C8C8C; display: flex;}
.shiwuboxmaxright .shidataboxs .dataone .ter .p div{ color: #2C313A; margin-left: 12px;}
.shiwuboxmaxright .shidataboxs .dataone .tps{ display: flex; justify-content: space-between;}
.shiwuboxmaxright .shidataboxs .dataone .tps .a a{ display: block; font-size: 14px; line-height: 20px; color: #6E788B; padding-left: 22px; background: url(../images/43s.png) no-repeat left center; background-size: 14px auto;}
.shiwuboxmaxright .shidataboxs .dataone .tps .h{ display: flex; font-size: 20px; line-height: 26px; font-weight: bold; align-items: flex-start; padding-bottom: 5px;}
.shiwuboxmaxright .shidataboxs .dataone .tps .h i{ line-height: 24px; padding: 0 10px;  margin-left: 10px; font-size: 12px; color: #E6A23C;}
.shiwuboxmaxright .shidataboxs .dataone .tps .h i.w{ background: #F2F8FF; border-color: #9FCEFF; color: #6BB4FF;}
.shiwuboxmaxright .shidataboxs .datatwo .wli{ padding-bottom: 20px; position: relative; padding-left: 20px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli::after{ width: 1px; height: 100%; background: #CDD0D6; position: absolute; top: 8px; left: 7px; content: '';}
.shiwuboxmaxright .shidataboxs .datatwo .wli.cur::after{ background: #67C23A;}
.shiwuboxmaxright .shidataboxs .datatwo .wli:last-child{ padding-bottom: 0;}
.shiwuboxmaxright .shidataboxs .datatwo .wli:last-child::after{ display: none;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .tpx{ display: flex; margin-bottom: 10px; position: relative; z-index: 5;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .tpx .h{ font-size: 14px; line-height: 20px; font-weight: bold;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .tpx .em{ width: 12px; height: 12px; background: #F2F3F5; border-radius: 100%; position: absolute; left: -18px; top: 4px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .tpx .em::after{ content: ''; width: 6px; height: 6px; background: #CDD0D6; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.shiwuboxmaxright .shidataboxs .datatwo .wli.cur .tpx .em{ background: #D2F1C2;}
.shiwuboxmaxright .shidataboxs .datatwo .wli.cur .tpx .em::after{ background: #67C23A;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms{ border: 1px solid #E6E9ED; border-radius: 2px; background: #fff;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpu{ display: flex; justify-content: space-between; background: #F6F7F8; border-bottom: 1px solid #E6E9ED; padding: 9px 15px; border-radius: 2px 2px 0 0;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpu .h{ font-size: 16px; font-weight: bold; line-height: 32px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpu .more .mc{ padding: 0 22px 0 10px; background: #fff; border-radius: 2px; line-height: 30px; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B; position: relative; cursor: pointer;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpu .more .mc::after{ content: ''; width: 8px; height: 100%; position: absolute; top: 0; right: 10px; background: url(../images/11.png) no-repeat center; background-size: 100% auto; opacity: 0.2; transition: all 0.5s;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpu .more:hover .mc::after{ transform: rotate(180deg);}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpu .more:hover .mc{ background: hsla(219,12%,49%,0.10); color: #6E788B; border-color: hsla(219,12%,49%,0.20);}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr{ padding: 15px 0;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .sli{ padding: 0 15px; display: flex; justify-content: space-between; align-items: flex-start;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .sli + .sli{ border-top: 1px dashed #E6E9ED; padding-top: 15px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright{ width: calc(100% - 100px);}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li + .li{ border-top: 1px dashed #E6E9ED;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .sli:last-child .xright .li:last-child{ border-bottom: 1px dashed #E6E9ED;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li{ display: flex; justify-content: space-between; position: relative; padding: 10px 0 10px 38px; transition: all 0.5s;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li:hover{ background: #F6F7F8;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .zli:first-child{ margin-top: -5px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .tit{ font-size: 14px; line-height: 28px; color: #A1AABC; padding: 0 8px; border-radius: 2px; border: 1px solid #E6E9ED; background: #F7F7F7;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h{ display: flex; align-items: flex-start;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin-right: 5px;}

.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h .mm1{ background: url(../images/word.png) no-repeat center; }
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h .mm2{ background: url(../images/excel.png) no-repeat center; }
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h .mm3{ background: url(../images/ppt.png) no-repeat center; }

.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h i img{ display: block; max-width: 100%; max-height: 100%;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h div{ font-size: 14px; color: #2C313A; line-height: 20px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h div{ color: #409EFF;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .h1 div{ color: #2C313A; }
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .more{ position: absolute; top: 8px; right: 15px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .more .mc{ width: 32px; height: 24px; cursor: pointer; background: url(../images/24.png) no-repeat center; background-size: 18px auto; border-radius: 2px; transition: all 0.5s;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li .more:hover .mc{ background: #6E788B url(../images/24s.png) no-repeat center; background-size: 18px auto;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .time{ font-size: 14px; line-height: 20px; color: #D72CA7; width: 300px; margin-right: 90px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .radiovbox{ border: 1px solid #E6E9ED; border-radius: 2px; background: #fff; padding: 15px 20px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .radiovbox .vf{ margin-bottom: 15px;}
.shiwuboxmaxright .tableform .xd{ height: 20px; line-height: 20px; font-size: 12px; width: 60px; border-radius: 2px; background: #F2F8FF; border: 1px solid #9FCEFF; color: #9FCEFF; text-align: center;}
.shiwuboxmaxright .tableform .xd2{ background: #FFEAEA; border-color: #FAB5B5; color: #F56C6C;}
.workupbox .wordgr .radiovber{ display: flex; align-items: flex-start;}
.workupbox .wordgr .radiovber .xc{ padding: 0 12px; background: #fff; border-radius: 2px; border: 1px solid #E6E9ED; font-size: 14px; line-height: 30px; color: #6E788B; margin-right: 6px; transition: all 0.5s;}
.workupbox .wordgr .radiovber .xc:hover{ background: hsla(219,12%,49%,0.10); color: #6E788B; border-color: hsla(219,12%,49%,0.20);}
.workupbox .wordgr .radiovber .xc span{ padding-left: 24px; background: url(../images/7.png) no-repeat center left; background-size: 16px auto;}
.workupbox .wordgr .radiovber .iocn{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.workupbox .wordgr .radiovber .iocn .vc{ background: #F8F8F8; border-radius: 2px; border: 1px solid #CBD3E1; padding: 0 28px 0 10px; min-width: 40px; margin: 0 8px 8px 0; height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #646A75;}
.workupbox .wordgr .radiovber .iocn .vc i{ display: block; width: 10px; height: 100%; position: absolute; top: 0; right: 10px; background: url(../images/guanbi.png) no-repeat center; background-size: 100% auto; transition: all 0.5s; cursor: pointer;}
.workupbox .wordgr .radiovber .iocn .vc i:hover{ transform: rotate(180deg);}
.shiwuboxmaxright .shidataboxs .datatwo2 .wli .xlistr .sli + .sli{ border: none; padding-top: 5px;}
/*.shiwuboxmaxright .shidataboxs .datatwo2 .wli .xlistr .sli:last-child .xright .li:last-child{ border: none;}*/
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li + .li,
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .li:last-child{ border-bottom: 1px dashed #E6E9ED;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .shijion{ display: flex; justify-content: flex-start; flex-wrap: wrap; background: #F6F7F8; border-radius: 0 0 2px 2px; border-top: 1px solid #E6E9ED; padding: 12px 10px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .shijion .vls{ display: flex; flex-wrap: wrap; line-height: 32px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .shijion .addclickn{ margin-right: 36px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .shijion .vls .uli{ font-size: 14px; color: #8C8C8C;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .shijion .vls .uli + .uli{ margin-left: 70px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .shijion .vls .uli i{ color: #2C313A; margin-left: 10px;}
.shiwuboxmaxright .shidataboxs .datatwo .bmore{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 5px 200px;}
.shiwuboxmaxright .shidataboxs .datatwo .bmore a{ display: flex; font-size: 14px; line-height: 20px; color: #409EFF; padding: 5px 0; margin-right: 50px; /* min-width: 25%; */}
.shiwuboxmaxright .shidataboxs .datatwo .bmore a i{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-right: 5px;}
.shiwuboxmaxright .shidataboxs .datatwo .uformk{ background: #fff; border-radius: 2px; border: 1px solid #D7DBE0; padding: 15px;}
.shiwuboxmaxright .shidataboxs .datatwo .uformk .indexpage{ padding: 15px 15px 0 15px;}
.workupbox .wordgr .ccc2 .el-form-item__content .el-select{ width: calc(33.33% - 5px);}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpumax{ display: flex; justify-content: space-between; border-radius: 2px 2px 0 0; padding: 9px 15px; background: #F6F7F8; border-bottom: 1px solid #E6E9ED;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpumax .h{ font-size: 16px; line-height: 32px; color: #2C313A; font-weight: bold;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpumax .sa .el-button{ padding: 0 10px; background: #fff; height: 30px; border-radius: 2px; border: 1px solid #DEDFE1; font-size: 14px; color: #6E788B; transition: all 0.5s;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpumax .sa .el-button:hover{ background: hsla(219,12%,49%,0.10); color: #6E788B; border-color: hsla(219,12%,49%,0.20);}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpumax .sa .el-button span{ padding-left: 18px; background: url(../images/13.png) no-repeat left center; background-size: 14px auto;}
.shiwuboxmaxright .shidataboxs .datatwo .sformsmax{ padding: 15px 20px;}
.shiwuboxmaxright .shidataboxs .datatwo .sformsmax .xli + .xli{ margin-top: 15px;}
.shiwuboxmaxright .shidataboxs .datatwo .sformsmax .xli{ border-radius: 2px; border: 1px solid #E6E9ED;}
.shiwuboxmaxright .shidataboxs .datatwo2 .wli .xlistr{ padding: 10px 0 5px 0;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sformsmax .xlistr .sli:last-child .xright .li:last-child{ border-bottom: none;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .time{ display: flex; font-size: 14px; line-height: 20px; color: #383838; width: 420px; margin-right: 90px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .time .t{ font-size: 14px; color: #383838; opacity: 0.5; width: 270px;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .xlistr .xright .time .x{ font-size: 14px; color: #D72CA7;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .vmnx{ display: flex;} 
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .vmnx .sx{ margin: 0 10px 0 0; padding: 0 10px; background: #fff; border-radius: 2px; line-height: 30px; border: 1px solid #E6E9ED; font-size: 14px; color: #6E788B;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .vmnx .sx:hover{ background: hsla(219,12%,49%,0.10); color: #6E788B; border-color: hsla(219,12%,49%,0.20);}

.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpu .h i{ font-size: 14px; color: #F56C6C; line-height: 32px; padding-left: 25px; background: url(../images/16t.png) no-repeat left center; background-size: 18px auto; margin-left: 20px; font-weight: normal;}
.shiwuboxmaxright .shidataboxs .datatwo .wli .sforms .tpu .h{ display: flex;}

.operatingboxline{ top: 0; left: 0; bottom: 0; background: #FAFBFD; padding: 14px 15px;}
.operatingboxline .linetopbox{ display: flex; justify-content: flex-start; box-sizing: border-box; flex-wrap: wrap; margin: 0 -7px;}
.operatingboxline .linetopbox .li{ width: calc(100% / 6);}
.operatingboxline .linetopbox .li .mk{ min-height: 100px; margin: 0 7px 14px 7px; background: #fff; border-radius: 2px; border: 1px solid hsla(214,16%,92%,0.65); display: flex; justify-content: space-between; align-items: center; padding: 0 22px 0 25px;}
.operatingboxline .linetopbox .li .mk .h{ font-size: 24px; line-height: 1; font-weight: bold;}
.operatingboxline .linetopbox .li .mk .p{ font-size: 14px; color: #686868; line-height: 1; margin-top: 5px;}
.operatingboxline .linetopbox .li .mk .m{ width: 40px; height: 40px; background: #FFE8E3; border-radius: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.operatingboxline .linetopbox .li .mk .m img{ display: block; width: 100%;}
.operatingboxline .linetopbox .li .mk .m1{ background: #FFE8E3;}
.operatingboxline .linetopbox .li .mk .m2{ background: #EAFFE3;}
.operatingboxline .linetopbox .li .mk .m3{ background: #E3F4FF;}
.operatingboxline .linetopbox .li .mk .m4{ background: #FFF1E3;}
.operatingboxline .linetopbox .li .mk .m5{ background: #FFE3F3;}
.operatingboxline .linetopbox .li .mk .m6{ background: #E3FFF7;}
.operatingboxline .lineonebox{ display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; margin: 0 -7px;}
.operatingboxline .lineonebox .li{ width: calc(100% / 3);}
.operatingboxline .lineonebox .li .mk{ margin: 0 7px 14px 7px; background: #fff; border-radius: 2px; border: 1px solid hsla(214,16%,92%,0.65); padding: 20px;}
.operatingboxline .titer{ display: flex; justify-content: space-between; align-items: flex-end;}
.operatingboxline .titer .h{ font-size: 16px; font-weight: bold; line-height: 1;}
.operatingboxline .titer .p{ font-size: 12px; color: #6B6B6B; margin-top: 8px; line-height: 1;}
.operatingboxline .titer .el-input{ width: 140px;}
.operatingboxline .titer .el-input__icon{ line-height: 32px;}
.operatingboxline .lineonebox .lineminbox{ margin-top: 30px; position: relative;}
.operatingboxline .lineonebox .lineminbox .line{ height: 240px; position: relative; z-index: 5;}
.operatingboxline .lineonebox .lineminbox .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; text-align: center;}
.operatingboxline .lineonebox .lineminbox .text .n{ font-size: 20px; line-height: 1; font-weight: bold;}
.operatingboxline .lineonebox .lineminbox .text .p{ font-size: 12px; line-height: 1; color: #6B6B6B; margin-top: 5px;}
.operatingboxline .linetwobox{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -7px;}
.operatingboxline .linetwobox .li1{ width: calc(100% / 3 *2);}
.operatingboxline .linetwobox .li2{ width: calc(100% / 3);}
.operatingboxline .linetwobox .li .mk{ margin: 0 7px 14px 7px; background: #fff; border-radius: 2px; border: 1px solid hsla(214,16%,92%,0.65); padding: 20px;}
.operatingboxline .linetwobox .li1 .lineminbox .line{ height: 220px; }
.operatingboxline .linetwobox .li1 .lineminbox{ margin-top: 40px; }
.operatingboxline .linetwobox .li2 .lineminbox .line{ height: 240px; }
.operatingboxline .linetwobox .li2 .lineminbox{ margin-top: 20px; }
.operatingboxline .linethreebox{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -7px;}
.operatingboxline .linethreebox .li .mk{ margin: 0 7px 14px 7px; background: #fff; border-radius: 2px; border: 1px solid hsla(214,16%,92%,0.65); padding: 20px;}
.operatingboxline .linethreebox .li{ width: calc(100% / 2);}
.operatingboxline .linethreebox .lineminbox .line{ height: 220px; }
.operatingboxline .linethreebox .lineminbox{ margin-top: 40px;}
.operatingboxline .linefourbox{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -7px;}
.operatingboxline .linefourbox .li .mk{ margin: 0 7px 14px 7px; background: #fff; border-radius: 2px; border: 1px solid hsla(214,16%,92%,0.65); padding: 20px;}
.operatingboxline .linefourbox .li{ width: calc(100% / 2);}
.operatingboxline .linefourbox .lineminbox .line{ height: 220px; }
.operatingboxline .linefourbox .lineminbox{ margin-top: 40px;}
.operatingboxline .linefourbox .list{ padding: 14px 12px 0 12px;}
.operatingboxline .linefourbox .list .formlissr .el-table tbody .el-table__cell:nth-child(2) .cell{ color: #409EFF;}
.operatingboxline .linefourbox .list .formlissr .el-table tbody .el-table__cell:nth-child(4) .cell{ color: #E6A23C;}
/*.operatingboxline .linefourbox .list .formlissr .el-table tbody tr:first-child .el-table__cell:first-child .cell{ color: #F56C6C;}
.operatingboxline .linefourbox .list .formlissr .el-table tbody tr:nth-child(2) .el-table__cell:first-child .cell{ color: #E6A23C;}
.operatingboxline .linefourbox .list .formlissr .el-table tbody tr:nth-child(3) .el-table__cell:first-child .cell{ color: #67C23A;}*/
.operatingboxline .linefivebox{ margin: 0 -7px;}
.operatingboxline .linefivebox .mk{ margin: 0 7px 14px 7px; background: #fff; border-radius: 2px; border: 1px solid hsla(214,16%,92%,0.65); padding: 20px;}
.operatingboxline .linefivebox .mk .formm{ margin: 24px 14px 0 14px;}

.worklist .slist .top .lif .cm{ font-size: 14px; color: #F56C6C; line-height: 24px; padding-left: 25px; background: url(../images/16t.png) no-repeat left center; background-size: 18px auto;}

.liinput .is-focus .el-input__inner{  width: 185px!important; max-width: unset!important;}
.liinput .el-select__tags{ flex-wrap: nowrap; }
.liinput .el-select__tags .el-tag{ max-width: 106px!important; }
.liinput .el-select .el-select__tags>span{ display: flex; }
.liinput .el-input__inner{ width: 185px!important; }

.operatingboxline .linetwobox .li .nextmore{ display: flex; border: 1px solid #DCDFE6; border-radius: 2px; overflow: hidden;}
.operatingboxline .linetwobox .li .nextmore .li{ width: 38px; height: 32px; background: url(../images/52s.png) no-repeat center; background-size: 8px auto; cursor: pointer; transition: all 0.5s;}
.operatingboxline .linetwobox .li .nextmore .li:nth-child(2){ transform: rotate(180deg);}
.operatingboxline .linetwobox .li .nextmore .li:first-child{ border-right: 1px solid #DCDFE6;}
.operatingboxline .linetwobox .li .nextmore .li:hover{ background: hsla(0,0%,0%,0.03) url(../images/52s.png) no-repeat center; background-size: 8px auto;}
.operatingboxline .linetwobox .li .nextmore .li.del{ cursor: no-drop; opacity: 0.5; background: hsla(0,0%,0%,0.03) url(../images/52s.png) no-repeat center; background-size: 8px auto;}
.lastaddshiwu{ display: flex; margin-top: 20px;}
.lastaddshiwu .h{ font-size: 14px; line-height: 24px; column-rule-color: #333; font-weight: bold; margin-right: 15px; white-space: nowrap;}
.lastaddshiwu .wmore{ display: flex; flex-wrap: wrap;}
.lastaddshiwu .wmore .li{ display: flex; margin: 0 30px 8px 0;}
.lastaddshiwu .wmore .li a{ font-size: 14px; line-height: 24px; color: #409EFF; text-decoration: underline;}
.lastaddshiwu .wmore .li .sole{ font-size: 14px; line-height: 24px; margin-left: 8px; color: red; cursor: pointer;}
.lastaddshiwu .wmore .li .sole:hover{ text-decoration: underline;}

.xiaoxboxmax{ position: absolute; top: 0; left: calc(100% + 1px); width: 0; height: 100%; background: #fff; box-shadow: 18px 0px 20px 0px rgba(0,0,0,0.04); transition: all 0.5s; opacity: 0; overflow: hidden;}
.xiaoxboxmax2{ opacity: 1; width: 600px;}
.xiaoxboxmax .xiaoxboxmaxup{ width: 600px; height: 100%; position: absolute; top: 0; left: 0;}
.xiaoxboxmax .list{ padding: 20px; overflow-y: auto; position: absolute; top: 61px; bottom: 61px; left: 0; right: 0;}
.xiaoxboxmax .list .sli{ border-radius: 5px; border: 1px solid #E3E5E9;}
.xiaoxboxmax .list .sli + .sli{ margin-top: 15px;}
.xiaoxboxmax .list .sli .tp{ display: flex; justify-content: space-between; background: #FAFBFC; border-radius: 5px 5px 0 0; border-bottom: 1px solid #E3E5E9; padding: 10px;}
.xiaoxboxmax .list .sli .tp .left{ display: flex;}
.xiaoxboxmax .list .sli .tp .left .h{ font-size: 14px; line-height: 20px; font-weight: bold; padding-left: 26px; position: relative;}
.xiaoxboxmax .list .sli .tp .left .h i{ display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0;}
.xiaoxboxmax .list .sli .tp .left .h i img{ display: block; width: 100%;}
.xiaoxboxmax .list .sli .tp .left .p{ margin-left: 16px; font-size: 14px; line-height: 20px; position: relative; color: hsla(0,0%,0%,0.60);}
.xiaoxboxmax .list .sli .tp .left .p::after{ width: 1px; height: 14px; background: #D8D8D8; position: absolute; top: 3px; left: -8px; content: '';}
.xiaoxboxmax .list .sli .tp .right{ display: flex;}
.xiaoxboxmax .list .sli .tp .right .p{ font-size: 14px; color: #AAA; line-height: 20px;}
.xiaoxboxmax .list .sli .tp .right .i{ background: #FFEAEA; line-height: 20px; border-radius: 10px; margin-left: 12px; padding: 0 10px 0 20px; font-size: 12px; color: #FF5F5F; position: relative; cursor: pointer;}
.xiaoxboxmax .list .sli .tp .right .i::after{ width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 7px; left: 8px; background: #FF0000; content: '';}
.xiaoxboxmax .list .sli .tp .right .i2{ background: #F0F0F0; color: #CDCDCD;}
.xiaoxboxmax .list .sli .tp .right .i2::after{ background: #DBDBDB;}
.xiaoxboxmax .list .sli .bt{ padding: 10px;}
.xiaoxboxmax .list .sli .bt .li{ display: flex; justify-content: space-between;}
.xiaoxboxmax .list .sli .bt .li + .li{ margin-top: 8px;}
.xiaoxboxmax .list .sli .bt .li .i{ width: 58px; line-height: 22px; border: 1px solid #F0F0F0; background: #FAFBFC; text-align: center; font-size: 12px; color: #9B9B9B; border-radius: 2px;}
.xiaoxboxmax .list .sli .bt .li .ter{ width: calc(100% - 68px); display: flex;}
.xiaoxboxmax .list .sli .bt .li .ter .h{ font-size: 14px; line-height: 24px; color: #6D6D6D; margin-right: 8px;}
.xiaoxboxmax .list .sli .bt .li .ter .p{ font-size: 14px; line-height: 24px; color: #595959; opacity: 0.3;}
.xiaoxboxmax .list .sli .bt .li .ter a .h{ color: #409EFF;white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的文本 */text-overflow: ellipsis; /* 显示省略号 */ width: 290px;}
/*.xiaoxboxmax .list .sli .bt .li .ter a:hover .h{ text-decoration: underline;}*/
.xiaoxboxmax .xtop{ display: flex; justify-content: space-between; padding: 0 20px; height: 60px; border-bottom: 1px solid #E3E5E9;}
.xiaoxboxmax .xtop .xibox{ position: relative;}
.xiaoxboxmax .xtop .xibox .h{ font-size: 20px; color: #000; font-weight: bold; line-height: 60px; padding-right: 25px; position: relative; cursor: pointer;}
.xiaoxboxmax .xtop .xibox .h::after{ width: 8px; height: 100%; position: absolute; top: 0; right: 0; content: ''; background: url(../images/11.png) no-repeat right center; background-size: 8px auto; opacity: 0.2;}
.xiaoxboxmax .xtop .wkx{ display: flex; align-items: center;}
.xiaoxboxmax .xtop .right{ display: flex; align-items: center;}
.xiaoxboxmax .xtop .wkx .p{ font-size: 14px; margin-right: 10px; color: #9A9CA0; line-height: 60px;}
.xiaoxboxmax .xtop button{ display: block; width: 78px; height: 32px; border: 1px solid #E9E9E9; border-radius: 2px; font-size: 14px; color: #9A9CA0; transition: all 0.5s; margin-left: 28px; background: #fff; cursor: pointer;}
.xiaoxboxmax .xtop button:hover{ background: #E6E9ED; border-color: #CBD3E1; color: #6E788B;}
.xiaoxboxmax .xtop .xibox .down{ display: none; width: 170px; background: #fff; box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.08); position: absolute; top: 55px; left: -15px; z-index: 10; border-radius: 4px;}
.xiaoxboxmax .xtop .xibox:hover .down{ display: block;}
.xiaoxboxmax .xtop .xibox .down .li{ padding: 6px;}
.xiaoxboxmax .xtop .xibox .down .li + .li{ border-top: 1px solid hsla(0,0%,85%,0.20);}
.xiaoxboxmax .xtop .xibox .down .li a{ display: flex; justify-content: space-between; padding: 5px 5px 5px 15px; border-radius: 4px; transition: all 0.5s;}
.xiaoxboxmax .xtop .xibox .down .li a .p{ font-size: 14px; line-height: 20px; color: #5B5B5B; width: calc(100% - 24px);}
.xiaoxboxmax .xtop .xibox .down .li a i{ display: flex; justify-content: center; align-items: center; width: 18px; height: 20px;}
.xiaoxboxmax .xtop .xibox .down .li a i img{ display: block; width: 100%;}
.xiaoxboxmax .xtop .xibox .down .li.licur a,
.xiaoxboxmax .xtop .xibox .down .li a:hover{ background: #FAFBFC;}
.xiaoxboxmax .xbot{ position: absolute; left: 0; bottom: 0; right: 0; height: 60px; padding: 0 20px; border-top: 1px solid #E3E5E9; display: flex; align-items: center;}
.xiaoxboxmax .xbot .p{ font-size: 14px; line-height: 60px; color: #9B9B9B; margin-left: 30px;}
.xiaoxboxmax .xbot .more{ display: flex; border-radius: 2px; border: 1px solid #E7E7E7;}
.xiaoxboxmax .xbot .more button{ width: 70px; height: 32px; background: #FCFCFC; border-radius: 2px 0 0 2px; cursor: pointer; border: none; font-size: 14px; color: #BFBFBF; transition: all 0.5s;}
.xiaoxboxmax .xbot .more button:nth-child(2){ border-radius: 0 2px 2px 0; border-left: 1px solid #E7E7E7;}
.xiaoxboxmax .xbot .more button:hover{ background: #6E788B; color: #fff;}
.leftnavbox .minebox .nav .wli .li.xi a::after{ display: none;}

.leftnavbox .minebox .nav .wli .li .a{ display: flex; align-items: center; text-decoration: none; padding: 10px 12px; line-height: 20px; border-radius: 4px; font-size: 15px; color: #6E788B; font-weight: bold; transition: all 0.5s; position: relative; cursor: pointer;}
.leftnavbox .minebox .nav .wli .li .a::after{ content: ''; width: 3px; height: 0px; background: #425E9F; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.5s; display: none;}
.leftnavbox .minebox .nav .wli .li.on .a::after{ opacity: 1; height: 22px;}
.leftnavbox .minebox .nav .wli .li:hover .a{ background: hsla(214,16%,92%,0.20);}
.leftnavbox .minebox .nav .wli .li.on .a{ background: #E6E9ED;}
.leftnavbox .minebox .nav .wli .li .a i{ /*font-size: 20px; color: #6E788B; width: 30px; font-weight: normal; display: block;*/ width: 20px; height: 20px; position: relative; margin-right: 10px; display: flex; justify-content: center; align-items: center;}
.leftnavbox .minebox .nav .wli .li .a i img{ display: block; max-width: 100%; max-height: 100%;}

.xiaoupbox{ position: fixed; top: 0; left: 0; z-index: 10; display: none;}
.leftnavbox .minebox .nav .wli .li.xi{ position: relative; z-index: 15;}
.leftnavbox .minebox .nav .wli .xi.on .a{ background: hsla(0,0%,100%,0.00)!important;}
.leftnavbox .minebox .nav .wli:hover .xi .a{ background: hsla(214,16%,92%,0.20)!important;}
.leftnavbox .minebox .nav .wli .xi.cv .a{ background: #E6E9ED!important;}
.xiaoxboxmax{ z-index: 15;}
.xiaoxboxmax .xtop .xibox .down3{ display: none!important;}

.xiaoxboxmax .xbot{ justify-content: center;}
.xiaoxboxmax .xbot .el-pagination,
.xiaoxboxmax .xbot .el-pager{ display: flex;}

.leftnavbox2 .minebox .nav .wli .li .a{ padding: 10px 0; margin: 0 10px; justify-content: center; overflow: hidden; transition: all 0.5s; border-radius: 4px;}
.leftnavbox2 .minebox .nav .wli .li:hover .a{ overflow: unset; background: #E6E9ED;}
.leftnavbox2 .minebox .nav .wli .li .a::after{ display: none;}
.leftnavbox2 .minebox .nav .wli .li .a .v{ line-height: 30px; font-size: 14px; color: #fff; font-weight: normal; background: #6E788B; border-radius: 4px; position: absolute; left: 60px; top: 50%; transform: translateY(-50%); padding: 0 10px; white-space: nowrap; opacity: 0;}
.leftnavbox2 .minebox .nav .wli .li .a .v::after{ width: 10px; height: 10px; background: #6E788B; border-radius: 2px; content: ''; position: absolute; left: -3px; top: 50%; transform: translateY(-50%) rotate(45deg);}
.leftnavbox2 .minebox .nav .wli .li:hover .a .v{ opacity: 1; left: 50px; transition: all 0.5s;}
.leftnavbox2 .minebox .nav .wli .li .a i{ margin-right: 0;}
.xiaoxboxmax .xtop .xibox .down .li a .p span{color:#ff0000;}
.itemgybox{ display: flex; justify-content: space-between; border: 1px solid #DFE1E9; border-radius: 4px; height: calc(100vh - 150px);}
.itemgybox .leftx{ width: 300px; border-right: 1px solid #DFE1E9; background: linear-gradient( 180deg, #FFFFFF 0%, #FAFBFF 100%); position: relative;}
.itemgybox .leftx::after{ content: ''; width: 100%; height: 255px; background: url(../images/gy.png) no-repeat center; background-size: auto 100%; position: absolute; left: 0; bottom: 0;}
.itemgybox .leftx .vkv{ padding: 10px 20px;}
.itemgybox .leftx .vkv .li{ border-bottom: 1px solid hsla(0,0%,85%,0.30); padding: 24px 10px;}
.itemgybox .rightx{ width: calc(100% - 301px);}
.itemgybox .leftx .vkv .li .h{ font-size: 20px; font-weight: bold; line-height: 28px;}
.itemgybox .leftx .vkv .li .p{ font-size: 14px; line-height: 20px; color: #6E788B;}
.itemgybox .leftx .mor a{ display: block; margin: 30px auto 0; width: 114px; line-height: 32px; text-align: center; border: 1px solid #E6E9ED; color: #6E788B; border-radius: 2px; font-size: 14px; transition: all 0.5s;}
.itemgybox .leftx .mor a:hover{ background: #767F91; border-color: #767F91; color: #fff;}
.itemgybox .rightx .xtext{ padding: 36px 72px;}
.itemgybox .rightx .xtext .h{ font-size: 20px; line-height: 28px; padding-bottom: 10px; color: #6E788B; font-weight: bold; border-bottom: 1px solid hsla(0,0%,85%,0.40); margin-bottom: 25px;}
.itemgybox .rightx .xtext .ps{ font-size: 14px; line-height: 24px; color: #6E788B;}
.itemboxforms .formkk .wjv{ display: flex; font-size: 14px; color: #535A68; padding-left: 30px; position: relative; line-height: 20px;}
.itemboxforms .formkk .wjv i{  width: 16px; height: 16px; position: absolute; top: 2px; left: 0; display: flex; justify-content: center; align-items: center;}
.itemboxforms .formkk .wjv i img{ display: block; max-width: 100%; max-height: 100%;}

.xtboxmax{ position:relative;}
.xtboxmax .xtop{ position: fixed; top: 10px; left: 0; right: 0; background: #fff; padding: 0 20px; display: flex;}
.xtboxmax .xtop::after{ content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; background: #D8D8D8; height: 1px;}
.xtboxmax .xtop .li{ position: relative; cursor: pointer; padding-bottom: 6px;}
.xtboxmax .xtop .li + .li{ margin-left: 38px;}
.xtboxmax .xtop .li::after{ content: ''; width: 100%; height: 1px; background: #6E788B; position: absolute; left: 0; bottom: 0; z-index: 5; opacity: 0;}
.xtboxmax .xtop .li.cur::after{ opacity: 1;}
.xtboxmax .xtop .li div{ font-size: 14px; line-height: 20px; color: #9E9E9E;}
.xtboxmax .xtop .li.cur div{ color: #6E788B;}
.xtboxmax .xtop .li i{ display: block; font-size: 12px; color: #fff; background: #F56C6C; border-radius: 100%; position: absolute; top: -8px; right: -18px; line-height: 22px; min-width: 22px; text-align: center; transform: scale(0.7);}
.xtboxmax .xbot{ position: fixed; left: 0; bottom: 0; right: 0; padding: 0 20px 16px 20px;}
.xtboxmax .xbot .indexpage{ justify-content: center; padding: 0;}
.xtboxmax .xbot .h{ display: flex; border-bottom: 1px solid hsla(0,0%,85%,0.60); margin: 20px 0 14px 0;}
.xtboxmax .xbot .h i{ display: block; font-size: 14px; line-height: 20px; padding-bottom: 6px; color: #6E788B; position: relative;}
.xtboxmax .xbot .h i::after{ content: ''; width: 100%; height: 1px; background: #6E788B; position: absolute; left: 0; bottom: -1px;}
.xtboxmax .xbot .el-select{ width: 100%;}
.xtboxmax .xbot .ss .el-form-item__content{ margin-left: 0!important;}
.xtboxmax .xtlist{ position: fixed; top: 60px; left: 0; right: 0; bottom: 305px; overflow-y: auto; padding: 0 20px;}
.xtboxmax .xtlist .li{ background: #F6F7F8; border-radius: 4px; padding: 14px 18px 18px 46px;}
.xtboxmax .xtlist .li + .li{ margin-top: 14px;}
.xtboxmax .xtlist .li .tp{ display: flex; position: relative; margin-bottom: 10px;}
.xtboxmax .xtlist .li .tp .b{ font-size: 14px; line-height: 20px; color: #C9C9C9; margin-left: 5px;}
.xtboxmax .xtlist .li .tp .m{ width: 20px; height: 20px; background: #67C23A; border-radius: 4px; position: absolute; top: 0; left: -28px; overflow: hidden;}
.xtboxmax .xtlist .li .tp .m img{ display: block; width: 100%;}
.xtboxmax .xtlist .li .tp .h{ font-size: 14px; line-height: 20px; color: #67C23A; margin-right: 10px;}
.xtboxmax .xtlist .li .tp .t{ font-size: 14px; color: hsla(219,14%,20%,0.50); line-height: 20px;}
.xtboxmax .xtlist .li .tp .smore{ position: absolute; top: 0; right: 0; display: flex;}
.xtboxmax .xtlist .li .tp .smore button{ display: block; border: none; background: hsla(0,0%,100%,0.00); border-radius: 0; margin-left: 10px; height: 20px; font-size: 14px; color: #409EFF; transition: all 0.5s; cursor: pointer;}
.xtboxmax .xtlist .li .tp .smore button.a2{ color: #F56C6C;}
.xtboxmax .xtlist .li .tp .smore button:hover{ opacity: 0.8;}
.xtboxmax .xtlist .licg .tp .h{ color: #E6A23C;}
.xtboxmax .xtlist .licg .tp .m{ background: #E6A23C;}
.xtboxmax .xtlist .li .ps{ font-size: 14px; line-height: 20px; color: #5A5A5A;}
.xtboxmax .xtlist .li .xtuer{ margin-top: 12px; padding-top: 14px; border-top: 1px solid hsla(0,0%,85%,0.40); display: flex;}
.xtboxmax .xtlist .li .xtuer .h{ font-size: 14px; line-height: 20px; color: #7F7F7F; opacity: 0.6;}
.xtboxmax .xtlist .li .xtuer .mn .vl{ display: flex;}
.xtboxmax .xtlist .li .xtuer .mn .vl .p{ font-size: 14px; line-height: 20px; color: #4A74A0; min-width: 44px; margin-right: 6px;}
.xtboxmax .xtlist .li .xtuer .mn .vl .i{ padding: 0 8px; font-size: 12px; line-height: 18px; background: #E7F3FF; border-radius: 10px; border: 1px solid #9FCEFF; color: #409EFF; margin-right: 12px;}
.xtboxmax .xtlist .li .xtuer .mn .vl .i2{ background: #FFF3F3; border-color: #FAB5B5; color: #F56C6C;}
.xtboxmax .xtlist .li .xtuer .mn .vl .t{ font-size: 14px; line-height: 20px; color: #2C313A; opacity: 0.5;}
.xtboxmax .xtlist .li .xtuer .mn .vl + .vl{ margin-top: 10px;}
.xtboxmax .xtlist .li .xtuer .ms{ display: flex; flex-wrap: wrap;}
.xtboxmax .xtlist .li .xtuer .ms .p{ font-size: 14px; line-height: 20px; margin: 0 15px 0 0; color: #4A74A0;}
.xtboxmax .xtlist2{ bottom: 75px;}
.xtboxmax .xtlist .li .xtuer .ra{ display: flex;}
.xtboxmax .xtlist2 .li .tp .h{ color: #4A74A0;}

.supervisorboxboot{ position: fixed; }
.xtboxmax .xbot .indexpage{ width: 100%; left: 0; position: fixed; bottom: 240px; margin: 0;}

.xtboxmax .xtlist .li .xtuer .mn{ display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: -10px;}
.xtboxmax .xtlist .li .xtuer .mn .vl{ margin: 0 10px 10px 0!important;}
.xtboxmax .xtlist .li .xtuer .mn .vl .p{ min-width: inherit;}

.openboxnav .minsnav .li a .p i{ display: bold; font-size: 12px; line-height: 18px; transform: scale(0.8); min-width: 18px; text-align: center; background: red; border-radius: 100%; color: #fff; position: absolute; top: -5px;}
.openboxnav .minsnav .li a .p{ position: relative; }

.zxajianbox .zink{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding-top: 26px;}
.zxajianbox .zink .li{ position: relative; width: 180px; height: 180px; border-radius: 8px; display: flex; justify-content: center; align-items: center; transition: all 0.5s; margin: 0 14px 20px 0;}
.zxajianbox .zink .li:hover{ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08); background: #fff;}
.zxajianbox .zink .li .a .m{ width: 100%; height: 61px; transition: all 0.5s; background: url(../images/wjj1.png) no-repeat center; background-size: auto 100%;}
.zxajianbox .zink .li:hover .a .m{ background: url(../images/wjj2.png) no-repeat center; background-size: auto 100%;}
.zxajianbox .zink .li .a{ width: 100%;}
.zxajianbox .zink .li .a .ter{ margin: 10px 10px 0 10px; text-align: center;}
.zxajianbox .zink .li .a .ter .h{ font-size: 14px; line-height: 20px; color: #6E788B;}
.zxajianbox .zink .li .a .ter .p{ font-size: 14px; line-height: 20px; margin-top: 2px; color: #B0B5C0;}
.zxajianbox .zink .li .up{ position: absolute; top: 5px; right: 10px; opacity: 0; transition: all 0.5s;}
.zxajianbox .zink .li:hover .up{ opacity: 1;}
.zxajianbox .zink .li .up .i{ width: 24px; height: 24px; background: url(../images/24.png) no-repeat center; background-size: 100% auto;}
.zxajianbox .zink .li .up .down{ position: absolute; top: 0; right: -3px; padding-top: 28px; display: none;}
.zxajianbox .zink .li .up:hover .down{ display: block;}
.zxajianbox .zink .li .up .down .vv{ min-width: 88px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 4px; padding: 10px 0; position: relative;}
.zxajianbox .zink .li .up .down .vv .el-button{ padding: 0; display: flex; padding-left: 12px; margin: 12px 0 0 0;}
.zxajianbox .zink .li .up .down .vv .el-button:first-child{ margin: 0;}
.zxajianbox .zink .li .up .down .vv .el-button span{ display: block; padding-left: 20px; line-height: 20px;}
.zxajianbox .zink .li .up .down .vv .el-button.d1 span{ background: url(../images/75.png) no-repeat center left; background-size: 17px auto;}
.zxajianbox .zink .li .up .down .vv .el-button.d2 span{ background: url(../images/76.png) no-repeat center left; background-size: 17px auto;}
.zxajianbox .zink .li .up .down .vv::after{ width: 10px; height: 10px; background: #fff; content: ''; position: absolute; top: -5px; right: 15px; transform: rotate(45deg);}
.addclickn4{ background: #fff; border-color: #E6E9ED;}
.addclickn4 span{ color: #6E788B; padding-left: 20px; background: url(../images/77.png) no-repeat left center; background-size: 15px auto;}

.entryboxmink .textbox .wker .tit{ display: flex; }
.entryboxmink .textbox .wker .tit .li + .li{ margin-left: 70px; }

.worklist .slist .wlist .wli .right .li .ah button.ad{ border-radius: 2px; width: 26px; height: 22px; padding: 0; margin: 1px 0 1px 10px; border: none; background: hsla(0,0%,100%,0.00); color: #6E788B; font-size: 16px;}
.worklist .slist .wlist .wli .right .li .ah button.zd{ padding: 0 10px; height: 24px; border: none; border-radius: 2px; font-size: 14px; color: #fff; background: #6E788B; margin: 0 0 0 10px;}

.codeboxmaxhr{ width: 7.5rem; margin: auto; min-height: 100vh; overflow: hidden; background: #f0f9ff; position: relative;}
.codeboxmaxhr .top{ position: relative;}
.codeboxmaxhr .top .m{ width: 100%; height: 4rem; overflow: hidden;}
.codeboxmaxhr .top .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.codeboxmaxhr .top .img{ position: absolute; top: 1.05rem; left: 0.3rem;}
.codeboxmaxhr .top .img .h{ font-size: 0.38rem; line-height: 1; color: #fff; margin-bottom: 0.24rem;}
.codeboxmaxhr .top .img img{ display: block; height: 0.47rem;}
.codeboxmaxhr .wker{ margin: -0.92rem 0.3rem 0 0.3rem; position: relative; z-index: 10;}
.codeboxmaxhr .list{ padding: 0.96rem 0.4rem 0.2rem 0.4rem; position: relative; z-index: 10; border-radius: 0.12rem; background: #fff; border: 1px solid #4069ff;}
.codeboxmaxhr .list .tit{ position: absolute; top: -1px; left: 0; width: 100%; text-align: center; font-size: 0.3rem; font-weight: 600; color: #fff; background: url(../images/sm2.png) no-repeat center; background-size: auto 100%; line-height: 0.66rem;}
.codeboxmaxhr .list .li{ display: flex; padding: 0.12rem 0;}
.codeboxmaxhr .list .li .h, 
.codeboxmaxhr .list .li .p{ font-size: 0.28rem; line-height: 0.4rem; color: #000;}
.codeboxmaxhr .list .li .h{ color: #999; text-align: right; width: 1.42rem; white-space: nowrap;}
.codeboxmaxhr .a{ display: flex; justify-content: center; align-items: center; background: #3572f9; width: 100%; height: 0.86rem; border-radius: 0.15rem; font-size: 0.28rem; font-weight: 600; color: #fff; border: none; cursor: pointer; margin-top: 0.34rem;}
.codeboxmaxhr .boot{ padding: 0.9rem 0; width: 100%; display: flex; justify-content: center;}
.codeboxmaxhr .boot img{ display: block; margin: auto; height: 1.1rem;}
.codeboxmaxhr .boot a{ margin: 0 0.4rem; position: relative;}
.codeboxmaxhr .boot a + a::after{ width: 1px; height: 0.52rem; background: #e9edef; position: absolute; top: 50%; left: -0.4rem; transform: translateY(-50%); content: '';}
.codeboxmaxhr .unllbox{ padding: 1rem 0;}
.codeboxmaxhr .unllbox img{ display: block; margin: auto; width: 3rem;}
.codeboxmaxhr .unllbox .v{ font-size: 0.28rem; line-height: 0.38rem; margin-top: 0.2rem; text-align: center; color: #999;}


@media (max-width: 950px){
	.codeboxmaxhr .boot{ position: fixed; left: 0; bottom: 0; z-index: 10;}
	.codeboxmaxhr .boot img{ height: 0.55rem;}
	.codeboxmaxhr{ min-height: inherit;}
}