@charset "utf-8";
/* CSS Document */
.main {  display: flex; justify-content: space-between; align-items: stretch;
text-align: left;}
.main .conL {margin-top: 1%; width: 71.4%;
display: flex; flex-direction: column;}
.main .conR {margin-top: 1%; width: 27.6%;display: flex; flex-direction: column;}

@media only screen and (max-width:828px) {
  .main { display: block;}
  .main .conL { width: auto;margin:0 -0.8em 0 }
  .main .conR{ width: auto;margin: 0 -0.8em 0}
}

.main .boxI { flex: 1; border: 3px solid #c3dfea; background-color: #fef9ef;}
.main .boxI .tit { font-weight: bold; line-height: 2.1; background-color: #e1eced;
border-bottom: 1px solid #dddddd; padding: 0 0.7em;}

@media only screen and (max-width:828px) {
  .main .boxI { border: 0; background-color: transparent;}
  .main .boxI .tit { background: #F6F6F6; font-weight: normal; line-height: 2.5;
    border-top: 1px solid #D7D7D7; font-size: 16px;
    border-bottom: 1px solid #D7D7D7;}
}

.main .boxB {flex: 1; border: 3px solid #c3dfea; background-color: #e1eced;}
.main .boxB .tit { font-weight: bold; line-height: 2.1; background-color: #a6d3e8;
border-bottom: 1px solid #dddddd; padding: 0 0.7em;}

.main .picList ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: stretch; padding-bottom: 1.4%;}
.main .picList li { width: 47.2%; margin: 1.4% 1.4% 0 1.4%;
 display: flex; justify-content: space-between;
align-items: flex-start;}
.main .picList .picb { border: 1px solid #ddd; width: 8.85em;}
.main .picList .picb .pic {
 position: relative;z-index: 0;
 border: 1px solid #fff; display: block; cursor: pointer;
padding-top: 125%;}
.main .picList .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
 display: block;}
.main .picList .txtb {flex: 1; margin-left: 4.2%;}
.main .picList .txtb .txt { line-height: 2; 
border-bottom: 1px dotted #a6d3e8; display: flex;
justify-content: space-between; align-items: center;}
.main .picList .name { font-weight: bold; margin-right: 0.5em;}
.main .picList .name a { color:#333}
.main .picList .name a:hover { color: #ff0000; text-decoration: underline;}
.main .picList .author { color: #999;}
.main .picList .intro { text-indent: 2em; margin-top: 0.6em; width: 100%; color: #999; line-height: 1.5;
height: 7.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5;}

@media only screen and (max-width:828px) {
  .main { font-size: 14px;}
  .main .picList ul { padding-bottom: 0.75em; display: block;}
  .main .picList li { padding: 0.75em; width:auto; margin: 0.75em 0 0 0;
  background-color: #fef9ef; border: 1px solid #d7d7d7;
  -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;}
  .main .picList .picb { width: 6.25em;}
  .main .picList .txtb { margin-left: 0.6em;}
  .main .picList .intro { 
  height: 4.5em; 
  -webkit-line-clamp:3;}
}

.main .list { margin: 0 0.7em;}
.main .list li { border-bottom: 1px solid #dddddd;
 height: 2em; overflow: hidden;
 margin-top: 0.45em; line-height: 2; display: flex; justify-content: space-between; align-items: center;}
.main .list li .author { margin-left: 0.5em;height: 2em; overflow: hidden;}
.main .list li .txt { flex: 1; height: 2em; overflow: hidden; text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.main .list li .cate  { display: inline;}
.main .list li .cate a { color: #333;}
.main .list li .name  { display: inline;}
.main .list li .name a { color: #6F78A7;}
.main .list li .name a:hover { color: #6F78A7; text-decoration: underline;}

@media only screen and (max-width:828px) {
	.main .list li { margin-top: 0.2em;  height: 2.5em; line-height: 2.5;}
	.main .list li .cate { color: #888;}
	.main .list li .author { color: #888;}
	.main .list li .txt { height: 2.5em;}
	.main .list li .author{ height: 2.5em;}
}

.main .list2 { margin: 0 0.7em;}
.main .list2 li { border-bottom: 1px solid #dddddd; color: #333;
 height: 2em; overflow: hidden;
 margin-top: 0.45em; line-height: 2; 
 display: flex; justify-content: space-between; align-items: center;}
.main .list2 li  a { color: #6F78A7;}
.main .list2 li  a:hover { color: #6F78A7; text-decoration: underline;}
 
.main .list2 li .cate {
	margin-right: 0.3em; width: 5em; height: 2em; overflow: hidden;}

.main .list2 li .name  { width: 11em; margin-right: 0.5em;
height: 2em; overflow: hidden;}
.main .list2 li .chapter  { flex: 1; margin-right: 0.5em;
height: 2em; overflow: hidden;}

.main .list2 li .author { color: #999; margin-right: 0.5em; text-align: right;
height: 2em; overflow: hidden;}
.main .list2 li .date { color: #999; width: 3em; margin-right: 0.5em; text-align: right;
height: 2em; overflow: hidden;}

@media only screen and (max-width:828px) {
	.main .list2 li { margin-top: 0.45em;
	 height: 2.5em;line-height: 2.5; }
	 .main .list2 li .cate { height: 2.5em;}
	 .main .list2 li .name {height: 2.5em;}
	 .main .list2 li .chapter {height: 2.5em;}
	 .main .list2 li .author {height: 2.5em;}
}

.main3 { text-align: left;
 margin-top: 1%; display: flex; justify-content: space-between; align-items: stretch;
border: 3px solid #c3dfea; background-color: #fef9ef;}
.main3 .conL { flex: 1;}
.main3 .conC {flex: 1; border-left: 1px dotted #a6d3e8;border-right: 1px dotted #a6d3e8;}
.main3 .conR {flex: 1;}

@media only screen and (max-width:828px) {
	.main3 { font-size: 14px; margin: 0 -0.75em; display: block;border: 0; background-color:transparent;}
	.main3 .conC { border: 0;}
	.main3 .conL { margin-top: 0.75em;}
	.main3 .conC { margin-top: 0.75em;}
	.main3 .conR { margin-top: 0.75em;}
}

.main3 .tit {margin: 1.5% 1.5% 0 1.5%;
	font-weight: bold; line-height: 2.1; background-color: #f6f8fe;
border-bottom: 1px solid #a6d3e8; padding: 0 0.4em;}

@media only screen and (max-width:828px) {
	.main3 .tit {background: #F6F6F6; font-weight: normal; line-height: 2.5;
    border-top: 1px solid #D7D7D7; font-size: 16px;
    border-bottom: 1px solid #D7D7D7; margin: 0;}
}

.main3 .picList ul { margin: 3.4% 3.4% 0;}
.main3 .picList li { 
 display: flex; justify-content: space-between;
align-items: flex-start;}
.main3 .picList .picb { border: 1px solid #ddd; width: 5em;}
.main3 .picList .picb .pic {
 position: relative;z-index: 0;
 border: 1px solid #fff; display: block; cursor: pointer;
padding-top: 125%;}
.main3 .picList .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
 display: block;}
.main3 .picList .txtb {flex: 1; margin-left: 4.2%;}
.main3 .picList .txtb .txt { line-height: 2; border-bottom: 1px dotted #a6d3e8; display: flex;
justify-content: space-between; align-items: center;}
.main3 .picList .name { font-weight: bold; margin-right: 0.5em;height:2em;  overflow: hidden;}
.main3 .picList .name a { color:#333}
.main3 .picList .name a:hover { color: #ff0000; text-decoration: underline;}
.main3 .picList .author { color: #999;height:2em;  overflow: hidden;}
.main3 .picList .intro {text-indent: 2em;  margin-top: 0.6em; width: 100%; color: #999; line-height: 1.5;
height: 4.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; }


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

.main3 .list ul {margin: 3.4% 3.4% 0; padding-bottom: 3.4%; 
display: flex; flex-wrap: wrap; justify-content:space-between;
align-items: flex-start;}
.main3 .list li { margin-top: 0.2em; width: 50%; border-bottom: 1px solid #dddddd;height:1.5em;overflow: hidden;}
.main3 .list li .txt { display: inline; justify-content: flex-start; align-items: center;

}
.main3 .list li .cate { display: none; color: #888;}
.main3 .list li .name { display: inline;}
.main3 .list li  a { color: #6F78A7;}
.main3 .list li  a:hover { color: #6F78A7; text-decoration: underline;}
.main3 .list li .author { margin-right: 0.5em; display: inline-block; color: #999; }

@media only screen and (max-width:828px) {
	.main3 .list ul { display: block; margin:0 0.7em ;}
	.main3 .list li { line-height: 2.5; height: 2.5em; width: 100%;
	display: flex; justify-content: space-between; align-items: center;}
	.main3 .list li .txt { flex: 1; display: block;}
	.main3 .list li .cate { display: inline;}
	.main3 .list li .name { display: inline;}
	.main3 .list li .author { margin-right: 0; margin-left: 0.5em;}
	.main3 .list li .line { display: none;}
}

.mainCate { text-align: left;
 margin-top: 1%; display: flex; justify-content: space-between; align-items: stretch;
border: 3px solid #c3dfea; }


.mainCate .picList ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: stretch; padding-bottom: 1.4%;}
.mainCate .picList li { width: 31.1%; margin: 1.1% 1.1% 0 1.1%;
 display: flex; justify-content: space-between;
align-items: flex-start;}
.mainCate .picList .picb { border: 1px solid #ddd; width: 8.85em;}
.mainCate .picList .picb .pic {
 position: relative;z-index: 0;
 border: 1px solid #fff; display: block; cursor: pointer;
padding-top: 125%;}
.mainCate .picList .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
 display: block;}
.mainCate .picList .txtb {flex: 1; margin-left: 4.2%;}
.mainCate .picList .txtb .txt { line-height: 2; 
border-bottom: 1px dotted #a6d3e8; display: flex;
justify-content: space-between; align-items: center;}
.mainCate .picList .name { font-weight: bold; margin-right: 0.5em;}
.mainCate .picList .name a { color:#333}
.mainCate .picList .name a:hover { color: #ff0000; text-decoration: underline;}
.mainCate .picList .author { color: #999;}
.mainCate .picList .intro { text-indent: 2em; margin-top: 0.6em; width: 100%; color: #999; line-height: 1.5;
height: 7.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5;}

@media only screen and (max-width:828px) {
  .mainCate { font-size: 14px;border: 0; margin-top: 0; }
  .mainCate .picList ul { padding-bottom: 0.75em; display: block;}
  .mainCate .picList li { padding: 0.75em; width:auto; margin: 0.75em 0 0 0;
  background-color: #fef9ef; border: 1px solid #d7d7d7;
  -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;}
  .mainCate .picList .picb { width: 6.25em;}
  .mainCate .picList .txtb { margin-left: 0.6em;}
  .mainCate .picList .intro { 
  height: 4.5em; 
  -webkit-line-clamp:3;}
}


@media only screen and (max-width:828px) {
	.main .boxB { border: 0; background-color: transparent;}
	.main .boxB .tit  {background: #F6F6F6; font-weight: normal; line-height: 2.5;
    border-top: 1px solid #D7D7D7; font-size: 16px;
    border-bottom: 1px solid #D7D7D7; margin: 0;}
}