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

.navM2 { margin: 1em 1em 0; padding: 1.3em 0 0.9em; display: none; background-color: #fff;
 justify-content: space-around; align-items: stretch;}
.navM2 a {color: #000; }
.navM2 a img { width: 2em; height: 2em; object-fit: contain; margin-bottom: 0.1em;  }

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

.main { display: flex; justify-content: space-between; align-items: flex-start;}
.main .conL { width: 67%;margin-top: 1.6em; }
.main .conR { width: 31.66%;margin-top: 1.6em;}

@media only screen and (max-width:828px) { 
	 .main { display: block; }
	 .main .conL { width: 100%;margin-top: 1.5em; }
	 .main .conR { width: 100%;margin-top: 1.5em;}
	 
}


.navM {padding: 0 1em 0; display: none; background-color: #fff; }
.navM ul{ display: flex;
justify-content: space-between; align-items: flex-end;
  font-size:1.17em; }
.navM li { cursor: pointer; line-height: 3.5em; margin-top: 0.3em; }
.navM li a { display: block; color: #000;
font-weight: bold; position: relative; z-index: 0; }
.navM li.cur {line-height: 4.1em; margin-top: 0;}
.navM li.cur a { color: #ff7f41;font-size: 1.7em; padding-bottom: 0.07em;}
.navM li.cur a::after{ position: absolute; z-index: 10; content: ""; 
display: block;width: 0.84em;
	height: 0.17em;  left: 50%;  margin-left: -0.42em;  bottom: 0; 
	background-color: #ff7f41;
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
	

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

.rankBox_1 { padding-bottom: 1.6em;border: 1px solid #f0f0f0;}
.rankBox_1 .tit { margin: 0 1.2em; display: flex; 
justify-content: space-between; align-items: center;
border-bottom: 1px solid #000;}
.rankBox_1 .tit .name { padding: 0.7em 0 0.6em; font-weight: bold;text-align: left;}
.rankBox_1 .tit .tab{  display: flex; justify-content: flex-start;
 align-items: center;}
.rankBox_1 .tit .tab li { cursor: pointer; padding: 0.6em 0.7em 0;}
.rankBox_1 .tit .tab li.cur { font-weight: bold; color: #ff7f41;}
.rankBox_1 .tit .tab li:last-child { padding-right: 0;}
.rankBox_1 .tit .more {}
.rankBox_1 .tit .more a { color: #666;}
.rankBox_1 .tit .more a:hover { color: #ff7f41;}
 
.rankBox_1 .conRA { display: none; margin: 0 1.2em;}
.rankBox_1 .conRA.show { display: block;}

.rankBox_1 .list ul { margin-top: 0.75em; }
.rankBox_1 .list ul li { padding: 0.25em 0; line-height: 1.87em;
display: flex; justify-content: space-between; align-items:center;}
.rankBox_1 .list .cate {display: block; text-align: center;
border: 1px solid #000; color: #000; height: 1.75em; width: 4.7em; overflow: hidden;}
.rankBox_1 .list .cate:hover { color: #ff7f41; font-weight: bold;
border: 1px solid #ff7f41;}
.rankBox_1 .list .name { color: #333; text-align: left; flex: 1; margin: 0 0.5em;
 height: 1.75em; overflow: hidden;}
.rankBox_1 .list .name a:hover { color: #ff7f41; font-weight: bold;}
.rankBox_1 .list .author { color: #999; text-align: right; height: 1.75em; overflow: hidden; }

@media only screen and (max-width:828px) {

.rankBox_1 { background-color: #fff; border: 0;}

.rankBox_1 .tit .tab {background-color: transparent;}
.rankBox_1 .tit .tab li { margin-left: 0.3em; width: 5em; line-height: 2.3; 
	background-color: #f1f1f1; padding: 0; color: #666;
	 -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;}
.rankBox_1 .tit .tab li.cur { color: #fff; background-color: #067eef; font-weight: normal;
	 }

.rankBox_1 .list {font-size: 1.16em;}
.rankBox_1 .list ul { margin-top: 0.2em; }
.rankBox_1 .list .cate {
border: 1px solid #333; color: #333;}
.rankBox_1 .list .author { display: none;}
.rankBox_1 .list ul li { padding: 0.45em 0; line-height: 1.57em;}
.rankBox_1 .list .cate { height: 1.57em;    height: 1.57em;}
}

.tjRankBox { margin-top: 1em; padding-bottom: 0.75em;border: 1px solid #f0f0f0;}
.tjRankBox .tit { margin: 0 1.2em; display: flex; 
justify-content: space-between; align-items: center;
border-bottom: 1px solid #000;}
.tjRankBox .tit .name { padding: 0.9em 0 0.8em; font-weight: bold;}
.tjRankBox .tit .more { margin-top: 0.3em;}
.tjRankBox .tit .more a { color: #666;}
.tjRankBox .tit .more a:hover { color: #ff7f41;}

@media only screen and (max-width:828px) {
	.tjRankBox {background-color: #fff; border: 0;}
}


.main .tjRankBox { margin-top: 0;}
.main .tjRankBox .tit .name {padding: 0.7em 0 0.6em; color: #ff7f41;}
.main .tjRankBox .tit .more a { color: #ff7f41;}

.tjRankBox .conTj { display: flex; justify-content: space-between; align-items: flex-start;}
.tjRankBox .conTj .conL{ width: 67%;}
.tjRankBox .conTj .conR{ width: 31.66%;}

@media only screen and (max-width:828px) { 
	 .tjRankBox .conTj { display: block; }
	 .tjRankBox .conTj .conL { width: 100%; }
	 .tjRankBox .conTj .conR { width: 100%;}
}


.tjPicList { margin: 0 1.2em; }
.tjPicList ul { margin-top: -0.5em;
display: flex; flex-wrap: wrap;
 justify-content:space-between; align-items: flex-start;}
.tjPicList ul li { margin-top: 1.5em; width: 48.2%; 
display: flex; justify-content:space-between; align-items: flex-start;}
.tjPicList .picb { width: 7.5em;}
.tjPicList .pic { position: relative; z-index: 0; padding-top: 135%;
overflow: hidden;}
.tjPicList .pic img { position: absolute; left: 0; top: 0;
width: 100%; width: 100%;}
.tjPicList .pic .score { position: absolute; top: 0.5em; right: 0.4em; line-height: 2em;
color: #fff; background-color: #ca0202; font-size: 0.75em; padding: 0 0.7em;
-moz-border-radius:0.25em; -webkit-border-radius:0.25em; border-radius:0.25em;}
.tjPicList .pic .score b { font-size: 1.5em;}
.tjPicList .txtb { flex: 1; margin-left:0.7em; text-align: left;}
.tjPicList .txtb .name { margin-top: 0.8em; margin-bottom: 1em; 
height: 3em; line-height: 1.2em; height: 2.4em;
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;}
 .tjPicList .txtb .name a:hover { font-weight: bold;}
.tjPicList .txtb .intro { color: #999; display: flex;
justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.tjPicList .txtb .intro dd  , .jxList .intro a{ color: #999;}
.tjPicList .txtb .intro dl { width: 100%; display: flex; 
justify-content: flex-start; align-items: flex-start;}
.tjPicList .txtb .intro dd { flex: 1; height: 1.5em; overflow: hidden;
}
.tjPicList .txtb .intro dl:nth-child(1) dd { height: auto; max-height: 3em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.tjPicList .txtb .intro dl:nth-child(2) { width: 56%; margin-right: 4%;}
.tjPicList .txtb .intro dl:nth-child(3) { width: 40%;}

@media only screen and (max-width:828px) {

	.tjPicList ul { display: block;}
	.tjPicList ul li {  width: 100%; margin-right: auto; }
	.tjPicList .picb { width: 9.1em;}
	.tjPicList .txtb .name { margin-bottom: 0.4em;}
}


.tjList { margin: 0 1.2em;}
.tjList ul { margin-top: 0.7em;}
.tjList ul li {border-bottom: 1px solid #eee;  line-height: 2.6em;
color: #333; display: flex; justify-content: flex-start; align-items: center;}
.tjList ul li:last-child { border-bottom: 0;}
.tjList .cate {display: block; text-align: center; overflow: hidden;
color: #333;}
.tjList .cate:hover { color: #ff7f41; font-weight: bold;}
.tjList .name { color: #333; height: 2.6em;
 text-align: left; flex: 1; margin: 0 0.5em;overflow: hidden;}
.tjList .name a { color: #333;}
.tjList .name a:hover { color: #ff7f41; font-weight: bold;}
.tjList .author { color: #999; text-align: right; 
 overflow: hidden; }
 
 @media only screen and (max-width:828px) {
	 .tjList ul li { display: none;}
	 .tjList ul li:nth-child(1),
	 .tjList ul li:nth-child(2),
	 .tjList ul li:nth-child(3),
	 .tjList ul li:nth-child(4),
	 .tjList ul li:nth-child(5),
	 .tjList ul li:nth-child(6) { display: flex;}
	 .tjList ul li:nth-child(6) { border-bottom: 0;}
	 
 }

.jxBox { margin-top: 1em; padding-bottom: 1.2em;border: 1px solid #f0f0f0;}
.jxBox .tit { margin: 0 1.2em; display: flex; 
justify-content: space-between; align-items: center;
border-bottom: 1px solid #000;}
.jxBox .tit .name { padding: 0.9em 0 0.8em; font-weight: bold;}
.jxBox .tit .txtT { text-align: left;}
.jxBox .tit .more { margin-top: 0.3em;}
.jxBox .tit .more a { color: #666;}
.jxBox .tit .more a:hover { color: #ff7f41;}

@media only screen and (max-width:828px) {
	.jxBox { background-color: #fff; border: 0;}
}

.jxList { margin: 0 1.2em; }
.jxList ul {  margin-right: -1.75em;
display: flex; flex-wrap: wrap;
 justify-content:flex-start; align-items: flex-start;}
.jxList ul li { margin-top: 1.5em; margin-right: 1.75em; width: 7.5em; overflow: hidden;  }
.jxList .picb { width: 7.5em;}
.jxList .pic { position: relative; z-index: 0; padding-top: 135%;
overflow: hidden;}
.jxList .pic img { position: absolute; left: 0; top: 0;
width: 100%; width: 100%;}
.jxList .txtb { text-align: left;}
.jxList .txtb .name { margin-top: 0.7em; 
height: 1.5em; line-height: 1.5em;  overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;}
 .jxList .txtb .name a:hover { font-weight: bold;}
.jxList .txtb .intro { color: #999; display: flex;  margin-top: 0.2em;
justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.jxList .txtb .intro dl { width: 100%; display: flex; 
justify-content: flex-start; align-items: flex-start;}
.jxList .txtb .intro dl dd { flex: 1; height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}

@media only screen and (max-width:828px) {
	.jxList ul { justify-content: space-between; margin-right: 0;}
	.jxList ul li { display: none;}
	.jxList ul li:nth-child(1),
	.jxList ul li:nth-child(2),
	.jxList ul li:nth-child(3)
	{ display: block;}
	.jxList ul li {  width:31%; margin-right: 0; overflow: hidden;  }
	.jxList .picb { margin: 0 auto; width: 100%;}
	.jxList .picb .pic{-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
}

.chanBoxZ { display: flex; justify-content: space-between; align-items: stretch;}
.chanBoxZ .chanBox { width: 23.7%; margin-top: 1em; padding-bottom: 1em; border: 1px solid #f0f0f0; }

@media only screen and (max-width:828px) {
	.chanBoxZ { display: block;}
	.chanBoxZ .chanBox { width: auto; background-color: #fff; border: 0;}
}

.chanBoxZ .chanBox .tit { margin: 0 1em; display: flex; 
justify-content: space-between; align-items: center;
border-bottom: 1px solid #000;}
.chanBoxZ .chanBox .tit .name { padding: 0.9em 0 0.8em; font-weight: bold;}
.chanBoxZ .chanBox .tit .txtT { text-align: left;}
.chanBoxZ .chanBox .tit .more { margin-top: 0.3em;}
.chanBoxZ .chanBox .tit .more a { color: #666;}
.chanBoxZ .chanBox .tit .more a:hover { color: #ff7f41;}

.chPicList { margin: 0 1em; }
.chPicList ul li { border-bottom: 1px solid #f0f0f0; margin-top: 1em; padding-bottom: 0.9em;
display: flex; justify-content:space-between; align-items: flex-start;}
.chPicList .picb { width: 5em;}
.chPicList .pic { position: relative; z-index: 0; padding-top: 135%;
overflow: hidden;}
.chPicList .pic img { position: absolute; left: 0; top: 0;
width: 100%; width: 100%;}
.chPicList .txtb { flex: 1; margin-right:0.7em; text-align: left;}
.chPicList .txtb .num { font-weight: bold; padding: 0.05em 0.8em 0; 
line-height: 1.9; display: inline-block; color: #fff;background-color: #ff7f41;}
.chPicList .txtb .name { margin-top: 0.5em; margin-bottom: 0.2em; 
height: 1.5em; 
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;}
.chPicList .txtb .name a:hover { font-weight: bold;}
.chPicList .txtb .intro { color: #666; line-height: 1.7;}
.chPicList .txtb .intro dl { width: 100%; display: flex; 
justify-content: flex-start; align-items: flex-start;}
.chPicList .txtb .intro dd { flex: 1; height: 1.7em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}

.chList { margin: 0 1.2em;}
.chList ul { margin-top: 0.6em;}
.chList ul li { padding: 0.5em 0; 
color: #333; display: flex; justify-content: flex-start; align-items: center;}
.chList .num {display: block; text-align: center; overflow: hidden;
color: #666; padding-right: 0.2em;}
.chList .name { color: #333; height: 1.5em;
 text-align: left; flex: 1; margin: 0 0.5em;overflow: hidden;}
.chList .name a { color: #333;}
.chList .name a:hover { color: #ff7f41; font-weight: bold;}


@media only screen and (max-width:828px) {
	.chList ul li { display: none; border-bottom: 1px solid #eee;}
	.chList ul li:nth-child(1),
	.chList ul li:nth-child(2),
	.chList ul li:nth-child(3),
	.chList ul li:nth-child(4),
	.chList ul li:nth-child(5),
	.chList ul li:nth-child(6){display: flex;}
	.chList ul li:nth-child(6) {border-bottom: 0;}
	.chList .num { font-style: italic; color: #999;}
}

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