@charset "utf-8";
/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
.business_left{margin-top:-100px; top:0}
/*弹出框样式*/
.modal-open{overflow:hidden}
.modal{display:none; overflow:hidden; position:fixed; top:0; right:0; bottom:0; left:0; z-index:999999; -webkit-overflow-scrolling:touch; outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%); -webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-moz-transform 0.3s ease-out; -o-transition:-o-transform 0.3s ease-out; transition:transform 0.3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0)}
.modal-open .modal{overflow-x:hidden; overflow-y:auto}
.modal-dialog{position:relative; width:auto; margin:10px}
.modal-content{position:relative; background-color:#ffffff; outline:0; border-radius:5px; overflow:hidden}
.modal-backdrop{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000000}
.modal-backdrop.fade{opacity:0; filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:0.5; filter:alpha(opacity=50)}
.modal-header{padding:15px; position:relative}
.modal-header:before,
.modal-header:after{content:" "; display:table}
.modal-header:after{clear:both}
.modal-header .close{margin-top:0px; float:right; font-size:16px}
.modal-header .closer{position:absolute; right:20px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(/statics/my/images/close.png) no-repeat center center}
.modal-title{margin:0; line-height:1.42857143; float:left; font-size:20px; color:#333}
.modal-body{position:relative; padding:15px}
.modal-footer{padding:15px 15px 25px 15px; text-align:center}
.modal-footer:before,
.modal-footer:after{content:" "; display:table}
.modal-footer:after{clear:both}
.modal-footer .btn + .btn{margin-left:10px; margin-bottom:0}
.modal-footer .btn-group .btn + .btn{margin-left:-1px}
.modal-footer .btn-block + .btn-block{margin-left:0}
.modal-footer .btn{min-width:78px}
.modal-scrollbar-measure{position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px; margin:30px auto} .modal-sm{width:300px}}
@media (min-width:992px){.modal-lg{width:900px}}
.text_ff8831{color:#ff8831}

/*选择按钮*/
.radio-btn{position:relative; padding-left:20px; line-height:20px; min-height:20px; overflow:hidden; cursor:pointer}
.radio-btn input{position:absolute; width:100%; height:100%; left:0; top:0; opacity:0; cursor:pointer}
.radio-btn.radio-default{line-height:25px; padding-left:30px; min-height:25px;}
.radio-btn.radio-default .i-radio{display:inline-block; width:23px; height:23px; border-radius:50%; border:1px solid #a3a3a3; position:absolute; left:0; top:0}
.radio-btn.radio-default.checked .i-radio{background:#ff8831 url(../images/icon_checked.png) no-repeat center center; border-color:#ff8831}
.radio-btn.radio-default.checked .i-radio{background:#ff8831 url(../images/icon_checked.png) no-repeat center center; border-color:#ff8831}

.radio-btn.check-primary{line-height:20px; padding-left:32px; min-height:20px;}
.radio-btn.check-primary .i-radio{display:inline-block; width:18px; height:18px; border:1px solid #c3c3c3; position:absolute; left:0; top:0}
.radio-btn.check-primary.checked .i-radio{background:#ff8831 url(../images/icon_checked.png) no-repeat center center; border-color:#ff8831}

.radio-btn.radio-default.disabled .i-radio,
.radio-btn.radio-default.checked.disabled .i-radio,
.radio-btn.check-primary.disabled .i-radio,
.radio-btn.check-primary.checked.disabled .i-radio{background:#e8e8e8; border-color:#c3c3c3}
.radio-btn.check-primary.disabled,
.radio-btn.check-primary.disabled input,
.radio-btn.radio-default.disabled,
.radio-btn.radio-default.disabled input{cursor:not-allowed}

/*登录*/
.signin_bj{height:685px; padding:130px 0; background:#f3f5f7 url(../images/signin_bj.jpg) no-repeat center bottom; overflow:hidden}
.signin_bj .layout{height:685px; background:#fff; -webkit-box-shadow:rgba(125,142,159,0.2) 0px 0px 20px;-moz-box-shadow:rgba(125,142,159,0.2) 0px 0px 20px;box-shadow:rgba(125,142,159,0.2) 0px 0px 20px}
.signin_bj .img{width:565px; height:685px; float:left}
.signin_from{float:right; padding:90px; width:440px}
.signin_h1{text-align:center; font-size:32px; padding:10px 0; font-weight:bold; color:#ff8831; line-height:40px}
.signin_h1:after{content:""; display:block; width:55px; height:6px; margin:10px auto 0 auto; background:#ff8831}

.signin_from li{padding-bottom:30px}
.signin_from li .title{font-size:15px; line-height:15px; padding-bottom:10px; color:#444444}
.signin_from li .box{position:relative}
.signin_from li .text{width:99%; border:1px solid #e1e1e1; border-radius:3px; height:42px; font-size:15px; text-indent:10px}
.signin_from li .pr160{padding-right:160px}
.signin_from li .CodeBnt{position:absolute; right:0; width:145px; height:44px; line-height:44px; top:0; background:#ff8831; text-align:center; font-size:15px; color:#fff; border-radius:3px}
.signin_button{display:block; width:100%; margin-top:15px; height:50px; line-height:50px; text-align:center; border:0; border-radius:5px; font-size:16px; color:#fff; background:#ff8831}

.signin_from li .text.errora{border-color:#e60000}

/* 二维码样式 */
.qr_code_container{text-align:center; padding-top:20px}
.qr_code_img{width:300px; height:300px; border:1px solid #e1e1e1; border-radius:8px; padding:10px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.qr_code_desc{font-size:16px; color:#666; margin-top:15px; margin-bottom:8px}
.qr_code_tips{font-size:14px; color:#999; margin-top:10px}
.qr_code_tips a{color:#ff8831; text-decoration:none}
.qr_code_tips a:hover{text-decoration:underline}


/*网上营业厅*/
.businessHall_title{line-height:30px}
.businessHall_title .t{color:#ff8831; font-size:22px; font-weight:bold; padding-left:15px; position:relative}
.businessHall_title .t:after{content:""; position:absolute; width:5px; height:24px; left:0; top:50%; margin-top:-12px; background:#ff8831}
.businessHall_list{padding:10px 0 100px 0; margin-left:-25px}
.businessHall_list li{float:left; width:25%; padding-top:25px}
.businessHall_list li .box{display:block; height:90px; line-height:90px; font-size:18px; background:#fff; margin-left:25px;
-webkit-box-shadow:rgba(10,23,40,0.1) 0px 0px 15px;-moz-box-shadow:rgba(10,23,40,0.1) 0px 0px 15px;box-shadow:rgba(10,23,40,0.1) 0px 0px 15px}
.businessHall_list li .box span{display:block; margin-left:30px; height:90px; overflow:hidden; padding-left:50px; position:relative}
.businessHall_list li .box img{position:absolute; left:0; top:50%; margin-top:-25px; height:51px}
.businessHall_list li .box .img1{display:none}

.businessHall_list li a:hover{color:#fff; background:#ff8831}
.businessHall_list li a:hover .img0{display:none}
.businessHall_list li a:hover .img1{display:block}



/*个人中心*/
.business_left_nav{margin-bottom:25px}
.business_left_nav li a{padding:0 0 0 60px}
.business_left_nav li a:before{width:31px; height:31px; margin-top:-15px; left:23px}
.business_left_nav li:nth-child(1) a:before{background:url(/statics/my/images/nav_1.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(2) a:before{background:url(/statics/my/images/nav_2.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(3) a:before{background:url(/statics/my/images/nav_3.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(4) a:before{background:url(/statics/my/images/nav_4.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(5) a:before{background:url(/statics/my/images/nav_5.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(6) a:before{background:url(/statics/my/images/nav_6.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(7) a:before{background:url(/statics/my/images/nav_7.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(8) a:before{background:url(/statics/my/images/nav_8.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(9) a:before{background:url(/statics/my/images/nav_9.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(10) a:before{background:url(/statics/my/images/nav_10.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(11) a:before{background:url(/statics/my/images/nav_11.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(12) a:before{background:url(/statics/my/images/nav_12.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(13) a:before{background:url(/statics/my/images/nav_13.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(15) a:before{background:url(/statics/my/images/nav_14.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(16) a:before{background:url(/statics/my/images/nav_15.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(17) a:before{background:url(/statics/my/images/nav_16.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(18) a:before{background:url(/statics/my/images/nav_17.png) no-repeat; background-size:100%}
.business_left_nav li:nth-child(14) a:before{background:url(/statics/my/images/nav_19.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(1) a:before,
.business_left_nav li:nth-child(1) a:hover:before{background:url(/statics/my/images/nav_1a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(2) a:before,
.business_left_nav li:nth-child(2) a:hover:before{background:url(/statics/my/images/nav_2a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(3) a:before,
.business_left_nav li:nth-child(3) a:hover:before{background:url(/statics/my/images/nav_3a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(4) a:before,
.business_left_nav li:nth-child(4) a:hover:before{background:url(/statics/my/images/nav_4a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(5) a:before,
.business_left_nav li:nth-child(5) a:hover:before{background:url(/statics/my/images/nav_5a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(6) a:before,
.business_left_nav li:nth-child(6) a:hover:before{background:url(/statics/my/images/nav_6a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(7) a:before,
.business_left_nav li:nth-child(7) a:hover:before{background:url(/statics/my/images/nav_7a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(8) a:before,
.business_left_nav li:nth-child(8) a:hover:before{background:url(/statics/my/images/nav_8a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(9) a:before,
.business_left_nav li:nth-child(9) a:hover:before{background:url(/statics/my/images/nav_9a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(10) a:before,
.business_left_nav li:nth-child(10) a:hover:before{background:url(/statics/my/images/nav_10a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(11) a:before,
.business_left_nav li:nth-child(11) a:hover:before{background:url(/statics/my/images/nav_11a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(12) a:before,
.business_left_nav li:nth-child(12) a:hover:before{background:url(/statics/my/images/nav_12a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(13) a:before,
.business_left_nav li:nth-child(13) a:hover:before{background:url(/statics/my/images/nav_13a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(15) a:before,
.business_left_nav li:nth-child(15) a:hover:before{background:url(/statics/my/images/nav_14a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(16) a:before,
.business_left_nav li:nth-child(16) a:hover:before{background:url(/statics/my/images/nav_15a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(17) a:before,
.business_left_nav li:nth-child(17) a:hover:before{background:url(/statics/my/images/nav_16a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(18) a:before,
.business_left_nav li:nth-child(18) a:hover:before{background:url(/statics/my/images/nav_17a.png) no-repeat; background-size:100%}

.business_left_nav li.hover:nth-child(14) a:before,
.business_left_nav li:nth-child(14) a:hover:before{background:url(/statics/my/images/nav_19a.png) no-repeat; background-size:100%}

.my-enterclose-list{overflow:hidden; padding-top:25px}
.my-enterclose-list li{padding-bottom:3px}
.my-enterclose-list li .box{background:#e65a4b; padding-left:85px; height:60px; color:#fff; font-size:18px; line-height:60px; overflow:hidden; position:relative}
.my-enterclose-list li .box img{position:absolute; left:40px; top:50%; height:34px; margin-top:-17px}
.my-enterclose-list li:nth-child(1) .box{background:#e65a4b}
.my-enterclose-list li:nth-child(2) .box{background:#f29658}
.my-enterclose-list li:nth-child(3) .box{background:#54a9de}
.my-enterclose-list li:nth-child(4) .box{background:#65c388}
.my-enterclose-list li:nth-child(5) .box{background:#748dd7}
.my-enterclose-list li .box p{display:inline}


.patb_35{padding:35px 0}
.myTable{border:1px solid #e1e1e1; border-collapse:collapse; border-spacing:0}
.myTable.tc{text-align:center}
.myTable th{background:#f8f8f8; font-weight:bold}
.myTable th,
.myTable td{padding:10px; font-size:15px; line-height:25px}
.myTable th .normal{font-weight:normal; font-size:14px}
.tableBnt{display:inline-block; height:28px; border-radius:3px; font-size:14px; color:#fff !important; line-height:28px; padding:0 8px; background:#ff8831; margin:0 8px}
.tableBnt.a1{background:#ff8831}
.tableBnt.a2{background:#1b88dc}
.tableBnt.a1:hover{background:#f87a1d}
.tableBnt.a2:hover{background:#0d84e0}

.myTable1 th{width:25%; text-align:right; padding:10px 25px; font-weight:normal}
.myTable1 td{color:#999999; padding:10px 25px}

.tableBnta_c{padding:40px 0; text-align:center}
.tableBnta{height:54px; line-height:54px; background:#ff8831; font-size:18px; color:#fff !important; border-radius:5px; text-align:center; min-width:160px; padding:0 10px; display:inline-block}

/*网上营业厅-用户绑定卡号/地址*/
.binding_option{font-size:px; line-height:30px; font-size:15px}
.binding_option .t{color:#666666; padding-right:10px}
.binding_option .option{position:relative; padding-left:25px; margin-left:25px; color:#333}
.binding_option .option:before{content:""; position:absolute; width:12px; height:12px; left:0; top:50%; margin-top:-7px; background:#fff; border:1px solid #e2e2e2; border-radius:50%}
.binding_option .checked{color:#ff8831}
.binding_option .checked:before{height:4px; width:4px; border:5px solid #ff8831}
.binding_list{padding:40px 0 0 0}
.binding_list li{padding-bottom:15px; line-height:44px; min-height:44px; font-size:15px; position:relative; padding-left:60px}
.binding_list li.line22{line-height:22px}
.binding_list .pl_125{padding-left:125px}
.binding_list li .t{position:absolute; left:0; top:0}
.binding_list li .text{height:42px; width:80%; border:1px solid #e1e1e1; padding:0 15px; line-height:42px; font-size:15px; display:block}
.binding_list li select.text{width:84%;}
.binding_list li textarea.text{line-height:22px; padding:10px 15px; height:88px}
.binding_list li .error{color:#ff0000; display:none}
.binding_list.li_pl_90 li{padding-left:90px}
.binding_list.li_pl_90 li .t{text-align:right; width:80px}
.binding_list.li_pl_125 li{padding-left:125px}
.binding_list.li_pl_125 li .t{text-align:right; width:120px}
.binding_list.text_100 li .text{width: calc(100% - 30px)}
.binding_list.text_100 li select.text{width: 100%}

.myformSuccess .modal-dialog{width:495px}
.myformSuccess .modal-header{background:#ff8831;padding:10px 20px}
.myformSuccess .modal-header .closer{background:url(/statics/my/images/close_b.png) no-repeat}
.myformSuccess .modal-title{color:#fff}
.myformSuccess .text{padding:65px 0; text-align:center}
.myformSuccess .text p{font-size:16px; line-height:20px; padding-top:15px}
.myformSuccess .modal-text{padding:60px 0; text-align:center}
.myformSuccess .modal-text .tips{position:relative; padding-left:90px; font-size:16px; line-height:30px}
.myformSuccess .modal-text .tips img{position:absolute; left:0; top:50%; margin-top:-35px; height:69px}
.myformSuccess .btn{display:inline-block; width:160px; height:54px; line-height:54px; border-radius:5px; text-align:center; font-size:18px; color:#333; background:#e1e1e1}
.myformSuccess .btn.a1{color:#fff; background:#ff8831}

.detailsPop .modal-dialog{width:865px}
.detailsPop .modal-header{padding:20px}
.detailsPop .modal-detail{padding:0 20px 40px 20px}



/*网上营业厅-采暖费缴纳*/
.fee_div{position:relative; padding-top:7px; margin-bottom:50px}
.fee_box{border-radius:20px; border:15px solid #ff9c6f; overflow:hidden; background:#fff}
.fee_title{position:absolute; width:178px; height:50px; text-align:center; line-height:50px; color:#fff; font-size:20px; font-weight:bold; top:0; left:30px; border-radius:0 0 5px 5px;
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff663d,endColorStr=#fcc135);
background:-ms-linear-gradient(left,#ff663d,#ff4a1a);
background:-moz-linear-gradient(left,#ff663d,#ff4a1a);
background:-webkit-gradient(linear,0 100%,0 0,from(#ff663d),to(#ff4a1a));
background:-webkit-gradient(linear,0 100%,0 0,from(#ff663d),to(#ff4a1a));
background:-webkit-linear-gradient(left,#ff663d,#ff4a1a);
background:-o-linear-gradient(left,#ff663d,#ff4a1a);}
.fee_title:before,
.fee_title:after{content:""; position:absolute; width:8px; height:7px;  top:0; background:url(/statics/my/images/fee_one.png) no-repeat}
.fee_title:before{left:-8px;}
.fee_title:after{right:-8px; background-position:right 0 !important}


.fee_one .fee_box{background:url(/statics/my/images/fee_one.jpg) no-repeat; background-size:cover}
.fee_two .fee_box{border-color:#6baaf8}
.fee_two .fee_title{
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#3d98ff,endColorStr=#2a75e6);
background:-ms-linear-gradient(left,#3d98ff,#2a75e6);
background:-moz-linear-gradient(left,#3d98ff,#2a75e6);
background:-webkit-gradient(linear,0 100%,0 0,from(#3d98ff),to(#2a75e6));
background:-webkit-gradient(linear,0 100%,0 0,from(#3d98ff),to(#2a75e6));
background:-webkit-linear-gradient(left,#3d98ff,#2a75e6);
background:-o-linear-gradient(left,#3d98ff,#2a75e6)
}
.fee_two .fee_title:before,
.fee_two .fee_title:after{background:url(/statics/my/images/fee_two.png) no-repeat}


.fee_one_show{padding:55px 5% 25px 5%; text-align:center}
.fee_one_show li{float:left; width:33.3%}
.fee_one_show li .img{width:150px; height:150px; overflow:hidden; text-align:center; display:block; margin:0 auto}
.fee_one_show li .img img{height:60px; display:block; margin:20px auto}
.fee_one_show li .img p{font-size:18px; color:#ff6b3a; font-weight:bold; line-height:20px}
.fee_one_show li .name{font-size:18px; line-height:20px; padding-top:10px}
.fee_one_show li .bnt{display:block; width:160px; height:40px; line-height:40px; border-radius:50px; background:#ff6c3a; text-align:center; margin:0 auto; font-size:18px; color:#fff; position:relative; top:-10px}
.fee_one_show li .bnt:hover{background:#f6602c}

.fee_two_table{margin:60px 0 20px 0;}
.fee_two_table th,
.fee_two_table td{line-height:20px; padding:15px 2%; font-size:14px}
.fee_two_table th{background:#dbe7f5; font-size:16px; color:#377bcf; text-align:left}
.fee_two_table tr:nth-child(even){background:#f8f8f8}

.fee_two_table tbody tr th:nth-child(1){width:23%}

/*电子发票*/
.invoice_info{padding:20px; padding-right:100px; background:#f8f8f8; font-size:15px; color:#444444; line-height:35px; position:relative; margin-bottom:25px}
.invoice_info .bnt{position:absolute; width:90px; height:35px; line-height:35px; border-radius:3px; text-align:center; color:#fff; font-size:14px; background:#ff8831; right:60px; top:50%; margin-top:-17px}

.switchUsers .modal-dialog{width:865px}
.switchUsers .modal-header{padding:20px}
.switchUsers .modal-detail{padding:0 20px 40px 20px}
.switchUsers .myTable{border:0}
.switchUsers .myTable th{text-align:left; padding-left:25px}
.switchUsers .myTable td{padding:10px 5px; padding-left:25px}
.switchUsers .myTable tr:nth-child(even){background:#f8f8f8}
.switchUsers .tableBnta_c{padding:40px 0 0 0}


/*更名过户*/
.uploadImg{width:138px; height:138px; border:1px solid #e1e1e1; text-align:center; overflow:hidden; position:relative; float:left; margin-right:20px; margin-bottom: 10px}
.uploadImg .no{text-align:center; height:138px; overflow:hidden; cursor:pointer}
.uploadImg .no input{position:absolute; width:300%; height:300%; left:-100%; top:-100%; opacity:0; z-index:2; cursor:pointer}
.uploadImg .no img{margin:22px auto; display:block}
.uploadImg .no p{font-size:15px; line-height:20px;}
.uploadImg .yes{position:relative;height:138px; display:none}
.uploadImg .yes img{width:100%; height:138px; object-fit:contain; background:#eee;    max-width: 100%;
    vertical-align: middle;
    object-fit: contain;}
.uploadImg .yes .close{position:absolute; width:18px; height:18px; background:url(/statics/my/images/close.png) no-repeat; right:5px; top:5px; z-index:2; cursor:pointer}


/*更名信息查询*/
.Historical_box{width:85%}
.Historical_box .title{line-height:30px; height:30px; overflow:hidden; position:relative;}
.Historical_box .title .t{font-size:14px}
.Historical_box .title .delete{position:absolute; width:30px; height:30px; right:0; top:0; background:url(/statics/my/images/icon_delete.png) no-repeat center center}
.Historical_box .box{overflow:hidden; margin-left:-20px;}
.Historical_box .box .txt{display:block; float:left; height:32px; padding:0 20px; background:#f3f3f3; border-radius:50px; font-size:14px; color:#666; line-height:32px; margin-left:20px; margin-top:15px}
.business_right_h1{font-size:20px; line-height:30px; padding-bottom:20px}

/*表格下载*/
.business_notice_list li{ border-bottom:1px dotted #e7e7e7}
.business_notice_list li .download{float:right; display:block; width:72px; height:32px; line-height:32px; text-align:center; border-radius:5px; background:#1b88dc; font-size:14px; color:#fff; font-size:14px; color:#fff; margin:10px 0}
.business_notice_list li .download span{position:relative; padding-left:18px}
.business_notice_list li .download span:before{content:""; position:absolute; width:12px; height:12px; left:0; top:50%; margin-top:-6px; background:url(/statics/my/images/Icon_download.png) no-repeat}



/*搜索下拉框*/
.select-search{position:absolute; width:78%; height:44px; line-height:42px; font-size:15px; z-index:3; left:60px; top:0; background:none}
.select-search .select-input{width: calc(100% - 30px); padding:0 15px; height:42px; border:0; float:left;background:none}
.select-search .select-ul{width:calc(100% - 2px); position:absolute; left:0; top:42px; border:1px solid #333; background:#fff; max-height:200px; overflow:auto; display:none}
.select-search .select-ul li{padding:0 15px; font-size:14px; line-height:25px; min-height:25px; cursor:pointer}
.select-search .select-ul li:hover{background:#1e90ff; color:#fff}
@media screen and (max-width:1200px){


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

}

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

}
/*网上营业厅-新建小区开户报装*/
.mt_10{margin-top:10px}
.binding_list li .error{line-height:30px}
.myformSuccess .text.pa_25{padding:25px 0}
.binding_list.li_pl_150 li{padding-left:150px}
.binding_list.li_pl_150 li .t{text-align:right; width:140px}

/*新建小区开户报装（上传资料）*/
.upload_download_a{text-decoration:underline; color:#333 !important}
.upload_download_bnt{position:relative; padding-left:18px; color:#1b88dc !important; margin-left:25px}
.upload_download_bnt:before{content:""; position:absolute; width:12px; height:12px; left:0; top:50%; margin-top:-6px; background:url(/statics/my/images/Icon_download1.png) no-repeat}
.upload_example_a{position:relative; padding-left:20px; margin-left:70px; color:#333 !important}
.upload_example_a:before{content:""; position:absolute; width:16px; height:16px; left:0; top:50%; margin-top:-8px; background:url(/statics/my/images/Icon_help.png) no-repeat}
.upload_tips_txt{color:#ff8831}
.myTable .tl{text-align:left}


/*账单页*/
.tableBnta_zd{text-align:right; border:1px solid #e1e1e1; border-top:0; padding:10px 45px; font-size:18px; font-weight:bold; line-height:40px; color:#444444}
.tableBnta_zd .money{color:#ff8831; font-size:22px; padding-left:10px}

.paymentPop .modal-dialog{width:495px}
.paymentPop .modal-header{padding:10px 20px; height:20px}
.paymentPop .modal-header .closer{background:url(/statics/my/images/close.png) no-repeat}
.paymentPop .text{padding:25px 0 60px 0; text-align:center}
.paymentPop .text .h1{font-size:18px; color:#666666; line-height:30px}
.paymentPop .text .h1 .money{font-size:24px; font-weight:bold; color:#ff8831}
.paymentPop .text .img{width:150px; height:150px; padding:13px; background:#fff; border:1px solid #00b700; margin:20px 0}
.paymentPop .text .txt{font-size:15px; color:#444444; line-height:25px}
.paymentPop .text .txt span{position:relative; padding-left:30px}
.paymentPop .text .txt span:before{content:""; position:absolute; width:26px; height:23px; left:0; top:50%; margin-top:-11px; background:url(/statics/my/images/Icon_zf.png) no-repeat}

/*用户须知*/
.Notice-text{font-size: 16px; line-height: 25px; max-height: 350px; overflow:auto; margin:0 15px 15px 25px; padding-right: 10px;}
.Notice-footer .btn{display:inline-block; width:140px; height:36px; line-height:36px; border-radius:50px; text-align:center; font-size:16px; color:#333; background:#e1e1e1; margin: 0 20px}
.Notice-footer .btn.btn-primary{color:#fff; background:#ff622a}


/*业务办理/易付宝官网记录*/
.tableBnt.bw56{min-width:56px}
.evaluatePop .modal-dialog{width:640px}
.evaluatePop .modal-detail{padding:30px 15px 0 15px}
.evaluate-list{font-size:15px}
.evaluate-list li{position:relative; padding-left:85px; line-height:30px; min-height:30px; padding-bottom:15px; overflow:hidden}
.evaluate-list li .radio-btn{float:left; padding-right:25px; line-height:30px; overflow:hidden}
.evaluate-list li .radio-btn.radio-default .i-radio{width:18px; height:18px; float:left; margin:5px}
.evaluate-list li .t{position:absolute; left:0; top:0; color:#444444}
.evaluate-list li .textarea{border:1px solid #e1e1e1; width:90%; padding:2%; font-size:15px; height:100px; line-height:20px}

/*进度条*/
.progress-bar{overflow:hidden; margin-bottom:15px; padding:0 8%}
.progress-bar .li{width:33.3%; float:left; font-size:16px; line-height:20px; text-align:center; position:relative}
.progress-bar .li .ioc{display:block; width:32px; height:32px; background:#D9D9D9; border-radius:50%; margin:0 auto; position:relative}
.progress-bar .yes .ioc{background:#FF8831 url(../images/yes.png) no-repeat center center}
.progress-bar .no .ioc{background:#FF8831 url(/statics/my/images/close_b.png) no-repeat center center; background-size:40%}
.progress-bar .li:nth-child(2) .ioc:before,
.progress-bar .li:nth-child(3) .ioc:before{content:""; position:absolute; width:940%; height:4px; right:32px; top:14px; background:#D9D9D9}
.progress-bar .li p{padding-top:5px}
.progress-bar .li:nth-child(1) .pa .ioc{z-index:3}
.progress-bar .li:nth-child(2) .pa .ioc{z-index:2}
.progress-bar .li:nth-child(1) .pa{float:left}
.progress-bar .li:nth-child(3) .pa{float:right}

.progress-bar .yes:nth-child(2) .ioc:before,
.progress-bar .no:nth-child(2) .ioc:before,
.progress-bar .yes:nth-child(3) .ioc:before,
.progress-bar .no:nth-child(3) .ioc:before{background:#FF8831}