@charset "utf-8";
/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family:"微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #666;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: url(../images/body_bg.jpg) center 0 no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

input,textarea {
	font-family: "微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #666;outline:none;}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;	padding: 0;	margin: 0;}

h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}

a {	text-decoration: none;	color: #666;}
a:hover {	color: #c89614;	text-decoration: none;}
a img {	border: 0;}

input::-webkit-input-placeholder{	color: #999;}
input::-moz-placeholder{	color: #999;}
input:-ms-input-placeholder{	color: #999;}

textarea::-webkit-input-placeholder{	color: #999;}
textarea::-moz-placeholder{	color: #999;}
textarea:-ms-input-placeholder{	color: #999;}

.wrap { overflow: hidden; }

.con { max-width: 1216px;  margin: 0 auto;position: relative; z-index: 1; }

    .font36{ font-size: 36px;}
	.font24 { font-size: 24px;}
	.font22 { font-size: 22px;}
	.font20 { font-size: 20px;}
	.font18 { font-size: 18px;}
	.font16 { font-size: 16px;}
	.font15 { font-size: 15px;}
	.font14 { font-size: 14px;}
	.font13 { font-size: 13px;}
	.font12 { font-size: 12px;}
	.ms {display: none;}
	.pcs {display: block;}
@media only screen and (max-width:1252px) {
	.con { width:auto; margin: 0 1em; }
}

@media only screen and (max-width:828px) {
	html,body { font-size: 12px;}
	.con { width:auto; margin: 0 1em; }
	 .ms {display: block;}
	 .pcs {display: none;}
}

@media only screen and (max-width:828px) {
.font36{ font-size: 30px;}
.font24 { font-size: 20px;}
.font22 { font-size: 20px;}
.font20 { font-size: 19px;}
.font18 { font-size: 17px;}
.font16 { font-size: 16px;}
.font15 { font-size: 15px;}
.font14 { font-size: 14px;}
.font13 { font-size: 12px;}
.font12 { font-size: 12px;}

}

/*头部*/
.headerW {  width: 100%; padding: 4em 0 ;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0));}
.header { margin: 0 auto; }
.header .con { max-width: 1216px;}
.header .logo {  padding-right: 0.8em; font-size: 36px; letter-spacing: 0.1em; 
font-weight: bold; display: flex; justify-content: center; align-items: center;}

.header .logo a { color: #45bfd0;}
.header .logo img {	display: block;	height:auto; width:100%;}

.header .links {  margin-left: 11%;} 

.btnMenu { display: none;}
.btnSearchM { display: none;
cursor: pointer;padding:0 0.3em; position: absolute; right: 3.5em; top: 1em; color: #fff; }


.searchBoxM {position: fixed; z-index: 2001; left: 0; top: 0; right: 0;
padding: 0 1em 0 0.4em;	 height:4.7em;
background-color: #fda111; display: none;}
.searchBoxM.show { display: none;}

.searchBoxM .arrow { width: 2em; height: 2em; margin-right: 0.3em; cursor: pointer; color: #fff;
display: flex; justify-content: center; align-items: center;}
.searchBoxM .iW {  padding: 0 1em; flex: 1; border: 1px solid #fff;}
.searchBoxM .iW .input { width: 100%; color: #fff; background-color: transparent;
border: 0; outline-width: 0; margin: 0; padding: 0; line-height: 2.7em; height: 2.7em;}
.searchBoxM .iW .input::-webkit-input-placeholder{	color: #fff;}
.searchBoxM .iW .input::-moz-placeholder{	color: #fff;}
.searchBoxM .iW .input:-ms-input-placeholder{	color: #fff;}

.searchBoxB { margin: 1.5em auto 0; width:60%;  
 border: 0.7em solid rgba(255,255,255,0.4); 
 -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;}
.searchBox { overflow: hidden; color: #8b8175; background-color: #fff;}
.searchBox form {display: flex; justify-content: space-between; align-items: center; }
.searchBox form i { color: #fff;}
.searchBox form .iw { flex: 1; padding: 0.1em 0.8em 0; }
.searchBox form .iw .input { font-size: 1.05em; line-height: 2.4em; height: 2.4em;
 width: 100%; outline-width: 0; border: 0; margin: 0; padding: 0;
 background-color: transparent; color: #8b8175;}
.searchBox form .btnSearch { 
	cursor: pointer; width:7em; height: 2.6em; line-height: 2.6em;
color: #fff; outline-width: 0; border: 0; 
background: #3fc0d4;}

.searchBox form .iw .input::-webkit-input-placeholder{	color: #8b8175;}
.searchBox form .iw .input::-moz-placeholder{	color: #8b8175;}
.searchBox form .iw .input:-ms-input-placeholder{	color: #8b8175;}

@media only screen and (max-width:828px) {
	.searchBoxB { width:auto;  }
	.searchBox {  margin: 0; width: 100%;}
	.searchBoxW { font-size: 12px;}
	.btnMenu { cursor: pointer;padding:0 0.3em;	position: absolute; right: 0.5em; top: -2em; color: #fff; display: block;}
	.btnSearchM { display: block; color: #fff;}
	.searchBoxM.show { display: flex; justify-content: space-between; align-items: center;}
}

.btnShelf { margin-left: 10%; padding: 0 1.2em; line-height: 2.8; 
background-color: #0151ca; color: #fff;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
.btnShelf i { margin-right: 0.2em;}
.btnShelf:hover { color: #fff;}

.navBox { margin-top: 0.6em; 
    background: rgba(2555,255,255,0.5);    padding:0.2em 1.2em 1.2em;    text-align: left;
	-moz-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em;}
.navBox  ul { margin-right: -0.7em; }
.navBox a {  margin: 1em 0.7em 0 0; display: inline-block;
    background-color: rgba(255, 255, 255, 0.7);
    color: #0050c5;
    border: 1px solid rgba(255, 255, 255, 0.4);
 line-height: 2.7em; padding: 0.1em 1.2em 0;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
.navBox a:hover { background-color: #e9f0ef; color: #0151ca;}
.navBox a.cur {background-color: #0151ca; color: #fff;border: 1px solid #0151ca;}

@media only screen and (max-width:828px) {
.header { width: 100%; }
.header .con { width: auto; margin: 0 1em; }
.header .logo { border-right: 0; padding: 0.3em 0 0.3em ; display: block;text-align: center;}
.header .links { width: 100%; height: auto; padding-bottom: 0.4em;
 font-size: 12px; display: none; justify-content: flex-end; align-items: center;} 
.header .links.show { display: flex;}
.header .links .searchBoxW { margin-right: 0.3em;}
.header .links .btnSearchT { margin: 0 0em 0 0.4em;}

.btnShelf { display: none;}
}

/*头部导航*/
.navW { margin-top: 1em; display: flex; justify-content: center; align-items: center; }
.nav>ul {display: flex; justify-content:center; align-items: center;}
.nav>ul>li { margin-right: 1.8em; cursor: pointer; line-height: 1.7; }
.nav>ul>li>a,.nav>ul>li>span {	position: relative;	z-index: 1;  color: #fff;}
.nav>ul>li>a:hover {color: #16baaa;}
.nav>ul>li>a::after { content: ""; display: block; bottom: 0; height: 2px; 
background-color: #16baaa; width: 0;
transition: all 0.5s;
-webkit-transition:all 0.5s;  margin: 0 auto 0 0;}
.nav>ul>li>a:hover::after { width: 100%;}

@media only screen and (max-width:828px) {
	.navW { border-top:1px solid #3277b3 ; display: none; margin: 0 -1em; 
	padding-bottom: 0.2em; line-height: 3; padding-top: 0.1em; }
	.navW.show { position: fixed; z-index: 1000;
	 left: 0; top: 0; width: 100%; height: 100vh; background-color: #fff;
	 display: block;}
	.nav { padding: 0.5em 0; border-top:1px solid #4684b9 ;width: 100%;}
	.nav>ul { justify-content: space-around;}
	.nav>ul>li { margin: 0 0.5em;}
	.nav>ul>li>a, .nav>ul>li>span { color: #fff !important;}
}

.navMask {position: fixed; z-index:901; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5);
display: none;}
.navMask.show { display: block;}
.navM { position: fixed; z-index: 902; top: 0; left: -100%; width: 100%; height: 100vh;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.navM.show { left:0;}
.navM .close { cursor: pointer; position: absolute; right: 0; top: 0.5em; width: 2em; height: 2em; color: #666;}
.navM ul { position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: auto; padding-top: 4em;  
width: 70%; margin: 0 auto 0 0; 
background-color: #f5f5f5;}
.navM ul li { line-height: 3.2; text-align: left; padding: 0 2em;}
.navM ul li a { color: #333;}
.navM ul li a i { font-size: 1.2em;}


@media only screen and (max-width:1080px) {
	.btnShelf { margin-left: 6%;}
}

@media only screen and (max-width:980px) {
	.header .links { margin-left: 3%;}
	.btnShelf { margin-left: 3%;}
}
@media only screen and (max-width:920px) {
	.header .links { margin-left: 1%;}
	.btnShelf { margin-left: 1%;}
	.nav>ul>li { margin-right: 0.5em;}
}

.cateHBox { margin-top: 1.5em;}
.cateHBox ul {display: flex; flex-wrap: wrap;
 justify-content: center; align-items: center;}
.cateHBox li { font-weight: bold; padding: 0 1em; line-height: 1.8em; text-align: center;}
.cateHBox li a { color: #fff;}
.cateHBox li a:hover { color: #eee;text-decoration: underline;}
@media only screen and (max-width:828px) {
	.cateHBox  { font-size: 16px;}
	.cateHBox li { padding: 0 0.5em;}
}

.hotBox { margin-top: 1.6em; padding:1.3em 1em;  
	background-image: linear-gradient(to bottom, rgba(232,232,232,1), rgba(255,255,255,1));
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
-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);
background: url(../images/box_bg.jpg) center 0 no-repeat;
background-size:cover ;}
.hotBox .tit { padding: 0 0.9em; text-align: left; color: #fff; font-weight: bold;}

.hotBox .picListH ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.hotBox .picListH ul li { width: 18%; margin: 1em 1% 0;
background-image: linear-gradient(to bottom, rgba(232,232,232,1), rgba(255,255,255,1));
-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}

.hotBox .picListH .picb {margin:0 auto 0;  width: 100%; 
 overflow: hidden;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
-moz-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);}
.hotBox .picListH .pic { display: block; cursor: pointer;
 position: relative; z-index: 0; padding-top:133.33%;
overflow: hidden; background: url(../images/loading.gif) center center no-repeat;
background-size:contain ;}
.hotBox .picListH .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.hotBox .picListH .picb:hover img {
	-ms-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);}
.hotBox .picListH .txtb { margin: 1.2em 1em 1em; flex: 1; 
 text-align: center; color:#666;}
.hotBox .picListH .txtb .name { color: #666;
  height: 1.5em; line-height: 1.5; 
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;}
.hotBox .picListH .txtb .name a {color: #333; }
.hotBox .picListH .txtb .name a:hover { color: #fda111;}
.hotBox .picListH .txtb .intro { 
 margin-top:0.7em;  height: 3.2em; line-height: 1.6em; text-align: left;
 overflow: hidden; 
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2; color: #999;}
.hotBox .picListH .txtb .about {color: #666; margin-top: 0.7em;}

@media only screen and (max-width:828px) {
	.hotBox .picListH ul li { width: 46%; margin: 1em 2% 0;}
	.hotBox .picListH ul li:nth-child(5) { display: none;}
}


.iBox .picListH1 ul { display: flex; flex-wrap: wrap; 
justify-content: flex-start; align-items: flex-start; margin: 0 -3%; }
.iBox .picListH1 ul li { width: 42%; margin: 1em 4% 0;}

.iBox .picListH1 .picb {margin:0 auto 0;  width: 100%; 
 overflow: hidden;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
-moz-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);}
.iBox .picListH1 .pic { display: block; cursor: pointer;
 position: relative; z-index: 0; padding-top:133.33%;
overflow: hidden; background: url(../images/loading.gif) center center no-repeat;
background-size:contain ;}
.iBox .picListH1 .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.iBox .picListH1 .picb:hover img {
	-ms-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);}
.iBox .picListH1 .txtb { margin: 0.8em 0 0.2em; flex: 1; 
 text-align: center; color:#666;}
.iBox .picListH1 .txtb .name { color: #666;
  height: 3em; line-height: 1.5; 
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;}
.iBox .picListH1 .txtb .name a {color: #333; }
.iBox .picListH1 .txtb .name a:hover { color: #fda111;}
.iBox .picListH1 .txtb .intro { 
 margin-top:0.7em;  height: 3.2em; line-height: 1.6em; text-align: left;
 overflow: hidden; 
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2; color: #999;}
.iBox .picListH1 .txtb .about {color: #666; margin-top: 0.7em; display: inline-block;}
.iBox .picListH1 .txtb .about .author {display: inline-block;}
.iBox .picListH1 .txtb .about .label {display: inline-block;}

@media only screen and (max-width:828px) {
	.iBox .picListH1 ul li { width: 46%; margin: 1em 2% 0;}
	.iBox .picListH1 ul li:nth-child(5) { display: none;}
}

.cateBox { margin-top: 1.6em; padding:1.3em 1em;  
	background-image: linear-gradient(to bottom, rgba(232,232,232,1), rgba(255,255,255,1));
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
-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);
}
.cateBox ul {display: flex; flex-wrap: wrap;
 justify-content: center; align-items: center;}
.cateBox li { padding: 0 2em; line-height: 2em; text-align: center;}
.cateBox li a.cur { padding: 0 1em; display: inline-block;
 color: #fff; background-color: #fda111; 
 -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}

@media only screen and (max-width:828px) {
	.cateBox li { padding: 0; width: 25%;}
}
@media only screen and (max-width:370px) {
	.cateBox li { padding: 0; width: 33.3%;}
}

.main {  display: flex; flex-wrap: wrap; justify-content: space-between; 
align-items: stretch; 
background-color: #fff;margin-top: 1em; padding: 0 1em;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.main .conL { width: 24.1%; }
.main .conC { flex: 1; margin: 0 1em; }
.main .conC1 {width: 24.1%; }
.main .conC2 {width: 24.1%; }
.main .conR {width: 24.1%; }

.main .conL2 {width: 23%; background-color: #eee; margin: 1em 0;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.main .conR2 { flex: 1; margin-left: 2.6%;}

.main .conL3 {width: 15%; border-right:1px solid #ccc ;}
.main .conR3 { flex: 1; margin-left: 2.6%;}

.main .conL4 {flex: 1; margin-right: 2.6%;	}
.main .conR4 { width: 23%; background-color: #eee; margin: 1em 0;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}



@media only screen and (max-width:828px) {
	.main { display: block;}
	.main .conL { width: 100%;}
	.main .conC { width: auto;}
	.main .conR { width: 100%;}
	.main .conC1 { width: 100%; }
	.main .conC2 { width: 100%; }
	
	.main .conL2 {width: auto; }
	.main .conR2 {width: auto; margin-left: 0;}
	
	.main .conL3 {width: auto;  border-right:0; border-bottom: 1px solid #eee;}
	.main .conR3 {  margin-left: auto;}
	
	.main .conL4 {width: auto;margin-right: 0; }
	.main .conR4 {width: auto; margin-left: 0;}
}

.hotNav { line-height: 3; text-align: right;}
.hotNav .tit { color: #333; padding: 0 1em 0 1em; }
.hotNav a { color: #333; display: block; padding: 0 1em 0 1em;}
.hotNav .cur a { display: block; background-color: #cff3f8;
border-right: 2px solid #3fc0d4;}

@media only screen and (max-width:828px) {
	.hotNav {text-align: left;}
	.hotNav .tit { padding: 1em 0 0; }
	.hotNav ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
	.hotNav .cur a { 
		border-right: 0;
		border-bottom: 2px solid #3fc0d4;
	}
}

.iBox { margin-top: 1em;text-align: left;  }
.main .conL2 .iBox { margin: 0 1em;}

.main .conR4 .iBox { margin: 0 1em;}

.fBox { padding: 1em 1em 1em; background-color: rgba(255,255,255,0.4);
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.zBox { padding: 1em 1em 1em; 
background-image: linear-gradient(to bottom, rgba(158,227,237,1) 0, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.iBox .tit { padding: 0.75em 0 0.5em; line-height: 2em; text-align: left; 
color: #333; border-bottom: 2px solid #45bfd0;
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

@media only screen and (max-width:828px) {
	.iBox { padding-top: 1em; padding-bottom: 1em;}
	.iBox .tit { padding: 1em 0;}
}

.iBox .tit .name { font-size: 24px; display: inline-block; font-weight: bold;
 color: #3fc0d4;}
 .iBox .tit .name::before { width: 0.4em; vertical-align: middle; height: 0.4em; 
 content: ""; display: inline-block; position: relative; top: -0.1em;
background:#3fc0d4
}
.iBox .tit .name span { font-weight: normal;}
.iBox .tit .more { display: inline-block; margin-left: 1em; color: #0c92a5;
font-size: 14px;}
.iBox .tit .more:hover { color: #3fc0d4;}

.iBox .tit.titYell { border-bottom: 1px solid #fba715;color:#fba715;}
.iBox .tit.titYell .name::before { background-color: #fba715;}
.iBox .tit.titYell .name {color:#fba715; }

.iBox .tit.titGray { border-bottom: 1px solid #333;color:#333;}
.iBox .tit.titGray .name::before { background-color: #333;}
.iBox .tit.titGray .name {color:#333; }

.iBox .picList ul { padding-bottom: 1em;
 display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.iBox .picList ul li { position: relative; z-index: 0;
 margin-top: 1.8em; margin-right: 3.2%; width:48.4%;
display: flex; justify-content: space-between; align-items: flex-start;
transition: all 0.3s;
-webkit-transition:all 0.3s;}
.iBox .picList ul li:nth-child(2n) { margin-right: 0;}

.iBox .picList .picb { border: 0.3em solid #0398ad; margin-right: 1em; width: 6em; overflow: hidden;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
-moz-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);}
.iBox .picList .pic { display: block; cursor: pointer;
 position: relative; z-index: 0; padding-top:8em;
overflow: hidden; background: url(../images/loading.gif) center center no-repeat;
background-size:contain ;}
.iBox .picList .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.iBox .picList .picb:hover img {
	-ms-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);}
.iBox .picList .txtb { margin: 0 ; flex: 1; 
 text-align: left; color:#666;}
.iBox .picList .txtb .name { color: #666;
  height: 1.5em; line-height: 1.5; 
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;}
.iBox .picList .txtb .name a {color: #333; }
.iBox .picList .txtb .name a:hover { color: #fda111;}
.iBox .picList .txtb .intro { 
 margin-top:1.2em;  height: 3.2em; line-height: 1.6em; 
 overflow: hidden; 
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2; color: #999;}
 .iBox .picList .txtb .about {color: #aaa; margin-top: 1.2em;}
 
 .iBox .picList1 ul { padding: 1em 0;}
 .iBox .picList1 ul li { position: relative; z-index: 0;
 padding: 1.2em 1em;
 display: flex; justify-content: space-between; align-items: flex-start;
 transition: all 0.3s;
 -webkit-transition:all 0.3s;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
  .iBox .picList1 ul li:nth-child(2n) {background: #f7f6f6;}
  .iBox .picList1 ul li:hover { background-color: #eee;}
 .iBox .picList1 .picb { position: relative; z-index: 0; border: 0.3em solid #0398ad; 
 margin-right: 1em; width: 7em; overflow: hidden;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 -moz-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
 -webkit-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
 box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);}
 .iBox .picList1 .picb .rank { position: absolute; z-index: 2; padding: 0.2em 0.6em 0.1em;
 left: 0; top: 0; background-color: #111111; color: #fff; font-size: 12px;
 -moz-border-bottom-right-radius:0.5em; 
 -webkit-border-bottom-right-radius:0.5em; 
 border-bottom-right-radius:0.5em;
 }
  .iBox .picList1 li:nth-child(1) .picb .rank {
	  background-color: #12a3ba;
  }
  .iBox .picList1 li:nth-child(2) .picb .rank {
  	  background-color: #12a3ba;
  }
  .iBox .picList1 li:nth-child(3) .picb .rank {
  	  background-color: #12a3ba;
  }
 .iBox .picList1 .pic { display: block; cursor: pointer;
  position: relative; z-index: 0; padding-top:133.33%;
 overflow: hidden; background: url(../images/loading.gif) center center no-repeat;
 background-size:contain ;}
 .iBox .picList1 .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
 .iBox .picList1 .picb:hover img {
 	-ms-transform: scale(1.1, 1.1);
 		-webkit-transform: scale(1.1, 1.1);
 		transform: scale(1.1, 1.1);}
 .iBox .picList1 .txtb { margin: 0 ; flex: 1; 
  text-align: left; color:#666;}
 .iBox .picList1 .txtb .name { margin-top: 0.3em; color: #666;
   height: 1.5em; line-height: 1.5; 
  overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;}
 .iBox .picList1 .txtb .name a {color: #333; }
 .iBox .picList1 .txtb .name a:hover { color: #fda111;}
 .iBox .picList1 .txtb .intro { 
  margin-top:1.2em;  height: 4.8em; line-height: 1.6em; 
  overflow: hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3; color: #999;}
  .iBox .picList1 .txtb .about {color: #aaa; margin-top: 1.2em;}
 /**/
 
 
 .iBox .shelfList ul { padding-bottom: 1em;
  display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
 .iBox .shelfList ul li { position: relative; z-index: 0;
padding: 1em 0; margin-right: 2%; width:49%;
 display: flex; justify-content: space-between; align-items: flex-start;
 transition: all 0.3s;
 -webkit-transition:all 0.3s;
 
 background-image: linear-gradient(to top,  #eee 40%, #fff 100%);
 }
 .iBox .shelfList ul li:nth-child(2n) { margin-right: 0;}
 
 .iBox .shelfList .picb { margin-left: 1em; border: 0.3em solid #0398ad; margin-right: 1em; 
  width:7em; overflow: hidden;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 -moz-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
 -webkit-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);
 box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, .15);}
 .iBox .shelfList .pic { display: block; cursor: pointer;
  position: relative; z-index: 0; padding-top: 133.33%;
 overflow: hidden; background: url(../images/loading.gif) center center no-repeat;
 background-size:contain ;}
 .iBox .shelfList .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
 .iBox .shelfList .picb:hover img {
 	-ms-transform: scale(1.1, 1.1);
 		-webkit-transform: scale(1.1, 1.1);
 		transform: scale(1.1, 1.1);}
 .iBox .shelfList .txtb { margin: 0 1em 0 0; flex: 1; 
  text-align: left; color:#666;}
 .iBox .shelfList .txtb .name { color: #666;
   height: 1.5em; line-height: 1.5; 
  overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;}
 .iBox .shelfList .txtb .name a {color: #333; }
 .iBox .shelfList .txtb .name a:hover { color: #fda111;}
 .iBox .shelfList .txtb .intro { 
margin-top: 0.4em; height: 3.2em; line-height: 1.6em; 
  overflow: hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; color: #999;}
  .iBox .shelfList .txtb .about {color: #aaa;  margin-top: 0.4em}
 .iBox .shelfList .btnW { text-align: left;}
 
 .iBox .rankList {  margin-top: 0.8em; 
 padding: 0.8em 0 0; margin-bottom: 1em;
 background-color:#fff9f8;
 -moz-border-radius:0.9em; -webkit-border-radius:0.9em; border-radius:0.9em;}
 .iBox .rankList li{ padding:0.4em 1em; }
 .iBox .rankList li:last-child { border-bottom: 0;}
 .iBox .rankList li a {color:#333;display: flex; 
 justify-content: space-between; align-items: center; cursor: pointer;}
 .iBox .rankList li a:hover .name { color: #fd9222;}
 .iBox .rankList .num { width: 2em; height: 2em; 
   line-height: 2em; color: #fd9222; background-color: #fae5cf;
  display: block; margin-right: 0.8em; font-weight: bold; text-align: center;}
 .iBox .rankList .txtb { flex: 1;}
 .iBox .rankList .name {  height:1.5em; overflow: hidden;  
 display: block; line-height: 1.5em; color: #333;}
 .iBox .rankList .count { margin-left: 1em; color: #999;}
 .iBox .rankList li:first-child .num {
	 background:#fba715 ;color: #fff;
 }
 .iBox .rankList li:nth-child(2) .num {
	background:#fba715 ;color: #fff;
 }
 .iBox .rankList li:nth-child(3) .num {
	 background:#fba715 ;color: #fff;
 }
 
 .iBox .list  { margin-bottom: 1.2em; margin-left: 1em; margin-right: 1em;}
 .iBox .list li{ margin-top: 0.7em; color: #333;
 display: flex; justify-content: space-between; align-items: center;}
 .iBox .list .name{ flex: 1; height: 1.5em; overflow: hidden; 
 margin-right:0.5em; display: block;
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;}
 .iBox .list .author{ display: inline-block;height: 1.5em; overflow: hidden; color: #999;}

@media only screen and (max-width:828px) {
	 .iBox .list { margin-left: 1em; margin-right: 1em;}
}

.speList { margin: 1em 1em 0; padding-bottom: 0.6em;}
.speList a { color: #666; margin-right: 0.8em; display: inline-block; }
.speList a:hover{ color: #000;}

@media only screen and (max-width:828px) {
	.speList { margin-left: 1em; margin-right: 1em;}
}

.lastList { width: 100%; text-align: left; line-height: 3.2em; }
.lastList .titLi { background-color: #f8f8f8;  line-height: 3.2;
color: #999; text-align: left;}
.lastList .titLi .txtb  {color: #999; flex: 1; height: 2.8em; 
display: flex; 
justify-content: flex-start; align-items: flex-start;}
.lastList .titLi .name { flex: 1; color: #999; }
.lastList .titLi .cName {flex: 1;  margin-right: 1em;  color: #999; }
.lastList .titLi .cate { color: #999;}
.lastList .titLi .author { color: #999;width: 6em; margin-right: 2em;}
.lastList .titLi .num {color: #999; width: 6em; margin-right: 1em;}
.lastList .titLi .time {   width: 7em;}
.lastList a { color: #333; }
.lastList a:hover{ color: #a46601;}
.lastList li { padding: 0 1.2em; display: flex; justify-content: space-between; 
align-items: center;  border-bottom: 1px dotted #a6e4ee; text-align: left;}
.lastList li:nth-child(2n+1){ background-color: #f8f8f8; }
.lastList .txtb { flex: 1;  margin: 0 1em 0 1em;
height: 2.8em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.lastList li:last-child { border-bottom: 0;}
.lastList li .cate { color: #999; display: block; width: 5em;}
.lastList li .cate a { color: #999; }
.lastList li .cate a:hover{ color: #a46601; text-decoration: underline;}
.lastList li .txtb  {color: #333; flex: 1; height: 2.8em; 
display: flex; 
justify-content: flex-start; align-items: flex-start;}
.lastList li .name {flex: 1; margin-right: 1em;  display: block;}
.lastList li .cName { flex: 1; display: block;}
.lastList li .name a { color: #1dabc1; }
.lastList li .name a:hover{ color: #a46601; text-decoration: underline;}
.lastList li .cName a { color: #1dabc1; }
.lastList li .cName a:hover{ color: #a46601; text-decoration: underline;}
.lastList li .author { width: 6em; margin-right: 2em; color: #999;}
.lastList li .num { color: #999; width: 6em; margin-right: 1em;}
.lastList li .time { color: #999; width: 7em;}

@media only screen and (max-width:828px) {
	.lastList .titLi .cName { display: none;}
	.lastList li .cName { display: none;}
	.lastList li .author { display: none;}
	.lastList li .num{ display: none;}
	.lastList .titLi .time { display: none;}
	.lastList li .time { display: none;}
}

.iBox .tab ul{ margin-bottom: 0.5em;
 border-bottom: 1px solid #ccc;
  display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #666;
  -moz-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em;}
.iBox .tab li { position: relative; z-index: 0;
line-height: 3; padding: 0 1.6em 0; cursor: pointer; }
.iBox .tab li.cur::after { content: ""; display: block;
 position: absolute; left: 0; right: 0; height: 2px; background-color: #0d8ea2;
bottom: -1px;}
.iBox .tab li i { color: #999;}
.iBox .tab li.cur { color: #fff;  background-color: #3fc0d4;font-weight: bold;}
.iBox .conP { display: none;}
.iBox .conP.show { display: block;}

.iBox .tab2 li { flex: 1; text-align: center;}

.iBox .tab22 { padding-top: 0.5em;}
.iBox .tab22 li { flex: 1; text-align: center;}


@media only screen and (max-width:828px) {
	.iBox .tit .tab { margin-top: 0.6em; width: 100%;}
}

@media only screen and (max-width:828px) {
	.iBox .picList ul li { margin-right: 0; width: 100%;}
}

.iBox .btnW { text-align: center;}

.popupNav { display: none; position: fixed; z-index: 400;
left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.6);
}
.popupCon { overflow: hidden; position: relative; z-index: 0; height: 100vh;
 width: 100%; margin: 0 auto 0 0;
background: #fff ;
display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.popupCon .navM {flex: 1; display: block;}

.position {text-align: left;  padding:1.2em 0 1.2em; width: 100%;}
.position span.arrow { display: inline-block; margin: 0 0.1em;}
.position span { display: inline-block; }

.conBox .position { width: auto; }

.posiRead { display: flex; justify-content: space-between; align-items: flex-start;
flex-wrap: wrap; padding-top: 0;padding-bottom: 0;}
.posiRead .posiTxt { padding: 0.8em 0;}

/*底部*/
.footer {margin-top: 4em;  text-align: center; width: 100%;border-top: 0.3em solid rgba(255,255,255,0.7);
 color: #333; background-color: #bbb;}
.footer .con {padding: 1.9em 0 2em; line-height: 2; display: flex; 
justify-content: space-between; align-items: center; }
.footer .fNav { margin-right: 1em; margin-bottom: 0.8em; color: #333;}
.footer .fNav a { margin: 0 0.8em;}
.footer a { display: inline-block; color: #333;}
.footer a:hover { color: #000;}
.footer  .copyRight {text-align: left;}

@media only screen and (max-width:828px) {
	.footer .con { display: block;}
	.footer  .copyRight {text-align: center;}
}

.page { margin-top: 1.2em; padding-bottom: 2em;	text-align: center;	color: #333;	}
.page a,.page .cur { background-color: #eee; 
border: 1px solid #ccc;
	display: inline-block;	color: #333; 
	padding: 0.1em 1.3em 0; min-width: 2.7em;
	margin: 0.4em 0.2em 0; line-height: 2.8em;
	-moz-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em;	}
.page a:hover { background-color: #eee; color: #333;}
.page .num { margin: 0 0.8em;}
.page .cur { background-color: #fda111;color: #fff;}
.page .cur:hover { background-color: #fda111;color: #fff;}

.page2 { display: flex; justify-content: space-between; align-items: center;
	margin: 0.8em 0 0; padding-bottom: 1em; 	text-align: center;	color: #fff;
	line-height: 2.4em; font-size: 14px;}
.page2 .selectW { flex: 1; margin: 0 0.8em;}
.page2 .select { cursor: pointer; font-size: 1em; border: 1px solid #ddd;
 width: 100%; text-align: center;color: #666;
line-height:2.6em; height: 2.6em; outline: none; 
background-color: transparent;
-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}
.page2 .select option { color: #000;}
.page2 a { padding: 0 1.5em; display: block; cursor: pointer;
color: #fff; background-color: #3fc0d4; border: 1px solid #3fc0d4;
-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}
.page2 .disabled {padding: 0 1.5em; display: block;
background-color:#eee; border: 1px solid #ddd;
color: #999;-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}

.readPage { text-align: center;}
/* .readPage a { color: #666; cursor: pointer;  display: inline-block;
padding: 0.8em 0 0.7em;border-right: 1px solid rgb(191 191 191 / 24%)}
.readPage a:hover { background-color: #fff; color: #007ead;}
.readPage a:last-child { border-right: 0;} */

.btnBlue {
	cursor: pointer; margin-right: 0.4em;
		margin-top: 1em; padding: 0 1.5em; line-height: 3.1;
		display: inline-block; color: #fff; background-color: #0149b2;	
		border: 1px solid rgba(255,255,255,0.5);
	-moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;}
.btnBlue .fa { margin-right: 0.3em;}
.btnBlue:hover { color: #fff; background-color: #013e97;}

.btnGreen {
	cursor: pointer; margin-right: 0.4em;
		margin-top: 1em; padding: 0 1.5em; line-height: 3.1;
		display: inline-block; color: #fff; background-color: #3fc0d4;	
		border: 1px solid #26b1c6;
		transition: all 0.3s;
		-webkit-transition:all 0.3s;
	-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}
.btnGreen .fa { margin-right: 0.3em;}
.btnGreen:hover { color: #fff; background-color: #26b1c6;}

.btnYell { cursor: pointer; margin-right: 0.4em;
	margin-top: 1em; padding: 0 1.5em; line-height: 2.8;
	display: inline-block; color: #fff; background-color: #fda111;	
	border: 1px solid #fda111;
-moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;
}
.btnYell:hover { color: #fff; background-color: #d64914;	}

.btnGray2 { margin-right: 0.4em;
		margin-top: 1em; padding: 0 1.5em; line-height: 3.1;
		display: inline-block; 
		color:#999;
		border: 1px solid #ccc;
		transition: all 0.3s;
		-webkit-transition:all 0.3s;
	-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}
.btnGray2:hover { color: #fff; background-color: #26b1c6;}

.btnGray {	cursor: not-allowed; 
margin-right: 0.4em;
		margin-top: 1em; padding: 0 1.5em; line-height: 3.1;
		display: inline-block; 
		color:#999;
		border: 1px solid #ccc;
		transition: all 0.3s;
		-webkit-transition:all 0.3s;
	-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}
.btnGray:hover { color: #999;}

/*弹出框 错乱漏章催更*/
.popupError { position: fixed; z-index: 1000; left: 0; top: 0;
width: 100%; height: 100%; display: none; justify-content: center; align-items: center;
background-color: rgba(0,0,0,0.5);}
.popupError.show { display: flex;}
.popupError .popupBox { position: relative; z-index: 0;
 max-width: 560px; background-color: #fff;
 width: 80%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
 .popupError .popupBox .close { cursor: pointer; 
 position: absolute; right: 0; top: -3.5em;
 background: url(../images/close_2.png) center center no-repeat;
 background-size:contain;
 width: 2.5em; height: 2.5em;}
.popupError .popupBox .conP{ padding: 7% 10.7%;}
.popupError .popupBox .tit { font-weight: bold; color: #000;}
.popupError .popupBox .list { margin-top: 2.2em;}
.popupError .popupBox .list li {  margin-top: 0.9em;
 line-height: 3;  border: 1px solid #e0e0e0; cursor: pointer;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
 .popupError .popupBox .list li.sel { border: 1px solid #007ead; color: #007ead; }
.popupError .popupBox .list dl { margin-top: 0.9em; color: #000; border: 1px solid #e0e0e0;
display: flex; justify-content: flex-start; align-items: flex-start;
padding: 1em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupError .popupBox .list dd { flex: 1;}
.popupError .popupBox .list .textarea { display: block; flex: 1; border: 0; margin: 0; padding: 0;
width: 100%; font-size: 1em; line-height: 1.5; height: 6em;}

.popupError .popupBox .btnBlue { cursor: pointer;
 line-height: 2.7; color: #fff; display: block; background-color: #007ead;
padding: 0 3.5em;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}

.popupError .popupBox .btnW { margin-top: 1.9em;}
.popupError .popupBox .btnGreen { line-height: 2.7; display: inline-block;padding: 0 3.5em;}
.popupError textarea::-webkit-input-placeholder{color: #ccc;}
.popupError textarea::-moz-placeholder{	color: #ccc;}
.popupError textarea:-ms-input-placeholder{	color: #ccc;}

@media only screen and (max-width:828px) {
	.popupError .popupBox { 
	 -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
}


/*弹出框 求书*/
.popupAsk{ position: fixed; z-index: 1000; left: 0; top: 0;
width: 100%; height: 100%; display: none; justify-content: center; align-items: center;
background-color: rgba(0,0,0,0.5);}
.popupAsk.show { display: flex;}
.popupAsk .popupBox { position: relative; z-index: 0;
 max-width: 560px; background-color: #fff;
 width: 80%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
 .popupAsk .popupBox .close { cursor: pointer; 
 position: absolute; right:0; top: -2.5em;
 background: url(../images/close_2.png) center center no-repeat;
 background-size:contain;
 width: 2em; height: 2em;}
.popupAsk .popupBox .conP{ padding: 7% 10.7%;}
.popupAsk .popupBox .tit { font-weight: bold; color: #000;}
.popupAsk .popupBox .iW {  margin-top: 0.9em; padding:0 1em;
 line-height: 3;  border: 1px solid #e0e0e0; cursor: pointer;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupAsk .popupBox .iW .input { font-size: 1em; width: 100%; border: 0; outline-width: 0;
 line-height: 3em; color: #000; background-color: transparent;}
 .popupAsk .popupBox .list { margin-top: 2em;}
.popupAsk .popupBox .list dl { margin-top: 0.9em; color: #000; border: 1px solid #e0e0e0;
display: flex; justify-content: flex-start; align-items: flex-start;
padding: 1em;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupAsk .popupBox .list dd { flex: 1;}
.popupAsk .popupBox .list .textarea { display: block; flex: 1; border: 0; margin: 0; padding: 0;
width: 100%; font-size: 1em; line-height: 1.5; height: 6em; background-color: transparent;}

.popupAsk .popupBox .btnW { margin-top: 3em;}
.popupAsk .popupBox .btnBlue { cursor: pointer;
 line-height: 2.7; color: #fff; display: block; background-color: #007ead;
padding: 0 3.5em;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
.popupAsk .popupBox .btnRed { width: 6em;}
.popupAsk input::-webkit-input-placeholder{	color: #000;}
.popupAsk input::-moz-placeholder{	color: #000;}
.popupAsk input:-ms-input-placeholder{	color: #000;}

.popupAsk textarea::-webkit-input-placeholder{	color: #ccc;}
.popupAsk textarea::-moz-placeholder{	color: #ccc;}
.popupAsk textarea:-ms-input-placeholder{	color: #ccc;}

@media only screen and (max-width:828px) {
	.popupAsk .popupBox { 
	 -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
}.bgCon { background: url(../images/bg_2.png) center bottom repeat-x; padding-bottom: 1.6em;
background-size: 70em auto; position: relative; z-index: 0;}
.bgCon  .bookPic { position: absolute; top: 4em; right: 0;
	background: url(../images/bg_3.png) right top no-repeat;
background-size:contain ;
width: 14em; height: 10em;}

/* ==== autofix_20261017: nav layout + mobile decoration overlap ==== */
.nav>ul>li a div { white-space: nowrap; }
@media only screen and (max-width:828px) {
  .bgCon .bookPic, .bookPic { display: none !important; }
}

/* ==== autofix2_20261017: logo nowrap ==== */
.logo a, .logo { white-space: nowrap; flex-shrink: 0; }

/* ==== autofix3_20261017: restore missing template rules (blue theme) ==== */
.iBox .picList .txtb .author { font-weight: bold; margin-top: 0.2em; color: #666; height: 1.3em; line-height: 1.3; overflow: hidden; }
.iBox .rankList .state { display: block; overflow: hidden; color: #0151ca; }
.lastList a { color: #000; }
.lastList a:hover { color: #0151ca; }
.lastList li { border-bottom: 1px solid #e3e9f2; display: flex; justify-content: space-between; align-items: center; color: #999; }
.lastList li .name { width: 37.8%; height: 3.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lastList li .chapter { flex: 1; margin: 0 1em; height: 3.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.iBox .rankList_1 { margin: 1em auto 0; color: #666; }
.iBox .rankList_1 li { border-bottom: 1px solid #c9d9f2; padding: 0.1em 0 0.9em; }
.iBox .rankList_1 li a { color: #666; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.iBox .rankList_1 .num { padding: 1px 0.5em 0; line-height: 1.3em; color: #fff; display: inline-block; margin-right: 0.6em; background-color: #0151ca; text-align: center; border-radius: 2px; }
.iBox .rankList_1 .name { margin-top: 0.3em; flex: 1; height: 1.5em; overflow: hidden; display: block; color: #222; }
.iBox .rankList_1 .red { color: #0151ca; }
.iBox .rankList_1 .txt { margin-top: 0.3em; font-weight: bold; }
.iBox .rankList_1 .cate { margin-top: 0.4em; color: #999; }
.iBox .rankList_1 li:hover .name { color: #0151ca; }
.iBox .rankList_1 .picb { width: 5.3em; box-shadow: 0 1px 3px rgb(0 0 0 / 30%); }
.iBox .rankList_1 .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 125%; overflow: hidden; background: url(../images/loading.gif) center center no-repeat; background-size: contain; }
.iBox .rankList_1 .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; -webkit-transition: all 0.5s; }
.iBox .rankList_1 .picb:hover img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
@media only screen and (min-width:829px) {
  .searchBox { width: 14em; }
  .navW { margin-left: 2em; }
}

/* ==== autofix4_20261017: adapt restored rules to dark-blue theme ==== */
.lastList a { color: #eef4ff; }
.lastList a:hover { color: #ffd54a; }
.lastList li { color: #9db9e8; border-bottom: 1px solid rgba(255,255,255,0.18); }
.iBox .rankList_1 li { border-bottom: 1px solid rgba(255,255,255,0.22); }
.iBox .rankList_1 li a { color: #d7e5ff; text-align: left; }
.iBox .rankList_1 .name { color: #fff; text-align: left; }
.iBox .rankList_1 .txt { color: #fff; }
.iBox .rankList_1 .cate { color: #9db9e8; }
.iBox .rankList_1 li:hover .name { color: #ffd54a; }

/* ==== autofix5_20261017: rankList name alignment + state contrast ==== */
.iBox .rankList .name { flex: 1; text-align: left; }
.iBox .rankList .state { color: #ffd54a; text-align: right; flex-shrink: 0; margin-left: 0.8em; }

/* ==== autofix6_20261017: lastList inner padding ==== */
.lastList li { padding: 0.4em 1em; }
.lastList ul { margin: 0; }

/* ==== autofix7_20261017: revert conflicting lastList rules, restore original item/txtb layout ==== */
.lastList li { display: block; padding: 0; border-bottom: 0; }
.lastList li .name { width: auto; }
.lastList ul { margin-right: -1px; margin-bottom: -1px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
@media only screen and (min-width:829px) {
  .lastList ul li { width: 50%; }
}
@media only screen and (max-width:828px) {
  .lastList ul li { width: 100%; }
}

/* ==== autofix8_20261017: lastList box-sizing fix + restore flex columns ==== */
.lastList ul li { box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
.lastList li .name { width: 37.8%; height: 3.3em; }
@media only screen and (min-width:829px) {
  .lastList ul li { width: 50%; }
}
@media only screen and (max-width:828px) {
  .lastList ul li { width: 100%; }
}

/* ==== autofix9_20261017: lastList FINAL — padding + responsive columns + single line ==== */
.lastList ul { display: block; }
.lastList ul li { box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;
  padding: 0.5em 1em; border-bottom: 1px solid rgba(255,255,255,0.22); }
.lastList li .name { width: 37.8%; height: 1.5em; line-height: 1.5; overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lastList li .chapter { flex: 1; margin: 0 1em; height: 1.5em; line-height: 1.5; overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lastList li .date { flex-shrink: 0; }
@media only screen and (min-width:1200px) {
  .lastList ul li { width: 50%; }
}
@media only screen and (max-width:1199px) {
  .lastList ul li { width: 100%; }
}

/* ==== autofix10_20261017: lastList ul must flex-wrap so li sits side by side ==== */
.lastList ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
  margin-right: -1px; margin-bottom: -1px; }

/* ==== autofix11_20261017: lastList single column on wide screens too (reference-site design) ==== */
@media only screen and (min-width:1200px) {
  .lastList ul li { width: 100%; }
}

/* ==== autofix13_20261017: rankList_1 container background + friendlink contrast ==== */
.iBox .rankList_1 { background-color: rgba(255,255,255,0.3); padding: 1em 1em 0.4em; }
.iBox .rankList_1 ul { margin: 0; }
.speList a { color: #5a4a3a; }
.speList a:hover { color: #0151ca; }