body{
    background:#F1F2F4
}
.pd-conetnt{


    height:100vh;
    overflow: hidden;
}
.pd-content-bd{
    width:1200px;
    margin: 20px auto;
}
.loading-common img{
    position: absolute;
    top: 50%;
    left: calc( 50% - 15px)
}
.pd-bd{
    background:#fff;
    padding:20px;
    margin-bottom:20px;
}
.pd-title{
    color:#252525;
    font-size:14px;
    padding-bottom:15px;
    border-bottom:1px solid #EBEBEB;
    margin-bottom:15px;
    position: relative;
}
.pd-title ul{
  overflow: hidden;
}
.pd-title ul li{
  cursor: pointer;
  list-style: none;
  padding: 0 20px;
  position: relative;
  float: left;
  height: 50px;
  line-height: 50px;
}
.pd-title ul li.current{
  color: #278AF2;
}
.pd-title ul li.current::after{
  content: " ";
  display: block;
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #278AF2;
    left: 0;
    right: 0;
}
.approve-dy-tab {
  margin: 0 26px;
  display: none;
}
.approve-dy-tab ul {
  margin: 0;
  padding: 0;
  line-height: 40px;
  font-size: 14px;
  color: #999999;
  border-bottom: 1px solid #DADADA;
}
.approve-dy-tab li.on {
  border-bottom: 2px solid #278AF2;
  color: #278AF2;
}
.approve-dy-tab ul li {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  padding: 0 26px;
  cursor: pointer;
}
.approve-con .itemBox {
  /* width: 100%;
  height: 100%; */
  display: flex;
  padding: 0 20px;
  /* overflow: hidden; */
}
.approve-con .itemBox dl {
  float: left;
  margin-right: 100px;
  min-width: 180px;
}
.approve-con .itemBox dl .item {
  font-size: 12px;
  line-height: 30px;
  cursor: pointer;
}
.approve-con .itemBox dl .item .tt {
  color: #666666;
}
.approve-con .itemBox dl .item .tt:hover {
  color: #278AF2;
}
.approve-con .itemBox dl .item .tt:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #D8D8D8;
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 50% 50%;
}
.approve-con .itemBox dl dt {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  /* background: url(../img/portal/set.png) no-repeat left center;
  background-size: 16px 16px; */
  padding-left: 20px;
  border-bottom: 1px solid #C6C6C6;
  line-height: 35px;
  margin-bottom: 8px;
}
.pd-title .more-title{
    position: absolute;
    font-size:12px;
    color:#278AF2;
    top: 10px;
    right:0;
}
.introduction-text{
    color:#5A5A5A;
}
.pd-dec{
    color:#666666;
    font-size:12px;
}
.pd-dbtable{
    padding:20px;
    height: 328px;
    position: relative;
    border: 1px solid #EBEBEB;
    background: #FAFAFA url(../../img/portal/bg.png) left bottom no-repeat;
    background-size: 100% 216px;
    margin-bottom:15px;
    position: relative;
}
.pd-dbtable ul{
    height: 280px;
    overflow:hidden;
}
.pd-dbtable .more{
    text-align: right;
    font-size:12px;
    color:#278AF2
}
.approve-con ul li{
    margin-bottom:13px
}
.approve-con ul li a{
    align-items: center;
    display: flex;
}
.approve-con ul li a .stop-time,
.approve-con ul li a .pl-status-dj,
.approve-con ul li a .pl-status-wks,
.approve-con ul li a .pl-status-yq,
.approve-con ul li a .pl-status-jxz,
.approve-con ul li a .pl-status-yjyq{
    margin-right: 10px;
    height: 18px;
    border-radius: 8px;
    font-size: 12px;
    color: #ED9B15;
    min-width: 48px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    background: rgba(239,177,75,.16)
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAiRJREFUSA21ls9rE0EUx2febGKSppDaWupBwVMPBgQVehaESjTx1J7903rxYlBaYwRB9D8QhVAQ/IEWNMSWprU1se28cb7bbLNbx90NpnuZt+/HZ2Zn5r23UsQ8G4+W8pO5/pxUNGs0T7A0ObiTkX2r27e6zs9+rn1pud77F0a6DOb1g1x3b3PeCHHZZT+ts5CvpeLMe3lrpe+wRVWdZmXOY7putSpqSXzTR8RvZu8+b4c9I1/QfVG9wgemHHYYVbbb1yrVGp+DOAoErPx/4WDZcyqDFXD9CbDng20J9I5RaVLeuiTacRgjKrDAhNKfAAdq5dg9Z6E3S5XVjyy9TxGa+0UNmIJwFdPcFsPEYPHhkT+6uUMtmGAT7vlQPV4JbEISjRc7pIFNyNCharwS2BSkf1p04ZxntzfdA/ZJHiSFEHEGPoXFx22TVW+NkL+TYmAnFK40jjblZ36s1ebr9WWaXlzbOF+88Ypl5oOSx7fLxfCL4k7z/oJmnfqg7Sf/Osxk1y/cefIdUNOoFnaNuKql+es2KlId2X1q649Nb9cK4nRGqi1BxdZ05eEu/LrN2k1mvhiOQV2SSIaJfO922DCSzPTFI/NNC1O2pz8Zjt3v5V/61XS7ce9ammwOByfJ6BFT1Wfv/FuEZmEDdFLQCHY9YB4XO3QiNIsRALGuYAXd7SQP0IkoK1uxkSmMONhwV4t0NMSfacsMFnimTT+YBOM4flv+ANWb7eQaiHj7AAAAAElFTkSuQmCC)
    left center no-repeat;
    background-size: 12px 12px;
    padding-left: 15px;
    padding-right: 7px;
}
.approve-con ul li a .pl-status-dj{
    color: #999;
    background:#eee url(../../img/pl1.png) left center no-repeat;

}
.approve-con ul li a .pl-status-wks{
    color: #999;
    background:#eee url(../../img/pl5.png) left center no-repeat;
}
.approve-con ul li a .pl-status-yq{
    color: #ED7171;
    background:rgba(237,113,113,.1) url(../../img/pl2.png) left center no-repeat;

}
.approve-con ul li a .pl-status-jxz{
    color: #4776D9;
    background: rgba(71,118,217,.1) url(../../img/pl4.png) left center no-repeat;
}
.approve-con ul li a .pl-status-yjyq{

    color: #e1b71e;
    background: rgba(243, 204, 59, 0.21) url(../../img/pl3.png) left center no-repeat;
}
.approve-con ul li a .title{
    font-size: 12px;
    color: #505050;
    flex: 1;
    cursor: pointer;
}
.approve-con ul li a span{
    font-weight: normal;
    font-size: 12px;
    color: #A0A0A0;
    text-align: left;
}
.approve-con ul li a .fq-person{
    width: 100px;
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.approve-con ul li a .fq-time{
    width: 90px;
    text-align: right;

}

.icon{
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
}
.icon-user,
.icon-time{
    width:14px;
    height:14px;
    background-image: url(./img/p1.png);
}
.icon-time{
    background-image: url(./img/p2.png);
}
.pro-box .process-title{
    color:#666;
    font-size:14px;
    position:relative;
    font-weight: bold;
}
.process-title .jt{
    border: solid #999999;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}
.pd-box-ctrol.pd-show  .process-title .jt{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.pd-box-ctrol.pd-hide  .process-title .jt{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.pro-box .process-title:before{
    content:"";
    width:3px;
    background:#278AF2;
    height:13px;
    display: inline-block;
    vertical-align: text-top;
    margin-right:10px;
}
.pd-box-ctrol  .process-title .love{
    display: block;
    position:absolute;;
    right: 40px;
    width: 20px;
    height: 20px;
    background:url(img/p19.png) no-repeat center center;
    background-size: 20px 20px;
    top: 5px;
    cursor: pointer;
}
.pro-box .pro-ct{
    padding: 10px;
}
.pro-dec .ifo{
    display: inline-block;
    width: 200px;
    overflow:hidden;
    height: 30px;
    line-height: 30px;
    color:#666666;
    font-size:12px;
}

.pro-dec .ifo.ifo-time{
    width: 150px;
}
.pro-list-bd{
    background:#FAFAFA;
    border: 1px solid #E4E4E4;
    padding: 15px 0 ;
}
.pd-box-ctrol.pd-show .pro-list-bd{
    display: block;
}
.pd-box-ctrol.pd-hide .pro-list-bd{
    display: none;
}
.pd-box-ctrol{
    margin-bottom:20px;
}
.pd-box-ctrol.pd-hide{
    border-bottom:1px solid #EBEBEB
}
.pd-box-ctrol:last-child{
    border-bottom:none;
    margin-bottom:0;
}
.pro-ct .pro-list{

    padding: 0 30px 20px 40px;
    position:relative;
}
.pro-ct .pro-list:before{
    display: inline-block;
    content: "";
    width:10px;
    height:10px;
    border: 3px solid #FF882A;
    background:#fff;
    border-radius: 50% 50%;
    position: absolute;
    top: 0;
    left: 14px;
    z-index: 2;

}
.pro-ct .pro-list:after{
    content: "";
    display: inline-block;
    background:#DADADA;
    width:1px;
    top:0;
    bottom:0;
    position: absolute;
    left:18px;
}
.pro-ct .pro-list .item-tit{
    font-weight: bold;
    font-size:12px;
    color:#666;
    position: relative;
    margin-bottom:8px;
}
.pro-ct .pro-list .item-text{
    font-size: 12px;
    color: #5A5A5A;
    padding-bottom: 20px;
    line-height: 2em;
}
.pro-list .item-tit .atch-bd{
    position: absolute;
    right:0;
    color:#9FACBA;
    cursor: pointer;
}
.icon-atch{
    width:14px;
    height:14px;
    background-image: url(./img/p3_2.png);
    vertical-align: top;
}
.pro-list .item-tit .atch-bd:hover .icon-atch{
    background-image: url(./img/p3_3.png);
}
.pro-list .item-tit .atch-bd:hover{
    color:#278AF2
}
.km-content{
    display: flex;
    position: relative;
}
.km-content .icon{
    width:16px;
    height:16px;
}
.km-left{
    width:260px;
    margin-right:20px;
}
.km-right{
    flex:1;
    overflow: hidden;
}
.km-bg{
    background: #F8F9FB;
}
.km-opt{
    padding: 20px 10px;
    margin-bottom:20px
}
.opt-icon-bd{
    display: flex;
    margin-bottom:20px;
}
.icon-plcl{
    background-image: url(./img/p4.png);
}
.icon-add{
    background-image: url(./img/p5.png);
}
.icon-filter{
    background-image: url(./img/p6.png);
}
.icon-search{
    background-image: url(./img/p7.png);
}
.icon-search:hover{
    background-image: url(./img/p7_1.png);
}
.opt-tt{
    width: calc( 33.33% - 7px);
    height:51px;
    text-align: center;
    font-size:12px;
    color:#278AF2;
    cursor: pointer;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #E1E1E1;
    padding: 8px 0 0 0;
}
.opt-tt:nth-child(2){
    margin:0 10px;
}
.opt-tt .tt{
    display: block;
    line-height: 23px;
}
.opt-tt:hover{

    background: #ECF5FF;
}
.opt-search-bd{
    display: flex;
    height: 35px;
    background: #FFFFFF;
    border-radius: 18px;
    border: 1px solid #EBEBEB;
    align-items: center;

}
.opt-search-bd .search{
    border: none;
    flex:1;
    height: 35px;
    line-height: 35px;
    background: transparent;
    padding:0 0 0 10px
}
.opt-search-bd .search-btn{
    width:30px;
    cursor: pointer;
    text-align: center;
}
.km-right-common{
    font-size:12px;
}
.km-right-common .c-title,
.edit-bd .c-title{
    height: 40px;
    background: #E8EBF2;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.km-right-common .c-title .all-select{

}
.km-right-common .c-title .all-select input{
    display: none;
}
.km-right-common .c-title .all-select label{
    color:#999;
    margin-bottom: 0;
}
.km-right-common .c-title .all-select input:checked + label{
    color:#278AF2
}
.icon-expand{
    background-image: url(./img/p8.png);
}
.icon-expand.on{
    background-image: url(./img/p8_1.png);
}
.km-right-common .c-title .more{
    color:#999999
}
.km-right-common .c-title .c-tt{
    flex: 1;
    text-align: center;
    color:#333333;
}
.c-ct-bd .list li{
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #EBEBEB;
    margin: 0 10px;
    color:#666666;
    position: relative;
    cursor: pointer;
}
.c-ct-bd .list li:last-child{
    border-bottom: none;
}
.c-ct-bd .list li .input-bd{
    width:15px;
    margin-right:5px;
    text-align: center;
}
.c-ct-bd .list li .item{
    flex: 1;
    overflow: hidden;
}
.c-ct-bd .list li .item p{
    overflow: hidden;
    text-overflow: ellipsis;
    height: 17px;
    white-space: nowrap;
}
.input-bd input{
    display: none;
}
.input-bd label{
    display: inline-block;
    background-image: url(./img/p9.png);
}
.input-bd input:checked+label{
    background-image: url(./img/p9_1.png);
}
.c-ct-bd .list li.on{
    color:#278AF2
}
.c-ct-bd .list {
    overflow: hidden;
    max-height:425px;
    min-height:170px;
}
.km-list-bd{
    width: calc( 25% - 7.5px);
    margin-right:10px;
    padding: 10px 0;
    float:left;
}
.km-list-bd:last-child{
    margin-right:0;

}
.km-right-title .tt{
    font-size:14px;
    color:#333333;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}
.icon-up{
    background-image: url(./img/p10.png);
}
.icon-up:hover{
    background-image: url(./img/p10_1.png);
}
.icon-down{
    background-image: url(./img/p11.png);
}
.icon-down:hover{
    background-image: url(./img/p11_1.png);
}
.icon-change{
    background-image: url(./img/p12.png);
}
.icon-change:hover{
    background-image: url(./img/p12_1.png);
}
.km-right-title{
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
}
.km-right-title .t-opt{
    text-align: center;
    display: none;
}
.km-right-title .t-opt .icon{
    width:20px;
    height:20px;
    margin:0 10px;
    cursor: pointer;
}
.km-list-bd .c-ct-bd .list{
    height:auto;

    margin:10px;
    min-height: 100px;
    max-height: none;

}
.km-list-bd .c-ct-bd .list li{
    border-radius: 6px;
    position: relative;
    background:#fff;
    margin:0 0 20px 0 ;
    padding: 20px 10px;
}
.km-list-bd .c-ct-bd .list li:before{
    display: block;
    content:"";
    width:4px;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    border-radius: 6px 0 0 6px;
    height:100%;
}
.km-list-bd .c-ct-bd .list li.statu-red:before{
    background:#FE4336
}
.km-list-bd .c-ct-bd .list li.statu-green:before{
    background:#509C00
}
.km-list-bd .c-ct-bd .list li.statu-blue:before{
    background:#009EFF
}
.km-list-bd .c-ct-bd .list li.statu-gray:before{
    background:#999
}
.km-list-bd .c-ct-bd .list li .item p {
    font-weight: bold;
    color:#333
}
.c-ct-bd .list li .time{
    position:relative;
    height: 18px;
}
.c-ct-bd .list li .time .icon{
    position: absolute;
    width:14px;
    height:14px;
    right:10px;
    top:0;
    display: none;
}
.icon-opt{
    background-image: url("./img/p13.png");
}
.km-list-bd .c-ct-bd .list li .time .icon{
    display: block;
}
.edit-bd{
    border: 1px solid #E1E1E1;
    margin-bottom: 20px;
    font-size:12px;
}
.km-right-option{
    display: flex;
    margin-bottom:15px;
}
.btn-km{
    line-height: 30px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #E1E1E1;
    font-size:12px;
    min-width: 50px;
    text-align: center;
    color:#278AF2;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    position: relative;
}
.km-right-option .opt-bd{
    text-align: right;
    flex: 1;
}
.km-right-option .opt-bd .btn-km{
    margin:0 5px;
}
.edit-bd .tit{
    padding:12px 20px;
    display: flex;
    align-items: center;
    font-size:12px;
    margin-bottom:10px;
}
.edit-bd .tit .tt{
    height:30px;
    width:200px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom:0;
    margin-right:10px;
    -webkit-user-modify: read-write-plaintext-only;
    -moz-user-modify: read-write-plaintext-only;
    user-modify: read-write-plaintext-only;


}
.edit-bd .tit .tt.title-box {
    background-color: #efefef;
}
.edit-bd .tit .tt-opt{
    display: inline-block;
    width:20px;
    text-align: left;
    color:#666;
    font-size:18px;
    cursor: pointer;
}
.complete{
    font-weight: bold;
    height:30px;
    text-overflow: ellipsis;
    word-spacing: normal;
    word-break:  keep-all;
    overflow: hidden;
    line-height: 30px;

    -webkit-user-modify: read-only!important;
    -moz-user-modify: read-only!important;
    user-modify: read-only!important;
}
.edit-bd .tit .remarks-bd{
    color:#278AF2;
    width: 200px;
    overflow: hidden;
    -webkit-user-modify: read-write-plaintext-only;
    -moz-user-modify: read-write-plaintext-only;
    user-modify: read-write-plaintext-only;

    line-height: 30px;
    height: 30px;
}
.edit-bd .tit .remarks-bd.remarks-box{
    background-color: #efefef;
}
.edit-bd .tit .remarks-bd.complete{
    font-weight: normal;
}
.edit-bd .tit .right-info{
    flex:1;
    text-align: right;
    color: #999999;
}
.edit-bd .tit .right-info span{
    margin-left:10px
}

.icon-full{
    background-image: url("./img/p14.png");
}
.icon-save{
    background-image: url("./img/p18.png");
}
.edit-bd .c-title{
    color:#999
}
.edit-bd .c-title .edit-add{
    color:#278AF2;
    cursor: pointer;
}
.edit-btn-list .edit-atch-btn,.edit-btn-list .edit-full-btn{
    margin-right:10px;
    cursor: pointer;
}
iframe{
    border:none;
}
.edit-list{
    font-size: 12px;
    color:#666;
    padding:0 20px;
}
.edit-line{
    min-height: 30px;
    line-height: 30px;
    border:none;
    /*border-bottom:1px solid #efefef;*/
    background-color:#efefef;
    -webkit-user-modify: read-write;
    -moz-user-modify: read-write;
    user-modify: read-write;
    position: relative;
    width: calc( 100% - 80px);
    padding: 0 5px;

}
.edit-line-margin-bd{
    position: relative;
    margin-bottom:10px;
}
.edit-line-margin-bd ._attach{
    position: absolute;
    width:40px;
    right:0;
    height:30px;
    content:" ";
    background: url(./img/p3_2.png) no-repeat left center;
    cursor: pointer;
    background-size: 18px 18px;
    padding-left: 20px;
    top: 0;
}
.edit-line-margin-bd ._close{
    width: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #999;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 40px;
    top: 0;
    cursor: pointer;
}


.edit-line.edit-line-close{
    line-height: 30px;
    min-height: 30px;
    overflow:hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    word-spacing: normal;

    /*background-color:transparent;*/
    -webkit-user-modify: read-only;
    -moz-user-modify: read-only;
    user-modify: read-only;
}
.timeProp .modal-dialog{
    width: 300px;
}
.timeProp .modal-dialog .datetimepicker-inline{
    margin: 0 auto;
}
.pd_edit_menu{
    background: #fff;
    display: none;
    border:1px solid #efefef;
    position: absolute;
    left:0;
    z-index: 2;
}
.pd_edit_menu li{
    word-spacing: normal;
    border-bottom: 1px solid #efefef;
    position: relative;
    word-break: keep-all;
    line-height: 35px;
    padding: 0 10px;

}
.pd_edit_menu li:hover{
    color:#333;
}
.pd_edit_menu li:hover ul li{
    color: #278AF2;
}
.pd_edit_menu li ul li:hover{
    color:#333;
}
.pd_edit_menu li ul{
    position: absolute;
    border: 1px solid #efefef;
    right: -90px;
    top:0;
    display: none;
    width:90px;
    background: #fff;

}
.pd_edit_menu li:last-child{
    border:none;
}
/*附件样式*/
/*附件样式*/
.up_title {
    height: auto;
    line-height: 30px;
}
.attachment-link-icon {
    background: url(../../../common/custom/images/accessory.png) no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}
.attachment-url-icon {
    background: url(../../../common/custom/images/link.png) no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.fileinput-button {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.up_files ul {
    margin: 0;
    padding: 0;
}
.upload .up_files ul li img {
    float: left;
}
.up_files ul li .fileName{
    overflow: hidden;
    text-align: left;
}

.up_files ul li .fileName p {
    vertical-align: middle;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.up_files ul li .fileName p:last-child {
    color: #b1b1b1;
}
.up_files ul li .file-check {
    float: left;
    position: relative;
    top: 10px;
}
.up_files ul li img {
    float: left;
}
.upload .up_files ul li .fileName .up-f-tit{
    width: 45%!important;
    vertical-align: middle;
}
.upload .attachment-operation-group{
    vertical-align: middle;
}
/*拖拽效果*/
.km-list-bd .c-ct-bd .dragover{
    border:2px dashed #999;
}

.full-body .pd-bd{
    display: none;
}
.full-body .pd-bd:last-child{
    display: block;
}