/* 清除默认样式 */
html,body,div,ul,li,p,h1,h2,h3,form,input,textarea{
    font-family: "微软雅黑"!important;
    margin: 0;
    padding: 0;
}
img {
  margin: 0;
  padding: 0;
}
fieldset,img,input {
    border: none;
    outline: none;
}
a{
  outline: none;
  text-decoration: none;
  display: block;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;
}
img {
    display: block;
    width:100%;
}
ul,ol {
    list-style: none;
}
/* 公共样式 */
.header {
    width: 94%;
    height: 10%;
    margin: .27rem auto;
    height: .75rem;
    line-height: .75rem;
    display: flex;
    align-content: center;
  }
  .header a{
    width: .56rem;
    height: .56rem;
    margin: auto 0;
  }
  .header a button{
    background: none;
    border: none;
    outline: none;
  }
  .header a img {
    width: .56rem;
    height: .56rem;
  }
  
  .header span {
    display: block;
    margin: auto;
    height: 100%;
    font-size:.56rem;
    color: #343434;
    /* font-weight: bold; */
  }
  
  .banner {
    /* width: 94%; */
    width: 9.28rem;
    height: 4.16rem;
    margin: 0 auto;
    margin-bottom: .5rem;
  }
  
  .banner img {
    width: 100%;
    /* height: 3.57rem; */
    height: 100%;
  }
  
  .content {
    width: 94%;
    margin: 0 auto;
    margin-bottom: .47rem;
  }
  
