@charset "UTF-8";
.menuUrlItem {
  display: block;
  width: 210px;
  height: 34px;
  line-height: 34px;
  border-bottom: 1px solid #cecece;
  color: #7d7d7d;
  padding-left: 30px; }

.menuUrlItem:hover {
  color: #7d7d7d; }

.menuUrlItem.active {
  color: #fff;
  background: #337DCB; }

.pageTitle {
  color: #0667CC;
  font-size: 32px;
  text-align: center; }

.waterFeeSearch-box {
  width: 600px;
  height: 276px;
  background: #F4F4F4;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 40px auto 0;
  padding: 36px 0 36px 26px; }

.userInputItem {
  margin-bottom: 20px; }

.userInputItem label:after {
  content: '*';
  color: #FF0000;
  font-weight: bolder; }

.userInput {
  width: 540px; }

.waterFeeSearch-box label {
  margin-bottom: 10px; }

.btn-search, .btn-reset {
  width: 124px;
  border-radius: 6px;
  font-family: "微软雅黑";
  font-size: 16px;
  margin-top: 5px; }

.btn.btn-search {
  color: #fff;
  border: 1px solid #2884dc;
  background: -webkit-gradient(linear, left bottom, left top, from(#0077d3), to(#00a9e1));
  background: -webkit-linear-gradient(bottom, #0077d3 0%, #00a9e1 100%);
  background: linear-gradient(0deg, #0077d3 0%, #00a9e1 100%); }

.btn.btn-search:hover, .btn.btn-search:active, .btn.btn-search:focus {
  outline: none;
  color: #fff;
  background: -webkit-gradient(linear, left bottom, left top, from(#0054d3), to(#00a8df));
  background: -webkit-linear-gradient(bottom, #0054d3 0%, #00a8df 100%);
  background: linear-gradient(0deg, #0054d3 0%, #00a8df 100%); }

.btn-reset {
  color: #2e2e2e;
  border: 1px solid #ccc;
  background: #fff;
  margin-left: 20px; }

.teleNumber {
  display: inline-block;
  vertical-align: middle;
  margin-left: 100px; }

.customNumber {
  vertical-align: middle;
  display: inline-block; }

.csTele {
  color: #005CB9;
  font-size: 24px; }

.queryResults {
  width: 600px;
  margin: 0 auto;
  margin-top: 30px; }

.queryResults-title {
  font-size: 16px;
  margin-bottom: 15px; }

.table-bordered {
  border: 1px solid #333; }

.table-bordered > tbody > tr > td {
  border: 1px solid #333; }

.feeItems {
  text-align: right; }

.table-bordered > tbody > tr > td:first-child {
  text-align: center; }

.waterFeeRules:before {
  content: '*';
  color: #FF0000; }

.waterFeeItem {
  width: 35%;
  display: inline-block;
  margin-bottom: 5px; }

.waterFeeItemTitle, .waterFeeItemNum {
  display: inline-block; }

.waterFeeItemTitle {
  width: 100px;
  text-align: right; }

.special {
  color: #EB1818; }

.wechatPay {
  margin-right: 20px; }

.manual {
  margin-top: 25px; }

.manualItem {
  margin-bottom: 10px; }

.manualItem span {
  color: #666; }

.manual a {
  color: #0797E2; }

.payType {
  display: inline-block; }

/*个人接水报装*/
.personalReport-box {
  height: 477px; }

.formInline .userName, .formInline .telePerson, .formInline .telePhone {
  width: 130px; }

.userName, .telePerson, .telePhone {
  width: 260px; }

.userLine {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px; }

.inputCode {
  width: 120px;
  margin-left: 18px;
  margin-right: 10px; }

.btn-getCode {
  width: 94px;
  border: 1px solid #ccc;
  background: -webkit-gradient(linear, left bottom, left top, from(gainsboro), to(#f2f2f2));
  background: -webkit-linear-gradient(bottom, gainsboro 0%, #f2f2f2 100%);
  background: linear-gradient(0deg, gainsboro 0%, #f2f2f2 100%);
  border-radius: 6px; }

.inputFormat {
  color: #999;
  font-size: 12px; }

.installAddr {
  margin-bottom: 5px; }

.teleNumber {
  margin-right: 40px; }

.userTextarea {
  resize: none; }

.bottomRemark {
  width: 600px;
  margin: 20px auto 0;
  color: #666; }

.remarkTitle {
  margin-bottom: 10px; }

.prompt {
  margin-top: 15px; }
/*营业厅分布*/
.mapSalesSpread > img {
    width:100%;
    height:100%;
}
.mapSalesSpread, .salesDetail {
    width: 700px;
    margin: 0 auto;
    margin-top: 30px;
}

.mapSalesSpread {
    height: 220px;
    border: 1px solid #ccc;
}

.salesDetailItem {
    margin-bottom: 40px;
}

.district, .salesAddr {
    font-weight: bold;
    margin-bottom: 10px;
}

.district {
    color: #0248B3;
    font-size: 16px;
}

.salesAddr {
    color: #000;
}

.salesItemInfo {
    margin-bottom: 15px;
}
/****水费缴纳*******/
.payModeWrapper {
    margin-top: 30px;
    font-size: 15px;
    letter-spacing: 1px;
}

    .payModeWrapper p {
        margin-bottom: 30px;
        text-indent: 2em;
    }

    .payModeWrapper .scan {
        margin: 8px 0 25px;
    }

    .payModeWrapper .title {
        font-weight: bold;
        margin-bottom: 4px;
        font-size: 16px;
    }

    .payModeWrapper .star {
        color: red;
    }

    .payModeWrapper .tipRow {
        text-indent: 2em;
        color: #656565;
    }

    .payModeWrapper .lineLink {
        color: #0090DE;
    }