.form-normalform-box {
    width:100%; 
    height:100%;
    .mint-header{
        background: #fff;
        color: #000;
        font-size: 18px;
        font-weight: bold;
        height: 44px;
        border-bottom: 1px solid #e5e5e5;
        z-index: 1002;
    }
    .formwrapper{
        width: 100%;
        height: 100%; 
        //padding-top:42px;
        box-sizing: border-box;
        //overflow:auto;
        background-color:#f7f7f7;
        //页面标题
        .mint-header{
            background: #fff;
            color: #000;
            font-size: 18px;
            font-weight: bold;
            height: 44px;
            border-bottom: 1px solid #e5e5e5;
            z-index: 1002;
        }
        //表单内容
        .mint-tab-container{
            height: 100%;
            .mint-tab-container-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 100%;
            }
            //单据内容-表单布局
            .formTable{
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                overflow: auto;
                //padding-bottom: 27px;
                background: #f7f7f7;
                position: relative;
                .formTable_signs {
                    width:1px;
                    height:1px;
                    background: #fff;
                    z-index: 100;
                    position: absolute;
                    top:50px;

                }
                .form-template{
                    height: 100%;
                    overflow: auto;
                    background: #fff;
                }
                .image-upload,
                .file-upload,
                .radio-vertical,
                .radio-horizontal,
                .select_about-vertical,
                .photos-online,
                .textarea-cell,
                .qrcode,.html,
                .flow-history{
                    width: 100%;
                    font-size: 14px;
                    .titleName{
                        padding: 8px 0 8px 10px;
                    }
                }
                .textarea-cell{
                    .mint-cell-wrapper{
                        .mint-field-core{
                            text-align: left;
                            height: 98%;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            border-radius: 0;
                            border: 0;
                            -webkit-box-flex: 1;
                            -ms-flex: 1;
                            flex: 1;
                            outline: 0;
                            line-height: 1.6;
                            font-size: inherit;
                            width: 100%;
                        }
                        .mint-field.is-textarea .mint-cell-value {
                            padding: 5px 0;
                            height: 98%;
                            -webkit-box-flex: 1;
                            -ms-flex: 1;
                            flex: 1;
                            color: inherit;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                        }
                        .mint-cell-value {
                            color: #888;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            height: 100%;
                            align-items: center;
                        }
    
                    }
                }
                //多行文本框
                .textareaWrap {
                    width:100%;
                    border-bottom: 1px solid #eee;
                }
                //多行文本框校验
                .textareaCheck {
                    border:1px solid #f2766e;
                    margin:3px 10px 15px 10px;
                    width: 95%;
                    border-radius: 3px;
                    box-sizing: border-box;
                    position: relative;
                    .tips {
                        text-align: right;
                        font-size: 12px;
                        position: absolute;
                        right:0;
                        bottom:-17px;
                        color: #f2766e;
                    }
                }
                //单行文本框 
                .check-content {
                    position: relative;
                    width:100%;
                    .textCheck {
                        border:1px solid #f2766e;
                        margin:3px 10px 15px 10px;
                        width: 100%;
                        border-radius: 3px;
                    }
                    .tips {
                        font-size:12px;
                        color:#f2766e;
                        position: absolute;
                        right:10px;
                        bottom:0;
                    }
                }
                
                
                //下拉选择布局
                .select,
                .datePicker-select{
                    .mint-cell-wrapper{
                        .mint-cell-allow-right::after{
                            right: 12px;
                        }
                        .mint-cell-title{
                            width: 105px;
                        }
                        .mint-cell-value.is-link{
                            margin-right: 14px;
                        }
                        .mint-cell-value {
                            color: #000;
                        }
                        
                    }
                }
                
                // 计算脚本
                .component-o-calctext{
                    box-sizing: border-box;
                    padding-bottom: 5px;
                    padding-left: 10px;
                    padding-right: 10px;
                    padding-top: 5px;
                    min-height: 48px;
                    border-bottom: 1px solid #f7f7f7;
                    background: #fff;
                    // line-height: 48px;
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                    overflow: hidden;
                    box-sizing: border-box;
                    .titleName{
                        width: 105px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    .content{
                        width: 100%;
                        //text-align: right;
                        margin-right: 10px;
                        // overflow: hidden;
                        text-overflow: ellipsis;
                        overflow: auto;
                        // white-space: nowrap;
                        .calctext-con {
                            border:1px solid red;
                            display: inline-block;
                            width:100%;
                            height:400px;
                            overflow: hidden;
                            overflow: auto;
                            //overflow-y: auto;
                        }
    
                        //通用word控件嵌入时
                        .wrap-embed {
                            width:100%;
                            display: flex;
                            flex-direction: column;
                            //border-bottom: 1px solid #E5E5E5;
                            overflow: hidden;
                            .wrap-left{
                                width: 100%;
                                height: 48px;
                                padding-left: 10px;
                                box-sizing: border-box;
                                line-height: 48px;
                                overflow:hidden;
                                text-overflow:ellipsis;
                                white-space:nowrap;
                            }
                            .arrow {
                                width: 100%;
                                height: 60px;
                                display: flex;
                                line-height: 60px;
                                border-top: 1px solid #D9D9D9;
                                align-items: center;
                                background: #ffffff;
                                position: relative;
                                span{
                                    position: absolute;
                                    margin: 0 15%;
                                    left: 32%;
                                }
                                div{
                                    width:24%;
                                    height: 38px;
                                    background-color: #EBEBEB;
                                    border-radius:4px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                }
                                .previous{
                                    position: absolute;
                                    left: 10px;
                                    top: 10px;
                                }
                                .previous_disabled{
                                    position: absolute;
                                    left: 10px;
                                    top: 10px;
                                    background: #FAFAFA;
                                }
                                .next{
                                    position: absolute;
                                    right: 10px;
                                    top: 10px;
                                }
                                .next_disabled{
                                    position: absolute;
                                    right: 10px;
                                    top: 10px;
                                    background: #FAFAFA;
                                }
                                .next,.previous:active{
                                    background: #E5E5E5;
                                }
                                
                            }
                            .pdf-con {
                                width: 100%;
                                height: 503px;
                                overflow-x:auto;
                                padding: 0 10px 10px 10px;
                                box-sizing: border-box;
                            }
                        }
                    }
                }
    
                //流程历史控件
                .flow-history{
                    .titleName{
                        background: #f7f7f7;
                    }
                }
                
                .view-li {
                    width:100%;
                    padding: 1px 10px 1px 10px;
                    box-sizing: border-box;
                    .view-li-first {
                        margin-top: 5px;
                    }
                    .view-li-container {
                        display: flex;
                        flex-direction: row;
                        padding: 10px 0 10px 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                        align-items: center;
                        background: #fff;
                        border-radius: 3px;
                        .view-li-right{
                            color: #000;
                            // margin-left: 10px;
                        }
                        .view-li-left{
                            margin: 0 10px 0 10px;
                            .view-li-leftLabel {
                                vertical-align: middle;
                                float: left;
                            }
                            .mint-checklist-label {
                                padding: 0;
                            }
                        }
                    }
                    
                }
                //通用word控件
                .wrap {
                    height:48px;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                    margin-left: 10px;
                    border-bottom: 1px solid #E5E5E5;
                    font-size: 14px;
                    .wrap-left{
                        width: 100px;
                        overflow:hidden;
                        text-overflow:ellipsis;
                        white-space:nowrap;
                    }
                    .wrap-right {
                        margin-right:10px;
                        height: 26px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        // position: absolute;
                        right: 0;
                        img{
                            width: 22px;
                            height: 24px;
                        }
                    }
                }
                //通用word控件嵌入时
                .wrap-embed {
                    width:100%;
                    display: flex;
                    flex-direction: column;
                    border-bottom: 1px solid #E5E5E5;
                    .wrap-left{
                        width: 100%;
                        height: 48px;
                        padding-left: 10px;
                        box-sizing: border-box;
                        line-height: 48px;
                        overflow:hidden;
                        text-overflow:ellipsis;
                        white-space:nowrap;
                    }
                    .arrow {
                        width: 100%;
                        height: 60px;
                        display: flex;
                        line-height: 60px;
                        border-top: 1px solid #D9D9D9;
                        align-items: center;
                        background: #ffffff;
                        position: relative;
                        span{
                            position: absolute;
                            margin: 0 15%;
                            left: 32%;
                        }
                        div{
                            width:24%;
                            height: 38px;
                            background-color: #EBEBEB;
                            border-radius:4px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        .previous{
                            position: absolute;
                            left: 10px;
                            top: 10px;
                        }
                        .previous_disabled{
                            position: absolute;
                            left: 10px;
                            top: 10px;
                            background: #FAFAFA;
                        }
                        .next{
                            position: absolute;
                            right: 10px;
                            top: 10px;
                        }
                        .next_disabled{
                            position: absolute;
                            right: 10px;
                            top: 10px;
                            background: #FAFAFA;
                        }
                        .next,.previous:active{
                            background: #E5E5E5;
                        }
                        
                    }
                    .pdf-con {
                        width: 100%;
                        height: 503px;
                        overflow-x:auto;
                        padding: 0 10px 10px 10px;
                        box-sizing: border-box;
                    }
                }
    
                .btn{
                    margin: 8px 10px 8px 10px;
                    padding: 0 31px;
                    height: 38px;
                }
                // 树形部门选择框
                .user-select,.tree-dept-select{
                    .tree-wrap {
                        width:100%;
                        .tree-vertical {
                            width: 100%;
                            min-height: 48px;
                            padding: 0 10px;
                            box-sizing: border-box;
                            border-bottom: 1px solid #eee;
                            .select {
                                width:100%;
                                height:48px;
                                line-height: 48px;
                                display: -webkit-flex;
                                display: flex;
                                justify-content: space-between;
                                font-size: 14px;
                                i {
                                    margin-left:4px;
                                    color: #c8c8cd;
                                    
                                }
                            }
                            .select-data {
                                font-size: 14px;
                                margin-bottom: 12px;
                                word-wrap: break-word; 
                                word-break: normal;
                                line-height: 20px;
                            }
                        }
                    }
                    .user-select-dialog,.dept-tree{
                        .title {
                            width:100%;
                            height:40px;
                            line-height: 40px;
                            padding:0 10px;
                            font-size:16px;
                            color:#000000;
                            border-bottom:1px solid #efeffa; 
                        }
                        .search {
                            width:100%;
                            height:48px;
                            border-bottom:1px solid #efeffa; 
                            display: flex;
                            flex-direction: row;
                            justify-content: center;
                            align-items: center;
                            .search-block {
                              width:90%;
                              height:34px;
                              position: relative;
                              .local {
                                position: absolute;
                                left:10px;
                                top:50%;
                                margin-top:-8px;
                                color:#D9D9D9;
                        
                              }
                              .form_search {
                                width:100%;
                                -webkit-appearance:none;
                                -moz-appearance: none;
                                font-size:14px;
                                height:34px;
                                border-radius:4px;
                                border:1px solid rgba(255,255,255,1);
                                color:#6a6f77;
                                outline:0;
                                background:rgba(250,250,250,1);
                                padding-left:36px;
                                padding-right:10px;
                              }
                              .form_search::-webkit-input-placeholder {
                                color: #D9D9D9;
                              }
                              .form_search::placeholder {
                                color: #D9D9D9;
                              }
                              .form_search::-moz-placeholder{  //火狐的placeholder的颜色是粉红色，怎么改都不行
                                color: #D9D9D9;      
                              }
                              .form_search:-ms-input-placeholder{ 
                                color: #D9D9D9;      
                              }
                            }
                            
                        
                            //mintiui搜索框的样式
                            .mint-searchbar {
                              position: relative;
                              -webkit-box-align: center;
                              -ms-flex-align: center;
                              align-items: center;
                              background-color:#ffffff;
                              -webkit-box-sizing: border-box;
                              box-sizing: border-box;
                              display: -webkit-box;
                              display: -ms-flexbox;
                              display: flex;
                              padding: 5px 10px;
                              z-index: 1;
                              .mint-searchbar-inner {
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                background-color: #fafafa;
                                border-radius: 2px;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-flex: 1;
                                -ms-flex: 1;
                                flex: 1;
                                height: 28px;
                                padding: 4px 6px;
                                
                              }
                            }
                        }
                        .position-box {
                            position: fixed;
                            top: 90px;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }
                        .list-wrap {
                            width:100%;
                            //overflow-y:scroll; 
                            height: calc(100% - 90px);
                            min-height: 300px;
                            padding-left:10px;
                            .user-list {
                                width:98%;
                                height:54px;
                                overflow: hidden;
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                border-bottom:1px solid #efeffa;
                                .list-check{
                                  .mint-checklist-label{
                                      padding-left: 0;
                                  }
                                }
                                .photo {
                                    width:32px;
                                    height:32px;
                                    overflow: hidden;
                                    border-radius: 50%;
                                    img{
                                        width:100%;
                                        height:100%;
                                        border-radius: 50%;
                                    }
                                }
                                .list-info {
                                        font-size:14px;
                                        margin-left:8px;
                                        width:77%;
                                        display: flex;
                                        flex-direction: row;
                                        justify-content: space-between;
                                    span:nth-child(1) {
                                        display:inline-block;
                                        width:70%;
                                        overflow: hidden;
                                        white-space:nowrap;
                                        text-overflow: ellipsis;
                                    }
                                    span:nth-child(2) {
                                        display:inline-block;
                                        width:30%;
                                        overflow: hidden;
                                        white-space:nowrap;
                                        text-overflow: ellipsis;
                                        padding-left:10px;
                                        padding-right:8px;
                                        text-align: right;
                                        font-size: 12px;
                                        color:#888;
                                    }
                                }
                              
                            }
                            
                        }
                        .user_list{
                            height:calc(100% - 150px);
                            overflow:auto;
                        }
                        .dept-tree-select{
                            padding-left: 10px;
                            .icon {
                                display:flex;
                                flex-direction: row;
                                align-items: center;
                                color:#26a2ff;
                                height: 54px;
                                font-size:32px; 
                                .dept-name {
                                    font-size:14px;
                                    color:#000000;
                                    margin-left:10px;
                                    overflow: hidden;
                                    white-space:nowrap;
                                    text-overflow: ellipsis;
                                }
                            }
                            .user-box {
                                display: inline-block;
                                width: 100%;
                                max-height: calc(100% - 205px);
                                position: relative;
                                overflow:scroll;
                                -webkit-overflow-scrolling: touch;
                                .user-list {
                                    width:100%;
                                    height: 32px;
                                    display: flex;
                                    flex-direction: row;
                                    border-bottom:1px solid #f7f7f7;
                                    padding:10px 10px 10px 0;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    margin-left: 10px;
                                    line-height: 28px;
                                    .photo {
                                        display: inline-block;
                                        width:32px;
                                        height:32px;
                                        overflow: hidden;
                                        border-radius: 50%;
                                        margin-right:10px;
                                        img {
                                            width:100%;
                                            height:100%;
                                        }
                                    }
                                    .name {
                                        width:74%;
                                        overflow: hidden;
                                        white-space: nowrap;
                                        text-overflow: ellipsis;
                                    }
                                }
                            }
                            .tree-height{
                                height: 54px;
                                line-height: 54px;
                                display:inline-block;
                                .more {
                                    display:inline-block;
                                    width:20px; 
                                    height:20px;
                                    line-height:20px;
                                    border-radius: 2px;
                                    text-align:center;
                                    color:#888888;
                                    font-size:12px;
                                    background:#f4f6f6;
                                }
                                .box{
                                    margin-left: 20px;
                                }
                            }
                            .tree-name {
                                width:32px;
                                height: 54px;
                                line-height: 54px;
                                display:inline-block;
                                border:1px solid red;
                            }
                            .mint-checklist-label{
                            padding: 0 6px 0 0;
                            float: left;
                            }
                            .icon-open{
                            width: 20px;
                            right: 0;
                            float: right;
                            position: relative;
                            }
                        }
                        
                        .selected-user {
                            width:100%;
                            height:100%;
                            position: relative;
                            .title {
                                width:95%;
                                height:40px;
                                line-height: 40px;
                                padding:0 10px;
                                font-size:16px;
                                color:#000000;
                                border-bottom:1px solid #efeffa; 
                                display: flex;
                                flex-direction: row;
                                justify-content: space-between;
                                .reset {
                                    color: #26a2ff;
                                }
                            }
                            .list-wrap {
                                width:100%;
                                height: 300px;
                                overflow-y:scroll; 
                                padding:10px;
                                .tabs {
                                    display: flex;
                                    flex-direction: row;
                                    flex-wrap:wrap;
                                    width:100%;
                                    .tab {
                                        margin-right: 10px;
                                        margin-bottom: 10px;
                                        min-width: 50px;
                                        padding:7px 10px;
                                        background: #fafafa;
                                        display: flex;
                                        flex-direction: row;
                                        align-items: center;
                                        justify-content: space-between;
                                        font-size: 12px;
                                        color:#26A2FF;
                                        border-radius: 5px;
                                        .user-name {
                                            display:block;
                                            max-width: 200px;
                                            overflow: hidden;
                                            white-space: nowrap;
                                            text-overflow:ellipsis;
                                        }
                                        img {
                                            margin-left: 6px;
                                            width:12px;
                                            height:12px;
                                        }
                                    }
                                }
                              
                            }
                            .bottom-btns-user {
                                position: absolute;
                                bottom:0;
                                width:95%;
                                padding:0 10px;
                                height:60px;
                                border-top:1px solid #efeffa;
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                color: #26a2ff;
                                .btn {
                                    margin-right:10px;
                                }
                                .mint-button--small {
                                    display: inline-block;
                                    font-size: 14px;
                                    padding: 0 31px;
                                    height: 38px;
                                }
                            }
                        }
                    }
                    .select-con {
                        width:200px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        // text-align: right; //注释，统一居左 bcx
                    }
                    //用户选择框列表
                    .user-wrap {
                        width:100%;
                        height:350px;
                        touch-action: none;
                        overflow:scroll;
                        -webkit-overflow-scrolling: touch;
                        .user-list {
                            width:100%;
                            height: 32px;
                            display: flex;
                            flex-direction: row;
                            border-bottom:1px solid #f7f7f7;
                            padding:10px 10px 10px 0;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            margin-left: 10px;
                            line-height: 28px;
                            .list-check{
                                .mint-checklist-label{
                                    padding-left: 0;
                                }
                        }
                        .list-info {
                            width:90%;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            line-height: 32px;
                        }
                        overflow-y:auto;
                        }
                    }
                    .dialog-btn{
                        position: absolute;
                        bottom:0;
                        left:0;
                        background: white;
                        width: 95%;
                        height:60px;
                        display: flex;
                        padding:0 10px;
                        align-items: center;;
                        justify-content: space-between;
                        border-top:1px solid #fafafa;
                        .num {
                            color:#26a2ff;
                            font-size:16px;
                        }
                        .comm-btn {
                            margin-right: 10px;
                        }
                        .mint-button--small {
                            display: inline-block;
                            font-size: 14px;
                            padding: 0 31px;
                            height: 38px;
                        }
                    }
                }
                // 二维码
                .qrcode{
                    margin-bottom: 30px;
                    border-top: 1px solid #f7f7f7;
                    img{
                        padding:10px 0 0 10px;
                    }
                    .qrcode-wrap {
                        width: 100%;
                        display: -webkit-flex;
                        display: flex;
                        justify-content: center;
                    }
                }
                //HTML编辑器
                .html{
                    .titleName{
                        background: #FAFAFA;
                    }
                    .vue-html5-editor {
                        font-size: 14px;
                        line-height: 1.5;
                        background-color: #fff;
                        color: #333;
                        border: 1px solid #ddd;
                        text-align: left;
                        border-radius: 0px;
                        overflow: hidden;
                    }
                }
                //包含元素
                .include-viewBtn{
                    width: 100%;
                    margin-bottom: 10px;
                    background: #eee;
                    font-size: 14px;
                    .btn-con {
                        width:100%;
                        height:40px;
                        display: -webkit-flex;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        .rg {
                            .rg-lf {
                                margin-right: 10px;
                                font-size: 12px;
                            }
                            .rg-rg {
                                font-size: 17px;
                                color: #5e5e5e;
                            }
                        }
                    }
                }
                // 调查控件
                .survey-control{
                    .survey-title {
                        box-sizing: border-box;
                        padding: 10px 10px 0 10px;
                    }
                    .text-hidden {
                        width: 100%;
                        height: 60px;
                        padding: 10px 0 0 10px;
                    }
                }

                .kms-control {
                    width: 100%;
                    display: inline-block;
                    border-bottom: 1px solid #f7f7f7;
                    font-size: 14px;
                    .file-kms-wrap {
                        width: 100%;
                        .titleName {
                            width: 100%;
                            padding: 8px 0 8px 10px;
                            box-sizing: border-box;
                        }
                        .file-list {
                            width: 100%;
                            padding-left: 10px;
                            padding-right: 10px;
                            box-sizing: border-box;
                            .list {
                                width: 100%;
                                .no-edit {
                                    display: -webkit-flex;
                                    display: flex;
                                    justify-content: space-between;
                                    height: 25px;
                                    .list-right {
                                        .icon-down {
                                            display: inline-block;
                                            width: 25px;
                                            height: 25px;
                                        }
                                        .icon-del {
                                            display: inline-block;
                                            width: 25px;
                                            height: 25px;
                                        }
                                        .icon-edit {
                                            width: 25px;
                                            height: 25px;
                                            display: inline-block;
                                        }
                                    }
                                }
                            }
                        }
                        .kms-wrap {
                            width: 100%;
                            padding: 8px 10px 8px 10px;
                            box-sizing: border-box;
                        }
                    }
                    .kms-data-wrap {
                        border: 1px solid red;
                    }

                }
                // 视图选择框
                .view-dialog{
                    .view-dialog-btn{
                        font-size: 14px;
                        color: #000;
                        height: 48px;
                        border-bottom: 1px solid #eee;
                    }
                    .view-model {
                        width:100%;
                        height:100%;
                        background: rgba(0, 0, 0, 0.5); 
                    }
                    .bottom-btn {
                        height:48px;
                        display:flex;
                        flex-direction:row;
                        justify-content:space-between;
                        .btn-left {
                            display:flex;
                            flex-direction:row;
                            align-items:center;
                            font-size:14px; 
                            .selected {
                                color:#26A2FF;
                                margin-left:10px;
                            }
                        }
                    }
                }
                //popup组件打开视图时，覆盖view的100%
                .mint-popup{
                    .viewCon{
                        .position-box{
                            height: 80%;
                        }
                    }
                }
                //加签列表
                .add-list {
                    border: 1px solid red;
                    width:100%;
                    height:80%;
                    .top-title {
                        width:100%;
                        height:40px;
                        line-height: 40px;
                        padding:0 10px;
                        font-size:16px;
                        color:#000000;
                        border-bottom:1px solid #ccc; 
                    }
                    .list-wrap {
                        width:100%;
                        height:420px;
                        margin-top:40px;
                        background: #fafafa;
                        overflow-y: scroll;
                        position: relative;
                        .title {
                            position: fixed;
                            top:40px;
                            left:0;
                            width:95%;
                            height:30px;
                            line-height: 30px;
                            background: #fafafa;
                            padding:0 10px;
                            display: flex;
                            flex-direction: row;
                            &>span {
                                display:inline-block;
                                width:50%;
                                padding-left:15px;
                                font-size: 14px;
                            }
                        }
                        .list {
                            margin:0 auto;
                            margin-bottom: 10px;
                            width:95%;
                            height:50px;
                            line-height: 50px;
                            display: flex;
                            flex-direction: row;
                            background: white;
                            border-radius: 5px;
                            &>span {
                                width:50%;
                                padding-left:15px;
                                font-size: 14px;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                &>span {
                                    display: inline-block;
                                    width:30%;
                                    height:16px;
                                    &>img {
                                        width:16px;
                                        height:100%;
                                    }
                                }
                            }
                        }
                    }
                }
                //加签-用户选择框
                .flow-userwrap {
                    width:100%;
                    height:100%;
                    .title {
                        width:100%;
                        height:40px;
                        line-height: 40px;
                        padding:0 10px;
                        font-size:16px;
                        color:#000000;
                        border-bottom:1px solid #ccc; 
                    }
                    .search {
                        width:100%;
                        height:48px;
                        border-bottom:1px solid #ccc; 
                        .mint-searchbar {
                            position: relative;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            background-color:#ffffff;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            padding: 5px 10px;
                            z-index: 1;
                            .mint-searchbar-inner {
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                background-color: #fafafa;
                                border-radius: 2px;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-flex: 1;
                                -ms-flex: 1;
                                flex: 1;
                                height: 28px;
                                padding: 4px 6px;
                                
                                }
                            }
                        }
                        .list-wrap {
                            width:100%;
                            height: 400px;
                            overflow-y:scroll; 
                            padding-left:10px;
                        .user-list {
                            width:98%;
                            height:54px;
                            overflow: hidden;
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            border-bottom:1px solid #ccc;
                            .list-check{
                                .mint-checklist-label{
                                    padding-left: 0;
                                }
                            }
                            .photo {
                                width:32px;
                                height:32px;
                                overflow: hidden;
                                border-radius: 50%;
                            img{
                                width:100%;
                                height:100%;
                                border-radius: 50%;
                            }
                            }
                            .list-info {
                                font-size:14px;
                                margin-left:8px;
                                width:77%;
                                overflow: hidden;
                                white-space:nowrap;
                                text-overflow: ellipsis;
                            }
                        }
                    }
                    .bottom-btns {
                        width:100%;
                        height:52px;
                        border-top:1px solid #ccc;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        .selected{
                            color: #26A2FF;
                            font-size: 16px;
                            margin-left: 8px;
                        }
                        .btn {
                            margin-right:10px;
                        }
                    }
                } 
    
                //子流程-并行流程
                .subflow-wrap {
                    width:100%;
                    height:100%;
                    .title {
                        width:100%;
                        height:40px;
                        padding:0 10px;
                        box-sizing: border-box;
                        font-size:16px;
                        color:#000000;
                        border-bottom:1px solid #efeffa; 
                        display: -webkit-flex;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-between;
                        .tit-right {
                            display: -webkit-flex;
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            .icon {
                                margin-right:10px;
                                color:#D9D9D9;
                                position: relative;
                                .prompt {
                                    position: absolute;
                                    color:white;
                                    left: -140px;
                                    top:30px;
                                    width:285px;
                                    height:37px;
                                    font-size: 14px;
                                    line-height: 37px;
                                    text-align: center;
                                    border-radius: 3px;
                                    background:rgba(17,17,17,0.9);
                                }
                                .prompt::before {
                                    border: solid transparent;
                                    content: ' ';
                                    height: 0;
                                    z-index: 100;
                                    top: -16px;
                                    left: 139px;
                                    position: absolute;
                                    width: 0;
                                    border-width: 8px;
                                    // border-bottom-color: white;
                                    border-color:transparent transparent rgba(17,17,17,0.9) transparent 
                                  }
                            }
                            .add {
                                height:32px;
                                width:120px;
                                display: -webkit-flex;
                                display: flex;
                                flex-direction: row;
                                justify-content:center;
                                align-items: center;
                                background: #26A2FF;
                                color:white;
                                font-size: 14px;
                                border-radius: 4px;
                                .i {
                                    margin-right: 5px;
                                }
                            }
                        }
                    }
                    .list-wrap {
                        height: 450px;
                        width: 100%;
                        overflow: auto;
                        .list {
                            width:100%;
                            min-height:40px;
                            .flow {
                                height: 40px;
                                display: -webkit-flex;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                border-bottom: 1px solid #f7f7f7;
                                .name {
                                    margin-left: 10px;
                                    font-size: 16px;
                                }
                                .flow-right {
                                    display: -webkit-flex;
                                    display: flex;
                                    flex-direction: row;
                                    align-items: center;
                                    .icon-del {
                                        font-size: 16px;
                                        color: #D9D9D9; 
                                        margin-right: 20px;
                                    }
                                    .add-icon {
                                        width:24px;
                                        height:24px;
                                        border:1px dashed rgba(73,123,236,1);
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        margin-right: 10px;
                                        img {
                                            width:80%;
                                        }
                                    }
                                }
                                
                            }
                            .users {
                                width: 95%;
                                height:54px;
                                margin-left:5%;
                                box-sizing: border-box;
                                border-bottom:1px solid #f7f7f7;
                                display: -webkit-flex;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                .user-left {
                                    display: flex;
                                    flex-direction: row;
                                    align-items: center;
                                    .photo {
                                       width:32px;
                                       height: 32px; 
                                       border-radius: 50%;
                                       overflow: hidden;
                                       img {
                                            width:32px;
                                            height: 32px; 
                                       }
                                    }
                                    .user-name {
                                        font-size: 14px;
                                        margin-left: 10px;
                                    }
                                }
                                .del-icon {
                                    margin-right:10px;
                                    color:#888888;
                                }
                            }
                        }
                        .view-nodata {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            width: 100%;
                            font-size: 14px;
                            color: #666666;
                            .view-nodata-img,
                            .view-nodata-text {
                              display: flex;
                              justify-content: center;
                              i {
                                color: #d9d9d9;
                              }
                            }
                          }
                    }
                    .bottom-btns {
                        width:100%;
                        height:52px;
                        border-top:1px solid #efeffa;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        .selected{
                            color: #26A2FF;
                            font-size: 16px;
                            margin-left: 8px;
                        }
                        .btn {
                            margin-right:10px;
                            position: absolute;
                            right: 0;
                            bottom: -1px;
                        }
                    }  
                }
                //选项卡
                .tab{
                    background: #f7f7f7;
                    padding-bottom: 10px;
                    min-height: 10%;
                    width:100%;
                    // max-height: 100%; //选项卡外有计算脚本，如果选项卡太长，会遮挡住计算脚本
                    box-sizing: border-box;
                    .tab-content {
                        border-top:1px solid #eee;
                        background: #fff;
                        height:100%;
                        .page-tab-container {
                            height: 100%;
                        }
                        .tab-item {
                            height: 40px;
                            line-height: 40px;
                            background: #fafafa;
                            font-size: 14px;
                            padding-left: 10px;
                            border-bottom: 1px solid #f7f7f7;
                            .icon {
                                font-size: 16px;
                                margin-left: 15px;
                            }
                        }
                        .scrollbar {
                            width: 100%;
                            height: 45px;
                            display: flex;
                            overflow-x: auto;
                            white-space: nowrap;
                            flex-direction: row;
                            position: relative;
                            .list {
                                min-width: 100%;
                                display: flex;
                                flex-direction: row;
                                flex-wrap: nowrap;
                                border-bottom: 1px solid #f7f7f7;
                                & > li {
                                    height: 42px;
                                    span {
                                        display: inline-block;
                                        padding-left: 25px;
                                        padding-right: 25px;
                                        //min-width: 74px;
                                        line-height: 42px;
                                        text-align: center;
                                        height: 42px;
                                        font-size: 14px;
                                    }
                                }
                        
                                .active {
                                    color: #26a2ff;
                                    border-bottom: 2px solid #26a2ff;
                                }
                            }
                        }
                        .scrollbar::-webkit-scrollbar {
                            display: none;
                        }
                    }
                }
            }
            //审批信息
            .first-con{
                border-bottom: 10px solid #eee;
            }
            .dia-con-finsh {
                height: 100%;
            }
            .dia-con-progress {
                height: calc(100% - 86px);
            }
            .first-con,.dia-con{
                background-color: #fff;
                .process-status{
                    display: flex;
                    margin: 0 12px 0px 22px;
                    padding: 12px 0px 2px;
                    .steps{
                        // position: absolute;
                        position: relative;
                        left: 0px;
                        .img{
                            width: 20px;
                            height: 20px;
                            color: #fff;
                            background: #FF9800;
                            border-radius: 10px;
                            text-align: center;
                            line-height: 12px;
                            position: absolute;
                        }
                    }
                    .content{
                        font-size: 14px;
                        margin-left: 10px;
                        border-left: 1px solid #e5e5e5;
                        padding: 0px 0px 12px 20px; 
                        white-space: nowrap;
                        .stateLabel{
                            display: inline-block;
                            overflow: hidden;
                            margin-top: 8px;
                        }
                        .nodesName{
                            display: inline-block;
                            margin-left: 12px;
                            width: 200px;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            white-space: nowrap;
                            margin-top: 8px;
                            color: #888888;
                        }
                    }
                }
                .list-con{
                    padding-bottom: 50px;
                    .process-history{
                        display: flex;
                        margin: 0 12px;
                        position: relative;
                        padding-bottom: 12px;
                        .item-tail{
                            position: absolute;
                            left: 20px;
                            top: -95px;
                            height: 100%;
                            width: 1px;
                            border-left: 1px solid #108ee9;
                        }
                        .item-tail-end {
                            position: absolute;
                            left: 20px;
                            top: 50px;
                            height: 100%;
                            width: 1px;
                            border-left: 1px solid #108ee9;
                        }
                        .noAvatar{
                            position: relative;
                            width: 40px;
                            margin-right: 10px;
                            .user-img{
                                position: relative;
                                height: 40px;
                                width: 40px;
                                line-height: 40px;
                                background: #2196F3;
                                margin-top: 16px;
                                text-align: center;
                                border-radius: 20px;
                                font-size: 14px;
                                z-index: 1;
                                .node-img{
                                    position: absolute;
                                    top: 12px;
                                    right: -4px;
                                }
                                .avatar {
                                    height: 40px;
                                    width: 40px;
                                    border-radius: 50%;
                                }
                            }
                            .user-img-end {
                               background: white; 
                               .icon-sise {
                                   font-size: 45px;
                                   color:#FA625F;
                               }
                            }
                            .line {
                                position: absolute;
                                left: 20px;
                                width:1px;
                                height:100%;
                                background: #108ee9;
                            }
    
                        }
                        .content{
                            width: 100%;
                            font-size: 12px;
                            .item{
                                height: 22px;
                                padding-top: 16px;
                                .auditorName{
                                    font-size: 14px;
                                }
                                .time{
                                    color: #999999;
                                }
                                .float-right{
                                    float: right;
                                }
                            }
                            .attitude{
                                height: 22px;
                                color: #999999;
                                padding-top: 4px;
                            }
                        }
                    }
                }
            }
        }
    }
}