/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2022年11月23日17:30
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:李刚
*@modifyLog: what when who
*
*/
/* IE8兼容 */
.content-left-inner h3{height: auto;}
.content-nav-box{overflow:hidden;}
.pc_paging{height: 68px;}

/* 左边导航 */
.content-left{width: 22%;}
.content-right{width: 78%;}
.fullmain{width: 100%;}
.content-left-inner{width: 90%;}
.content-nav-box{padding-bottom: 3rem;}
.content-left-inner h3{text-align: center;font-size:1.4rem;color: #fff;background-color: #1e55b0;border-top-left-radius:10px;border-top-right-radius: 10px;padding:20px 10px;}
.tylb-list-nav{background-color: #1d90f5;margin-top: .625rem;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;min-height: 600px;padding: 1rem 0;background:url(../images/leftMemuBg.jpg) top center no-repeat;background-size: 100% 100%;}
.tylb-list-nav li{}
.tylb-list-nav li a{padding: 1rem 0;display: block;color: #fff;padding-left: 1.25rem;}
.tylb-list-nav li a:hover{background-color: #1381e1;}
.tylb-list-nav li:not(.on){padding: 0 .9rem;}
.tylb-list-nav .on{border-bottom: 0;}
.tylb-list-nav .on a{background: #fff;color: #0d4c99;position: relative;left:.9rem;width: 108%;top:-1px;border-bottom:none;}
.tylb-list-nav .on a:hover{background: #fff;}
.tylb-list-nav .on a span{display:inline-block;width:74%;}
.tylb-list-nav li.on a::before{content: '';display: inline-block;width: 12px;height: 14px;background: url(../images/right_blue.png)no-repeat;position: absolute;right: 3.375rem;top: 50%;margin-top: -7px;}

/* 右边内容 */
.content-right{min-height: 692px;background-color: #fff;padding: 1.875rem;position: relative;}
.content-right h2{color:#0d4c99;background-color: #f7f9fa;padding: .93rem 1.25rem;font-size:1.2rem;font-weight:normal;}
.content-right h2 .more{font-size: 14px;color: #999;height: 25px;line-height: 25px;}
.content-right h2 .more:hover{color:#3f85e0;}
.content-right .content-ul-one ul.newsList li{margin-top: 1.5rem;background:url(../images/blue_dian.png) no-repeat 0 8px}
.content-right .content-ul-one ul.newsList li a{color: #000;padding-left: 1rem;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 80%;}
.content-right .content-ul-one ul.newsList li span{color: #666;display: inline-block;text-align: right;float:right;}
.content-right .content-ul-one ul.newsList li a:hover{color:#1552ad;}
/* 1px实线 */
.bottom-line{width: 100%;height: 1px;border-bottom: 1px solid #e6e8eb;margin-top: 1.875rem;}

/* 市政府文件 */
.content-ul-two ul.newsList li{margin-top: 1.5rem;}
.content-ul-two ul.newsList li>span{vertical-align: middle;display: inline-block;background-color: #3f85e0;color: #fff;border-top-right-radius: 5px;border-bottom-left-radius: 5px;width: 11.65%;text-align: center;border: 1px solid #2e75d1;font-size: 0.875rem;height: 25px;line-height: 25px;}
.content-ul-two ul.newsList li>p{display: inline-block;width: 87.8%;}
.content-ul-two ul.newsList li>p span{float: right;color: #999;}
.content-ul-two ul.newsList li a{vertical-align: middle;padding-left: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 80%;display: inline-block;}
ul.newsList li:nth-child(5n+0){margin-bottom:3rem;}
.singleList ul.newsList li{margin-bottom:0;}
.singleList ul.newsList{margin-bottom:1rem;}

.table_responsive{overflow-x: auto;width: auto;}
.c_search{text-align: center;position: absolute;right:40px;top:38px;}
.c_m-search{display: inline-block;position: relative;}
.c_m-search .u-btn-search {right:15px;width: 25px;height:30px;top: 42%;background-position: -20px 4px;cursor: pointer;border: 0;position: absolute;outline: none;margin-top: -15px;}
.c_m-search .c_u-txt-word{width: 280px;border: none;outline: none;padding: 10px 48px 10px 10px;border-radius: 4px;color: #999999;border: 1px solid #d3dbe6;background-color: white;font-size: 14px;}
.c_u-txt-word::-webkit-input-placeholder{color:#999999;}

/*NEW更多*/
.moultMore{width: 98px;height: 30px;background: #f7f9fa;text-align: center; line-height: 30px;color: #666; display: block; margin: 0 auto;margin-bottom: 1rem;border: 1px solid #ededed;font-size: 14px;}
.moultMore:hover { background:#2D66A5; color: #fff;}

.mul-list .AddMySubscription{right: 14px;}

@media screen and (max-width:1105px){
  .content-ul-two ul.newsList li span{width: 18%;text-align: right;}
  .content-ul-two ul.newsList li a{width: 82%;}
  .content-ul-two ul.newsList li>p{width: 100%;}
  .content-ul-two ul.newsList li span{text-align: center;}
  .content-right .content-ul-one ul.newsList li span{width: auto;}
}

@media screen and (max-width:1000px){
  .content-nav-box{margin-bottom: 2rem;}
}

@media screen and (max-width:850px){
  .tylb-list-nav li:first-child a::before{right: 2.375rem;}
  .content-right{padding: .5rem;}
  .content-ul-two ul.newsList li a{padding-left: .5rem;}
  .c_search{position: unset;margin-top: 20px;}
}

@media screen and (max-width:800px){
    .content-nav-box{margin-bottom: 1rem;}
}

@media screen and (max-width:768px){
.content-nav-box{padding-bottom:0}
.rdwt-li ul li a{height: 33px;line-height: 33px;}
.content-left-inner, .content-left{width: 100%;}
.content-left-inner h3{display:none;}
.tylb-list-nav{height: auto !important;min-height:auto;line-height: 0;width:100%;display: inline-block;background: none;}
.tylb-list-nav ul li{/* width: 33.33%; */display: table-cell;}
.tylb-list-nav li:first-child a::before{content: '';display: inline-block;width: 12px;height: 14px;background: none;position: absolute;right: 3.375rem;top:1.25rem;}
.tylb-list-nav{border-radius:0;vertical-align: middle;padding: .5rem;margin-top: 0;overflow-x: auto;}
.tylb-list-nav li a{text-align: center;/* padding-left: 0; */background: #e2e2e2;padding: 0 5px;border-right: 1px solid #fff;color: #333;}
.tylb-list-nav li a:hover{background-color:#dadada;}
.tylb-list-nav li a span{height:33px;line-height: 33px;width:100%;/* overflow: hidden; */text-overflow: ellipsis;white-space: nowrap;}
.tylb-list-nav li:nth-child(1) a:hover{background-color: #1381e1;}
.content-right{width: 100%;margin-top: 1rem;height: auto;padding: 1rem .5rem;}
.tylb-list-nav li.on{padding:0;}
.tylb-list-nav .on a{background: #1454a2;color: #fff;position: static;left:0;width: 100%;top:0;/* border-bottom: 1px dashed #629efa; */}
.tylb-list-nav .on a:hover{background: #468fdb;color: #fff;}
.tylb-list-nav ul{display: table;vertical-align: middle;border-bottom: 1px solid #1d52a6;}
.tylb-list-nav li.on a::before{background:none;}
.tylb-list-nav li:not(.on),.tylb-list-nav li.on{padding: 0;border-top-left-radius: 6px;border-top-right-radius: 6px;overflow: hidden;}
ul.newsList li{line-height:30px}
.content-ul-two ul.newsList li span{text-align: center;}
.content-ul-two ul.newsList li {margin-top: .5rem;}
.content-ul-two ul.newsList li>p {margin: .5rem 0 0 0;}
.tylb-list-nav .on a span {width: 100%;}
ul.newsList li:nth-child(5n+0){margin-bottom:1rem;}
.content-right .content-ul-one ul.newsList li a{display:block;line-height:30px;}
.content-right .content-ul-one ul.newsList li{background-position:left 12px}

}

@media screen and (max-width:555px){
  .content-left-inner h3{display: none;}
  .tylb-list-nav{width: 100%;}
  .content-ul-two ul.newsList li span{width: 25%;}
  .content-ul-two ul.newsList li a{width: 100%;margin-top: .5rem;}
  .content-ul-two ul.newsList li{margin-top: .5rem;}
  .bottom-line{margin-top: 1.5rem;margin-bottom: 1.5rem;}
  .content-right{padding-bottom: 0;}
  .content-ul-two ul.newsList li a{margin-top: .5rem;max-width: 90%;}
  .content-ul-two ul.newsList li>p span{margin-top: .5rem;}
  
  /*列表页改造  by ligang 20200223*/
  .content-right .content-ul-one ul.newsList li{margin-top:1rem;}
  .content-right .content-ul-one ul.newsList li a{max-width:100%;white-space: unset;}
  .content-right .content-ul-one ul.newsList li span{float:unset;padding-left:1rem;}
}

@media screen and (max-width:470px){
  /*.content-right .content-ul-one ul.newsList li{height: 40px;}
  .content-right .content-ul-one ul.newsList li a{width: 100%;margin-bottom: .5rem;max-width: 90%;}
  .content-right .content-ul-one ul.newsList li span{width:auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
  .tylb-list-nav ul li{width: 50%;}
  .tylb-list-nav{padding: .5rem 0;}
}

@media screen and (max-width:412px){
  .content-ul-two ul.newsList li span{width: 28%;}
}

@media screen and (max-width:360px){
  .content-ul-two ul.newsList li span{width: 32%;}
}