/**
 * for tangguomm
 * author by kevin
 * 2019.07.28 
 * 850270863@qq.com
*物业-V3-admin
*/
/*icon from 物业-v4-oa*/
@import url(https://at.alicdn.com/t/font_1234360_lefk56jbiwm.css);

body,h1,p,dl,dd{ padding: 0; margin: 0;}
em{ font-style: normal;}
.f12{ font-size: 12px;}
.printBox,.mdb_w800{ width: 800px; margin: 0 auto; font-family: "微软雅黑"; font-size: 13px; padding: 5px 10px; position: relative;}
.printBox.w900{ width: 900px;}
.printBox.font-song{ font-family: '宋体';}
.printBox h1{ font-size: 20px; text-align: center; margin-bottom: 10px; font-weight: normal; position: relative }
.printBox h1 em{ position: absolute; right: 0; line-height: 28px;  font-size: 13px;}
.printBox  p.info { height: 20px; margin: 5px 0; padding: 0 0;}
.printBox  p.info span{ display: inline-block; line-height: 16px; padding: 2px 0; width: 25%; float: left;}
.printBox  p.info span.hide{ display: none;}
.printBox  p.info span.w1{ width: 23%}
.printBox  p.info span.w2{ min-width:25%;  width: auto; padding-right: 20px; }
.printBox  p.info span.w_auto{ width:auto;}
.printBox  p.info span.fr{ float:right; width: auto;}
.printBox  p.info b{ font-weight: bold;}
.printBox  p.info.info_left{ padding-left: 100px;}
.printBox  p.info.info_left .tl{ text-align: center;}
.printBox  p.info .big{ font-size: 16px;}

.printBox .yz{ width: 140px; position: absolute; left: 50%; bottom: 0; margin-left: -50px;}
.printBox .yz img{ width: 100%;}
.printBox .yz2{  margin-left:120px;  bottom: 30px;}
.printBox.yz_big{ padding-bottom:30px ;}
.printBox.yz_big .yz{ width: 180px;}
.printBox.yz_big .m_transform{ text-indent: 150px;}
.printBox .yz3{  margin-left:120px;}
.printBox .yz4{  margin-left:70px;}

.print_v{ position: absolute; left: 50%; margin-left: -400px; top: 10px;}

.table_print{ width: 100%; border-collapse: collapse;}
.table_print th, .table_print td{ border: #000 1px solid; padding: 5px; text-align: center; font-size: 14px; font-weight: normal;}
.table_print td.f12,.table_print td .f12{ font-size: 12px;}
.table_print td.f18{ font-size: 18px;}
.table_print td.td_memo{ padding: 7px 15px;}
.table_print td.b{ font-weight: bold;}
.tl,.table_print td.tl{ text-align: left;}
.table_print td.tl .mdb{ display: block; float: left;}
.bg_red{ background: #f00; color: #fff }

.mdb_w800{ }
.f_tr_hide{ display: none;}
.f_tr_hide.show{ display: table-row;}
.f_tr_show.hide{ display: none;}

.tc{ text-align: center}
.tr{ text-align: right}





/* .payTip{ display: none;} */
.table_print td .tipBox { font-size: 12px; display: none; }
.tipBox p{ margin-bottom: 5px; width: 100%;}
.tipBox .fl{ float: left; line-height: 1.5;}
.tipBox .fl .qrcode{ float: left; width: 78px; height: 78px;}
.tipBox .fl .ri{ float: left; margin-left: 10px;}
.tipBox .fl .ri2{ float:left;  margin-left: 20px; width: 200px;}
.tipBox .fl .qrcode.w200{ width: 200px; height: 200px;}
.tipBox .fl .qrcode.w100{ width: 100px; height: 100px;}
.tipBox .fl .qrcode.w120{ width: 120px; height: auto;}
.tipBox .fl .qrcode.w130{ width: 130px; height: 130px;}
.tipBox .fl .qrcode.w140{ width: 140px; height: 140px;}
.tipBox .fl .qrcode.w150{ width: 150px; height: 150px;}
.tipBox .fl .qrcode.text_box{ font-size: 14px; line-height: 20px; border:#000 2px solid; padding:10px 6px; width: 58px; height: 50px;}
/*.tipBox.hasRi2 .fl .ri{ float: left; } */
.tipBox .fl .qrcode.w120 p{ margin: 3px 0 0 0;}

.tipBox .fr{ float: right;  line-height: 1.5; text-align: right;}
.tipBox .fr span{ display: block;}
.table_print .qrcode img{ width: 100%; height: 100%;}
.tipBox .fr.tc{ text-align: center;}

.table_print.s th, .table_print.s td{  padding: 2px 5px; font-size: 13px; }
.table_print td.intro_s{ font-size: 12px;line-height: 18px;}
.table_print.s td.td_memo{ padding: 5px 15px}
.table_print.s .payTip td{ padding: 5px;}

.table_print td.tipSide{ text-align: left; vertical-align: top; padding: 10px; font-size: 12px;  }
.table_print td.tipSide p{text-indent: 28px;}
.table_print td.tipSide p.tc{ text-indent: 0;}
.table_print td.tipSide .qrcode{ width: 140px; height: 140px; margin: 10px auto 5px;}
.table_print td.tipSide .qrcode img{width: 140px; height: 140px}


.table_print td.tipSide .qrcode.w160{ width: 160px; height: 160px;}
.table_print td.tipSide .qrcode.w160 img{width: 160px; height: 160px}

.table_print.s2 th, .table_print.s2 td{  padding: 3px 5px; font-size: 14px; }
.table_print.s2 td.td_memo{ padding: 5px 15px}
.table_print.s2 .payTip td{ padding: 5px;}
.printBox .multiBox.s2 { font-size: 14px;}
.printBox .multiBox.s2  h1{ font-size: 24px;}

.table_print.s3 th, .table_print.s3 td{  padding: 3px 5px; font-size: 15px; line-height: 1.1;  }
.table_print.s3 td.td_memo{ padding: 5px 15px}
.table_print.s3 .payTip td{ padding: 5px;}
.printBox .s3,.printBox.s3 { font-size: 15px;}
.printBox .s3  h1,.printBox.s3 h1{ font-size: 24px;}




.table_print.big th, .table_print.big td{  padding: 7px 5px; font-size: 15px; }
.table_print.big td.td_memo{ font-size: 13px;}




.table_print td.subItem,.printBox.big .table_print  td.subItem{  text-align: left; padding: 5px; }
.table_print td.subItem2{ padding: 5px;}
.table_print .subItem p span{ display: inline-block;}
.table_print .detail_table_sub { width: 100%;}
.table_print .detail_table_sub th{ font-size: 12px; background:none;  text-align:left; border: none; padding: 0; border-bottom: #bbb 1px solid; line-height: 22px;}
.table_print .detail_table_sub td,.printBox.big .table_print .detail_table_sub td{ font-size: 12px; background:none; text-align:left; border: none; padding: 0; border-bottom: #bbb 1px dashed; line-height: 22px;}
.table_print .detail_table_sub td.tc{text-align: center;}
.table_print .detail_table_sub .td1{ padding-right:10px;}
.table_print .detail_table_sub .td2{ padding: 0 20px;}
.table_print .detail_table_sub .td3{ width:280px;}

.printBox.big .table_print .detail_table_sub .td4{ font-size: 13px; line-height: 26px;  }
.printBox.big .table_print .detail_table_sub .td5{ font-size: 14px; width:50px; text-align: right; line-height: 26px; }
.printBox.big .table_print .detail_table_sub .td_noBorder{ width:70px; border: none;}
.printBox.big .table_print .detail_table_sub .td_noBorder2{ width:50px; border: none;}
/* .table_print .detail_table_sub .td_noBorder3{ width:30px; border: none;} */
.table_print .detail_table_sub .td_noBorder3{ width:30px; border: none;}
.printBox.big .table_print .detail_table_sub .w70{ width:70px;   }
.printBox.big .table_print .detail_table_sub .w60{ width:60px;   }
.printBox.big .table_print .detail_table_sub .w180{ width:180px;   }
.printBox.line_small .table_print td{ padding: 0px 5px;}
.printBox.line_small h1{ margin-bottom: 0;}

.table_print .detail_table_sub tr:last-child td{ border: none;}

.table_print  td.subItem .le{ float: left; width: 80px; text-align: left; line-height:22px;}
.table_print  td.subItem .le.le3{ width: 20px; line-height: 16px; border-right: #000 1px solid;}
.table_print  td.subItem .ri{ margin: 0; float: left; margin-left: 20px;  padding: 0; width: 600px; }
.table_print  td.subItem .ri2{ width: 680px;}
.table_print  td.subItem .ri4{ width: 620px;}
.table_print  td.subItem .ri3{ width: 740px; margin-left: 10px; }
.table_print  td.subItem dl{ width: 720px; }
.table_print  td.subItem dl dd{  width:60px; float: left; text-align: right; margin: 0; margin-right:35px; border-bottom: #bbb 1px dashed; line-height:22px;  }
.table_print  td.subItem dl dt{  min-width:70px; float: left; border-bottom: #bbb 1px dashed; line-height:22px; }

.table_print  td.subItem .le.le4{ width: 140px; }
.table_print  td.subItem dl.ri4 dt{ min-width:50px;}
.table_print  td.subItem dl.ri4 dd{  width:110px;  margin-right:40px; }

.table_print  td.subItem dl dd.mr0{ margin-right: 0; }
/*.table_print  td.subItem .ri_fl dd{ width:60px; }*/
.table_print  td.subItem .ri_fl dt{ min-width:120px; padding-right: 10px; }
.table_print tr.b td{ font-weight: bold;}


.printBox.big { font-size: 14px }
.printBox.big .table_print th,.printBox.big .table_print td{ font-size: 16px; padding: 7px 3px }
.printBox.big .table_print td.f12{ font-size: 12px;}

.printBox.big  h1{ font-size:24px; }
.printBox.big .payTip td{ padding: 5px 3px }
.printBox.big .table_print td .tipBox{ font-size:13px; }
.printBox.big .table_print td.fs{ font-size:13px; }
.printBox.big .table_print td.td_memo{ font-size: 14px; padding: 7px 15px;}

.printBox .bigbig .table_print th,.printBox .bigbig .table_print td{ font-size: 18px; padding: 7px 3px }
.printBox .bigbig  p.info,.printBox .bigbig  h1 em{ font-size: 18px;}
.bigbig .payTipBottom.f12{ font-size:14px ;}

.printBox.hasGZ { min-height:300px;}
.printBox.hasGZ .yz{ margin-left: 100px;}


.table_maintain th{ height: 20px; background: #eee; font-size: 12px; }
.table_maintain td{ height: 20px; padding: 5px 5px; font-size: 13px;  }
.table_maintain .w80{ width: 80px; }
.table_maintain .w120{ width: 120px; }
.table_maintain .w100{ width: 100px; }
.table_maintain .w160{ width: 160px; }
.table_maintain .w130{ width: 130px; }
.table_maintain .w150{ width: 150px; }
.table_maintain .height_2{ height: 44px }
.table_maintain .height_3{ height: 60px }
.materialBills{ padding: 0; margin: 0; font-size: 12px; }




.selectForm{ padding: 0 0; }
.selectForm .form_item{ float: left; font-size: 14px; margin-right: 20px; padding:0 0 10px 0;  }
.selectForm.fr .form_item{ margin-left: 25px; margin-right: 0;}
.selectForm_s .form_item{ margin-right: 20px;}
.selectForm .form_item:last-child{ margin-right: 0;}
.selectForm .form_item>label{ line-height: 30px; float: left; margin-right: 10px; }
.selectForm .form_item .inp{ float: left; height: 30px;  font-size: 14px; width: auto; background: none; border: #999 1px solid;  background: #fff; }
.selectForm .form_item .inp.s{ width: 150px; }
.selectForm .form_item .inp.s2{ width: 160px; }
.selectForm .form_item input.inp{ padding: 0 10px; height: 30px; line-height: 28px; }
.selectForm .form_item input.inp.w30{ width: 30px;}
.selectForm .form_item input.inp.w40{ width: 60px;}
.selectForm .form_item input.inp.w60{ width: 60px;}
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.w80{ width: 80px; }
.selectForm .form_item_msg { line-height: 30px; }
.selectForm .form_item_msg span{ margin-right: 20px;  }
.listInfo .btn_default{ margin: 0; width: 70px;}
.listInfo .btn_w1{width: auto;}

/* 统计信息 */
.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{ color: #cc0013; font-style: normal;  margin-right: 5px; }
.statisticsBox span i{ font-style: normal;}
.statisticsBox.s{ margin: 0;}
.statisticsBox.s span{ margin-right: 10px;}




.page {page-break-before: auto;page-break-after: always; position: relative;}
.page .multiBox{ margin-top:35px;  padding-bottom: 40px; border-bottom: #ccc 1px dashed;}
.page .multiBox:last-child{ border-bottom:none }
.page .multiBox:first-child{margin-top: 20px;}
.page.sep_3{ height: 1200px; position: relative; }
.page.sep_2.has_bot_line .mt0{ border-bottom: #ccc 1px dashed;}


.page.sep_3 .multiBox{ position: absolute; width: 100%; border: none; margin: 0; padding: 0;  }
.page.sep_3 .multiBox:nth-child(1){  top: 30px;}
.page.sep_3 .multiBox:nth-child(2){ top: 50% }
.page.sep_3 .multiBox:nth-child(3){ bottom: 0; }
.printBox.c36 .page.sep_3 .multiBox{ transform: scale(.9);}
.printBox.c36 .page.sep_3 .multiBox:nth-child(1){  top: -20px;}
.printBox.c36 .page.sep_3 .multiBox:nth-child(3){ bottom: -20px; }

.printBox.c20 .page.sep_3,.printBox.c52 .page.sep_3{ height: 1000px }
.printBox.c20 .page.sep_3 .multiBox,.printBox.c52 .page.sep_3 .multiBox{ margin-top: 0; }
.printBox.c20  .page.sep_3 .multiBox:nth-child(2),.printBox.c52  .page.sep_3 .multiBox:nth-child(2){ top: 34% }
.printBox.c20  .page.sep_3 .multiBox:nth-child(3),.printBox.c52  .page.sep_3 .multiBox:nth-child(3){ top: 65% }


.page.sep_2 .multiBox{ position: absolute; width: 100%; border: none; margin: 0; }
.page.sep_2 .mt0{ top: 25% }
.page.sep_2 .mt1{ top: 75% }
.page.sep_2 .fl,.page.sep_2 .fr{ width: auto;}
.page.sep_2 .fr.w120{ width: 120px;}


.page.sep_1{ height: auto; position: relative; padding-top: 0; }





/*  */
.payTipBottom{ border-top: #aaa 1px dashed; padding-top: 7px;}


/*  */
.table_print td.w40{ width: 40px;}
.table_print td.w60{ width: 60px;}
.table_print td.w80{ width: 80px;}
.table_print td.w100{ width: 100px;}
.table_print.s td.td_info{ padding: 5px 15px; text-align: left; vertical-align: top;}
.memo_info{ min-height: 120px;}
.basic_info .le{ float: left;}
.basic_info .ri{ margin-left: 80px; width: 360px;}

.top_op{ padding: 10px 30px 0 30px; background: #f5f5f5; border-bottom: #eee 1px solid;}


.fr{ float: right; }
.cf{ clear:both;}
.cf:after{ content: '.';display: block;visibility: hidden;clear: both;height: 0px;}
.ml5{ margin-left: 5px;}.ml20{ margin-left: 20px;}.mt10{ margin-top: 10px; }.mt20{ margin-top: 20px; }.mt50{ margin-top: 50px; }
.w30{ width: 30px;}
.w40{ width: 40px;}
.w70{ width: 70px;}.w70 img{ width: 100%; height: auto;}
.w80{ width: 80px;}
.w100{ width: 100px;}
.w110{ width: 110px;}
.w120{ width: 120px;}
.w150{ width: 150px;}
.w180{ width: 180px;}
.w200{ width: 200px;}
.w220{ width: 220px;}
.w250{ width: 200px;}.w251{ width: 250px;}.w300{ width: 300px;}.w350{ width: 350px;}.w1000{ width: 1000px; margin: 0 auto; margin-top: 20px;  }.w1100{ width: 1100px; margin: 0 auto; margin-top: 20px;  }.w1200{ width: 1200px; margin: 0 auto; margin-top: 20px;  }.w1300{ width: 1200px; margin: 0 auto; margin-top: 20px;  }
.mw270{ max-width: 270px;}
.mw300{ max-width: 300px;}
.btn_default{ width: 100px; height: 30px; margin: 20px auto; display: block;  }
.hide{ display: none;}
.pd1020{ padding: 10px 20px;}

.fc_grey{ color: #ccc;}

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;}

a{text-decoration:none; color: #008eff}
a:hover{text-decoration:underline; color: #f00; cursor: pointer;}