/*违章查询*/
/* .query_content .query_top{padding: 0.75em 1.4em;border: 1px solid #f4f4f4;}
.query_content .query_top a.city{background-color: #f39800;color: #fff;padding: 0.4em 0.5em 0.4em 1.5em;border: 1px solid #fce1b6;letter-spacing: 1px;float: left;}
.query_content .query_top a.refresh{border: 1px solid #c8c8c8;color: #c8c8c8;padding: 0.25em 0.8em 0.25em 2em;float: right;border-radius: 5px;}
.query_top ul.city_box{margin-left:10em;height:1.75em;line-height:1.75em;}
.query_top ul.city_box li{float: left;margin-left: 0.9em;}
.query_top ul.city_box li strong{font-weight: bold;}
.query_top ul.city_box li.current{color: #d3002b;} 
.query_left ul.query_info li .query_one .address{float: left;}
.query_left ul.query_info li .query_one .time{float: right;}
.query_center .query_left{float: left;width: 30%;}
.query_left ul.query_info li{padding:0.68em 0.3em 1.3em 1.18em;border-bottom: 1px solid #f4f4f4;border-left:1px solid #f4f4f4;border-right:1px solid #f4f4f4;}
.query_left ul.query_info li a{color:#747474;}
.query_left ul.query_info li.current{background-color: #f5f5f5;}
.query_left ul.query_info li.current a{color: #df7483;}
.query_left ul.query_info li.current span.address{color: #d52645;}
.query_left .query_one span.address{color: #494949;}
.query_left p.car_number{margin: 1em 0 0.5em;}
.query_left p strong{font-weight: bold;margin: 0 0.18em;}
.query_center .query_right{float: right;width:65%;background-color: #f5f5f5;padding:2.06em 2.5% 4em;}
.query_center .query_right ul li{position:relative;padding: 1.6em 0 1.09em;color: #838383;border-bottom: 1px dashed #dededf;}
.query_center .query_right ul li span{color: #000;position: absolute;left:11em;}
.query_right ul li span strong{color: #d8304f;margin-right: 0.5em;font-weight: bold;}
.next_number{text-align: center;margin-top:0.75em;}
.next_number .number_left,.next_number ul li,.next_number ul,.next_number .number_right{display: inline;}
.next_number ul{padding-left: 2%;}
.next_number ul li{padding-right: 3%;}
.next_number ul li a{color: #767676;}
城市弹层
.city_choice{position: absolute;z-index: 300;width:50%;margin:0 auto;}
黑色遮罩
body.query_main{position: relative;}
.black_index{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 200;}
 */
