.znl-grid-chart {
    .znl-header {
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        display: flex;
        justify-content: left;
        align-items: center; // 标题
        .znl-header-text {
            // height: 25px;
            // line-height: 25px;
            // font-size:14px;
            // margin-right: 15px;
            // color:rgba(128,128,128,1);
            // font-family: "Microsoft YaHei",Tahoma, Arial;
            // display: inline-block;
            // border-bottom: 1px solid #1777E6;
            // padding-right: 24px;
            // position: relative;
            // top: -4px;
            font-size: 14px;
            margin-right: 15px;
            color: #666666;
            font-family: "Microsoft YaHei", Tahoma, Arial;
            display: inline-block;
            border-bottom: 2px solid #666666;
            padding: 0px 12px 0 0px;
            position: relative;
            top: -4px;
            font-weight: bold;
        }
    }
    .znl-action {
        height: 40px;
        line-height: 40px;
        font-size: 14px; // padding: 0 5px 5px;
        padding-left: 15px;
        color: #808080;
        &>div {
            height: 40px;
            display: flex;
            align-items: center;
            &>.el-input {
                height: 40px;
            } // &>.el-button{
            //   padding: 0 5px;
            //   background-color: #ED9E00;
            //   border-color: #ED9E00;
            //   &:hover{
            //     background-color: #EE7700;
            //     border-color: #EE7700;
            //   }
            //   span{
            //     height: 25px;
            //     line-height: 25px;
            //     position: relative;
            //     width: 100%;
            //     padding-left: 15px;
            //     svg{
            //       position: absolute;
            //       top: -2px;
            //       left: 0;
            //       transform: scale(0.8);
            //     }
            //   }
            // }
            &>.el-button {
                // margin-right: 5px;
                padding: 0 3px;
                height: 22px;
                background-color: #ED9E00;
                border-color: #ED9E00;
                color: #fff;
                border-radius: 4px;
                &:hover {
                    background-color: #EE7700;
                    border-color: #EE7700;
                }
                span {
                    display: flex;
                    align-items: center;
                    svg {
                        transform: scale(0.8)!important;
                    }
                }
            }
            &>* {
                margin-right: 5px;
            }
        }
    }
    .el-loading-mask {
        .el-loading-spinner {
            .circular {
                circle {
                    stroke: #ED9E00;
                }
            }
            .el-loading-text {
                color: #ED9E00;
            }
        }
    }
}