.control {
    padding: 0 20px;
    margin-top: 81px;
}

.c_content {
    width: 980px;
    margin: 0 auto;
    height: auto;
    margin-top: 15px;
}

    .c_content .title {
        width: 200px;
        margin: 0 auto;
        height: 24px;
        line-height: 24px;
        border-bottom: 1px solid #28a7ea;
        font-size: 14px;
    }

        .c_content .title a {
            float: right;
        }

        .c_content .title input {
            color: #333;
            border: none;
            height: 22px;
            line-height: 22px;
            outline: none;
            background: #fff;
            width: 170px;
        }

        .c_content .title .input_edit {
            border: 1px solid #ccc;
            text-indent: 5px;
            color: #333;
        }

.inputBox {
    width: 200px;
    margin: 0 auto;
    color: #666;
    height: 22px;
    line-height: 22px;
}

    .inputBox input {
        color: #666;
        border: none;
        text-indent: 5px;
        height: 22px;
        line-height: 22px;
        outline: none;
        background: #fff;
    }

.c_content .input_edit {
    border: 1px solid #ccc;
}

.server input {
    width: 160px;
    margin-top: 10px;
}

.c_content .c_left {
    width: 257px;
    float: left;
    margin-right: 13px;
    margin-bottom: 35px;
}

.c_left .server {
    width: 257px;
    height: 106px;
    background: url(../pcImages/control/pic_bg_server.png) no-repeat center;
}

    .c_left .server .title {
        padding-top: 22px;
    }

.c_left .router {
    width: 257px;
    height: 162px;
    background: url(../pcImages/control/pic_bg_router.png) no-repeat center;
}

    .c_left .router .title {
        padding-top: 20px;
    }

.router input {
    width: 170px;
    margin-top: 10px;
}

.router ul {
    list-style: none;
    padding: 0px;
    width: 200px;
    margin: 0 auto;
    color: #666;
    margin-top: 51px;
}

.c_left .monitor {
    width: 257px;
    height: 274px;
    background: url(../pcImages/control/pic_bg_monitor.png) no-repeat center;
}

    .c_left .monitor .title {
        padding-top: 20px;
    }

.monitor .inputBox input {
    width: 170px;
    margin-top: 10px;
}

.monitor ul {
    list-style: none;
    padding: 0px;
    width: 200px;
    margin: 0 auto;
    color: #666;
    margin-top: 53px;
}

    .monitor ul li {
        line-height: 22px;
        height: 22px;
        overflow: hidden;
    }

.c_left .equipment3 {
    width: 257px;
    height: 138px;
    background: url(../pcImages/control/pic_bg_sb3.png) no-repeat center;
}

    .c_left .equipment3 .title {
        padding-top: 20px;
        margin-bottom: 15px;
    }

.c_right .equipment3 {
    width: 257px;
    height: 138px;
    background: url(../pcImages/control/pic_bg_sb3.png) no-repeat center;
}

    .c_right .equipment3 .title {
        padding-top: 20px;
        margin-bottom: 15px;
    }

.controlBox {
    width: 200px;
    margin: 0 auto;
    color: #666;
    height: 22px;
    line-height: 22px;
    margin-top: 5px;
}

    .controlBox a:hover {
        color: #fff;
    }