/* .breakRule-container{border: 1px solid #e6e6e6;margin-bottom: 40px} */
.breakRule-container .breakRule-title{padding: 10px 20px;border-bottom: 1px solid #e6e6e6;font-size: 16px}
.breakRule-container .breakRule-title.red{color: #FFF;background: #d50032}
.breakRule-container .breakRule-title.white{background: #FFF}
.breakRule-container .breakRule-title .right{position: absolute;right: 15px;top: 10px;display: block;padding: 4px 12px; border:1px solid #e5e5e5; border-radius: 4px; margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;cursor: pointer;background-image: url(../images/blink/breakRule/break-rule-city-icon.png);background-position: 6px 6px;background-repeat: no-repeat;float: left;}

.breakRule-container .breakRule-title .select-city{font-weight: 400;font-size: 12px}
.breakRule-container .breakRule-title #carNumErrorMessageBox{position: relative;top: 8px;right: 15px;font-size: 14px;color: #d50032;float: right}
.breakRule-container .breakRule-refresh{background-image: url(../images/blink/breakRule/icon_refresh_16.png);background-repeat: no-repeat;padding-left: 30px;height: 14px}
.breakRule-container .breakRule-title .right:hover{ background: #d50032; color: #fff; border-color:#d50032; }
.breakRule-container .breakRule-title .right:hover .breakRule-refresh{background-image: url(../images/blink/breakRule/icon_refresh_162.png);background-repeat: no-repeat;}
#cityListBox{margin-top: 0%!important}
.break-rule-icon{display: block;padding: 4px 12px 4px 28px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;cursor: pointer;background-image: url(../images/blink/breakRule/break-rule-city-icon.png);background-position: 6px 6px;background-repeat: no-repeat;float: left;}
.btn-orange { color: #FFF;background-color: #f39800;border-color: #c07800;}
#btnSetCity,#selectedCityLabel,.city-name{float: left}
#selectedCityLabel,.city-name{vertical-align: center;line-height: 30px;margin-right: 1em;}
#selectedCityLabel{font-weight: bold;}
.city-name.city-default{ color: #d50032; }
.break-rule-container{position: relative}
.break-rule-container:after,.break-rule-container:before{content: " ";display: table}
.break-rule-container:after{clear: both}
.break-rule-container .no-data-panel{display: none;width: 100%;height: 555px;left: 0;background-color: #fff;bottom: 0;text-align: center}
.break-rule-container .no-data-panel div{padding-top: 170px}
.break-rule-container .no-data-panel div img{margin: 0 auto;width: auto}
.break-rule-list{width: 30%;float: right;height: 555px;text-align: center; overflow-y:scroll; }
.break-rule-list ul.breakRuleList{margin: 0;padding: 0; width: 100%; list-style: none;display: block;text-align: left}
.break-rule-list ul.breakRuleList li{margin: 0;padding: 0.25em 22px 1em;list-style: none;display: block; position: relative; border-bottom: 1px solid #e6e6e6;cursor: pointer;float: none;}
.break-rule-list ul.breakRuleList li .title{width: 70%;/* font-weight: 700; */margin: 0 0 0.5em 0;padding: 7px 0;font-size: 16px;overflow: hidden;color: #000;}
.break-rule-list ul.breakRuleList li span.break_time{ position: absolute;     right: 1.5em;
    top: 1em;
    font-size: 12px;}
.break-rule-list ul.breakRuleList li p{width: 100%;overflow: hidden;margin: 0;padding: 2px 0;font-size: 14px;color: #7b7b7b;}
.break-rule-list ul.breakRuleList li p.specialText>span{font-size: 18px}
.break-rule-list ul.breakRuleList li ul{margin: 2% 0}
.break-rule-list ul.breakRuleList li ul li{padding: 3% 0;display: none;color: #333}
.break-rule-list ul.breakRuleList li.active,.break-rule-list ul.breakRuleList li:hover,.break-rule-list ul.breakRuleList li.active .title,.break-rule-list ul.breakRuleList li.active p,.break-rule-list ul.breakRuleList li:hover .title,.break-rule-list ul.breakRuleList li:hover p{background: #f5f5f5;color: #d50032}
.break-rule-detail{width: 70%;background: #f5f5f5;float: right;font-size: 16px;height: 555px;}
.break-rule-detail ul{margin: 0;margin: 0 30px;list-style: none;display: block;width: auto;}
.break-rule-detail ul li{margin: 0;padding: 28px 0;list-style: none;display: block;float: none;}
.break-rule-detail ul li span{display: inline-block;width: 25%;color: #7b7b7b;}
.break-rule-detail ul li span.sec_text{width: 60%;/* font-weight: 700 */color: #000;}
.break-rule-detail ul li span.text_red{ color: #d50032 }
.break-rule-detail ul li{border-bottom: 1px dashed #e5e5e5;}
.modal-title{font-size: 22px;color: #000}
.citySelectBox .searchBox{float: left;background-color: #fff;border: 1px solid #e5e5e5;padding: 5px;position: relative;height: 25px;line-height: 25px;z-index: 99;}
.citySelectBox .searchBox img{margin-right: 5px;display: block;float: left;margin-top: 3px;width: 7%;}
.citySelectBox .searchBox input{border: none;width: 250px;background: #fff;}
.citySelectBox .searchBox .autocompleter{top: 31px!important}
.citySelectBox .city-usual{float: left;margin-left: 15px;padding: 8px 2px;}
.citySelectBox .city-usual a{padding: 10px 5px;color: #000}
.city-list .city-name{padding: 0 10px;font-size: 16px;font-weight: 400;color: #000;text-decoration: none}
.city-list .city-default{color: #d50032!important}
#cityPaginator{}
.move-layout{display: block;float: left;margin-left: 3em;font-size: 14px;}
.city_search{padding: 1.5em 0 0 0;margin-bottom: 1.5em;}
.city_wrapper{ margin:6% auto; width: 60%;  background: #fff;}
.city_wrapper .modal-content{ border-radius: 0; margin:3px; background: #e5e5e5;   box-shadow: none;
    border: none; clear:both; overflow: hidden; zoom:1; }
.city_close{
    font-size: 35px; color: #999;
    float: right;
    position: absolute;
    right: 0.5em;
    top: 0.25em;
}
#selectedCityLabel_modal{margin-bottom: 1.25em;font-size: 16px;}
.common-selectedCity span {font-weight: 400;padding: 3px 5px;cursor: pointer;background: #fff;color: #373a3c;font-size: 14px;margin-right: 11px;position: relative;}


.no-data-panel{ font-size:16px; text-align: center; }
.no-data-panel img{  margin-top: 1em; }

.breakRuleList{}
.breakRuleList li{}


.common-city-search ul{ margin:1em 0; width: 100%; border-bottom:2px solid #e5e5e5 }
.common-city-search ul li{ margin:0;margin-bottom: -2px; }
.common-city-search ul li a{ background: none; padding:5px 10px; font-size:16px; }
.common-city-search ul li.active a{ border-bottom: 2px solid #d50032;  }
 ul.cityboxList{ width: 100%; margin: 0; }
 ul.cityboxList li{ float: none; }
 ul.cityboxList li  p{padding: 0.25em 0em 0.25em 3em;position:relative;}
 ul.cityboxList li  span.label{position: absolute;left: 0.5em;font-size: 18px;color: #333;top: 0.7em;}
 ul.cityboxList li  span a{
    background: none;
    display: block;
    margin: 0.5em 1em;
    float: left;
    font-size: 14px;
    padding: 3px 5px;
}
.choice-city{ font-size: 16px; }
.common-cities{ margin-top: 2em; }
.citybox{ height: 300px; overflow-y:scroll;  }
.selectCityBtn{ position: static; margin:1em auto; display: block; background: #d50032; color: #fff; width: 10em; padding:10px 0; text-align: center; }
.modal-footer{ width: 100%; margin:0; float: left; }



@media all and (max-width: 767px){
    .move-layout{ width: 100%; margin:0.5em 0; }
    .breakRule-container .breakRule-title{ padding-top: 1em; }
.break-rule-detail,.break-rule-list{ display: block; width: 100%; float: none; }
.break-rule-detail ul li{ font-size: 14px; padding:1em 0; }
.break-rule-detail{ height: auto;  border-bottom: 1px solid #e5e5e5; background: #fff;}
.break-rule-detail ul li:last-child{ border: none; }
.break-rule-list{ height: 300px; }
.city_wrapper{ width: 90%; }
.modal-dialog{ padding: 0 }
.city_wrapper .modal-content{ padding:5px; }
.citySelectBox .searchBox{ width: 80%; }
.citySelectBox .searchBox input{ width:auto; }
.citySelectBox .city-usual{ margin:0.5em 0; width: 100%; }
.city_search{ margin-bottom: 0; }
#selectedCityLabel_modal,.choice-city,.common-city-search ul li a{ font-size: 14px; }
.common-cities{ margin-top: 1em; }
.common-city-search ul li a{ padding:3px; font-size: 12px;}
.citybox{ height: 100px; }
ul.cityboxList li  span a{ font-size: 12px; margin:3px; }
ul.cityboxList li  span.label{ font-size: 12px; top: 0.75em; }
ul.cityboxList li  p{ padding-left: 2em; }
.break-rule-detail ul{ margin:0 5%;  }
.break-rule-detail ul li span.sec_text{ width: 74%; }
.break-rule-list ul.breakRuleList li .title{ font-size: 14px; }
.break-rule-list ul.breakRuleList li p{ font-size: 12px; }
.modal-dialog{width: 100%!important;}
}