html,body {font-size: 14px;font-family: "微软雅黑";position: relative;}
.rel {position: relative;}
.abs {position: absolute;}
.top_bar {background:url(../images/top_bg.png);background-position: center;background-size: 100% 100%;width: 100%;height: 130px;}
.top_logo {float:left;width: 150px;text-align:center;height: 130px;}
.top_logo img {width: 70px;margin-top: 10px;}
.top_title {float:left;width:70%;height: 90px;line-height: 90px;color: #fff;font-size: 28px;}
.top_tab {float:left;width: calc(100vw - 150px);height: 40px;line-height: 40px;text-align: center;color: #fff;background:url(../images/top_tab.png);background-position: center;background-size: 100% 100%;}
.top_tab ul {width: 70%;height: 100%;float: left;}
.top_tab ul li {float: left;width: 15%;}
.top_tab ul li:hover {background: #4aabe9;}
.on {background: #4aabe9;}
.active {background: #4aabe9; color: #fff;}
.top_right {float: left;width: 30%;height: 40px;color: #bfbec0;}
.top_right span {float: left;width: 50%}

.left_bar {background: #4aabe9;width: 150px;height: calc(100vh - 0px);float: left;}
.left_title {width: 150px;height: 50px;color: #fff;text-align: center;line-height: 50px;font-size: 18px;}
.left_list {width: 150px;color: #000;text-align: center;line-height: 30px;font-size: 14px;background: #eeeeee;}
.left_list>i img{margin-left: 5px;}
.left_list_a:hover {color: #4aabe9;}
.left_list_li {width: 150px;}
.left_list_li span {display: block;width: 120px;line-height: 30px;text-align: right;}
.clickI_1 {cursor: pointer;}
.clickI_2 {cursor: pointer;}
.peizhiList {display: none;}
.chakanList {display: none;}
.clickI_1:hover{color:#4aabe9; }
.clickI_2:hover{color:#4aabe9; }
.main_bar {width: 100%;height: 100%;}
.xtzy_first {width: 96%;height: 200px;margin: 20px auto;}
.xtzy_first_left {float: left;width: 50%;height: 200px;}
.textarea {width: 100%;height: 100%;border: none;font-size: 14px;line-height: 34px;color: #283d4b;font-weight: 100;text-align: justify;outline: none;text-indent: 2em;}
.xtzy_first_center {float: left;width: 40%;height: 200px;}
.xtzy_first_right {float: right;width: 10%;height: 100%;}
.xtzy_first_right_icon {position: relative;width: 100%;height: 100%;text-align: center;}
.xtzy_first_right_icon img {width: 35px;margin-top: 10px;}
.xtzy_first_right_icon span {display: block;position: absolute;top: 3px;left: 59%;width:10px;height: 10px;border-radius: 50%;background: red;}
.xtzy_sec {width: 100%;}
.xtzy_sec_top {width: 100%;height: 40px;background: #eff1f9;line-height: 40px;text-indent: 2em;color: #283d4b;}
.xtzy_sec_searchDiv {width: 300px;height: 30px;line-height: 30px;margin-left: 40px;border: 1px solid #141158;margin-top: 20px;}
.xtzy_sec_searchDiv i {display: inline-block;width: 100px;text-align: center;height: 100%;float: left;}
.xtzy_sec_searchDiv i img {vertical-align: middle;margin-left: 5px;}
.xtzy_sec_searchDiv input {float: left;width: 158px;height: 92%;border: none;outline: none;border-left: 1px solid #141158;border-right: 1px solid #141158;text-indent: 1em;}
.xtzy_sec_searchDiv em {float: left;width: 39px;height: 100%;}
.xtzy_sec_searchDiv em img {width: 100%;height: 100%;cursor: pointer;}
.xtzy_sec_table {background: #eff1f9;width: 94%;margin: 20px auto;}
.xtzy_sec_table tr {text-align: center;line-height: 30px;}
.xtzy_sec_table tr td {background: #fff;border: 3px solid #eff1f9;line-height: 50px;}
.xtzy_sec_table tr th {border: 8px solid #eff1f9;}

.khxx_sec_table {background: #eff1f9;width: 94%;margin: 20px auto;color: #284044;}
.khxx_sec_table tr {text-align: center;line-height: 30px;}
.khxx_sec_table tr td {background: #fff;border: 3px solid #eff1f9;width: 8%;line-height: 50px;}
.khxx_sec_table tr th {border: 8px solid #eff1f9;}

.xtzy_three {width: 500px;height: 50px;margin: 20px auto;}
.xtzy_three span {display: inline-block;padding: 5px 10px;border: 1px solid #000;font-size: 16px;cursor: pointer;}
.xtzy_three span:hover {color: #fff;background:#4aabe9; }
.xtzy_three i {display: inline-block;width: 90px;}
.xtzy_three i input {width: 40px;height: 25px;border: 1px solid #000;outline: none;margin: 0 5px;margin-top: -6px;text-indent: 0.5em;}
.khxx_three {position: absolute;bottom: -230px;left: 35%;}

.chakan_con {width: 900px;height: 500px;background: #fff;margin: 20px auto;overflow-y: scroll;}
.chakan_con_top {width: 100%;height: 70px;overflow: hidden;}
.chakan_con_top_left {float:left;width: 80px;height: 100%;text-align:center;}
.chakan_con_top_left img {width: 40px;margin-top: 10px;margin-bottom: 5px;}
.chakan_con_top_right {float:left;width: 150px;height: 100%;padding-top: 25px;}
.chakan_con_top_right p {width: 100%;height: 20px;}
.chakan_con_table {width: 800px;margin: 0 auto;}
.chakan_con_table tr {text-align: center;line-height: 30px;}
.chakan_con_table tr td {background: #fff;border: 2px solid #eff1f9;width: 8%;line-height: 50px;}
.chakan_con_table tr td.td {line-height: 15px;}
/* 人员管理 */
.ry {color: #4aabe9;}
.rygl_div {width: 500px;margin-left: 50px;margin-top: 50px; color: #283d4b;}
    .rygl_div > span {
        display: block;
        width: 100%;
        /* height: 50px; */
        line-height: 50px;
        overflow: auto;
    }
.rygl_div span i {float: left;width: 100px;text-align: right;height: 100%;}
.rygl_div span em {float: left;width: 200px;height: 100%;margin-left: 10px;}
    .rygl_div span em input, .rygl_div span em textarea {
        width: 180px;
        line-height: 25px;
        border: 1px solid #283d4b;
        outline: none;
        text-indent: 1em;
    }
.rygl_div span em input.ra_1 {width: 20px;vertical-align: middle;margin: 0 5px;margin-top: -2px;}
.rygl_div span em input.ra_2 {width: 20px;vertical-align: middle;margin: 0 5px;margin-top: -2px;}
.rygl_div span em span {display: inline-block;margin-right: 10px;border: 1px solid #354856;width: 80px;height: 25px;line-height: 25px;text-align: center;cursor: pointer;}
.rygl_div span em span:hover {background: #4aabe9;border: 1px solid #fff;color: #fff;}
.rygl_div span em span.rygl_hover {background: #4aabe9;border: 1px solid #fff;color: #fff;}

/* 系统设置 */
.system_setup {width: 500px;margin-left: 150px;margin-top: 100px;}
.system_setup .system_setup_top {width: 100%;height: 30px;line-height: 30px;text-indent: 2em;background: #49abe8;color: #fff;}
.system_setup .system_setup_con {width: 100%;margin-top: 30px;padding-bottom: 30px;}
.system_setup .system_setup_con span {display: block;width: 100%;height: 30px;line-height: 30px;margin-top: 25px;}
.system_setup .system_setup_con span i {display: inline-block;width: 145px;text-align: right;}
.system_setup .system_setup_con span em {display: inline-block;width: 350px;margin-left: 5px;}
.system_setup .system_setup_con span em button {height: 24px;vertical-align: middle;margin-left: 5px;width: 80px;}
    .system_setup .system_setup_con span em input, .system_setup .system_setup_con span em textarea {
        border: 1px solid #a9a9a9;
        outline: none;
        width: 250px;
        height: 22px;
    }
.rygl_div span em span.sys {width: 180px;height: 30px;}
.edition {margin-left: 50px;margin-top: 50px;padding: 5px;color: #2a424e;}

/* 登录信息查询 */
.denglu_search {width: 600px;height: 40px;line-height: 40px;margin-left: 30px;margin-top: 10px;}
.denglu_search i {display: inline-block;width: 235px;position: relative;}
.denglu_search i input {width: 130px;height: 25px;outline: none;text-indent: 1em;}
.denglu_search i img {position: absolute;top: 7px;right: -7px;width: 38px;}

.On-Button-Menu-left {
    width: 150px;
    position: absolute;
    border: 2px #eff1f9 solid;
    z-index: 999;
    top:10px;
    border-bottom: 0;
}
    .On-Button-Menu-left ul li {
        line-height: 36px;
        text-align: center;
        width: 100% !important;
        border-bottom: 2px #eff1f9 solid;
    }
    
    .Button-Content {
        margin-top: 20px;
        width: 90%;
    }
.Button-Content .peizhi_tab_list_top {
    background: #eff1f9;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
}

    .Button-Content .peizhi_tab_list_top font.fl {
        display: block;
        right: 2em;
        top: 0;
        position: absolute;
    }
.peizhi_tab_list_content {
    border: 2px #eff1f9 solid;
    padding: 10px;
    border-top: 0;
    overflow: auto;
}
#Button-Content i.layui-icon{
    font-size: 36px;
    line-height: 50px;
}
    /* 配置房间与功能 */
    .peizhi_tab {
        margin-left: 40px;
        margin-top: 50px;
        height: 120px;
    }
.peizhi_tab ul {width: 100%;height: 100%;}
.peizhi_tab ul li {float: left;width: 100px;text-align: center;height: 100%;}
.peizhi_tab ul li i {display: block;width: 50px;height: 50px;margin: 5px auto;cursor: pointer;}
.peizhi_tab_list {width: 900px;margin-left: 50px;margin-top: 20px;height: 400px;background: #eff1f9;display: none;}
.peizhi_tab_list_top {text-align:center;width: 100%;height: 40px;line-height: 40px;text-indent: 2em;text-align:center;}
.peizhi_tab_list_top span {float: left;width: 420px;height: 100%;}
.peizhi_tab_list_top span.fl {width: 450px;text-align: right;}
.peizhi_tab_list_con {width: 880px;height: 350px;margin: 10px auto;background: #fff;margin-top: 0px;}
.peizhi_tab_list_con ul {width: 750px;height: 100%;margin: 0 auto;}
.peizhi_tab_list_con ul li {float: left;width: 125px;height: 33%;text-align: center;}
.peizhi_tab_list_con ul li i {display: block;width: 50px;height: 50px;margin: 5px auto;cursor: pointer;}
.peizhi_tab_list_con ul li i.peizhi_tab_list_con_last {display: block;width: 50px;height: 65px;border: 1px solid #000;margin-top: 10px;line-height: 100px;}
.peizhi_tab_list_close {width: 1100px;height: 30px;line-height: 30px;margin-top: 10px;}
.peizhi_tab_list_close span {display: inline-block;width: 90px;height: 30px;text-align: center;float: right;border: 1px solid #000;cursor: pointer;}
.peizhi_tab_list_close span:first-child  {margin-left: 10px;}
.peizhi_tab_list_close span:hover {background: #4aabe9;border: 1px solid #000;color: #fff;}
.choose {background: #4aabe9;border: 1px solid #000;color: #fff;}

.peizhi_tab_list_system_dialog {display:none;z-index:3;left:0px; top:0; left:0;height:100%; width:100%; z-index:0; position:fixed; _position:absolute; _left: expression_r(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression_r(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);}
.peizhi_tab_list_system {position: fixed;width: 600px;height:auto;background:#aaa;top: 200px;left: 250px;background: #eff1f9;}
.peizhi_tab_list_system_top {width: 100%;height: 40px;line-height: 40px;text-indent: 1em;}
select {border: solid 1px #dfdfdf;text-indent: 0.5em;width: 100px;height: 1.5rem;font-size: 1rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 14px;background: url("../images/arrow.png") no-repeat scroll right center transparent;}
.peizhi_tab_list_system_table {width: 582px;height: 300px;overflow-y: scroll;margin: 0 auto;display: none;}
.peizhi_tab_list_system_table_left {float: left;width: 80px;height: 70px;background: #fff;text-align: center;margin-bottom: 3px;}
.peizhi_tab_list_system_table_right {float: right;width: 480px;height: 70px;background: #fff;margin-bottom: 3px;}
.peizhi_tab_list_system_table_right span {display: block;width: 480px;height: 35px;line-height: 35px;text-indent: 1em;}
.bianji {float: right;width: 80px;height: 35px;cursor: pointer;}
.ac {color: #4aabe9;}
.peizhi_tab_list_system_bom {width: 582px;height: 55px;margin: 0 auto;background: #fff;display: none;}
.peizhi_tab_list_system_bom_left {float: left;width: 40px;line-height: 55px;height: 50px;text-align: center;}
.peizhi_tab_list_system_bom_right {float: right;width: 40px;line-height: 55px;height: 50px;text-align: center;}
.peizhi_tab_list_system_bom_right img {width: 15px;}
.peizhi_tab_list_system_bom_left img {width: 15px;}
.peizhi_tab_list_system_bom_ul {float: left;width: 502px;height: 55px;line-height: 55px;}
.peizhi_tab_list_system_bom_ul li {float: left;width: 50px;line-height: 55px;}
.peizhi_tab_list_system_bom_ul li img {width: 50px;height: 45px;margin-top: 5px;}

/* 查看房间与功能 */
.see_rooms_func {width: 900px;margin-left: 20px;margin-top: 10px;color: #283d4b;position: relative;}
.see_rooms_func_top {width: 900px;height: 40px;line-height: 40px;text-indent: 2em;}
.see_rooms_func_con {width: 800px;margin-left: 20px;}
.see_rooms_func_con_one_ul {width: 100%;height: 100%;}
.see_rooms_func_con_one_ul>li {float: left;width: 50%;}
.see_rooms_func_con_one_ul>li .see_rooms_func_con_one_ul_top {width: 100%;height: 100px;}
.see_rooms_func_con_one_ul>li .see_rooms_func_con_one_ul_top span {float: left;width: 33%;height: 100%;text-align: center;}
.see_rooms_func_con_one_ul>li .see_rooms_func_con_one_ul_top span img {width: 50px;margin-bottom: 10px;cursor: pointer;}
.see_rooms_func_con_one_ul_top_right {float: left;width: 50%;height:90px;border: 5px solid #eff1f9;display: none;}
.see_rooms_func_con_one_ul_top_right i {display: block;width: 100%;height: 33%;line-height: 33px;text-indent: 1em;}
.see_rooms_func_con_one_ul_top_right i.one_ul_remove{cursor: pointer;}
.see_rooms_func_con_sec_ul {width: 100%;height: 100px;}
.see_rooms_func_con_sec_ul>li {float: left;width: 33%;text-align: center;position: relative;}
.see_rooms_func_con_sec_ul>li img {width: 40px;margin-bottom: 10px;cursor: pointer;}
.sec_ul_remove {position: absolute;right: -10px;top: 25px;display: block;width: 50px;height: 30px;line-height: 30px;text-align: center;background: #eff1f9;cursor: pointer;display: none;}
.see_func_text_dailog {display:none;z-index:3;left:0px; top:0; left:0;height:100%; width:100%; z-index:0; position:fixed; _position:absolute; _left: expression_r(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression_r(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);}.see_func_text {position: absolute;width: 400px;height: 400px;background: #eff1f9;left:380px;top: 120px;}
.see_func_text_top {width: 100%;height: 40px;line-height: 40px;}
.see_func_text_top i {float: left;width: 100px;text-indent: 1em;}
.see_func_text_top em {float: right;width: 50px;text-align: center;cursor: pointer;}
.see_func_text_con {width: 97%;margin: 0 auto;overflow-y: scroll;height: 353px;}
.see_func_text_con_left {float: left;width: 120px;height: 110px;margin-bottom: 8px;background: #fff;text-align: center;}
.see_func_text_con_left img {width: 50px;margin-bottom: 10px;margin-top: 20px;}
.see_func_text_con_right {float: right;width: 245px;height: 110px;margin-bottom: 8px;background: #fff;}
.see_func_text_con_right i {display: block;width: 50%;margin: 0 auto;height: 30px;line-height: 30px;}
.see_func_text_con_right i:first-child {margin-top: 10px;}

/* 生成二维码 */
.ma {width: 300px;height: 300px;margin: 100px auto;}
.ma img {width: 100%;}

/* 型号说明书 */

.xinghao {width: 600px;min-height: 500px;padding-bottom: 10px;margin-left: 40px;background: #eff1f9;margin-top: 30px;overflow-y: auto;}
.xinghao_top {width: 100%;height: 40px;line-height: 40px;text-indent: 1em;}
.xinghao_top img{vertical-align: middle;}
.xinghao_con {width: 97%;margin: 0 auto;height: 460px;background: #fff;}
.xinghao_con .xinghao_con_first {width: 100%;padding-bottom: 10px;border-bottom: 5px solid #eff1f9;background: #fff;}
.xinghao_con .xinghao_con_first .span_1 {display: block;width: 100%;height: 30px;line-height: 30px;text-indent: 1em;}
.xinghao_con .xinghao_con_first .span_2 {display:inline-block;;width: 40%;height: 30px;line-height: 30px;text-indent: 2em;}
.xinghao_con .xinghao_con_first .span_3 {display: inline-block;;width: 55%;height: 30px;line-height: 30px;text-align: center;}
.xinghao_con span img {vertical-align: middle;}

/* 登录页 */
.body {background: url(../images/login.png);background-size: 100% 100%;clear: both;overflow: hidden;}
.login_div {width: 380px;height: 500px;margin: 150px auto;}
.login_div_top {width: 100%;line-height: 50px;line-height: 50px;text-align: center;font-size: 24px;color: #fff;}
.login_div_top img {vertical-align: middle;width: 50px;margin-right: 40px;margin-top: -5px;}
.login_div_con {width: 100%;height: 260px;background: rgba(255,255,255,0.4);margin-top: 20px;overflow: hidden;}
.login_div_con_text {width: 250px;height: 200px;margin: 50px auto;}
.login_div_con_text span {float: left;width: 100%;height: 40px;line-height: 40px;}
.login_div_con_text span i {display: inline-block;width: 50px;height: 100%;text-align: center;color: #4aabe9;}
.login_div_con_text span em {display: inline-block;width: 180px;height: 100%;}
.login_div_con_text span em input {width: 90%;height: 20px;outline: none;border: 1px solid #757578;text-indent: 0.5em;}
.login_div_con_text span em.login {margin-left: 55px;}
.login_div_con_text span em.login input {height: 30px;background: #4aabe9;color: #fff;border: none;}
.arrow {position: absolute;right: 20px;top: 17px;}

/*===================后加样式===================*/

.Btn-Dc{ text-align:right; width:94%; margin:0 auto;}
.Btn-Dc .btn-a,.Btn-Dc .btn-b{ background:#FFF; border:#111111 solid 1px; padding:5px 8px; cursor:pointer;}
.Btn-Dc .btn-b{ background:#4aabe9; border:#4aabe9 solid 1px; color:#FFF;}
.Btn-Dc .btn-a:hover{background:#75c2f3;border:#4aabe9 solid 1px; color:#FFF;}
.Btn-Dc .btn-b:hover{ background:#75c2f3;}




.View_table {background: #eff1f9;width: 94%;margin: 20px auto;color: #284044; font-size:12px;}
.View_table tr {border: 3px solid #eff1f9;}
.View_table tr td {background: #fff;border: 3px solid #eff1f9;}
.View_table tr th {}
.View_table tr td span{ display:block; height:30px; line-height:30px; padding:0 5px}
.View_table tr td span .a_href{ color:#4aabe9;}
.View_table tr td span .a_href:hover{ color:#277cb3;}
/*修改背景*/
.system_setup_title{ height:40px; line-height:40px; font-size:16px;}



.site-form {
    margin: 5px 10px;
}
.site-title {
    margin: 30px 0 20px;
}.site-title fieldset {
     border: none;
     padding: 0;
     border-top: 1px solid #eee;
 }
.site-title fieldset legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 22px;
    font-weight: 300;
}
.form-table { width: 100%;}
.form-table tr td, .form-table tr th { line-height: 50px; padding: 6px;}
    .form-table tr th { text-align: right;  width: 100px;}

    .form-table .layui-input {
        width: 225px;
        display: inline-block;
    }
.layui-form-select, .layui-form-select .layui-input {
    width: 300px;
}

.table-body {
    margin: 5px 10px;
}