body{background-image:url(http://www.wh-youth.gov.cn/images/507/top_bg3-xu16720.jpg); background-position:top center; background-repeat:no-repeat;   }

.k1100{ width:1100px; margin:0px auto; }
.k1140{ width:1140px; margin:0px auto;  }

/*菜单*/
.menu_bg{ background-color:#268be0; height:45px; line-height:45px;}

.zoujin-topmenu-h{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); text-align: center;}
.zoujin-topmenu-h li{   background-image:url(http://www.wh-youth.gov.cn/images/507/menu-line.gif); background-position:top right; background-repeat:no-repeat;}
.zoujin-topmenu-h li a{ color:#FFFFFF; font-size:16px; text-decoration:none ; padding-top:12px; padding-bottom:12px;  line-height:42px; padding-left:18px; padding-right:18px; }
.zoujin-topmenu-h li:hover{color: #000000; background-color:#0455a2;}
.zoujin-topmenu-h li a:hover{color: #c4e8f7; }
/*二级菜单*/
.menu2{}
.menu2 tr td{ background-color:#ebe9e9; border-right:1px solid #ffffff;}
.menu2 tr td a{ color:#0951a6; font-size:16px; text-decoration:none ; padding-top:12px; padding-bottom:12px;  line-height:20px; padding-left:30px; padding-right:30px; }
.menu2 tr td:hover{color: #000000; background-color:#e1e1e1;}
.menu2 tr td a:hover{color: #000000; }



.bk3{border-bottom:1px solid #dad9d9; border-left:1px solid #dad9d9; border-right:1px solid #dad9d9; }

/* 新闻列表-前面小点图片  */
.newslist-dian li{line-height:32px; height:32px; overflow:hidden; list-style-position:outside; background-image:url(dian-xu17217.gif); background-position:left ; background-repeat:no-repeat;  padding-left:10px; width: 395px;float: left; }
.newslist-dian li:hover{ color:f0efef;}

/* 新闻列表--更多页  */
.newslist-more{ width:90%; margin:0px auto;}
.newslist-more li{line-height:40px; height:40px; overflow:hidden; list-style-position:outside; background-image:url(dian-xu17217.gif); background-position:left ; background-repeat:no-repeat;  padding-left:16px;border-bottom:1px dashed #959595;  }
.newslist-more li:hover{ color:f0efef; background-color:#f6f5f5; }


.bt1{background-image:url(bt-1.jpg); background-position:top left; background-repeat:no-repeat; height:45px; }
   .bt1-1{background-image:url(bt-4.gif); background-position:top left; background-repeat:no-repeat; height:26px; width:93%; margin:0px auto; }
.bt2{background-image:url(bt-2.jpg); background-position:top left; background-repeat:no-repeat; height:45px; }
   .bt2-1{background-image:url(bt-5.gif); background-position:top left; background-repeat:no-repeat; height:26px; width:93%; margin:0px auto;}

.bt3{background-image:url(bt-3.gif); background-position:top left; background-repeat:no-repeat; height:34px; }
.bt6{background-image:url(bt-6.jpg); background-position:top left; background-repeat:no-repeat; height:45px; }
.bt7{background-image:url(bt-7.jpg); background-position:top left; background-repeat:no-repeat; height:45px; }
.bt8{background-image:url(bt-8.jpg); background-position:top left; background-repeat:no-repeat; height:45px; }


.zyz_4lei{ }
.zyz_4lei li{ width:276px; height:103px; background-color:#f8f8f8;  border:1px solid #d0d0d0; margin-left:10px; float:left;}
.zyz_4lei1{background-image:url(zhz_tb1.png); background-position:left ; background-repeat:no-repeat; }
.zyz_4lei2{background-image:url(zhz_tb2.png); background-position:left ; background-repeat:no-repeat; }
.zyz_4lei3{background-image:url(zhz_tb3.png); background-position:left ; background-repeat:no-repeat; }
.zyz_4lei4{background-image:url(zhz_tb4.png); background-position:left ; background-repeat:no-repeat; }
.zyz_4leitxt{ padding-left:105px; padding-right:30px;}


.bk1{border-top:3px solid #2093ee; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
.btn1{ list-style-position:outside; background-image:url(zhz_tb5.png); background-position:left ; background-repeat:no-repeat;  border-bottom:1px solid #d4d4d4; background-color:#eff5fb; }
.btn1_txt{ padding-left:55px; padding-right:30px; border-bottom:1px solid #004ea1; line-height:40px; height:40px; overflow:hidden;}
.btn2{ list-style-position:outside; background-image:url(zhz_tb6.png); background-position:left ; background-repeat:no-repeat;  border-bottom:1px solid #d4d4d4; background-color:#eff5fb; }

.btn3{ list-style-position:outside; background-image:url(zhz_tb7.png); background-position:left ; background-repeat:no-repeat;  background-color:#f8f8f8; line-height:40px; height:40px;}

.btn4_txt{ padding-left:25px; padding-right:25px; border-bottom:1px solid #004ea1; line-height:40px; height:40px; overflow:hidden;}

.zyztj{border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
.zyztj td{border-left:1px solid #d4d4d4;border-top:1px solid #d4d4d4; line-height:40px;}

/* 图片列表 */
.img_hdhg ul{ }
.img_hdhg li{ float:left; padding-bottom:5px; margin-left:10px;  width:225px; }
.img_hdhg li img { width:225px; height:148px; vertical-align:top;}

/* 新闻列表-志愿服务组织  */
.newslist-zyfwzz li{line-height:32px; height:32px; overflow:hidden; list-style-position:outside; background-image:url(dian-xu17217.gif); background-position:left ; background-repeat:no-repeat;  
padding-left:10px; float:left; width:200px; padding-right:17px; }
.newslist-zyfwzz li:hover{ color:f0efef;}

/* 图片+标题+摘要 */
.tu_zy li{ float:left;  margin-right:12px; padding-bottom:15px;}
.tu_zy li img{ width:122px; height:147px;}

/* 友情连接  */
.newslist-yqlj li{line-height:20px; height:20px; overflow:hidden; list-style-position:outside;
padding-left:15px; float:left; padding-right:15px; margin-bottom:15px;  border-right:1px solid #e1dfdf; }

/*信息*/
.zyz_bottom{background-image:url(zyz_bottom.gif); background-position:top ; background-repeat:repeat-x; background-color:#eaeaea; }
.zyz_bottom2{ width:330px; margin:0px auto;}

/*切换*/
.new_qiehuan{border-bottom:2px solid #2093ee;}
.qiehua-menu{}
.qiehua-menu li{ float:left; }
.qiehua-menu li a{ color:#0066d2; text-decoration:none ;  line-height:35px; padding-left:15px; padding-right:15px; }
.qiehua-menu li:hover{color: #000000; background-color:#ffffff; border-right:1px solid #e1dfdf; border-left:1px solid #e1dfdf; border-top:1px solid #268be0;}
.qiehua-menu li a:hover{color: #d50000;  }


.btn5{ list-style-position:outside; background-image:url(tsw-bt-xw.gif); background-position:left ; background-repeat:no-repeat;  background-color:#f9f9f9; line-height:40px; height:40px;}
.btn6{ background-color:#f9f9f9; line-height:40px; height:40px;}
.xwgc{border-right:1px solid #fff;border-bottom:1px solid #fff; width:95%; margin:0px auto;  }
.xwgc td{ border-bottom:1px solid #e1dfdf;   height:30px; overflow:hidden;}

.wenda  li{border-bottom:1px solid #e1dfdf; padding-top:10px;padding-bottom:10px;  }

.tab_xinxi{border-top:1px solid #e1dfdf; border-left:1px solid #e1dfdf; width:100%; margin:0px auto;  }
.tab_xinxi td{ border-bottom:1px solid #e1dfdf;border-right:1px solid #e1dfdf; line-height:40px;   height:40px; overflow:hidden; }


.main{display: flex; justify-content: space-around;gap: 20px;}
.tab{position: relative; flex: 0 0 552px;}
#tab{ height: 320px;}
.hd{position: absolute; bottom: 12px;z-index:11; display: flex;gap: 16px; right: 26px;}
.hd li{border-radius: 16px; height: 16px; width: 16px; background-color: #fff;}
.hd li.on{background-color: #a10202;}
.lb li{display: none; background-color: #f5f5f5; text-align: center;}
.lb li:first-child{display: block;}
.lb li a{position: relative; display: block; height: 320px;}
.lb li a img{max-width: 100%;object-fit: cover; max-height: 100%;}
.lb li a p{position: absolute; bottom: 0; left: 0; right:0; padding:10px 100px 10px 20px;z-index: 10; color: #fff;overflow: hidden;   white-space: nowrap;
    text-overflow: ellipsis; background-color:rgba(0,0,0,.8); text-align: left;}

    .dt{width: calc(100% - 552px);}
    .tit{border-bottom: 2px solid #2093ee; margin-bottom: 10px;}
    .tit a{background-color: #ebe9e9;padding:6px 16px; display: inline-block; color: #0066d2; font-size:18px;}

.listcon li{display: flex; gap:8px; padding: 6px 0;font-size: 17px;}
 .listcon li .time{margin-left: auto;color: #999;}
.listcon li a{overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.listdt{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)) 318px;gap: 20px;}
.time{color: #999;}
.dzbgz{border:1px solid #e1dfdf;}
.zc{display: flex;justify-content: space-between; background-color: #f9f9f9; color:#0066d2;padding: 8px 16px;}
.zc .more{display: flex;justify-content: center;align-items: center;color: #333;}
.dzbgzcon{padding:20px 20px 0;box-sizing: border-box; line-height: 1.5;}
.dzbgzcon p{margin-bottom: 16px; border-bottom: 1px solid #e4e4e4; padding-bottom: 16px;color: rgb(133, 133, 133);}
.dzbgzcon .num{padding: 1px 6px; background-color: #f06000;display: inline-block;color: #fff;font-size: 14px;}

.yq{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));margin-bottom: 16px;}