/*公共样式*/
$elMainBG=#f0f3f4;
$FAQBacGray=#EAEAEA;
$ibacPrimary=#51B0FF;
$ibacSuccess=#b7e5a1;
$ibacYellow=#FEE188;
$ibacRed=#DC4F4A;
$ibacYellowBold=#ff9c00;
$ftColor=#333;
$bordColor=rgba(155, 155, 155, 1);
$pfFontSize='PingFang SC',
'Hiragino Sans GB',
Arial,
sans-serif;
$inputBorderColor=#9B9B9B;
$fs12=1.2rem;
$fs13=1.3rem;
$fs14=1.4rem;
$fs16=1.6rem;
$fs18=1.8rem;
i{
    font-size:$fs14;
}
.cell{
    font-size:$fs14;
}
.totalTitle{
    font-size:$fs14;
     border:1px solid rgba(186,231,255,1);
            background:rgba(230,247,255,1);
            border-radius:4px;
            height:32px;
            line-height:32px;
            margin-bottom:10px;
            padding-left:10px;
    i{
        padding:0 4px;
                color:#51B0FF;
    }
}

.el-dialog__title {
    font-size: $fs16;
}

body {
    font-family: $pfFontSize;
}
.cp{
    cursor: pointer;
}

//主内容背景色
.repairingMain {
    background: $elMainBG padding 10px;
}

.conversionInBl {
    display: inline-block;
}

.conversionBl {
    display: block;
}

.FAQBacGray {
    background-color: #EAEAEA;
}

.ibacPrimary {
    background-color: #51B0FF;
}

.ibacSuccess {
    background-color: #b7e5a1;
}

.ibacYellow {
    background-color: #FEE188;
}

.ibacRed {
    background-color: #DC4F4A;
}


.ibacYellowBold {
    background-color: #ff9c00;
}

.repairingMain {
    background-color: #f0f3f4;
}

.banyuebao {
    border: 2px solid $ibacPrimary;
    border-radius: 50%;
}
.waxGourd{
    background-color:#349e69;
}
.moonlight{
    background-color:#6b9ac9;
}

.flowers{
    background-color:#ccccff;
}
.blueViolet{
    background-color:#da70d6;
}
.cqred{
    background-color: red;
}

.banyuebaoed {
    border-radius: 50%;
    background: $ibacPrimary;
    color: #fff;
}

.jibao {
    border: 2px solid $ibacSuccess;
    border-radius: 50%;
}

.jibaoed {
    border-radius: 50%;
    background: $ibacSuccess;
    color: #fff;
}

.bannianbao {
    border: 2px solid $ibacYellowBold;
    border-radius: 50%;
}

.bannianbaoed{
    border-radius: 50%;
    background: $ibacYellowBold;
    color: #fff;
}

.nianbao {
    border: 2px solid $ibacRed;
    border-radius: 50%;
}
.nianbaoed{
    border-radius: 50%;
    background: $ibacRed;
    color: #fff;
}

.el-main {
    padding: 10px;
}
.marR10{
    margin-right:10px;
}
.marT10 {
    margin-top: 1rem;
}

.marT20 {
    margin-top: 2rem;
}

.paddingT10 {
    padding-top: 10px;
}

.MarB10 {
    margin-bottom: 10px;
}

.pagenation {
    text-align: center;
    padding: 2rem 0;

    .el-input__inner {
        line-height: auto;
        height: auto;
    }

    >span {
        text-align: center;
    }
}

// 按钮样式
.BtnBlue {
    color: #409eff;
    background-color: #ecf5ff;
    border: 1px solid #b3d8ff;
    cursor: pointer;
}

.BtnBlue:hover {
    color: #fff;
    background-color: #e1efff;
    border: 1px solid #a8d1ff;
}

.BtnPink {
    color: #FD726D;
    background-color: #FEF0F0;
    border: 1px solid rgb(243, 207, 207);
    cursor: pointer;
}

.BtnPink:hover {
    color: rgb(255, 156, 153);
    background-color: rgba(253, 229, 229, 0.945);
    border: 1px solid rgb(230, 197, 197);
    cursor: pointer;
}

// 状态样式
.GradeBgC {
    background-color: #FF9800;
    color: #fff;
    border-radius: 30px;
    padding: 4px 8px;
}

.IsAuthentication {
    color: #fff;
    border-radius: 30px;
    padding: 4px 8px;
    background-color: #8BC34A;
}

/*项目样式*/
.homeProject {
    .projectHeaderTittle {
        >span {
            display: inline-block;
            padding: 0.5rem 0;
            font-size: 1.6rem;
            font-family: $pfFontSize;
            color: #4EAFFF;
            border-bottom: 1px solid #4EAFFF;
        }
    }

    .projectHeaderButton {
        font-size: 1.4rem;
        font-family: $pfFontSize;
        padding: 2rem 0;

        color #8f8f8f>span {
            vertical-align: middle;
        }

        .iconfont {
            color: red;
            font-size: 1.6rem;
        }
    }

}

.el-aside {
    overflow: hidden;
}

.TableSelect {
    .el-row {
        .SelectBtn {
            height: 34px;
            padding: 1px 10px;

            >span {
                font-size: 13px;
                line-height: 30px;
                display: inline-block;
                width: 50px;
                text-align: center;
                border-radius: 6px;
            }

            >span:first-child {
                border: 1px solid #B7DEFF;
                background-color: #40A9FF;
                color: #fff;
            }

            >span:last-child {
                color: #333;
                background-color: #ebebeb;
                border-color: #adadad;
            }


        }
    }
}

// 维保管理
.MaintenancePlan {
    >.el-row {
        border-bottom: 1px solid #dfdfdf;

        .TableSelect {
            .BtnSpan {
                text-align: center;
                margin-bottom: 1rem;

                span {
                    display: inline-block;
                    padding: 0.8rem 0;
                    width: 80%;
                    border-radius: 5px;
                }
            }
        }
    }

    >.marT10 {
        border-bottom: 0px;
    }

    .projectHeaderTittle {
        >span {
            display: inline-block;
            padding: 0.5rem 0;
            font-size: 1.6rem;
            font-family: $pfFontSize;
            color: #4EAFFF;
            border-bottom: 1px solid #4EAFFF;
        }
    }
}