/* 政策文件 */
  .content .tab {
    height: .94rem;
    border-bottom: .05rem solid rgb(26, 96, 181);
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .content .tab a {
  	float:left;
    width:25%;
    text-align: center;
    line-height: .94rem;
    font-size: .38rem;
    color:#000;
  }
  .content .tab .active{
    background-color: rgb(26, 96, 181);
    color: #fff;
  }
  .content .tab_content{
    width: 100%;
  }
  .content .tab_content .li_zc{
    width: 100%;
    padding: .47rem 0;
    display: flex;
    align-items: center;
  }
  .content .tab_content a:nth-child(2n) .li_zc{
    background-color: #fcfcfc;
  }
  .content .tab_content a:nth-child(2n+1) .li_zc{
    background-color: #fff;
  }
  .content .tab_content .li_zc span{
    /* width: 72.3%; */
    line-height: .66rem;
    display: flex;
    align-items: center;
    padding: 0 .44rem;
    font-size: .38rem;
    color: #145099;
  }

  /* 动态公告 */
  .content .li_dt{
    width: 100%;
    padding: .47rem .07rem;
    box-sizing: border-box;
    display: flex;
  }
  .content a:nth-child(2n) .li_dt{
    background-color: #f5f5f5;
  }
  .content a:nth-child(2n+1) .li_dt{
    background-color: #fff;
  }
  .content .li_dt .img{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content .li_dt .img img{
  border-radius:10%;
    width: 3.25rem;
    height: 2.23rem;
  }
  .content .li_dt .txt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: .2rem;
  }
  .content .li_dt .txt span:nth-child(1){
    color: rgb(20, 80, 153);
    font-size: .38rem;
    line-height: .53rem;
  }
  .content .li_dt .txt span:nth-child(2){
    color: rgb(190, 190, 190);
    font-size: .30rem;
    padding: .1rem 0;
  }

  /* 机构信息 */
  .content .tab_jg {
    height: .94rem;
    border-bottom: .05rem solid rgb(26, 96, 181);
    display: flex;
    align-content: center;
  }
   .content .tab_jg a {
  	float:left;
    width:25%;
    text-align: center;
    line-height: .94rem;
    font-size: .38rem;
    color:#000;
  }
  .content .tab_jg .active{
    background-color: rgb(26, 96, 181);
    color: #fff;
  }
  .content .tabjg_content{
    width: 100%;
  }
  .content .tabjg_content .ul{
    display: none;
    padding-top:.47rem;
  }
  .content .tabjg_content .show{
    display: block;
  }
  .content .tabjg_content .li{
    width: 100%;
    margin-bottom: .34rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
  .content .tabjg_content .li:active{
    background-color: rgb(252, 252, 252);
  }
  .content .tabjg_content .li .img{
    width: 25%;
    height: 3.05rem;
  }
  .content .tabjg_content .li .img img{
    display: block;
    width: 100%;
    height: 3.05rem;
  }
  .content .tabjg_content .li .txt{
    width: 80%;
    display: flex;
    flex-direction: column;
    padding-left: 5%;
    padding-top: .16rem;
  }
  .content .tabjg_content .li .txt span:nth-child(1){
    padding: .3rem 0;
    color: rgb(20, 80, 153);
    font-size: .38rem;
    font-weight: bold;
    padding-top:0;
  }
  .content .tabjg_content .li .txt span:nth-child(2){
    color: #333333;
    font-size: .38rem;
    padding-bottom: .2rem;
  }
  .content .tabjg_content .li .txt span:nth-child(3){
    color: #333333;
    font-size: .38rem;
  }
  
  .content .tabjg_content .ul:nth-child(2){
    padding-top: .31rem;
    padding-bottom: .47rem;
  }
  .content .tabjg_content .ul:nth-child(2) div{
    color: rgb(51, 51, 51);
    font-size: .34rem;
    line-height: .55rem;
    text-indent: 2em;
    text-align: left;
  }
  .content .tabjg_content .ul:nth-child(3){
    padding-top: .31rem;
    color: rgb(51, 51, 51);
    font-size: .34rem;
    line-height: .55rem;
    text-indent: 2em;
    text-align: left;
  }

  /* 办事指南 */
  .content a .li_bs{
    width: 100%;
    padding: .47rem 0;
    box-sizing: border-box;
    display: flex;
  
    align-items: center;
  }
  .content a:nth-child(2n) .li_bs{
    background-color: #fcfcfc;
  }
  .content a:nth-child(2n+1) .li_bs{
    background-color: #fff;
  }
  .content .li_bs span{
    /* width: 72.3%; */
    line-height: .66rem;
    display: flex;
    align-items: center;
    padding: 0 .44rem;
    font-size: .34rem;
    color: #145099;
  }

  /* 咨询投诉 */
  .content input{
    background-color: #e8f9ff;
    border-radius:.63rem;
    height:1.25rem ;
    width: 92%;
    margin: 0 auto;
    padding-left: .63rem;
    font-size: .47rem;
    margin-bottom: 1rem;
  }
  .content input::-webkit-input-placeholder{
      color: #1a6dd5;
  }
  .content input::-moz-placeholder{
      color: #1a6dd5;
  }
  .content input:-ms-input-placeholder{
      color: #1a6dd5;
  }
  .content textarea{
    outline: none;
    border: none;
    font-size: .5rem;
    width:92%;
    height:4.88rem;
    border-radius:.63rem;
    background-color: #e8f9ff;
    margin:0 auto;
    margin-bottom: 1rem;
    padding-left: .63rem;
    padding-top:.63rem;
  }
  .content textarea::-webkit-input-placeholder{
    color: #1a6dd5;
}
.content textarea::-moz-placeholder{
    color: #1a6dd5;
}
.content textarea:-ms-input-placeholder{
    color: #1a6dd5;
}
.content .btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.content button{
  background-color:#26c863;
  width:92%;
  height:1.28rem;
  border-radius:.63rem;
  margin-bottom: 1rem;
  line-height:1.28rem;
  font-size: .44rem;
  color: #ffffff;
  margin: 0 auto;
  border: none;
  outline: none;
  margin-bottom: .59rem;
}
.content button:active{
  color: #ccc;
}
.content .ck{
  color: #323232;
  font-size: .34rem;
  text-align:center;
  width:100%;
  font-weight: bold;
}
.content .ck:active{
  color: #ccc;
}
/* 咨询投诉2 */
.content input{
    background-color: #e8f9ff;
    border-radius:.63rem;
    height:1.25rem ;
    width: 92%;
    margin: 0 auto;
    padding-left: .63rem;
    font-size: .47rem;
    margin-bottom: 1rem;
  }
  .content input::-webkit-input-placeholder{
      color: #1a6dd5;
  }
  .content input::-moz-placeholder{
      color: #1a6dd5;
  }
  .content input:-ms-input-placeholder{
      color: #1a6dd5;
  }
.content .btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.content button{
  background-color:#26c863;
  width:92%;
  height:1.28rem;
  border-radius:.63rem;
  margin-bottom: 1rem;
  line-height:1.28rem;
  font-size: .44rem;
  color: #ffffff;
  margin: 0 auto;
  border: none;
  outline: none;
  margin-bottom: .59rem;
}
.content button:active{
  color: #ccc;
}
/* 咨询投诉3 */
.content .people{
    display: flex;
    padding-left: .28rem;
    padding-top: .23rem;
    padding-right: .47rem;
    padding-bottom: .31rem;
    background-color: rgb(246, 253, 255);
    color: rgb(255, 0, 0);
    font-size: .31rem;
  }
  .content .people .box{
    padding-left: .06rem;
  }
  .content .people .box div:nth-child(1){
    font-size: .28rem;
    color: rgb(156, 158, 161);
    line-height: .45rem;
  }
  .content .people .box div:nth-child(1) span{
    margin-right: .15rem;
  }
  .content .people .box div:nth-child(2){
      padding-top: .23rem;
    font-size: .31rem;
    color: rgb(0, 101, 172);
    line-height: .5rem;
  }
  .content .government{
    display: flex;
    padding-left: .28rem;
    padding-top: .47rem;
    padding-right: .47rem;
    font-size: .31rem;
  }
  .content .government .box{
    color: rgb(63, 64, 66);
    font-size: .31rem;
    line-height: .5rem;
  }
  .content .government .box div{
    text-indent: 2em;
  }
  .content .government .box div:nth-child(1){
    line-height: .45rem;
    text-indent: 0;
  }
  .content .government .box div:nth-last-child(1){
    float: right;
    width: 100%;
    text-align: right;
  }
  .content .government .box div:nth-last-child(2){
    float: right;
  }

  /*区长信箱  */
  .banner_xx {
    width: 94%;
    box-sizing: border-box;
    margin:.6rem auto;
    display: flex;
    padding-left: 35%;
  }
  .banner_xx .bigbox{
    width: 100%;
    display: flex;
  }
  .banner_xx .bigbox a .box{
    display: flex;
    width: 2.66rem;
    height: .78rem;
    border: .03rem solid #1598dd;
    margin-right: .16rem;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #363636;
    font-size: .34rem;
  }
  .banner_xx .box img{
    width: .55rem;
    height: .55rem;
  }
  .banner_xx .box div{
    display: flex;
    font-size: .34rem;
    align-items: center;
    padding-left: .23rem;
    box-sizing: border-box;
  }
  .content_xx{
    width: 94%;
    margin: 0 auto;
  }
  .content_xx .li{
    box-sizing:border-box;
    padding: .31rem .28rem;
    border-bottom: .03rem dashed #ededed;
  }
  .content_xx .li:active{
      background-color: #fcfcfc;
  }
  .content_xx .li .type{
    color: #121212;
    font-weight: bold;
    font-size: .38rem;
  }
  .content_xx .li .txt{
    display: flex;
    margin: .31rem 0;
    align-items: center;
  }
  .content_xx .li .txt span:nth-child(1){
    background-color: #d84f4f;
    color: #fdf7f7;
    display: block;
    padding: .08rem .16rem;
    height: .47rem;
    text-align: center;
    line-height: .47rem;
    font-size: .25rem;
    border-radius: .16rem;
  }
  .content_xx .li .txt span:nth-child(2){
    display: block;
    height: .47rem;
    color: #909090;
    line-height: .47rem;
    padding-left: 5%;
    font-size: .28rem;
  }
  .footer{
    padding: .39rem .63rem;
    display: flex;
    margin-bottom: .47rem;
  }
  .footer div{
    margin-right: 1%;
    color: #606060;
    font-weight: bold;
    font-size: .34rem;
  }
  .footer div:active{
    color: #000;
  }

  /* 通用内容 */
  .banner_ty {
    width: 94%;
    margin: 0 auto;
    margin-bottom: .5rem;
  }
  
  .banner_ty img {
    width: 100%;
    height: 6.09rem;
  }
  .top {
    width: 94%;
    margin: 0 auto;
    margin-bottom: .31rem;
  }
  
  .top .title {
    width: 100%;
    font-size: .53rem;
    line-height: .7rem;
    color: #005296;
    font-weight: bold;
    margin-bottom: .16rem;
   
  }
  .top span{
    color: #6f6f6f;
    font-size: .31rem;
  }
  
  .content {
    width: 94%;
    margin: 0 auto;
    padding-bottom: .47rem;
  }
  .content p{
    line-height: .7rem;
    margin-bottom: .31rem;
    font-size: .38rem;
  }
  html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}