@import url(https://at.alicdn.com/t/font_539621_nozg66njnr1qncdi.css);
header, footer, section, aside, article, nav, hgroup, figure, figcaption, body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, blockquote, legend, table, th, td, fieldset, menu, pre { margin: 0; padding: 0; }
time, mark, output, meter, address, cite, code, var, dfn, ins, i, th, caption { font-style: normal; text-decoration: none; }
#sidebar-menu ul li a span i,i.input_err,i.user-icon,.control span,i.search,.roomStatus p span i,.roomStatusInfo span,i.remarks,i.addcontract,i.dq,i.addman,i.uploadBtn,i.delimg{ background-image: url(../images/icon_all.png); background-repeat: no-repeat}

html, body {
    height: 100%;
    /*background: #f5f8fd;*/
}
#wrapper{ overflow: auto}
.login-bg {  }
.login-bg body { background-color: transparent; }
#sidebar-menu>ul>li>a{ height: 28px; line-height: 28px; padding: 0 40px;}
#sidebar-menu ul ul li{ height: 28px; line-height: 28px; overflow-x: hidden;}
#sidebar-menu ul ul a{    padding: 0 25px 0 55px;  width: 100%; height: 28px; line-height: 28px; float: left;overflow-x: hidden; color: #8c919b}
#sidebar-menu ul li a span i{ width: 20px; height: 20px; display: block; float: left;    margin-top: 23px; margin-right: 10px;}
#sidebar-menu ul li.house a span i{ background-position:-20px -146px; }
#sidebar-menu ul li.contractManagement a span i{ background-position:-50px -146px; }
#sidebar-menu ul li.bill a span i{ background-position:-79px -146px; }


.panel-login { background-color: #fff; box-shadow: none; margin: 0 ;height: 100%;}
.panel-login .panel-heading { background-color: transparent; height: 60px; line-height: 60px; }
.panel-login .panel-heading h3 { font-size: 24px;  text-align: center;line-height: 60px; color: #505050  }
.panel-login .panel-body { border: 1px solid rgba(255, 255, 255, 0.3); }
.panel-login .panel-body .form-horizontal { margin-left: 25px; margin-right: 25px; }
.panel-login .panel-heading img { display: block; margin: 10px auto; height: 150px; }
.panel-login .link { margin-top: 7px; color: #FFF; float: right; }
.panel-login .btn-primary { background-color: #2290ff !important; border-color: #2290ff !important; }
.panel-login .btn-primary:hover { background-color: #2290ff !important; }
.message_err{color: red;padding-left: 20px; display: block; width: 100%;}
.message_err i.input_err{ float: left; width: 21px; height: 17px; background-position: 0 0; margin-top: 2px; margin-right: 5px;}

#sidebar-menu{background: #373746; padding-top: 0;}
#sidebar-menu>ul>li>a>span{ font-size: 14px; color: #787c88}
.side-menu.left{ top: 70px; background: #373746}
.side-menu{ width: 180px;}
.logo{ display: inline-block; width: 700px; height: 48px; display: block;  margin:11px 0 0 32px; text-align: left; color: #333;    line-height: 48px; font-size: 32px;}
.logo img{ width: 48px; height: 48px;vertical-align: top;}

.topbar .topbar-left{float:left;height:70px;position:relative;z-index:1; width: 500px; line-height: 60px}
.topbar .topbar-left .text-center{ text-align: center}
.topbar{-webkit-box-shadow:1px 0 3px 0 rgba(0,0,0,.2);background:#fff;box-shadow:1px 0 1px 0 rgba(0,0,0,.1);left:0;position:fixed;right:0;top:0;z-index:999; border-bottom: 1px solid #d5d6d9}
.navbar-default{background-color:#fff;border-radius:0;border:none;margin-bottom:0}
.navbar-default .navbar-nav>.open>a{background-color:transparent}
.navbar-default .navbar-nav>.open>a:focus{background-color:transparent}
.navbar-default .navbar-nav>.open>a:hover{background-color:transparent}
.navbar-default .navbar-nav{ margin-right: 15px;}
.nav>li>a{line-height:22px;padding:24px 15px;position:relative}
.nav>li>a .badge{position:absolute;right:10px;top:18px}
.nav>li>a i.user-icon{ width: 20px; height: 21px; background-position: -21px 0; float: left; margin-right: 15px;}
#sidebar-menu>ul>li>a:hover{ color: #fff}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle; }
.content-page{ margin-left: 180px;}
.mini-stat-icon i { font-size: 30px; }
.user-avatar-sm { width: 50px; display: block; margin: 0 auto; }
.user-avatar { padding: 20px; }

.user-avatar .user-avatar-img { width: 100px; margin: 0 auto 15px auto; display: block; }
.user-avatar .user-avatar-name h3 { font-size: 20px; color: #444; }
.user-avatar .user-avatar-name p { font-size: 16px; color: #AAA; }
.list-group-nav .list-group-item { border-width: 1px 0 1px 0; border-color: #EEE; }
.list-group-nav .list-group-item i { margin-right: 15px; }

.panel-user { padding: 3px; border: 2px solid transparent; border-radius: 3px; background-color: transparent; box-shadow: none; float: left; margin: 5px; width: 400px; }
.panel-user .panel-body { padding: 11px; background-color: #FFF; border-radius: 3px; position: relative; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); }
.panel-user .btn-group-sm { display: none; position: absolute; right: 10px; top: 10px; }
.panel-user:hover .btn-group-sm { display: block; }
.panel-user hr { margin: 10px 0; }
.panel-user .social-links .iconfont { font-size: 20px; }
.panel-user-warning { border: 2px dashed #f76868; }
.panel-user-warning .text-muted { color: #FFF; }
.panel-user-warning .panel-body { background-color: #f76868; }
.panel-user-warning .info h4 { color: #FFF; }

.item-health { border: 1px solid #EEE; padding: 10px 20px; margin-bottom: 25px; }
.health-tit { font-size: 20px; color: #444; }
.health-tit .iconfont { font-size: 24px; }
.health-tit a { color: #AAA; }
.health-num { padding: 5px 0; text-align: center; }
.health-num span { font-size: 42px; color: #95dfa0; font-weight: bold; }
.health-num em { font-size: 16px; color: #95dfa0; padding: 0 5px; }
.health-num b { display: inline-block; border-radius: 30px; border: 1px solid #26c320; color: #26c320; padding: 0 15px; }
.health-num-high span { color: #f76868; }
.health-num-high em { color: #f76868; }
.health-num-high b { border: 1px solid #f76868; color: #f76868; }
.health-num-low span { color: #ffb41a; }
.health-num-low em { color: #ffb41a; }
.health-num-low b { border: 1px solid #ffb41a; color: #ffb41a; }
.health-opr span { color: #AAA; line-height: 26px; }
.detail-txt { line-height: 26px; font-size: 1.6rem; color: #5f81a4; padding: 10px; }
.detail-txt p { text-indent: 3.2rem; }

.video-list { }
.video-list li { float: left; margin: 5px; border: 2px solid transparent; padding: 4px; list-style: none; }
.video-list li .video-list-item { border-radius: 3px; width: 280px; height: 157px; background-color: #777; position: relative; }
.video-list li .video-list-item img { width: 100%; height: 100%; display: block; border-radius: 3px; }
.video-list li .equipment-camera-name { position: absolute; width: 100%; height: 30px; color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; text-align: left; bottom: 0; left: 0; font-weight: 500; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%); }

.video-list-item-link { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 98; }
.video-list-item-icon { background-color: rgba(0, 0, 0, 0.4); border-radius: 40px; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; }
.video-list-item-icon i { font-size: 40px; color: #FFF; line-height: 1; }
.video-check { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 99; padding-left: 10px; display: none; }
.video-check .checkbox { padding-left: 30px; }
.video-check .checkbox label { display: inline-block; padding-left: 5px; position: relative; line-height: 30px; color: #FFF; }
.video-check .checkbox label::before { -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; background-color: #ffffff; border-radius: 30px; border: 1px solid #cccccc; content: ""; display: inline-block; height: 30px; left: 0; margin-left: -30px; position: absolute; transition: 0.3s ease-in-out; width: 30px; outline: none !important; }
.video-check .checkbox label::after { color: #555555; display: inline-block; font-size: 22px; height: 30px; left: 0; margin-left: -30px; padding-left: 5px; padding-top: 1px; position: absolute; top: 0; width: 30px; }
.video-list li .video-list-item.video-list-item-check .video-check { display: block; }

.form-group { margin-bottom: 10px; }
.iconfont.fa-2x { font-size: 2em; }
.h2 .font-16 { font-size: 16px; }
#leftBar, #rightPanel { margin-bottom: 0; overflow: auto; }
.list-warning-msg { height: 313px; }
.list-warning-msg .warning-msg-item { position: relative; padding: 10px 10px 15px 60px; border-bottom: 1px solid #EEE; min-height: 75px; }
.list-warning-msg .warning-msg-item .user-photo { position: absolute; left: 0; top: 12px; }
.list-warning-msg .warning-msg-item .user-photo img { width: 50px; height: 50px; border-radius: 30px; }
.list-warning-msg .warning-msg-item h3 { font-size: 16px; }
.warning-msg-item-opr { position: absolute; right: 10px; top: 12px; width: 50px; height: 50px; padding: 0; text-align: center; border-radius: 30px; line-height: 50px; }
.img-product-small { display: inline-block; margin: 0 5px; }
.img-product-small img { width: 50px; }

.alarm-history-list { padding: 10px 0; }
.alarm-history-list li { list-style: none; float: left; width: 260px; margin-right: 15px; margin-bottom: 10px; position:relative; }
.alarm-history-list li a { border-radius: 3px; display: block; padding:8px 10px 0 55px; background-color: #f4f4f4; border: 1px solid #DDD;color: #444; min-height:60px; }
.alarm-history-list li h2 { position:absolute; left:10px; top:10px; width:40px; height:40px; background-color:#FFF;  border-radius:40px; text-align:center; color:#f76868;}
.alarm-history-list li h2 i { font-size:24px; }
.alarm-history-list li h3 { font-size:16px; line-height:20px; }
.alarm-history-list li h3 span { float:right; font-size:14px; color:#BBB }
.alarm-history-list li p { color:#AAA; }
.alarm-history-list li.voice h2 { color:#26c320; }
/*.alarm-history-list li a.voice { background-color: #63bb70; border: 1px solid #63bb70; color: #FFF; }*/
.alarm-history-list li a.voice i { font-size: 20px; vertical-align: middle; color:#62be70 }

.db { display: block; }

.weixinAudio { line-height: 1.5; }



.tips_global { color: #8c8c8c; }

.audio_area .audio_length { float: right; font-size: 14px; margin-top: 3px; margin-left: 1em; }

.audio_info_area { overflow: hidden; }

.audio_area .audio_title { font-weight: 400; font-size: 17px; margin-top: -2px; margin-bottom: -3px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

.audio_area .audio_source { font-size: 14px; }

.audio_area .progress_bar { position: absolute; left: 0; bottom: 0; background-color: #0cbb08; height: 2px; }

.playing .audio_play_area .icon_audio_default { display: none; }

.playing .audio_play_area .icon_audio_playing { display: inline-block; }

@-webkit-keyframes audio_playing {
    30% { background-position: 0px center; }
    31% { background-position: -18px center; }
    61% { background-position: -18px center; }
    61.5% { background-position: -36px center; }
    100% { background-position: -36px center; }
}
.input-width-150, .button-width-150, .form-inline .form-control.input-width-150 { width: 150px; }
.input-width-220, .button-width-220, .form-inline .form-control.input-width-220 { width: 220px; }
.input-width-320, .button-width-320, .form-inline .form-control.input-width-320 { width: 320px; }
.input-width-440, .button-width-440, .form-inline .form-control.input-width-440 { width: 440px; }
.input-width-640, .button-width-640, .form-inline .form-control.input-width-640 { width: 640px; }
.height-row-45 { height: 45px; overflow: hidden; }
.label-width-120 { width: 120px; }
.col-sm-offset-120 { margin-left: 120px; }
.width-120 { width: 120px; }
.width-50 { width: 50px; }
.width-min-120 { min-width: 120px; }
.width-min-100 { min-width: 100px; }
.width-min-150 { min-width: 150px; }
.width-min-300 { min-width: 300px; }
.margin-20, .mrg-20 { margin: 20px; }
.margin-10 { margin: 10px; }
.margin-5 { margin: 5px; }
.margin-40 { margin: 40px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-right-10 { margin-right: 10px; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-none { margin-bottom: -1px; }
.margin-full-none { margin: 0; }
.margin-leftright-20 { margin: auto 10px; }
.margin-leftright-16 { margin: auto 16px; }
.margin-top-30, .button.margin-top-30 { margin-top: 30px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-10 { padding: 10px; }
.padding-tlr-10 { padding: 10px 10px 0 10px; }
.padding-20 { padding: 20px; }
.padding-left-10 { padding-left: 10px; }
.tools-wrap, .box-margin { margin: 20px; }
.pading-30 { padding: 15px; }
.m-l-10{ margin-left: 0}
.m-r-10{ float: right; margin-top: -5px;}
.itm{ content: '';  padding: 25px 30px 50px 30px;}
.totalData{ border-bottom: 1px solid #e7eaef}
.itm{ margin-bottom: 10px;}
.itm h1{ font-size: 22px; color: #373f52; margin-bottom: 25px; }
.detData ul{ width: 70%; margin: 0 auto; padding-top: 30px;}
.detData ul li{ float: left; width: 30%; text-align: center; margin-bottom: 40px;}
.detData ul li span{ color: #a6aebe; font-size: 16px;}
.detData ul li h2{ color: #373f52; font-size: 22px; padding: 5px 0;}

#datatable .select{ background: #eaf5fe}


.itmdetail{ width: 100%; content: ''; position: relative; border-bottom: 1px solid #dedfe8; margin: 10px 0}

.itmdetailTab{ width: 100%; height: 40px; content: ''; position: relative; overflow: hidden;white-space: nowrap;}
.itmdetailTab ul{display: inline-block; }
.itmdetailTab ul li{display:inline-block;height: 40px; line-height: 40px; width: 130px; font-size:14px; background:#f6f6f6; border-top-left-radius:3px;  border-top-right-radius:5px; margin-right: 8px; border-top: 1px solid #dedfe8;border-left: 1px solid #dedfe8;border-right: 1px solid #dedfe8; position: relative;    vertical-align: top;}
.itmdetailTab ul li.hover{ background:#deecfc }
.itmdetailTab ul li a{ color:#373f52; text-align: center; opacity: 0.4;filter:Alpha(opacity=40); display: block; width: 128px; height: 40px; line-height: 40px; }
.itmdetailTab ul li a.active{ color:#20223d;opacity:1; filter:Alpha(opacity=100); background: #f1f6fb}
.itmdetailTab .control{ position: absolute; top:0; right:0; height: 40px;}

.itmdetailList{ width: 100%;content: ''; }
.homepage .table thead tr{ background:#deecfc }
.table > thead > tr > th{    font-weight: normal; color:#373f52 ; font-weight: bold; font-size: 11px; background: #eceff5; border-bottom: 1px solid #eaebee; padding: 14px 3px;}
.table > thead > tr > th .checkbox label{font-weight: bold; line-height: 20px;}
.table > tbody > tr a{  color: #2290ff ; margin: 0 3px;}

.table > tbody > tr a i.remarks{ display: inline-block; width: 11px; height: 13px; background-position: -152px -2px}
.table > tbody > tr a i.addcontract{ display: block; float: left; margin-right: 5px; width: 12px; height: 12px; background-position:-168px -2px; margin-top: 4px; }
/*span i.dq{ background-position: -71px -1px;display: block; width: 16px; height: 16px; margin-right: 10px; margin-top: 12px; float: left}*/


.control{ width: 60px; height:40px; background: url(../images/bg-01.png) no-repeat -15px 0; text-align: right; position: absolute ;  top:0;right:0}
.control span{  width: 16px; display: inline-block; height: 40px; }
.control span.prev{ background-position: 0 -20px; cursor: pointer}
.control span.next{ background-position: -26px -20px; cursor: pointer}

.searchBox{ padding: 6px 0px; margin-bottom: 14px; }
.searchBtn,.searchBtn:hover,.searchBtn:focus{ border: none; background:#fff; height: 34px;    box-shadow: none; border-top: 1px solid #ccced6;  border-right: 1px solid #ccced6; border-bottom: 1px solid #ccced6;}
.btn{ border-radius: 3px;}
.searchBtn i.search{ display: block; width: 14px; height: 14px; float: left; background-position:-48px -4px }
.content-page>.content{ margin-top:70px;    padding: 30px 30px 15px 30px;}
.pageNav{ font-size: 12px; color: #a1a3ab; margin-bottom: 20px;}
.chx{    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
}
.checkbox label::before{
    top:50%;
    margin-top: -8.5px;
}
.checkbox label::after{
    top:50%;
    margin-top: -9px;
}
.chx::before {
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #cccccc;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    top:0px;
    position: absolute;
    transition: 0.3s ease-in-out;
    width: 17px;
    outline: none !important;
}

.chxchecked::after {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    display: inline-block;
    font-size: 11px;
    height: 17px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    width: 17px;
    background-color: #6e8cd7;
    border-color: #6e8cd7;
    left: 0;
    top:0px;
    border-radius: 3px;
    margin-top: -1px\9;
}
.totalHouses{ background: #f2f7fe; padding: 10px 20px;}
.totalHouses span{ margin-right: 60px;}
.green{ color: #18be81}
.blue{ color: #4496fc}
.orange{ color: #fe7a04}
.m-r-10 .input-group button.orange{ background: #fe7a04; color: #fff; border: 1px solid #fe7a04 }

.red{ color: #fe6a7b}
.violet{color: #ba63fd}


.roomStatus{ padding: 21px; width: 100%;}
.roomStatus p{ height: 40px; line-height: 40px;}
.roomStatus p span{ color: #808794; margin-right: 40px; display: inline-block}
.roomStatus p span em{ font-weight: bold; color:#393d51; font-size: 16px; }
.roomStatus p span i{ display: block; width: 16px; height: 16px; margin-right: 10px; margin-top: 12px; float: left}
.roomStatus p span i.kx{ background-position: -71px -1px;}
.roomStatus p span i.yx{ background-position: -88px -1px;}
.roomStatus p span i.sd{ background-position: -105px -1px;}
.roomStatus p span i.tz{ background-position: -122px -1px;}
.roomStatusInfo {}
.roomStatusInfo span{ margin: 0 15px 12px 0; display: block;  width: 104px; height: 40px; text-align: center; line-height: 40px;}
.roomStatusInfo span.kx{ background-position: -213px -60px}
.roomStatusInfo span.yx{ background-position: -3px -60px}
.roomStatusInfo span.sd{ background-position: -108px -60px}
.roomStatusInfo span.tz{ background-position: -318px -60px}
.roomStatusInfo span a{ display: block; width: 100%; height: 100%;}
.input-group,.form-group{ position: relative;}
.placeholder{display: block; color: #999; font-weight: normal; position: absolute; top:0; left:0; z-index: 100 }
.form-group .placeholder{ padding: 10px 16px; font-size: 16px; left:10px; width: 100%;line-height: 1.33;    height: 46px;}
.input-group .placeholder{     padding: 6px 12px; font-size: 14px; left:0; width: 100%;line-height: 1.42857143;    height:34px;}
.fieldInfo{padding: 20px;}
.fieldInfo-title{position: relative;background: #deecfc;padding: 6px 15px; margin-bottom: 45px; height: 46px;}
.fieldInfo h1{ height: 34px; line-height: 34px; font-size: 18px; color: #373f52; font-weight: bold}
.fieldInfo-btn{ position: absolute; right: 0; top: 6px; margin-bottom: 0;}
.fieldInfo-btn button{ margin-left: 10px;}
.fieldInfoModular{ margin-bottom: 48px;}
h3.fieldInfoModular-title{ height: 16px; font-size: 16px; color: #373f52; font-weight: bold; margin-bottom: 24px; position: relative;}
a.add{ position: absolute; top:-2px; right: 30px; display: block; width: 20px; height: 20px;}
a.add i.addman{ display: block;width: 20px; height: 20px; background-position: -183px 0}
h3.fieldInfoModular-title span{ display: block; width:120px;  padding-left: 5px;float: left ; margin-left: 16px; height: 16px; line-height: 16px; border-left: 4px solid #1886e5}
h3.fieldInfoModular-title em{ font-style: normal; font-size: 12px; color: #808794; float: left; line-height: 14px; }

.idcardInfo-image{ margin-bottom: 48px;}
.idcardInfo .idcardInfo-image{ height: 115px; margin-left: 85px;}
.idcardInfo .idcardInfo-image .idcard-image{ float: left; width: 112px; height: 112px; overflow: hidden; border: 1px solid #ececec; margin-right: 32px;}
.idcardInfo .idcardInfo-image .idcard-image img{ width: 110px; height: 110px;}
.idcard-btn p{ padding: 5px 0 0; color: #808794; margin: 0}
.idcard-btn p.zgz{ font-size: 18px; color:#373f52; font-weight: bold }
.idcard-btn p.zgz span{ color:#0489fd }
.idcard-btn p.zgz span.err{color: #fd2704}
.btnclick{ padding: 4px 12px; background: url(../images/b-l.gif) repeat-x 0 bottom; border: 1px solid #c9dbec}
.fieldInfoModularBox ul li{ width: 33%; float: left; height: 26px; margin-bottom: 15px;}
.fieldInfoModularBox ul li label{ width: 30%; min-width: 90px; display: inline-block; color: #808794; font-weight: normal; height: 30px; line-height: 30px; float: left; text-align: right; margin-right: 6px; }
.fieldInfoModularBox ul li input{ padding: 2px 10px;}
.fieldInfoModularBox ul li input,.fieldInfoModularBox ul li select{ width: 66%; height: 30px;  border: 1px solid #c9dbec; color:#20223d; float: left; line-height: 30px; }
.fieldInfoModularBox ul li select{ line-height: 26px;padding: 4px 12px;}
.fieldInfoModularTbale{ width: 98%; margin: 0 auto;border: 1px solid #c9dbec}
.fieldInfoModularTbale thead tr{ background:#eef2fb; }
.fieldInfoModularTbale>thead>tr>th{border-bottom: 1px solid #c9dbec}

textarea.jianjie{ width: 97%; margin:0 1.5%; border-radius: 3px; padding: 10px; background: #f8fafc; height: 54px; border: 1px solid #ececec;}
.fieldInfoModularBox .upload-image,.fieldInfoModularBox .upload-btn{ width: 240px; height: 180px; text-align: center; overflow: hidden; border: 1px solid #ececec; position: relative; float: left; margin-left: 17px; margin-bottom: 10px;}
.fieldInfoModularBox .upload-image{ text-align: center}
.fieldInfoModularBox .upload-image img{ width: 238px; height: auto; margin: 0 auto; text-align: center;}
.fieldInfoModularBox #videoBox .upload-image{}
.fieldInfoModularBox #videoBox .upload-image img{ width: auto; height: 178px; margin: 0 auto; text-align: center;}
.fieldInfoModularBox .upload-image a.delimgbtn{ position: absolute; display: block; width: 20px; height: 20px; top:8px; right:8px; display: none;}
.fieldInfoModularBox .upload-image:hover a.delimgbtn{display: block;}

.fieldInfoModularBox .upload-image a i.delimg{ display: block;width: 20px; height: 20px; background-position:-208px 0; }
.fieldInfoModularBox .upload-image span{ text-align: center; position: absolute; height: 30px; width: 100%; left: 0; top: 50%; margin-top: -15px; line-height: 30px;}
.fieldInfoModularBox .upload-btn a{ display: block; width: 100%; height: 100%; position: relative; background: #f9f9f9}
.fieldInfoModularBox .upload-btn a:hover{background: #eee}
.fieldInfoModularBox .upload-btn a i.uploadBtn{ display: block; width: 27px; height: 27px; background-position:-60px -27px; position: absolute; top: 50%; left: 50%; margin: -13.5px 0 0 -13.5px }
.fieldInfoModularBox .hetong{margin-left: 17px; background: #f5f8fc; border: 1px solid #e2eaf8; width: 240px; height: 105px; float: left}
.fieldInfoModularBox .hetong h3{ padding: 15px;  font-size: 16px; color: #373f52;}
.fieldInfoModularBox .hetong .input-group{ text-align: right; margin-left: 105px;}
.fieldInfoModularBox .hetong .input-group a{ margin-right: 5px;}

.pagesizes{}
.fieldInfoModularBox ul li.has-error label{color: #a94442;}

.fieldInfoModularBox ul li.has-error  input,.fieldInfoModularBox ul li.has-error  select,#addTenant li.has-error input,#addTenant li.has-error select{border: 1px solid #a94442}
#livingCardValidTime-date,#signDate-date,#contractStartDate-date,#contractEndDate-date,#jiaoZuZhi-date,#mianZuZhi-date,#birthDay-date,#birthDayDate,#retractTime,#addTenantBirthday,#buyTime,#maintainTime,#confirmRentBillBoxPayTime-date{background: url(../images/date.png) no-repeat 95% center}
#livingCardValidTime-date:focus,#signDate-date:focus,#contractStartDate-date:focus,#contractEndDate-date:focus,#jiaoZuZhi-date:focus,#mianZuZhi-date:focus,#birthDay-date:focus,#birthDayDate:focus,#retractTime:focus,#addTenantBirthday:focus,#buyTime:focus,#maintainTime:focus,#confirmRentBillBoxPayTime-date:focus{background: url(../images/date2.png) no-repeat 95% center}
.sidebar-inner {
    width: 180px;
    position: fixed;
    height: 100%;
    top: 80px;
    left: 0;
    background: #373746;
}
.table > tbody > tr > td.chxTd{ padding-left: 35px;    position: relative;}
.chxTd .chx{position: absolute; left: 5px;}
#datatable td {
    font-weight: normal;
    font-size: 12px;
    padding: 14px 3px;

}
#datatable td a{ margin: 0 3px;}
#datatable td.chxTd{
    padding: 14px 14px 14px 28px;
}
#datatable td.hth{
    word-break:break-all;
    word-wrap:break-word;
}
div.dataTables_info{    vertical-align: top;    display: inline-block;    padding-top: 0; margin-top: 30px;}
div.dataTables_paginate{ display: inline-block;}
div.totalPages{    vertical-align: top;    display: inline-block;    padding-top: 0; margin-top: 30px; height: 34px; box-shadow: none;  color: rgba(0,0,0,.6);  font-size: 14px;    padding: 6px 12px; line-height: 1.42857143; }


@import url(https://at.alicdn.com/t/font_539621_nozg66njnr1qncdi.css);
header, footer, section, aside, article, nav, hgroup, figure, figcaption, body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, blockquote, legend, table, th, td, fieldset, menu, pre { margin: 0; padding: 0; }
time, mark, output, meter, address, cite, code, var, dfn, ins, i, th, caption { font-style: normal; text-decoration: none; }
#sidebar-menu ul li a span i,i.input_err,i.user-icon,.control span,i.search,.roomStatus p span i,.roomStatusInfo span,i.remarks,i.addcontract,i.dq,i.addman,i.uploadBtn,i.delimg{ background-image: url(../images/icon_all.png); background-repeat: no-repeat}
#datatable>thead,tbody>tr>td,th{
    text-align: center;
}
html, body {
    height: 100%;
    min-width:588px !important;
    /*background: #f5f8fd;*/
}
#wrapper{ overflow: auto}
.login-bg {  }
.login-bg body { background-color: transparent; }
#sidebar-menu>ul>li>a{ height: 45px; line-height: 44px; padding: 0 20px 0 35px;border-bottom: 1px solid #a7b1;}
#sidebar-menu>ul>li>a:first-child{ border-top: 1px solid #a7b1;}
#sidebar-menu ul ul li{ height: 45px; line-height: 44px; overflow-x: hidden;}
#sidebar-menu ul ul a{border-bottom: 1px solid #a7b1;padding: 0 25px 0 55px;  width: 100%; height: 45px; line-height: 44px; float: left;overflow-x: hidden; color: #8c919b}
#sidebar-menu ul li a span i{ width: 20px; height: 20px; display: block; float: left;    margin-top: 23px; margin-right: 10px;}
#sidebar-menu ul li.house a span i{ background-position:-20px -146px; }
#sidebar-menu ul li.contractManagement a span i{ background-position:-50px -146px; }
#sidebar-menu ul li.bill a span i{ background-position:-79px -146px; }


.panel-login { background-color: #fff; box-shadow: none; margin: 0 ;height: 100%;}
.panel-login .panel-heading { background-color: transparent; height: 60px; line-height: 60px; }
.panel-login .panel-heading h3 { font-size: 24px;  text-align: center;line-height: 60px; color: #505050  }
.panel-login .panel-body { border: 1px solid rgba(255, 255, 255, 0.3); }
.panel-login .panel-body .form-horizontal { margin-left: 25px; margin-right: 25px; }
.panel-login .panel-heading img { display: block; margin: 10px auto; height: 150px; }
.panel-login .link { margin-top: 7px; color: #FFF; float: right; }
.panel-login .btn-primary { background-color: #2290ff !important; border-color: #2290ff !important; }
.panel-login .btn-primary:hover { background-color: #2290ff !important; }
.message_err{color: red;padding-left: 20px; display: block; width: 100%;}
.message_err i.input_err{ float: left; width: 21px; height: 17px; background-position: 0 0; margin-top: 2px; margin-right: 5px;}

#sidebar-menu{background: linear-gradient(45deg, #373752, transparent); padding-top: 0;}
#sidebar-menu>ul>li>a>span{ font-size: 14px; color: #787c88}
.side-menu.left{ top: 70px; background: #373746}
.side-menu{ width: 200px;}
@media only screen and (min-width:991px) and (max-width: 5000px){
    .logo{ display: inline-block; width: 700px; height: 48px; display: block;  margin:11px 0 0 32px; text-align: left; color: #333;    line-height: 48px; font-size: 32px;}
}
@media only screen and (min-width:800px) and (max-width: 990px){
    .logo{ display: inline-block; width: 600px; height: 47px; display: block;  margin:11px 0 0 32px; text-align: left; color: #333;    line-height: 47px; font-size: 28px;}
}
@media only screen and (min-width:662px) and (max-width: 799px){
    .logo{ display: inline-block; width: 500px; height: 46px; display: block;  margin:11px 0 0 32px; text-align: left; color: #333;    line-height: 46px; font-size: 25px;}
}
@media only screen and (max-width: 661px){
    .logo{color: #333;font-size: 23px;font-weight: 600;}
}

.logo img{ width: 48px; height: 48px;vertical-align: top;}
.topbar .topbar-left{float:left;height:70px;position:relative;z-index:1; width: 500px; line-height: 60px}
.topbar .topbar-left .text-center{ text-align: center}
.topbar{-webkit-box-shadow: 1px 0 3px 0 rgba(0,0,0,.2);background: linear-gradient(356deg, #f9f9f9, transparent);box-shadow: 1px 0 1px 0 rgba(0,0,0,.1);left: 0;position: fixed;right: 0;top: 0;z-index: 999;border-bottom: 1px solid #d5d6d9;}
.navbar-default{background-color: #fff;border-radius: 0;border: none;margin-bottom: 0;}
.navbar-default .navbar-nav>.open>a{background-color:transparent}
.navbar-default .navbar-nav>.open>a:focus{background-color:transparent}
.navbar-default .navbar-nav>.open>a:hover{background-color:transparent}
.navbar-default .navbar-nav{ margin-right: 15px;font-size:23px;}
.nav>li>a{line-height:22px;padding:24px 15px;position:relative}
.nav>li>a .badge{position:absolute;right:10px;top:18px}
.nav>li>a i.user-icon{ width: 20px; height: 21px; background-position: -21px 0; float: left; margin-right: 15px;}
#sidebar-menu>ul>li>a:hover{ color: #fff}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle; }
.content-page{margin-left:200px;}
.mini-stat-icon i { font-size: 30px; }
.user-avatar-sm { width: 50px; display: block; margin: 0 auto; }
.user-avatar { padding: 20px; }

.user-avatar .user-avatar-img { width: 100px; margin: 0 auto 15px auto; display: block; }
.user-avatar .user-avatar-name h3 { font-size: 20px; color: #444; }
.user-avatar .user-avatar-name p { font-size: 16px; color: #AAA; }
.list-group-nav .list-group-item { border-width: 1px 0 1px 0; border-color: #EEE; }
.list-group-nav .list-group-item i { margin-right: 15px; }

.panel-user { padding: 3px; border: 2px solid transparent; border-radius: 3px; background-color: transparent; box-shadow: none; float: left; margin: 5px; width: 400px; }
.panel-user .panel-body { padding: 11px; background-color: #FFF; border-radius: 3px; position: relative; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); }
.panel-user .btn-group-sm { display: none; position: absolute; right: 10px; top: 10px; }
.panel-user:hover .btn-group-sm { display: block; }
.panel-user hr { margin: 10px 0; }
.panel-user .social-links .iconfont { font-size: 20px; }
.panel-user-warning { border: 2px dashed #f76868; }
.panel-user-warning .text-muted { color: #FFF; }
.panel-user-warning .panel-body { background-color: #f76868; }
.panel-user-warning .info h4 { color: #FFF; }

.item-health { border: 1px solid #EEE; padding: 10px 20px; margin-bottom: 25px; }
.health-tit { font-size: 20px; color: #444; }
.health-tit .iconfont { font-size: 24px; }
.health-tit a { color: #AAA; }
.health-num { padding: 5px 0; text-align: center; }
.health-num span { font-size: 42px; color: #95dfa0; font-weight: bold; }
.health-num em { font-size: 16px; color: #95dfa0; padding: 0 5px; }
.health-num b { display: inline-block; border-radius: 30px; border: 1px solid #26c320; color: #26c320; padding: 0 15px; }
.health-num-high span { color: #f76868; }
.health-num-high em { color: #f76868; }
.health-num-high b { border: 1px solid #f76868; color: #f76868; }
.health-num-low span { color: #ffb41a; }
.health-num-low em { color: #ffb41a; }
.health-num-low b { border: 1px solid #ffb41a; color: #ffb41a; }
.health-opr span { color: #AAA; line-height: 26px; }
.detail-txt { line-height: 26px; font-size: 1.6rem; color: #5f81a4; padding: 10px; }
.detail-txt p { text-indent: 3.2rem; }

.video-list { }
.video-list li { float: left; margin: 5px; border: 2px solid transparent; padding: 4px; list-style: none; }
.video-list li .video-list-item { border-radius: 3px; width: 280px; height: 157px; background-color: #777; position: relative; }
.video-list li .video-list-item img { width: 100%; height: 100%; display: block; border-radius: 3px; }
.video-list li .equipment-camera-name { position: absolute; width: 100%; height: 30px; color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; text-align: left; bottom: 0; left: 0; font-weight: 500; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%); }

.video-list-item-link { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 98; }
.video-list-item-icon { background-color: rgba(0, 0, 0, 0.4); border-radius: 40px; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; }
.video-list-item-icon i { font-size: 40px; color: #FFF; line-height: 1; }
.video-check { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 99; padding-left: 10px; display: none; }
.video-check .checkbox { padding-left: 30px; }
.video-check .checkbox label { display: inline-block; padding-left: 5px; position: relative; line-height: 30px; color: #FFF; }
.video-check .checkbox label::before { -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; background-color: #ffffff; border-radius: 30px; border: 1px solid #cccccc; content: ""; display: inline-block; height: 30px; left: 0; margin-left: -30px; position: absolute; transition: 0.3s ease-in-out; width: 30px; outline: none !important; }
.video-check .checkbox label::after { color: #555555; display: inline-block; font-size: 22px; height: 30px; left: 0; margin-left: -30px; padding-left: 5px; padding-top: 1px; position: absolute; top: 0; width: 30px; }
.video-list li .video-list-item.video-list-item-check .video-check { display: block; }

.form-group { margin-bottom: 10px; }
.iconfont.fa-2x { font-size: 2em; }
.h2 .font-16 { font-size: 16px; }
#leftBar, #rightPanel { margin-bottom: 0; overflow: auto; }
.list-warning-msg { height: 313px; }
.list-warning-msg .warning-msg-item { position: relative; padding: 10px 10px 15px 60px; border-bottom: 1px solid #EEE; min-height: 75px; }
.list-warning-msg .warning-msg-item .user-photo { position: absolute; left: 0; top: 12px; }
.list-warning-msg .warning-msg-item .user-photo img { width: 50px; height: 50px; border-radius: 30px; }
.list-warning-msg .warning-msg-item h3 { font-size: 16px; }
.warning-msg-item-opr { position: absolute; right: 10px; top: 12px; width: 50px; height: 50px; padding: 0; text-align: center; border-radius: 30px; line-height: 50px; }
.img-product-small { display: inline-block; margin: 0 5px; }
.img-product-small img { width: 50px; }

.alarm-history-list { padding: 10px 0; }
.alarm-history-list li { list-style: none; float: left; width: 260px; margin-right: 15px; margin-bottom: 10px; position:relative; }
.alarm-history-list li a { border-radius: 3px; display: block; padding:8px 10px 0 55px; background-color: #f4f4f4; border: 1px solid #DDD;color: #444; min-height:60px; }
.alarm-history-list li h2 { position:absolute; left:10px; top:10px; width:40px; height:40px; background-color:#FFF;  border-radius:40px; text-align:center; color:#f76868;}
.alarm-history-list li h2 i { font-size:24px; }
.alarm-history-list li h3 { font-size:16px; line-height:20px; }
.alarm-history-list li h3 span { float:right; font-size:14px; color:#BBB }
.alarm-history-list li p { color:#AAA; }
.alarm-history-list li.voice h2 { color:#26c320; }
/*.alarm-history-list li a.voice { background-color: #63bb70; border: 1px solid #63bb70; color: #FFF; }*/
.alarm-history-list li a.voice i { font-size: 20px; vertical-align: middle; color:#62be70 }

.db { display: block; }

.weixinAudio { line-height: 1.5; }



.tips_global { color: #8c8c8c; }

.audio_area .audio_length { float: right; font-size: 14px; margin-top: 3px; margin-left: 1em; }

.audio_info_area { overflow: hidden; }

.audio_area .audio_title { font-weight: 400; font-size: 17px; margin-top: -2px; margin-bottom: -3px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

.audio_area .audio_source { font-size: 14px; }

.audio_area .progress_bar { position: absolute; left: 0; bottom: 0; background-color: #0cbb08; height: 2px; }

.playing .audio_play_area .icon_audio_default { display: none; }

.playing .audio_play_area .icon_audio_playing { display: inline-block; }

@-webkit-keyframes audio_playing {
    30% { background-position: 0px center; }
    31% { background-position: -18px center; }
    61% { background-position: -18px center; }
    61.5% { background-position: -36px center; }
    100% { background-position: -36px center; }
}
.input-width-150, .button-width-150, .form-inline .form-control.input-width-150 { width: 150px; }
.input-width-220, .button-width-220, .form-inline .form-control.input-width-220 { width: 220px; }
.input-width-320, .button-width-320, .form-inline .form-control.input-width-320 { width: 320px; }
.input-width-440, .button-width-440, .form-inline .form-control.input-width-440 { width: 440px; }
.input-width-640, .button-width-640, .form-inline .form-control.input-width-640 { width: 640px; }
.height-row-45 { height: 45px; overflow: hidden; }
.label-width-120 { width: 120px; }
.col-sm-offset-120 { margin-left: 120px; }
.width-120 { width: 120px; }
.width-50 { width: 50px; }
.width-min-120 { min-width: 120px; }
.width-min-100 { min-width: 100px; }
.width-min-150 { min-width: 150px; }
.width-min-300 { min-width: 300px; }
.margin-20, .mrg-20 { margin: 20px; }
.margin-10 { margin: 10px; }
.margin-5 { margin: 5px; }
.margin-40 { margin: 40px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-right-10 { margin-right: 10px; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-none { margin-bottom: -1px; }
.margin-full-none { margin: 0; }
.margin-leftright-20 { margin: auto 10px; }
.margin-leftright-16 { margin: auto 16px; }
.margin-top-30, .button.margin-top-30 { margin-top: 30px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-10 { padding: 10px; }
.padding-tlr-10 { padding: 10px 10px 0 10px; }
.padding-20 { padding: 20px; }
.padding-left-10 { padding-left: 10px; }
.tools-wrap, .box-margin { margin: 20px; }
.pading-30 { padding: 15px; }
.m-l-10{ margin-left: 0}
.m-r-10{ float: right; margin-top: -5px;}
.itm{ content: '';  padding: 25px 30px 50px 30px;}
.totalData{ border-bottom: 1px solid #e7eaef}
.itm{ margin-bottom: 10px;}
.itm h1{ font-size: 22px; color: #373f52; margin-bottom: 25px; }
.detData ul{ width: 70%; margin: 0 auto; padding-top: 30px;}
.detData ul li{ float: left; width: 30%; text-align: center; margin-bottom: 40px;}
.detData ul li span{ color: #a6aebe; font-size: 16px;}
.detData ul li h2{ color: #373f52; font-size: 22px; padding: 5px 0;}

#datatable .select{ background: #eaf5fe}


.itmdetail{ width: 100%; content: ''; position: relative; border-bottom: 1px solid #dedfe8; margin: 10px 0}

.itmdetailTab{ width: 100%; height: 40px; content: ''; position: relative; overflow: hidden;white-space: nowrap;}
.itmdetailTab ul{display: inline-block; }
.itmdetailTab ul li{display:inline-block;height: 40px; line-height: 40px; width: 130px; font-size:14px; background:#f6f6f6; border-top-left-radius:3px;  border-top-right-radius:5px; margin-right: 8px; border-top: 1px solid #dedfe8;border-left: 1px solid #dedfe8;border-right: 1px solid #dedfe8; position: relative;    vertical-align: top;}
.itmdetailTab ul li.hover{ background:#deecfc }
.itmdetailTab ul li a{ color:#373f52; text-align: center; opacity: 0.4;filter:Alpha(opacity=40); display: block; width: 128px; height: 40px; line-height: 40px; }
.itmdetailTab ul li a.active{ color:#20223d;opacity:1; filter:Alpha(opacity=100); background: #f1f6fb}
.itmdetailTab .control{ position: absolute; top:0; right:0; height: 40px;}

.itmdetailList{ width: 100%;content: ''; }
.homepage .table thead tr{ background:#deecfc }
.table > thead > tr > th{    font-weight: normal; color:#373f52 ; font-weight: bold; font-size: 11px; background: #eceff5; border-bottom: 1px solid #eaebee; padding: 14px 3px;}
.table > thead > tr > th .checkbox label{font-weight: bold; line-height: 20px;}
.table > tbody > tr a{  color: #2290ff ; margin: 0 3px;}

.table > tbody > tr a i.remarks{ display: inline-block; width: 11px; height: 13px; background-position: -152px -2px}
.table > tbody > tr a i.addcontract{ display: block; float: left; margin-right: 5px; width: 12px; height: 12px; background-position:-168px -2px; margin-top: 4px; }
/*span i.dq{ background-position: -71px -1px;display: block; width: 16px; height: 16px; margin-right: 10px; margin-top: 12px; float: left}*/


.control{ width: 60px; height:40px; background: url(../images/bg-01.png) no-repeat -15px 0; text-align: right; position: absolute ;  top:0;right:0}
.control span{  width: 16px; display: inline-block; height: 40px; }
.control span.prev{ background-position: 0 -20px; cursor: pointer}
.control span.next{ background-position: -26px -20px; cursor: pointer}

.searchBox{ padding: 6px 0px; margin-bottom: 14px; }
.searchBtn,.searchBtn:hover,.searchBtn:focus{ border: none; background:#fff; height: 34px;    box-shadow: none; border-top: 1px solid #ccced6;  border-right: 1px solid #ccced6; border-bottom: 1px solid #ccced6;}
.btn{ border-radius: 3px;}
.searchBtn i.search{ display: block; width: 14px; height: 14px; float: left; background-position:-48px -4px }
.content-page>.content{ margin-top:70px;  padding: 30px 4px 16px 17px;}
.pageNav{ font-size: 12px; color: #a1a3ab; margin-bottom: 20px;}
.chx{    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
}
.checkbox label::before{
    top:50%;
    margin-top: -8.5px;
}
.checkbox label::after{
    top:50%;
    margin-top: -9px;
}
.chx::before {
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #cccccc;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    top:0px;
    position: absolute;
    transition: 0.3s ease-in-out;
    width: 17px;
    outline: none !important;
}

.chxchecked::after {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    display: inline-block;
    font-size: 11px;
    height: 17px;
    /*padding-left: 3px;*/
    padding-top: 1px;
    position: absolute;
    width: 17px;
    background-color: #6e8cd7;
    border-color: #6e8cd7;
    left: 0;
    top:0px;
    border-radius: 3px;
    margin-top: -1px\9;
}
.totalHouses{ background: #f2f7fe; padding: 10px 20px;}
.totalHouses span{ margin-right: 60px;}
.green{ color: #18be81}
.blue{ color: #4496fc}
.orange{ color: #fe7a04}
.m-r-10 .input-group button.orange{ background: #fe7a04; color: #fff; border: 1px solid #fe7a04 }

.red{ color: #fe6a7b}
.violet{color: #ba63fd}


.roomStatus{ padding: 21px; width: 100%;}
.roomStatus p{ height: 40px; line-height: 40px;}
.roomStatus p span{ color: #808794; margin-right: 40px; display: inline-block}
.roomStatus p span em{ font-weight: bold; color:#393d51; font-size: 16px; }
.roomStatus p span i{ display: block; width: 16px; height: 16px; margin-right: 10px; margin-top: 12px; float: left}
.roomStatus p span i.kx{ background-position: -71px -1px;}
.roomStatus p span i.yx{ background-position: -88px -1px;}
.roomStatus p span i.sd{ background-position: -105px -1px;}
.roomStatus p span i.tz{ background-position: -122px -1px;}
.roomStatusInfo {}
.roomStatusInfo span{ margin: 0 15px 12px 0; display: block;  width: 104px; height: 40px; text-align: center; line-height: 40px;}
.roomStatusInfo span.kx{ background-position: -213px -60px}
.roomStatusInfo span.yx{ background-position: -3px -60px}
.roomStatusInfo span.sd{ background-position: -108px -60px}
.roomStatusInfo span.tz{ background-position: -318px -60px}
.roomStatusInfo span a{ display: block; width: 100%; height: 100%;}
.input-group,.form-group{ position: relative;}
.placeholder{display: block; color: #999; font-weight: normal; position: absolute; top:0; left:0; z-index: 100 }
.form-group .placeholder{ padding: 10px 16px; font-size: 16px; left:10px; width: 100%;line-height: 1.33;    height: 46px;}
.input-group .placeholder{     padding: 6px 12px; font-size: 14px; left:0; width: 100%;line-height: 1.42857143;    height:34px;}
.fieldInfo{padding: 20px;}
.fieldInfo-title{position: relative;background: #deecfc;padding: 6px 15px; margin-bottom: 45px; height: 46px;}
.fieldInfo h1{ height: 34px; line-height: 34px; font-size: 18px; color: #373f52; font-weight: bold}
.fieldInfo-btn{ position: absolute; right: 0; top: 6px; margin-bottom: 0;}
.fieldInfo-btn button{ margin-left: 10px;}
.fieldInfoModular{ margin-bottom: 48px;}
h3.fieldInfoModular-title{ height: 16px; font-size: 16px; color: #373f52; font-weight: bold; margin-bottom: 24px; position: relative;}
a.add{ position: absolute; top:-2px; right: 30px; display: block; width: 20px; height: 20px;}
a.add i.addman{ display: block;width: 20px; height: 20px; background-position: -183px 0}
h3.fieldInfoModular-title span{ display: block; width:120px;  padding-left: 5px;float: left ; margin-left: 16px; height: 16px; line-height: 16px; border-left: 4px solid #1886e5}
h3.fieldInfoModular-title em{ font-style: normal; font-size: 12px; color: #808794; float: left; line-height: 14px; }

.idcardInfo-image{ margin-bottom: 48px;}
.idcardInfo .idcardInfo-image{ height: 115px; margin-left: 85px;}
.idcardInfo .idcardInfo-image .idcard-image{ float: left; width: 112px; height: 112px; overflow: hidden; border: 1px solid #ececec; margin-right: 32px;}
.idcardInfo .idcardInfo-image .idcard-image img{ width: 110px; height: 110px;}
.idcard-btn p{ padding: 5px 0 0; color: #808794; margin: 0}
.idcard-btn p.zgz{ font-size: 18px; color:#373f52; font-weight: bold }
.idcard-btn p.zgz span{ color:#0489fd }
.idcard-btn p.zgz span.err{color: #fd2704}
.btnclick{ padding: 4px 12px; background: url(../images/b-l.gif) repeat-x 0 bottom; border: 1px solid #c9dbec}
.fieldInfoModularBox ul li{ width: 33%; float: left; height: 26px; margin-bottom: 15px;}
.fieldInfoModularBox ul li label{ width: 30%; min-width: 90px; display: inline-block; color: #808794; font-weight: normal; height: 30px; line-height: 30px; float: left; text-align: right; margin-right: 6px; }
.fieldInfoModularBox ul li input{ padding: 2px 10px;}
.fieldInfoModularBox ul li input,.fieldInfoModularBox ul li select{ width: 66%; height: 30px;  border: 1px solid #c9dbec; color:#20223d; float: left; line-height: 30px; }
.fieldInfoModularBox ul li select{ line-height: 26px;padding: 4px 12px;}
.fieldInfoModularTbale{ width: 98%; margin: 0 auto;border: 1px solid #c9dbec}
.fieldInfoModularTbale thead tr{ background:#eef2fb; }
.fieldInfoModularTbale>thead>tr>th{border-bottom: 1px solid #c9dbec}

textarea.jianjie{ width: 97%; margin:0 1.5%; border-radius: 3px; padding: 10px; background: #f8fafc; height: 54px; border: 1px solid #ececec;}
.fieldInfoModularBox .upload-image,.fieldInfoModularBox .upload-btn{ width: 240px; height: 180px; text-align: center; overflow: hidden; border: 1px solid #ececec; position: relative; float: left; margin-left: 17px; margin-bottom: 10px;}
.fieldInfoModularBox .upload-image{ text-align: center}
.fieldInfoModularBox .upload-image img{ width: 238px; height: auto; margin: 0 auto; text-align: center;}
.fieldInfoModularBox #videoBox .upload-image{}
.fieldInfoModularBox #videoBox .upload-image img{ width: auto; height: 178px; margin: 0 auto; text-align: center;}
.fieldInfoModularBox .upload-image a.delimgbtn{ position: absolute; display: block; width: 20px; height: 20px; top:8px; right:8px; display: none;}
.fieldInfoModularBox .upload-image:hover a.delimgbtn{display: block;}

.fieldInfoModularBox .upload-image a i.delimg{ display: block;width: 20px; height: 20px; background-position:-208px 0; }
.fieldInfoModularBox .upload-image span{ text-align: center; position: absolute; height: 30px; width: 100%; left: 0; top: 50%; margin-top: -15px; line-height: 30px;}
.fieldInfoModularBox .upload-btn a{ display: block; width: 100%; height: 100%; position: relative; background: #f9f9f9}
.fieldInfoModularBox .upload-btn a:hover{background: #eee}
.fieldInfoModularBox .upload-btn a i.uploadBtn{ display: block; width: 27px; height: 27px; background-position:-60px -27px; position: absolute; top: 50%; left: 50%; margin: -13.5px 0 0 -13.5px }
.fieldInfoModularBox .hetong{margin-left: 17px; background: #f5f8fc; border: 1px solid #e2eaf8; width: 240px; height: 105px; float: left}
.fieldInfoModularBox .hetong h3{ padding: 15px;  font-size: 16px; color: #373f52;}
.fieldInfoModularBox .hetong .input-group{ text-align: right; margin-left: 105px;}
.fieldInfoModularBox .hetong .input-group a{ margin-right: 5px;}

.pagesizes{}
.fieldInfoModularBox ul li.has-error label{color: #a94442;}

.fieldInfoModularBox ul li.has-error  input,.fieldInfoModularBox ul li.has-error  select,#addTenant li.has-error input,#addTenant li.has-error select{border: 1px solid #a94442}
#livingCardValidTime-date,#signDate-date,#contractStartDate-date,#contractEndDate-date,#jiaoZuZhi-date,#mianZuZhi-date,#birthDay-date,#birthDayDate,#retractTime,#addTenantBirthday,#buyTime,#maintainTime,#confirmRentBillBoxPayTime-date{background: url(../images/date.png) no-repeat 95% center}
#livingCardValidTime-date:focus,#signDate-date:focus,#contractStartDate-date:focus,#contractEndDate-date:focus,#jiaoZuZhi-date:focus,#mianZuZhi-date:focus,#birthDay-date:focus,#birthDayDate:focus,#retractTime:focus,#addTenantBirthday:focus,#buyTime:focus,#maintainTime:focus,#confirmRentBillBoxPayTime-date:focus{background: url(../images/date2.png) no-repeat 95% center}
.sidebar-inner {
    width: 200px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    overflow: auto;
    z-index: 1;
}
.sidebar-inner::-webkit-scrollbar
{
    width: 0;
}
.table > tbody > tr > td.chxTd{ padding-left: 35px;    position: relative;}
.chxTd .chx{position: absolute; left: 5px;}
#datatable td {
    font-weight: normal;
    font-size: 12px;
    padding: 14px 3px;

}
#datatable td a{ margin: 0 3px;}
#datatable td.chxTd{
    padding: 14px 14px 14px 28px;
}
#datatable td.hth{
    word-break:break-all;
    word-wrap:break-word;
}
div.dataTables_info{    vertical-align: top;    display: inline-block;    padding-top: 0; margin-top: 30px;}
div.dataTables_paginate{ display: inline-block;}
div.totalPages{    vertical-align: top;    display: inline-block;    padding-top: 0; margin-top: 30px; height: 34px; box-shadow: none;  color: rgba(0,0,0,.6);  font-size: 14px;    padding: 6px 12px; line-height: 1.42857143; }


.contractbox .contractModal-content .contract-info-detail ul li.has-error  input,.contractbox .contractModal-content .contract-info-detail ul li.has-error  select{border: 1px solid #a94442}

.contractbox .contractModal-content .contract-info-detail ul li.has-error  input,.contractbox .contractModal-content .contract-info-detail ul li.has-error  select{border: 1px solid #a94442}
input[type="checkbox"],
input[type="radio"] {
  accent-color: #1890FF; /* 修改选中颜色 */
}