.cb_close {
    float: right;
    color: #fff;
    background: #e84240;
    padding: 1px 10px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.cb_open {
    float: right;
    color: #fff;
    background: #3dbb2b;
    padding: 1px 10px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.cb_restart {
    float: right;
    color: #fff;
    background: #ff9933;
    padding: 1px 10px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.c_content .c_center {
    width: 440px;
    float: left;
    margin-top: 30px;
    margin-bottom: 35px;
}

    .c_content .c_center h3 {
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        color: #333;
        height: 20px;
        line-height: 20px;
        text-align: center;
        width: 100%;
        overflow: hidden;
    }

.c_center .center_1 {
}

.c_center .c1_server {
    width: 160px;
    height: 180px;
    float: left;
}

    .c_center .c1_server .cerverimg {
        width: 38px;
        height: 50px;
        margin: 0 auto;
        display: block;
    }

.c1_data1 {
    height: 107px;
}

.c_center .data_gray {
    height: 100%;
    background: url(../pcImages/control/c_gray.png) no-repeat center;
    padding-left: 50%;
    margin: 3px 0px;
}

    .c_center .data_gray .databox {
        padding-top: 50%;
        padding-left: 7px;
        display: block;
        color: gray;
    }

.c_center .data_green {
    height: 100%;
    background: url(../pcImages/control/c_green.png) no-repeat center;
    padding-left: 50%;
    margin: 3px 0px;
}

    .c_center .data_green .databox {
        padding-top: 50%;
        padding-left: 7px;
        display: block;
        color: green;
    }

.c_center .data_red {
    height: 100%;
    background: url(../pcImages/control/c_red.png) no-repeat center;
    padding-left: 50%;
    margin: 3px 0px;
}

    .c_center .data_red .databox {
        padding-top: 50%;
        padding-left: 7px;
        display: block;
        color: red;
    }

.c_center .data_yellow {
    height: 100%;
    background: url(../pcImages/control/c_yellow.png) no-repeat center;
    padding-left: 50%;
    margin: 3px 0px;
}

    .c_center .data_yellow .databox {
        padding-top: 50%;
        padding-left: 7px;
        display: block;
        color: #ebcd02;
    }

.c_center .c1_router {
    width: 120px;
    height: 180px;
    float: left;
}

    .c_center .c1_router .routerimg {
        width: 112px;
        height: 26px;
        margin: 12px auto;
        display: block;
    }

.c1_data2 {
    height: 90px;
}

.data_span {
    color: #999;
    display: block;
    text-align: center;
}

.center_2_online {
    width: 353px;
    height: 140px;
    background: url(../pcImages/control/kzt_pic_jkbl_1.png) no-repeat top;
    margin: 0 auto;
    margin-top: 185px;
}

.center_2_outline {
    width: 353px;
    height: 140px;
    background: url(../pcImages/control/kzt_pic_jkbl_2.png) no-repeat top;
    margin: 0 auto;
    margin-top: 185px;
}


.jkbl_r {
    float: left;
    color: #fff;
    margin-left: 40px;
    margin-top: 10px;
    height: 15px;
    line-height: 15px;
    margin-bottom: 70px;
}

.jkbl_cs {
    float: right;
    color: #fff;
    margin-right: 40px;
    margin-top: 10px;
    height: 15px;
    line-height: 15px;
    margin-bottom: 70px;
}

    .jkbl_cs .statu {
        margin-right: 8px;
        display: block;
        float: left;
        font-size: 14px;
    }

    .jkbl_cs img {
        margin-right: 8px;
        width: 18px;
        height: 15px;
        display: block;
        float: left;
    }

    .jkbl_cs .battery_green {
        background: url(../pcImages/control/kzt_dianchi_green.png) no-repeat center;
        width: 39px;
        height: 15px;
        padding: 2px 8px;
    }

    .jkbl_cs .battery_red {
        background: url(../pcImages/control/kzt_dianchi_red.png) no-repeat center;
        width: 39px;
        height: 15px;
        padding: 2px 8px;
    }

    .jkbl_cs .battery_yellow {
        background: url(../pcImages/control/kzt_dianchi_yellow.png) no-repeat center;
        width: 39px;
        height: 15px;
        padding: 2px 8px;
    }

.center_3 {
}

    .center_3 .c3_equipment {
        width: 50%;
        float: left;
    }

        .center_3 .c3_equipment .c3_l_gray {
            width: 105px;
            height: 80px;
            float: left;
            background: url(../pcImages/control/c_gray.png) no-repeat right center;
        }

.c_center .c3_l_gray .databox {
    padding-top: 20px;
    padding-right: 9px;
    display: block;
    color: gray;
    text-align: right;
}

.c3_l_green {
    width: 105px;
    height: 80px;
    float: left;
    background: url(../pcImages/control/c_green.png) no-repeat right center;
}

    .c3_l_green .databox {
        padding-top: 20px;
        padding-right: 9px;
        display: block;
        color: green;
        text-align: right;
    }

.c3_l_red {
    width: 105px;
    height: 80px;
    float: left;
    background: url(../pcImages/control/c_red.png) no-repeat right center;
}

    .c3_l_red .databox {
        padding-top: 20px;
        padding-right: 9px;
        display: block;
        color: red;
        text-align: right;
    }

.c3_l_yellow {
    width: 105px;
    height: 80px;
    float: left;
    background: url(../pcImages/control/c_yellow.png) no-repeat right center;
}

    .c3_l_yellow .databox {
        padding-top: 20px;
        padding-right: 9px;
        display: block;
        color: #ebcd02;
        text-align: right;
    }

.center_3 .c3_equipment .c3_r_gray {
    width: 105px;
    height: 80px;
    float: left;
    background: url(../pcImages/control/c_gray.png) no-repeat left center;
    margin-left: 10px;
}

.c_center .c3_r_gray .databox {
    padding-top: 20px;
    padding-left: 9px;
    display: block;
    color: gray;
    text-align: left;
}

.c3_r_green {
    width: 105px;
    height: 80px;
    float: left;
    background: url(../pcImages/control/c_green.png) no-repeat left center;
    margin-left: 10px;
}

    .c3_r_green .databox {
        padding-top: 20px;
        padding-left: 9px;
        display: block;
        color: green;
        text-align: left;
    }

.c3_r_red {
    width: 105px;
    height: 80px;
    float: left;
    background: url(../pcImages/control/c_red.png) no-repeat left center;
    margin-left: 10px;
}

    .c3_r_red .databox {
        padding-top: 20px;
        padding-left: 9px;
        display: block;
        color: red;
        text-align: left;
    }

.c3_r_yellow {
    width: 105px;
    height: 80px;
    float: left;
    background: url(../pcImages/control/c_yellow.png) no-repeat left center;
    margin-left: 10px;
}

    .c3_r_yellow .databox {
        padding-top: 20px;
        padding-left: 9px;
        display: block;
        color: #ebcd02;
        text-align: left;
    }

.c3img {
    width: 147px;
    height: 35px;
    margin: 0 auto;
    display: block;
    padding-top: 6px;
    padding-bottom: 2px;
}

.c3img3 {
    width: 147px;
    height: 35px;
    margin: 0 auto;
    display: block;
    padding-top: 30px;
    padding-bottom: 2px;
}

.c_content .c_right {
    width: 257px;
    float: left;
    margin-left: 13px;
    margin-bottom: 35px;
}

.c_right .device {
    width: 257px;
    height: 313px;
    background: url(../pcImages/control/pic_bg_sb1.png) no-repeat center;
}

    .c_right .device .title {
        padding-top: 20px;
    }

.device .inputBox input {
    width: 160px;
}

.device ul {
    list-style: none;
    padding: 0px;
    width: 200px;
    margin: 0 auto;
    color: #666;
    margin-top: 37px;
    margin-bottom: 39px;
}

    .device ul li {
        line-height: 22px;
        height: 22px;
        overflow: hidden;
    }

.inputBox select {
    outline: none;
    width: 136px;
    border: 1px solid #ccc;
    height: 22px;
    color: #666;
}

.device .inputBox {
    margin-top: 5px;
}

#historyData {
    width: 980px;
    height: auto;
    max-height: 550px;
    overflow: auto;
}

    #historyData .htitle {
        width: 500px;
        height: 40px;
        background: url(../pcImages/public/tc_pic_title_bg.png) no-repeat center;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        line-height: 40px;
        font-size: 14px;
        margin-top: 20px;
    }

.his_search {
    margin-top: 20px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

    .his_search input {
        width: 242px;
        height: 25px;
        line-height: 25px;
        text-indent: 10px;
        border: none;
        border: 1px solid #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin-right: 10px;
    }

    .his_search a {
        background: #ff9933;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        padding: 5px 15px;
    }

        .his_search a:hover {
            color: #fff;
        }

#historyData table {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    margin-top: 10px;
}

.layui-table td {
    padding: 5px !important;
    font-size: 12px !important;
    text-align: center;
}

.layui-table th {
    padding: 5px !important;
    text-align: center !important;
}

#pagination {
    float: right;
    margin-right: 2.5%;
}