.demo-table-expand {
    font-size: 0;
}

.demo-table-expand label {
    width: 90px;
    color: #99a9bf;
}

.demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
}

/*急修*/
// 急修派工
.EmergencyMainHeader {
    border-bottom: 1px solid #f8f8f8;
    background-color: #fff;
    span {
        display: inline-block;
        padding: 10px;
        font-size: 16px;
        font-weight:600;
        font-family: $pfFontSize;
    }
}
.EmergencyDispatch {

    .el-form-item{
        margin-bottom:0;
    }

    .EmergencyMainTitle {
        margin-top: 1rem;

        span {
            display: inline-block;
            font-family: $pfFontSize;
            font-size: 16px;
            color: #4EAFFF;
            padding: 0.2rem 1rem;
            border-left: 2px solid #4EAFFF;
        }
    }

    .el-select {
        width: 90%;
    }

    .EmergencyTitle {
        text-align: center;

        >span {
            display: inline-block;
            font-size: $fs12;
            font-family: $pfFontSize;
            height: 32px;
            line-height: 32px;
        }
    }

    .block {
        .el-input {
            width: 100%;
        }

        .demonstration {
            display: inline-block;
            font-size: 13px;
        }
    }

}

// 急修中
.repairing {
    .title {
        display: inline-block;
        padding: 0.5rem 0;
        font-size: 16px;
        font-weight:600;

        font-family: $pfFontSize;
    }

    .titleBt {
        border-bottom: 1px solid #f0f3f3;
    }

    .repairTable {
        .cell {
            text-align: center;
            font-size: $fs12;
            padding: 0;

            .el-button {
                padding: 5px 10px;
                margin-left: 5px;
            }
        }

        .el-table__header {
            font-size: $fs12;
        }

        // .demo-table-expand {
        //     font-size: 0;
        // }

        // .demo-table-expand label {
        //     width: 90px;
        //     color: #99a9bf;
        // }

        // .demo-table-expand .el-form-item {
        //     margin-right: 0;
        //     margin-bottom: 0;
        //     width: 30%;
        // }

        // .el-tooltip {
        //     white-space: normal;
        // }

        // .el-dropdown {
        //     border: 1px solid #dcdcdc;
        //     padding: 2px 12px;
        //     font-size: 12px;
        //     border-radius: 20px;
        //     background-color: #FEF0F0;

        //     >.el-dropdown-selfdefine {
        //         color: #FD726D;
        //     }
        // }

        // .el-dropdown:hover {
        //     background-color: #fde3e3;

        //     >.el-dropdown-selfdefine {
        //         color: rgb(255, 98, 93);
        //     }
        // }

        // .mrL0 {
        //     margin-left: 0;
        // }
    }

    .D_I_A_Detail {
        >.el-dialog {
            width: 80%;
            min-width: 820px;
            max-width: 980px;

            .el-dialog__title {
                font-size: $fs16;
                color: $ibacPrimary;
            }

            .el-dialog__body {
                font-size: $fs12;

                .el-row {
                    .BorderFrame {
                        border: 1px solid #989898;
                        padding: 0 5px;
                    }

                    p {
                        line-height: 30px;
                        height: 30px;
                        text-align: center;
                        font-size: $fs13;
                        overflow:hidden;
                    }

                    .el-input__inner {
                        line-height: 30px;
                        height: 30px;
                    }

                    .Explain {
                        border: 1px solid #989898;
                        line-height: 40px;
                        height: 40px;
                    }
                }

                h6 {
                    font-size: $fs14;
                    padding-left: 10px;
                    border-left: 2px solid $ibacPrimary;
                }

                .DetailsTable {
                    padding-left: 10px;

                    table {
                        border: 1px solid #c2c2c2;
                        width: 100%;
                        border-collapse: collapse;
                        overflow-y: hidden;
                        overflow: scroll;

                        tr {
                            width: 100%;
                        }

                        td,
                        th {
                            width: 50%;
                            border: 1px solid #c2c2c2;
                            text-align: center;
                            padding: 6px 0;
                        }
                    }

                }

                .amap-wrapper {
                    height: 100%;
                }

            }
        }
    }

    .CloseRepair {
        .el-dialog__title {
            font-size: $fs14;
        }

        .el-dialog__body {
            text-align: center;

            .iconjinggao {
                font-size: 3rem;
            }
            >div:nth-child(2){
                padding:10px;
            }
            >div:last-child{
                padding:20px 0 0 0;
            }
        }
    }
}

/*急修*/
/*element项目*/
.homeProject {
    .ProjectTable {
        .cell {
            text-align: center;
        }

        .demo-table-expand {
            font-size: 0;
        }

        .demo-table-expand label {
            width: 90px;
            color: #99a9bf;
        }

        .demo-table-expand .el-form-item {
            margin-right: 0;
            margin-bottom: 0;
            width: 30%;
        }

        .el-tooltip {
            white-space: normal;
        }

        //   .el-dropdown {
        //       border: 1px solid #dcdcdc;
        //      padding: 2px 12px;
        //      font-size: 12px;
        //      border-radius: 20px;
        //      background-color: #FEF0F0;

        //    >.el-dropdown-selfdefine {
        //        color: #FD726D;
        //    }
        //   }

        //  .el-dropdown:hover {
        //    background-color: #fde3e3;
        //
        //   >.el-dropdown-selfdefine {
        //       color: rgb(255, 98, 93);
        //   }
        //   }

        .mrL0 {
            margin-left: 0;
        }
    }

    .TableSelect {
        .el-row {
            .el-select {
                .el-input__inner {
                    height: 34px;
                    line-height: 34px;
                }

                .el-input__icon {
                    line-height: 34px;
                }
            }

            .el-input__inner {
                height: 34px;
                line-height: 34px;
            }
        }
    }
}

.el-aside {
    overflow: hidden;
}

