/**
 * for tangguomm
 * author by kevin
 * 2019.06.01 
 * 850270863@qq.com
 */

/*icon from 物业-v4-oa*/
/* @import url(//at.alicdn.com/t/font_1234360_qi1fxl6ozwc.css); */
@import url(//at.alicdn.com/t/c/font_1234360_44z7bsewcui.css);

html, body {    margin:0 auto; font-size: 14px;   line-height: 1.6;  font-family: "Microsoft YaHei"; }
body { padding: 0; background:#fff; color:#333;   }
.bg_grey{ background: #f7f7f7; }
.bg_grey2{ background: #ddd; }
.bg_red{ background: #f00; color: #fff }
.bg_red2{ background: #f3a4a4; color: #fff }
.bg_yellow{ background: #ffefbf }
.bg_fuchsia{ background: #f9e3ff }
.bg_green{ background: #00ab00; color: #fff }
h1,h3,p,ul,li,input,h2,h4,dl,dd,dt,em{ margin:0; padding:0; font-weight: normal; font-style: normal;}
h1{ font-size: 22px;}h2{ font-size: 20px;}h3{ font-size: 18px;}h4{ font-size: 16px;}
li{ list-style:none; position: relative; }
.pa{position:absolute;left:50%;}
.b{font-weight: bold;}
.p_f{ position:absolute; width:100%;}
img{ border:0; vertical-align: top;}
.cf{ clear:both;}
.cf:after{ content: '.';display: block;visibility: hidden;clear: both;height: 0px;}
::-webkit-input-placeholder {color: #999; font-size: 13px; } 
a{text-decoration:none; color: #008eff}
a:hover{text-decoration:underline; color: #f00; cursor: pointer;}
.a_red{ color: #f00 }


.red,.fc_red{ color: #f00; }.fc_grey{ color:#999;}.green,.fc_green{ color: #00ab00; }.fc_orange{ color:#f60; }.fc_fuchsia{color:fuchsia;}.fc_blue{color: #007df9;}
.fc_grey2{ color:#ccc;}
.em_color_orange em{ color:#f60;}
.em_color_grey em{ color:#999;}
.em_color_green em{ color:#00ab00;}
.em_color_red em{ color:#f00;}


.img100 img{ width: 100%; height: auto; display: block;  }
.f12{ font-size: 12px; }.f14{ font-size: 14px; }.f16{ font-size: 16px; }.f18{ font-size: 18px; }.f24{ font-size: 24px; }
.link_grey{ color: #999;}.link_orange{ color: #f60;}.link_fuchsia{ color:#ff00ff;}.link_red{ color: #f00;}.link_red:hover{ text-decoration: underline;}
.link_disable,.link_disable:hover{ color: #ccc; text-decoration: none; cursor: default;}
.link_grey2{ color: #999;   }
.link_grey2:hover{color: #000; text-decoration: none;}
.wrap{ min-width: 1240px;}


.btn,.inp{ background: none; border: none; display: block; padding: 0;  border-radius:2px; font-size: 16px; outline: none; box-sizing: border-box;   }
.btn{ min-width: 30px; height: 30px; cursor: pointer; padding: 0 10px; min-width: 120px;  height: 36px; text-align: center; line-height: 36px; cursor: pointer; }
.btn:hover{ text-decoration: none;} 
.btn_s{ width: auto; min-width: 80px; padding: 0 10px; height: 26px; font-size: 14px; line-height: 24px;}
.btn_s2{ width: auto; min-width: 40px; padding: 0 6px; height: 22px; font-size: 12px; line-height: 22px;}
.btn_s3{ width: auto; min-width: 60px; padding: 0 6px; height: 24px; font-size: 12px; line-height: 22px;}
.btn_mw120{ min-width: 120px;}

.inp{ width: 210px; padding: 0; margin: 0; border: none; background: #fff; border:#999 1px solid; padding:0 8px; height: 34px; font-size: 16px;  transition: all .3s;}
.inp_s{ width: auto; padding: 0; margin: 0; border: none; background: #fff;  border:#999 1px solid; padding:3px; height: auto; font-size: 14px;  transition: all .3s;}
.inp_s_26{ height: 26px;}
.inp_s_26.f14{font-size: 14px;}

.inp_0{ width: 1px;height: 1px; padding: 0; border: none; outline: 0 }
.inp_green{ border-color: #00ab00; color: #00ab00;}
.inp_red{ border-color: red; color: red;}
.inp.disabled{ background: #eee;}


.btn_h28{ height: 28px; line-height: 26px;}a.btn_h28{ line-height: 28px;}
.btn_h30{ height: 30px; line-height: 28px;}a.btn_h30{ line-height: 30px;}
.btn_h36{ height: 36px; line-height: 34px;}a.btn_h36{ line-height: 36px;}
.btn_h24{ height: 26px; line-height: 24px;}a.btn_h24{ line-height: 26px;}
.btn_h40{ height: 40px; line-height: 38px;}a.btn_h40{ line-height: 40px;}
.btn_h42{ height: 42px; line-height: 40px;}a.btn_h42{ line-height: 42px;}

/* input.inp:focus{ border-color: #f60; transition: all .3s;} */

.btn_f{ display:block; border: none; line-height: 50px; text-align:center; text-decoration: none; background: #fff; width: 100%;  }
.btn_blue,.btn_blue:visited{  background:#007df9; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00a1ff), to(#007df9)); color: #fff; box-shadow: 1px 2px 1px rgba(0,0,0,0.1)}
.btn_blue:hover{ background: #00a1ff; cursor: pointer; color: #fff; text-decoration: none; }
.btn_white{ border: #aaa 1px solid;  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5)); color: #666;  box-shadow: 0 1px 1px rgba(0,0,0,0.1) }
.btn_white:hover{ background: #fff; cursor: pointer; }
.btn_grey{ margin: 0 auto;  width: 100px; line-height: 2.25rem; border-radius: 5px; background: #ccc; color: #fff; font-size: 1rem; }
.btn_blue_s{ width: auto; height: 30px; padding: 0 15px;line-height: 32px; }
.btn_white2{ border: #aaa 1px solid;  background:#fff; color: #666; }
.btn_white2:hover{border: #000 1px solid;  cursor: pointer;  color: #000;}


.btn_red,.btn_red:visited{ background:#e43f3f; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6565), to(#e43f3f)); color: #fff; box-shadow: 1px 2px 1px rgba(0,0,0,0.1)}
.btn_red:hover{ background: #ff6565; color: #fff;}

.btn_orange,.btn_orange:visited{ background:#ff8635; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7b22), to(#f60)); color: #fff; box-shadow: 1px 2px 1px rgba(0,0,0,0.1)}
.btn_orange:hover{ background: #ff8635;  color: #fff; }

.btn_green,.btn_green:visited{ background:#00ab00; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009a00), to(#178500)); color: #fff; box-shadow: 1px 2px 1px rgba(0,0,0,0.1)}
.btn_green:hover{ background: #00ab00;  color: #fff; }




/* .btn_orange{ background: #f60; color: #fff; }
.btn_orange:hover{background: #ff8635; color: #fff; } */
.btn_blue2{ background:#00bcd4 ; color:#fff; }
.btn_blue2:hover{background: #059fb3; color: #fff; }
.btn_fuchsia{ background: #f34bd1; color: #fff; }
.btn_fuchsia:hover{background: #f166d5; color: #fff; }
.btn_blue3{ background:#00a7a1 ; color:#fff; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#12a09b), to(#018a85));  }
.btn_blue3:hover{background: #059fb3; color: #fff; }
.btn_fuchsia2{ background:#e978c7 ; color:#fff; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e978c7), to(#e259b5)); box-shadow: 1px 2px 1px rgba(0,0,0,0.1)  }
.btn_fuchsia2:hover{background: #e978c7; color: #fff; }
.btn_grey2{ background: #d15f5f; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7e7e), to(#d15f5f)); color: #fff;  box-shadow: 1px 2px 1px rgba(0,0,0,0.1)}
.btn_grey2:hover{background: #df6f6f; color: #fff;}
.btn_color_1{ background:#6469c8 ; color:#fff; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6469c8), to(#5257b5));  }
.btn_color_1:hover{background: #6469c8; color: #fff; }


.btn_border{ display: inline-block; border:#999 1px solid; color: #666  }
.btn_border:hover{ background: #ddd; cursor: pointer; color: #000;}
.btn_border_blue{ display: inline-block; color: #007df9; border:#007df9 1px solid;  border-radius: 18px;}
.btn_border_blue:hover{ background: #007df9; color: #fff;}
.btn_shadow{ box-shadow: 0 2px 1px rgba(0,0,0,0.1)}

.btn_border2{ display: inline-block; border:#eac6bc 1px solid; padding: 0 15px; font-size: 14px; border-radius: 3px; background: #fffae6;  }
.btn_border2:hover{ border-color: #f60;}

.btn_border3{ display: inline-block; border-radius: 18px; font-size: 14px;  }


.btn_icon { border:#ddd 1px solid; color: #999; padding: 0 20px 0 15px; }
.btn_icon .iconfont{ font-size: 22px; display: inline-block; width: 24px; text-align: center; float: left; margin-right: 7px;}
.btn_icon span{ display: inline-block; float: left; }

.btn_icon_green{ border-color: #00ab00; color: #00ab00}
.btn_icon_green:hover{ background:#00ab00; color: #fff; }
.btn_icon_blue{ border-color: #00a1ff; color: #00a1ff}
.btn_icon_blue:hover{ background:#00a1ff; color: #fff; }
.btn_icon_orange{ border-color: #f60; color: #f60}
.btn_icon_orange:hover{ background:#f60; color: #fff; }
.btn_icon_fuchsia{ border-color: #f34bd1; color: #f34bd1}
.btn_icon_fuchsia:hover{ background:#f34bd1; color: #fff; }


.btn_border_grey{ border: #999 1px solid; color: #999}
.btn_border_grey:hover{ background:#999; color: #fff; }

.btn_border_green{ border: #00ab00 1px solid; color: #00ab00}
.btn_border_green:hover{ background:#00ab00; color: #fff; }

.btn_border_orange{ border: #f60 1px solid; color: #f60}
.btn_border_orange:hover{ background:#f60; color: #fff; }

.btn_border_fuchsia{ border: #f34bd1 1px solid; color: #f34bd1}
.btn_border_fuchsia:hover{ background:#f34bd1; color: #fff; }


.btn_loading{ position: relative; overflow: hidden; cursor: default; }
.btn_loading:before{content: "\00A0\00A0\00A0\00A0"; background: url(../images/loading.gif) no-repeat; background-size:90% 90%; margin-right: 5px;  }
.btn_loading:after{ position: absolute; width:100%; content: "\00A0"; height: 100%; background: rgba(0,0,0,0.3); z-index: 10; left:0; }
.btn_disable{ position: relative; overflow: hidden; cursor: default; }
.btn_disable:after{ position: absolute; width:100%; content: "\00A0"; height: 100%; background: rgba(0,0,0,0.3); z-index: 10; left:0; }
.inp_disable{ background: #eee;}

.btn_bar .btn{ display: inline-block; margin: 0 10px; min-width: 120px;}


.icon{ display: inline-block; width: 32px; height: 32px; background-size: 100% 100%;    }

.br1{border-radius: 3px; -moz-border-radius:3px;}
.br50{ border-radius: 50%; -moz-border-radius:50%; overflow: hidden;}
.btn_hasIcon i{ display: inline-block; margin:0 .1rem; }
.btn_hasIcon span{ display: inline-block;margin:0 .1rem; }


.midBox{ min-height: 500px;}
.mBox{ width: 1200px; margin: 0 auto;}
.mBox_le{ width: 430px; margin-right: 20px;}
.mBox_ri{ width: 300px;}

/*顶部*/
.topBar{ display: none;}
.topBar.show{ display: block;}
.topBar .siteTitle  a{ font-size:13px; margin-left:10px; color:#fff; margin: 0 20px 0 10px; line-height: 35px; margin-top: 5px; }
.topBar{ background: #354558; position: absolute; width: 100%; z-index: 100; height: 40px; color: #fff; line-height: 40px; padding: 0 0; }
.topBar .siteTitle{ padding:0 0 0 15px; min-width: 121px; }
.topBar .fr{ font-size: 14px; padding-right: 20px; }
.topBar .fr a{ color: #fff; }
.topBar .fr a:hover{text-decoration: underline;}
.topBar .userInfo{ padding: 0;}
.topBar .siteTitle h2{ font-size: 16px; line-height: 40px; float: left;}
.topBar .siteTitle p{ font-size: 12px; line-height: 16px; width: 160px; overflow: hidden;  text-overflow:ellipsis;   white-space:nowrap; }
.topBar .btn_s{min-width: 72px; border-radius: 13px; color: #fff;  margin: 7px 0 0 25px;  cursor: pointer; }
.topBar .siteTitle h2 a{ font-size:14px; margin-left:10px; color:#fff;}
.topBar .siteTitle h2  span{ font-size: 12px; line-height: 40px;  margin: 0;  margin-left: 10px;}


.topNav{ float: left; margin-left: 20px; font-size: 16px;} 
.topNav li{ float: left;}
.topNav li a{ padding: 0 20px; color: #fff; display: block; line-height: 40px;}
.topNav li.active a,.topNav li.active a:hover{ background: #2196f3;}
.topNav li a:hover{ text-decoration: none; background: #415e79}
.topSearchBox{ float: left; margin: 5px 0 0 20px; height: 30px; border-left:#8f9cad 1px solid; padding-left: 30px; position: relative; }
.topSearch{  margin-top: 2px; width: 150px; height: 26px; line-height: 26px; border: none; background: #fff;  border-radius:13px; padding:0 35px 0 15px; font-size: 14px;   outline: 0;}
.topSearch:focus{ background: #fff6b4;}
.topSearch::-webkit-input-placeholder {color: #999; font-size: 12px; } 
.topSearchBox .btn{ min-width: 0; width: 26px; height: 26px; padding: 0; border: none; position: absolute; right: 4px; top: 2px;}
.topSearchBox .btn_icon .iconfont{ margin: 0; font-size: 20px; line-height: 1;}
.topSearchBox .btn:hover{ color: #f60;}
.topSearchBox.fr{ border: none; padding-left: 20px;}
.topSearchBox.fr .topSearch{ margin-top:4px; line-height: 24px; height: 24px; width: 120px; border-radius: 2px; padding:0 10px 0 10px;}

.searchBox{ position: relative;}
.searchBox .inp{ height: 40px; width: 244px;}
.searchBox  .type{ position: absolute;  height: 24px; left:235px; top: 8px; border-left: #eee 1px solid; padding-left: 5px;}
.searchBox  select.inp,.selectHousBoxSearch select.inp,.selectHousBoxSearch label{ width: auto; height: 24px; padding: 0;  border: none; background: none; font-size: 14px;  color: #999; position: absolute;}
.selectHousBoxSearch label{ line-height: 34px; height: 24px; text-align: center; width: 115px; }
.searchBox  select.inp:focus,.selectHousBoxSearch  select.inp:focus{ box-shadow: none;}
.searchBox .btn{ height: 40px; line-height: 38px; min-width: 80px; padding: 0 15px;}
.searchBox .searchOwner .dropList { top:40px; }
.searchBox.small .inp{ width: 180px; height: 36px; line-height: 36px;}
.searchBox.small .btn{ height: 36px; line-height: 36px; min-width: 72px; padding: 0 10px; font-size: 14px;}
.searchBox.small.searchBox_up .inp{ width: 248px;}


.sideMenu{ position: absolute; width: 160px; top: 90px; left: 15px;    background: #f5f5f5; border-radius: 3px; -webkit-border-radius:3px; padding: 10px 0 10px 15px; font-size: 13px; overflow: auto;}
.sideMenu li ul{ padding-left:0; display: none; }
.sideMenu li{ line-height: 30px; }
.sideMenu li li{ line-height: 26px;}
.sideMenu li.all{ padding-left:18px; background: url(../images/icon_all1.png) no-repeat 0 9px; }
.sideMenu li.all.unfold{background-image: url(../images/icon_all2.png)  }
.sideMenu li.hasChild{ padding-left:18px;}

.sideMenu li.lv_buildingNum{ padding-left:18px; background: url(../images/icon_building5.png) no-repeat 0 7px; }
.sideMenu li.lv_buildingNum.unfold{ background-image: url(../images/icon_building6.png) }
.sideMenu li.lv_region{ padding-left:18px; background: url(../images/icon_region1.png) no-repeat 0 9px; }
.sideMenu li.lv_region.unfold{ background-image: url(../images/icon_region2.png) }
.sideMenu li span{ display: block; height: 26px; overflow: hidden;  text-overflow:ellipsis;   white-space:nowrap;}
.sideMenu li span:hover{ cursor: pointer;  color: #2196f3;}
.sideMenu li.unfold>ul{ display: block; }
.sideMenu li.active>span{ font-weight: bold; color: #2196f3; font-size: 14px; position: relative;}
.sideMenu li.active>span:after{content: ""; position: absolute; top: 50%; margin-top: -10px; right: 0; width: 4px; height: 20px; background: #2196f3;}
.sideMenu ul.lv3{ max-height: 400px; overflow: auto;}







.mainBox{ padding: 90px 15px 25px 220px;}
.mainBox_full{ padding: 55px 15px 25px 15px;}
.mainBox_full_2{ padding: 86px 15px 25px 15px;}
.mainBox_full_22{ padding: 72px 15px 25px 15px;}
.pt110{ padding-top:90px;}

.line_box{ padding: 10px 0  10px 0; border-top: #ddd 1px solid;}

.abstractList li{ float: left;  padding: 0 50px  0; }
.abstractList li:first-child{ padding-left: 0;}
.abstractList li:last-child{ border:none;}
.abstractList li p{ color: #999; font-size: 14px;}
.abstractList li h4{ font-size: 14px; font-weight: normal; margin-top: 0; color: #999;}
.abstractList li h4 b{ font-size: 24px; font-weight: normal;}
.abstractList.green li h4 b{ color: #00ab00;}
.abstractList.orange li h4 b{ color: #ff6600;}
.abstractList.fuchsia li h4 b{ color:fuchsia;}
.abstractList.multi li{  padding: 0 40px  10px 0; }
.abstractList.multi li h4{ line-height: 30px;}

.foldBox>.hd{ height: 30px; position: relative;}
.foldBox>.hd h4{ float: left; position: absolute; margin-top: 7px; height: 16px; line-height: 16px; padding: 0 10px; background: #fff; border-left:#000 4px solid }
.foldBox a.btn_fold{ padding: 0 15px; height: 24px; display: inline-block;  line-height: 24px; border: #ddd 1px solid; border-radius: 14px;  font-size: 12px; color: #999; background: #fff; top: 2px; text-decoration: none;}
.foldBox a.btn_fold:hover{  color: #000; background: #eee;}
.foldBox>.hd a.btn_fold{ position: absolute; right: 0; }
.foldBox a.btn_fold .f2{ display: none;}
.foldBox>a.btn_fold{ display: none; }
.foldBox>.hd .bill_tool{  position: absolute; right: 80px; z-index: 2; }
.foldBox>.hd .bill_tool a.btn{ float: left; margin-left: 15px; min-width: 100px; height: 28px; line-height: 26px; font-size: 14px; border-radius: 15px;}


.foldBox>.hd:before{ content:""; width: 100%; position: absolute; top: 14px; height: 1px; background: #eee;}
.foldBox>.bd{ margin-top: 10px; padding-right: 100px;}
.foldBox>.bd_f{ padding: 0;}

.foldBox.fold .bd{ display: none;}
.foldBox.fold .bd .btn_fold{ display: block;}
.foldBox.fold a.btn_fold .f1{ display: none;}
.foldBox.fold a.btn_fold .f2{ display: block;}
.foldBox.fold>a.btn_fold{ display: inline-block; }
.foldBox .hd a.btn_fold.hide{ display: none}

.foldBox>.bd .btn_edit{ position: absolute; right:20px; width: 64px; display: none;}
.foldBox>.bd .btn_edit_1{ display: block; right: inherit; margin-left: 720px;}
.foldBox>.bd:hover .btn_edit{ display: block;}
.foldBox .hd .selectWrap{float: left; position: absolute; margin-top: 2px; height: 16px; line-height: 16px; padding: 0 10px; background: #fff; left: 80px;}
.foldBox .hd .selectWrap .inp{ height:28px; font-size: 14px; width: auto; }

.userInfoBoxWrap{ position: absolute; top: 215px; right: 15px; transition: all .5s linear;}
.userInfoBox{ border: #75b5db 1px solid;    box-shadow: 3px 3px 0  rgba(0,0,0,0.1); padding:10px 15px; z-index: 10; background: #fff; border-radius: 3px; width: 360px; transition: all .5s linear; line-height: 22px;}
.userInfoBox h4{ font-size: 14px; margin-bottom: 3px; color: #000; }
.userInfoBox p{ font-size: 13px; color: #999; }
.userInfoBox p span b{ color: #000;}
.userInfoBox p .tip{ margin-left: 20px;  color: #999;}
.topBar .userInfoBox a{ color: #007df9; margin: 0 0 0 20px; padding: 0;}

.userInfoBoxWrap.small{ top: 0; right: 60px;  }
.userInfoBoxWrap.small .userInfoBox{ transform: scale(0); transform-origin:100% 0}
.topBar .userInfoBoxWrap{ top: 40px; display: none;}
.topBar .userInfo:hover .userInfoBoxWrap{ display: block;}


.sBox_h{ height: 300px;}
.sBox .hd{ height: 36px; background: #ECF5FF; line-height: 36px;}
.sBox .hd i{ float: left; display: block; width: 4px; height: 36px; background: #4A90E2}
.sBox .hd h3{ float: left; font-size: 16px; font-weight: bold; color: #000; margin-left: 10px; }
.sBox .hd .more{ float: right; font-size: 14px; color: #999; margin-right: 10px; }
.sBox .hd .more:hover{ color: #f00;}
.sBox .bd{ margin-top: 10px;}
.sBox_s .hd{ background: #fff; height: 20px; line-height: 20px;}
.sBox_s .hd i{ height: 20px; background: #000; }
.sBox_bd .hd{ height: 70px;}
.sBox_bd .hd .more{ color: #fff; margin-top: 13px;}
.sBox_bd .hd .more:hover{ color: #ff0;}
.sBox_bd_red .bd{ margin-top: 0;}
.sBox_bd_red{ margin-top: -5px;}
.sBox_bd_red .hd{ background: url(../images/title_1.png)}
.sBox_bd_black .hd{ background: url(../images/title_2.png)}
.sBox_bd .text_list{ padding: 0 6px;}
.sBox_bd_black .hd .more{ color: #fff; margin-top: 17px;}

.sBox2 .hd{ background: none; min-height: 18px; height: auto; background: none; line-height: 18px; padding: 5px 0;}
.sBox2 .hd h3{ font-size: 18px;}
.sBox2 .hd i{ background: #000; height: 18px;}
.sBox2 .hd .tip{ font-size: 14px; color: #999;}



.form>li{ margin-top: 15px;}
.form>li:first-child{ margin-top: 0;}
.form li.mt5{ margin-top: 5px;}
.form li.mt0{ margin-top: 0;}
.form li .col{ width: 330px;}
.form li .col_auto{ }
.form li>label,.form li .col>label{ float: left; width: 100px; padding-right: 10px; text-align: right; color: #888;line-height: 30px;}
.form li .col_auto>label{ float: left; width: auto; padding-right: 5px;  color: #888;line-height: 30px;}

.form li label .iconjiliangguanli{ color: #ffc008;}
.form li label .iconshuliangjietijia{ color:#ce89da;}
.form li .inp{ height: 30px; line-height: 28px; font-size: 14px;  border-radius: 3px; width: 500px; }
.form li .inp_big{ font-size: 18px;}
.inp:focus{  box-shadow: 0 0 5px #2196F3;  box-shadow: 0 0 5px #2196f3; border-color: #71bfff;}
.form li select.inp{ height: 30px; font-size: 14px; width: 520px;}
.form li .inp.disabled{ background: #eee;}
.form li p{ line-height: 30px;}
.form li .tip{ line-height: 30px;   padding-left: 10px;  color: #999; }
.form li .inp.w_auto{ min-width: 60px; width: auto;}
.form li .inp.w60{ width: 60px;}
.form li .inp.h40{ height:50px;}
.form li .inp.h50{ height:60px;}
.form li .inp.h80{ height:70px;}
.form li .inp.h100{ height:100px;}
.form li .inp.h300{ height:300px;}
.form li textarea.inp{ resize: none; line-height: 20px; padding:4px 8px; width: 530px; }
.form li textarea.inp.w500{ width: 510px; }
.form li textarea.inp.w560{ width: 560px; }
.form li textarea.inp.w800{ width: 800px; }
.form li.mt30{ margin-top: 30px;}
.form li.mt20{ margin-top: 20px;}
.form li .inp.w_f{ width: 100%;}
.form li .inp.w40{  width: 40px;}
.form li .inp.w60{  width: 60px;}
.form li .inp.w70{  width: 70px;}
.form li .inp.w80{  width: 80px;}
.form li .inp.w90{  width: 90px;}
.form li .inp.w100{  width: 100px;}
.form li .inp.w110{  width: 110px;}
.form li .inp.w130{  width: 130px;}
.form li .inp.w150{  width: 140px;}
.form li .inp.w160{  width: 150px;}
.form li .inp.w161{  width: 160px;}
.form li .inp.w180{  width: 180px;}
.form li .inp.w188{  width: 188px;}
.form li .inp.w200{  width: 200px;}
.form li .inp.w250{  width: 250px;}
.form li .inp.w300{  width: 300px;}
.form li .inp.w370{  width: 370px;}
.form li .inp.w450{  width: 450px;}
.form .btn_upload{ height: 30px; line-height: 28px; font-size: 14px; border-radius: 15px; width: 100px;}
.form li.t{ margin-top: 0;}
.form li.t label,.form li.t p{ line-height: 26px;}
.form li .btn_border{ height:30px; line-height:28px; padding: 0 20px; border-radius: 14px;}
.form2 li  label{ width: 150px;}
.form_part .part{ float: left; width: 320px;}

.inp_file{ display:none ; }
.btn_file{ height: 30px; width: 100px; text-align: center; line-height: 28px; font-size: 14px; }

.form.big li>label,.form.big li .col>label,.form.big  li p{line-height: 36px;}
.form.big li input.inp,.form.big li select.inp{ height: 36px; line-height: 34px;}
.form.big li .btn_border{ height: 32px; line-height: 30px; padding: 0 20px; border-radius: 15px; margin-top: 2px;}
.form.le li>label{ text-align: left; width: 70px; }
.form.le.label90 li>label{  width: 90px;}
.form.label_auto li>label{  width: auto;}

.form li .pre_text{ color: #999; position: absolute; line-height: 30px; margin-left: 10px;}
.form li .has_pre_text{ padding-left: 50px;}



.form.big li .btn_border.active{ position: relative; border-color:#f60; color: #f60;}
.form.big li .btn_border.active:hover{ background: #ffe9da;}
.form.big li .btn_border.active:before{content: ""; display: block; position: absolute; width: 16px; height: 16px; background: url(../images/icon_correct2.png); top:-5px; left: -5px; background-size: cover;}

.form.big li .checkBox{ margin-top: 5px;}

.form.small{}
.form.small>li{ margin-top: 5px;}
.form.small li>label,.form.small li .col>label,.form.small  li p{line-height: 30px;}

.form li.sep{ height: 10px; border-bottom: #eee 1px solid; text-align: center; margin-bottom: 30px;}
.form li.sep span{ display:inline-block; background: #fff; padding: 0 10px; }

.form_grey{ background: #f7f7f7;}
/* .form_grey{ background: #f7f7f7; padding: 10px 0; float: left; margin-bottom: 20px; width: 500px;} */
/* .form_grey.le li>label{ width: 50px;} */
.form.pd020{ padding: 15px 0;} 
.form.pd010{ padding: 8px 0;} 


.formEdit{ width: 900px; background: #fff9f2; padding: 1px 0 16px 0;}
.form li .imgPreview{ width: 288px; display: block; }
.form li .imgPreview img{ margin-top: 10px; float: left; height: auto; background: url(../images/loading.gif) no-repeat center; background-color: #fff; padding: 5px; border:#eee 1px solid; }
.form li .imgPreview_border { border:#eee 1px solid; margin-top: 10px;  }
.form li .imgPreview_border img{ margin-top: 0; }

.materialBills dd{ margin-bottom: 10px;}
.materialBills dd .btn_border{min-width: 30px; padding: 0; text-align: center;}
.materialBills dd .btn_border:hover{  border-color: #f00;}



.form_select dd{ border: #999 1px solid; height: 30px; line-height: 30px; padding:0 10px; border-radius: 4px; float: left; margin-right: 10px; margin-bottom: 7px; cursor: default; color: #444; position: relative;}
.form_select dt{ float: left; line-height: 36px;}
.form_select dd:hover{ border-color:#f60; color:#f60;}
.form_select dd.active{  border-color:#f60; color:#f60;}
.form_select dd.active:before{content: ""; display: block; position: absolute; width: 16px; height: 16px; background: url(../images/icon_correct2.png); top:-5px; left: -5px; background-size: cover;}
.form_select dd.hasIcon .iconfont{ display: block; float: left; width: 20px;  font-size: 20px;}
.form_select dd.hasIcon span{display: block; float: left;  margin-left:5px; }
.form_select dd.hasIcon .iconquanbu,.iconquanbu{ color: #00a1ff }
.form_select dd.hasIcon .iconweixinzhifu,.iconweixinzhifu,.iconshouji3{ color: #09bb07 }
.form_select dd.hasIcon .iconzhifubaozhifu,.iconzhifubaozhifu{ color: #00a1e9 }
.form_select dd.hasIcon .iconxianjin1,.iconxianjin1{ color: #ff5a5f }
.form_select dd.hasIcon .iconshuaqia,.iconshuaqia{ color: #ff8d00 }
.form_select dd.hasIcon .iconzhuanzhang1,.iconzhuanzhang1{ color: #d4237a }
.form_select dd.hasIcon .iconqita,.iconqita{ color: #15c1a9 }
.form_select dd.hasIcon .iconqiankuan,.iconqiankuan{ color: #f00 }
.form_select dd.hasIcon .iconquanmahexiao,.iconquanmahexiao{ color: #9266e0 }
.form_select dd.hasIcon .iconchongdi,.iconchongdi{ color: #9266e0 }
.form_select dd.hasIcon .iconshouqianba,.iconshouqianba{ color: #b5b132 }
.form_select dd.hasIcon .iconguangdayinhang,.iconguangdayinhang{ color: #6b1685 }
.form_select dd.hasIcon .iconshoukuanma,.iconshoukuanma{ color: #bb0772 }
.form_select dd.hasIcon .iconshoukuanma2,.iconshoukuanma2{ color: #00a1e9 }
.form_select dd.hasIcon .iconzhichu,.iconzhichu,.has_iconzhichu span{ color: #f00 }
.form_select dd.hasIcon .iconpinganyinhang,.iconpinganyinhang{ color: #f60 }

.form_select.big dd{ height: 40px; line-height: 40px;  padding:0 15px; font-size: 16px;}
.form_select.big dd.hasIcon .iconfont{ display: block; float: left; width: 24px;  font-size: 24px;}
.form_select.big dd.active:before{width: 22px; height: 22px;  top:-8px; left: -8px; }
.form_select.big  dd.active{border-width: 2px;  height: 38px; line-height: 38px;}



.form_select.small dd{ height: 28px; line-height: 28px;  border-radius: 3px;  }
.form_select.small2 dd{ height: 28px; line-height: 28px;  border-radius: 3px; padding: 0 5px; margin-right:7px; opacity: .7; }
.form_select.small2 dd span{ margin: 0;}
.form_select.small2 dd.hasIcon .iconfont{ font-size: 16px;}
.form_select.small2 span{ font-size: 13px;}
.form_select.small2 dd.active{ opacity: 1;}
.form_select.noIcon dd .iconfont{ display: none;}


.form_select_payType_confirm dd{ display: none;}
.form_select_payType_confirm dd.active{ display: block;}
.form_status{ display: none;}

.pos_type_style{ background: #f5f5f5; padding: 10px 10px 0 10px;}
.pos_type_style .fl.t{ width: 70px; line-height: 30px;}
.pos_type_style .form_select{ width: auto; margin-left: 70px;}
.pos_type_style .form_select dd{ height: 30px; margin-right: 5px; line-height: 30px; padding: 0 8px; background: #fff;}





.form_sep2{ width: 800px }
.form_sep2 li{ width: 360px; float: left; }
.form_sep2>li:first-child{ margin-top: 15px; }
.form_sep2 li.w500{ width: 500px;  }
.form_sep2 li.cf{ width: 100%;  }




/*focusUploadBox*/
.focusUploadBox>li,.addFocus{ width: 64px; height: 64px; padding:2px 2px; border:#ddd 1px solid; margin-right: 10px; float: left; line-height: 20px; text-align: center; color: #999; position: relative; background: #fff; }
.addFocus:hover{ border-color: #00a1ff; cursor: pointer; color: #00a1ff }
.focusUploadBox li img{ width: 64px; height: 64px; }
.addFocus { padding-top: 12px;  height: 54px; }
.addFocus i{  font-size: 16px; line-height: 20px; margin-top: 12px; }
.addFocus h4{ font-size: 12px; line-height: 20px; }
.focusUploadBox li span{ right: -6px; top:-6px; position: absolute; display: block; width: 16px; height: 16px; background:url(../images/clo.png); background-size: 16px 16px; }
.focusUploadBox li span:hover{background-image:url(../images/clo2.png);}

.pic_preview_100{ width: auto; }
.pic_preview_100 img{ display: block; width: auto; height: 100px; margin-bottom: 5px; vertical-align: top; }




/*searchOwner*/
.searchOwner .dropList{ display: none; position: absolute; left: 0; top: 30px; width:360px; background: #ffffff; border:#2196f3 1px solid;  box-shadow:0 0 5px  #a5d7ff; padding: 10px 0; z-index: 10;}
.searchOwner .dropList .item{ padding: 0 15px; line-height: 30px; color: #999;}
.searchOwner .dropList .canSelect{ display: block; cursor: default;}
.searchOwner .dropList .canSelect:hover,.searchOwner .dropList .canSelect.active{ background: #ffeedc;}
.searchOwner .searchList,.searchOwner .scrollList{  height: 310px; overflow: auto;}
.searchOwner .dropList .item em.kw{  color: #f60; }
.searchOwner .dropList .item b{  color: #f50; }
.searchOwner{ position: relative; }
.searchOwner .dropListWrap{ display: none;}
.searchOwner:hover .dropListWrap{ display: block; }
.topBar .searchOwner .dropList{ left: 30px; }
.searchOwner_right .dropList{ left: inherit;  right: 0; top: 30px;}
.searchBox .searchOwner.searchOwner_right .dropList{  top: 36px;}
.topBar .searchOwner .dropList{  width:260px; left: inherit; }
.searchOwner .dropList.w_f{ width: 100%;}








.checkBox{ position: relative; padding-left: 20px; display: inline-block; line-height: 24px; }
.checkBox input,.checkBox i{ width: 16px; height: 16px; position: absolute; left: 1px; top: 50%; margin-top: -9px;}

.checkBox i{ width: 10px; height: 10px; border: #bbb 1px solid; padding: 0; margin-top: -7px; background: #fff; }
.checkBox i.iconfont::before{ display: none; font-size: 10px; line-height: 10px; text-align: center;}
.checkBox.checked { color: #f60;}
.checkBox.checked i{ border-color: #f60;}
.checkBox.checked i.iconfont::before{ display: block; color: #f60;}
.checkBox_all{ padding-left: 28px; width: auto; min-width: auto; }
.checkBox_all i{ left: 8px; width: 11px; height: 11px;}

.tabBox .tab { float: left;}
.tabBox .tab li{ border: #ddd 1px solid; border-right: none; border-bottom: none; float: left; line-height: 32px; padding: 0 15px; cursor: pointer;}
.tabBox .tab li:last-child{ border-right:#ddd 1px solid;  }
.tabBox .tab li.active{ background: #007df9; border-color: #007df9; color: #fff;}
.tabBox .tab_con{ display: none;}
.tabBox .tab_con.active{ display: block;}
.tabBox .hd{  border-bottom: #ddd 1px solid;}
.tabBox .hd .moreLink{ line-height: 33px;}

.chartBox{ height: 260px;}
.chartBox.h320{ height: 320px;}



.swiper .swiper-slide a{ display: block;}
.swiper .swiper-slide a .t{ color: #fff; width: 100%; font-size: 14px; line-height: 36px; height: 36px; background:url(../images/cover50.png); position: absolute; bottom: 0; padding:0 10px;}
.swiper .swiper-pagination{ left: inherit; right: 10px; width: auto; bottom: 5px;}
.swiper .swiper-pagination-bullet{ background: #fff; margin: 0 2px;}


.footer{ background: #505050; color: #999; font-size: 12px; padding: 20px 0 30px;}
.footer a{ color: #ccc;}
.footer a:hover{ color: #fff;  text-decoration: underline;}
.footer_mid{ width:700px; margin-left: 30px;}
.footer_mid ul li{ float: left; margin-right: 20px;}
.footer_mid p{ margin-top: 10px;}


.bread{ padding: 5px 15px; position: absolute; width: 100%; top: 40px; line-height: 20px; border-bottom: #eee 1px solid; background: #f7f7f7; box-sizing: border-box; color: #ccc;}
.bread b{ font-weight: bold; color: #000;}
.bread.noBorder{ border: none;}





.news_list li{  line-height: 20px; padding:10px 0px; padding-left: 15px; color: #999; background: url(../images/dot.png) no-repeat left center; border-bottom: #eee 1px dashed;}
.news_list li a{ color: #000;}
.news_list li a:hover{ color: #f00;}
.news_list li span{ float: right; color: #ccc;}


/*pageBox*/
.pageInfo{ height: 30px;}
.pageInfo .fl p{ line-height: 30px;}
.pageBox{text-align:right; line-height: 28px; font-size: 14px;}
.pageBox li{ display: inline-block; margin:0 0 0 8px; }
.pageBox a{ display:inline-block; color:#666; padding:0 10px; line-height: 28px; border:#ddd 1px solid;  box-sizing: border-box;}
.pageBox b{ display:inline-block; padding:5px 10px;}
.pageBox a:hover{ border-color:#00a1ff; color:#00a1ff; text-decoration:none;}
.pageBox li.active a{ background:#00a1ff; color:#FFF; border-color:#00a1ff;}
.pageBox li.disable a, .pageBox li.disable a:hover{ background:#ddd; border-color: #ccc; color: #aaa; cursor: default; }
.pageBox li.p10,.pageBox li.p20{ padding: 0; }
.pageBox_center{text-align:center;}
.pageBox_right{ text-align:right;}
.pageBox_right li{ margin: 0 0 0 6px; }

.articleBox>.hd { text-align: center; border-bottom: #eee 1px solid; padding: 20px 0;}
.articleBox>.hd h1{ font-size: 30px; text-align: center; font-weight: normal; line-height: 40px;}
.articleBox>.hd p{ color: #999; margin-top: 5px;}
.articleBox>.bd{ font-size: 16px; padding: 10px 0;}
.articleBox>.bd p{ margin-top: 15px; text-indent: 32px; }
.articleBox>.bd p.pic{ text-align: center; text-indent: 0;}

.articleBox2>.hd{ border: none; padding: 15px 0;}
.articleBox2>.hd h1{  font-size: 24px;}


/*selectForm*/
.listInfo span{ margin-right: 50px; }
.listInfo .fl{ line-height: 30px; }
.listInfo .btn{ float: left; height:28px;  min-width: auto;  line-height:26px; padding: 0 15px; width: auto; font-size: 14px; display:inline-block; }
.listInfo a.btn{   line-height:28px; }
.listInfo .btn.hide{ display: none; }
.listInfo .btn.s{ padding: 0 8px;}
.listInfo .btn.btn_tri{ padding: 0 5px 0 8px; cursor: default;}
.listInfo .btn span{ margin: 0;}
.listInfo .btn .iconfont{ font-size: 14px;}
.listInfo .btn.fr{ float: right;}
.listInfo .form_title h3{ font-size: 20px;}
.listInfo span.btnFreezeWrap{margin: 0;}
.listInfo>.ri{ margin-left: 250px;}

.listInfo .btn_export .iconfont{ font-size: 16px; float: left; }
.listInfo .btn_export{ padding-left: 10px; position: relative; }
.listInfo .btn_export span{ float: left; margin-left: 5px; }

.listInfo .btn_export.btn_loading i{ display: none; }
.listInfo .btn_export.btn_loading:before{ background-size:16px 16px; float: left; margin-right: 0; background-position: center;  }
.listInfo .btn_w2{ padding: 0 20px;}

.listOP{ background: #d5eaff; margin: 0 -15px 0 -15px; padding: 7px 15px 0 15px;  border-top: #b4cde1 1px solid; border-bottom: #b4cde1 1px solid;}
.listOP h3{ line-height: 30px;}
.listOP .sms_mod{ border}

/* 统计信息 */
.statisticsBox{ background: #fff2e7; margin:0 0 10px 0; padding: 5px 10px; font-size: 14px; line-height: 20px; color: #f5f5f5;  color: #999; border-radius: 3px;  }
.statisticsBox b{ margin-right: 20px; }
.statisticsBox span{ margin-right: 20px; }
.statisticsBox span em{  font-style: normal;  margin-right: 5px; }
.statisticsBox span i{ font-style: normal;}
.statisticsBox.s{ margin: 0;}
.statisticsBox.s span{ margin-right: 10px;}
.statisticsBox span.mr50{ margin-right: 50px; }

.statisticsBox.s2{  margin: 0 -15px 10px -15px; border-radius: 0; padding: 5px 15px 5px 15px; border-bottom: #efdbca 1px solid; }


.selectForm{ padding: 0 0; }

.selectForm .form_item{ float: left; font-size: 13px; margin-right: 20px; padding:0 0 8px 0;  }
.selectForm .form_item.fr{ float: right; }
.selectForm.fr .form_item{ margin-left: 12px; margin-right: 0;}
.selectForm_s .form_item{ margin-right: 20px;}
.selectForm .form_item:last-child{ margin-right: 0;}
.selectForm .form_item>label{ line-height: 28px; float: left; margin-right: 3px; }
.selectForm .form_item .inp{ float: left; height: 28px; line-height: 26px; font-size: 13px; width: auto; max-width: 100px; padding: 0 5px;    }
.selectForm .form_item select.inp{  padding: 0px;}
.selectForm .form_item .inp.s{ width: 150px; }
.selectForm .form_item .inp.s2{ width: 150px; }
.selectForm .form_item .inp.disable{ background: #eee; }
.selectForm .form_item input.inp{  }
.selectForm .form_item input.inp.w40{ width: 60px;}
.selectForm .form_item input.inp.w60{ width: 80px;}
.selectForm.small .form_item{ margin-right: 10px;}
/*input.laydate-icon{  background-image: url(../js/laydate/skins/default/icon.png); background-position:right 5px center; background-repeat: no-repeat; }*/
.selectForm .form_item input.inp_date{ width: 230px; }
.selectForm .form_item input.w70{ width: 70px; }
.selectForm .form_item input.w85{ width: 85px; }
.selectForm .form_item input.w100{ width: 100px; }
.selectForm .form_item input.w120{ width: 120px; max-width: 120px; }
.selectForm .form_item input.w130{ width: 130px; max-width: 130px; }
.selectForm .form_item input.w140{ width: 140px; max-width: 140px;}
.selectForm .form_item input.w150{ width: 150px; max-width: 150px; }
.selectForm .form_item input.w200{ width: 200px; max-width: 200px; }
.selectForm #ownerPhone_s{ width: 120px; }
.selectForm .hasClear{ position: relative;}
.selectForm .hasClear .fl{ position: relative;}
.selectForm .hasClear .s_clear{ display: none;  border:0; width: 20px; height: 20px; position: absolute; right: 5px; margin: 5px 0 0 0; background: url(../images/clo.png) #fff; background-size: 100% 100%; display: none; outline: none;  }
.selectForm .hasClear .s_clear:hover{
	background-image: url(../images/clo2.png);
}
.selectForm .form_item_msg { line-height: 30px; }
.selectForm .form_item_msg span{ margin-right: 20px;  }

.inp_range_wrap{ border: #aaa 1px solid; padding: 0 5px; line-height: 28px; background: #fff; border-radius: 3px;}
.inp_range_wrap:hover{ box-shadow: 0 0 5px #2196f3; border-color: #71bfff;}
.inp_range_wrap .inp{ border: none; float: left; width: 80px; max-width: 78px; height: 26px; padding: 0; text-align: center;}
.inp_range_wrap .inp:focus{ box-shadow: none; }
.inp_range_wrap label{ float: left; color: #999; margin: 0; font-size: 12px; line-height: 30px; width: 20px; text-align: center; }
.inp_range_wrap.small .inp,.selectForm .form_item .inp_range_wrap.small .inp{  max-width: 58px; }
.selectForm .form_item .inp_range_wrap .inp{ height: 26px; max-width: 84px; padding: 0;}
.selectForm .form_item .inp_range_wrap label{ line-height: 26px;}

.form.big li .inp_range_wrap label { line-height: 36px;}
.inp_range_wrap.long .inp{  max-width: 113px;}

.selectForm.style_2 .form_item>label{ line-height: 26px; margin: 0; padding: 0 5px; background: #eee; border: #bbb 1px solid; border-right: none; color: #666;}
.selectForm.style_2 .form_item .inp{ border-radius: 0;}
.selectForm.style_2 .form_item .checkBox{ line-height: 26px; }
.selectForm.style_2 .checkBox input,.selectForm.style_2 .checkBox i{ width: 14px; height: 14px; margin-top: -7px;}

.selectForm.style_2 .form_item .checkBoxGroup{ border: #aaa 1px solid; padding: 0 5px; height: 26px; line-height: 26px; background: #fff; padding: 0 10px;}


/* .operateBox{ padding:0 0;  }
.operateBox .btn{ height: 32px; line-height: 32px; width: 100px; font-size: 14px; }
.operateBox .t{ float: left; line-height: 32px; margin-right: 10px; font-size: 14px; color: #666; } */

.hasSearchType,.hasDrop{ position: relative; cursor: pointer;}
.searchType,.dropType{ display: none; position: absolute; top: 29px; right:0; border: #2196f3 1px solid; border-radius: 3px; background: #fff; padding:0; 
  box-shadow: 0 1px 7px  rgba(0,0,0,0.2); z-index: 100;}
.searchType p,.dropType p{ line-height: 28px; padding: 0 0 0 0; min-width: 55px; text-align: center; cursor: pointer;}
.searchType p:hover,.dropType p:hover{ background: #cee9ff;}
.hasSearchType:hover .searchType,.hasDrop:hover .dropType{ display: block;}

.dropType{ width: 100% }
.dropType p{ width: 100%; }
.dropType.big{ width: 120px; right: inherit; }

.listTable.listTable_scroll{ overflow-x: scroll;} 
.listTable  table{ width: 100%; font-size: 12px; vertical-align: middle; border-collapse:collapse; text-align: center; }
.listTable  table.f14{ font-size: 14px;}
.listTable  table.f12{ font-size: 12px;}
.listTable  table.pd1 th{ padding:7px 10px;}
.listTable  table.pd1 td{ padding:8px 10px;}
.listTable  table.small th{ padding:5px 10px;}
.listTable  table.small td{ padding:5px 10px;}
.listTable  table.big td,.listTable  table.big th{ padding:10px 15px;}

.listTable  th{ border: #bbb 1px solid; background: #eee; height: 18px; line-height: 18px; padding:5px 5px; font-weight: normal; }
.listTable  th.d_table_title{ background: #fff; padding: 10px 20px; line-height: 1.2 }
.listTable  th.d_table_title h4{line-height: 1.5 }
.listTable  td{ border: #bbb 1px solid;  height: 18px; line-height: 18px; text-align: center; padding:6px 5px; }
.listTable  td.tl{ text-align: left;}
.listTable  td .green{ color: #00ab00 }
.listTable  td .red{ color: #f00 }
.listTable  td a{  margin: 0 7px; }
.listTable  td a.m0{ margin: 0;}
.listTable2{ width: 70%; }
.listTable  td .more{ font-weight: bold; position: relative; cursor: default; }
.listTable  td .moretip{ position: absolute; display: none; }
.listTable  th.disable{ background: #f5f5f5; color: #bbb }
.listTable  td.disable{ background: #f5f5f5; color: #bbb }
.listTable  tbody tr:hover td{ background: #fffcdb; }
.listTable  tbody.noHover tr:hover td{ background: #fff; }
.listTable  tbody tr:hover td.noHover{ background: #fff; }
.listTable  tbody tr:hover td.bg_fuchsia{ background: #f9e3ff;}



.listTable  td.modify{ color: #f60; }
.listTable  tbody tr.sum td,.listTable  tbody tr td.sum{ font-weight: bold; background: #fff3e9;}
.listTable  tbody tr.sum2 td,.listTable  tbody tr td.sum2{ font-weight: bold; background: #e9f3ff;}
.listTable  tbody tr.same td{ background: #fff3e9;}
.listTable  tbody tr.c2 td{ background: #fff3ed;}


.listTable  td.hasPic { padding: 5px;}
.listTable  td.hasPic .pic{ height: 60px;  }
.listTable  td.hasPic .pic img{ height: 100%; width: auto;}

.listTable .has_t_hide .t_hide{ display: none }

.listTable  table.noRegion .region{ display: none;}
.listTable  td.money{ font-weight: bold;}
.listTable  table.noCheck .td_check,.listTable  table.noCheck .th_check{ display: none;}

.listTable .tr_grey td,.listTable .tr_grey td span{ color: #ccc; }
.listTable .td_c0{ color: #ccc;}
.listTable table.no_operate .operate{ display: none;}
.listTable  td.hasInput input{ border: 0; font-size:12px; height: 18px; padding: 0 5px; background: #eee; width: 100%;}
.listTable  td.hasInput input::-webkit-input-placeholder {color: #999; font-size: 12px; } 
.listTable  td.hasInput .inp_checkBox{ width: 14px; height: 14px; display: block; margin: 0 auto;}

.listTable  td.hasInput2{ padding: 0 10px;}
.listTable  td.hasInput2 .inp{ border: 0; width: 50px; font-size:14px; height: 20px; padding: 0 5px; margin: 2px; background: #eee; text-align: center; }
.listTable  td.hasInput2 .inp.w90{ width: 90px;}
.listTable  td.hasInput2 .inp.w80{ width: 80px;}
.listTable  td.hasInput2 .inp.w60{ width: 60px;}
.listTable  td.hasInput2 .inp.mc{ margin: 0 auto;}
.listTable  td.hasInput2 .iconfont{  margin-left: 5px; background: #ddd; color: #666;  width: 18px; height: 18px; font-size: 12px; font-weight: bold; border-radius: 50%;}
.listTable  td.hasInput2 .iconfont:hover{ background: #f00; color: #fff; cursor: pointer;}
.listTable  td.hasInput2:hover .iconfont{ display: block;}
.listTable  td.hasInput2.fc_orange .inp{ color: #f60; background: #f2d7c5;}



.listTable  td .unFold{ font-size: 18px; display: block; cursor: pointer; color: #2196f3;}
.listTable  td .unFold:hover{ color: #f00;}
.listTable  table .subItem td { font-size: 13px; background: #eee;  padding:5px 10px;}
.listTable  table .subItem td.tl{ padding-left: 30px; }
.listTable  td.yearMonth {position: relative; }
.listTable  td .red_dot{ position: absolute; width:3px; height: 16px; left: -1px; top: 50%; margin-top: -8px;  background: #f00;}
.listTable  td .tag_new{ font-size: 12px; background: #369a0e; display: inline-block; line-height: 18px; border-radius: 3px;  margin: 1px 0 0 0; padding: 0 5px; color: #fff; transform:scale(.8); margin-left: -3px;}
.listTable  td.td_c_0{ color: #ccc;}


.listTable .table_sep_14  td{ width: 7.1%;} 





.item_septicTankCleaningFee,.item_corridorCommonElectricFee,.item_publicAreaCommonElectricFee,.item_reduceMoney,.item_carParkFee,.item_motorParkFee,.item_electricFee{ width: 50px;}
.item_yearCount,.item_w30{ width: 30px;}

.listTable_bill_owner table th{ width: auto;}
.listTable_bill_owner table th.w30{ width: 30px;}
.listTable_bill_owner table th.w40{ width: 40px;}
.listTable_bill_owner table th.w50{ width: 50px;}

.listTable .freeze th{ border-top:#f00 1px solid; }
.listTable .freeze th:first-child{border-left:#f00 1px solid;}
.listTable .freeze th:last-child{border-right:#f00 1px solid;}
.listTable .freeze tr td:first-child{border-left:#f00 1px solid;}
.listTable .freeze tr td:last-child{border-right:#f00 1px solid;}
.listTable .freeze tbody tr:last-child td{border-bottom:#f00 1px solid;}
.freezeMsg{ color: #f00; font-size: 14px; line-height: 20px; }
.freezeMsg .iconfont{ font-size: 16px;  }
.listTable table .checkBox {  width: 14px;  height: 18px;  display: block; margin: 0 auto; padding: 0;  }
.listTable table .checkBox i{ margin-top: -7px; width: 12px; height: 12px; }
.listTable table .checkBox i.iconfont::before{ font-size: 14px;}

.listTable tbody tr.tr_text td{ color: #999; padding: 10px 10px 5px 10px; text-align: left; background: #fafafa; font-size: 12px;  }

.listTable .hasEdit .inp{ display: none; width:70px; height: 24px; font-size: 14px; text-align: center; margin:0 auto;}
.listTable .hasEdit .btn_save,.listTable .hasEdit .btn_cancel{ display: none;}
.listTable .hasEdit .editing  .d_e,.listTable .hasEdit .editing .btn_modify{display: none;}
.listTable .hasEdit .editing  .d_e_inp,.listTable .hasEdit .editing .btn_save,.listTable .hasEdit .editing .btn_cancel{display: inline-block; font-size: 1;}

.listTable .border_top{ border-top: #ccc 2px solid;}
.listTable .border_left{ border-left: #ccc 2px solid;}
.listTable .border_right{ border-right: #ccc 2px solid;}
.listTable .border_bottom{ border-bottom: #ccc 2px solid;}
.listTable .hasBorderBottom td.hasBottom{  border-bottom: #ccc 2px solid;}

.listTable  .hidenTitle th{ background: #fff; border: #fff 1px solid; border-bottom: #bbb 1px solid; color: #fff;}
.listTable .fixTitle{ position: absolute; width:auto;  position: absolute; z-index: 10; box-shadow: 0 2px 5px rgba(0,0,0,0.25)}
.listTable .fixTitle th{ padding: 5px 0;}
.listTable .fixTitle.hasPayList{ z-index: 9;} 


.listTable .check_css td{ cursor: default;}
.listTable .check_css tr.checked td{ background: #fff3e9} 
.listTable .check_css tbody tr:hover td{ background: #fffcdb; }
.listTable .check_css tbody tr:hover td.nohover{ background: #fff; }

.listTable  table.w_auto{ width: auto; float: left; }
.listTable  table.w_auto th,.listTable  table.w_auto td{ padding-left: 5px; padding-right: 5px; }
.listTable  table.w_auto.small th,.listTable  table.w_auto.small td{ padding-left: 5px; padding-right: 5px; }

.listTable .table_up{ position: absolute; width: 100%; display: none;}
.listTable_up{ position: relative;}
.listTable .table_up_fixed{ position: fixed; box-shadow: 0 3px 3px rgba(0,0,0,0.1); top: 0; z-index: 10; display: block;}



.detail_table{ font-size: 14px; border-collapse: collapse; width: 100%;}
.detail_table th,.detail_table td{ padding:5px 10px; border: #bbb 1px solid; line-height: 20px; text-align: center}
.detail_table th{   background: #f7f7f7; font-weight: normal;}
.detail_table td .pic{ width: 60px; height: 60px; margin: 0 auto;}
.detail_table td .pic img{ width: 100%; height: 100%;}
.detail_table td.tl{ text-align: left;}
.detail_table td a{ margin: 0 10px;}
.detail_table.h36 th,.detail_table.h36 td,.listTable table.h36 th,.listTable table.h36 td{padding: 8px 10px;}
.detail_table.fs12{ font-size: 12px;}
.detail_table.fs13{ font-size: 13px;}
.detail_table.tl td{ text-align: left;}
.detail_table.tl td.tc{ text-align: center}
.detail_table tr.sum td{ font-weight: bold; background: #fff3e9;}
.detail_table tr.sep td{ border: none;}

.form_select_s th{padding:3px 5px;}
.form_select_s td{padding:3px 10px;}
.form_select_s .checkBox input{ width: 12px; height: 12px; margin-top:-7px; }
.form_select_s tbody tr:hover td{ background: #fffcdb; cursor: pointer; }

.table_line{  border-collapse: collapse; font-size: 13px;  }
.table_line th{ padding:5px 10px; border-bottom: #ddd 1px solid; background: #f5f5f5; line-height: 20px; text-align: center; font-weight: normal;}
.table_line td{ padding:8px 10px; border-bottom: #ddd 1px solid; line-height: 28px; text-align: center; }
.form li .table_line  input.inp{ line-height: 28px; height: 28px;}
.table_line .inp_range_wrap{ border-color: #ccc;}
.table_line .inp_range_wrap .inp{ max-width: 60px;}
.table_line td .inp{ display: block; margin: 0 auto; text-align: center; color: #999; border-color: #ccc; }
.table_line .tbody1 td{color: #999;}
.table_line tr.sum td{ background: #fff3e9; font-weight: bold; border: none;}
.table_line td.tl{ text-align: left;}
.form li .table_line .inp_range_wrap label{ line-height: 28px;}
.form li .table_line .checkBox{ margin-top: 0; padding-left: 25px;}
.form li .table_line .checkBox input{ margin-top: -8px;}
.table_line tr.chk td{ color: #000;}
.table_line tr.chk .inp{ color: #000; border-color: #333;}
.table_line tr.chk .inp_range_wrap{ border-color: #333;}



.departmentStatistcs{ width: 1300px;}
.departmentStatistcs li{ width:187px; height:100px; float: left; background: #FFE8D8; border-radius: 5px; overflow: hidden; text-align: center; margin:0  15px 15px 0;}
.departmentStatistcs li h3{ height: 36px; background: #FFD5BA; font-size: 16px; line-height: 36px; }
.departmentStatistcs li .row{ padding: 0 10px;}
.departmentStatistcs li .fl{ width: 33.33%; font-size: 14px; padding-top: 10px;}
.departmentStatistcs li .fl p{ color: #999;}
.departmentStatistcs li:hover{ cursor: pointer; background: #fff6ef;}
.departmentStatistcs li:hover h3{ background: #ffe7d6}

.btn_box li{ width: 155px; float: left; margin-right: 20px; margin-bottom: 20px;}
.btn_box li a{ display: block; text-align: center; text-decoration: none; background: #fff; border-radius: 5px; padding: 25px 5px 20px 5px;  border:#ddd 1px solid;}
.btn_box li a:hover{ border-color:#25a0f5  }
.btn_box li a .img100{ width: 72px; height: 60px; display: block; margin: 0 auto;}
.btn_box li a .img100 b{ display: block; width: 100%; height: 55px;  border-radius: 5px; background: #009688; font-size: 24px; font-weight: bold; color: #fff; line-height: 55px; }
.btn_box li a span{ width: 100%; display: block; font-size: 14px; color: #999; }
.btn_box li a span.h4{ color: #000; margin-top: 10px;}
.btn_box li a span.p{ color: #999; font-size: 13px;}
.btn_box li a span.p em{ color: #f60; margin-right:5px; }
.btn_box_2 li a{ text-align: left;}
.btn_box_2 li a span.h4{ font-size: 18px;}
.btn_box li a .img100 b.bg_red{ background: #ea6f6f;}
.btn_box li a .img100 b.bg_green{ background: #52ab49;}
.btn_box li a .img100 b.bg_fuchsia{ background: #d080e4;}
.btn_box li a .img100 b.bg_blue{ background: #699def;}
.btn_box li a .img100 b.bg_blue2{ background: #4eb1db;}
.btn_box li a .img100 b.bg_green_red{background:-webkit-gradient(linear, 49.8% 0%, 50.2% 0%, from(#52ab49), to(#ea6f6f)); }
.btn_box li a .img100 b.bg_orange{ background: #ff8839;}
.btn_box li a .img100 b.bg_fuchsia2{ background: #8d7ccb;}
.btn_box li i{ position: absolute; font-size: 12px; padding:3px 7px; font-style: normal; color: #777;}


/* rankBox */
.rankBox{ text-align: left;}
.rank_star{ width: 80px; height: 16px; background: url(../images/star.png) repeat-x; margin-bottom: 2px; position: relative;}
.rank_star span{ display: block; width: 0; height: 16px; background: url(../images/star.png) 0 -16px repeat-x; }
.rank_star.r1 span{ width: 20%;}
.rank_star.r2 span{ width: 40%;}
.rank_star.r3 span{ width: 60%;}
.rank_star.r4 span{ width: 80%;}
.rank_star.r5 span{ width: 100%;}

.rank_star i{ position: absolute; width:16px; height: 16px; position: absolute; display: block;}
.rank_star i.i1{ left:16px;}
.rank_star i.i2{ left:32px;}
.rank_star i.i3{ left:48px;}
.rank_star i.i4{ left:64px;}


/* charge */
.charge_box{ border: #eee 1px solid; margin-right: 20px; padding: 10px 10px 15px 10px; height: 190px;}
.charge_box .btn{ min-width: 100px; width: auto; height: 32px; line-height: 32px; font-size: 15px; padding: 0 10px; margin-bottom: 15px;}
/* house_select */

.pop{ display: none; width: 500px; background: #fff; position: fixed; z-index: 10000; top: 100px; left: 50%; margin-left: -250px; border-radius: 3px; }
.pop.w800{ width: 800px; margin-left:-400px;}
.pop_hd{ height: 40px; border-bottom: #eee 1px solid; line-height: 40px; }
.pop_hd h3{ padding: 0 15px;  font-size: 16px; }
.pop_hd .btn{  border: none; min-width: 50px; height: 40px;  line-height: 40px; text-align: center; color: #999; padding:0; padding: 0 10px;}
.pop_hd .btn:hover{ background: #f5f5f5; color: #f00; font-weight: bold;}
.pop_hd .btn .iconfont{ margin: 0;  float: none;}
/* .pop_bd{ padding:20px 30px;} */
.pop_bot{ padding:15px 20px; border-top: #eee 1px solid; background: #f7f7f7;}
.pop_bot .btn{ width: auto; min-width: 100px; padding: 0 15px; border-radius: 20px; font-size: 14px; margin-left: 20px;}
.pop_bot .info{ width: 200px; height: 36px; display: flex; align-items: center; }
.pop_bot .info p{ line-height: 18px;}
.pop_border{ border: #eee 1px solid; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.pop_cover{display: none; position: fixed; width: 100%; top: 0; bottom: 0; z-index: 9999; background:url(../images/cover50.png)}
.pop_cover_top{top: 0; height: 40px;}
.pop_cover_side{top:40px; width: 116px;}
.pop_cover_side.small{top:40px; width: 46px;}
.pop_bot .btn.br2{ border-radius: 2px;}
.pop_bot .btn.pr{ position: absolute; right: 15px; margin: 0;}

.pop_bot.tc .btn{ display:inline-block; margin: 0 10px; }
.pop_bot.tc .btn.hide{ display: none;}

.pop_msg .pop_c{ padding: 20px;}
.pop_msg h2{ font-size: 20px; text-align: center; padding: 20px 0; }
.pop_msg h2 span{ display: inline-block; height: 60px; line-height: 60px;}
.pop_msg h2 span.icon{ width: 60px; margin-right: 10px; background: url(../images/icon_correct.png);  background-size: 100% 100%;} 

.pop_stop h2{font-size: 14px;text-align: left;padding: 10px 0}
.pop_stop .pop_bd{ padding: 30px 25px;}


.procdessBox{}
.procdessBox .icon{ width: 72px; height: 72px; display: block; margin: 0 auto; background-size:100% 100%; }
.procdessBox h3{ margin-top: 20px; text-align: center; }
.procdessBox.success .icon{ background-image: url(../images/icon_correct.png); }
.procdessBox.success h3{ color: #00ab00; }

.procdessBox.loading .icon{ width: 48px; height: 48px; background-image: url(../images/loading2.gif); }
.procdessBox.loading h3{ color: #999 }

.pop_edit_ext{ left: 50px; top: 160px; margin: 0; }

.pop_verify{ width: 800px; margin-left:-400px; }




/* selectHousBox */
.pop_selectHous .pop_bd{ padding: 0; height: auto;}
.selectHousBoxSearch{ padding: 10px 20px; background: #f5f5f5; position: relative;}
.selectHousBoxSearch .btn{ position: absolute; right: 0; width: 50px; height: 34px; line-height: 34px;  color: #999; right: 20px; min-width: auto; border: none;}
.selectHousBoxSearch .btn .iconfont{ font-size: 18px; }
.selectHousBoxSearch .btn:hover{ color: #000;} 
.selectHousBoxSearch input.inp{ width: 100%; padding: 0 20px 0 115px; box-sizing: border-box;  font-size: 14px;}
.selectHousBoxSearch select.inp{ height: 34px; margin-left: 10px;}
.selectHousBoxSearch .dropList{ display: none; position: absolute; left: 120px; top: 44px; width:360px; background: #ffffff;  box-shadow:-3px 3px 5px -2px #a5d7ff,3px 3px 5px -2px #a5d7ff; padding: 10px 0; z-index: 10;}
.selectHousBoxSearch .dropList p{ padding: 0 15px; line-height: 30px; color: #999;}
.selectHousBoxSearch .dropList p.canSelect{ display: block; cursor: default;}
.selectHousBoxSearch .dropList p.canSelect:hover{ background: #ffeedc;}
.selectHousBoxSearch .searchList{  height: 310px; overflow: auto;}
.selectHousBoxSearch .dropList p em{ color: #f60; font-weight: bold;}
.selectHousBoxSearch .dropListWrap{ display: none;}
.selectHousBoxSearch:hover .dropListWrap{ display: block; }

.selectHousBox .lv{ float: left; width:110px; border-left: #eee 1px solid; height: 200px; overflow: auto; padding: 10px 10px; height: 300px;}
.selectHousBox .lv li{ line-height: 20px; padding: 4px 10px; margin: 5px 0; cursor: default;}
.selectHousBox .lv li:hover{ background: #f5f5f5;}
.selectHousBox .lv li.active{ background: #ffe2b1;}
.selectHousBox .lv:last-child{width: 318px;} 
.selectHousBox .lv1{ border: none;}
.selectHousBox.lv_count_2 .lv:last-child{width: 439px;} 
.selectHousBox p.loading{ margin: 20px 0;}

p.loading{ height: 24px; line-height: 24px !important;  color: #999; padding: 0 0;}
p.loading i{ width: 20px; height: 24px; background: url(../images/loading.gif) left center no-repeat; background-size:20px 20px; margin-right:8px; }
p.loading i,p.loading span{ display: inline-block; float: left;}
p.loading.ml20{ padding: 0 20px;}

p.loading.img3 { height: 18px; line-height: 18px !important;  color: #aaa; padding: 0 0;}
p.loading.img3 i{ width: 12px; height: 18px; background: url(../images/loading3.gif) left center no-repeat;  background-size:10px 10px;}
p.table_end.loading,p.tc.loading{ text-align: center; padding: 4px;}
p.table_end.loading span,p.tc.loading span{ padding-left: 20px; float: inherit; display: inline-block;  background: url(../images/loading3.gif) left center no-repeat;   background-size:14px 14px; }

a.loading{  position: relative;}
a.loading::before{ content: ""; left: 0; right: 0; top:0; bottom:0; position: absolute; z-index: 1; background:url(../images/loading2.gif) no-repeat center rgba(0,0,0,0.5); background-size:auto 75%;}

.pop_selectHous_pos_1{ margin: 0; left: 160px; top: 100px; width: 600px;}

.pop_form .pop_bd{ padding:20px 30px  40px 30px;}
.pop_pay{ width: 635px; margin-left: -317px; top: 50%; margin-top:-350px;}
.pop_pay .pop_bd{ padding:15px  40px 40px 40px; }
.pop_pay .pop_bd2{ padding:20px 25px  40px 25px; }
.pop_pay_money{ color: #ccc;}
.pop_pay_money b{ font-size: 36px; padding: 0 5px; font-weight:normal; color: #f60;}
.pop_pay .info{ padding: 10px 0; border-top: #eee 1px solid; margin-top: 10px;}
.pop_pay .info li{ line-height: 26px;}
.pop_pay  label{ color: #999;}
.pop_pay .payType{ margin-top: 20px; border-top: #eee 1px solid; position: relative; padding-top: 25px; }
.pop_pay .payType label{ position: absolute; width: 100px; height: 30px; left: 50%; margin:-37px 0 0 -50px; background: #fff;}
.pop_pay .payType .ri_link{ position: absolute; right: 0;   width: 80px; height: 30px; margin:-37px 0 0 0;  text-align: right;  background: #fff;}
.pop_pay .payType .msg{ display: none;}
.pop_pay .pop_bd .btn{ display: block; margin:0 200px; margin-top: 30px; min-width: 120px;}
.pop_pay .form_select { width: 600px;}
.pop_pay .w480 .form_select { width: 480px;}
.pop_pay .form_select dd{ margin-right: 10px; }
.pop_pay .form_select_payType_confirm{ width: auto}
.pop_pay .pop_bd .btn_bar .btn{ display: inline-block; padding: 0; margin: 0 5px;}
.pop_pay .pop_bd .btn_bar .hide{ display: none;}
.pop_pay .pop_bd .pop_pay_type .tag{ font-size: 12px; background: #369a0e; border-radius: 3px;  margin: 4px 0 0 10px; position: absolute; padding: 0 5px; color: #fff;}
.pop_pay_small{ margin-top: -235px;}




.pop_pay_status { text-align: center;}
.pop_pay_status .icon { width: 100px; height: 100px; display: block; margin: 0 auto;}
.pop_pay_status .icon img{ width: 100%; height: 100%;}
.pop_pay_status .t{ margin-top: 10px;}

.pop_default .pop_bd{ padding: 30px;}


.pop_quarter{ left: 240px; top: 210px; margin: 0; width: 522px; }
.pop_quarter_select li{ font-size: 14px; line-height: 32px; padding: 0 19px; border: #eee 1px solid; float: left; margin:5px 10px; border-radius: 16px;}
.pop_quarter_select li:hover{ border-color: #f60; cursor: pointer; }
.pop_quarter_select li.active{ border-color: #f60; color: #f60; }
.quartersSeclect span{margin-right: 10px; padding: 0 10px; height: 26px; line-height: 26px; margin-bottom: 5px; display: inline-block; border: #ccc 1px solid; border-radius: 14px;}

.pop_has_clo .pop_clo{ display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; color: #999; text-align: center; font-size: 20px; }
.pop_has_clo .pop_clo:hover{ background: #eee; color: #000; text-decoration: none; }
.pop_has_clo .pop_bd{ padding-top: 30px;}
.pop_has_clo .pop_clo{ position: absolute; width: 40px; height: 40px; background: #ccc; border-radius: 50%; top: -15px; right: -15px; color: #fff; line-height: 40px; text-align:center;}
.pop_has_clo .pop_clo .iconfont{  font-size: 24px;}

.pop_default .pop_bd_10,.pop_has_clo .pop_bd_10{ padding-top: 10px;}

.pop_loading{ position: fixed; display: flex; align-items: center;  justify-content:center; width:100%; top:0; bottom:0; z-index: 100000; background: rgba(0,0,0,0.5)}
.pop_loading .box{ background: #fff; width: auto; display: inline-block; padding: 20px 30px; text-align: center; border-radius: 5px; font-size: 16px;}
.pop_loading .box i{ width: 40px; height: 40px; display: block; margin: 0 auto;}
.pop_loading .box h3{ font-size: 18px;}
.pop_loading .box p{ font-size: 14px; color: #999;}
.cover_style{position:fixed; width:100%; top:0; bottom:0; background:#000; filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8; z-index: 99;}

.pop_selectQ{ display:none; position: fixed;  align-items: center;  justify-content:center; width:100%; top:0; bottom:0; z-index: 100000; background: rgba(0,0,0,0.3)}
.pop_selectQ .box{ background: #fff; width: auto; display: inline-block; width:auto; height:200px; padding: 20px 30px; text-align: center; border-radius: 5px; font-size: 16px;}
.pop_selectQ .box ul{ margin-top:0;} 
.pop_selectQ .box ul li{  float:left; margin:10px; padding:20px;  border-radius:5px;}
.pop_selectQ .box ul .pic{ width:80px; height: 80px; border:#ccc 3px solid; border-radius:50%; margin: 0 auto; overflow:hidden}
.pop_selectQ .box ul li h4{ margin-top:10px}
.pop_selectQ .box ul li:hover{ background:#eee; cursor:pointer;}
.pop_selectQ.show{ display: flex;}


.pop_money_le.fl{ height: 85px; text-align: left; }
.pop_money_le.fl .pop_pay_type{ text-align: left; }
.handle_box label{ float: left; margin-right: 5px; line-height: 24px; }
.handle_box .inp{ height: 24px; width: auto; font-size: 14px; float: left; }
.d_money_o{ text-decoration: line-through; color: #999 }


.pop_style_1{ width:500px; margin-left: -250px; top: 50%; margin-top:-350px;}
.pop_style_1 .pop_bd{ padding:15px  40px 20px 40px; }
.pop_style_1 .pop_bd .btn{ display: block; margin:0 auto; margin-top: 30px; min-width: 120px;}

.bill_box_small{ padding:0 15px; border: #efe0ca 1px solid; background: #fff0e2; width: 500px;}
.bill_box_small .bhd{ border-bottom: #efe0ca 1px solid; line-height: 36px;}
.bill_box_small .bbd{ padding: 10px 0;}


/*pop_pay_other*/
.pop_pay_other{ width: 1000px; margin:0 0 0  -500px; top: 0; bottom: 0; border-radius:0;}
.pop_pay_other .pop_bd{ padding:10px 30px 20px 30px; }
.pop_pay_other iframe{ width: 100%; height: 100%;}

.pop_prePrint{ width: 1060px; margin:0 0 0  -530px; top: 0; bottom: 0; border-radius:0;}
.pop_prePrint .pop_bd{ padding:0 10px 20px 10px; }
.pop_prePrint iframe{ width: 100%; height: 100%;}

.pop_pay_other.has_box_memo_info{ display: block; width: 1100px; margin-left: -550px;}
.box_memo_info{ display: none;}
.has_box_memo_info{ background: #fff8db;}
.has_box_memo_info .pop_hd{ background: #fff;}
.has_box_memo_info .pop_bd{ float: left; padding: 0; width: 900px;}
.has_box_memo_info .box_memo_info{ display: block; float: left; width: 190px;  padding: 10px 0 10px 10px;}
.box_memo_info h4{ font-size: 14px;}
.box_memo_info dl{ overflow-y: auto; height: 500px;}
.box_memo_info  dt{ font-size: 13px; padding-right: 10px;}
.box_memo_info  dd{ font-size: 12px; color: #666; border-bottom: #ddd 1px dashed; padding-bottom: 8px; margin-bottom: 8px; padding-right: 10px; }







/*tipMsg*/
.tipMsg{ position: fixed; width: auto; padding: 5px 10px; border-radius: 3px; background: #1FB200; color: #fff; z-index: 1000001; opacity: 0; font-size: 14px; }
.tipMsg i{ font-size: 12px; margin-right: 5px; }
.tipMsg.success i{ display: inline-block;  }
.tipMsg.nobg.success{ padding: 3px 10px; background: none; color: #1FB200; }
.tipMsg.error { background: #f00;  }

/* memoBox */
.hasTipBox{ width: 20px; height: 20px; position: relative; margin:0 auto}
.hasTipBox .iconfont{ font-size: 16px;}
.hasTipBox .tip{ display: none; color: #000; line-height: 18px;}
.form li .hasTipBox .tip{ color: #000; line-height: 24px; }
.hasTipBox .tip::before{ content: "◆"; color: #ffc008; font-size: 14px; width: 16x; height: 16px; position: absolute; margin-left: 152px;}
.hasTipBox:hover .tip{ display: block; position: absolute; width: 150px; top: -5px; right: 25px; background: #ffc008; z-index: 100; text-align: left; padding:3px 10px; border-radius: 4px; box-shadow:0 2px 5px rgba(0,0,0,0.3);  }
.memoBox .iconfont{ color: #ffc008}
.paymentBox:hover .tip{ width: 60px;}
.paymentBox:hover .tip::before{ margin-left: 62px;}

p.hasIcon{ position: relative; text-align: left;}
p.hasIcon i,p.hasIcon span{ display: inline-block; float: left;}
p.hasIcon i{ width: 24px; text-align: center;}

/*  */
.bill_detail{ width: 800px; margin: 0 auto; padding-bottom: 35px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.05)}
/* .bill_detail h1{ padding-bottom: 0; border-bottom: #666 solid 4px;} */
.bill_detail .hd{ margin-top: 3px; padding: 10px 20px;}
.bill_detail .table_info{ width: 100%;}
.bill_detail .table_info td{  height:26px;}
.bill_detail .table_info td.td1{ width: 280px; }
.bill_detail .table_info td.td2{ width: 190px; }

.bill_detail td.tr{ text-align: right;}
.bill_detail .detail_table td{ height: 24px; padding:5px 15px;}
.bill_detail .detail_table td.h_auto{ height: auto; }
.bill_detail .detail_table td.h_auto>div{ height: 24px; line-height: 24px;}
.bill_detail .detail_table td.h_auto>div.ri_text{ height: auto; margin-left: 50px;  }
.bill_detail .detail_table .t1{ width: 160px;}
.bill_detail .detail_table .t2{ width: 100px;}
.bill_detail .detail_table td.intro_s{ text-align: left; font-size: 13px; line-height: 18px;}

.bill_detail .hd td{ color: #999;}
.bill_detail .hd td span{ color: #000;}
.bill_detail .bd{ padding: 5px 20px;}

.bill_detail  .d_e_inp{ display: none; border: #ddd 1px solid; width: 90px; height: 24px; line-height: 24px; font-size: 14px; text-align: center; background: #ffeebb;  }
.bill_detail  .d_e_inp_memo{ width: 590px; text-align: left; }
.bill_detail.editing .d_e{ display: none;}
.bill_detail.editing .d_e_inp{display: block;}
.bill_detail .tr_e{ }
.bill_detail .tr_e_edit{ display: none;}
.bill_detail.editing .tr_e{ display: none;} 
.bill_detail.editing .tr_e_edit{ display: contents;}

.bill_detail .detail_table td.subItem{ font-size: 12px; text-align: left; }
.bill_detail .subItem h4{ font-size: 12px;}
.bill_detail .subItem p span{ display: inline-block;}
.bill_detail .detail_table_sub { width: 100%;}
.bill_detail .detail_table_sub th{ background:none;  text-align:left; border: none; padding: 0; border-bottom: #eee 1px solid; line-height: 24px;}
.bill_detail .detail_table_sub td{ background:none; text-align:left; border: none; padding: 0; border-bottom: #eee 1px dashed; line-height: 28px;}
.bill_detail .detail_table_sub .td2{ padding: 0 20px;}
.bill_detail .detail_table_sub .td3{ width:280px;}
.bill_detail .detail_table_sub tr:last-child td{ border: none;}



.bill_detail.small{ padding-bottom: 25px;}
.bill_detail.small .detail_table td{ height: 24px; padding:4px 15px;}
.bill_detail.small .btn_bar{ margin-top: 15px;}

.bill_detail_more{ width:800px; margin: 0 auto; }
.bill_detail_more a.c0{ cursor: default; color: #999; text-decoration: none;}




.editBox{ float: left; width:500px;  }
.w-e-toolbar{ line-height: 1.6; padding: 0 5px; }


/* sms */
.smsCount em{ color: #f00 }
.scrollBox{ max-height: 500px; overflow: auto; position: relative;}
.scrollBox table{ width: 100%;}
.sms_mod{ padding: 0; margin: 0;  height: 18px; border:#bbb 1px solid; box-sizing: border-box; padding:5px 10px; height: auto; font-size: 14px; border-radius: 3px; background: #f5f5f5; }

.selectSms tr.disable td{ background: #f7f7f7; color: #999;}
.selectSms tr.disable .link_blue,.selectSms tr .link_red{ display: block;}
.selectSms tr.disable .link_red,.selectSms tr .link_blue{ display: none;}


/*图片预览*/
img.showBig{ cursor:pointer; margin: 1px; margin-bottom: 5px;  }
img.showBig:hover{  border:#ccc 1px solid; margin: 0; margin-bottom: 4px; cursor: pointer; }
.pop_img_preview{ position: fixed; z-index: 10000; }
.pop_img_preview img{ position: fixed; z-index: 1000; }
.pop_img_preview .pop_img_preview_cover{position:fixed; width:100%; top:0; bottom:0; background:#000; filter:alpha(opacity=80);       /* IE */ 
-moz-opacity:0.8;              /* Moz + FF */ 
opacity: 0.8;           }
.img_preview_show{ cursor: pointer; }
.pop_img_preview .clo{  z-index: 1001; display: block; width: 60px; height: 60px; right: 10px; top: 10px; position: fixed; font-size: 28px; color: #fff; background: rgba(255,255,255,0.3); cursor: pointer; border-radius: 50%; line-height: 60px; text-align: center; }
.pop_img_preview .clo:hover{ background: #000; background: rgba(255,255,255,0.5); }

/*ws通知  */
.ws_box{ width: 450px;  height: auto; bottom: 10px; right:10px; position: fixed; background: #fff;  box-shadow: 1px 2px 1px rgba(0,0,0,0.1); transition: all .3s; transform: translateY(300px); z-index: 10000; }
.ws_box.show{ transform: translateY(0) }
.ws_box_hd{ background: #ff6601; color: #fff; font-size: 14px; height: 30px; line-height: 30px;}
.ws_box_hd h3{ margin-left: 10px; font-size: 14px;}
.ws_box_hd .btn{ height:30px; border: none; color: #fff; min-width: auto; width: 30px; line-height: 30px; text-align: center; padding: 0 3px; }
.ws_box_hd .btn .iconfont{ font-size: 16px; margin: 0; font-weight: bold;}
.ws_box_hd .btn:hover{ background: #ea650d;}
.ws_box_bd{ min-height: 108px; max-height: 200px; overflow: auto; border:#ff6601 1px solid;  }
.ws_box_bd p a{ line-height: 34px; border-bottom: #eee 1px solid; display: block; color: #666; padding: 0 10px;}
.ws_box_bd p a:hover{ text-decoration: none; background: #f5f5f5;}
.ws_box_bd p a em{ color: #f00;}

/* 选择 */
.hasSelect{ padding-left:0; position: relative;}
.hasSelect .btn_select{ width: 30px; height: 30px; position: absolute; left: -10px; top: -10px; background: url(../images/icon_correct_grey.png) no-repeat center; background-size: 24px 24px; cursor: pointer;}
.hasSelect .btn_select.selected{ background-image: url(../images/icon_correct.png); cursor: pointer;}

.sep_2 .fl{ width: 40%;}
.sep_2 .fr{ width: 55%;}

.box_has_often_input .often_input{ display: none; position: absolute; top: 0; background: #fff; border: #aaa 1px solid; height: 36px; margin-left: 105px; padding: 6px 10px; border:#2196f3 1px solid;  box-shadow:0 0 5px  #a5d7ff;  z-index: 10; border-left:none; box-sizing: border-box; }
.box_has_often_input:hover .often_input{ display: block;}
.inp_range_wrap .often_input{  height: 38px; margin-left: 115px;}


/*.often_input.hide{ display: block; line-height: 22px;}*/
.often_input .btn_s2{ height: 22px; padding: 0 5px; line-height: 20px; border-radius:10px; float: left; border:#ccc 1px solid; color: #999;}
.often_input .btn_s2:hover{  color: #333; border-color: #666;}
.resultBox .result_icon{ float: left; width: 60px; height: 60px; background: url(../images/icon_correct.png); background-size: 100% 100%;}
.resultBox .result_msg{ margin-left: 80px;}

/*批量支付账单  */
.item_pay_multi{border: #eac6bc 1px solid; padding:10px 20px 20px 20px; background: #fffae6; position: relative;}
.item_pay_multi h4{border-bottom: #eac6bc 1px solid; padding-bottom: 5px;}
.item_pay_multi_clo{ position: absolute; color: #eac6bc; right: 0; top: 0; width: 60px; height: 41px; text-align: center; line-height: 40px; }
.item_pay_multi_clo .iconfont{ font-size: 20px; font-weight: bold;}
.item_pay_multi_clo:hover{ color: #f00; background: #eac6bc;  text-decoration: none; }
.item_pay_multi table { min-width: 485px;}
.item_pay_multi table th{ border-bottom: #eac6bc 1px solid; line-height: 20px; padding:7px 10px;  text-align: left;}
.item_pay_multi table td{ line-height: 20px; padding:7px 10px; border-bottom: #eac6bc 1px dashed;}
.item_pay_multi table .t1{ padding-left: 0;}
.item_pay_multi table .t5{ padding-right: 0;}

.tab_bill_type { overflow: hidden; width: 400px; height: 28px; position: relative;}
.tab_bill_type li{ float: left; border: #ddd 1px solid; text-align: center; width: 80px; height: 28px; line-height:28px; border-bottom: none; position: absolute; margin-right: 10px; z-index: 9; cursor: pointer; text-indent: 5px; }
.tab_bill_type li span{ display: block; position: absolute; z-index: 11; width: 80px; margin-left: 0; text-align: center; }
.tab_bill_type li:after{ content: ""; width: 40px; height: 40px; position: absolute; border-top: #ddd 1px solid; transform:rotate(45deg); background: #fff; top: 8px; right: -21px; }
.tab_bill_type .li_2{ left: 95px; z-index: 8; }
.tab_bill_type .li_3{ left: 190px; z-index: 7;  }
.tab_bill_type .li_4{ left: 285px; z-index: 6;  }
.tab_bill_type li:hover,.tab_bill_type li:hover::after{ background:#b9dcff; border-color: #b9dcff; }
.tab_bill_type li.active,.tab_bill_type li.active::after{ background:#007df9; border-color: #007df9; color: #fff; z-index: 10;}


.has_select{}
.has_select .select_icon{ display: block; margin: 0 auto; width: 18px; height: 18px; background: url(../images/icon_correct_grey.png); background-size:cover;}
.has_select.selected .select_icon{ background-image: url(../images/icon_correct.png);  }

.itemList li{ float: left; width: 200px;}


.bill_type .iconfont{ font-size: 14px; }
.bill_type .iconwuyefei1{ color: #018a85;}
.bill_type .iconwuyefei2{ color: #018a85;}
.bill_type .iconshuifeilv{ color: #00a1ff;}
.bill_type .icondianfei{ color: #ffb200;}
.bill_type .icontingchefei{ color: #9c4b9c;}
.bill_type .icontingchefei.c2{ color: #00ab00;}
.bill_type .iconqitafeiyong{ color: #369a0e;}
.bill_type .icondianti{color: #d68259;}
.bill_type .icondiandongcheshibiebeifen{color: #c959d6;}
.bill_type .iconshuidianfei{ color: #ffb200;}
.bill_type .iconproportion{ color: #5155e8;}
.bill_type .iconshalou{ color: #ff4646;}
.bill_type .icontiaodufeijianmian{ color: #00a32b;}
.bill_type .iconlaji{ color: #a080d2;}

/* 购物车 */
.prePay_small{ display: none; width: 70px; height: 75px; padding:5px 5px 0 5px; position: fixed; bottom: 20px; right: 20px; border: #f60 2px solid; border-radius: 50%; text-align: center;  box-shadow: 1px 2px 8px rgba(0,0,0,0.5); color: #999; font-size: 12px;  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eee));  transition: all .3s;  z-index: 100000;  }
.prePay_small.big{  transform: scale(1.2); border-color: #f00;}
.prePay_small:hover{ cursor: pointer;  transform: scale(1.05); border-color: #f00; }
.prePay_small h3{ line-height: 25px; margin-top: 3px; font-size: 12px; border-bottom: #ddd 1px solid;}
.prePay_small h4{ line-height: 25px; font-size: 12px;}
.prePay_small h3 b{ color: #f60; font-size: 16px;}
.prePay_small h4 b{  color: #f60; font-size: 14px; }
.prePay_small p{ line-height: 18px;}

.pop_billList{ width: 1180px; margin-left: -590px; }
.table_prePay td{ font-size: 13px;}
.table_prePay .inp{ font-size: 13px; height: 24px; padding:0 5px}
.pop_billList .pop_bd_loading,.pop_billList .pop_bd_done,.pop_billList .pop_bd_scan{ display: none; height: 300px; text-align: center;}
.pop_billList .pop_bd_loading .pic,.pop_billList .pop_bd_done .pic{  display: block; margin: 10px auto; }
.pop_billList.loading .pic{ margin-top: 50px;}

.pop_billList.loading .pop_bd_loading{ display: block;}
.pop_billList.loading .pop_bd_done,.pop_billList.loading .pop_bd_op,.pop_billList.loading .pop_prePay_clo{ display: none;}
.pop_billList.scan .pop_bd{ display: none;}
.pop_billList.scan .pop_bd_scan{ display: block;}


.pop_billList.done .pop_bd_done{ display: block;}
.pop_billList.done .pop_bd_loading,.pop_billList.done .pop_bd_op{ display: none;}
.pop_billList .form_select dd{ margin-bottom: 0;}
.pop_billList .pos_type_style{ padding:5px 10px 5px 10px; margin-bottom: 10px;}
.pop_billList .pos_type_style dd{ height: 26px; padding: 0 10px; line-height: 26px; font-size: 13px;}
.pop_billList .pos_type_style .fl.t{ line-height: 28px;}

.pop_billList .pop_bd_scan{ padding: 40px; height: 200px; width: 500px; margin: 0 auto;}
.pop_billList .pop_bd_scan .icon{ width: 100px; height: 100px; float: left; margin-top: 10px;}
.pop_billList .pop_bd_scan .icon img{ width: 100%;}
.pop_billList .pop_bd_scan  .ri{ margin-left:130px}


.house_status{}
.house_status li{ background: #bae8c2; padding: 10px; width: 120px; height: 75px; float: left; margin: 5px; position: relative; overflow: hidden; transition: all .4s;}
.house_status li{cursor: pointer;}

.house_status li.big{ transform: scale(1.1); cursor: pointer; box-shadow:  0 0 10px rgba(0,0,0,0.1);}
.house_status li h3{ font-size: 16px; font-weight: bold; position: absolute; line-height: 20px;}
.house_status li h4{ font-size: 13px; position: absolute; line-height: 20px; top: 33px; width: 120px; overflow: hidden;  text-overflow:ellipsis;   white-space:nowrap;  }
.house_status li .c,.house_status li .m{ position: absolute; margin-top: 55px; font-size: 13px; background: #3c9c4d; padding: 0 10px; color: #ffffff; border-radius: 15px;}
.house_status li .m{ right:10px; background: #f76767;}
.house_status li.s2{ background: #bfd7f3;}
.house_status li.s3{ background: #edbff3;}
.house_status li.s4,.house_status li.s5{ background: #ffd0b0;}
.house_status li.s6,.house_status li.s7{ background: #ffd865;}
.house_status li.s8,.house_status li.s10{ background: #d6d6d6;}
.house_status li.s9{ background: #ffc1c1;}
.house_status li i{ position: absolute; width: 50px; height: 50px; right: 0; top: 0; overflow: hidden; opacity: .3; font-size: 50px; line-height: 40px; position: absolute; color:#fff;}
.house_status li.s1 .iconfont::before{ content: "\e606"; }
.house_status li.s2 .iconfont::before{ content: "\e60d"; }
.house_status li.s3 .iconfont::before{ content: "\e68a"; }
.house_status li.s4 .iconfont::before{ content: "\e673"; }
.house_status li.s5 .iconfont::before{ content: "\e673"; }
.house_status li.s6 .iconfont::before{ content: "\e60b"; }
.house_status li.s7 .iconfont::before{ content: "\e60b"; }
.house_status li.s8 .iconfont::before{ content: "\e68a"; }
.house_status li.s9 .iconfont::before{ content: "\e696"; }
.house_status li.s10 .iconfont::before{ content: "\e68a"; }
.house_status li.s2 .c{ background: #5981af;}
.house_status li.s3 .c{ background: #a263ab;}
.house_status li.s4 .c{ background: #b77c53;}
.house_status li.s5 .c{ background: #b77c53;}
.house_status li.s6 .c{ background: #d2a31a;}
.house_status li.s7 .c{ background: #d2a31a;}
.house_status li.s8 .c{ background: #999;}
.house_status li.s10 .c{ background: #999;}
.house_status li.s9 .c{ background: #b54c4c;}


.w20{ width: 20px;}.w24{ width: 24px;}.w30{ width: 30px;}.w40{ width: 40px;}.w50{ width: 50px;}.w60{ width: 60px;}.w70{ width: 70px;}.w80{ width: 80px;}.w90{ width: 90px;}.w100{ width: 100px;}.w120{ width: 120px;}.w150{ width: 150px;}.w170{ width: 170px;}.w200{ width: 200px;}.w220{ width: 220px;}.w240{ width: 240px;}.w250{ width: 250px;}.w260{ width: 260px;}.w270{ width: 270px;}.w300{ width: 300px;}.w400{ width: 400px;}.w420{ width: 420px;}.w480{ width: 480px;}.w500{ width: 500px;}.w600{ width: 600px;}.w640{ width: 640px; }.w700{ width: 700px; }.w710{ width: 710px; }.w800{ width: 800px; }.w900{ width: 900px; }.w1000{ width: 1000px; }.w1100{ width: 1100px; }.mw120{ max-width: 120px; }.mw150{ max-width: 150px; }.mw200{ max-width: 200px; }.mw300{ max-width: 300px; }.mw400{ max-width: 400px; }.mw450{ max-width: 450px; }.mw500{ max-width: 500px; }.w540{ width: 540px;}.mw900{ max-width: 900px; }.mw1100{ max-width: 1100px; }.w1200{ width: 1200px; }.w1300{ width: 1300px; }.w_f{ width: 100%;}
.wp60{ width: 59%;}
.wp40{ width: 39%;}
.wp70{ width: 69%;}
.wp30{ width: 29%;}
.wp50{ width: 49%;}

.mw100_line{ max-width: 100px; overflow: hidden;  text-overflow:ellipsis;   white-space:nowrap; cursor: default; }
.mw300_line{ max-width: 300px; overflow: hidden;  text-overflow:ellipsis;   white-space:nowrap; cursor: default; }

.mh_400{ max-height: 400px; overflow: auto; position: relative;}
.mh_400.borderBottom{  border-bottom: #bbb 1px solid;}

.mh_500{ max-height: 500px; overflow: auto; position: relative;}

.fastSelect span{ border: #bbb 1px solid; display: inline-block;  padding: 0 5px; border-radius: 3px; cursor: pointer; margin-right: 5px; position: relative;}
.fastSelect span:hover{ color: #f60; border-color: #f60;}
.fastSelect span.checked{border-color: #f60; background: #f60; color: #fff;}


.tipTag{ font-size: 12px; color: #fff; display: block; float: left;  background: #ffc107; margin-top: 5px;  padding: 1px 6px;  border-radius: 3px; }
.tipTag.c2{ background: #9266e0;}
.wallet{ font-size: 14px;  display: block; float: left; margin-top: 2px;  padding-left: 50px;  border-radius: 3px; border-left: #ddd 1px solid; background: url(../images/wallet.png) no-repeat 20px center; background-size: 24px 24px;}
.wallet b{ color: #00ab00; font-size: 18px;}
.wallet .s b{ font-size: 14px; font-weight: normal;}
h2.d_basic .sep{ line-height: 28px; font-size: 14px;  display: block; float: left; margin-top: 2px;  padding-left: 20px;  border-radius: 3px; border-left: #ddd 1px solid; }
h2.d_basic .sep b{  font-size: 16px;}



/* author */
.author_role_view .author_anti_view{ display: none;}

.car_num_list{ width: 100%;}
.car_num_list p{  background: #2196f3; color: #fff; border-radius: 2px; padding:2px; margin-right: 15px; position: relative; margin-bottom: 5px; }
.car_num_list p span{ display: block; border: #fff 1px solid; padding:0 5px; float: left;}
.car_num_list p span.s2{ background: #fff; color:#2196f3 ;}
.car_num_list p span.s4{ background: #ffefbf; color:#666 ;}
.car_num_list p.c1{ background:#5ea95e;}
.car_num_list p.c1 span.s2{ color:#5ea95e ;}

.car_num_list p .iconfont{ position: absolute; right: -8px; top: -8px; background: rgba(0,0,0,0.5); display: none; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; font-size: 12px; font-weight: bold;} 
.car_num_list p .iconfont:hover{background: #f00; cursor: pointer;}
.car_num_list p:hover .iconfont{ display: block;}

.car_num_list.small{ width: auto;}
.car_num_list.small p{ line-height: 24px; margin: 0 10px 0 0; }
.car_num_list.small p span{  padding:0 5px;  }
.car_num_list.small_text{ width: auto; font-size: 12px; }
.car_num_list.small_text p{ line-height: 18px; margin: 2px 5px 2px 0; padding: 1px; border-radius: 1px; }
.car_num_list.small_text p span{  padding:0 3px; border: none; }



.owner_bill_owe{ border: #ffba8c 1px solid; background: #fff0e8;  font-size: 12px;}
.owner_bill_owe .le{ padding-right: 20px; border-right: #ffba8c 1px solid; position: absolute; }
.owner_bill_owe .ri{ margin-left: 140px;}
.owner_bill_owe label,.owner_bill_owe .info{ float: left;}
.owner_bill_owe .info span{ margin-right: 15px; padding-right: 15px; }
.owner_bill_owe p.loading{ line-height: 19px  !important; height: auto;}
.owner_bill_owe p.loading i{ width: 12px; height: 16px; background-size:12px 12px;}
.owner_bill_owe .bg_bot{ background: #ffdfd5;}

.box_item_copy textarea{ border: none; resize: none; width: 720px; height: 60px; line-height: 20px; font-size: 12px; padding:5px 10px; outline: none;}
.box_item_copy textarea:focus{ border: none; }
.box_item_copy .btn{ margin: 10px;}

.owner_bill_wrap{ border: #7e9fb2 1px solid; height: auto; background: #e0f0ff; border-bottom: none; border-top: none; }
.select_part_bd{ margin: 2px 10px;}
.select_part_op{ font-size: 12px; padding:3px 0; line-height: 24px;}
.select_part_op label{ float: left; width: auto; padding-right: 10px; color: #999;}
.select_part_op dl{ float: left; }
.select_part_op dl dd{ float: left; margin: 1px 5px 0 0; border-radius: 3px; padding:0 7px; display: block; height: 22px; cursor: default; line-height: 22px;}
.select_part_op dl dd:hover{ background: #afdaf3;}
.select_part_op dl dd.active{ background: #00a1ff; color: #fff; }
.select_part_month label{ line-height: 24px;}
.select_part_bd .inp_range_wrap{ border: #bbb 1px solid; padding: 0 5px; height: 22px; line-height: 22px; background: #fff; }
.select_part_bd .inp_range_wrap:hover{ box-shadow: 0 0 5px #2196f3; border-color: #71bfff;}
.select_part_bd .inp_range_wrap .inp{ border: none; float: left; width: 54px;  font-size: 12px; height: 22px; padding: 0; text-align: center;}
.select_part_bd .inp_range_wrap .inp:focus{ box-shadow: none; }
.select_part_bd .inp_range_wrap label{ float: left; color: #999; margin: 0; font-size: 12px; line-height: 22px; width: 22px; text-align: center; }
.select_part_bd .inp_range_wrap.small .inp{  max-width: 58px; }
.select_part_right{ padding:10px;}
.select_part_right .btn{float: right; margin-left: 10px; min-width: 90px; height: 28px; line-height: 26px; font-size: 13px; border-radius: 3px;}
.select_part_bd select.inp{ height: 24px;  font-size: 12px; padding: 0 7px 0 3px;}
.select_part_bd .c_icon span{ display: none;}
.select_part_op dl.c_icon dd{ margin: 0;  padding: 0; margin-right: 2px;}
.select_part_op dl.c_icon dd .iconfont{ padding: 0 5px; display: block; line-height: 22px;  border-radius: 3px; }
.select_part_op dl.c_icon dd.active .iconfont{ color: #fff;}
.select_part_op dl.c_icon dd:hover .iconfont{ }
.select_part_op dl.c_icon dd.active .iconweixinzhifu{ background: #09bb07 }
.select_part_op dl.c_icon dd.active .iconzhifubaozhifu{ background: #00a1e9 }
.select_part_op dl.c_icon dd.active .iconxianjin1{ background: #ff5a5f }
.select_part_op dl.c_icon dd.active .iconshuaqia{ background: #ff8d00 }
.select_part_op dl.c_icon dd.active .iconzhuanzhang1{ background: #d4237a }
.select_part_op dl.c_icon dd.active .iconqita{ background: #15c1a9 }
.select_part_op dl.c_icon dd.active .iconqiankuan{ background: #f00 }
.select_part_op dl.c_icon dd.active .iconquanmahexiao{ background: #9266e0 }
.select_part_op dl.c_icon dd.active .iconchongdi{ background: #9266e0 }
.select_part_op dl.c_icon dd.active .iconshouqianba{ background: #b5b132 }
.select_part_op dl.c_icon dd.active .iconguangdayinhang{ background: #6b1685 }
.select_part_op dl.c_icon dd.active .iconshoukuanma{ background: #09bb07 }
.select_part_op dl.c_icon dd.active .iconshoukuanma2{ background: #00a1e9 }
.select_part_op dl.c_icon dd.active .iconzhichu{ background: #f00 }

.bg_c_2025{ background: #bbf2d6; padding:0 5px; border-radius: 3px; color: #00626c;}
.bg_c_2024{ background: #ffd2f6; padding:0 5px; border-radius: 3px; color: #bd279f;}
.bg_c_2023{ background: #e1f0c9; padding:0 5px; border-radius: 3px; color: #368310;}
.bg_c_2022{ background: #ffeddd; padding:0 5px; border-radius: 3px; color: #ff7700;}
.bg_c_2021{ background: #d2eaeb; padding:0 5px; border-radius: 3px; color: #0d767c;}
.bg_c_2020{ background: #e6e3f9; padding:0 5px; border-radius: 3px; color: #7f56b5;}
.bg_c_2019{ background: #eeeeee; padding:0 5px; border-radius: 3px; color: #707070;}
.bg_c_red{ background: #ffd7d7; padding:0 3px; border-radius: 3px; color: #ff0000;}
.pop_sma_view,.pop_w1200{ width: 1200px; margin-left: -600px; top: 50px; margin-top: 0;}



.f_bill_box{ position: relative;}
.box_scroll_cover{ position: absolute; background:#ffefbf; width: 100%; height: 66px; bottom:70px; z-index: 1000;}
.box_scroll_cover:before{content:""; width:18px; height: 18px; position: absolute;  left: 50%; margin:24px 0 0 -20px; background:url(../images/loading2.gif); background-size: 100%;}
.box_scroll_cover:after{ content:"数据加载中…"; width:100px; line-height: 66px; position: absolute;  left: 50%; margin: 0 0 0 0; text-align: center; color: #666;}


/* new version */
.navSide{ position: absolute; top:40px; width: 110px; bottom: 0; background: #ffffff; font-size: 13px; border-right: #ccc 1px solid;  transition: all .3s;}

.navSide .iconfont{ width: 20px; height: 20px; display: block; position: absolute; top: 5px; right: 5px; font-size: 12px; color: #999; line-height: 20px; text-align: center; transition: all .3s;}
.navSide .head{ background: #dddddd; height: 34px; line-height: 34px; padding: 0 0; font-size: 14px; border-bottom: #ccc 1px solid; position: relative;}
.navSide .head span{ padding: 0 15px;}
.navSide .head .iconfont{  width: 34px; height: 34px; color: #333; font-size: 16px;  top: 0; right: 0; line-height: 34px; }
.navSide .head .iconfont:hover{ background: #ffefbf; color: #000; font-weight: bold; cursor: pointer;}
.navSide .navSideBig li{ display: none;}
.navSide .navSideBig li.show{ display: block;}
.navSide .navSideBig li span,.navSide .navSideBig li>a{ display: block; border-bottom: #ccc 1px solid; padding: 5px 15px; cursor: pointer; background: #eeeeee; position: relative; color: #666;}
.navSide .navSideBig dl{ display: none; background: #fff;}
.navSide .navSideBig li.active dl{ display: block; border-bottom: #ccc 1px solid; padding: 5px 0; overflow-y:auto ;}
.navSide .navSideBig li.active dd{ padding:0; cursor: pointer; border-top: #eee 1px solid;  }
.navSide .navSideBig li.active dd a{ display: block; padding: 5px 15px; line-height: 18px;}
.navSide .navSideBig li.active dd:first-child{ border: none;}
.navSide .navSideBig li.active span .iconfont{ transform: rotate(180deg);}
.navSide .navSideBig li span:hover,.navSide .navSideBig li>a:hover{ color: #000; background: #ffefbf;  text-decoration: none;}
.navSide .bot{ position: absolute; bottom: 0; height: auto; font-size: 12px; padding: 10px; background: #ddd; color: #999; width: 100px;}

.navSide .navSideSmall{ display: none; }
.navSide.small{ width: 40px; }
.navSide.small .big{ display: none;}
.navSide.small .navSideSmall{ display: block;}
.navSide.small .head span{ display: none;}
.navSide.small .head .iconfont{  width: 40px;  transform:rotate(180deg); }

.navSide.small .navSideSmall li{ border-bottom: #ddd 1px solid; display: none;}
.navSide.small .navSideSmall li.show{ display: block;}
.navSide.small .navSideSmall li a { text-align: center; display: block; padding: 10px 0 5px 0; color: #999; text-decoration: none;}
.navSide.small .navSideSmall li a .iconfont{ display: block; position: relative; width: 100%; top:0 ; left: 0; font-size: 20px; text-align: center; height: 20px; line-height: 20px; opacity: .75;}
.navSide.small .navSideSmall li a span{ line-height: 20px; font-size: 12px;}
.navSide.small .navSideSmall li a:hover{ background: #ffefbf;}
.navSide.small .navSideSmall li a:hover .iconfont{ opacity: 1; transform: scale(1.2); }
.navSide.small .navSideSmall li.side_nav_charge_single .a1,.navSide.small .navSideSmall li.side_nav_charge_single .iconfont{ color: #f60;}
.navSide.small .navSideSmall li.side_nav_owner .a1,.navSide.small .navSideSmall li.side_nav_owner .iconfont{ color: #1d8702;}
.navSide.small .navSideSmall li.side_nav_charge .a1,.navSide.small .navSideSmall li.side_nav_charge .iconfont{ color: #007df9;}
.navSide.small .navSideSmall li.side_nav_form .a1,.navSide.small .navSideSmall li.side_nav_form .iconfont{ color: #079da2;}
.navSide.small .navSideSmall li.side_nav_spend .a1,.navSide.small .navSideSmall li.side_nav_spend .iconfont{ color: #e060e6;}
.navSide.small .navSideSmall li.side_nav_parking .a1,.navSide.small .navSideSmall li.side_nav_parking .iconfont{ color: #225a97;}
.navSide.small .navSideSmall li.side_nav_maintain .a1,.navSide.small .navSideSmall li.side_nav_maintain .iconfont{ color: #dc9107;}
.navSide.small .navSideSmall li.side_nav_property .a1,.navSide.small .navSideSmall li.side_nav_property .iconfont{ color: #b06ea7;}
.navSide.small .navSideSmall li.side_nav_notice .a1,.navSide.small .navSideSmall li.side_nav_notice .iconfont{ color: #27a58a;}
.navSide.small .navSideSmall li.side_nav_staff .a1,.navSide.small .navSideSmall li.side_nav_staff .iconfont{ color: #84528e;}
.navSide.small .navSideSmall li.side_nav_help .a1,.navSide.small .navSideSmall li.side_nav_help .iconfont{ color: #f760a0;}





.mainPageBox{ background: #fff; position: absolute; left: 115px; right: 0; top: 40px; bottom: 0; background: #fff; border-left: #ccc 1px solid;  transition: all .3s;}
.mainPageBox.big{ left:45px;}
.navPage_s{ height: 34px;}
.navPage_s li{ height: 29px; margin-top:10px; float: left; border: #6b7d91 1px solid;  border-bottom: none; margin-right: 5px; padding: 0 10px 0 10px; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 13px; background: #435364; box-shadow: 2px -2px 3px  rgba(0,0,0,0.1); min-width: 40px;  color: #c2cfdd; position: relative;}
.navPage_s li span{ line-height: 30px; float:left;}
.navPage_s li.active,.navPage_s li.active:hover{ background: #fff; border-color: #fff; color: #000;}
.navPage_s li:hover{ background: #6b7d91; border-color: #6b7d91; color: #fff; padding: 0 12px 0 8px;}
.navPage_s li.li_index{ padding: 0 10px 0 8px;}
.navPage_s li.li_index i{ display: block; float: left; width: 16px; height: 30px; margin-right: 2px; background: url(../images/icon_index.png) no-repeat center; background-size: 16px 16px;}
.navPage_s li.active.li_index i{  background-image: url(../images/icon_index2.png);}
.navPage_s li em{  position: absolute; display: none; top: -7px; right: -7px; color: #ccc; width: 18px; height: 18px; font-size: 16px; text-align: center;  line-height: 16px; background: #879eb8; color: #fff; border-radius: 9px;  z-index: 10;}
.navPage_s li:hover em{ display: block;}
.navPage_s li em:hover{  background: #f00; color: #fff; }

/* .navPage_s li em{ float: left; display: block; color: #ccc; width: 18px; height: 18px; font-size: 16px; text-align: center;  line-height: 16px; margin: 6px 0 0 3px;}
.navPage_s li em:hover{ background: #680909; color: #fff; border-radius: 3px;} */
.navPage_s li.li_index i{ display: block; float: left; width: 16px; height: 30px; background: url(../images/icon_index.png) no-repeat center; background-size: 16px 16px;}
/* .navPage_s li:last-child{ margin-right: 0;} */

.navPage_s li.li_clo{min-width: 16px; width: 16px; margin-left: 0; padding: 4px;  height: 16px; margin-top:15px;  }
.navPage_s li.li_clo:hover{ background-color: #ff6c6c; border-color: #ffb0b0; }
.icon_16{ display: block; width: 16px; height: 16px; background: url(../images/icon_16.png);}
.icon_16.i3{ background-position: 0 -32px;}
.navPage_s li.li_clo:hover .i3{background-position: 0 -48px;  }


.iframePage{ display: none; padding:0 0 0 0;}
.iframePage iframe{ width: 100%; height: 500px; float: left;}


.subPage{ padding-top: 10px;}
.subPage .mainBox{ padding: 0 15px 25px 200px;}
.subPage .mainBox_full{ padding:0 15px 25px 15px;}
.subPage .mainBox_full_2{ padding: 0 15px 25px 15px;}
.subPage .mainBox_full_22{ padding: 0 15px 25px 15px;}

.subPage .pt110{ padding-top: 5px;}
.subPage .sideMenu{ top: 15px; width: 155px; }


.seq_wrap{ border: #f60 1px solid; padding: 10px; background: #fff0de;}
.seq_wrap label{ float: left; color: #999;}
.seq_wrap .inp{ border-color: #999;}
.seq_wrap.seq_wrap_fixed{ position:fixed; top: 0; left: 0; right: 0; z-index: 10001; }

/* new version  end*/

.dropSelect{ border: #aaa 1px solid; min-width: 80px; padding: 0 5px; position: relative; background: #fff; }
.listInfo .dropSelect{line-height: 26px;}
.form li .dropSelect{line-height: 34px; border-radius: 3px;}


.dropSelect .iconfont{ position: absolute; top: 0; right: 3px; color: #ccc;}
.dropSelect .drop{ display:none;  border: #2196f3 1px solid; position: absolute; top: -1px; left: -1px;  z-index: 200; background: #fff; box-shadow: 0 1px 7px  rgba(0,0,0,0.2); z-index: 100; margin-top: 27px;}
.dropSelect .drop .s{ padding: 0 8px;  width: 150px;  line-height: 30px; float: left;}
.dropSelect .drop .s label{ height: 30px;  width: 100px; line-height: 30px;  overflow: hidden;  text-overflow:ellipsis;   white-space:nowrap; color: #000;}
.dropSelect .drop .s .fr{display: none;}
.dropSelect .drop .s:hover{ background: #cee9ff;}
.dropSelect .drop .s:hover .fr{ display: block;}
.dropSelect label{ display: block; position: relative; margin: 0; padding: 0; padding-left: 18px;  }
.dropSelect label input{ position: absolute; left: 0; top:8px; width: 14px; height: 14px; display: block;}
.dropSelect:hover .drop{ display: block;   }
.dropSelect:hover .drop.hide{ display:none; }
.dropSelect .bot{ border-top: #eee 1px solid; padding: 7px 8px; }
.dropSelect .bot .btn{ font-size: 12px; height: 24px; line-height: 24px; min-width: 60px; width: 60px; margin-top:3px;}
.dropSelect .hd .v{ width: 80px;  overflow: hidden;  text-overflow:ellipsis;   white-space:nowrap; cursor: default;}
.dropSelect.w150 .hd .v{ width: 150px;}
/* .dropSelect .drop{top: inherit;  bottom: 0;} */


.dropSelect .drop.big{ width: 520px; padding:10px 10px 0 10px;}
.dropSelect .drop.big .s{ width: 240px;}
.dropSelect .drop.big .s label{ width: 190px;}
.dropSelect .drop.big2{ width: 770px;}
.dropSelect .drop.small{ width: 700px;}
.dropSelect .drop.small .s{ width: 100px;}
.dropSelect .drop.small .s label{ width: 50px;}

.work_list_box li{ border: #ccc 1px solid; width: 160px; float: left; height: 245px; padding: 10px; margin:0 15px 15px 0;}
.work_list_box li .qr{  width: 120px;}
.work_list_box li .qr img{ width: 120px; height: 120px;}
.work_list_box li h3{ margin-top: 10px; text-align: center;}
.work_list_box li .info{ margin-left: 5px;  font-size: 13px;}
.work_list_box li .info p{ height:22px; line-height:22px;  overflow: hidden;  text-overflow:ellipsis;   white-space:nowrap;}
.work_list_box li .info label{ color: #999; }
.work_list_box li .info span{ }


.tag{ color: #fff;  border-radius: 3px; padding: 1px 4px; font-size: 12px; white-space: nowrap;}
.tag_radius_right{ border-top-left-radius: 0; border-bottom-left-radius: 0;}
.tag_blue{ background: #3ea3f7;  }
.tag_blue2{ background: #52b1bf;  }
.tag_red{ background: #ff6f6f;  }
.tag_orange{ background: #ffb56f;  }
.tag_green{ background: #2ba24f;  }
.tag_grey{ background: #999;  }
.tag2_blue{ color: #0770c8; background: #cbe8ff;  }
.tag2_red{ color: #ff6f6f; background: #ffdada;  }
.tag2_orange{ color: #f60; background: #ffdebf;  }
.tag2_green{ color: #008b2a; background: #afe5c0;  }
.tag2_grey{ background: #ddd; color: #999;  }


.mdb{ margin: 0 auto; display: block;}
.bc1{ border-color: #eee;}
.lh_30{ line-height: 30px;}.lh_32{ line-height: 32px;}.lh_36{ line-height: 36px;}.lh_15{ line-height: 1.5;}.lh_30{ line-height: 30px;}.lh_24{ line-height: 24px;}.lh_26{ line-height: 26px;}
.pd5{ padding: 5px; }.p10{ padding: 10px; }.pt5{ padding-top: 5px; }.pt10{ padding-top: 10px; }.pt15{ padding-top: 15px; }.pl10{ padding-left: 10px;}.p20{ padding: 20px; }.pb5{ padding-bottom: 5px; }.p0206{ padding: 1px 5px; }.p0010{ padding:0 10px; }.p0015{ padding:0 15px; }.p0510{ padding:5px 10px; }.p1020{ padding:10px 20px; }
.pdl10{ padding-left: 10px;}
.ml5{ margin-left:5px; }.ml80{ margin-left:80px;}.ml10{ margin-left:10px;}.ml20{margin-left: 20px;}.ml30{margin-left: 30px;}.ml50{margin-left: 50px;}.ml80{margin-left: 80px;}.ml100{margin-left: 100px;}.ml105{margin-left: 105px;}.ml110{margin-left: 110px;}.ml160{margin-left: 160px;}
.m10{ margin: 10px; }.mt3{ margin-top: 3px; }.mt4{ margin-top: 4px; }.mt5{ margin-top: 5px; }.mt6{ margin-top: 6px; }.mt8{ margin-top: 8px; }.mt10{ margin-top: 10px; }.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}.mt50{ margin-top:50px;}
.mr10{margin-right: 10px;}.mr5{margin-right: 5px;}.mr20{margin-right: 20px;}.mr100{margin-right: 100px;}
.mb10{ margin-bottom: 10px; }.mb15{ margin-bottom: 15px; }
.fl{ float: left; }.fr{ float: right; }
.border{ border:#ccc 1px solid;}
.noborder{ border:none;}
.noBorderBottom{ border-bottom:none;}
.noBorderTop{ border-top: none; }
.borderTop{ border-top: #bbb 1px solid;}.borderBottom{ border-bottom: #bbb 1px solid;}
.hide{ display: none; }.show{ display: block; }
.tc{ text-align: center}.tl{ text-align: left; }
.bs{ box-sizing: border-box;}

.css_zf{ background: #ffdcfd;}



@media screen and (max-width: 1560px){

  body{ font-size: 13px;}
  .mainBox{ padding-left:190px; }


  .topNav{ font-size: 15px;}
  .topNav li a{ padding: 0 15px;  }
  .btn_s{ font-size: 13px;}
  .sideMenu{ font-size: 12px; padding:10px 0 10px 10px; width: 150px;}
  .sideMenu li.lv_region{ background-position: 0 6px;}
  .sideMenu li span{ line-height: 24px; height: 24px;}
  .sideMenu li.all{background-position:0 6px; }
  .sideMenu li.lv_buildingNum{ background-position:0 6px; }


  .charge_box .btn{ font-size: 14px; min-width: 80px;}


  .selectForm .form_item{ font-size: 13px;}
  .selectForm .form_item .inp{ font-size: 13px;}
  .selectForm .form_item .inp{ padding:0 2px;}
  .selectForm.fr .form_item{ margin-left: 10px;}
  .listInfo .btn{ padding: 0 5px; font-size: 13px;}
  .listInfo .btn_w2{ padding: 0 25px;}
  .selectForm .form_item .ml20{ margin-left: 10px;}
  .selectForm .form_item input.inp.w40{ width: 40px;}
  .selectForm .form_item input.inp.w60{ width: 60px;}

}

@media screen and (max-width: 1100px){
  

  .wrap{min-width: 1000px;}
  .topBar .siteTitle{ min-width: 100px; width: 130px;}
  .topNav li a{ padding: 0 10px;}
  .topSearchBox{ margin-left:10px ; padding-left: 20px;}
  .topSearch{ width: 120px;}
  .topBar .btn_s{ margin-left: 10px;}

  .mainBox{ padding-left:160px; }
  .sideMenu{ width: 120px;}



  a.btn_h40{ font-size: 14px; min-width: 80px;}

  .searchBox .inp{ width:180px;}
  .searchBox .btn{ padding: 0 10px; font-size: 14px;}

  .btn_icon{ font-size: 14px; min-width: 100px; margin-left: 10px; padding: 0 10px 0 5px;}

  .abstractList li{  padding: 0 40px  10px 0; }
  .abstractList li h4{ line-height: 30px;}

  .listInfo>.fr{ max-width: 600px;}

  .select_part_bd.fl{ width:450px;}
  .select_part_op{ display: block; width: 500px; margin-left: 0;}
  .box_bill_type{ width: 220px;}

  .w1300{ width: auto;}
  .form.w900{ width: 800px;}
  .form_select.w800{ width: 700px;}

  .pop_pay_other{ width: 900px; margin-left: -450px;}
  .pop_billList{ width: 900px; margin-left: -450px; }
}



@media screen and (max-width: 361px) and (max-height: 550px){
  html, body {font-size: 15px;  }
  
}



@media screen and (max-width: 321px){
	html, body {font-size: 14px;  }

}



@media screen and (min-width: 410px){

	
}

@media screen and (min-width: 420px){

	
}