@charset "utf-8";
/* CSS Document */
.wrap { padding-top: 6.25em;}

@media only screen and (max-width:828px) { 
	 .wrap { padding-top: 0;}
	 .wrap::before { top: 0;}
}
 
/*banner*/
#i_banner { position: relative; z-index: 0;
 background: url(../images/bg_swiper.jpg) center center no-repeat;
 background-size:cover ;}
#i_banner .swiper-container { margin:0 -18px 0; padding: 8.3% 18px 9.6%;}
#i_banner .swiper-slide { position: relative; z-index: 0;}
#i_banner .pic { position: relative; z-index: 0; padding-top: 135%;
-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;
overflow: hidden;
-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .2);
box-shadow: 0 0 1em rgba(0, 0, 0, .2);}
#i_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}

#i_banner .name { margin-top: 0.7em; }
#i_banner .author { color: #999;}

#i_banner .swiper-pagination { left: 9.3%; right: 9.3%; width: auto;
 bottom: 0; margin-bottom: 4.5%; display: flex; justify-content:center; align-items: center;}
 #i_banner .swiper-pagination-bullet {  margin: 0 0.25em;
 background-color: #666;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0; width: 0.9em; height: 0.9em;}
#i_banner .swiper-pagination-bullet-active {  background-color: #24b76c;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

 @media only screen and (max-width:828px) { 
#i_banner { margin: 1.2em 1em 0;
-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;
overflow: hidden;}
#i_banner .con { width: auto; margin: 0 auto; width: 82.4%;}
#i_banner .swiper-container { margin:0 -9px 0; padding: 0.6em 9px ;}

#i_banner .name {font-size: 0.7em;margin-top: 0.3em; }
#i_banner .author { font-size: 0.7em;}
#i_banner .swiper-pagination { display: none;}
#i_banner .pic { 
	-moz-box-shadow: 0 0 0.8em rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 0.8em rgba(0, 0, 0, .2);
	box-shadow: 0 0 0.8em rgba(0, 0, 0, .2);
-moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;}
}

.navM {margin: 1.1em 1em 0; display: none; }
.navM ul{ display: flex;
justify-content: space-between; align-items: flex-end;
 line-height: 2.5em;  font-size:1.17em; }
