.loginPage .login-header {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.login-header p {
    height: 100px;
    margin: 0 auto;
    padding: 0 13.7%;
    text-align: left;
    font-size: 32px;
}
.login-header span {
    width: 100%;
    height: 48px;
    margin: 26px 0;
    display: inline-block;
    color: #333;
    line-height: 48px;
}
.login-header span img {
    vertical-align: top;
    width: auto;
    height: 48px;
}
.ant-carousel .slick-slide {
    text-align: center;
    height: 160px;
    line-height: 160px;
    background: #fff;
    overflow: hidden;
}

.loginMain{
    width: 100%;
    padding: 100px 0 107px;
    height: 100%;
    position: absolute;
}
.ant-carousel{
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
}
.login-form{
    position: absolute;
    top: 50%;
    right: 13.7%;
    margin: -132px auto auto 0 !important;
    width: 356px;
    height: 264px;
    background: #fff;
    padding: 30px 30px 10px !important;
}
#normal_login_loginUser,#normal_login_loginPwd,.ant-btn.login-form-button{ height: 44px;}
.login-form-button{ font-size:18px; }
.login-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    height: 107px;
    line-height: 107px;
    background: #fff;
    color: #a4b2cb;
    text-align: center !important;
}
.loginMain .item{ height: 100%;width: 100%; position: absolute;top:0; left:0;    background-position: center center;      background-size: cover; }
/* .loginMain .item.itm1{ background-image: url('../images/logo-bg1.jpg')}
.loginMain .item.itm2{ background-image: url('../images/logo-bg2.jpg')}
.loginMain .item.itm3{ background-image: url('../images/logo-bg3.jpg')}
.loginMain .item.itm4{ background-image: url('../images/logo-bg4.jpg')} */
.loginMain .item.itm1{ background-image: url(/statics/3sT0tNK.jpg)}
.loginMain .item.itm2{ background-image: url(/statics/1HyFW71.jpg)}
.loginMain .item.itm3{ background-image: url(/statics/1mFSmA1.jpg)}
.loginMain .item.itm4{ background-image: url(/statics/kIoGrYm.jpg)}

.ant-carousel .slick-slide h3 {
    color: #fff;
}
 .login-form {

}
.login-form-forgot {
    float: right;
}
 .login-form-button {
    width: 100%;
}
 .errorMessage{ color: red}

.ant-carousel .slick-slider,.ant-carousel .slick-track,.ant-carousel .slick-list{ height: 100%}
.ant-carousel .slick-initialized .slick-slide{ height: 100%; position: relative}.always{
  page-break-after:always;
  padding-top: 30px;
}
.wrapper {
  width: 100%;
  min-width: 1300px;
  overflow: hidden;
}
.wrapper {
  position: relative;
  font-family: 'Blender';
  font-weight: 500;
  color: #fafafa;
  min-height: 100vh;
}
#logscolor .key{
  color:#92278f;
  font-weight: bold;
}
#logscolor .string{
  color:#3ab54a;
  font-weight: bold;
}
.popCol .ant-form-item{
  margin-bottom: 0;
}
#checkingtheDetail .ant-col-sm-3{
  width: 15.5%;
}

