@charset "utf-8";
/* CSS Document */

.boxPoSpe { margin-top: 1.4em; border: 1px solid #d6e9c6; overflow: hidden;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
}
.boxPoSpe .tit { text-align: left; line-height: 2.7; background-color: #dff0d8;
border-bottom: 1px solid #d6e9c6; padding: 0 1em; color: #3c763d;}

@media only screen and (max-width:828px) {
	.boxPoSpe { margin-top: 0.7em; background-color: #fff;}
}

.boxFrSpe { margin-top: 1.4em; border: 1px solid #ebccd1; overflow: hidden;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
}
.boxFrSpe .tit { text-align: left; line-height: 2.7; background-color: #f2dede;
border-bottom: 1px solid #ebccd1; padding: 0 1em; color: #a94442;}

@media only screen and (max-width:828px) {
	.boxFrSpe { margin-top: 0.7em; background-color: #fff;}
}

.picList { margin:0 1% ;}
.picList ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: stretch; padding-bottom: 1.6%;}
.picList li { width: 9.18%; margin: 1.6% 0.96% 0;}
.picList .picb { padding: 5%; border: 1px solid #ddd;}
.picList .picb .pic { position: relative;z-index: 0; 
display: block; cursor: pointer;padding-top: 134.2%;}
.picList .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover; display: block;}
.picList .name { margin-top: 0.3em; max-height: 3em; overflow: hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.picList .name a { color:#337ab7}
.picList .name a:hover { color: #337ab7;; text-decoration: underline;}


.picMList { margin:0 1% ;}
.picMList ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: stretch; padding-bottom: 1.6%;}
.picMList li { width: 19.4%; margin: 4.4% 2.8% 0;}
.picMList .picb {  }
.picMList .picb .pic { position: relative;z-index: 0; 
display: block; cursor: pointer;padding-top: 125.6%;}
.picMList .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover; display: block;}
.picMList .name { margin-top: 0.3em; max-height: 3em; overflow: hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.picMList .name a { color:#666}
.picMList .name a:hover { color: #666;; text-decoration: underline;}


.main3 { text-align: left;
 display: flex; justify-content: space-between; align-items: stretch;}
.main3 .boxCate { margin-top: 1.4em; width: 32.5%; border: 1px solid #bce8f1;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}


.main3 .boxCate .tit { color: #31708f; padding: 0 1em; 
line-height: 2.7; background-color: #d9edf7;
border-bottom: 1px solid #bce8f1; }
.main3 .boxCate .btnW { margin-top: 0.4em; text-align: center;}
.main3 .boxCate .btnW .more { color: #337ab7;}
.main3 .boxCate .btnW .more:hover { color: #337ab7; text-decoration: underline;}

@media only screen and (max-width:828px) {
	.main3 { display: block;}
	.main3 .boxCate { display: none;
	 margin-top: 0; border: 0; width: auto; background-color: #fff;
	 -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
	.main3 .boxCate.show { display: block;}
	.main3 .boxCate .tit { display: none;}
	.main3 .boxCate .btnW .more { color: #666;}
	.main3 .boxCate .btnW .more:hover { color: #666; text-decoration: none;}
}

.main3 .list {margin: 1em 1em 0; padding-bottom: 1em; }
.main3 .list li {line-height: 2;}
.main3 .list li .txt { height: 2em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.main3 .list li .cate { line-height: 1.33; padding: 0 0.25em; margin-right: 0.3em;
 font-size: 12px; display: inline;
color: #fff; background-color: #66c6f2;}
.main3 .list li .cate span { display: none;}
.main3 .list li .name { display: inline;}
.main3 .list li .author { display: inline;}
.main3 .list li .author::before { content: "/"; margin: 0 0.6em 0 0.4em;}
.main3 .list li  a { color: #333;}
.main3 .list li  a:hover { color: #333; text-decoration: underline;}

@media only screen and (max-width:828px) {
	
	.main3 .list {margin: 0; padding-bottom: 1em;}
	.main3 .list ul { border-top: 1px solid #eef1f3; display: block; margin:0; padding-bottom: 0;}
	.main3 .list li { border-bottom: 1px solid #eef1f3;
	 line-height: 2.7; width: auto; margin-top: 0; padding: 0 0.9em;
	display: flex; display: none; justify-content: space-between; align-items: center;}
	.main3 .list li:nth-child(1),
	.main3 .list li:nth-child(2),
	.main3 .list li:nth-child(3),
	.main3 .list li:nth-child(4),
	.main3 .list li:nth-child(5),
	.main3 .list li:nth-child(6),
	.main3 .list li:nth-child(7),
	.main3 .list li:nth-child(8){ display: flex;}
	.main3 .list li:last-child { border-bottom: 0;}
	.main3 .list li:nth-child(8){ border-bottom: 0;}
	.main3 .list li .cate span { display: inline;}
	.main3 .list li .txt { height: 2.7em;}
	.main3 .list li .name { margin-left: 0.2em;}
	.main3 .list li .author { color: #999;}
}


.main3W .tab { display: none; }
.main3W .tab ul {font-size: 20px; line-height: 2.3; display: flex; justify-content: flex-start; align-items: stretch;}
.main3W .tab ul li { cursor: pointer; width: 50%; background-color: #f8f8f8;
border-bottom: 1px solid #efeff0;border-left: 1px solid #efeff0; color: #999;}
.main3W .tab ul li:first-child { border-left: 0;}
.main3W .tab ul li.cur {background-color: #fff; color: #00a0e9;
border-bottom: 1px solid #fff;border-left: 1px solid #fff;}
@media only screen and (max-width:828px) {
	.main3W .tab { background-color: #fff; margin-top: 0.7em; display: block;}
     
}