﻿@charset "utf-8";

.bs{box-sizing: border-box;}
.container{ _width: 1000px;margin-bottom: 80px;}
.mt5{margin-top: 5px;}

/* 布局 */
.main-left{width: 66%; *width:62%; padding:0 20px; height: 830px;}
.main-right{width: 32.4%;}
@media (max-width: 991px){
  .main-left{width: 100%; padding:0 2%; height: auto;}
  .main-right{width: 100%;}
}

/* 标题 */
h2{font-size: 20px; border-bottom: 1px solid #e6e6e6; height: 37px; position: relative;}
h2 a{display: inline-block; cursor: pointer; *height: 38px;}
h2 .active{color: #1a56a8; border-bottom: 3px solid #1a56a8; height: 35px;}
h2 small{position: absolute; top:3px; right:0; font-weight: normal; font-size: 18px;}
h2 small a{display: inline-block;padding-left: 7px;}
h2 small .active{border-bottom: none;}
@media (max-width: 991px){
  h2{font-size: 18px; height: 27px;}
  h2 .active{height: 25px;}
  h2 small{font-size: 16px;}
  h2 small a{padding-left: 2px;}
}


/* 列表 */
ul.list li{line-height: 34px; font-size: 16px; padding-left: 12px; background: url(/chinatax/xhtml/images/xxgk/xxgk-i104.png) no-repeat 0 16px;}
ul.list li>a{ margin-right: 2px; float: left;display: inline-block;max-width: 83%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
ul.list li span{color: #999; float: right;font-size: 14px;}
ul.list li:after{content:""; display: block;clear: both; width: 100%; height: 0; font-size: 0;}
@media (max-width: 991px){
  ul.list li{line-height: 28px; padding: 3px 0 3px 12px; }
  ul.list li span{float: none; display: inline-block;}
}
@media (max-width: 450px){
  ul.list li{ line-height: 24px; font-size: 14px; padding: 2px 0 2px 12px; background-position: 0 12px;}

}

/* 选项卡 */
.tab-cont .tab-b{display: none;}
.tab-cont .tab-b.active{display: block;}

/* 右侧 */
.main-right .panel{padding:18px 12px;}
@media (max-width: 991px){
  .main-right .panel{padding:2%;}
  .main-right img{width: 100%}
}
@media (max-width: 991px){
  .main-right .panel{padding:3% 2% 4%;}
}

/* 政府信息公开 */
.main-right li{margin-top: 14px;}
.main-right li a{display: block; width: 100%; box-sizing: border-box;  font-size: 18px; line-height: 70px; border-radius: 4px; text-indent: 20%; position: relative; transition: background .6s;}
.main-right li a:hover{background: #d4e4fd; color: #333; border-color: #d4e4fd;}
.main-right li a:before{content:''; position: absolute; top:50%; margin-top: -11px; left:7%; width: 22px; height: 22px;}
.main-right li a:after{content:''; position: absolute; top:50%; margin-top: -11px; right:5%;width: 28px; height: 22px; }
.zfxxgk li a:before{ background: url(/chinatax/xhtml/images/xxgk/xxgk-i102.png) no-repeat; }
.zfxxgk li a:after{background: url(/chinatax/xhtml/images/xxgk/xxgk-i102.png) no-repeat -6px -357px;}
.zfxxgk li a{border: 1px solid #e5e5e5;}
.zfxxgk li.gkzn a:before{ background-position:  -6px 0;}
.zfxxgk li.gkzd a:before{ background-position:  -6px -69px;}
.zfxxgk li.gknr a:before{ background-position:  -6px -141px;}
.zfxxgk li.gknb a:before{ background-position:  -6px -210px;}
.zfxxgk li.gksq a:before{ background-position:  -6px -281px;}
@media (max-width: 450px){
  .main-right li{ margin-top: 10px;}
  .main-right li a{ font-size: 16px;line-height: 54px;}

}

/* 权责清单等 */
.qingdan li a{ background: #ebf6fc;}
.qingdan li a:before{ background: url(/chinatax/xhtml/images/xxgk/xxgk-i103.png) no-repeat; height: 23px;}
.qingdan li a:after{background: url(/chinatax/xhtml/images/xxgk/xxgk-i103.png) no-repeat 0px -265px;}
.qingdan li.qzqd a:before{ background-position:  0 2px;}
.qingdan li.ssjygk a:before{ background-position:  1px -62px;}
.qingdan li.ndfzbg a:before{ background-position:  0 -126px;}
.qingdan li.jytabl a:before{ background-position:  0 -189px;}
.mt0{margin-top: 0 !important;}

@media (max-width: 991px){
  .qingdan{margin-top: -3%;}
}

/* 查看更多手机显示 */
a.m-more{ display: none; }
@media (max-width: 991px){
  a.m-more{ display: block;     width: 100%; border: 1px solid #dcdcdc; background: #f0f0f1; height: 30px; line-height: 30px; text-align: center; color: #666; font-size: 15px; border-radius: 4px; margin-top: 15px;}
  .m-mt1{margin-top: 10px;}
}

.tab-h-moblie{
  display: none;
}


.panel-rsrm{
  margin-top: 25px;
}
.panel-zfcg{
  margin-top: 25px;
}
.panel-rsrm .tab-cont{
  height: 200px;
}

@media screen and (max-width: 480px){
  .panel-zfcg .tab-h{
    display: none;
  }
  .tab-h-moblie{
    display: block;
    padding: 10px 0;
  }
  .panel-zfcg .sub-h{
    margin-bottom: 10px;
  }
  .tab-h-moblie{
    overflow: hidden;
  }
  .tab-h-moblie li{
    float: left;
    width: 20%;
    text-align: center;
    font-size: 15px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    height: 18px;
    line-height: 18px;
  }
  .tab-h-moblie li:last-child{
    border-right: none;
  }
  .tab-h-moblie li a{
    font-weight: bold;
  }
  .tab-h-moblie li a:hover{
    color: #333;

  }
  .tab-h-moblie li a.active{
    color: #1a56a8;
    font-weight: bold;
  }

  ul.list li>a{
    display: inline-block;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 0;
  }
  ul.list li span{
    float: right;
    font-size: 12px;
  }
    
}
@media screen and (max-width: 375px){
  ul.list li>a{
    width: 75%;
  }
}

.panel-rsrm .tab-h-m{
  display: none;
}
@media screen and (max-width: 768px){
  .panel-rsrm .tab-cont{
    height: auto;
  }
}
@media screen and (max-width: 480px){
  .panel-rsrm .tab-cont{
    height: auto;
  }
  .panel-rsrm .tab-h{
    display: none;
  }
  .panel-rsrm .tab-h-m{
    display: block;
  }
  .list.mt5{
    margin-top: 10px;
  }
  .container{
    margin-bottom: 50px;
  }
}
ul.list.list-no-date li>a{
  max-width: 99%;
  width: auto;
}
@media screen and (max-width: 320px){
  .tab-h-moblie li a{
    font-size: 13px;
  }
  .tab-h-moblie li{
    height: 12px;
    line-height: 10px;
  }
  ul.list li>a{
    width: 95%;
    max-width: none;
  }
}