// 时间选择器
.MaintenancePlan {
    >.el-row {
        .TableSelect {
            .el-row {
                .el-col {
                    .DisCenter {
                        text-align: center;

                        >span {
                            display: inline-block;
                            padding: 1rem 0;
                        }
                    }

                    .block {
                        .el-input__inner {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}


//select样式
.selectUp {
    text-align: center;
}

.selectUp>span {
    display: inline-block;
    font-size: 14px;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
    height: 32px;
    line-height: 32px;
}

//全局外边距样式
.F {
    margin-top: 10px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mr5 {
    margin-right: 5px
}

.mb20 {
    margin-bottom: 20px
}

.mb50 {
    margin-bottom: 50px
}

.mt10 {
    margin-top: 10px
}

.TXc {
    text-align: center
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.bB {
    border-bottom: 1px solid #dfdfdf
}

// 注册样式
.register,.login {
    background-image: url(../img/login/bg@2x.png);
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 100%;
    min-width: 1280px;
    min-height: 948px;

    .logintop {
        height: 8%;
    }

    .loginbottom {
        height: 70px;
    }

    .registerMain,.loginMain {
        text-align: center;
        padding: 1rem 2rem;
        width: 1280px;
        margin: 0 auto;

        h2 {
            line-height: 64px;
            font-size: 33px;
            font-family: $pfFontSize;

            span {
                display: inline-block;
                width: 64px;
                vertical-align: middle;

                img {
                    width: 100%;
                }
            }
        }

        .el-input__inner {
            border-radius: 20px;
            height: 40px;
            line-height: 40px;
        }

        h5 {
            font-size: $fs14;
            font-family: $pfFontSize;
            padding: 1rem 0;
        }

        >div {
            display: inline-block;
            width: 510px;
            height: 640px;
            padding: 20px;
            background: rgba(255, 255, 255, 0.29);
            border-radius: 30px;
            text-align: center;

            >span {
                display: inline-block;
                background: #fff;
                border-radius: 30px;
                width: 100%;
                height: 100%;
                padding: 1rem 3rem;
                color: #000;
                text-align: left;

                i {
                    color: #409eff;
                    font-size: 1.6rem;
                    padding: 0.5rem 0;
                }

                >h3 {
                    text-align: center;
                    font-weight: bold;
                    font-size: 1.2rem;
                    color: rgb(48, 48, 49);
                    padding: 0 0 1rem 0;
                }

                .el-form {
                    .el-input__inner {
                        border: 1px solid $bordColor;
                        border-radius: 20px;
                    }

                    .PhoneCode {
                        .el-form-item__content {
                            text-align: left;

                            .el-input {
                                width: 260px;
                            }
                        }

                        .ffright {
                            float: right;
                        }

                        .ImgNum {
                            display: inline-block;
                            width: 102px;
                            height: 40px;
                            background-origin: content-box;
                            background-position: center;
                            background-size: 102px 40px;
                            cursor: pointer;
                            border-radius: 20px;
                        }

                        .VerificationCode {
                            display: inline-block;
                            width: 102px;
                            color: $ftColor;
                            font-size: 10px;
                            border: 1px solid $bordColor;
                            height: 40px;
                            line-height: 40px;
                            text-align: center;
                            cursor: pointer;
                            border-radius: 20px;
                        }

                        .VerificationCode:hover {
                            background-color: #7c7c7c;
                            border-color: #888;
                            color: #fff;
                        }
                    }

                    >p:last-child {
                        font-size: 10px;
                        color: #888;
                    }
                }

            }

            .regsiterButton {
                display: flex;
                justify-content: space-between;
                margin: 1rem 0;

                >.el-button {
                    width: 176px;
                    height: 40px;
                    background: rgba(24, 144, 255, 1);
                    border-radius: 20px;
                    vertical-align: middle;
                    text-align: center;
                    line-height: 40px;
                    font-size: 16px;
                    font-family: pfFontSize;
                    color: #fff;
                    cursor: pointer;
                    padding: 0;
                    border: 1px solid rgba(24, 144, 255, 1);

                    .el-icon-loading {
                        padding: 0;
                        font-size: 20px;
                        color: #fff;
                    }
                }

                >a {
                    line-height: 40px;
                    font-family: pfFontSize;
                    color: rgba(24, 144, 255, 1);
                }

                >a {
                    line-height: 40px;
                    font-family: pfFontSize;
                    color: rgba(24, 144, 255, 1);
                }
            }
        }

    }

}
.unregister{
    .registerMain{
        height:80%;
        .unreisterMainInput{
            height:auto;
            >div{
            background:#fff;
            border-radius:30px;
            height:426px;
            margin:0;
            padding:20px;
                .el-input__inner{
                    border:1px solid rgba(155,155,155,1);
                }
                .getNum{
                    color:rgba(155,155,155,1);
                    display: inline-block;
                    border:1px solid rgba(155,155,155,1);
                    height:40px;
                    line-height:40px;
                    padding:0 10px;
                    border-radius:30px;
                    cursor: pointer;
                    width:92px;
                }
                .getNum:hover{
                    border-color:#adadad;
                    background:rgba(155,155,155,1);
                    color:#fff;
                }
                .unregiterButton{
                    padding:20px 0;
                    .is-round{
                        padding:10px 25px;
                    }
                    a{
                       color:#409eff;
                       line-height: 36px;   
                    }
                }
            }
            h4{
                font-size:18px;
                font-weight:600;
                color:#40a9ff;
                font-family: $pfFontSize;
                padding:10px;
            }

        }
    }

    .loginbottom {
        height: 12%;
    }

}


// 主页
.indexHome {
    .header {
        border-bottom: 2px solid #f0f3f4;

        h1 {
            font-size: 16px;
            font-family: $pfFontSize;
            font-weight: 600;
            color: #000;
        }
    }
    #customerBIOne,#customerBITwo,#customerBIThree{
        height:400px;
    }
    .seaction {
        .oneSeaction{
            .el-col{
                padding-right:10px;
            }
            .onetitle{
                text-align:center;
                box-shadow:0 0 10px #dfdfdf;
                padding:20px 0;
                height:106px;
                cursor:pointer;
                .onetitleIcon{
                    margin-bottom:10px;
                    span{
                        display:inline-block;
                        vertical-align:middle;
                        color:#4A4A4A;
                        img{
                            display:inline-block;
                            width:100%;
                        }
                    }
                    >span:first-child{
                        width:24px;
                        height:24px;
                        margin-right:5px;
                    }
                    span{
                        font-size:20px;
                        font-weight:400;
                        line-height:24px;
                        font-size:$pfFontSize;
                    }
                }
                >div:last-child{
                    h3{
                        font-size:24px;
                        font-weight:500;
                    }
                }
            }
            .btnMap{
                display:flex;
                flex-direction:column;
                justify-content:space-between;
                height:100%;
                div{
                    display block;
                    cursor: pointer;
                    span{
                        display inline-block
                        text-align: center;
                        width:100%;
                        padding:10px;
                        font-size:16px;
                    }
                }
                div:first-child {
                    span{
                        background-image: linear-gradient(#74D4FF, #40A9FF);
                        color:#fff;
                        border-radius:5px;
                    }
                }
                div:last-child{
                    span{
                        height:41px;
                        box-shadow:0 0 10px #dfdfdf;
                        color:#40A9FF;
                        border-radius:5px;
                    }
                }  
            }
        }
        .twoSeaction{
            #customerBI{
                height:200px;
            }
        }
    }
    >.oneHeader {
        >.oneHeaderText {
            >span {
                display:inline-block;
                vertical-align: middle;
                margin: 0.5rem;
                width: 5rem;
                height: 5rem;

                >img {
                    width: 100%;

                }
            }
        }
    }
    .EnterpriseTitle{
        >div{
            display:flex;
            justify-content:flex-start;
            padding:8px 0 15px 0;
            >span{
                display:inline-block;
                 height:30px;
                line-height: 30px;
                margin-right:10px;
            }
        }
    }
}

/*
****
**
// .indexHome {
//     >.oneHeader {
//         >.oneHeaderText {
//             >span {
//                 vertical-align: middle;
//                 margin: 0.5rem;
//                 width: 5rem;
//                 height: 5rem;

//                 >img {
//                     width: 100%;

//                 }
//             }

//             >div {
//                 vertical-align: middle;
//                 margin-left: 1rem;

//                 >div {
//                     padding-bottom: 5px;

//                     >h5 {
//                         display: inline-block;
//                         font-weight: 800;
//                         font-size: 1.2rem;
//                         vertical-align: middle;
//                     }

//                     >span {
//                         font-size: 1.2rem;
//                         display: inline-block;
//                         margin-left: 1rem;
//                         vertical-align: middle;
//                     }
//                 }

//                 >span {
//                     display: inline-block;
//                     width: auto;

//                     >span {
//                         font-size: 14px;
//                     }

//                     .el-input {
//                         width: auto;

//                         >.el-input__inner {
//                             border: 0;
//                             background-color: #fff;
//                             height: auto;
//                             line-height: normal;
//                         }
//                     }

//                     >p {
//                         display: inline-block;
//                         cursor: pointer;
//                         color: #51B0FF;
//                         border: 1px solid #51B0FF;
//                         padding: 3px 5px;
//                         border-radius: 3px;
//                     }

//                     >i:active {
//                         color: #4EAFFF;
//                     }
//                 }
//             }
//         }

//         >.oneHeaderText:first-child {
//             border-right: 1px solid #d8d8d8;
//         }
//     }
// }
*
*
*/

// 角色管理
.MTCompanyUserPower {
    background: #fff;
    height: 100%;
    .MTCompanyUserPowerMain{
        >div:first-child{
            padding:10px;
            border-bottom:1px solid #f0f3f3;
         span{
           font-size:16px;
           font-weight:600;
           font-family:$pfFontSize;
         }
        }
        >.el-row:nth-child(2){
            padding-top:10px;
            .el-tabs--border-card{
                border:0;
                box-shadow:none;
                >.el-tabs__header{
                    margin-left:6px;
                    background-color: #fff;
                    border-bottom:0;
                    .el-tabs__item{
                        border:1px solid #f0f3f3;
                        border-radius:20px;
                        background:rgba(245,247,249,1);
                        height:32px;
                        line-height:32px;
                        width:100px;    
                    }
                    .is-active{
                        background-color: #40A9FF;
                        color:#fff;
                    }
                    #tab-second{
                        margin-left:10px;
                    }
                }
            }
        }
      }
    .el-tabs__header {
        .el-tabs__nav-wrap {
            margin: 0 10px;
        }
    }

    .UserPowerTable,.PropertyPower {
        >div:first-child{
            border:1px solid rgba(186,231,255,1);
            background:rgba(230,247,255,1);
            border-radius:4px;
            height:32px;
            line-height:32px;
            margin-bottom:10px;
            padding-left:10px;
            i{
                color:#40A9FF;
                padding:0 5px;
            }
        }
        >div:nth-child(2){
            padding-bottom:10px;
        }
        .SizeBt{
            .el-button{
                margin-left:0;
                
            }
        }
        .searchCondition{
            >div{
                display:inline-block;
                width:180px;
            }
            >div:nth-child(2){
                width:240px;
            }
        }
        // 模态框
        .seekCurr {
            .el-dialog {
                width: 86%;

                .el-dialog__body {
                    padding: 15px;

                    >div:first-child {
                        text-align: right;
                        margin-bottom: 1.5rem;

                        >.el-button {
                            padding: 10px;
                            font-size: 1.3rem;
                        }
                    }

                    >div:last-child {
                        text-align: center;
                        padding: 1.2rem;

                    }

                    td {
                        .cell {
                            button {
                                width: 100%;
                                padding: 6px 0;
                                text-align: center;
                            }
                        }
                    }
                }
            }
            .btnInfo{
               .el-button+ .el-button{
                   margin-left:0;
               }
               .el-button:first-child{
                   margin-bottom:5px;
                }
            }
        }
        .changePeople{
            text-align: right;
        }
        .selectPerson {
            padding: 0 2rem;

            >.el-row {
                margin-bottom: 1.5rem;
            }

            >span {
                padding-right: 15px;
            }

            .titleText {
                height: 30px;
                line-height: 30px;
            }

        }

        .personBtn {
            text-align: right;

            >span {
                display: inline-block;

                button {
                    padding: 5px 10px;
                }
            }
        }

    }
}


// 表格
.MTCompanyUserPower,
.Region {
    .el-table {
        font-size: 1rem;

        .iconfont {
            font-size: 1.6rem;
        }

        .el-icon-warning-outline {
            font-size: 1.6rem;
        }

        .iconColorBL {
            color: rgba(52, 145, 238, 0.842);
        }

        .icontouxiang {
            color: rgba(52, 145, 238, 0.842);
        }

        .iconfenzhijigou {
            color: rgba(52, 145, 238, 0.842);
        }

    }
}

// 区域设置
.Region, .indexUser{
    .headerTitle {
        font-size: 16px;
        font-weight:600;
        height: 28px;
        line-height:28px;
    }
    background: #fff;

    .addProvice {
        .el-dialog {
            width: 84%;
            max-width: 1080px;
            min-width: 780px;

            .el-dialog__body {
                padding: 10px 20px 30px;

                .el-row {
                    margin-bottom: 20px;
                }

                .el-form-item {
                    margin-bottom: 0;
                }

                .iconmorentouxiang {
                    color: #40A9FF;
                }

                .SelectName {
                    font-family: $pfFontSize;
                    font-size: 14px;
                    font-weight: 600;
                    padding: 10px;
                    background: #FAFAFA;
                }

                .SelectPrompt {
                    background: rgba(230, 247, 255, 1);
                    border: 1px solid rgba(186, 231, 255, 1);
                    padding: 10px;
                }

                .tablePrompt {
                    background: #FAFAFA;
                    width: 100%;
                }

                // .el-table__header{
                //     display:none;
                // } 
                .shuttleTable {
                    padding: 20px 0 10px 20px;

                    .el-table__body {
                        .el-table__row {
                            background: #FAFAFA;
                            cursor: pointer;
                        }

                        .cell {
                            text-align: left;
                        }
                    }

                    .el-col {
                        background: #FAFAFA;
                    }

                    .el-col:nth-child(2) {
                        background: #fff;
                    }

                    ::-webkit-scrollbar {
                        width: 3px;
                        /*竖向滚动条的宽度*/
                        height: 3px;
                        /*横向滚动条的高度*/
                    }

                    ::-webkit-scrollbar-thumb {
                        /*滚动条里面的小方块*/
                        background: #989898;
                        border-radius: 3px;
                    }

                    .TheArrow {
                        >div {
                            text-align: center;
                            transform: translateY(150px);

                            .iconfont {
                                font-size: 30px;
                                height: 20px;
                                line-height: 20px;
                            }
                        }
                    }
                }

                .AddRegionBt {
                    text-align: center;
                }
            }
        }
    }

    >div:first-child {
        padding:10px;
        border-bottom:1px solid #f0f3f4;
    }
     >div:nth-child(2){
      >div{
          margin:10px 0 0 10px;
          >span{
              display:inline-block;
          }
      }
    }
    >div:nth-child(3){
      margin:10px 10px;
    }
    >div:nth-child(4){
        padding:10px;
    }

    .addProvice {

        .el-dialog {
            // width: 84%;
            // max-width: 1080px;
            // min-width: 680px;

            .row-bg {
                .grid-content {
                    >span:last-child {
                        width: 70%;
                        padding-left: 10px;
                    }
                }
            }

            .el-row {
                div {
                    font-size: 1.2rem;

                    span {
                        display: inline-block;
                    }

                    .el-input__inner {
                        height: 30px;
                        line-height: 30px;
                    }

                    .el-radio-group {
                        height: 30px;
                        line-height: 30px;
                    }

                    .el-radio__label {
                        font-size: 1.2rem;
                    }

                    .el-input__icon {
                        line-height: 30px;
                    }
                }
            }

            .fontText {
                font-size: 1.2rem;
            }

            .TarenFont {
                width: 90%;
                font-size: 1.2rem;
            }

            .personBtn {
                text-align: right;
            }

        }

    }
    .projectRegionChange{
        .el-dialog__body{
            padding:15px 20px;
        }
        .el-tabs__active-bar{
            background-color: #fff;
        }
        .el-tabs__nav-wrap::after{
            height:0;
        }
        .el-tabs__header{
            margin:0 0 0 5px;
        }
    }
}
.indexUser{
     .userMain{
         .oneSearch{
             >span{
                 display:inline-block;
                 vertical-align: middle;
             }
             >span:first-child{
                 width:280px;
             }
             >span:last-child{
                 cursor:pointer;
                 text-align:center;
                 padding:6px 15px;
                 border-radius:20px;
                 background:$ibacPrimary;
                 color:#fff;
             }
         }
         >div:nth-child(2){
        margin:10px 0;
          div{
                     border:1px solid rgba(186,231,255,1);
            background:rgba(230,247,255,1);
            border-radius:4px;
            height:32px;
            line-height:32px;
            margin-bottom:10px;
            padding-left:10px;
            i{
                color:#40A9FF;
                padding:0 5px;
            }
         }
          }
     }
    .el-dialog__header{
        border-bottom:1px solid #eee;
        .el-dialog__title{
            font-size:18px;
            font-weight:600;
        }
    }
    .isEditInformation{
        padding:0 20px;
        .el-row{
            margin-bottom:20px;
            .el-col{
                font-size:16px;
                font-weight:600;
                line-height: 40px;
                .el-form-item{
                    margin-bottom:0;
                }
            }
        }
        >div:last-child{
            >div{
                text-align: center;
            }
        }
    }
    .addPerson{
        padding:0 50px;
        .el-input{
            width:240px;
        }
        .el-form-item__error{
            left: 16%
        }
        >div{
            text-align: center;
        }
    }
}
// 组织管理
.MTCompanyUser {
    background-color: #fff;
    >div:first-child{
        font-size:16px;
        font-weight:600;
        padding:10px;
        border-bottom:1px solid #f3f3f3;
    }
    >.el-row {
        >.el-col:first-child {
            padding: 1.5rem;
        }

        >.el-col {
            margin-top: 1rem;

            div,
            span {
                font-size: 1.3rem;
            }

            .cell {
                >div {
                    margin: 0 auto;
                    width:30px;
                    height:30px;
                    border-radius: 50%;
                }

                img {
                    width: 100%;
                    height:100%;
                    border-radius: 50%;
                }
            }
        }
    }
}

// 维保计划
.LiftMaintenancePlan {
    background: #fff;
    padding: 10px;
    font-size: 1.4rem;
    .EmergencyMainHeader{
      span{
          padding:0 0 10px 0;
      }
    }
    >.el-row:nth-child(2) {
        >.el-col {
            line-height: 36px;
            height: 36px;
        }
    }
    .inBorderRadius{
        .el-input__inner{
            border-radius:20px;
        }
    }

    .el-row:nth-child(4) {
        border-bottom: 1px solid $FAQBacGray;
        padding-bottom: 15px;
        .el-col:nth-child(2){
            height:32px;
            line-height: 30px;
        }
        .el-col:last-child{
            height:32px;
            line-height: 30px;
            font-size:12px;
            i{
                color:red;
            }
        }
    }

    .liftTable {
        .el-table {
            .cell {
                font-size: $fs14;
            }

            .el-button--small {
                font-size: $fs14;
            }
        }
    }

    .el-select {
        width: 100%;
    }

    .el-input__inner {
        height: 32px;
        line-height: 26px;
        font-size: $fs14;
        width: 100%;
    }

    .el-input__icon {
        line-height: 26px;
    }

    .el-range-separator {
        line-height: 26px;
        width: auto;
    }

    .el-input__inner::-webkit-input-placeholder {
        /* WebKit browsers */
        font-size: $fs12;
    }

    .font12 {
        font-size: $fs12;
        height: 32px;
        line-height: 32px;
    }
    .plansNextD{
        .el-dialog__body {
            padding:20px 20px;
            .el-form-item{
                margin-bottom:0;
            }
            .el-col{
                .el-form-item__content{
                    line-height:32px;
                    height:32px;
                    .el-input{
                        width:100%;
                    }
                }
            }
            .el-col:first-child{
                text-align: center;
                span{
                 height:32px;
                 line-height:32px;   
                }
            }
            .liHeight{
                margin-bottom:15px;
            }
        }
    }

    .rilidia {
        .el-dialog {
            width: 60%;
            min-width: 860px;
        }

    }
}
.plansNextD{
    .el-dialog__body{
        padding:20px;
        .liHeight{
            margin-bottom:20px;
            .el-col:first-child{
                height:30px;
                line-height:30px;
            }
            .el-switch{
                line-height:30px;
                height:30px;
            }
            .titleSpan{
                i{
                    color:red;
                }
                line-height:30px;
                height:30px; 
            }
        }
    }
}

.el-select-dropdown__wrap {
    max-height: 200px;
}

.planCalender {
    padding: 10px;

    .ExMiddle {
        padding: 5px 0;
        text-align: center;

        >span {
            width: 20px;
            height: 20px;
            display: inline-block;
            border-radius: 50%;
        }

        >.bordPrimary {
            border: 1px solid $ibacPrimary;
        }

        >.bordSuccess {
            border: 1px solid $ibacSuccess;
        }

        >.bordYellow {
            border: 1px solid $ibacYellow;
        }

        >.bordRed {
            border: 1px solid $ibacRed;
        }
    }

    .NavYear {
        >.el-col {
            font-size: 1.8rem;
            font-weight: 800;
            text-align: center;
            line-height: 32px;
            height: 32px;
            color: #7c7c7c;

            >span {
                cursor: pointer;
            }

            >i {
                font-size: 1.8rem;
                font-weight: 800;
                cursor: pointer;
            }
        }

        >.el-col:hover {
            background-color: #f8f8f8;
        }

        >.el-col:nth-child(4),
        .el-col:first-child,
        .el-col:last-child {
            color: #000;
        }
    }

    .AllCalenderS::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .AllCalenderS::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #f8f8f8;
    }

    .AllCalenderS {
        max-height: 540px;
        overflow-y: scroll;

        .AllYear {
            >.el-col {
                text-align: center;

                >div:first-child {
                    font-size: $fs14;
                    font-weight: bold;
                    padding: 5px;
                }

                .calendarWeeksTable {
                    width: 100%;

                    th {
                        padding: 5px 0;
                        font-size: $fs13;

                    }

                    td {
                        text-align: center;

                        span {
                            display: inline-block;
                            height: 22px;
                            width: 22px;
                            line-height: 22px;
                            cursor: pointer;
                            font-size: 1rem;
                        }

                        span:hover {
                            background-color: #dfdfdf;
                        }
                    }
                }
            }
        }
    }
}

// 办公签到
.Attendance {
    background: #fff;
    padding: 1.5rem;
    .noneFlex{
        display:flex;
        justify-content:flex-start;
        >div{
            display:inline-block;
        }
    }
    .t_planDate{
        text-align: center;
            background-color:#E8E8E8;
        .t_one_plan{
            width:100%;
            padding:50px 5px;
            text-align: center;
            span{
                color:$ibacPrimary;
                cursor:pointer;
            }
        }
        >div{
            width:100%;
            position:relative;
            height:120px;
            padding:25px 5px;
            >div:first-child{
                margin-bottom:20px;
            }
             .icontingzhi{
                position:absolute;
                font-size:15px;
                color:$ibacPrimary;
                top:-5px;
                right:-5px;
                cursor:pointer;
            }
            .el-input{
                padding:0;
            }
        }
     }
    >.el-row:first-child {
        
        >.el-col {
            p {
                    font-size:16px;
                    font-weight:600;
                    font-family:$pfFontSize;
            }
        }

        .TextAlR {
            text-align: right;

            span {
                font-size: $fs14;
            }
        }
        
    }
    >div:nth-child(2) {
        .li_heihgt {
            line-height: 32px;
            height: 32px;
            font-size: $fs14;
        }

        .el-input__inner {
            line-height: 32px;
            height: 32px;
            font-size: $fs14;
        }

        .el-input__icon {
            line-height: 32px;
        }

        .el-table {
            font-size: $fs14;
        }
    
        .pagenation {
            text-align: center;
            padding: 2rem 0;

            .el-input__inner {
                line-height: 29px;
                height: 29px;
            }

            >span {
                text-align: center;
            }
        }
    }

    .el-dialog {
        .el-date-editor.el-input {
            width: 100%;
        }

        .TextAlR {
            text-align: right;
        }
    }

}

// 办公公告
.Announcement {
    background: #fff;
    padding: 1rem;

    .TextAlR {
        text-align: right;
    }

    .TextTitle {
        font-size:$fs16;
        color: $ibacPrimary;
        height:32px;
        line-height: 32px;
    }

    .Notice {
        .el-row {
            border: 1px solid $FAQBacGray;
            padding: 10px;
            padding-left: 20px;

            .imgWH {
                width: 70px;
                height: 70px;

                >img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                }
            }

            >.el-col {
                .Liheight {
                    padding: 5px;
                    line-height: 30px;
                    height: 70px;
                }
            }
        }
    }

    .Announcementdia {
        .el-dialog__body {
            >div {
                margin-bottom: 10px;

                >span {
                    display: inline-block;
                }
            }

            >div:first-child {
                >span:first-child {
                    width: 50px;
                    height: 50px;

                    img {
                        width: 100%;
                    }
                }

                >span:last-child {
                    height: 50px;
                    line-height: 50px;
                }
            }

            >div:nth-child(2) {
                width: 260px;
            }

            >div:last-child {
                text-align: right;
            }
        }
    }

}

// 客户管理
.PropertyBody {
    background-color: #fff;
    >.el-row:first-child{
        padding:10px;
        border-bottom:1px solid #f0f3f3;
        .TextRight{
            text-align: right;
        }
    }
    .header{
        span{
            font-size:16px;
            font-weight:600;
            font-family:$pfFontSize;
            line-height:29px;
        }
    }
    .section{
        padding:10px;
    }
    >p:first-child {
        font-size: 1.6rem;
        color: #51b0ff;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 10px;
    }

    .iconjiahao {
        font-size: $fs13;
        margin-right: 5px;
    }

    .FoolRight {
        text-align: right;

        .SortInput {
            width: 70%;
            margin-right: 10px;

            .el-input {
                .el-input__inner {
                    height: 28px;
                    line-height: 28px;
                }

                .el-input__inner::-webkit-input-placeholder {
                    /* WebKit browsers */
                    font-size: $fs14;
                    color: #888;
                }
            }
        }
    }

    // >div:nth-child(3){  
    //     .el-table{
    //         tr{
    //                .cell{
    //                    font-size:$fs12;
    //                    .el-button{
    //                        >span{
    //                         font-size:$fs12;
    //                        }
    //                        padding:5px 8px;
    //                    }
    //                }
    //         }
    //     }
    // }
    .ModalToview {
        .el-dialog__title {
            color: $ibacPrimary;
        }

        .el-dialog__body {
            padding: 10px 20px 30px 20px;

            .el-input {
                width: 220px;

                .el-input__inner {}
            }

            .AddcusT_Row {
                .el-form-item {
                    margin-bottom: 0;
                }

                .el-form-item__error {
                    left: 70px;
                }
            }

            .el-form-item__label {
                font-size: $fs12;
                text-align: center;
            }

            .addcustheader {
                padding: 20px 0 10px 0;
            }

            .AddcusT_tab {
                .el-table__body {
                    input {
                        padding: 3px 10px;
                        width: 100%;
                        border-radius: 20px;
                        border: 1px solid #7c7c7c;
                        height: 32px;
                    }

                    .el-form-item {
                        margin-bottom: 0px;
                    }

                    .is-error {
                        margin-bottom: 22px;
                    }
                }
            }

            .el-form-item__content,
            .el-form-item__label {
                line-height: 32px;
            }

            .addpeople {
                padding: 10px 0;

                span {
                    color: #40A9FF;
                    cursor: pointer;
                }
            }

        }
    }

    .ModalContact {
        .el-dialog__body {
            padding-top: 10px;

            .el-table {
                .cell {
                    font-size: $fs12;
                }
            }
        }
    }

    .Ediot_Cust {
        .AddcusT_form {
            .AddcusT_tab {
                .EdiotInput_customer {
                    >.el-input__inner {
                        text-align: center;
                        background: #fff;
                        border: 0;
                        color: #909399;
                    }
                }

                .el-input {
                    width: 100%;
                }

                .el-input__inner {
                    width: 100%;
                }
            }
        }

    }

}

// 绝户设置
.members {
    background: #fff;

    >.el-row {
        padding: 10px 10px;
        border-bottom: 1px solid #f0f3f4;

        h1 {
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
        }
    }

    >.membersBody {
        padding: 10px;

        >div:first-child {
            border: 1px solid rgba(186, 231, 255, 1);
            background: rgba(230, 247, 255, 1);
            border-radius: 4px;
            margin-bottom:10px;
            padding:10px;
           >span{
              >i{
                padding:0 4px;
                color:#BAE7FF;
              }
           }
        }   
    }
    .addModal{
        .el-dialog__body{
        padding: 20px 20px;
        .nameText{
            height:32px;
            line-height: 32px;
        }
        .userForm{
            .el-input__inner{
                height:32px;
                line-height: 32px;
            }
            .radioList{
                >.el-row{
                    padding:15px 0;
                }
                >.el-row:first-child{
                    padding:0;
                }
                .border1{
                    border-bottom:1px solid #E8E8E8;
                    padding:10px 0;
                }
                .FlexContair{
                    .el-row--flex{
                        flex-flow:row wrap;
                    }
                    >span{}
                }
            }
            .listModal{
                background:rgba(250,250,250,1);
                .el-col{
                    text-align: center;
                    span{
                        font-size:16px;
                        font-weight: bold;
                        height:42px;
                        line-height:42px;    
                    }
                }
            }
        }
       }
   }
}

// 合同管理
.ContractManagement{
    .cell{
        font-size:13px;
    }
    .ContractHeader{
        background-color: #fff;
        padding:10px;
        border-bottom:1px solid #f0f3f4;
        >div{
            display:flex;
            justify-content:space-between;
            >div{
                display: inline-block;
                h3{
                    font-size:16px;
                    font-family:PingFangSC-Medium,PingFang SC;
                    font-weight:600;
                    color:rgba(0,0,0,0.85);
                    line-height:28px;
                }
            }
        }
    }
    .ContractList{
        background-color: #fff;
        padding:10px;
        >.el-row:first-child{
            padding:5px 0 10px 0;
            .el-col-4{
                width:220px;
            }
        }
        .ContractText{
            height:34px;
            background:rgba(230,247,255,1);
            border-radius:4px;
            border:1px solid rgba(186,231,255,1);
            line-height: 34px;
            padding:0 5px;
            margin:10px 0;
            font-size:$fs14;
        }
        .addModal{
            .el-form{
                .el-row{
                    .el-form-item{
                        margin-bottom:20px;
                        .el-input{
                            width:200px;
                        }
                        .el-textarea{
                            width:240px;
                        }
                        .el-form-item__content,.el-form-item__label{
                            line-height: 30px;
                        }
                    }
                }
                h3{
                    padding:10px;
                    font-size:16px;
                    font-family:$pfFontSize;
                    font-weight:600;
                }
                .addTableHeader{
                    padding:10px 30px;
                }
                .headerColor{
                     background:#f3f3f3;
                }
                .ftitle{
                    padding:20px;
                    text-align: center;
                    font-size:20px;
                    color:#e9e9e9;
                }
                .MoneyInput{
                    margin:20px 30px 0 30px;
                    .el-col-4{
                        div{
                            line-height:30px;
                            height:30px;
                        }
                    }
                   .el-col{
                       text-align: center;
                       .el-input{
                           width:100%;
                       }
                       .el-form-item{
                        margin-bottom:0;
                        }
                   }
                }
                .fourLabelLeft{
                    .el-form-item__error{
                        left:90px;  
                    }
                }
                .twoLabelLeft{
                    .el-form-item__error{
                        left:50px;  
                    } 
                }
            }
        }
        .footBt{
            text-align: center;
        }
        .btnLayout{
            div{
                // display:flex;
                // justify-content:space-around;
            }
            >div:first-child{
                margin-bottom:5px;
            }
        }

    }
    .fuheMadia{
        .el-row{
            margin-bottom:10px;
        }
         .addTableHeader{
                    padding:10px 30px;
                }
                .headerColor{
                     background:#f3f3f3;
                }
             .ftitle{
                    padding:20px;
                    text-align: center;
                    font-size:20px;
                    color:#e9e9e9;
                }
            .MoneyInput{
                    margin:20px 30px 0 30px;
                    .el-col-4{
                        div{
                            line-height:30px;
                            height:30px;
                        }
                    }
                   .el-col{
                       text-align: center;
                       .el-input{
                           width:100%;
                       }
                       .el-form-item{
                        margin-bottom:0;
                        }
                   }
                }
    }
}
// 收款管理
.collect{
    .collectHeader{
        background:#fff;
        padding:15px;
        margin-bottom:1px;
        .headerTitle{
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
        }
    }
    .collectMain{
        padding:15px;
        background:#fff;
         .sBtn{
            cursor:pointer;
            display inline-block
            text-align:center;
            padding:6px 15px;
            border-radius:20px;
            background:$ibacPrimary;
            color:#fff;
            margin-left:10px;
            font-size:$fs14;
            }
            .sBtn:last-child{
                background:#fff;
                padding:5px 14px;
                border:1px solid $ibacPrimary;
                color:$ibacPrimary;
            }
        .collectMainTab{
           .el-tabs--card{
               >.el-tabs__header{
                  border:0;
                  .el-tabs__nav{
                    border:0;
                    }
                    .el-tabs__item{
                        border-radius:20px;
                        height:30px;
                        line-height: 30px;
                        margin-right:20px;
                        background:#F5F7F9;
                    }
                        .is-active{
                            color:#fff;
                            background:#409EFF;
                        }
                    }
                }
                .blurNum{
                    margin-bottom:10px;
                    div{
                        border:1px solid #BAE7FF;
                        background:#E6F7FF;
                        padding:5px;
                        border-radius:5px;
                    }
                }
                .searchList{
                    margin-bottom:10px;
                    >span{
                        display:inline-block;
                        vertical-align:middle;
                    }
                    >span:first-child{
                        width:280px;
                    }
                }
                .mainMoneyModia{
                    padding:30px;
                    >.el-row{
                        margin-bottom:10px;
                    }
                    .el-date-editor.el-input{
                        width:100%;
                    }
                    .el-input__inner{
                        padding:0 5px;
                    }
                    .editorDate .el-input__inner{
                        padding-left:30px;
                        padding-right:15px;
                    }
                    .dialogBtn{
                        text-align:center;
                        padding:20px 0;
                    }
                }
            .emeryMoney{
               .emeryHead{
                   display:flex;
                   justify-content:flex-start;
                   margin-bottom:10px;
                   >div{
                       display:inline-block;
                       width:220px;
                   }
                   >.selectDate{
                       width:330px;
                        >span{
                            display:inline-block;
                            width:130px;
                            .el-date-editor.el-input{
                                width:100%;
                            }
                        }
                        >span{
                            padding-left:5px;
                        }  
                    }
               }
                .emerytitle{
                   margin-top:10px;
                   div{
                       display:block;
                       border:1px solid #BAE7FF;
                       padding:5px;
                       background:#E6F7FF;
                       border-radius:5px;
                       i{
                           color:#91ccfd;
                           margin:0 5px;
                       }
                   }
                }
                .emeryTable{
                    margin-top:10px;
                } 
               .el-dialog__header{
                        border-bottom:1px solid #dfdfdf;
                }
                .el-dialog__body{
                    .el-row{
                        margin-bottom:10px;
                    }
                      .el-date-editor.el-input{
                        width:100%;
                    }
                }
                .textAlign{
                    text-align: center;
                    padding:10px 0;
                }
            }
        }
    }
}