@charset "utf-8";
/* CSS Document */
/* 2025 */
body { background-color: #fafafa !important;}
.furtherreading .tit,.furtherreading .author,.listItem .special .button,.swiper-container .swiper-slide .titBox .tit,.listItem .itemTitle {font-family:OpenSauceOne;}
.bg_3 { background-color: #fafafa;}
.wrapMain.forIndex { width: 100%; max-width: 1400px;/* min-width: 1120px;*/ box-sizing: border-box; padding-right: 15px; padding-left: 15px; font-size: 14px;}
.toptagsBar { padding: 10px 15px 5px 15px;} 
.toptagsBar a { display: inline-block; margin-right: 15px; color: #333333;}
.toptagsBar a:hover,.toptagsBar a.dq { color: #a52421; text-decoration: underline;/* font-weight: bold;*/}

.wrapMain.mainContainer { width: 100%; max-width: 1400px; padding-bottom: 30px; font-size: 14px;}
.listContainer { display: flex; flex-wrap: wrap;}
.listItem { padding: 20px 15px 20px 15px; width: 25%; box-sizing: border-box; display: flex; flex-direction: column;}
.listContainer .listItem:nth-child(n+7){ border-bottom: #dddddd 1px solid; padding-bottom: 30px;}
.listContainer .listItem:nth-last-child(-n+4) { border-bottom: none;}
.listContainer .listItem:nth-child(1),.listContainer .listItem:nth-child(6){ width: 50%;}
.listContainer .listItem:nth-child(1) .furtherreading,.listContainer .listItem:nth-child(6) .furtherreading { display: none;}
.listContainer .listItem:nth-child(1) .pic,.listContainer .listItem:nth-child(6) .pic { padding-bottom: 56.25%;} /*16:9*/
.listItem .pic { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; margin-bottom: 10px;} /*4:3 75%,16:9 56.25 */
.listItem.noPic .pic { display: none;}
.listItem .pic img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1;}
.listItem .tagsbar { padding: 0px 0 20px 0; overflow: hidden; }
.itemTitle + .tagsbar { padding-bottom: 10px; padding-top: 10px;}

.listItem .itemTitle { font-size: 24px; line-height: 1.1;}
.listItem .itemSummary { display: none; }
.listItem.noPic .itemSummary { margin: 8px 0; color: #333333; font-size: 16px; display: -webkit-box;  -webkit-line-clamp: 8; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.listItem .itemAuthor { padding: 15px 0 0 0; flex: 1 1 auto;}
.listItem .itemAuthor .profile { float: right; margin-left: 35px;}
.listItem .itemAuthor .profile img {width: 70px; height: 70px; border-radius: 70px; overflow: hidden; margin-left: -30px; border: #ffffff 2px solid;}
.listItem .itemAuthor .txt { overflow: hidden; font-size: 14px;  line-height: 18px; color: #818181; min-height: 65px; }
.listItem .itemAuthor .txt .nameTit {font-size: 16px; padding: 6px 0; }
.listItem.videoIco .pic::after,.listItem.audioIco .pic::after { display: block; content: ""; width: 28px; height: 28px; position: absolute; left: 0; bottom: 0; z-index: 2; background-image: url(../images/podcasts_videoico.png); background-repeat: no-repeat;}
.listItem.videoIco .pic::after { background-position: 0 0;}
.listItem.audioIco .pic::after { background-position: 0 -42px;}

.furtherreading { margin-top: 20px;}
.furtherreading .tit { font-size: 14px; color: #9b9b9b; margin-bottom: 10px; text-transform: uppercase;}
.furtherreading .txt { position: relative; padding-left: 10px; font-size: 16px;}
.furtherreading .txt::before { border-radius: 2px; bottom: 2px; content: ""; display: block; left: 0; position: absolute; top: 5px; width: 4px; background-color: #15426f;}
.furtherreading .author::after { content: "|"; padding: 0 5px;}

.listItem .special { background-color: #f1f1f1; border: #dddddd 1px solid; display: flex; flex: 1; flex-direction: column;}
.listItem .special .txt { flex: 1 1 auto; padding: 10px 10px; font-size: 18px;}
.listItem .special .txt > p+p { margin-top: 10px;}
.listItem .special .itemTitle { text-align: center; padding: 10px 10px; font-size: 28px;}
.listItem .special .btnbar { text-align: center; padding: 10px 0;}
.listItem .special .button { padding: 5px 10px; display: inline-block; font-size: 16px; background-color: #c60c30; text-transform: uppercase;}
.listItem .special .button:hover { background-color: #9e001f;}

.homeBanner { margin: 20px auto; padding: 0 15px;}
.homeBanner img { width: 100%; height: auto;}

ul.footerNav#footerNav_1 .dec {padding-right: 230px;}

@media all and (max-width: 640px) {
  .listItem,.listContainer .listItem:nth-child(1),.listContainer .listItem:nth-child(6) { width: 100%;}
  .listContainer .listItem { border-bottom: #dddddd 1px solid !important; padding-bottom: 30px;}
}
@media screen and (min-width:1000px) and (max-width:1200px) {
  .listItem { width: 33.33%;}
  .listContainer .listItem:nth-child(1),.listContainer .listItem:nth-child(6) { width: 66.66%;}
  .listContainer .listItem:nth-child(n+7){ border-bottom: none;}
  .listContainer .listItem:nth-child(n+8){ border-bottom: #dddddd 1px solid; padding-bottom: 30px;}
  /* .listContainer .listItem:nth-last-child(-n+4) {  border-bottom: #dddddd 1px solid;} */
  .listContainer .listItem:nth-last-child(-n+3) { border-bottom: none;}
}
@media screen and (min-width:640px) and (max-width:1000px) {
  .listItem { width: 50%;}
  .listContainer .listItem:nth-child(1),.listContainer .listItem:nth-child(6) { width: 100%;}
  .listContainer .listItem:nth-child(n+2){ border-bottom: #dddddd 1px solid; padding-bottom: 30px;}
  .listContainer .listItem:nth-last-child(-n+2) { border-bottom: none;}
}
/* -- */
@media screen and (min-width:850px) and (max-width:1120px) {.logo {  width: 180px; height: 40px; background-size: 180px auto; margin-top: 10px;}

}
/* 980px部分最后需要调整 */
@media all and (max-width: 980px) {
    .topBar { display: none;}

   html { font-size: 48px;}	
body { padding-top:50px; font-size:24px;  }	
.onlyMobile { display: block;}

.wrapMain { width:auto; margin:0px 0px; clear:both;}
.screenTop { padding:0;}
.mainL { width:100%; float:none; clear:both;}
.topBanner{width:auto; margin:5px auto; height:2px; overflow:hidden; }
.pcadPicList,.mainR,.footerLogo,.topBar,.pageBtBar { display:none;}

.picksList { margin:0px 0px 0.18rem 0px; clear:both; overflow:hidden; width:auto; height:auto;}
/*.picksList li,.picksList li.swiper-slide { clear:both; float:none; width:auto;/ height:auto; padding:0.35rem 0.35rem; margin-right:0px; border-bottom:#777777 1px solid; background-color:#ffffff; overflow:hidden; margin-bottom:0.11rem;}*/
.picksList li,.picksList li.swiper-slide { clear:both; float:none; width:auto;/* height:4rem;*/ height:auto; }
.picksList li.swiper-slide .picksLiCon {padding:0.35rem 0.35rem; margin-right:0px; border-bottom:#777777 1px solid; background-color:#ffffff; overflow:hidden; margin-bottom:0.11rem;}
.picksListBar { margin:0; padding:0 0.29rem; box-sizing:border-box;}
.picksListBar .wrapMain { margin-bottom:0;}
.lineL_blue,.lineL_red { border:0;}

.picksList .summary,.indexColBox .summary,.mobileNews .summary { height:auto; margin:10px 0px 5px 0px; overflow:hidden; font-size:0.24rem; line-height:0.34rem;}

.swiper-container { width:100%; /*height:330px;*/ /*height:7.2rem; */ height: 0; padding-bottom: 96%; float:none; overflow:hidden;}
.swiper-container .swiper-slide .pic { width: 100%; /*height: 4.8rem; */ height: 0px; padding-bottom: 64%; overflow: hidden; position: relative;}
.swiper-container .swiper-slide .pic img { width:100%; height: 100%; /*height: 4.8rem;*/ position: absolute; left: 0; top: 0;}
.swiper-container .swiper-slide .titBox { display:block; width: 100%; box-sizing: border-box; height: 2.4rem;  padding: 0.2rem 0.3rem;  color: #252525;  font-size: 0.2rem; /*position:absolute; left: 0; top: 5.0rem; z-index: 10;*/ background: none; position: static; }
.swiper-container .swiper-slide .titBox .tit { height: 1.5rem; line-height: 0.5rem; font-size: 0.42rem;}
.swiper-container a .swiper-slide .titBox,.swiper-container a:hover .swiper-slide .titBox { color: #252525; }
.swiper-container .pagination { bottom: 2.4rem; }
.swiper-container .swiper-pagination-switch { width:0.12rem; height:0.12rem; border-radius:0.12rem; }

.indexColBox { margin:0 0.29rem;}
.indexColBox li.hasSon { padding:0 15px;}
.indexColBox li.hasSon .titS { clear:both; display:block;}
.indexColBox .txtList li { padding:10px 5px; line-height:16px;}

.picksListBar .colTit,.mobileNews .colTit { font-size:0.38rem; height:0.9rem; line-height:0.9rem; padding:0;}
.picksListBar .colTit,.mobileNews .colTit { font-size:0.38rem; height:0.9rem; line-height:0.9rem; padding:0; }
.indexColBox .colTit { font-size:0.38rem; height:0.9rem; line-height:0.9rem; padding:0 0.4rem; }

.indexColBox li { clear:both; width:100%; padding:0.35rem 0.4rem; box-sizing:border-box; }
.indexColBox .sideL { display:none;}
.indexColBox .sideR { clear:both; width:100%; box-sizing:border-box; float:left;}
.indexColBox .mobileEditer { display:block; overflow:hidden; clear:both; padding:0.1rem 0 0.1rem 0;}

.wrapFooterNav { box-sizing:border-box; padding:10px 0px;}
/*.copyright { line-height:18px; padding:10px 10px 0 10px; text-align:center;}*/
/* ul.footerNav { width:50%; box-sizing:border-box;}
ul.footerNav li { padding:0 10px; font-size:12px;} */

.mobileadPic { display:block;  margin:0.29rem; }
.mobileadPic img { width:100%; height:auto;}
.mobileNews { display:block; background-color:#66a3c2; padding:0 0.29rem;}
.mobileNews li { clear:both;  margin-bottom:0.18rem; padding:0.35rem 0.4rem 0.4rem 0.4rem; background-color:#ffffff; overflow:hidden; }
.mobileNews .xgBar { background:url(../images/arr_xg.png) no-repeat left center; background-size:13px 20px; font-size:0.24rem; padding-left:10px;}
.mobileNews .xgBar a { display:inline-block;  margin:2px 5px; height:20px; line-height:20px;}
.mobileNews .xgBar span.line { height:20px; width:1px; border-left:#dddddd 1px solid;}
.picksList .tit,.mobileNews .tit,.indexColBox .tit,.tit { padding:0; font-size:0.32rem; line-height:0.4rem; height:auto;}

.editerPic { width:1.2rem; height:1.2rem; line-height:1.2rem;  border-radius:0.6rem;/* float:left; */margin-right:0.2rem; font-size:0.6rem;}
.editerPic img { width:1.2rem; height:1.2rem; border-radius:1.2rem;}
.name { /*font-size:0.32rem; */padding:5px 0px; /*line-height:0.4rem;*/}
.editerSum { /*line-height:0.26rem; font-size:0.2rem;*/}

.wrapBg { padding:10px 0px;} 
/* .toTop { display: block; height:30px; text-align:center; padding:10px 10px; font-size:16px; border-bottom:#ffffff 1px solid;}
.toTop span { display:inline-block; height:30px; line-height:30px; background:url(../images/top_arr.png) no-repeat left center; background-size:30px 30px; padding-left:35px;} */

.header { display:block; width: 100%; height: 40px; padding: 5px 0px; clear: both; background: #ffffff url(../images/logo.png) no-repeat center center; background-size: auto 35px;  position: fixed; left: 0; top: 0; z-index: 9999; border-bottom: #15426f 3px solid;}
.menuBt_m,.searchBt_m { display: block; width: 40px; height: 40px; margin:0px 5px; background-image: url(../images/header_ico.png); background-size: 40px 85px;}
.menuBt_m { float: left; background-position: 0 0; }
.searchBt_m { float: right; background-position: 0px -45px; }

.mapBox_m { width: 100%; height: 100%; padding-top:55px; overflow-y:auto;  position:fixed; left: 0; top: 0; z-index: 9998; background-color: #ffffff; display: none; box-sizing: border-box; font-size:0.26rem; }
.mapBox_m ul.navlist { padding: 15px 15px; border-top:#dddddd 1px solid; overflow: hidden;  }
.mapBox_m ul.navlist li  { width:50%; height: 0.7rem; line-height: 0.7rem; overflow: hidden; color: #585858; float: left; }
.mapBox_m a,.mapBox_m a:visited { color: #585858; }
.mapBox_m  a:hover,.mapBox_m  li a.dq { color: #1e629f }
.mapBox_m .tit { height: 0.7rem; line-height: 0.7rem; padding: 5px 15px; }
.mapBox_m ul.navlist li.tit { padding: 0; width: 100%; float: none; clear: both; }
.mapBox_m .font16 {font-size: 0.3rem;}

.searchCoverbg { width: 100%; height: 100%; box-sizing: border-box; padding-top: 52px; position: fixed; left: 0; top: 0; z-index: 9998; background: url(../images/coverbg.png) repeat center center; }
.searchCoverbg .searchBar{ height: 35px; border-bottom: #dddddd 1px solid; margin:15px 15px 20px 15px; background-color: #ffffff; }
.searchCoverbg .searchBar .searchBt { height: 28px; width: 55px; line-height: 28px; text-align: center; background-color: #153f6f; display: block; float: right; font-size:14px; }
.searchCoverbg .input { overflow: hidden; height: 28px;  margin-right: 10px; }
.searchCoverbg .input input { width: 100%; height: 28px; line-height: 28px; }

.Copyright { text-align: center; line-height: 20px; padding: 10px 10px; height: auto; box-sizing: border-box;}
.Copyright a.footerLogo { display: none;}

}