/*===============================
  信访中心样式模板
  时间：2019年04月12日
  作者：初九
  网站：www.chujiusoft.com
=================================*/
#letterBody{
  background: #fff;
}
.newsContBox{
    width: 1200px;
    margin: 85px auto 0 auto;
}
.online_list{
    width: 100%;
}

.online_list .top{
    height: 39px;
    background: #eaeef1;
}
.online_list .top td{
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    color: #333;
}
.online_list .top .tit{
    width: 61%;
    text-align: center;
    border-left: 0px;
}
.online_list .time{
    width: 20%;
    text-align: center;
}
.online_list .state{
    width: 18%;
    text-align: center;
}
.online_list tr .title {
    padding-left: 30px;
    text-align: left;
    background: url(images/mail.png) no-repeat 10px center;
}
.online_list td {
    height: 40px;
    line-height: 39px;
    border-left: 1px solid #fff;
    text-align: center;
    font-size: 1.32rem;
    color: #8f8f8f;
}
.online_list td.title{
    color: #333;
    border-left: 0px;
}
.online_list tr.gray {
    background: #f3f3f3;
}
.online_list i.c_yzj{color: #ff0000;}
.online_list i.c_ycl{color: #09bb07;}
.online_list i.c_dcl{color: #a1a1a1;}
.online_list .icon-ok-sign{

}
/*网站顶部*/
.topNavBox{
    width: 100%;
    height: 70px;
    border-bottom: 1px #dddddd solid;
    position: fixed;
    top: 0px;
    z-index: 9999;
    background: #fff;
}
.topNavBox .logo{
    display: block;
    width: 120px;
    height: 35px;
    text-indent: -9999px;
    position: absolute;
    left: 20px;
    top: 15px;
}
.topNavBox .logo a{
    display: block;
    width: 120px;
    height: 35px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-size: 120px 35px;

}
/*navBox*/
.navBox{
    width: auto;
    height: 70px;
    position: absolute;
    left: 175px;
    top: 0px;
}
.navBox .navList{
    display: block;
    height: 70px;
}
.navBox .navList li{
    display: block;
    float: left;
    width: auto;
    height: 70px;
    text-align: center;
    padding: 0 10px;
}
.navBox .navList li a{
    display: block;
    height: 67px;
    line-height: 67px;
    border-bottom: 2px #fff solid;
    font-size: 1.699rem;
}
.navBox .navList li.Class_on a{
    border-bottom: 3px #4889f3 solid;
    font-weight: bold;
}
.navBox .navList li a:hover{
    border-bottom: 3px #4889f3 solid;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}


/*letterBannerBox*/
.letterBannerBox{
  position: relative;
  width: 100%;
  height: 478px;
  margin-top: 70px;
  background: url(images/letter/Letter_topbanner.jpg) no-repeat center top;
}

.letterNavBox{
  position: absolute;
  width: 100%;
  height: 60px;
  bottom: 0px;
  background: url(images/letter/navbg.jpg) repeat-y center top;
}
.letternavList{
  display: block;
  width: 1200px;
  height: 60px;
  margin: 0 auto;
}
.letternavList li{
  float: left;
  padding: 0 10px;
}
.letternavList li a{
  display: block;
  width: auto;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 1.778rem;
  color: #fff;
  margin-top: 13px;
}
.letternavList li a:hover{
  border-bottom: 3px #fff solid;
  text-decoration:none;
}
.letternavList li.current a{
  border-bottom: 3px #fff solid;
  text-decoration:none;
}
.letternavList li.current a:hover{
  border-bottom: 3px #fff solid;
  text-decoration:none;
}
.letternavList li.lis1,.letternavList li.lis1 a{
  width: 90px;
  height: 23px;
  padding: 0;
}
.letternavList li.lis1 a{
  margin-top: 16px;
}
.letternavList li.weibo{
  margin-right: 10px;
}
.letternavList li.sjb a{
  background: url(images/letter/sjb.png) no-repeat;
}
.letternavList li.weibo a{
  background: url(images/letter/weibo.png) no-repeat;
}

/*letterContenBox*/
.letterContenBox{
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}


/*sideBox*/
.sideBox{
  width: 385px;
}

/*mainBox*/
.mainBox{
  width: 800px;
}
.letter_mod_a{
  width: 100%;
  height: auto;
}
.letter_mod_a .hd{
  width: auto;
  height: 50px;
  background: #f0f3f6;
  position: relative;
  
}
.letter_mod_a .hd .more{
  display: block;
  height: 50px;
  line-height: 50px;
  padding-right: 20px;
}
.letter_mod_a .hd .more a{
  color: #ecbc98;
  font-size: 22px;
}
.letter_mod_a .hd .more a:hover{
  text-decoration:none;
  color: #f18a14;
}
.letter_mod_a .hd h3{
  display: block;
  float: left;
  width: 140px;
  height: 50px;
  line-height: 50px;
  background: #ba0001;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.letter_mod_a .hd h3 i{
  padding-right: 5px;
  font-size: 22px;
}
.letter_mod_a .bd{
  border: 1px #e5e9ee solid;
}

/*letterSeachBox 信件查询*/
.letterSeachBox{
  width: 100%;
  height: 60px;
  background: #f1f1f1;
  margin: 15px 0;
}
.letterSeachBox h3{
  display: block;
  float: left;
  width: 140px;
  text-align: center;
  color: #fff;
  background: #d53032;
  line-height: 60px;
  font-size: 20px;
}
.letterSeachBox h3 i{
  padding-right: 5px;
  font-size: 22px;
}
.letterSeachBox .bd{
  width: 640px;
  height: 60px;
  float: right;
}
.letterSeachBox .row{
  margin: 0px;
  height: 34px;
  margin-top: 12px;
}
.letterSeachBox .row .col-lg-5{
  padding-right: 0px;
}
.letterSeachBox .form-control{
  border: 1px #fff solid;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}
/*尚未回复*/
#weihuiLetterBox{
  margin-top: 15px;
}

.letter_mod_a .online_list .top .tit{
  width: 60%;
}
.letter_mod_a .online_list .top .bumen{
  width: 13%;
}
.letter_mod_a .online_list .top .time{
  width: 15%;
}
.letter_mod_a .online_list .top .state{
  width: 12%;
}
.letter_mod_a .color-success{
  color: #09bb07;
}
/*侧栏按钮组*/
.hdIconsBtn a{
  display: block;
  width: 185px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  float: left;
  margin-left: 15px;
  background: #ddd;
  color: #fff;
  margin-bottom: 15px;
  position: relative;
  font-size: 2.145rem;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.hdIconsBtn a i{
  font-size: 2.345rem;
  margin-right: 5px;
}
.hdIconsBtn a.a1,.hdIconsBtn a.a3{
  margin-left: 0px;
}
.hdIconsBtn a.a1{
  background: #3fa1d5;
}
.hdIconsBtn a.a2{
  background: #50c583;
}
.hdIconsBtn a.a3{
  background: #e7973b;
}
.hdIconsBtn a.a4{
  background: #e9514e;
}
.hdIconsBtn a:hover{
  text-decoration: none;
  filter: alpha(opacity=100);
  opacity: 1;
}

/*letter_mod_b*/
.letter_mod_b{
  width: 100%;
  border: 1px #dddddd solid;
}
.letter_mod_b .hd{
  width: auto;
  height: 45px;
  background: #edebeb;
  position: relative;
  border-bottom: 1px #ba0001 solid;
}
.letter_mod_b .hd h3{
  display: block;
  height: 45px;
  width: auto;
  line-height: 45px;
  border-bottom: 3px #ba0001 solid;
  margin-left: 15px;
  color: #ba0001;
  font-size: 2.134rem;
  position: absolute;
  z-index: 3;
}
.letter_mod_b .bd{
}

#xuzhiBox{
  margin-bottom: 15px;
}
#xuzhiBox .bd{
  padding:10px 15px;
}
#xuzhiBox .bd p{
  text-indent: 2em;
  margin-bottom: 3px;
  font-size: 14px;
}

/*回复排行榜*/
#hfpaihangBox{
  margin-top: 15px;
}
#hfpaihangBox .hd{
  border-bottom: 1px #00a0e9 solid;
}
#hfpaihangBox .hd h3{
  background: #00a0e9;
  color: #fff;
  z-index: 5;
  position: absolute;
  top: -1px;
  border-bottom: 0px #00a0e9 solid;
  padding: 0 10px;
}
#hfpaihangBox .bd ul{
  display: block;
  width: 340px;
  margin: 15px auto
}
#hfpaihangBox .bd li{
  display: block;
  height: 35px;
  line-height: 35px;
  background: #fbfbfb;
}
#hfpaihangBox .bd li span{
  display: block;
  float: left;
  height: 35px;
  line-height: 35px;
  text-align: center;
}
#hfpaihangBox .bd #gray{
  background: #f4f4f4;
}
#hfpaihangBox .bd li.title{
  background: #00a0e9;
  height: 40px;
  line-height: 40px;
  padding: 0px;
}
#hfpaihangBox .bd li.title span{
  height: 40px;
  line-height: 40px;
  color: #fff;
  margin: 0px;
  font-size: 16px;
}
#hfpaihangBox .bd span.pm{
  width: 45px;
}
#hfpaihangBox .bd span.dw{
  width: 195px;
}
#hfpaihangBox .bd span.zs{
  width: 100px;
}
#hfpaihangBox .bd .list{
  margin-top: 10px;
}
#hfpaihangBox .bd .list .pm{
  width: 45px;
  height: 35px;
  background: #5bc0de;
  color: #fff;
  font-size: 1.978rem;
}
#hfpaihangBox .bd .list_1 .pm{
  background: #ff0000;
} 
#hfpaihangBox .bd .list_2 .pm{
  background: #ff3d3d;
} 
#hfpaihangBox .bd .list_3 .pm{
  background: #e95353;
}


