YangPuBaoMing/WebRoot/html/pages/projectManagement/projectOperate/projectOperate.css

.ItemTitle {
    display: flex;
    align-items: center;
}

.titleText {
    margin-left: 10px;
    font-weight: bolder;
}

.ItemContent {
    margin: 15px 0;
    border-bottom: 1px dashed #DEDEDE;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stepPass {
    border: 1px solid #13ab62;
    color: #13ab62;
}

.stepBack {
    border: 1px solid #f2a626;
    color: #f2a626;
}

.stepProcess {
    color: #fff;
    background-color: #3963bc;
    width: 22px;
    height: 22px;
    font-size: 12px;
}

.stepWait {
    background-color: #fff;
    color: #c4c9d2;
    border: 1px solid #c4c9d2;
    font-size: 12px;
}

.stepFinish {
    border: 1px solid #3963bc;
    color: #3963bc;
}

.stepCancel {
    border: 1px solid #f33f3f;
    color: #f33f3f;
}

.operationTitle {
    font-size: 12px;
    color: #4261B5;
    /* margin: 20rpx 0; */
    font-weight: bolder;
}

.fileItems {
    width: 600rpx;
}

.fileItem {
    height: 44px;
    width: 285px;
    background: #DEE5F7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 5px 5px 0;
}

.fileLeft {
    display: flex;
    align-items: center;
}

.fileInfo {
    display: flex;
    flex-direction: column;
    width: 210px;
}

.fileName {
    color: #000;
    font-size: 12px;
    margin-top: 5px;
}

.fileSize {
    color: #9798B1;
    font-size: 12px;
}

.statusTxt {
    /* height: 30px; */
    width: 450px;
    background: #DEE5F7;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.project-source {
    padding: 2px 6px;
    color: #fff;
    margin-left: 5px;
    border-radius: 20px;
    font-size: 12px;
}

.project-source-xj {
    background: #47DE99;
}

.project-source-xb {
    background: #F59A23;
}


.setpList {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    /* margin-bottom: 30px; */
    margin: 20px 0 50px 0;
}

.xmjd {
    /* width: 70px;
    height: 60px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.xmjdNone {
    /* width: 70px;
    height: 60px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
}

.xmjdIcon {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}

.xmjdText {
    height: 20px;
    margin: 3px 0 5px 0;
}


.xmjdshadow {
    width: 70px;
    height: 10px;
}

.xmjdshadowSelected {
    background: #D7E0F4;
    border-radius: 50% / 50%;
}

.xmjdLine {
    height: 1px;
    width: 160px;
    background: #2C6DCF;
    /* margin-top: -20px; */
    margin: -20px 30px 0 30px;
}

.di {
    position: fixed;    
    bottom: 0px;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e2e3e5;
    z-index: 999;
    background: #fff;    
}