@charset "utf-8";
.f_red {color: red;}
.bor_red {border: 1px solid red;}
#sq_hf {display: none;}
label, summary {font-weight: normal;}
/* 诉求列表 */
.sq_list_bd {width: 100%;height: auto;overflow: hidden;}
.sq_header {background: #eff7fe;color: #343434;font-size: 16px;text-align: center;border-top: solid 1px #226ebc;border-bottom: solid 1px #e1e1e1;}
.sq_row {padding: 10px 0;height: auto;line-height: 24px;overflow: hidden;font-size: 16px;}
.sq_row div {float: left;text-indent: 1em;}

.sq_xjbm{width: 21%;}
.sq_title {width: 56%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
.sq_start_time {width: 12%;}
.sq_dodept {width: 22%;text-align: center;}
.sq_status {width: 10%;text-align: center;}
.sq_row:nth-of-type(even) {background: #f6f6f6;border-top: solid 1px #efefef;border-bottom: solid 1px #efefef}
/*信件查询*/
.form-group {font-size: 16px;}
.ml {height: 42px;line-height: 42px;}
.inputTxt {width: 100%;height: 34px;border: 1px solid #e5e5e5;text-indent: 1rem;}
.btnb {display: block;margin: 0 auto;padding: 1px 0 0 0;text-align: center;}
.btnb a.blue {margin-bottom: 15px;background: #226ebc;cursor: pointer;}
.btnb a {display: inline-block;height: 36px;padding: 0 30px;border-radius: 6px;line-height: 36px;text-align: center;color: #fff;font-size: 16px;}

/* 诉求正文 */
.lst-tnm {overflow: hidden;height: auto;border-bottom: solid 1px #e1e1e1;line-height: 50px;}
.lst-tnm a {z-index: 4;display: inline-block;padding: 0 10px;border-bottom: 3px solid @base-color;line-height: 47px;color: @base-color;font-weight: bold;font-size: 20px;}
/*详细*/
.sq_info_bd {height: auto;overflow: hidden;}
.sq_table {height: auto;overflow: hidden;border: 1px solid #e5e5e5;border-bottom: none;}
/*栏目用浅蓝，红色页面用浅红色*/
/*红色*/
/*.sq_table .tnm{line-height: 48px;background: #fde8ed;font-size: 18px;border-bottom: solid 1px #e1e1e1;text-align: center;}*/
/*蓝色*/
.sq_table .tnm {line-height: 48px;background: #eff7fe;font-size: 18px;border-bottom: solid 1px #e1e1e1;text-align: center;}

.sq_table .sq_row {width: 100%;background: none;border-bottom: 1px solid #e5e5e5;padding: 4px 16px;font-size: 16px;color: #777777;line-height: 30px;}
.sq_table .sq_row:first-child {text-align: center;}
.sq_table .sq_row div {padding: 0;text-indent: 0;}
.sq_table .sq_row div.xinj_tnm {width: 100%; /* font-weight: bold; */color: #333;clear: both;height: auto;overflow: hidden;padding-bottom: 16px;}
.sq_table .sq_row i { /* font-weight:bold; */width: 80px;display: inline-block;text-align: right;color: #333;}
#replyContent, #content {margin-top: 3rem;line-height: 26px;display: block;}
.sq_bor_lt {border-right: 1px solid #e5e5e5;}

/*诉求目的 满意度调查 */
#myddc {display: none;}
.radio {height: auto;overflow: hidden;padding: 0;margin-bottom: 0;}
.radio li {float: left;padding: 0 2rem;float: left;font-size: 15px;}

/* 验证码 */
#verifyCode {width: 100px;height: 30px;border: 1px solid #E5E5E5;}

/* 提交按钮 */
.form_post {padding: 2rem;height: auto;overflow: hidden; }
.form_post input {display: inline-block;width: 120px;height: 38px;margin: 0 5px;border: none;border-radius: 6px;background: #226ebc;color: #fff;font-weight: bold;font-size: 16px;}

/* 诉求表单*/
.xxxz {padding: 2rem;border-bottom: 1px solid #e5e5e5;height: auto;overflow: hidden;}
.xxxz p {font-size: 16px;color: #656565;line-height: 26px;}

.sq-bd {background: #FFFFFF;overflow: hidden;height: auto;padding: 0 20px 20px;}
#appealForm .row {margin-bottom: 15px;font-size: 16px;}
#appealForm .row div:first-child {text-align: right;font-size: 16px;}
#appealForm .sq_row {padding: 12px 16px;height: auto;overflow: hidden;font-weight: normal;}
#appealForm .sq_row i {float: left;}
#appealForm #purId {margin-top: 0;}
#appealForm input {border: 1px solid #E5E5E5;text-indent: 1rem;}
#appealForm input[type=text] {height: 36px;width: 70%;}
#appealForm .form_post {text-align: center;}
textarea#content {width: 100%;border: 1px solid #E5E5E5;}
#appealForm select {height: 30px;border: 1px solid #E5E5E5;}

/*信件编码*/
.result_div {padding: 3rem 0;display: none;}
.result_div tr {line-height: 2;font-size: 16px;}
#sq_code, #sq_query_code {color: #ff0000;}

@media all and (max-width: 1024px) {
  .sq-bd{padding: 0;}
}

@media all and (max-width: 640px) {
  .sq_title{width: 65%;}
  .sq_start_time{width: 35%;}
}