@charset "utf-8";
body {color:#323232;background: rgba(0,0,0,.3);text-align:left;    position: relative; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;outline:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
body,button,input,select,textarea {font:14px/1.5 "微软雅黑","宋体",sans-serif;}
input,button,select,textarea {font-size:100%;color:#636363;outline:none;}
textarea {resize:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
iframe {display:block;}
abbr,acronym {border:0;font-variant:normal;}
del {text-decoration:line-through;}
/* address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:500;} */
ol,ul {list-style:none;}
caption,th {text-align:left;}
/* h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;  font-family: "微软雅黑","宋体",sans-serif; } */
q:before,q:after {content:"";}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
a {text-decoration:none;color:#333; cursor: pointer}
a:hover {text-decoration:none;}
a:focus, input:focus {outline:none;}
button, input {  overflow: visible;  }
input::-moz-focus-inner,button::-moz-focus-inner{outline:none;}
input::-moz-focus-inner,button::-moz-focus-inner {border:0;padding:0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#959595 !important;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#959595 !important;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#959595 !important;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#959595 !important;}
hr {  box-sizing: content-box;  height: 0;  overflow: visible;  }
.clear{ height:0; overflow: hidden; clear: both}
.ng-cloak{
    display: none;
}
.modal-title{ font-size: 16px; font-weight: bold}
div.modal .modal-dialog .modal-content .modal-footer{ padding: 15px 0}
.panel-user hr {
    margin: 10px 0;
}
.media-main a.pull-left {
    width: 100px;
}
.media-main .info h4 {
    margin-bottom: 5px;

    font-size: 18px;
}
.media-main .info {
    color: #000000;
    overflow: hidden;
}
.footer{ height: 100px; text-align: center !important; text-align: center;color: #a4b2cb; line-height: 100px;}


.p-title{  height: 30px; line-height: 30px; position: relative; margin-bottom: 20px; }
.p-title ul li{ float: left; width: 70px; height: 30px;   }
.p-title ul li a{ color:#32323c; font-size: 12px;  display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; border: 1px solid #acb4c2;   background:#e8e8e8  url(../images/l9.gif) repeat-x 0 0; background-size: auto 30px}
.p-title ul li a.active{color: #787880; background:#ededed; border: 1px solid #dedede; }
.p-title ul li:first-child a{ border-top-right-radius: 0;border-bottom-right-radius: 0; border-bottom-left-radius: 3px;border-bottom-left-radius: 3px; }
.p-title ul li:last-child a{ border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 3px;border-bottom-right-radius: 3px; }
.p-title ul li:last-child a.active{ border-left:0 }
.p-title ul li:first-child a.active{ border-right:0 }

.m-r-10 .input-group{ position: relative; float: left; margin-left: 10px; line-height: 40px;}
.m-r-10 .input-group button{ padding: 5px 12px; font-size: 12px; background: #2290ff; color: #fff; border: 1px solid #2290ff }

.m-r-10 .input-group button#del{ background: #f06273;  border: 1px solid #f06273 }
.m-r-10 .input-group button#fabu{ background: #51b97b;  border: 1px solid #51b97b }
.m-r-10 .input-group button#souding{ background: #ec6941;  border: 1px solid #ec6941 }



.radio, .checkbox{margin-top: 0; margin-bottom: 0;}
.selectStatus{ border-radius: 3px;  border: 1px solid #ccced6; background: #fff; padding: 6px 12px;    height: 34px;}
.selectStatus label{ font-weight: normal}
.selectStatus span{  padding: 0 0 0 10px; display: inline-block; height: 22px; overflow: hidden; line-height: 22px; font-size: 12px; }
.selectStatus span:last-child{padding:  0 10px;}
.selectStatus span input{ margin: 0 6px 2px 0; vertical-align: middle}
.searchBox .form-control{ color: #4c5060; font-size: 12px; border: 1px solid #ccced6}

.roomInfo{}
.roomInfo-def{ margin-bottom: 20px;}
.roomInfo-def .roomInfo-def-floor{ width: 100%; height:44px; line-height: 33px; background: url(../images/l10.gif) repeat-x 0 bottom;  color:#888c93;   margin-bottom: 20px; }
.roomInfo-def ul li{ float: left; width: 23%; margin: 0 1%  20px; background: #fff; overflow: hidden; padding: 12px 18px 50px 18px; position: relative; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); position: relative;}
.roomInfo-def .roomInfo-def-floor span{ padding-left: 20px;    font-weight: bold;}
.roomInfo-def ul li h3{ font-size: 16px; color: #4c5060; position: relative; height: 32px; line-height: 32px;}
/*.roomInfo-def ul li h3 label{width: 50%;}*/
.roomInfo-def ul li h3 em{ float: right; font-size: 14px; }
.roomInfo-def ul li h3 em.dengji{color: #f56e4e}
.roomInfo-def ul li h3 em.kezu{color: #22ac38}
.roomInfo-def ul li p{ height: 26px; line-height: 26px; font-size: 12px; text-align: left; color: #4c5060}
.roomInfo-def ul li p span{ color: #a9abb4; padding-left: 5px;}

.roomInfo-def ul li p.hf{ width: 50%; float: left; }

.roomInfo-def ul li .ftt-btn{ height:40px; line-height: 40px; background: #2290ff; position: absolute; bottom: 0; left: 0; width: 100%; }
.roomInfo-def ul li .ftt-btn a{ display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center;}
.roomInfo-def ul li .ftt-btn span{ display: block; width: 50%; height: 40px; float: left;}
.roomInfo-def ul li .ftt-btn span:first-child{ background: url(../images/l11.gif) no-repeat right center}


.roomInfo-def ul li span.cStatus{ position: absolute; display: block; width: 52px; height: 48px; top: 0;right: 0;}
.roomInfo-def ul li span.dengji{ background: url(../images/dj.png) no-repeat 0 0;}
.roomInfo-def ul li span.kezu{ background: url(../images/kz.png) no-repeat 0 0;}
.roomInfo-def ul li span.qianyue{ background: url(../images/sx.png) no-repeat 0 0;}
.roomInfo-def ul li span.shentui{ background: url(../images/st.png) no-repeat 0 0;}
.roomInfo-def ul li span.zaizu{ background: url(../images/zz.png) no-repeat 0 0;}
.roomInfo-def ul li span.yuqian{ background: url(../images/yq.png) no-repeat 0 0;}
.roomInfo-def ul li span.weishangjia{ background: url(../images/wsj.png) no-repeat 0 0;}

.roomInfo-def ul li span.z1{ background: url(../images/z1.png) no-repeat 0 0;}
.roomInfo-def ul li span.z2{ background: url(../images/z2.png) no-repeat 0 0;}
.roomInfo-def ul li span.z3{ background: url(../images/z3.png) no-repeat 0 0;}
.roomInfo-def ul li span.z4{ background: url(../images/z4.png) no-repeat 0 0;}
.roomInfo-def ul li span.z5{ background: url(../images/z5.png) no-repeat 0 0;}
.roomInfo-def ul li span.z6{ background: url(../images/z6.png) no-repeat 0 0;}
.roomInfo-def ul li span.z7{ background: url(../images/z7.png) no-repeat 0 0;}
.roomInfo-def ul li span.z8{ background: url(../images/z8.png) no-repeat 0 0;}
.roomInfo-def ul li span.z9{ background: url(../images/z9.png) no-repeat 0 0;}




.contractModal{}
.contractModal-document{ width: 65%;margin-right: -1px; position: absolute; top: 0;right: 0; padding:50px 32px; background: #fff; min-height: 100%;}
.contractModal-content,.projectModal-content{  position: relative}
.contractModal-document button.close{ position: absolute; top: 15px; right:20px; font-size: 32px; font-weight: normal;opacity: .7}

.contractModal-content .contract-tltle{ height: 40px; line-height: 40px; font-size: 16px; color:#7c7e88; margin-bottom: 18px; }
.contractModal-content .contract-tltle span{ display: block; float: left; text-align: left; width: 50%; height: 40px;}

.contractModal-content .contract-info-title{ height: 50px; line-height: 50px; font-size: 16px; margin-bottom: 30px; background: #eef6fe}
.contractModal-content .contract-info-title span{display: block; float: left; text-align: center; width: 33.333%; height: 50px; overflow: hidden;}
.contractModal-content .contract-info-title .shehui span{ width: 25%;}

.contractModal-content .contract-info-title span a{ display: block; width: 100%; height: 50px; color:#4c5060; }
.contractModal-content .contract-info-title span a.active{ color: #2290ff; border-bottom: 2px solid #2290ff;}
.contractModal-content  .contract-info-h,.projectModal-content  .project-info-h{ height: 40px;line-height: 40px; position: relative;}



.contractModal-content  .contract-info-h h3,.projectModal-content  .project-info-h h3{ font-size: 18px; color: #32323c; height: 40px; line-height: 40px; }
.contractModal-content  .contract-info-h h3 a{ color: #2290ff}

.contractModal-content  .contract-info-h h3 span{ font-size: 14px; color: #f68704; padding-left: 20px; font-weight: normal}
.contractModal-content  .contract-info-h h3 span.fwzt{ color: #3bb54d; float: right; font-size: 16px;}
.contractModal-content .contract-info-status{ margin-bottom: 14px;}
.contractModal-content  .contract-info-h .contract-info-h-operation{ position: absolute; height: 40px; line-height: 40px;  width: 50%; top: 0; right: 0; text-align: right}
.contractModal-content  .contract-info-h .contract-info-h-operation a{ color: #2290ff; margin-left: 20px; font-size: 14px;}
.contractModal-content  .contract-info-tenant{ margin-bottom: 15px;}
.contractModal-content  .contract-info-detail,.projectModal-content  .project-info-detail{ padding: 5px 0;}
.contractModal-content  .contract-info-detail ul li,.project-information .project-info-detail ul li{ float: left; width: 50%; height: 28px; line-height: 28px; font-size: 12px; color: #787880}
.contractModal-content  .contract-info-detail ul li label,.project-information .project-info-detail ul li label{ float: left; width: 97px; height: 28px; color: #5a5a64; text-align: right; margin-right: 18px;}
.contractModal-content  .contract-info-detail ul li span{ height: 28px;   display: inherit; }
.contractModal-content  .contract-info-contract{ margin-bottom: 15px;}
.contract-info-hh{ height: 36px;padding: 10px 0; position: relative;}
.contract-info-hh #rzdj{ position: absolute; right: 0; top: 0; background:#2290ff; color: #fff; border: 1px solid #2290ff; padding: 3px 8px; }


/*.modal{ margin-right: -1px;}*/
.contract-info-hh h4{ margin-left: 2px; border-left:4px solid #99bbdd; line-height: 16px; padding-left:10px; font-size: 14px; color: #313131; font-weight: normal}

.contract-info-table .table > thead > tr > th{ background: #f1f6fb; text-align: center; font-size: 14px; font-weight: normal;    border: 1px solid #eaebee;}
.contract-info-table .table > caption + thead > tr:first-child > th,.contract-info-table  .table > colgroup + thead > tr:first-child > th,.contract-info-table  .table > thead:first-child > tr:first-child > th{ border-top: 1px solid #eaebee;}
.contract-info-table .table > tbody > tr > td{background: #fff;text-align: center; font-size: 12px; font-weight: normal;    border: 1px solid #eaebee;    padding: 14px 3px;}

.contract-info-empty{ text-align: center; padding-top:200px; }
.contract-info-empty p{ font-size: 14px; color: #787880; text-align: center; margin-bottom: 25px;}
.contract-info-empty-btn  #qydj{  background:#2290ff; color: #fff; border: 1px solid #2290ff;  }

.modal-header .close{ font-weight: normal;opacity: .7;  font-size: 28px;}
.modal-title{ font-size: 24px; font-weight: normal}
div.modal .modal-dialog .modal-content{ padding: 18px 30px; border-radius: 0}
.modal-header .close{ margin-top: 2px;}
.modal-header{ border-bottom:none; }
.modal-footer{ border-top: none;}
div.modal .modal-dialog .modal-content .modal-body{ padding: 20px 0 15px 0}
.bootbox-alert .bootbox-body{ font-size: 18px;}
.modal-content{ border: none}

#editHouser .houseDetailTitle{ font-size: 18px; line-height: 30px; position: relative; height: 30px; margin-bottom: 15px;}
#editHouser .houseInfo ul li{ width: 242px; float: left; height: 30px;   margin: 0 10px 7px 20px}
#editHouser .houseInfo ul li p label{ color: #787880; font-size: 12px; float: left; height: 30px; line-height: 30px; width: 65px; margin-right: 8px; text-align: right; font-weight: normal}
#editHouser .houseInfo ul li p input,#editHouser .houseInfo ul li p select{ float: left; width: 168px; border: 1px solid #dedfe8; font-size: 12px; color: #32323c; height: 28px; padding: 3px 8px}
#editHouser .houseInfo{ margin-bottom: 35px;}
#editHouser .houseInfo ul li p select{ height: 30px;}
#editHouser .houseRenting .houseDetailTitle select{  float: left; width: 168px; border: 1px solid #dedfe8; font-size: 12px; color: #32323c; height: 30px; padding: 3px 8px}
#editHouser .houseRenting .houseDetailTitle span{ float: left;    width: 93px;}
#loading{ text-align: center}

#editHouser .houseDevices .houseDetailTitle-btn{ position: absolute; height: 30px; top: 0;right: 0; line-height: 30px; font-size: 12px;}
#editHouser .houseDevices .houseDetailTitle-btn a{ color: #313131; margin-left: 28px; width: 60px; float: left;}
#editHouser .houseDevices .houseDetailTitle-btn a i{ background-image: url(../images/icon_all.png); background-repeat: no-repeat; display: block; float: left; width: 20px; height: 20px; margin: 5px 5px 0 0}
#editHouser .houseDevices .houseDetailTitle-btn a i.add{ background-position:-233px -1px; }
#editHouser .houseDevices .houseDetailTitle-btn a i.del{ background-position:-256px -1px; }
.contractHousesInfo,.housesInfo{ display: none;}

.devicesPage .houseDetailTitle-btn{ position: absolute; height: 30px; top: 0;right: 0; line-height: 30px; font-size: 12px;}
.devicesPage .houseDetailTitle-btn a{ color: #313131; margin-left: 28px; width: 90px; float: left;}
.devicesPage .houseDetailTitle-btn a i{ background-image: url(../images/icon_all.png); background-repeat: no-repeat; display: block; float: left; width: 20px; height: 20px; margin: 5px 5px 0 0}
.devicesPage .houseDetailTitle-btn a i.add{ background-position:-233px -1px; }
.devicesPage .houseDetailTitle-btn a i.del{ background-position:-256px -1px; }
.searchBox{    min-height: 46px; height: auto; position: relative}

.alert-info.dialogerror{ }
.bb-alert {
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    margin-bottom: 0;
    font-size: 1.2em;
    padding: 1em 1.3em;
    z-index: 2000;
    width: 400px;
    text-align: center;
}

.contractbox .modal-dialog{ width: 900px;}
.delHousesBox .modal-dialog.danweifangwu{ width: 900px;}
.addHousesBox .modal-dialog.danweifangwu{ width: 900px;}
.tenantListsbox .modal-dialog{ width: 640px;}

.contractbox .modal-title{ text-align: center}
.projectBox .modal-title{ text-align: center}
.houserTypeBox .modal-title{ text-align: center}


.contractbox .contractModal-content .contract-info-detail ul li{ width: 33%; margin-bottom: 10px;}
#addNewCustomer .contract-info-detail ul li{ width: 50%; margin-bottom: 10px; height: 40px; float: left}
#addNewCustomer .contract-info-detail ul li label{margin-right: 10px; font-weight: normal; float: left; width:100px; height: 40px; line-height: 40px;}

.project-information .project-info-detail ul li{ float: left; width: 33%;  margin-bottom: 10px;   height: 28px;  line-height: 28px;  font-size: 12px;  color: #787880;}

.contract-info-detail ul li input,
.contract-info-detail ul li select,

.contractbox .contractModal-content .contract-info-detail ul li input,
.project-information .project-info-detail ul li input,
.project-information .project-info-detail ul li select,
.contractbox .contractModal-content .contract-info-detail ul li select{ width: 170px; float: left; height: 28px; padding: 3px 6px; border: 1px solid #dedfe8;border-radius: 3px;}
.contractbox .contractModal-content .contract-info-detail ul li label,.project-information .project-info-detail ul li label{ margin-right: 10px; font-weight: normal}
.essential-information,.contract-info-tenant,.project-information{ margin-bottom:20px; }
.contractbox .contractModal-content .contract-info-detail ul li textarea,.project-information .project-info-detail ul li textarea{ width: 726px; height: 50px; border: 1px solid #dedfe8;border-radius: 3px;    padding: 3px 6px;}
.contractbox .contractModal-content .contract-info-detail ul li.shouZuShiJianType{ position: relative}
.contractbox .contractModal-content .contract-info-detail ul li.shouZuShiJianType em{ position: absolute; right: 6px; top: 0px;}
#addNewCustomer .contract-info-detail ul li select,#addNewCustomer .contract-info-detail ul li input{ width: 250px; height: 34px; line-height: 34px;}
#addNewCustomer .contract-info-detail ul li textarea{ width: 672px;height: 50px; border: 1px solid #dedfe8;border-radius: 3px;    padding: 3px 6px;}
.contract-info-h  .houseDetailTitle-btn{ position: absolute; height: 30px; top: 0;right: 0; line-height: 30px; font-size: 12px;}
.contract-info-h  .houseDetailTitle-btn a{ color: #313131; margin-left: 28px; width: 95px; float: left;}
.contract-info-h  .houseDetailTitle-btn a i{ background-image: url(../images/icon_all.png); background-repeat: no-repeat; display: block; float: left; width: 20px; height: 20px; margin: 5px 5px 0 0}
.contract-info-h  .houseDetailTitle-btn a i.add{ background-position:-233px -1px; }
.contract-info-h  .houseDetailTitle-btn a i.del{ background-position:-256px -1px; }

.addHousesBox .input-group,.addHousesBox .form-group {  display: inline-block;  position: relative;  }
.pagination>li>a.active {
    background-color: #6e8cd7;
    border-color: #6e8cd7;
    color: #fff;
}

#addTenant li{ width: 225px; margin-right: 25px; height: 30px; margin-bottom: 7px; }
#addTenant li label{  width: 68px; text-align: left; margin-right: 0; font-weight: normal}
#addTenant li  input,#addTenant li  select{ width: 142px; height: 28px; border: 1px solid #dedfe8;padding: 3px 6px; border-radius: 3px;}
#addTenant li textarea{padding: 3px 6px; border-radius: 3px; width:100%; height: 90px;border: 1px solid #dedfe8;}
#tenantListsbox .getUserInfo{ position: absolute; width: 110px; height: 134px; right: 0; top: 45px; }
#tenantListsbox .getUserInfo a{ display: block; width: 110px; height: 134px; position: absolute;top: 0; left: 0;overflow: hidden; border: 1px solid #dedfe8;padding: 3px 6px; border-radius: 3px; }

#tenantListsbox .modal-title{ text-align: center}
#addTenant li  span{}
#retireboxContractModal .contract-info-detail ul li { width: 50%;}
#retireboxContractModal .zafei{ position: absolute; right: 0; top: 0; background:#2290ff; color: #fff; border: 1px solid #2290ff; padding: 3px 8px; }
#retireboxContractModal .contractRetireInfo .tablebottom{ text-align: right;margin-bottom: 20px; font-size: 12px;}
#retireboxContractModal .contractRetireInfo .tablebottom span{ font-size: 14px; margin-left: 10px; font-weight: bold }

#retireboxContractModal .contractRetireInfo table input{    width: 120px;  float: none;  height: 28px;  padding: 3px 6px;  border: 1px solid #dedfe8;  border-radius: 3px; color:#2290ff }

#retireboxdetail .contract-info-detail .contract-info-detail ul li{width: 50%;}
.contractRetireInfo .tablebottom{ text-align: right;margin-bottom: 20px; font-size: 12px;}
.contractRetireInfo .tablebottom span{ font-size: 14px; margin-left: 10px; font-weight: bold }

.checkoutApplicationInfo-p{ line-height: 32px; margin-bottom: 30px;}
.checkoutApplicationInfo-p span{ padding: 0 20px; border-bottom: 1px solid #2b2b2b;    height: 30px;}
.checkoutApplicationInfo-txt{ width: 100%; height: 200px; border: 1px solid  #2b2b2b; margin-bottom: 30px;}
.checkoutApplicationInfo-center{ text-align: center; margin-bottom: 20px}
.checkoutApplicationInfo-center h3{ font-size: 22px;}
.checkoutApplicationInfo-p table{ width: 100%; font-size: 14px;}

.checkoutApplicationInfo-p .table > thead > tr > th{ border:1px solid #eaebee;    text-align: center;    background: #fff; }
.checkoutApplicationInfo-p .table > tbody > tr > td{ text-align: center; border:1px solid #eaebee;    }
.checkoutApplicationInfo-p .table-striped > tbody > tr:nth-child(odd){ background: #fff}

.checkoutApplicationInfo-p .table > caption + thead > tr:first-child > th,.checkoutApplicationInfo-p  .table > colgroup + thead > tr:first-child > th,.checkoutApplicationInfo-p  .table > thead:first-child > tr:first-child > th{    border-top: 1px solid #eaebee;   ;}


#houseTypeModel .modal-dialog{ width: 400px;}
.houseTypeModel-info p { height: 40px; line-height: 40px; width: 100%; clear: both}
.houseTypeModel-info p label{ font-weight: normal; padding-right: 10px; float: left;}
.houseTypeModel-info p select{ float: left; width: 250px;}

.addDevicesModel-info ul li{height: 40px; line-height: 40px; width: 50%; float: left;}
.addDevicesModel-info  ul li label{ font-weight: normal; padding-right: 10px; float: left;}
.addDevicesModel-info  ul li select,.addDevicesModel-info  ul li input{ float: left; width: 150px; height: 30px; padding: 3px 6px;}
.addDevicesModel-info ul li.has-error select,.addDevicesModel-info ul li.has-error input{ border: 1px solid #a94442}
#editHouser .houseInfo ul li.has-error p input, #editHouser .houseInfo ul li.has-error p select{ border: 1px solid #a94442}

.contract-info-detail p{ color: #939399}
.contract-info-detail p label{ margin-right: 10px; display: inline-block; width: 120px; text-align: right; font-weight: normal; color: #525252}
.printBillInfo h3{   font-size: 18px;  color: #32323c;  height: 60px;  line-height: 60px;}
.printBillInfo-m span,.printBillInfo h3 span{ display: inline-block; width: 49%; height: 40px;}
.printBillInfo-m span.right,.printBillInfo h3 span.right{text-align: right}

#printBill .contract-info-detail p label{ width: 85px; text-align: left}
#confirmRentBill .contract-info-detail p label,#confirmRentBills .contract-info-detail p label{ width: 85px; text-align: left}
.printBillInfo-m{ height: 36px; line-height: 36px; border-bottom: 1px dashed #7d7d7d; border-top: 1px dashed #7d7d7d; margin-top: -1px}
.printBillInfo-m span.right em{ color:#2290ff }
#confirmRentBill .contract-info-detail ul li,#confirmRentBills .contract-info-detail ul li{ width: 50%;}
#confirmRentBill .contract-info-detail ul li label,#confirmRentBills .contract-info-detail ul li label{ width: 65px;}
#confirmRentBill .contract-info-detail ul li select,#confirmRentBill .contract-info-detail ul li input,#confirmRentBills .contract-info-detail ul li select,#confirmRentBills .contract-info-detail ul li input{ width: 135px;}
#confirmRentBill .contract-info-detail textarea,#confirmRentBills .contract-info-detail textarea{width: 100%;  height: 40px;  padding: 3px 6px;  border: 1px solid #dedfe8;  border-radius: 3px;}
.itmdetailList{ position: relative}
#loadingPage{ position: fixed; height: 80px; width: 320px; text-align: center; left: 50%; top: 50%; margin: -40px 0 0 -160px; line-height: 80px; font-size: 20px; border: 1px solid #ccc; border-radius: 5px; background: #fff}
.modal .modal-dialog .modal-content .modal-header{ height: 28px;}
#retireboxdetail .contract-info-detail ul li{ width: 50%;}

.itmdetailList tr td div{
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/}
.itmdetailList tr td.no{ width: 100px;}
.ui-menu-item{ position: relative}
ul.ui-autocomplete, ul.ui-autocomplete .ui-menu-item,.ui-menu-item-wrapper{ z-index: 9999}
.zafeiBtn, .btn.zafeiBtn:hover,.btn.zafeiBtn:focus{    position: absolute;  right: 0;  top: 0;  background: #2290ff;  color: #fff;  border: 1px solid #2290ff;  padding: 3px 8px; z-index: 200}
.zafeiBtns, .btn.zafeiBtns:hover,.btn.zafeiBtns:focus{  background: #2290ff;  color: #fff;  border: 1px solid #2290ff;  padding: 3px 8px; z-index: 200}

.time-input{background: url(../images/date.png) no-repeat 95% center}
input.time-input:focus{background: url(../images/date2.png) no-repeat 95% center}
#addExtrasBill .contract-info-detail p{ margin-bottom: 10px;}
.zafei-info p{ margin-bottom: 10px; position: relative}
.zafei-info p select,.zafei-info p input{ display: inline-block; width: 165px; margin-right: 5px;}
.zafei-info p a{ display: block; width: 20px; height: 20px; position: absolute;right: 0; top: 8px;}
.zafei-info p span{display: block; width: auto; height: 34px; line-height: 34px; text-align: right; position: absolute;right: 35px; top: 0px;}
.zafei-info p a i{ background-image: url(../images/icon_all.png); background-repeat: no-repeat; display: block; float: left; width: 20px; height: 20px;}
.zafei-info p a i.del{ background-position:-256px -1px; }
.zafei-info textarea{ width:515px; height: 50px; border: 1px solid #eee; border-radius: 5px; padding: 5px; }

#editContractbox .zafei-info p select,#editContractbox  .zafei-info p input{ width: 31%; margin-right: 10px;}
a.delzafei{ display: block; width: 20px; height: 20px; position: absolute;right: 0; top: 20px;}
a.delzafei i{ background-image: url(../images/icon_all.png); background-repeat: no-repeat; display: block; float: left; width: 20px; height: 20px;}
a.delzafei i.del{ background-position:-256px -1px; }


.houseType--info-detail{ margin-bottom: 10px; padding: 0 20px}
.houseType--info-detail ul li{ width: 50%;   margin-bottom: 20px; float: left}
.houseType--info-detail ul li label{ display: block; font-weight: normal; height: 30px; line-height: 30px;}
.houseType--info-detail ul li input{ display: block; width: 250px;padding: 3px 6px;  border: 1px solid #dedfe8;  border-radius: 3px;height: 34px; line-height: 34px; }
.houseType--info-detail ul li .half{ width: 120px; float: left; position: relative}
.houseType--info-detail ul li .half input{ width: 110px;}
.houseType--info-detail ul li .half em{ width: 30px; position: absolute; right: 10px; bottom: 0; height:34px; line-height: 34px; text-align: center }
.houseType--info-detail ul li .taget a{ float: left; width: 90px; height: 40px; border-radius: 5px; border: 1px solid #dedfe8; text-align: center; line-height: 40px; margin: 5px; color: #888}
.houseType--info-detail ul li textarea{ width: 100%; height: 60px;padding: 3px 6px;  border: 1px solid #dedfe8; border-radius: 3px; }
.houseType--info-detail ul li .taget a.select{ color: #59acff; border: 1px solid #59acff; background: url(../images/u1046.png) no-repeat right top;}
.houseType--info-detail ul li .half span{ width: 74px;margin-right: 10px; display: inline-block; height: 34px; line-height: 34px; position: relative; background: #f5f7f7; border-radius: 3px; text-indent: 10px;}
.houseType--info-detail ul li .half span em{ right: 5px;}

ul#addProjectItem  li.has-error select,ul#addProjectItem  li.has-error input{ border: 1px solid #a94442}
ul#addProjectItem  li.has-error p input,ul#addProjectItem  li.has-error p select{ border: 1px solid #a94442}

#editLineUpBox .fieldInfoModular-title a{ position: absolute; right: 0; top: 0; font-size: 14px; font-weight: normal;}
.fieldInfoModular-title a i{ background-image: url(../images/icon_all.png); background-repeat: no-repeat; display: block; float: left; width: 20px; height: 20px; margin: 5px 5px 0 0}
.fieldInfoModular-title a i.add{ background-position:-233px -1px; }
.lineUpHoseModel .lineUpHoseModel-info{width: 120px; height: 40px; float: left; margin: 5px; position: relative}
.lineUpHoseModel .lineUpHoseModel-info span{  display: block;width: 120px; height: 40px; border-radius: 5px; border: 1px solid #2290ff; line-height: 40px; text-align: center}

.lineUpHoseModel .lineUpHoseModel-info a{ position: absolute; display: block; width: 20px; height: 20px; top:-1px; right:-1px; display: none;}
.lineUpHoseModel .lineUpHoseModel-info:hover a{display: block;}
.lineUpHoseModel .lineUpHoseModel-info a i.delimg{ display: block;width: 20px; height: 20px; background-position:-208px 0; }

.lockDetailTop{ position: relative; margin-bottom: 40px; background: #fff; padding: 10px;}
.lockDetailTop .houseImg{ width: 242px; height: 186px; overflow: hidden; float: left}
.lockDetailTop .houseImg img{ width: 242px}

.lockDetailTop .houseLockInfo{ float: left; margin-left: 30px;}
.lockDetailTop .houseLockInfo .houseLockInfo-top{ margin-bottom: 10px;}
.lockDetailTop .houseLockInfo h3{ font-size: 18px; font-weight: bold}
.lockDetailTop .houseLockInfo p span{  display: inline-block; width: 120px; height: 30px;}
.lockDetailTop .houseLockInfo .houseLockInfo-mid{ margin-bottom: 10px;}

.lockDetailTop .houseLockInfo .houseLockInfo-btn{ height: 40px;}
.lockDetailTop .houseLockInfo .houseLockInfo-btn a{ display: block; float: left; margin-right: 30px; }

.lockDetailTop  .unbindLockBtn{ position: absolute;  top:10px; right: 10px;}
.lockDetailTop  .unbindLockBtn a{    background: #2290ff;    border: 1px solid #2290ff;    color: #fff;}
.lockDetailContent{}
.lockDetailContent-title{ margin-bottom: 15px;}
.lockDetailContent-title h3{ display: block; width: 100%; height: 40px; font-size: 20px; line-height: 40px;}



.lockDetailContent-title .lockDetailContent-tab{ width: 100%; height: 50px; margin-bottom:24px; border-bottom: 1px solid #ccc;}
.lockDetailContent-title .lockDetailContent-tab ul li{ float: left; width: 121px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; }
.lockDetailContent-title .lockDetailContent-tab ul li a{ display: block; width: 100%; height: 50px; color: #111e36}
.lockDetailContent-title .lockDetailContent-tab ul li a.active{ color: #4882f3; font-weight: bold; border-bottom:3px solid #4882f3  }
.authModel .authModel-div{ margin-bottom: 10px;}
.authModel .authModel-div a{ padding: 2px 3px;}
.authModel .authModel-div span{ display: block;}
.authModel .authModel-div input,.authModel .authModel-div select{ margin-bottom: 6px;}
.authModel .authModel-div .error{ border: 1px solid #ff0000}

.stTable table tr td{ border: 1px solid #000; color: #000 }
.stTable table.table1 tr td{ padding: 8px; font-size: 14px;}
.stTable table tr td.colspan4{ width:126px }
.stTable table.table2 tr td{ width: 189px; font-size: 10.5px;padding: 8px;}
.stTable table.table3 tr td{ text-align: center; font-size: 15px; padding: 8px;}
.stTable table.table4 tr td{ text-align: center; font-size: 15px; padding: 8px; height: 32px;}
.stTable table{ width: 100%;}
.stTable table tr td i{ font-style: normal}


.additionContext a.delimgbtn{ position: absolute; display: block; width: 20px; height: 20px; top:-3px; right:-3px; display: none;}
.additionContext:hover a.delimgbtn{display: block;}
.additionContext a i.delimg{ display: block;width: 20px; height: 20px;  background: url(../images/close.png) no-repeat 0 0; }

.appointment .contract-info-h {margin-bottom: 20px;}
.appointment .contract-info-h .left {float: left; display: flex;}
.appointment .contract-info-h .left h3 {margin-left: 10px;}
.appointment .contract-info-h .right a {color: #1890FF;}
.appointment .contract-info-h .right .line {margin: 0 5px; width: 2px; height: 12px; background-color: #1890FF;}
.appointment .contract-info-h .right {float: right; display: flex; align-items: center;}
.appointment .contract-info-h span {color: #1890FF; font-size: 14px; margin-left: 10px;}
.appointment .contract-info-detail .username {margin-left: 33px; font-size: 16px; color: #111;}
.appointment .reelect .red {color: #E02020;}
.appointment .reelect .green {color: #06C690}
.appointment .reelect div.table {margin-top: 20px;}
.appointment .reelect .form-group label {width: 130px;}
.appointment .reelect .tip {padding: 10px 10px; border: 1px solid #BAE7FF; background-color: #E6F7FF; margin-top: 20px;}