.navM li { cursor: pointer; line-height: 2.3em; }
.navM li a { display: block; color: #333;
font-weight: bold; position: relative; z-index: 0; }
.navM li.cur {line-height: 2.5em;}
.navM li.cur a { color: #000;font-size: 1.33em; padding-bottom: 0.07em;}
.navM li.cur a::after{ position: absolute; z-index: 10; content: ""; 
display: block;width: 100%;
	height: 0.25em;  left: 0;  margin-left: 0; right: 0; bottom: 0; 
	 background-image: linear-gradient(to right, rgba(36,183,108,1), rgba(255,255,255,1));
}

@media only screen and (max-width:828px) {
.navM { display: block;}
}

.noticeBox { position: relative; z-index: 0;  background-color: #24b76c;
 color: #fff; padding: 0 2em 0 7.6em; margin-top: 1.3em;
 -moz-border-radius:2.2em; -webkit-border-radius:2.2em; border-radius:2.2em;}
 .noticeBox .picb { position: absolute; top: 50%; margin-top: -0.76em;
 left: 2.9em; border-right:2px dotted #fff ; padding-right: 1.55em;}
  .noticeBox .picb .pics {height: 1.55em; width: 1.55em; margin: 0 auto 0 0;
  background: url(../images/note.png) center center no-repeat;
  background-size:contain ;}
.noticeBox a {color: #fff;}
.noticeBox a:hover { color: #fff;}
.noticeBox .list { line-height: 4.4em;
height: 4.4em; overflow: hidden;}
.noticeBox ul { display: inline;}
.noticeBox ul li { display: inline; margin-right: 2em;}

@media only screen and (max-width:828px) {
.noticeBox { display: none;}
}

.rankBox { display: flex; justify-content: space-between; align-items: flex-start;}
.rankBox .rankBox_1 { margin-top: 3.2em; width: 63.8%;}
.rankBox .rankBox_1 .tit {display: flex; 
justify-content: space-between; align-items: center;}
.rankBox .rankBox_1 .tit .txtT .name { font-weight: bold}
.rankBox .rankBox_1 .tit .txtT .intro { color: #999;}
.rankBox .rankBox_1 .tit .txtT { text-align: left;}
.rankBox .rankBox_1 .tit .tab{ background-color: #f5f5f5;
 display: flex; justify-content: flex-start; align-items: center;
line-height: 3.1em; -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.rankBox .rankBox_1 .tit .tab li { cursor: pointer; width: 8.3em;
 -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.rankBox .rankBox_1 .tit .tab li.cur { background-color: #24b76c; color: #fff;}
 
.rankBox_1 .conRA { display: none;}
.rankBox_1 .conRA.show { display: block;}
 
.rankBox_1 .picd { margin-top: 2.9em;  overflow: hidden;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.rankBox_1 .picd img{ display: block; width: 100%; height: auto;}

.rankBox_1 .list ul { display: flex;
 flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.rankBox_1 .list ul li { margin-top: 1.33em; width: 47%; padding: 0.8em 0;
display: flex; justify-content: flex-start; align-items: flex-start;
background-image: linear-gradient(to right, rgba(240,247,244,1), rgba(255,255,255,1));
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
}
.rankBox_1 .list .picb { margin: 0 0 0 4.1%; width: 6.66em;}
.rankBox_1 .list .pic { position: relative; z-index: 0; padding-top: 135%;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
overflow: hidden;}
.rankBox_1 .list .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;}
.rankBox_1 .list .txtb { flex: 1; margin-left: 5%; text-align: left;}
.rankBox_1 .list .txtb .name { font-weight: bold;}
.rankBox_1 .list .txtb .intro { color: #666; line-height: 1.6;}
.rankBox_1 .list .txtb .intro dl {display: flex; justify-content: flex-start; align-items: flex-start;}
.rankBox_1 .list .txtb .intro dt {}
.rankBox_1 .list .txtb .intro dd { flex: 1;}

.rankBox .rankBox_2 {margin-top: 3.2em; width: 31.6%;}
.rankBox .rankBox_2 .tit {}
.rankBox .rankBox_2 .tit .txtT .name { font-weight: bold}
.rankBox .rankBox_2 .tit .txtT .intro { color: #999;}
.rankBox .rankBox_2 .tit .txtT { text-align: left;}
.rankBox .rankBox_1 .tit .btnRefresh { display: none;}

@media only screen and (max-width:828px) {
.rankBox { display: block;}

.rankBox .rankBox_1 { font-size: 1rem; background-color: #fff; 
margin-top: 1em; width: auto;
padding:1.6rem 1em 2em;
-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
.rankBox .rankBox_1 .tit .tab { display: none;}
.rankBox .rankBox_1 .tit .txtT .intro {display: none;}
.rankBox .rankBox_1 .tit .btnRefresh { display: block; line-height: 2.25em;
border: 1px solid #24b66b; color: #24b66b; padding: 0 0.7em;
-moz-border-radius:1.4em; -webkit-border-radius:1.4em; border-radius:1.4em;
display :flex; justify-content: center; align-items: center;}
.rankBox .rankBox_1 .tit .btnRefresh i {display: inline-block;
width: 1.2em; height: 1.2em;
background: url(../images/refresh.png) center center no-repeat;
background-size:contain; vertical-align: middle; margin-left: 0.4em;} 
.rankBox_1 .list { margin-top: 0.em;}
.rankBox_1 .list ul li {background: transparent;margin-top: 1em; padding: 0;}
.rankBox_1 .picd { display: none;}
.rankBox_1 .list .picb { width: 5em;}
.rankBox_1 .list .txtb .intro dl:nth-child(3) {display: none;}
.rankBox_1 .list .txtb .name { font-size: 1.083em;}
.rankBox_1 .list .txtb .intro { margin-top: 0.9em; font-size: 0.91em;}

.rankBox .rankBox_2 { margin-top: 1em; width: auto;
background-color: #fff;padding: 1.6em 1em 2em;
-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
.rankBox .rankBox_2 .tit .txtT .intro {display: none;}

}

.rankBox_2 .list ul { margin-top: 2.9em;}
.rankBox_2 .list ul li { margin-top: 1.33em; 
display: flex; justify-content: flex-start; align-items: flex-start;}
.rankBox_2 .list .picb { margin: 0 0 0 4.1%; width: 7.77em;}
.rankBox_2 .list .pic { position: relative; z-index: 0; padding-top: 135%;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
overflow: hidden;}
.rankBox_2 .list .pic img { position: absolute; left: 0; top: 0;
width: 100%; width: 100%;}
.rankBox_2 .list .txtb { flex: 1; margin-left: 5%; text-align: left;}
.rankBox_2 .list .txtb .name { margin-top: 0.5em; height: 3em; font-weight: bold;}
.rankBox_2 .list .txtb .intro { color: #666; line-height: 1.6;}
.rankBox_2 .list .txtb .intro dl {display: flex; 
justify-content: flex-start; align-items: flex-start;}
.rankBox_2 .list .txtb .intro dt {}
.rankBox_2 .list .txtb .intro dd { flex: 1; height: 1.6em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
@media only screen and (max-width:828px) {
	.rankBox_2 { font-size: 1rem;}
	.rankBox_2 .list ul { margin-top: 1.6em;}
	.rankBox_2 .list ul li { margin-top: 1em; padding: 1em; background-color: #eff9f4;
	-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
	.rankBox_2 .list .picb  { margin-left: 0;width: 5.83em;}
	.rankBox_2 .list .txtb { margin-left: 1em; }
	.rankBox_2 .list .txtb .name { margin-top: 0.1em; font-size: 1.083em;}
	.rankBox_2 .list .txtb .intro { font-size: 0.91em;}
}

.bouBoxW { margin-top: 4.2em; padding: 3.8em 0; background-color: #fafafa;}
.bouBox .tit {display: flex; 
justify-content: space-between; align-items: center;}
.bouBox .tit .txtT .name { font-weight: bold}
.bouBox .tit .txtT .intro { color: #999;}
.bouBox .tit .txtT { text-align: left;}
.bouBox .tit .tab{ background-color: #f5f5f5;
 display: flex; justify-content: flex-start; align-items: center;
line-height: 3.1em; -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.bouBox .tit .tab li { cursor: pointer; width: 8.3em;
 -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.bouBox .tit .tab li.cur { background-color: #24b76c; color: #fff;}

.bouBox .conBZ {position: relative; z-index: 0;}
.bouBox .conB { background-color: #fff; z-index: 0; }
.bouBox .conB.show { z-index: 1; }
.bouBox .conB:nth-child(1) { position: relative; }
.bouBox .conB:nth-child(2),
.bouBox .conB:nth-child(3) {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.bouBox .bouCon { display: flex; justify-content: space-between; align-items: stretch;}

.bouBox .bouCon .conL {margin-top: 2.7em; width: 30.1%;}
.bouBox .bouCon .conR {margin-top: 2.7em; width: 66.25%;}

@media only screen and (max-width:828px) {
	.bouBoxW { background-color:#fff; margin: 1em 1em 0; padding: 1.6em 0 1em;
	-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
	.bouBox { font-size: 1rem;}
	.bouBox .bouCon { display: block; }
	
	.bouBox .bouCon .conL {margin-top: 1.7em; width: 100%;}
	.bouBox .conB:nth-child(2) .bouCon .conL {margin-top: 0em;}
	.bouBox .conB:nth-child(3) .bouCon .conL {margin-top: 0em;}
	.bouBox .bouCon .conR {margin-top: 1em; width: 100%;
	background-color: #eff9f4;
	-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
	
	.bouBox .tit .tab {background-color: transparent;}
	.bouBox .tit .tab li { margin-left: 0.3em; width: 5em; line-height: 2.3; background-color: #f1f1f1;}
	
}

.otherBox { overflow: hidden; height: 100%;
-moz-box-shadow: 0 0 1.3em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 1.3em rgba(0, 0, 0, .1);
box-shadow: 0 0 1.3em rgba(0, 0, 0, .1);
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
background-image: linear-gradient(to bottom, rgba(222,243,233,1), rgba(255,255,255,1));}
.swiper-other {position: relative; z-index: 1; margin: 1.5em 8.2% 0;}
.swiper-other .swiper-slide {  position: relative; z-index: 0; overflow: hidden;}
.swiper-other .swiper-slide-next { margin-top: 7.4% !important;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.swiper-other .swiper-slide-prev {margin-top: 7.4% !important;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.swiper-other .item { cursor: pointer; position: relative; z-index: 0;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.swiper-other .pic { position: relative; z-index: 0; padding-top: 135%;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;overflow: hidden;
    display: block; cursor: pointer;
}
.swiper-other .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.swiper-other .txtb { position: absolute; display: none; }

.otherBox .txtb { margin:-0.5em 13.7% 0;position: relative; z-index: 1;}
.otherBox .txtb .name {
	font-weight: bold;
	white-space: nowrap;      /* 保持文本在一行，不换行 */
	overflow: hidden;         /* 隐藏超出容器的内容 */
	text-overflow: ellipsis;  /* 超出部分显示为省略号 */
}
.s_name {
	white-space: nowrap;      /* 保持文本在一行，不换行 */
	overflow: hidden;         /* 隐藏超出容器的内容 */
	text-overflow: ellipsis;  /* 超出部分显示为省略号 */
}
.otherBox .txtb .author { margin-top: 0.2em; color: #666;}
.otherBox .txtb .intro{  margin-top: 0.8em; height: 2.6em; line-height: 1.3em; color: #666;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.otherBox .txtbM { display: none; text-align: left; line-height: 1.5;}
.otherBox .txtbM .name { margin-top: 0.5em; font-size: 1.083em; color: #000; font-weight: bold;}
.otherBox .txtbM .about { font-size: 0.91em; color: #666;}
.otherBox .btnW { margin: 1.2em 13.7% 1.8em; text-align: center;}

@media only screen and (max-width:828px) {
	.otherBox { background: #fff;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);}
	.otherBox .btnW { display: none;}
	.swiper-other {margin: 0;}
	.swiper-other .item { margin-right: 8.4%;}
	.swiper-other .swiper-slide-next { margin-top:0 !important;}
	.swiper-other .swiper-slide-prev {margin-top: 0 !important;}
	.otherBox .txtb { display: none;}
	.otherBox .txtbM { display: block;}
}

.bouBox .list ul { display: flex;
 flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.bouBox .list ul li { width: 47%; 
display: flex; justify-content: flex-start; align-items: flex-start;
background-image: linear-gradient(to right, rgba(240,247,244,1), rgba(255,255,255,1));
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
}
.bouBox .list .picb { width: 7.77em;}
.bouBox .list .pic { position: relative; z-index: 0; padding-top: 135%;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
overflow: hidden;}
.bouBox .list .pic img { position: absolute; left: 0; top: 0;
width: 100%; width: 100%;}
.bouBox .list .txtb { flex: 1; margin-left: 5%; text-align: left;}
.bouBox .list .txtb .name { margin-top: 0.5em; height: 3em; font-weight: bold;}
.bouBox .list .txtb .intro { color: #666; line-height: 1.6;}
.bouBox .list .txtb .intro dl {display: flex; 
justify-content: flex-start; align-items: flex-start;}
.bouBox .list .txtb .intro dt {}
.bouBox .list .txtb .intro dd { flex: 1; height: 1.6em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
@media only screen and (max-width:828px) {
	.bouBox .list {padding: 1em 1em 0;}
	.bouBox .list ul li { background: transparent;}
	.bouBox .list .picb { width: 5.8em;}
	.bouBox .list .txtb { margin-left: 1em; }
	.bouBox .list .txtb .name { font-size: 1.083em; height: 1.5em; overflow: hidden;}
	.bouBox .list .txtb .intro dl:nth-child(3) { display: none;}
	.bouBox .list .txtb .intro { margin-top: 1em;}
}

.bouBox .list_2 { margin-top: 1.6em; padding: 1.6em 1.5em 2.2em; background-color: #fff;
-moz-box-shadow: 0 0 1.3em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 1.3em rgba(0, 0, 0, .1);
box-shadow: 0 0 1.3em rgba(0, 0, 0, .1);
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.bouBox .list_2 ul { display: flex; flex-wrap: wrap;
 justify-content: space-between; align-items: center; text-align: left;}
.bouBox .list_2 li{ margin-top: 0.8em; color: #666; width: 45.3%;}
.bouBox .list_2 .cate{ display: inline-block;height: 1.5em; overflow: hidden;}
.bouBox .list_2 .cate a {color: #666;}
.bouBox .list_2 .cate a:hover { color: #24b76c;}
.bouBox .list_2 .name{ width: 5em; height: 1.5em; overflow: hidden; 
margin-right:0.8em; display: inline-block;}
.bouBox .list_2 .name a {color: #000;}
.bouBox .list_2 .name a:hover { color: #24b76c;}
.bouBox .list_2 .author{ display: inline-block;height: 1.5em; overflow: hidden;}

@media only screen and (max-width:828px) {
	.bouBox .list_2 {background: transparent; padding-bottom: 1em; padding-top: 0;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);}
	.bouBox .list_2 ul { display: block;}
	.bouBox .list_2 li{ width: auto;display: none;}
	.bouBox .list_2 li:nth-child(1),
	.bouBox .list_2 li:nth-child(2),
	.bouBox .list_2 li:nth-child(3),
	.bouBox .list_2 li:nth-child(4),
	.bouBox .list_2 li:nth-child(5),
	.bouBox .list_2 li:nth-child(6){display: block;}
}

.newBoxW { padding: 3em 0; }
.newBox .tit {display: flex; 
justify-content: space-between; align-items: center;}
.newBox .tit .txtT .name { font-weight: bold}
.newBox .tit .txtT .intro { color: #999;}
.newBox .tit .txtT { text-align: left;}
.newBox .tit .tab{ background-color: #f5f5f5;
 display: flex; justify-content: flex-start; align-items: center;
line-height: 3.1em; -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.newBox .tit .tab li { cursor: pointer; width: 8.3em;
 -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.newBox .tit .tab li.cur { background-color: #24b76c; color: #fff;}
.newBox .conN { display: none;}
.newBox .conN.show { display: block;}
.newBox .list { margin-top: 2.6em; background-color: #eef4ec; text-align: left;
padding-bottom: 2em; color: #666;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.newBox .list ul { display: flex;
 justify-content: flex-start; align-items: center;}
 .newBox .list ul li { margin-top: 1.1em;}
.newBox .list ul.ulTit { font-weight: bold; color: #fff; 
background-color: #24b76c; line-height: 3.6; margin-bottom: 0.7em;
-moz-border-radius:0.22em; -webkit-border-radius:0.22em; border-radius:0.22em;}
.newBox .list ul.ulTit li { margin-top: 0;}
.newBox .list ul li:nth-child(1) { margin-left: 3.4%; width: 7.4%; margin-right: 2%;}
.newBox .list ul li:nth-child(2) { width: 23%; margin-right: 2%;}
.newBox .list ul li:nth-child(3) { flex: 1; margin-right: 2%;} 
.newBox .list ul li:nth-child(4) { width: 15.2%; margin-right: 2%;}
.newBox .list ul li:nth-child(5) { width: 10%;}

@media only screen and (max-width:828px) {
	.newBoxW { margin: 1em 1em 0; padding: 1.6em 0 2em; background-color: #fff;
	-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
	.newBox { font-size: 1rem;}
	.newBox .tit .txtT .name .mh { display: none;}
	.newBox .list { margin-top: 1.5em; padding-bottom: 0; background-color: transparent;}
	.newBox .list ul.ulTit { display: none;}
	.newBox .tit .tab {background-color: transparent;}
	.newBox .tit .tab li { margin-left: 0.3em; width: 5em; line-height: 2.3; background-color: #f1f1f1;}
	
	.newBox .list ul { display: none; position: relative; z-index: 0; 
	 flex-wrap: wrap; padding: 2.3em 0 1.12em; line-height: 2em;
	  align-items: flex-start;
	background-color: #f5f5f5; margin-top: 1em; overflow: hidden; color: #666;
	-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
	.newBox .list ul:nth-child(2),
	.newBox .list ul:nth-child(3),
	.newBox .list ul:nth-child(4),
	.newBox .list ul:nth-child(5),
	.newBox .list ul:nth-child(6),
	.newBox .list ul:nth-child(7){ 
		display: flex;
	}
	.newBox .list ul li:nth-child(2) { margin-right: 0; margin-top: 0; position: absolute;
	 left: 1em; top: 0.85em; right: 1em;
	height: 2em; overflow: hidden	; width: auto; font-weight: bold; color: #000;
}
	.newBox .list ul li:nth-child(2) a { color: #000; font-size: 1.08em;}
	.newBox .list ul li:nth-child(4) { display: none;}
	
	.newBox .list ul li:nth-child(1) { padding:0 1em; width: auto; height: 2em;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;
	}
	
	.newBox .list ul li:nth-child(3) { flex: 1; padding:0 1em;  width: auto; height: 2em;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
	.newBox .list ul li:nth-child(3) a { color: #666;}
	.newBox .list ul li:nth-child(5) { margin-right: 1em; padding:0 1em;  width: auto;  height: 2em;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
}

.newABoxW { padding: 3em 0; background-color: #fafafa;}
.newABox .tit {display: flex; 
justify-content: space-between; align-items: center;}
.newABox .tit .txtT .name { font-weight: bold}
.newABox .tit .txtT .intro { color: #999;}
.newABox .tit .txtT { text-align: left;}
.newABox .tit .tab{ background-color: #f5f5f5;
 display: flex; justify-content: flex-start; align-items: center;
line-height: 3.1em; -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.newABox .tit .tab li { cursor: pointer; width: 8.3em;
 -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.newABox .tit .tab li.cur { background-color: #24b76c; color: #fff;}

.newABox .list ul { margin-top: 0.4em; display: flex;
 flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.newABox .list ul li { width: 23.8%; margin-top: 2.2em; margin-right: 1.6%;
display: flex; justify-content: flex-start; align-items: flex-start;
background-image: linear-gradient(to right, rgba(240,247,244,1), rgba(255,255,255,1));
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.newABox .list ul li:nth-child(4n) { margin-right: 0;}
.newABox .list .picb { width: 8.88em;}
.newABox .list .pic { position: relative; z-index: 0; padding-top: 135%;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
overflow: hidden;}
.newABox .list .pic img { position: absolute; left: 0; top: 0;
width: 100%; width: 100%;}
.newABox .list .txtb { flex: 1; margin-left: 5%; text-align: left; color: #666; line-height: 1.3em; }
.newABox .list .txtb .name { margin-top: 0.9em; font-weight: bold;}
.newABox .list .txtb .author { margin-top: 0.5em;}
.newABox .list .txtb .intro { margin-top: 0.5em; line-height: 1.3em; height:2.6em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}

@media only screen and (max-width:828px) {
	.newABoxW { padding:1.6em 0 2em; margin: 1em 1em 0; background-color: #fff;
	-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
	.newABox { font-size: 1rem;}
	.newABox .list ul { margin-top: 1.5em; display: block;}
	.newABox .list ul li { margin-top: 1em; width: 100%; margin-right: 0;
	   background: transparent; display: none;
	}
	.newABox .list ul li:nth-child(1),
	.newABox .list ul li:nth-child(2),
	.newABox .list ul li:nth-child(3),
	.newABox .list ul li:nth-child(4),
	.newABox .list ul li:nth-child(5),
	.newABox .list ul li:nth-child(6){display: flex;}
	.newABox .list .txtb .name { margin-top: 0.4em; font-size: 1.08em;}
	.newABox .list .picb { width: 6.66em;}
	.newABox .list .txtb { flex: 1; margin-left:0.8em; line-height: 1.6;}
	.newABox .list .txtb .intro { margin-top: 0.3em;line-height: 1.6em; height:3.2em;}
	.newABox .list .txtb .author { margin-top: 0.1em;}
	.newABox .list .txtb .cate { color: #999;}
}