@charset "utf-8";
body{background-color: #FFFFFF; margin:0 auto; font-size:14px; font-family:"微软雅黑";}
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,form,p {padding:0; margin:0;}
ul{list-style: none;}
img{border: 0px;}
a{color: #444; text-decoration: none; outline: 0;}
a:hover{color: #f00; text-decoration: none;}
input,input:hover,button,button:hover{outline: 0;}
.clear{clear:both; height:0; line-height:0px; font-size:1px;}


/* 违章列表 */
.wf_banner{background: url("../images/violation-bg.jpg") no-repeat center 0; height: 180px;}
.wf_banner li{float: left; width: 300px; height: 120px; text-align: center; padding: 30px 0; position: relative;}
.wf_banner li.p_current em{background: url("../images/sm-arrow.png") no-repeat; width: 22px; height: 11px; position: absolute; left: 140px; bottom: 0;}
.wf_banner p{color: #FFFFFF; font-size: 16px; padding-top: 10px;}
.process1,.process2,.process3,.process4{width: 90px; height: 90px; margin: 0 auto;}
.process1{background: url("../images/process1.png") no-repeat;}
.process2{background: url("../images/process2.png") no-repeat;}
.process3{background: url("../images/process3.png") no-repeat;}
.process4{background: url("../images/process4.png") no-repeat;}
.p_current .process2{background: url("../images/process6.png") no-repeat;}
.p_current .process3{background: url("../images/process7.png") no-repeat;}
.wf_detail{padding: 30px 0;}
.d_info{padding: 15px 0; font-size: 16px; font-weight: bold;}
.d_info span{color: #F65B01; font-size: 16px;}
.list_table{width: 100%; background:#eaeaea; line-height:24px; text-align:center; color:#666;}
.list_table th{background:#eaeaea; line-height:34px;}
.list_table th input,.list_table td input{margin-top:1px; vertical-align:middle;}
.list_table td{padding:4px 3px; background:#fff; line-height:24px;}
.list_table td .wfinf_table td{ padding:0 3px; line-height:24px;}
.remark em{background: url(../images/remark.png) no-repeat; width: 15px; height: 10px; float: left; margin: 8px 4px 0 6px;}
.remark span{color: #D40002;}
.wf_handle{margin: 20px 0; padding: 20px; background-color: #EEF7FF;}
.wf_txt{float: left; width: 1030px;}
.wf_txt li{margin-bottom: 4px;}
.wf_nr,.wf_txt span{color: #E60600;}
.wf_btn{float: right; width: 130px; padding-top: 3px;}
.wf_btn a{background: url(../images/wf-btn.png) no-repeat; width: 128px; height: 42px; line-height: 42px; display: inline-block; text-align: center; font-size: 16px; color: #FFF;}

.wz_detail{margin-top: 30px; margin-bottom: 30px;}
.d_tit{font-size: 16px; padding: 15px 0;}
.d_tit span{color: #E60600; font-size: 16px;}
.d_con{background-color: #F1F8FF; margin: 50px 0; padding: 0 20px; padding-bottom:20px;}
.pay_way{padding: 20px 0;}
.pay_way b{color: #666; font-size: 15px;}	
.pay_way ul{padding: 18px 0 8px 0; overflow:hidden;}
.pay_way li{width:110px; height:28px; float:left; margin-right:8px;}
.pay_way li a{display:block; border:1px solid #ccc; background:#fff; line-height:28px; text-align:center; font-size: 15px; color:#555;}
.pay_way li a.paycur{border:1px solid #f17700; background:url(../images/payway-btn.gif) no-repeat 93px bottom #fff; font-style:normal;}
.pay_way li a:hover{border:1px solid #f17700;}
.pay_yue{background-color: #FFFFFF; padding: 10px; color: #62676A;}
.pay_yue input{vertical-align:middle;}
.wz_btn{padding: 30px 0; text-align: center;}
.wz_btn a{background: url(../images/wf-btn.png) no-repeat; width: 128px; height: 42px; line-height: 42px; display: inline-block; text-align: center; font-size: 16px; color: #FFF;}
.wf_bg{background: url("../images/wzlb-bg.jpg") no-repeat center 0; height: 400px; position: relative;}
.wf_bg2{background: url("../images/wzlb-bg2.jpg") no-repeat center 0; height: 400px; position: relative;}
.wf_bg3{background: url("../images/wzlb-bg3.jpg") no-repeat center 0; height: 400px; position: relative;}
.violationBox{background: url("../images/query-bg.png") repeat; width: 600px; height: 260px; position: absolute; top: 70px;}
.query_tit1{text-align: center; color: #FFFFFF; font-size: 22px; padding-top: 30px; padding-bottom: 20px;}
.query_list1{padding: 0 28px;}
.query_list1 li{float: left; width: 252px; padding: 8px 10px;}
.query_list1 label {
    position: relative;
    float: left;
}
.input_box1{width:60px; height:28px; line-height:28px; float:left; display:inline; padding:2px 0 2px 10px; margin:0; margin-right:6px; border:none; background:url(../images/icon.png) no-repeat 0 -84px; color:#959595;}
.input_box2{width:50px; height:28px; line-height:28px; float:left; display:inline; padding:2px 0 2px 10px; margin:0; margin-right:6px; border:none; background:url(../images/icon.png) no-repeat -75px -84px; color:#959595;}
.input_box3{width:100px; height:28px; line-height:28px; float:left; display:inline; padding:2px 5px; margin:0; border:none; background:url(../images/icon.png) no-repeat -141px -84px; color:#959595}
.input_box4{width:240px; height:28px; line-height:28px; float:left;
             display:inline; padding:2px 0 2px 10px; margin:0; margin-right:8px; border:none; 
             background:url(../images/icon.png) no-repeat 230px -126px #fff; color:#959595;
             border-radius:3px;

}
.input_box5{width:112px; height:28px; line-height:28px; float:left; display:inline; padding:2px 0 2px 10px; margin:0; border:none; background:url(../images/icon.png) no-repeat 0 -126px; color:#959595}
.input_box6{width:232px; height:28px; line-height:28px; float:left; display:inline; padding:2px 10px; margin:0; border:none; background:url(../images/icon.png) no-repeat 0 -168px; color:#959595}
.p_yzm{position: absolute; top: 8px; right: 10px;}
.query_btn1{width:252px; height:32px; line-height: 32px; border:0; outline: 0; background:url(../images/icon.png) no-repeat 0 -211px; font-size:14px; color:#fff; cursor:pointer;}
.query_list1 li .tb_list3{display:none; width:246px; border:1px solid #E9E9E9; background:#fff; position:absolute; top: 30px; left: 0px; z-index:100;}
.query_list1 li .tb_list3 li{height:auto; width:auto; line-height:28px; float:none;  border:none; margin: 0; padding: 0; padding-left: 10px; cursor: pointer;}
.query_list1 li .tb_list3 li:hover,.query_list1 li .tb_list3 li.open_selected{background: #339EE6; color: #fff;}



.violation_info{height: 65px; line-height: 65px; color: #5E6872; background-color: #F5FAFE; border: 1px solid #ECEDEF;}
.vl_info{float: left; font-size: 13px; padding-left: 18px;}
.vl_info span{color: #F18900; font-size: 15px; font-weight: bold;}
.vr_info{float: right;}
.vr_info li{float: left; margin-right: 15px;}
.vr_info li a{font-size: 13px; color: #646569;}
.vr_info li.export a{color: #5499DA;}
.vr_info li em{background: url("../images/violation-icon.png") no-repeat -136px 0; width: 22px; height: 13px; display: inline-block; vertical-align: middle; margin-right: 4px;}
.vr_info li.v_cursub em{background: url("../images/violation-icon.png") no-repeat -179px 0;}
.vr_info li.export em{background: url("../images/violation-icon.png") no-repeat -229px 0; width: 18px; height: 23px; display: inline-block; margin-top: -8px;}
.vr_info li.change em{background: url("../images/violation-icon.png") no-repeat -152px -47px; width: 18px; height: 23px; display: inline-block; margin-top: -8px;}
.v_table{background:#fff; border-left: 1px solid #ECEDEF; border-right: 1px solid #ECEDEF;}
.v_table th{background:#F5FAFE; border-bottom: 1px solid #ECEDEF;}
.v_table td{padding: 8px 3px;}
.v_table td.checkstate1{color: #EE3E07;}
.v_table td.checkstate2{color: #3DBA00;}
.v_table td.checkstate1 em{background: url("../images/violation-icon.png") no-repeat -42px -47px; width: 28px; height: 24px; display: inline-block;}
.v_table td.checkstate2 em{background: url("../images/violation-icon.png") no-repeat -98px -48px; width: 22px; height: 22px; display: inline-block;}
.v_table td.explain{padding-left: 20px; background-color: #F6F6F6; border-bottom: 1px solid #ECEDEF;}
.v_table td.explain span{color: #E60600;}
.violation_handle{margin: 20px 0; height: 62px; line-height: 62px; background-color: #EEF7FF;}
.violation_checkbox{width: 100px; height: 62px; float: left; text-align: center; background-color: #E1F1FE; position: relative;}
.violation_checkbox input{vertical-align: middle; margin: 0;}
.violation_checkbox .arrow{position: absolute; right: 0; top: 22px;}
.violation_checkbox .arrow,.violation_checkbox .arrow span{width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #E1F1FE transparent transparent;}
.violation_checkbox .arrow span{position: absolute; top: -9px; left: 2px; border-right-color: #EEF7FF;}
.violation_txt{float: left;  padding-left: 30px; color: #535456;}
.violation_txt span{color: #F78D05; font-size: 15px; font-weight: bold;}
.violation_fwsm{float: right; width: 125px;}
.violation_fwsm a{color: #F10010;}
.violation_fwsm em{background: url("../images/violation-icon.png") no-repeat 0 -54px; width: 10px; height: 10px; display: inline-block;}
.violation_fw{float: right; width: 150px;}
.violation_fw a{background: url(../images/violation-icon.png) no-repeat -130px -99px; width: 126px; height: 34px; line-height: 34px; display: inline-block; text-align: center; color: #636363;}
.violation_fw em{background: url(../images/violation-icon.png) no-repeat 0 0; width: 42px; height: 20px; display: inline-block; vertical-align: middle; padding-right: 5px;}
.violation_fw2{float: right; width: 150px;}
.violation_fw2 a{background: url(../images/violation-icon.png) no-repeat -130px -99px; width: 126px; height: 34px; line-height: 34px; display: inline-block; text-align: center; color: #636363;}
.violation_fw2 em{background: url(../images/violation-icon.png) no-repeat -63px 0; width: 42px; height: 20px; display: inline-block; vertical-align: middle; padding-right: 5px;}
.violation_btn{float: right; width: 135px;}
.violation_btn a{background: url(../images/violation-icon.png) no-repeat 0 -98px; width: 120px; height: 38px; line-height: 38px; display: inline-block; text-align: center; font-size: 15px; color: #FFF;}



/*余额支付*/
.ye-pay { padding:12px 20px; background:#fff; color:#666;}
.ye-pay li { padding:8px 0;}
.ye-pay li a { margin-left:5px; color:#838383;}
.ye-pay li a:hover { text-decoration:underline; color:#f00;}
.ycolor { color:#cf7000;}
.rcolor { color:#cf0000;}



/*公司车私家车*/
.tck_bg{ width:100%; height:100%; background:#000; filter:alpha(opacity = 30);/*兼容ie*/ opacity:0.3; position:fixed; top:0; left:0;}
.cgs_main{ width:460px; height:300px; position:fixed; top:80px; left:50%; margin-left:-230px;}
.cgs_mt{ height:220px; padding:0 40px; border-radius:0 0 3px 3px; background:#fff;}
.cgs_mt li{ width:110px; float:left; padding:30px 40px 0 40px; text-align:center;}
.cgs_mt li a{ font-size:16px; color:#1376db;}
.cgs_mt li a.cgs_cur i{ background:url(../images/icon1.png) no-repeat 0 -231px;}
.cgs_mt li em{ display:inline-block; width:96px; height:96px; margin-bottom:8px;}
.cgs_mt li p{ margin-bottom:12px;}
.cgs_mt li i{ display:inline-block; width:18px; height:18px; background:url(../images/icon1.png) no-repeat -30px -231px;}
.car_icon1{ background:url(../images/icon1.png) no-repeat 0 -112px;}
.car_icon2{ background:url(../images/icon1.png) no-repeat -100px -112px;}
.cgs_mb{ height:56px; padding-top:24px; border-radius:3px 3px 0 0 ; background:#6fb3fe; text-align:center;}
.cgs_mb button{ width:120px; height:32px; padding:0; margin:0; border:none; border-radius:3px; background:#377ff7; color:#fff; cursor:pointer;}