.oa-layout{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:#fff}.oa-layout .oa-layout-menu{width:200px;border-right:1px solid #ebedf0;padding:20px 10px 20px 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.oa-layout .oa-layout-menu .oa-menu-item{font-size:14px}.oa-layout .oa-layout-menu .oa-menu-item>a{width:100%;padding:7px 20px;line-height:22px;color:#222;-webkit-box-sizing:border-box;box-sizing:border-box}.oa-layout .oa-layout-menu .oa-menu-item.active a,.oa-layout .oa-layout-menu .oa-menu-item:hover a{background-color:#eff4ff;color:#1b62ff}.oa-layout .oa-layout-menu .oa-menu-item.active .iconfont,.oa-layout .oa-layout-menu .oa-menu-item:hover .iconfont{color:#1b62ff}.oa-layout .oa-layout-menu .oa-menu-item .iconfont{margin-right:10px;color:#666}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;line-height:36px;padding-right:14px}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .icon-up{width:10px;margin-right:5px;display:inline-block;position:relative;vertical-align:middle;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);-o-transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .icon-up:before{-webkit-transform:rotate(-45deg) translateX(2px);transform:rotate(-45deg) translateX(2px)}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .icon-up:after,.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .icon-up:before{content:"";width:6px;height:1.5px;position:absolute;left:2px;display:inline-block;background:#fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.65)),to(rgba(0,0,0,.65)));background-image:-o-linear-gradient(left,rgba(0,0,0,.65),rgba(0,0,0,.65));background-image:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.65));border-radius:2px;transition:background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .icon-up:after{-webkit-transform:rotate(45deg) translateX(-2px);transform:rotate(45deg) translateX(-2px)}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .icon-down:before{-webkit-transform:rotate(45deg) translateX(2px);transform:rotate(45deg) translateX(2px)}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .icon-down:after{-webkit-transform:rotate(-45deg) translateX(-2px);transform:rotate(-45deg) translateX(-2px)}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .menu-txt{margin-left:10px}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title .count-orange{color:#f53a03}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title.active,.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title.active .iconfont,.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title:hover,.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-group-title:hover .iconfont{color:#1b62ff}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-item-sub{cursor:pointer;padding:7px 14px 7px 43px;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-item-sub.active,.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-item-sub:hover{background-color:#eff4ff;color:#1b62ff}.oa-layout .oa-layout-menu .oa-menu-group .oa-menu-item-sub .count-orange{color:#f53a03}.oa-layout .oa-layout-contain{-webkit-box-flex:1;-ms-flex:1;flex:1}.oa-layout .oa-layout-contain.approve-center{display:-webkit-box;display:-ms-flexbox;display:flex}.oa-layout .oa-layout-contain.approve-center .approve-list{width:368px;border-right:1px solid #ebedf0;-webkit-box-sizing:border-box;box-sizing:border-box}.oa-layout .oa-layout-contain.approve-center .approve-list .approve-list-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 14px 0 14px}.oa-layout .oa-layout-contain.approve-center .approve-list .approve-list-header .sort-icon{cursor:pointer}.oa-layout .oa-layout-contain.approve-center .approve-list .approve-list-search{margin-top:10px}.oa-layout .oa-layout-contain.approve-center .approve-list .approve-list-search .search{width:92%;margin:auto;position:relative}.oa-layout .oa-layout-contain.approve-center .approve-list .approve-list-wrapper{padding:14px 0;height:calc(100% - 152px)}.oa-layout .oa-layout-contain.approve-center .approve-list .approve-list-wrapper .oa-pagination{padding:25px}.oa-layout .oa-layout-contain.approve-center .approve-list .approve-list-wrapper .oa-pagination .ant-pagination-next,.oa-layout .oa-layout-contain.approve-center .approve-list .approve-list-wrapper .oa-pagination .ant-pagination-prev{border:0}.oa-layout .oa-layout-contain.approve-center .approve-details{-webkit-box-flex:1;-ms-flex:1;flex:1}.oa-layout .oa-layout-contain .approve-item{width:92%;background:-webkit-gradient(linear,left top,right top,from(#fcfcfe),to(#f7f8fc));background:-o-linear-gradient(left,#fcfcfe 0,#f7f8fc 100%);background:linear-gradient(90deg,#fcfcfe,#f7f8fc);border-radius:4px;border:1px solid #ebedf0;margin:0 auto 14px;padding:10px 14px;cursor:pointer}.oa-layout .oa-layout-contain .approve-item .title{margin-bottom:10px}.oa-layout .oa-layout-contain .approve-item .title .txt{font-size:16px;color:#222;margin-right:10px;font-weight:500}.oa-layout .oa-layout-contain .approve-item .title .readDot{float:right;margin-top:9px;width:6px;height:6px;background-color:#f53a03;border-radius:50%}.oa-layout .oa-layout-contain .approve-item .title .max-tag{line-height:inherit;transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9)}.oa-layout .oa-layout-contain .approve-item .desc{font-size:14px;color:#222;margin:10px 0}.oa-layout .oa-layout-contain .approve-item .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:24px}.oa-layout .oa-layout-contain .approve-item .info .time,.oa-layout .oa-layout-contain .approve-item .info .username{font-size:12px}.oa-layout .oa-layout-contain .approve-item:hover{border-color:#1b62ff}.oa-layout .oa-layout-contain .blueItem{border-color:#1b62ff!important}.oa-layout .oa-layout-contain .approve-empty{margin:auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center}.oa-layout .icon-through{background:url(../assets/icon-through.f92d85ac.svg) no-repeat}.oa-layout .icon-approve{background:url(../assets/icon-approve.098ff345.svg) no-repeat}.oa-layout .icon-refuse{background:url(../assets/icon-refuse.c4527ed2.svg) no-repeat}.oa-layout .icon-noSubmit{background:url(../assets/icon-noSubmit.4453380c.svg) no-repeat}.oa-layout .icon-end{background:url(../assets/icon-end.932e689f.svg) no-repeat}.oa-layout .oa-empty{margin:auto}.approve-details-box{padding:14px 0 14px 20px;height:calc(100% - 64px)}.approve-details-wrapper .approve-details-header{padding-bottom:20px;border-bottom:1px solid #ebedf0;padding-right:20px}.approve-details-wrapper .approve-details-header .num{font-size:14px;color:#666}.approve-details-wrapper .approve-details-header .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0}.approve-details-wrapper .approve-details-header .title .txt{font-size:28px;color:#222;margin-right:10px}.approve-details-wrapper .approve-details-header .title .max-tag{line-height:inherit;transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9)}.approve-details-wrapper .approve-details-header .info{font-size:14px}.approve-details-wrapper .approve-details-header .info .name{color:#222;margin-left:8px}.approve-details-wrapper .approve-details-header .info .department{color:#666;margin-left:8px}.approve-details-wrapper .approve-details-header .iconfont{position:absolute;top:20px;right:60px;cursor:pointer}.approve-details-wrapper .approve-details-header .iconfont:hover{color:#1b62ff}.approve-details-wrapper .approve-details-content{padding:14px 20px 14px 0;border-bottom:1px solid #ebedf0}.approve-details-wrapper .approve-details-content .details-line .title{font-size:14px;color:#666;margin-bottom:14px}.approve-details-wrapper .approve-details-content .details-line .desc{font-size:16px;color:#222;margin-bottom:20px;word-break:break-all}.approve-details-wrapper .approve-details-content .detail-tit{margin:10px 0 14px 0}.approve-details-wrapper .approve-details-content .detial-con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;background:#f7f8fc;border-radius:4px;padding:20px 20px 0 20px;margin-bottom:10px}.approve-details-wrapper .approve-details-content .detial-con .details-line{width:50%}.approve-details-wrapper .approve-details-content .detial-con .details-line:nth-child(2n-1){padding-right:5px}.approve-details-wrapper .approve-details-content .detial-con .details-line:nth-child(2n){padding-left:5px}.approve-details-wrapper .approve-details-step{padding:14px 20px 14px 0;margin-bottom:14px}.approve-details-wrapper .approve-details-step .step-title{font-size:14px;color:#222;margin-bottom:20px}.approve-details-wrapper .approve-details-step .step-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 0 16px 0}.approve-details-wrapper .approve-details-step .step-list li .approve-list{width:100%;border-right:0}.approve-details-wrapper .approve-details-step .step-list li .approve-list .remark-flex{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.approve-details-wrapper .approve-details-step .step-list li .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:0;font-size:14px;color:#222}.approve-details-wrapper .approve-details-step .step-list li .info .step{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;height:20px;line-height:inherit;background-color:#deffd5;color:#09aa07;text-align:center;border-radius:4px;padding:0 10px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9)}.approve-details-wrapper .approve-details-step .step-list li .info .rejectBg{background-color:#ffebe9;color:red}.approve-details-wrapper .approve-details-step .step-list li .info .approveBg{background-color:#e9f0ff;color:#1b62ff}.approve-details-wrapper .approve-details-step .step-list li .info .copyBg{background-color:#f5f5f7;color:#333}.approve-details-wrapper .approve-details-step .step-list li .info .endBg{background-color:#fff5e4;color:#ffa100}.approve-details-wrapper .approve-details-step .step-list li .remark-box{width:100%;padding-top:10px;border-left:2px solid #ebedf0;margin-left:18px}.approve-details-wrapper .approve-details-step .step-list li .remark-box .remark{font-size:12px;color:#222;background:#f7f8fc;border-radius:4px;padding:8px;margin-left:30px;margin-right:20px}.approve-details-wrapper .approve-details-step .step-list li .remark-box .remark .remark-con{font-size:12px;color:#222;word-break:break-word;margin-left:6px}.approve-details-wrapper .approve-details-step .step-list li .remark-box-noline{border-left:0;margin-left:18px}.approve-details-wrapper .approve-details-step .step-list li .draw-approve{width:100%;margin-left:18px;border-left:2px solid #ebedf0}.approve-details-wrapper .approve-details-step .step-list li .draw-approve>div{padding:0 20px}.approve-details-wrapper .approve-details-step .step-list li .draw-approve .draw-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:14px}.approve-details-wrapper .approve-details-step .step-list li .draw-approve .remark{background:#f7f8fc;border-radius:4px;padding:8px;margin-top:10px;margin-left:50px}.approve-details-wrapper .approve-details-step .step-list li .draw-approve .remark .remark-con{font-size:12px;color:#222;word-break:break-word;margin-left:6px}.approve-details-wrapper .approve-details-step .step-list li .draw-border{border-left:2px solid #ebedf0}.approve-details-wrapper .approve-details-step .step-list li .step-tag{margin-right:12px;position:relative}.approve-details-wrapper .approve-details-step .step-list li .step-tag .step-icon{width:16px;height:16px;position:absolute;bottom:-4px;right:-2px}.approve-details-wrapper .approve-details-step .step-list li .circle{width:40px;height:40px;line-height:40px;font-size:18px;margin:0}.approve-details-wrapper .approve-details-step .step-list li:last-child{padding-bottom:0}.approve-details-wrapper .approve-details-step .step-list li .file-list{width:100%;padding-top:4px}.approve-details-wrapper .approve-details-step .step-list li .file-list .file-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:30px;line-height:30px;padding:0 6px;border-radius:4px;font-size:12px}.approve-details-wrapper .approve-details-step .step-list li .file-list .file-item .src-name{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.approve-details-wrapper .approve-details-step .step-list li .file-list .file-item .down-file{color:#1b62ff;cursor:pointer}.approve-details-wrapper .approve-details-step .step-list li .file-list .file-item:hover{background:#e9f0ff}.approve-details-wrapper .approve-details-step .push-list li:first-of-type{position:relative}.approve-details-wrapper .approve-details-step .push-list li:first-of-type:after{content:"";position:absolute;height:40px;width:2px;background:#ebedf0;left:18px;bottom:-40px}.approve-details-wrapper .approve-details-step .copy-list li:first-of-type{position:relative}.approve-details-wrapper .approve-details-step .copy-list li:first-of-type:before{content:"";position:absolute;height:40px;width:2px;background:#ebedf0;left:18px;top:0}.approve-details-wrapper .approve-details-step .way2-push{width:100%;position:relative}.approve-details-wrapper .approve-details-step .way2-push:first-child{padding:0!important}.approve-details-wrapper .approve-details-step .way2-push:not(:first-child):before{content:"";position:absolute;height:40px;width:2px;background:#ebedf0;left:18px;top:0}.approve-details-wrapper .approve-details-step .way2-push:not(:last-child):after{content:"";position:absolute;height:40px;width:2px;background:#ebedf0;left:18px;bottom:-40px}.approve-details-wrapper .approve-details-step .approve-way1 li{position:relative;padding:32px 0 0 0!important}.approve-details-wrapper .approve-details-step .approve-way1 li:before{content:"";position:absolute;height:40px;width:2px;background:#ebedf0;left:18px;top:0}.approve-details-wrapper .approve-details-step .approve-way2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1}.approve-details-wrapper .approve-details-step .approve-way2 li{padding:32px 0 0 0!important}.approve-details-wrapper .approve-details-step .approve-way2 li .info{margin:0 38px 0 0!important}.approve-details-wrapper .approve-details-step .approve-way3{padding-top:32px}.approve-details-wrapper .approve-details-step .approve-way3 li:not(:last-child):after{content:"";position:absolute;height:40px;width:2px;background:#ebedf0;left:18px;bottom:-40px}.approve-details-wrapper .approve-details-step .approve-way3 .way2-date{padding:32px 0 0 0}.approve-details-wrapper .approve-details-step .way2-date{width:100%;position:relative;margin-right:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:left!important;-ms-flex-pack:left!important;justify-content:left!important}.approve-details-wrapper .approve-details-step .way4-draw{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:inherit!important;-ms-flex-pack:inherit!important;justify-content:inherit!important}.approve-details-wrapper .approve-details-step .copy-box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:start;align-content:flex-start}.approve-details .approve-details-footer{border-top:1px solid #ebedf0;padding:14px 20px}.approve-details .approve-details-footer>a{margin-right:10px}.approve-details .approve-details-footer>a:nth-child(2){margin-right:20px}.approve-details .approve-details-footer .max-btn-cursor{cursor:default}.circle{width:20px;height:20px;font-size:12px;font-weight:600;color:#fff;border-radius:50%;text-align:center;line-height:19px;margin-right:8px;background-color:#1b62ff}.circle.circle-0{background-color:#00b6ff}.circle.circle-1{background-color:#f53a03}.circle.circle-2{background-color:#ffa100}.circle.circle-3{background-color:#a862ff}.circle.circle-4{background-color:#19c400}.circle.circle-5{background-color:#1b62ff}.oa-con{padding:20px 26px;background:#fff;-webkit-box-shadow:10px 0 10px -10px rgba(134,74,30,.1);box-shadow:10px 0 10px -10px rgba(134,74,30,.1);border-radius:4px}.oa-con .oa-list>div{margin-bottom:20px}.oa-con .oa-list>div .oa-title{width:100%;height:50px;line-height:50px;padding:0 20px;background:#f0f3fb;border-radius:4px 4px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.oa-con .oa-list>div .oa-title .oa-group{font-weight:500;color:#222}.oa-con .oa-list>div .oa-title .oa-icon span{color:#000;padding:0 10px 0;cursor:pointer}.oa-con .oa-list>div .oa-title .oa-icon .no-del{color:#a8a7a7;cursor:not-allowed}.oa-con .oa-list>div .group-con{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px;border:1px solid #ebedf0;padding:0 20px;border-top:0}.oa-con .oa-list>div .group-con .list-info{width:33.3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.oa-con .oa-list>div .group-con .list-info .o-name{font-weight:500;color:#222}.oa-con .oa-list>div .group-con .list-info .o-content{font-weight:400;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.oa-con .oa-list>div .group-con .list-info img{margin:auto 10px auto 0;width:40px;height:40px;border-radius:12px}.oa-con .oa-list>div .group-con .list-perm{width:33.3%;text-align:center;color:#222}.oa-con .oa-list>div .group-con .list-btn{width:33.3%;text-align:right}.oa-con .oa-list>div .group-con .list-btn span{color:#000;cursor:pointer;padding:0 10px}.oa-con .oa-list>div .group-con .list-btn span:first-child{color:#1b62ff}.oa-con .oa-list>div .group-con .list-btn span:nth-child(2),.oa-con .oa-list>div .group-con .list-btn span:nth-child(3),.oa-con .oa-list>div .group-con .list-btn span:nth-child(4){color:#f53a03}.oa-con .approvetemp-empty{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center}.main-shadow{-webkit-box-shadow:0 0 10px 0 rgba(134,74,30,.1);box-shadow:0 0 10px 0 rgba(134,74,30,.1);border-radius:4px}.details-modal{position:fixed;overflow:hidden;width:700px;height:80%;z-index:9;left:-350px;margin-left:50%;top:10%;background-color:#fff;-webkit-box-shadow:0 0 10px 0 rgba(30,75,134,.1);box-shadow:0 0 10px 0 rgba(30,75,134,.1);border-radius:4px;padding:20px 24px}.details-modal .approve-details-wrapper{height:95%}.details-modal .approve-details-wrapper .max-icon-shanchudelete1{position:absolute;top:16px;right:20px;cursor:pointer;z-index:2}.details-mask{width:100%;height:100%;background:hsla(0,0%,60%,.3);position:fixed;top:0;left:0;z-index:2}.pagination{padding:30px;text-align:center;background-color:#fff}.pagination .ant-pagination-next,.pagination .ant-pagination-prev{display:inline-block;min-width:32px;height:32px;margin-right:8px;font-family:Arial;line-height:30px;text-align:center;vertical-align:middle;list-style:none;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;outline:0;cursor:pointer}.pagination .ant-pagination-next a,.pagination .ant-pagination-prev a{display:block;padding:0 14px}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{word-wrap:normal}