/* 
* @Author: lmj
* @Date:   2016-05-25 10:42:31
* @Last Modified by:   anchen
* @Last Modified time: 2016-06-02 14:41:42
*/
@charset "utf-8";
/* CSS reset */
html{color:#000;background:#FFF;font-family:Arial,'PingFang SC';}
body,div,ul,li,h1,h2,h3,form,input,button,p,th,td,strong{padding:0;margin:0;font-family:Arial,'PingFang SC'; border: 0; outline: none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
a{text-decoration:none; color:#00c; outline:none;}/*此处待添加默认链接颜色*/
em,strong{font-style:normal;}
em,strong,th{font-style:inherit;font-weight:inherit;}
li{list-style:none;}
th{text-align:left;}
h1,h2,h3{font-size:100%;font-weight:normal;}
input,button,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit; border: 0; outline: none;}
input,button,select{*font-size:100%;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

html, body {font-size: 12px;}
.b-add:hover,.bcost-det:hover,.b-down:hover, .bqsearch:hover, .im-que:hover {background-color: #FFD85F; color: #fff;}
.im-del:hover {background-color: #d9d9d9;}
/*账单为空*/
.content {width: 100%; margin: 0 auto; background-color: #fff; font-size: 12px;}
/*页码*/
.pages {float: right; margin-top: 10px;}
.pages .current {float: left; width: 24px; height: 24px; cursor: pointer; text-align: center;  line-height: 24px;  margin-right: 10px; color: #fff; background-color: #ffc000; }
.pages em { float: left; width: 24px; height: 20px; padding-top: 12px; text-align: center; margin-right: 10px; color: #afb0b2; }
.pages a { float: left; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #b4b4b4; margin-right: 10px; cursor: pointer; border-radius: 2px; text-decoration: none; background-color: #dfdfdf; }
.pages strong { float: left; line-height: 24px; margin: 0 5px; color: #b4b3ae; }
#bindBtn {float: right;width: 60px;height: 24px; font-weight: bold; color: #fff;cursor: pointer;border: none;margin-right: 0px;border-radius: 3px;background-color: #ffc000;}
.pages a:hover {background-color: #ffc000; color: #fff;}
#gopage {float: left;width: 42px;height: 22px;line-height: 22px;border-radius: 2px;border: 1px solid #e9e9e9; background-color: #fff;}
.pages strong {float: left;line-height: 24px;margin: 0 5px;color: #b4b3ae;}
.leaf {font-size: 20px;}
#bindBtn:hover {background-color: #FFD85F; color: #fff;} 

/*用户费用汇总表*/
.bquery-form {width: 100%; padding-top: 37px;}
.bsearch {width: 100%; height: 28px;}
.bsearch input {float: left; width: 58%; height: 26px; margin-right: 2%; border: 1px solid #ffc000; background-color: #fff; border-radius: 5px;}
.bqsearch {float: left; width: 13%; height: 28px; background-color: #ffc000; border-radius: 3px; color: #fff; font-size: 14px; font-weight: bold; cursor:pointer;}
.bqenter, .bqimput {float: left; width: 12%;height: 28px; background-color: #6bdddc; border-radius: 3px; color: #fff; font-size: 14px; text-align: center; line-height: 28px; font-weight: bold; cursor:pointer;}
.bqenter {margin: 0 1%;}
.bqchoice {width: 100%; height: 28px; margin: 14px 0;}
.bqchoice select {width: 13%; height: 28px; border: 1px solid #d8d8d8; background-color: #fff; border-radius: 3px; margin-right: 2%;}

/*费用汇总表格*/
.ct-tit, .ct-tits { background-color: #ffc000; border-bottom: 1px solid #cf9c00;}
.ct-tit li, .ct-tits li { float: left; width: 68px; height: 28px; text-align: center; padding: 12px 0 0 0; border-right: 1px dotted #f4b800; color: #fff;}
.ct-con li {float: left; height: 32px;}
.ct-con span, .ct-cons span { float: left; width: 68px; height: 32px; border-right: 1px dotted #d8d8d8; border-bottom: 1px dotted #d8d8d8; text-align: center; vertical-align: middle; border-top: 0; line-height: 32px;}
.ct-con, .ct-cons {border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.ct-con {border-left: 0;}
.ct-cons {border-right: 0;}
.ct-con .ct-remarks, .ct-cons .ct-remarks {width: 52px; height: 20px; padding: 6px 8px; border-right: 0px;}
.ct-remarks a, .bkm-remarks a {float: left; width: 20px; height: 20px;}
.ct-history {background: url("../../images/admin/istory_icon.png") center center no-repeat; margin-left: 12px;}
.cl-modify {background: url("../../images/admin/rea_back_icon.png") 0 0 no-repeat;}
.ct-con .ct-home {width: 200px;  line-height:32px; overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
/*水费*/
.ct-tit .cost-more {width: auto !important; padding: 0; height: 40px;}
.cost-more span {display: block; width: 100%; height: 19px; line-height: 19px; border-bottom: 1px dotted #f4b800;}
.cost-more em {float: left; width: 68px; height: 20px; line-height: 20px; border-right: 1px dotted #f4b800;}
.ct-con li span:last-child {border-right: 0;}
/*上传文件*/
.uf-nav {width: 100%; height: 80px; background-color: #fff; border-bottom: 1px solid #d8d8d8;}
.uf-up {float: left; width: 8%; height: 24px; padding: 28px 0;}
.uf-up a {float: right; width: 34px; height: 34px; background: url("../../images/admin/return_icon.png") 0 0 no-repeat;}
.uf-nav h1 {float: left; width: 84%; height: 80px; text-align: center; line-height: 80px; color: #333; font-size: 18px; font-weight: bold;}

.uf-main {width: 700px; margin: 0 auto; padding-bottom: 50px;}
.step-one, .step-two {display: block; width: 510px; height: 50px; margin: 30px auto 24px; background: url("../../images/admin/01.png") 0 0 no-repeat;}
.uf-text {width: 100%; margin-bottom: 10px; text-align: left;}
.upload {width: 698px; height: 118px; border: 1px dashed #d8d8d8; padding-top: 80px; margin: 0 auto 20px; border-radius: 3px;}
/*选择文件*/
.upload label {position: relative; display: block; width: 110px; height: 32px; margin: 0 auto; font-size: 14px; font-weight: bold; color: #fff; background-color: #ffc000; border-radius: 3px;}
.upload label input, .upload label em {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.upload label input {filter: alpha(opacity=0); opacity: 0;}
.upload label em {text-align: center; line-height: 32px;}
.upload p {width: 100%; text-align: center; color: #999; margin-top: 10px;}

.uf-sample {width: 694px; height: 146px; border: 1px dashed #d8d8d8; margin: 0 auto; padding: 2px; overflow: hidden; border-radius: 3px;}
.uf-sample img {display: block; width: 100%;}

/*导入数据*/
.step-two {background: url("../../images/admin/02.png") 0 0 no-repeat;}
.im-sucess {width: 468px; height: 68px; border: 1px dashed #d8d8d8;  margin: 0 auto 20px; padding-left: 230px;border-radius: 3px; padding-top: 32px;}
.ims-text p { float: left; height: 32px; line-height: 32px;}
.ims-text i { float: left; width: 32px; height: 32px; margin-right: 24px; background: url("../../images/admin/rea.png") 0 0 no-repeat;}
.ims-text p em {color: #45e4c7;}
.ims-text p span {color: #fd2d20;}
.im-lose {overflow-y: auto; width: 688px; height: 90px; border: 1px dashed #d8d8d8;  margin: 0 auto 20px; padding-left: 10px; border-radius: 3px; padding-top: 10px;}
.pre-text {width: 100%; height: 22px; margin-bottom: 10px;}
.pre-text span {float: left; width: 57px; height: 22px; line-height: 22px; text-align: left;}
.pre-text input {float: left; width: 295px;height: 20px; border: 1px solid #d8d8d8; padding-left: 5px; background-color: #fff;}
.preview-table {overflow: auto; width: 100%; height: 400px;}
.im-btn {width: 244px; height: 32px; margin: 30px auto 0;}
.im-btn a {float:left; width: 110px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; font-weight: bold; color: #fff; border-radius: 3px;}
.im-del {margin-right: 24px;background-color: #d8d8d8;}
.im-que {background-color: #ffc000;}



/*历史账单*/
.history-mask .cost-tables {float: none; width: 880px; margin: 0 auto; overflow: auto;}
.history-mask {display:none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.3);}
.his-con {position: absolute; top: 50%; left: 50%; width: 900px; height: 420px; padding-top: 40px; background-color: #fff; border-radius: 5px; margin: -230px 0 0 -450px; *zoom:1}
.his-con h3 {font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 24px;}

/*修改弹窗*/
.modify-mask { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.3);}
.ct-modify {position: absolute; top: 25px; left: 50%; width: 450px; padding-bottom: 55px; background-color: #fff; border-radius: 5px; margin: 0 0 0 -225px; *zoom:1}
.ct-modify h3 {width: 100%; height: 32px; line-height: 32px; color: #999; text-align: center; border-bottom: 1px solid #d8d8d8; margin-bottom: 50px;}
.ctm-con {overflow: hidden; width: 425px; margin-left: 29px;}
.ct-modifys {margin-right: -29px;}
.modify-con {float: left; width: 198px; height: 28px; margin-bottom: 22px; margin-right: 28px;  border-right: 1px solid #d8d8d8;}
.modify-con label {overflow: hidden; float: left; width: 90px; height: 28px; line-height: 28px; text-align: left; color: #333;}
.modify-con input {float: left; width: 88px; height: 26px; border: 1px solid #d8d8d8;border-radius: 5px; background-color: #fff;}

.ctm-btn {width: 245px; height: 32px; margin: 0 auto;}
.ctm-btn a {float: left; width: 110px; height: 32px; color: #fff; font-weight: bold; text-align: center; line-height: 32px; border-radius: 3px;}
.ctm-keep {margin-right: 25px; background-color: #ffc000;}
.ctm-del {background-color: #d8d8d8;}

.ctm-cancel {position: absolute; top: 0; right: 0; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #d8d8d8; cursor: pointer;}
.ctm-cancel:hover{color: #1999ff;}

.b-img {width: 220px; margin: 0 auto;}
.b-img img {display: block; width: 200x; height: 250px; margin: 0 auto 30px;}
.b-img p {color: #999; text-align: center;}