body {
    font-size: 13px;
    height: 100vh;
    font-family: "΢ÈíÑźÚ","Arial","Hiragino Sans GB", "Helvetica", "sans-serif";
    color: #333333;
    overflow: hidden;
    margin: 0;
    position: relative;
}

#app, #container {
    width: 100%;
    height: 100%;
}

.equipment-search {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 370px;
    height: 44px;
    z-index: 1009;
}

.el-input-group__append {
    background-color: #0078D7;
}

.el-icon-search {
    color: #ffffff;
}

.el-input__inner {
    box-sizing: border-box;
}

    .el-input__inner:focus {
        box-shadow: 0 0 2px #0078d7;
    }

.equipment-result {
    position: absolute;
    top: 74px;
    left: 20px;
    bottom: 20px;
    width: 370px;
    overflow-y: auto;
    z-index: 1009;
}

.search-result {
    background-color: #ffffff;
}

    .search-result .totle {
        height: 30px;
        line-height: 30px;
        padding: 5px 10px;
        color: #bfbfbf;
    }

    .search-result .item {
        height: 40px;
        line-height: 20px;
        font-size: 12px;
        padding: 12px 10px;
        border-bottom: 1px solid #f2f2f2;
        display: flex;
        flex-flow: row;
        cursor: pointer;
    }

        .search-result .item:hover {
            background-color: #f2f2f2;
        }

        .search-result .item .info {
            width: 230px
        }

        .search-result .item .address {
            color: #bfbfbf;
            font-size: 11px;
        }

        .search-result .item .status {
            width: 120px
        }

            .search-result .item .status.lxh {
                color: #bfbfbf;
            }
            .search-result .item .status.lx {
                color: #FFF443;
            }

            .search-result .item .status.ybf {
                color: #43BE4F;
            }

            .search-result .item .status.wbf {
                color: #0078D7;
            }

            .search-result .item .status.bj {
                color: #E60000;
            }

.show {
    display: block;
}

.hide {
    display: none;
}

.equipment-info {
    position: absolute;
    top: 74px;
    left: 400px;
    bottom: 20px;
    width: 600px;
    overflow-y: auto;
    z-index: 1009;
    background-color: #ffffff;
}