/*分页*/
.page-box .page-inner a, 
.page-box .page-inner span{
  color: #d43031;
}
.page-box .page-inner .current, 
.page-box .page-inner a:hover{
  background: #d43031;
  border-color:#d43031;
  color: #fff;
}
.page-box .page-inner a:hover{
  background: #ee4445;
  color: #fff;
}

#LetterInfoBox{}
#LetterInfoBox .hd .position{
  display: block;
  line-height: 50px;
  padding-right: 10px;
}
#LetterInfoBox .bd{
  border: 0px;
}

.onlinepl_info_table{
  margin-top: 20px;
}
.onlinepl_info_table, .onlinepl_info_table tr, .onlinepl_info_table tr td {
  border: 1px solid #e6e6e6;
  border-collapse: collapse;
  font-size: 16px;
}
.onlinepl_info_table tbody td, .onlinepl_info_table thead th {
  padding: 10px 15px;
}
.onlinepl_info_table tbody td.tit {
  background: #f8f8f8;
  text-align: center;
  width: 112px;
  font-size: 14px;
  font-weight: bold;
}
.onlinepl_info_table .mtit{
}
.onlinepl_info_table .mtit td{
  color: #ba0001;
  text-align: left;
  font-size: 2.023rem;
}
/* 信访须知 */
#notice {
    padding: 0px;
}
#notice h3 {
    font-size: 30px;
    color: #DD2A2A;
    text-align: center;
    line-height: 72px;
    border-bottom:2px solid #DD2A2A;
    width:auto;
    margin:0 auto -1px auto;
    position:relative;
}
#notice .detail{
    border:0px solid #E7E7E7;
    -webkit-box-shadow:6px 6px 0 #F4F4F4; -moz-box-shadow:6px 6px 0 #F4F4F4; box-shadow:6px 6px 0 #F4F4F4; 
}
#notice .info {
    font-size: 14px;
    line-height: 28px;
}
#notice .info p {
    padding: 6px 0px;
}
#notice .center {
    overflow: hidden;
    height: 40px;
    text-align: center;
    padding-top: 50px;
}
#notice .yesBtn {
    background: #3069B8;
    vertical-align: middle;
    margin-right: 20px;
    cursor: pointer;
    border: none;
    width: 166px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    text-decoration: none;
}
#notice .noBtn {
    background: #d3d3d3;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    width: 75px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    color: #555
}
/* 写信内容 */
.onlineplForm .hd {
    height: 40px;
    border-bottom: 2px solid #3069B8;
}
.onlineplForm .hd h3 {
    width: 138px;
    float: left;
    *display: inline;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #3069B8;
    color: #fff;
    font-size: 16px;
}
.onlineplForm .hd .tips {
    display:none;
    float: left;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    color: #3069B8;
    font-size: 12px;
}
.onlineplForm .bd {
    padding: 30px 0px
}
.onlineplForm .bottombt {
    overflow: hidden;
    height: 40px;
    text-align: center;
}
.onlineplForm .bottombt .inputbutton {
    background: #3069B8;
    vertical-align: middle;
    margin-right: 20px;
    cursor: pointer;
    border: none;
    width: 166px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff
}
.onlineplForm .bottombt .restButton {
    background: #d3d3d3;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    width: 75px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #555
}


