@charset "utf-8";
/* CSS Document */
/* 自来水缴费 -----------*/
.detail_water_cont { margin:0px auto; min-height:400px; background:url("../images/qysmk_water_955-500-0415.jpg") 50% 75% no-repeat;}
.water_ul_nav {position: relative;width:660px;margin:auto;padding-top:50px;overflow:hidden;}
.water_ul_nav .list li {text-align:center;width: 50%;float: left; position: relative; margin: 0 0px 80px 0px; position: relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
.water_ul_nav .list li a { display: block; width: 100%; height: 100%; }
.water_ul_nav .list li .ico { display:inline-block;width:200px; height:200px; background: #c3f8e0 url("../images/qysmk_water.png"); border-radius: 100%;-webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
.water_ul_nav .list li ._1 { background-position: 0px 0px; }
.water_ul_nav .list li ._2 { background-position: -200px 0px;}
.water_ul_nav .list li p { width: 100%; position: absolute; left: 0; top:210px; text-align: center; }
.water_ul_nav .list li p span { color: #777; display: block; font:bold 16px/28px "Microsoft Yahei";}
.water_ul_nav .list li p span a{color: #777;}

.water_ul_nav .list li.on { background: rgba(0,0,0,.5); }
.water_ul_nav .list li.on .ico { background-color: #48c78c; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.water_ul_nav .list li.on p span a{color: #48c78c;}


.bank-list {overflow:hidden;padding-left:40px;}
.bank-list .item {float: left;margin-left: 10px; line-height:45px;height:45px;}
.bank-list .radio {width: 13px;margin-top:5px;}
.bank-list .bank {background-image: url("../images/banklist.png"); background-repeat: no-repeat; border: 1px solid #ddd; cursor: pointer;float: left;height:38px;margin-left: 5px;text-indent: -9999px;width: 145px;}
.bank-list .bane_qyscard {background-position: 0 0; }
.bank-list .bank_alipay { background-position: 0 -38px;width:90px;}
.bank-list .bank_upopdebit { background-position: 0 -77px;}
.bank-list .bank_allinpay { background-position: 0 -120px;}

/*自来水线下缴费-------------------------*/
.off-pay {width:1200px;height:auto;overflow:hidden;margin:0 auto;}
.off-pay .off-pay-t{width:1198px;height:71px;border:1px solid #d7d7d7;background:#fff;}
.off-pay .off-pay-t h2{font-size: 24px;color:#000;font-family: "黑体";line-height: 71px;text-indent: 26px;}
.off-pay .off-pay-t .f_rig{margin-top:10px;}
.off-pay .off-pay-t .f_rig div{float:left;}
.off-pay .off-pay-t .info-l,.info-r{width:352px;height:51px;background:#31ce81;font-size: 18px;color:#fff;text-indent: 50px;line-height: 51px;}
.off-pay .off-pay-t .info-m{width:58px;height:51px;background:url("../images/pay_bg_01.gif") no-repeat 0 0 ;}
.off-pay .off-pay-t .info-r{float: right;background:#e2e2e2;}
.off-pay .off-play-c {width:100%;background:#fff;border:1px solid #d7d7d7;margin-top:-1px;overflow:hidden;}
.off-pay .off-play-c .c-t{padding:28px 0 0 22px;height:25px;}
.off-pay .off-play-c i{display:block;width:3px;height:25px;background:#31ce81;float:left;}
.off-pay .off-play-c p{margin-left: 11px;color:#999;font-size: 16px;font-family: "黑体";line-height: 25px;}
.off-pay .off-play-c .c-c{padding-top:39px;width:100%;overflow:hidden;padding-bottom: 52px;}
.off-pay .off-play-c .img{margin-left: 166px;width:228px;height:321px;float:left;display:inline;}
.off-pay .off-play-c .c-login{width:380px;float:right;height:auto;margin:86px 0 0 86px;float:left;}
.off-pay .off-play-c .c-login label{font-size: 16px;color:#999;}
.off-pay .off-play-c .c-login input{width:250px;height:29px;text-indent: 5px;font-size: 16px;color:#999;line-height: 29px;border:1px solid #ccc;}
.off-pay .off-play-c .c-login div{margin-bottom: 8px;}
.off-pay .off-play-c .c-login .pay-btn{margin:28px 0 0 81px;}
.off-pay .off-play-c .c-login .btn{width:105px;height:34px;background:none;border:none;background-color: #31ce81;color:#fff;font-size: 14px;border-bottom: 1px solid #018d48;border-radius: 3px;}
/*.off-pay .off-play-c .c-login .btn:hover{background-color: #00c864;}*/
.off-pay .binding-state{width:222px;overflow:hidden;float:right;margin-right: 30px;color:#333;}
.off-pay .binding-state .binding-cont li{height:66px;background:#f7f7f7;padding:8px 5px;border:2px solid #fff;border-radius: 2px;}
.off-pay .binding-state .binding-cont li:hover{border-color:#31ce81;}
.binding-cont li div{line-height: 36px;}
.binding-cont .del{display:inline-block;width:49px;height:20px;background:#31ce81;color:#fff;text-align: center;line-height: 20px;margin-left: 50px;}
/*.binding-cont .del:hover{background:#00c824;}*/
.off-pay .binding-state .binding-hd h2{font-size: 14px;text-indent: 2px;}

.site_appraisal_cont {display: none;width:400px; background:#fff;z-index: 9999;overflow: auto;padding:20px; border:6px solid #dfdfdf;
left:45%;/*FF IE7*/
top: 30%;/*FF IE7*/
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

	 }
.icon_all {background-image: url("../images/icon_all.gif"); background-repeat: no-repeat;overflow: hidden; }
.icon_close { background-position:-152px -91px; display:inline-block; width:11px; height:11px; text-indent:999em;float:right; cursor:pointer;}
.site_appraisal_cont .paycon {overflow:hidden;}
.site_appraisal_cont .paycon .phonebox {margin: 14px 15px 20px; overflow:hidden;}
.site_appraisal_cont .paycon .notice { line-height:18px; padding-left: 15px; color:#999; margin-bottom:20px;}
.site_appraisal_cont .paycon .site_option { text-align:center;}
.site_appraisal_cont .paycon .pay_tips,.site_appraisal_cont .paycon .pay_tips a{text-align:center; line-height:38px; color:#ff4661;}
.site_appraisal_cont .detail_con {overflow:hidden; border:1px solid #eaeaea;}
.site_appraisal_cont .detail_con h4{background:#e4e4e4; color:#222; font:bold 12px/24px "宋体"; text-indent:0.5em;}
.site_appraisal_cont .detail_con h3{background:#f8f8f8; font:normal 12px/40px "宋体"; text-indent:1em;} 
.site_appraisal_cont .detail_con .subsection { border-bottom: 1px solid #efefef; padding: 15px 20px;}
.site_appraisal_cont .detail_con .formula {padding:0; overflow:hidden;}
.site_appraisal_cont .detail_con .formula li { margin-right:20px; float: left; text-align: center;}
.site_appraisal_cont .detail_con .formula .total { position: relative;}
.site_appraisal_cont .textarea_wraper{display: inline-block; position: relative; margin:5px auto;}
.site_appraisal_cont .f-textarea{ width: 360px; margin-bottom: 10px;border:1px solid #ddd; padding: 3px 4px;}
.site_appraisal_cont .site_title{color:#222; font:bold 14px/30px "宋体";;}
.btn_blue {width:105px; cursor:pointer; height:34px; background:#31ce81; border-bottom:1px solid #018d48; font:normal 14px/34px "宋体"; border-radius:2px; display:inline-block;color:#fff; text-align:center;}
.no-border { border:none;}
.f_le { float:left;}
.icon-question_mark { background-position:0 0;display: inline-block; height: 80px; vertical-align: text-top; width: 80px;}
.icon-question_cart { background-position:0 -353px;display: inline-block; height: 80px; vertical-align: text-top; width: 80px;}
.phonebox { margin:25px auto 0;}
.phonebox .info_num{ margin:0 0 0 90px;}
.phonebox .info_num h3{font-family:"Microsoft Yahei"; font-size:14px; color:#656565;}
.phonebox .info_num .num {color:#08b218; font:normal 30px/36px "Tahoma";margin:0px;}