﻿@charset "utf-8";
.width_center{
    width: 1000px;
    margin: 0 auto;
}
.locationBar{
   padding: 20px 0;
   color: #7D7C7D;
}
.locationBar span{
   display: inline-block;
   padding: 0 20px;
}
.locationBar a:hover{
  color: #7D7C7D;
  text-decoration: underline;
}
.appealWrite{
   width: 100%;
}
.appealWrite .appealTitle{
 clear: both;
 height: 50px;
 line-height: 50px;
 font-size: 14px;
 padding: 0 30px;
 background-color: #D9DDE4;
 border-bottom: 1px solid #C5CCD6;
}
.appealWrite .appealTitle b{
 float: left;
 color: #444;
}
.appealWrite .appealTitle b i{
 position: relative;
 top: 2px;
 right: 5px;
 background: url("../images/appeal_ico.png") no-repeat;
 width: 14px;
 height: 14px;
 display: inline-block;
}
.appealWrite .appealTitle span{
 float: right;
 color: #59A5F0;
}
.appealWrite .appealTitle a{
 color: #59A5F0;
 text-decoration: underline;
 margin-right: 5px;
}
.writeInfo{
 padding: 10px 0 30px 0;
 background-color: #FAFAFC;
}
.writeInfo .fillinMeg{
 width: 920px;
 margin: 0 auto;
}
.writeInfo .fillinMeg h5{
 color: #444;
 padding: 20px 0 10px 0;
}
.fillinMeg .listMeg{
 padding-bottom: 20px;
 border-bottom: 1px dotted #D2D2D2;
}
.fillinMeg .listMeg li{
 padding: 10px 0;
 color: #666;
 vertical-align: top;
}
.fillinMeg .listMeg li label{
 display: inline-block;
 width: 80px;
 margin-left: 40px;
}
.fillinMeg .listMeg li input{
 width: 180px;
 height: 30px;
 line-height: 30px;
 padding: 0 10px;
 border: 1px solid #ccc;
 display: inline-block;
 background-color: #fff;
}
.fillinMeg .listMeg li input.cityLoca{
 background: url("../images/appeal_ico.png") right -31px no-repeat #fff;
}
.fillinMeg .listMeg li input.dateLoca{
 background: url("../images/appeal_ico.png") right -71px no-repeat #fff;
}
.fillinMeg .listMeg li select{
 width: 202px;
 height: 30px;
 line-height: 30px;
 border: 1px solid #ccc;
}
.fillinMeg .listMeg li i{
 position: relative;
 top: 4px;
 width: 10px;
 display: inline-block;
 font-size: 16px;
 color: #FF7F00;
 padding: 0 5px 0 10px;
}
.fillinMeg .listMeg li .tips{
 width: 500px;
 display: inline-block;
 position: absolute;
}
.fillinMeg .listMeg li.uploadImg label, .fillinMeg .listMeg li.uploadImg i{
 vertical-align: top;
}
.fillinMeg .listMeg li.uploadImg .up-img{
 display: inline-block;
}
.uploadImg .up-img .pic{
 position: relative;
 float: left;
 background: url("../images/check_ico.png") 0 -55px no-repeat;
 width: 60px;
 height: 60px;
 margin-right: 10px;
 display: inline-block;
}
.uploadImg .up-img .imglast{
 margin-right: 3px;
}
.uploadImg .up-img .pic input{
 position: absolute;
 width: 60px;
 height: 60px;
 padding: 0;
 border: none;
 cursor: pointer;
 filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
}
.fillinMeg .remarkMeg textarea{
 width: 800px;
 height: 150px;
 resize: none;
 margin: 10px 0 0 65px;
 border: 1px solid #ccc;
}
.appealSub input{
 display: block;
 width: 200px;
 margin: 20px auto;
 height: 40px;
 color: #fff;
 font-size: 16px;
 text-align: center;
 background-color: #5AA5F0;
 cursor: pointer;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.queryTerm{
 width: 688px;
 margin: 20px auto;
}
.queryTerm ul li{
 float: left;
 color: #666;
 padding-left: 10px;
}
.queryTerm ul li.nopadding{
 padding-left: 0;
}

.queryTerm ul li span{
 display: block;
 height: 16px;
 padding-bottom: 10px;
}
.queryTerm ul li input, .queryTerm ul li select{
 width: 78px;
 height: 30px;
 color: #666;
 padding: 0 10px;
 border: 1px solid #ccc;
}
.queryTerm ul li select{
 width: 100px;
 height: 32px;
 padding: 0;
}
.queryTerm ul li input.long{
 width: 225px;
 margin-top: 25px;
}
.queryTerm .querySub input{
 width: 150px;
 margin: 30px auto;
 display: block;
 height: 40px;
 text-align: center;
 font-family: "Microsoft YaHei";
 cursor: pointer;
 color: #fff;
 font-size: 18px;
 background-color: #5AA5F0;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.queryCont{
 width: 690px;
 margin: 0 auto;
 color: #444;
 padding: 40px 0;
 border-top: 1px dotted #D2D2D2;
}
.queryCont .regretTxt{
 text-align: center;
 font-size: 14px;
 padding-bottom: 30px;
}
.queryCont table{
 width: 100%;
 border: 1px solid #eee;
}
.queryCont table tr th,.queryCont table tr td{
 text-align: center;
 border-bottom: 1px solid #eee;
}
.queryCont table tr th{
 background: url("../images/queryContbg.jpg") repeat-x;
 width: 100%;
 height: 48px;
 line-height: 48px;
 font-size: 14px;
}
.queryCont table tr td{
 height: 34px;
 line-height: 34px;
}
.queryCont table tr.bgf5f5f5 td{
 background-color: #f5f5f5;
}
.queryCont table tr td a{
 color: #64AAF1;
 text-decoration: underline;
}
.queryCont table .w_130{
 width: 130px;
}
.queryCont table .w_100{
 width: 100px;
}
.checkState{
 background: url("../images/checkStatebg.png") repeat-x;
 width: 100%;
 height: 87px;
 color: #fff;
}
.checkState .stateLeft{
 float: left;
 padding: 28px 0 0 20px;
}
.stateLeft .stateNum{
 height: 26px;
 line-height: 26px;
 overflow: hidden;
 display: inline-block;
 padding-right: 10px;
 margin-right: 10px;
 border: 2px solid #fff;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
}
.stateLeft .stateNum .bgfff{
 width: 60px;
 height: 26px;
 display: inline-block;
 color: #73859D;
 padding-left: 10px;
 margin-right: 10px;
 background-color: #fff;
}
.stateLeft .stateTime{
 position: relative;
 top: -10px;
}
.checkState .stateRight{
 float: right;
 height: 87px;
 line-height: 87px;
 font-size: 16px;
 padding-right: 20px;
}
.checkState .stateRight i{
 background: url("../images/check_ico.png") no-repeat;
 width: 30px;
 height: 25px;
 display: inline-block;
 position: relative;
 top: 5px;
 left: -5px;
}
.checkDetail .backList{
 display: block;
 padding: 20px;
 text-align: right;
}
.checkDetail .backList a{
 color: #83BBF4;
}
.detailCont{
 width: 690px;
 margin: 0 auto;
}
.detailCont dl{
 padding-bottom: 20px;
 margin-bottom: 20px;
 border-bottom: 1px dotted #D2D2D2;
}
.detailCont dl dt{
 color: #444;
 font-weight: bold;
 padding: 5px 0 15px 0;
}
.detailCont dl dd{
 color: #666;
 margin-left: 40px;
}
.detailCont dl dd ins{
 width: 100px;
 display: inline-block;
 padding-bottom: 20px;
 margin-right: 20px;
 border-right: 1px solid #E7E7E7;
 text-decoration: none;
}
.detailCont dl dd.last ins{
 padding-bottom: 5px;
}
.detailCont dl dd.lineH{
 position: relative;
 top: -5px;
 line-height: 25px;
}
.detailCont span a{
 float: left;
 width:60px;
 height: 60px;
}
.detailCont span img{
 width:60px;
 height: 60px;
}
.uploadImg .pic div{ width:60px; height: 60px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); }
.uploadImg .pic input{ width: 100%; height: 100%; position: absolute;top:0px; left: 0px;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.uploadImg .pic .close{position: absolute;top:-10px; right:-10px; width:30px; height: 30px; background: url("../images/check_ico.png") no-repeat 7px -157px;z-index: 1;}
.uploadImg .pic img{width:58px; height: 58px;border:1px solid #d6d6d6;border-radius:5px;display:block;}