/* 写信页 */
#letterWritePage { padding: 10px;  }
#letterWritePage .emailInfo { padding: 10px 0px 10px 20px; margin-bottom:20px; border:1px solid #ccc;}
#letterWritePage .emailInfo strong { color: #c30000; }
#letterWritePage .emailInfo p{ line-height:22px;}
.onlinepl_notice strong { color: #c60; }
.onlinepl_form td { border: 1px solid #e6e6e6; padding: 5px 5px; }
.onlinepl_form .tdlab { text-align: right; background: #f7f7f7; width: 15%; }
.onlinepl_form .tdtit { height: 48px; padding: 0 10px; background: url(images/bg_7.png) repeat-x 0 0px; font-weight: bold; }
.onlinepl_form .tdtit span { font-weight: normal; }
.onlinepl_form td table td { border: none; }
.onlinepl_form .ButtonTr td { padding: 20px; }
.onlinepl_form .ButtonTr input { width:86px; height: 33px; line-height: 30px; background: url(images/letter/advice_bt.gif) no-repeat; color:#1f79a3; text-align: center; cursor: pointer; border: none; font-size: 14px; font-weight:bold; border:none; }
.onlinepl_form .ButtonTr input:hover{ background-position:0 -35px; color:#ff404a;}

.onlinepl_form .bottombt {text-align: center;height: 40px;}
.onlinepl_form .bottombt a {display:inline-block; background: #FF9728;border-radius: 3px; margin: 0 7px; text-align:center; width:86px; height: 43px; line-height: 43px;  color: #fff; font-weight:bold;}
.onlinepl_form .bottombt a:hover {text-decoration:none; background:#e4831c;}

#OpenSearch td{
  padding: 10px;
}
#OpenSearch input{
  width: 56%;
  border: 1px #f3f4f5 solid;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
  background: #f9f9f9;
}


/* 位置导航 */
.path {
    color: #666;
    background:#F7F7F7;
    line-height: 40px;
    font-size: 13px;
    margin-bottom:20px;
    padding-left:8px;
    height: 40px;
}
.path .home{
    font-weight:bold
}
.path a, .path span {
    padding: 0 5px;
    color: #666;
}
.path em {
    display:none;
    background: url(../img/icons.png) no-repeat 10px -202px;
    padding-left: 32px;
}

.App_bottom{
  height: 40px;
  margin-top: 30px;
}
.App_bottom a{
  display: block;
  height: 40px;
  line-height: 40px;
  background: #2ba245;
  color: #fff;
  font-size: 1.879rem;
  text-align: center;
  width: 80px;
  border-radius: 5px;
}
.App_bottom a:hover{
  background: #059a26;
  text-decoration:none;
}

#chaxunjieguoBox h3{
  width: 200px;
}
#chaxunjieguoBox .position{
  height: 50px;
  line-height: 50px;
  padding-right: 10px;
}
#chaxunjieguoBox .bd{
  border: 0px;
}