.home .ant-tabs-nav-scroll{background: #fff;}
.coloes{color:#000 !important}
.ant-table-body .ant-table-thead > tr > th{ font-weight: bold}
.clear{ clear: both; height: 0; overflow: hidden}
.ant-layout.ant-layout-has-sider{ margin-top: 70px;}
.topbar-left{ position: absolute;top: 0;left:0; height: 70px;}
.topbar-left .logo{    height: 48px;display: block;    margin: 11px 0 0 32px;text-align: left;    color: #333;line-height: 48px;font-size: 32px;}
.ant-layout .ant-layout-header{ height: 70px;box-shadow: 1px 0 1px 0 rgba(0,0,0,.1);    background: #fff;position: fixed;    right: 0;    left: 0;    top: 0;     z-index: 999;   border-bottom: 1px solid #d5d6d9;}
.topbar-left .logo img{ width: auto; height: 48px; vertical-align: top}
.navbar-default{}
.pull-right {
  float: right !important;
}
.splc .ant-steps-item-finish .ant-steps-item-icon {
  background-color: #5cdc5c;
  border-color: #fff;
}
.splc .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
  font-size: 9px;
  font-weight: bold;
}
.splc .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #5cdc5c;
}
.splc .ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -4px;
  font-size:0em;
  line-height: 1;
}
.splc .ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
  margin-top: 7px;
}
.splc .ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #ccc;
}
.splc .ant-steps-item-process .ant-steps-item-icon {
  background: #e8e8e8;
}
.splc .ant-steps-small .ant-steps-item-icon {
  width: 12px;
  height: 12px;
  font-size: 10px;
  line-height: 3px;
  text-align: center;
  font-weight: bold;
  border-radius: 12px;
}
.splc .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 30px 0 6px;
}
.ant-layout  .ant-layout-content{ background:#fff; padding: 24px;margin: 0;  minHeight: 280px;}
.ant-layout .ant-menu{background: #373746; color: #787c88}
.ant-layout .accountNav  .ant-menu{background: #fff; color: #000000a5}

.ant-layout .ant-menu a{color: #787c88}
.ant-layout .ant-menu-submenu > .ant-menu{background: #444656}
.ant-layout .ant-menu-submenu-active,.ant-layout .ant-menu-submenu:hover,.ant-layout .ant-menu-submenu-title:hover,.ant-layout .ant-menu-submenu-active a,.ant-layout .ant-menu-submenu:hover a,.ant-layout .ant-menu-submenu-title:hover a{ color: #fff ;}

.ant-layout .accountNav  .ant-menu-item-active ,.ant-layout .accountNav  .ant-menu-item:hover,.ant-layout  .accountNav .ant-menu-item-selected{ color: #1890FF}

.ant-menu-inline .ant-menu-submenu-title{ }
.ant-layout .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-layout .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-layout .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-layout .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-layout .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-layout .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-layout .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-layout .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
  background: linear-gradient(to right, #fff, #fff);
}
.ant-layout .ant-menu-item:hover,
.ant-layout .ant-menu-item-active,
.ant-layout .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-layout .ant-menu-submenu-active,
.ant-layout .ant-menu-submenu-title:hover,.ant-menu-submenu-title:hover a {
  color: #fff;
}
.ant-layout .ant-menu-submenu-selected,.ant-layout .ant-menu-item-selected ,.ant-layout .ant-menu-submenu-selected a,.ant-layout .ant-menu-item-selected a{
  color: #fff;
}
.ant-layout .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{ background: none}
.ant-layout .ant-menu-vertical .ant-menu-item,.ant-layout  .ant-menu-vertical-left .ant-menu-item,.ant-layout  .ant-menu-vertical-right .ant-menu-item,.ant-layout  .ant-menu-inline .ant-menu-item, .ant-layout .ant-menu-vertical .ant-menu-submenu-title,.ant-layout  .ant-menu-vertical-left .ant-menu-submenu-title,.ant-layout  .ant-menu-vertical-right .ant-menu-submenu-title, .ant-layout .ant-menu-inline .ant-menu-submenu-title{ margin: 0;}
.ant-layout .ant-menu-vertical > .ant-menu-item,.ant-layout  .ant-menu-vertical-left > .ant-menu-item, .ant-layout .ant-menu-vertical-right > .ant-menu-item,.ant-layout  .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,.ant-layout  .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,.ant-layout  .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,.ant-layout  .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{height: 40px;  line-height: 40px;}
.ant-layout .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-layout .ant-menu-vertical-left .ant-menu-item:not(:last-child),.ant-layout  .ant-menu-vertical-right .ant-menu-item:not(:last-child),.ant-layout  .ant-menu-inline .ant-menu-item:not(:last-child){ margin-bottom: 2px;}
.ant-layout .ant-menu-sub.ant-menu-inline > .ant-menu-item,.ant-layout  .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{ height: 40px; line-height: 40px;}


.ant-layout .ant-layout-content .contentTop { margin-bottom: 10px;}

/*.contentTop-search .ant-select-selection--single{color: #2290ff;    border: 1px solid #2290ff;}*/
.contentTop-search .ant-select-arrow{color: #2290ff;}
.assetListingsPage .ant-tabs-nav-scroll,.reserveListingsPage  .ant-tabs-nav-scroll{ background: none}
button.purple,button.purple:hover{background-color: rgba(64, 87, 238, 1); border: 1px solid rgba(64, 87, 238, 1)}
button.red ,button.red:hover{background-color: #ff0000; border: 1px solid #ff0000}
button.green ,button.green:hover{background-color: rgba(70, 212, 135, 1); border: 1px solid rgba(70, 212, 135, 1)}
.tableTotal{ margin: 0 0 16px 0; padding: 8px 15px 8px 37px;    border-radius: 2px;border: 1px solid #91d5ff;background-color: #e6f7ff; color: rgba(0,0,0,.65); font-size: 16px;line-height: 1.5715;}
.tableTotal span{ margin-right: 20px;}

.ant-upload-list-item-image{    position: static;display: block;    width: 100%;object-fit: cover;}
.popCol .ant-col{ margin-bottom: 10px;}
.userTree .ant-tree-title{ font-size: 12px; width: 150px ; display:inline-block;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.userTable .ant-table-thead > tr > th{ background: #fff}
.lockDetails { position: relative}
.lockDetails .lockImg{ float: left; width: 208px; height: 208px; overflow: hidden; margin-right:20px }
.lockDetails .lockImg img{ width: 208px;}
.lockDetails .lockDetail{float: left; }
.lockDetails .lockDetail h3{ font-size: 16px;}
.lockDetails .lockDetail  p span{ margin-right:30px;}
.lockDetails .lockDetail  p label span{ margin: 0}
.lockDetails .lockDetail  p button span{margin: 0}
.lockDetails .contentTop-button{ position: absolute; right: 20px; top: 0}
.lockDetails .contentTop-button a{color: #fff;  background-color: #1890ff;  border-color: #1890ff;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); padding: 6px 12px; border-radius: 3px;}


.fingerprintBox{width: 100%; height: 34px;padding: 6px 12px; line-height: 1.42;    border-radius: 3px;  border: 1px solid #eee; margin-bottom: 20px; position: relative}
.fingerprintBox Button{ position: absolute; right: 5px; top: 3px;}
.fingerprintMode{ width: 100%; height: 200px;  background: #ccc; padding: 10px; z-index: 9999; margin-bottom: 10px}
.fingerprintState{ line-height: 30px}


.ceShiTable {
  padding: 10px 15px;
  text-align: center;
  font-size: 1em;
  height: 27em;
  /*height: 59em;*/
}
.ceShiTable .ceShiTable-text2 {
  width: 25%;
  display: inline-block;
}
.ceShiTable .ceShiTable-title {
  background: #76C58B;
  font-weight: bold;
  color: #FFF;
}
.ceShiTable .ceShiTable-title span {
  font-size: 1em;
  height: 2.2em;
  line-height: 2.2em;
}
.ceShiTable .ceShiTable-body {
  height: calc(78%);
  overflow-y: hidden;
  color: #a1b6e5;
  border:1px solid #00B7FF;
  border-bottom:0;
}

.ceShiTable .ceShiTable-body ul {
  padding-inline-start: 0px;
}
.ceShiTable .ceShiTable-body ul .noData {
  height: 78px;
  line-height: 78px;
}
.ceShiTable .ceShiTable-body ul li {
  background: transparent;
  display: flex;
  align-items: center;
  height: 2.2em;
  line-height: 2.2em;
}
.ceShiTable .ceShiTable-body ul li:last-child {
  border-bottom:1px solid #00B7FF;
}
.paddingboxs{padding-top:0em;}
.ceShiTable .ceShiTable-body ul li span {
  font-size: 0.9em;
}
.ceShiTable .ceShiTable-body ul li:nth-child(n) {
  border-top:1px solid #00B7FF;
}
.ceShiTable .ceShiTable-body ul li:hover {
  background: rgba(87, 98, 250, 0.4);
  color: #ffffff;
}
.ceShiTable .ceShiTable-body::-webkit-scrollbar {
  width: 0;
}
.boxses{height:1.6em;}
.ceShiTable .ceShiTable-body::-webkit-scrollbar-thumb {
  background: rgba(0, 180, 251, 0.5);
  border-radius: 7px;
  box-shadow: inset 0 0 15px #00b4fb;
}

.boxs{padding-top:0px !important;min-width:888px;background: none !important;}
.fixeds .ant-row{margin:0 !important;}
.fixeds{background-image: url(/statics/1aXwS2z.png);background-size:100% 100%;display:inline-block;background-repeat: no-repeat;}
.fonts{color:#22DCFE !important;}
.paddboxs{padding: 0 3em 0 3em;}
/*#map #l7-scene-0 canvas{width:auto !important;height:80em !important;}*/
.imageback1{background-image: url(/statics/3KDRxRz.png) !important;background-size:100% 100%;height: 3.9em;padding-top: 0.25em;color: #fff;text-align: center;font-size: 1.5em;margin-bottom: -1.8em;}
.imageback2{background-image: url(/statics/wUm3198.png) !important;background-size: 100% 100%;height:30em;color: #fff;}
.imageback3{background-image: url(/statics/wUm3198.png) !important;background-size: 100% 100%;height:30em;color: #fff;}
.imagebacks{height: 32em;color: #fff;}
.allboxs{width: 4.2em;}
.anticon svg {
  width:0.7em;
  height:0.7em
}
.ant-rate-star:not(:last-child) {
  margin-right: 4px !important;
}
.l7-bottom{display: none !important;}
.imageback4{background-image: url(/statics/2eNy3Eq.png) !important;background-size: 100% 100%;height: 16em;color: #fff;}
.imageback5{background-image: url(/statics/2eNy3Eq.png) !important;background-size: 100% 100%;height: 16em;color: #fff;}
.imageback6{background-image: url(/statics/2eNy3Eq.png) !important;background-size: 100% 100%;height: 16em;color: #fff;}
/*@media screen and (min-width: 1801px) {*/
/*  .imageback1{background-image: url(../images/bank-2.png) !important;background-size:100% 100%;display:inline-block;width: 70%;height: 111px;position: absolute;left: 50%;top: 50%;margin-left: -35%;color: #fff;text-align: center;font-size: 24px;}*/
/*  .imageback2{background-image: url(../images/hs.png) !important;background-size: 100% 100%;width: 29.5%;height: 500px;position: absolute;top: 64px;color: #fff;right: 33px;}*/
/*  .imageback3{background-image: url(../images/hs.png) !important;transform: rotateY(-180deg);background-size: 100% 100%;width: 29.5%;height: 500px;position: absolute;top: 64px;color: #fff;left: 33px;}*/
/*  .imageback4{background-image: url(../images/sf.png) !important;background-size: 100% 100%;width: 30%;height: 255px;position: absolute;top: 568px;color: #fff;left: 33px;}*/
/*  .imageback5{background-image: url(../images/sf.png) !important;background-size: 100% 100%;width: 33%;height: 255px;position: absolute;top: 568px;color: #fff;left: 50%;margin-left: -16.5%;}*/
/*  .imageback6{background-image: url(../images/sf.png) !important;background-size: 100% 100%;width: 30%;height: 255px;position: absolute;top: 568px;color: #fff;right: 33px;}*/
/*}*/
#invoice .ant-tabs .ant-tabs-bar {
   margin-bottom: 0 !important;

}
#invoice .ant-tabs-nav-scroll{
  background: #fff !important;
}
#invoice .ant-tabs-tab{
  font-size: 15px;
}
.bs-2{background-image: url(/statics/2xpmJh7.png) !important;background-size: 100% 100%;height: 2.9em;width:2.9em;float: right;}
.bs-6{background-image: url(/statics/2xpmJh7.png) !important;background-size: 100% 100%;height: 2.9em;width:2.9em;float: right;}
.bs-1{background-image: url(/statics/2xpmJh7.png) !important;background-size: 100% 100%;height: 2.9em;width:2.9em;float: right;}
.bs-8{background-image: url(/statics/2xpmJh7.png) !important;background-size: 100% 100%;height: 2.9em;width:2.9em;float: right;}
.bs-3{background-image: url(/statics/2xpmJh7.png) !important;background-size: 100% 100%;height: 2.9em;width:2.9em;float: right;}
.bs-4{background-image: url(/statics/2xpmJh7.png) !important;background-size: 100% 100%;height: 2.9em;width:2.9em;float: right;}
.bs-5{background-image: url(/statics/2xpmJh7.png) !important;background-size: 100% 100%;height: 2.9em;width:2.9em;float: right;}
.bs-7{background-image: url(/statics/2xpmJh7.png) !important;background-size: 100% 100%;height: 2.9em;width:2.9em;float: right;}

.ba-1{background:#32C5FF;}
.ba-2{background:#FA6400;}
.ba-3{background:#B620E0;}
.ba-4{background:#76C58B;}
.ba-5{background:#BFBFBF;}
.ba-6{background:#EDCACA;}
.ba-7{background:#df8484;}
.ba-8{background:#9c110d;}
.ba-9{background:#ee9c03;}
.ex-1{border-right:1px inset #ccc;}
.ex-2{border-right:1px inset #ccc;}
.exs0{color:#6BE23F;}
.exs1{color:#F94B51;}
.exs2{color:#1DD0FF;}
.examine .ant-card-head-title {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 12px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.homeList {background: #fff;padding: 0 20px;}

.bs-z{
  /*background-image: url(../images/bs-z.png) !important;*/
  background-size: 100% 100%;height: 6.5em;width:6.5em;float: right;margin-top: -5em;}
.bs-g{
  /*background-image: url(../images/bs-g.png) !important;*/
  background-size: 100% 100%;height: 6.5em;width:6.5em;float: right;margin-top: -5em;}
.bs-w{
  /*background-image: url(../images/bs-w.png) !important;*/
  background-size: 100% 100%;height: 6.5em;width:6.5em;float: right;margin-top: -5em;}
.bs-y{
  /*background-image: url(../images/bs-y.png) !important;*/
  background-size: 100% 100%;height: 6.5em;width:6.5em;float: right;margin-top: -5em;}

.tebie{margin:0 !important}
.tebie .DataName span{padding:0.1em 0;font-weight: bold;font-family: '黑体';}
.tebie .DataName span a{color:#FB751A;font-weight: 600;}
.bna{text-align: center}

#modification .ant-col-sm-5{
  width:40% !important;
}


.callPosition{position: absolute}
.timg{background-size: 100% 100%;height: 17.5em;width:100%;background: #f2f2f2;}
.roompatternTop{ height: 24px;position: relative;}
.roompatternTop span{ display: inline-block;}
.roompatternTop .ant-checkbox{ opacity: 0.2;}
.onlyAbsolute {position: absolute;}
.roompatternTop span label{ display: inline-block; width: 16px; height: 16px; margin-right: 5px;vertical-align: text-bottom;}
.s1{ background: #32C5FF}
.s2{ background: #df8484}
.s3{ background: #FA6400}
.s4{ background: #B620E0}
.s5{ background: #76C58B}
.s6{ background: #BFBFBF}
.s7{ background: #EDCACA}
.s8{ background: #9c110d}
.s10{ background: #ee9c03}
.s9{ background: #BFBFBF;
  /*background-image: url(../images/by-tree.png) !important;*/
  background-size: 26px 11px; background-repeat:no-repeat;background-position: right top;}
.ceShiTable-text3{font-weight: 600;white-space: nowrap;width:60%;display: inline-block; }
.ceShiTable-text5{font-weight: 600;white-space: nowrap;color:#0092FE;width:40%;display: inline-block; }

.rommPatternTab{}
.rommPatternTab .ant-tabs-nav-scroll{ background: none;}
.titleGutter{ border-bottom: 2px solid #eee; margin-bottom: 10px; padding: 0 10px; height: 44px; line-height: 44px; text-align: right; color: #0f0f0f;font-weight: bold; font-size: 16px; }
.titleGutter h3{ float: left;font-size: 18px;font-weight: bold;}

.buildingBox{ margin-bottom: 30px; }
.buildingBox thead tr th { background: #76C58B }
.buildingBox tbody{ background: #fff}

.buildingBox tr th span,.buildingBox tr td span{ display: block; color:#fff; width: 70px; height: 34px; line-height: 34px;  text-align: center}
.buildingBox tr td.left span{ background: #fff;  color: #2b2b2b}


.buildingBox span.buildingBoxName{ background: #fff; color: #2b2b2b}
.buildingBox .top{ height: 35px; overflow: hidden;}
.buildingBox .top span{ background: #76C58B   }
.buildingBox .left{ float: left; }
.buildingBox .right{ padding-left: 71px}
/*background: #1890ff*/

.buildingBox span{ color: #fff; margin-right: 2px; width: 96px; height: 34px; text-align: center; line-height: 34px; margin-bottom: 2px; float: left;}

.RoomPatternBox{ width: 150px; height: 90px; float: left; margin: 0 20px 20px 0;}
.RoomPatternBox .RoomPatternBoxInfo { height: 60px; position: relative; color: #fff;padding-left: 10px;font-size: 12px;}
.RoomPatternBox .RoomPatternBoxInfo h3{ height: 36px; line-height: 36px; color: #fff; font-size: 16px; margin: 0}
.RoomPatternBox .RoomPatternBoxInfo .smallBox{font-size: 14px; width: 22px; height: 22px; line-height: 22px; text-align: center; background-color: rgba(0, 0, 0, 0.1); position: absolute;  right:12px;  top:8px;}

.RoomPatternBox .RoomPatternBoxInfo .kBox{font-size: 14px; width: 22px; height: 22px; line-height: 22px; text-align: center; background-color:#fff; color: #000; position: absolute;  right:12px;  top:30px;}

.RoomPatternBox .RoomPatternBoxBottom{ height: 30px; line-height: 30px; padding:0 10px; text-align: right; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd}
.RoomPatternBox .RoomPatternBoxBottom span{float: left}

.printContent table tr td:nth-child(odd){padding: 10px 0;font-size: 15px;font-weight: bold;line-height:26px}
.printContent table tr td:nth-child(even){padding: 10px 0;font-size: 15px;}
.nav{
  display: none;
}
.nav-active{
  display: block;
}
.navs{
  display: none;
  opacity: 0;
}
.navs-active{
  opacity: 1;
}
.childrenView tbody tr td:nth-child(odd){padding: 0 0 0 25px;font-size: 15px;font-weight: bold;color:#ccc}
.childrenView tbody tr td:nth-child(even){padding: 0 0 0 25px;font-size: 15px;font-weight: 500;}
#generationView .ant-col-sm-12 {width:100%}
#generationView .ant-col-12 {height:108px}
#generationView .ant-col-sm-5 {width:100%;text-align: left;}
.inputDateSelect .ant-input {
  width: 210px !important;
}
#inspectionShow .ant-col-sm-12 {
  width: 100% !important;
}
.inspectionShow .ant-col-sm-5 {
  width: 38% !important;
}
#accessoryUrl .ant-col-sm-12 {
  width: 100% !important;
}
.accessoryUrl .ant-col-sm-5 {
  width: 38% !important;
}
.inspectionlabel .ant-col-sm-5 {
  width: 38% !important;
}
#showCheckremark .ant-col-sm-12 {
  width: 100% !important;
}
#monthlyRent .ant-input {
  width: 150px !important;
}
#renewalManagements .ant-table-fixed-right{
  overflow: visible !important;
}
#contractsInfo .ant-table-fixed-right{
  overflow: visible !important;
}
#rentManagements .ant-table-fixed-right{
  overflow: visible !important;
}
.llks{
  transform:rotate(180deg) !important;
  -ms-transform:rotate(180deg) !important;
  -moz-transform:rotate(180deg) !important;
  -webkit-transform:rotate(180deg) !important;
  -o-transform:rotate(180deg) !important;
}
.serviceSelect .ant-input{
  width:190px !important;
}
#checkItem .ant-form-item-control-wrapper{
  width:80%;
}
#picUrlss .ant-form-item-control-wrapper{
   width:100%;
 }
#checkItem .ant-form-item-label{
  width:14%;
  text-align: center;
}
#remarkBtn .ant-form-item-control-wrapper{
  width:100%
}
#lls .ant-col-sm-12{width:100%;}
#lls .ant-form-item{margin:0;}
.always{page-break-before: always;}
.printContent table tr td:nth-child(odd){
  padding: 5px 0;
  font-size: 15px;
}
.printContent table tr td:nth-child(even){
  padding: 3px 0;
  font-size: 15px;
}
#home .ant-tabs-nav-scroll {
  background: #fff;
  line-height: 33px;
}
#home .ant-tabs-bar{
  margin-bottom: 1.5px;
}
#cook .ant-spin-nested-loading{width:100%}

.BMap_cpyCtrl {
  display:none;
}
/* 隐藏文字信息 */
.anchorBL {
  display: none;
}
.amap-copyright {
  opacity: 0 !important;}
.amap-marker-label{
  background:#3284F5;
  border-radius: 5px;
  padding: 0.6em;
  font-size: 14px;
}
.amap-logo{display: none !important;}

.tablesetNeum .ant-checkbox-group label{ display: block; }
.tablesetNeum .ant-menu-vertical{ border: 0}
.tablesetNeum .ant-menu-vertical .ant-menu-item{ margin: 0; height: 32px; line-height: 32px;}.ant-tabs-nav-scroll{    font-size: 16px;    background: #eef6fe;}
.ant-tabs-nav{ width: 100%}
.tabThree .ant-tabs-nav .ant-tabs-tab,.ant-tabs-ink-bar{ width: 20%;text-align: center;}
.ant-tabs-bar { margin-bottom: 25px}
.ant-tabs-nav .ant-tabs-tab{ margin-right: 0}
.contractDrawerTopNo{    height: 40px;    line-height: 40px;    font-size: 16px;color: #7c7e88;    margin-bottom: 18px;}
.contentTop-search .ant-tabs-nav-scroll{    font-size: 14px;    background: none;}
.contentTop-search .ant-tabs-bar{ border-bottom:0}



.contractDrawerContent{ padding-left: 16px;}
.contractDrawerTitle{
    font-size: 16px;
    color: #373f52;
    font-weight: bold;
    margin-bottom: 24px;
    position: relative;
    margin-bottom: 10px;
    height: 24px;
}
.contractDrawerTitle span{
    display: block;
    /*width: 120px;*/
    padding-left: 5px;
    float: left;
    border-left: 4px solid #1886e5;
}

.contractDrawerTitle .contractTopButton  span{
    float: none;
    border-left: none;
    display: inline-block;
}

.contractDrawerTitle button span{
    border-left: none
}
.contractDrawerTitle .contractTopButton{ float: right; font-size: 14px; font-weight: normal}

.contractDetailRow .contractTopButton{ float: right; font-size: 14px; font-weight: normal}

.contractDrawerTitle  em{ color: #1890FF; font-style: normal}
.contractDrawerTopTitle{ height: 32px; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.contractDrawerTopTitle h3{font-size: 16px;font-weight: bold;}

.houseDetail .ant-row{ padding-left: 10px}
.houseDetail .ant-row .ant-col{ margin-bottom: 5px;}


.houseDetail,.reserveContractDetail{ margin-bottom:30px;}
.reserveContractDetail .ant-row{ padding-left: 10px}
.reserveContractDetail .ant-row .ant-col{ margin-bottom: 5px;}
.reserveContractDetail .ant-form-item{ }
.reserveContractDetail .ant-input { width: 350px}
.reserveContractDetail .ant-select, .reserveContractDetail .ant-cascader-picker{ width: 350px}

.contractDetail .ant-input { width: 350px}

.contractDetail .inputSort .ant-input { width: 100px}

.contractDetail .inputZfSort .ant-input { width: 200px}

.contractDateSelect .ant-input { width:160px}
.contractDetail .ant-col-12{ height: 104px}


.contractDetail .ant-select, .reserveContractDetail .ant-cascader-picker{ width: 350px}
.contractDetail .tabsBottomNavs { padding-left: 12%}
.tabsBottomNavs{ margin-bottom: 30px;}
.tabsBottomNavs a{ margin: 0 20px; color: rgba(0, 0, 0, 0.65)}
.tabsBottomNavs a.activeTabsBottomNavs{  color: #1890ff}
.contractDetailRow .ant-col-12{ height: auto; margin-bottom: 10px;}
.contractDetailRow{ margin-bottom: 20px;     padding-left: 10px;}
.BillItemList{    background-color: rgba(247, 249, 250, 1); }
.BillItemList table{ width: 95%; margin: 0 auto;}
.BillItemList table tr th{ font-size: 14px; font-weight: bold; padding: 6px 12px;  text-align: center}
.BillItemList table tr td{ font-size: 14px;  padding: 6px 12px;text-align: center; color: rgba(51, 51, 51, 0.647058823529412);}
.contractDetailRow .tongzhuren{ padding-left: 10px;}
.contractDetailRow .ant-col{ color: rgba(102, 102, 102, 0.847058823529412)}
.contractDetailRow .ant-col label{margin-right: 5px; color: rgba(0, 0, 0, 0.847058823529412)}
.contractTenantDetail .ant-col { margin-bottom: 5px}
.contractTenantDetail .ant-row{ padding-left: 10px}

.editable table tr th,.editable table tr td{ text-align: center}
.editable .totalPice{ font-size: 16px; text-align: right; margin-bottom: 20px; font-weight: bold; line-height: 32px;}
.houseTabs .ant-tabs-nav-scroll{    background: none;}

.contractTitle{
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 3px;
    padding: 10px 20px;
    line-height: 30px;
}
.contractTitle span{ margin-right: 40px; }

.billViewTitle{
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
    font-size: 14px;
    margin-bottom: 20px;
    border-radius: 3px;
    padding: 10px 20px;
    line-height: 30px;
}
.billViewTitle span{
    margin-right: 10px;
}
.billViewTitle em{
    font-style: normal;
    font-weight: bold;
}.ant-modal .modal-title{
    height: 16px;
    font-size: 16px;
    color: #373f52;
    font-weight: bold;
    margin-bottom: 24px;
    position: relative;
}
.ant-modal .modal-title span{
    display: block;
    width: 120px;
    padding-left: 5px;
    float: left;
    margin-left: 16px;
    height: 16px;
    line-height: 16px;
    border-left: 4px solid #1886e5;
}

.printH3 h3{ height: 40px; line-height: 40px; font-size:14px; color: #000; font-weight: bold }
.printH3 em{ font-style: normal; float: right}
.printArea .ant-modal-body{ padding: 0}
.printAreaInfo .contractDrawerTitle span{ border: none}
.printAreaInfo .ant-table-body{ margin-bottom: 20px}
.printAreaInfo .billinfo .ant-table-thead > tr > th{ background: none; border-bottom: 1px dashed rgba(0, 0, 0, 0.847058823529412)}
.printAreaInfo .billinfo .ant-table-tbody > tr > td{ background: none; border-bottom: 1px dashed rgba(0, 0, 0, 0.847058823529412)}
.printAreaInfo{ padding:0 30px}

.printAreaInfo .ant-col-24{ margin-bottom: 10px;}

.printAreaInfo .printTitle{ text-align: center; font-size: 18px; color: #000; font-weight: bold; margin: 20px 0}
.printAreaInfo .printContent{  line-height: 24px; margin-bottom: 30px;}
.printAreaInfo .printContent span{ padding: 0 20px; border-bottom: 1px solid #2b2b2b;    height: 30px;}
.printAreaInfo .printContent table span{}.roomInfo{}

.roomInfo div h3{ font-size: 16px; color: #4c5060; position: relative; height: 32px; line-height: 32px; font-weight: bold}
.roomInfo div h3 em{   font-style: normal;margin-left: 10px; font-weight: normal}
.roomInfo div h3 em.dengji{color: #f56e4e}
.roomInfo div h3 em.kezu{color: #22ac38}
.roomInfo div p{ height: 26px; line-height: 26px; font-size: 12px; text-align: left; color: #4c5060; margin-bottom: 0;}
.roomInfo div p span{ color: #a9abb4; padding-left: 5px;}

.roomInfo div p.hf{ width: 50%; float: left; }

.roomInfo div .ftt-btn{ height:40px; line-height: 40px;text-align: center; background: #2290ff; position: absolute; bottom: 0; left: 0; width: 100%; }
.roomInfo div .ftt-btn a{ display: inline-block; width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center;}
.roomInfo div .ftt-btn span{ display: inline-block; width: 49.5%; height: 40px; }
.roomInfo div .ftt-btn .ant-divider, .roomInfo div .ftt-btn .ant-divider-vertical{ margin: 0}

.roomInfo div span.cStatus{ position: absolute; display: block; width: 52px; height: 48px; top: 0;right: 0;}
.roomInfo div span.dengji{ background: url(/statics/38nqAJu.png) no-repeat 0 0;}
.roomInfo div span.kezu{ background: url(/statics/UysCiZa.png) no-repeat 0 0;}
.roomInfo div span.qianyue{ background: url(/statics/3cYZVD7.png) no-repeat 0 0;}
.roomInfo div span.shentui{ background: url(/statics/3_sLzVl.png) no-repeat 0 0;}
.roomInfo div span.zaizu{ background: url(/statics/2FkEnfn.png) no-repeat 0 0;}
.roomInfo div span.yuqian{ background: url(/statics/5fT3wiT.png) no-repeat 0 0;}

.roomInfo div span.z1{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAz1JREFUaAXd2ctP1FAUBvBvEAYElJEERKIookF0p4b4WLnWxIW6dOfetUbDEDeuXJjowmf8E1wYFyYujLPSna8FShwzmCgQUBFlQMfv0LnS6Uxn2k7b6e1JSp+3vb+ec28JJA5mCum/wBhiEglxxAm1CooT6j8oLqgSUBxQZSDdURVBOqNsQbqiqoJ0RNUE6YZyBNIJ5RhUDyrVLK1rx0oBWPhjXNfeBAx3AiMdwNY24HoWOJwqvcfkIpD9XXrMFUiaevk16fa+0oda93az0x9/AS++ATc+Ab1J4NoeoIm9m80DD6aAqSXg5l7g0bTReoTY1z+A+zxnDtcgaewFZX6odfsWwZcngC/svDlO9AB9rcCdHNdEXhgCzr8zrjjZC3S3lIMcFoP5McDLo4k0UXDzW/qBjcCO9aX3efgVkDKzxgBL7EwfMNgOdKwDutjLxzOAlO6hLuPqIZ6bW7a2ZFbLDzk7Iig2Hnd2NXCcb1tKaYlvQZaz/UDSpj7mV4Bnc0CB2CxLUbYXObZSzMgox5Esg5aXo/rhKUOqsdtMPWfHXi0YrU8xA3bxnaC3vG6YY2uZqHs5IM+XIONMJgcJVXLG3tpPzxlSt3CbKdWu1loyKCX5dBZI7wI2MTudLD+Z9WTp59iqFHVlSN3QaabG2DEpHQkZH3YxynGS5KuWaVkmhUucMJggbOH26WJmt7PkMsy4NXwByU2doMbfr5WctSPm/RaOrbs54Fi3cfQzp2yZ5SYIvPLBOBZYyZk7Uq38rk4Cb4rjx9xGttuYDfNkl5kHfhYzKecF2ENQK68TmCwy823gIrOgOXzLkLqpXaby5h7zYpnxLu4khh2S2Wva8g1S95P1AMvr3DZjdpRvkTmOcMZ7wnGmwmbiVKe9r518fDcTJSEYGSPWkO9OM3s4U+F7Y71W7QcGkgc4QamO+LUOFNQIVOCgsFGhgMJEhQYKCxUqKAxU6KCgUQ0BBYlqGCgoVENBQaAaDvIbFQmQn6jIgPxCRQrkBypyoHpRkQTVg4osyCsq0iAvqMiD3KK0ALlBaQNyitIK5ASlHagWSktQNZS2IDuU1qBKKO1BlVByTPuQPzvvz8g/MWMUgvoHOXRPE5axdSQAAAAASUVORK5CYII=) no-repeat 0 0;}
.roomInfo div span.z2{ background: url(/statics/3AcZUKR.png) no-repeat 0 0;}
.roomInfo div span.z3{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAA7FJREFUaAXd2XtIFEEcB/Dv7J6QhVliZUY+isLKXpZRBr0NehP9ERRGgoVmEEl/VaBGGv3RE/zHIDUoKgrBLKKHIGGBBVJR9jCFSiyVREslu91pZs+7c887b++8vbu9gdubmZ357Xx2dmcOJf8OooDKyEeIJMIdoYRSQKGEsoFCBaUChQJqGMjoKKcgI6NcgoyKGhFkRJRbkNFQmkBGQmkGjRZFFmwFxkTwMJbU8xMQw0A/1oIs2g766rb1jPJN5mwA/vaCNr8AiAiSsFR1nhfo73ags0VV7xGI9/T2Z5KwOhsIC1dQwpocmItSIWZWALIZcv1NC2ig1z646Bkw5VZCqjwB+qEG4p4S+zmei5gEdLdBunZAVS+oShoKYaUoIAIKNTS1N5k8CyRtP+TX90Bi50G6dRTo+g65+pRllt5UQ8x7DExfbO/T2Qzz+XSQuBRgoA9SeabqI98/bW87JGcaktec5Sg2U9D8K739M+QbuTCdfAlIZhCGIQmpyvXI+CkwFTdBqsgCvjVYxhAeCYyLUvLyg2JLncajVyAeWzOKTSdZngFhbS6k64dAvzaA8MdlMJnrykCi4iDsKITMHj/aUAmStA7CykyQxGUwn1mhvCckeRPI/C3WbiCRMUBfl61szXgN4gE0oSgFYXdcupAOMecuIAy/JG2qg3RpM8jCbcq4OEpiH/FwlXWcIPFsUej7Bdr41NKGHSl7hxzT8OiOLdyU3aMo5JrLShQSnQjz8ZnqiLHJEHcWAX86QOuuqs85lGhbI+inWodadXHUIB7OPWrwomMnQswoVY+A1XmdJkxjFx8DdHyxhfAJiEfTgpKr8pXHhLa+sw1ASNsHylY/V4nPKknPA3rYnuOQyOxVIDFJ4HGtyeNl29rR2TdHjbSky++fQFh/xHJHfzSyFW9AWQBoS72zcACf0d0XQZ+XK/sViV+ibLJ8owV7L4WUXaCtb1V9Pd5YVb1dFBw3XzH7jnInleYieyhkib3RlC0Q/H6yIfAyS9Kjc2zwZUqeH4SNxyA/uwL0dwNT50LcWwJifURZH76vyQ/Pst2+39ZHFxCP7oiyXVHnjG6gQKF0BQUCpTvI3yi/gPyJ8hvIXyi/gvyB8jtIb1RAQHqiAgbSCxVQkB6ogIN8jQoKkC9RQQPyFSqoQL5ABR1otKigBI0GFbQgb1FBDfIGFfQgT1GGAHmCMgxIK8pQIC0ow4HcoQwJGgllWJArlKFBzlCGBzlD8TrDJ/639IEssP8AhFDiqP//ALqmuPxQSAAAAABJRU5ErkJggg==) no-repeat 0 0;}
.roomInfo div span.z4{ background: url(/statics/1qrvZGp.png) no-repeat 0 0;}
.roomInfo div span.z5{ background: url(/statics/1vWNkRp.png) no-repeat 0 0;}
.roomInfo div span.z6{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAz5JREFUaAXd2FtLMkEYB/DHUyqlUoZ2uBBFPCBEl972yd7eT+YXCKOgiAJBwRtPaGke0sr/wAzrtuquuuvODozu7Iyz+9uZ59nIVSqVbono37w6origcBKKgZyEEiCnoBZATkD9AcmO0gTJjFoKkhW1EiQjai1INpQukEwo3aBtUMfHx/T5+Unj8RjT0MnJCblci5eeTqfU6/VYv9ZHLBajYDBI1WpVq1ucW5xVnF5+sMmfSeFwmLLZLD09PTFYsViker0uLuLxeBiyXC6Lc4eHh1QoFOj7+5udwwPwer309fUl2u12myqVivgNDrwLLR2Nm5ub2zkKI3X/Qfv+/k4vLy90dnbGbuDn52ftlQDo9/v0/PysOTYSiVA8Hv/TZxiEGTZBfXx8ECoKQPwYbb5COFaWo6MjSqfTylPi+ODggLBN1WUjECYxgsrlcuy6rVaLUN1uN11eXop7UccT70DMNRoN3iSsymg0ErE4mUxEHz/YGIQJ9KIQyEgMiAuAEBdvb2+EFcC2QgmFQuybfwANEFYPq4GCMfhNp9NhbSQJrDZPNjjpZj1bfAA1//n/VVMMh0NSPk3cBNpIFvl8ns7Pz//Eg9/vZ6uBRODz+SiTyRBiEVsVbV4BV5bFlrLHwLEelNZ0tVqNpWGk5GazuTAkEAgwEM53u122ElhZZUWWw8NSlp2AMOE6FI8TPHnU6+trurq6Yvdyf39PFxcXFI1Gxb1he+HdhXJ6esq26mw2I17xLsMWVpetYkg92bKYwr5PJBLsZgaDAT08PLDYUabvx8dHliwwJ2IG8YEthlSPFby7uxPvJIxBgtDKcoZfrJhsXVG/fLEar6+vbAslk0l2M8DwVcM3KgAYh9XC1kKwp1Ip9kJGdkNBG1isDl7EapQpIFxYiULg4gb1Fg7l45UriWSAfmWS4ePwbRoIkytRaFtRTAUBYDXKdJDVKEtAVqIsA1mFshRkBcpykNmovYDMRO0NZBZqryAzUHsH7RplC9AuUbYB7QplK9AuULYDbYuyJWgblG1Bm6JsDdoEZXuQUZQUICMoaUB6UVKB9KCkA61DSQlahZIWtAwlNUgLJT1IjXIESI1C2xEF/3b+BXsOtNQp6s9GAAAAAElFTkSuQmCC) no-repeat 0 0;}
.roomInfo div span.z7{ background: url(/statics/1DtLJKA.png) no-repeat 0 0;}
.roomInfo div span.z8{ background: url(/statics/2JqjyHm.png) no-repeat 0 0;}
.roomInfo div span.z9{ background: url(/statics/2gG5Ato.png) no-repeat 0 0;}
.roomInfo div span.z10{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAA2BJREFUaAXdmdlO8kAUx09p2TcVEzVR441G47XPp9/r6QO4XbjFXaKyFsrynf9AC2IrBdrS4SSls8/5zVkGRSmenZ1Qt3tMCyIKOBYJSgAtEpQFtChQP4AWAeoXkOxQtkAyQzkCyQr1J5CMUGOBZINyBSQTVATKupHC0dEJKco/N2PtxkTzeYouLZESjf7oTu3sDOrK7/NVk0nKHRwQRdyp+nuFwfK2pWm/JmX390l/fqbk5ibV7u+pXa9TbHmZEhsboh2bRRIJqj88WPtq6TRl9vaoo+v8dbNrtUdiMWp8fJD+9GS1mQV32OZofk9jKTWVIpWVNb6/qXJ9TSmGYmtTt90m1pS6nQ4l1tdJf3mxdormcgKmXatR8/OTyhcX4jG43CqVrEOwJvQLEwNh3qRQibU16jQawm0AUbq8FDAGK4a6oqrUKpeJGMwULZvtQfBYCCyV2d0l4rHV21txEKJj5GNilxue78b9FE2j/OEhdZpNMljpGMeR/v5OXa7HCgVCjMBasASe+pAbqexyiD24nrAmb67G42RUKsJKWG/4EKDbTEBYYBwUgKJ82nCp0vk5xVdXhaUab28UZ8slOYaqNzcCuM2xAheEdVLb29SqVsn4+iJYEu0QrBdbWRGQGrty9e6uZ13R6wEQ1hkLxW6SZZexgLgOSGS9Jgc3YgiWKF9d9VyzrxwSiRlnEbYMRLguvyOcLbHeqGijDdPUEVMMhVN095cvn3aNs1maU7H++iqURoazE8QLoIRleQCym8IuigOyE0+AsPAkUMh6Sv9egSvCQsiCdpJm10PKNvu1TEYA2Y1F21RZzmkxN9lPxBQrhZOGIAnUHx/FvWS3LixZ4zhpFoviQbnK95iTeGYhc4NxlkLgi7Tdaokpqa2tXiJgq9kJkoOZENAPCyErOolzj9MMl+2jiQIxght/WHDjI51DRNkwfihvN8ec79TnGxA2HoUylfHz7SvQPKB8BwoaKhCgIKECAwoKKlCgIKACB/Ibai5AfkLNDcgvqLkC+QE1dyCvoUIB5CVUaIC8ggoVkBdQoQOaFSqUQLNAhRZoWqhQA00DFXqgSaGkAJoEShogt1BSAbmBkg5oHJSUQH9BSQvkBCU1kB2U9EB2UGiTXvBv5+Lp6eCncumJGABQ/wGFVCRarkZcLQAAAABJRU5ErkJggg==) no-repeat 0 0;}

.roomInfo div span.totalContractType{ position: absolute; display: block; width: 18px; height: 40px; background: #eee; text-align: center; top: 0;left: 0; font-size: 12px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;border-radius: 3px;}