@charset "UTF-8";
body{background-image:url(../img/bg.png)}
ul,ol{padding:0}
li{list-style:none outside}
a{text-decoration:none}
a:hover{text-decoration:underline; color:#F30}

#z-alert, #z-alert-msg{position:fixed; z-index:100; width:300px; line-height:1.2em; padding:12px; background-color:rgba(255,0,0,0.8); color:#FFF; bottom:10%; left:50%; margin-left:-150px; text-align:center; border-radius:9px}
#z-alert-msg{background-color:rgba(92,184,92,0.8)}
#z-loading{position:fixed; width:100%; height:100%; top:0; left:0; background:url(../img/loading.gif) no-repeat center center rgba(0,0,0,0.2); z-index:101}
#z-progress{position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.2); z-index:101}
#z-progress dl{width:300px; position:relative; top:48%; left:50%; margin-left:-150px; background-color:#FFF; padding:3px 15px; border-radius:5px}
#z-progress dt{line-height:1.42em; text-align:center; padding:12px}

.limit-line-1, .limit-line-2, .limit-line-3, .limit-line-4, .limit-line-5, .limit-line-6{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical}
.limit-line-1{-webkit-line-clamp:1}
.limit-line-2{-webkit-line-clamp:2}
.limit-line-3{-webkit-line-clamp:3}
.limit-line-4{-webkit-line-clamp:4}
.limit-line-5{-webkit-line-clamp:5}
.limit-line-6{-webkit-line-clamp:6}

.btn-primary{background-color:#8B2829; border-color:#8B2829}
.btn-primary:hover, .btn.btn-primary:active{background-color:#6B1D20; border-color:#6B1D20}

.navbar{padding:3px 0; border-bottom:1px solid #CCC}
#logo a{height:0; width:220px; display:block; padding-top:70px; background:url(../img/logo.png) no-repeat 0 0; overflow:hidden}
.nav-link{margin: 0 0.5rem}

#z-nav a{text-decoration:auto}
#z-nav .card-body{color:#333}

h1.z-tit{font-size:26px}
h3.z-tit{font-size:18px; font-weight:bold}

.z-content, .z-menu{background-color:#FFF}
.z-content{min-width:300px}
.z-menu h2{font-size: 16px; font-weight: bold; border-left: 5px solid #8B2829; background-color: #F5F0EB; padding: 0.6rem 0 0.6rem 0.8rem}
.z-menu ul > h3 small{font-size:14px}
.z-menu ul > li{line-height:23px; padding:3px 0; font-size:14px}

.z-card{margin-bottom: 2em}
.z-card h2, .xing h2, h2.z-tit, .article h2{font-size: 18px; font-weight: bold; border-left: 8px solid #8B2829; text-indent: 0.8em; background-color: #F5F0EB; padding: 0.68rem 0}
.z-card h3, .xing h3, .article h3{font-size: 16px; font-weight: bold; border-left: 5px solid #8B2829; padding: 0.6rem 0 0.6rem 0.8rem}
.z-card p{margin-bottom: 8px}

.xing h4{font-size: 16px; font-weight: bold}
.xing .info li{margin-bottom: 6px}
.xing .info label{width: 100px; text-align: right}

.content h3, .content h4{font-size:16px; font-weight:bold; margin-top:1.42em}
.content h3 small, .content h4 small{font-size:14px; color:#999}
.content p{margin-bottom:6px}

.sh-cont{max-width:500px; margin:2em auto}

.table caption{text-align: center}
.table-sticky thead th {position: sticky;top: 0;z-index: 10;background-color: #8B2829; color:#FFF}

.tbl-name th{background:#f1f1f1}
.score dt{font-size:3em; color:#F60}

.z-content p{text-indent:2em}
h3.xlx, h3.zg, h3.zy, h3.jx, h3.ml{font-size:18px; font-weight:bold; margin-top:1em}

.font{overflow:hidden}
.font .zi{width:200px; height:200px; float:left; line-height:200px; font-size:10em; background:url("../img/font_bg.png") no-repeat center center / cover; text-align:center}
.font ul{margin-left:215px}
.font li{display: inline-block; padding:3px; color:#666; margin:0 10px 10px 0; text-align:center}
.font li label{font-weight:bold; display:block; height:26px; line-height:26px; text-align:center; color:#333; background:url("../img/attr_bg.png") no-repeat}
.font li label.l2{width:62px; background-position:0 0}
.font li label.l3{width:72px; background-position:0 -26px}
.font li label.l4{width:82px; background-position:0 -52px}
.f-tit{clear:both; margin-top:20px; padding: 0.68rem 0; text-indent: 0.6rem; background-color:#F5F0EB; border-left: 8px solid #8B2829; font-weight: bold}
.f-tit small{font-size:16px; padding-left:6px}

.font-cont .ftz{width:19px; margin-right:6px}
.font-cont p{text-indent:0}
.font-cont ol{padding-left:2em}
.font-cont ol li{list-style: decimal; padding-bottom:6px}
.font-cont h3{margin-bottom:0.5em}

.xing label{font-weight:bold}

.article-list{margin:0; padding:0}
.article-list li{padding:1.2rem 0; border-bottom:1px solid #eee; position: relative;}
.article-list h2{font-size:18px; font-weight:bold; margin:0 0 .5rem; line-height:1.45}
.article-list p{margin:0; color:#555; line-height:1.75; text-indent:0}
.z-content .article-list p{text-indent:0}

.dream-list h4{font-size:18px; font-weight:bold; margin-top:10px}
.dream-list h4 small{float:right; font-weight:normal}
.dream-list ul{overflow:hidden}
.dream-list ul li{width:33.3%; float:left; padding:3px 0}

.pm thead{white-space:nowrap}

footer{font-size:14px}

.ad{}
.ad-400{min-height:300px}

.btn-top {
	width: 50px;
	height: 50px;

	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 3;

	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #8B2829;
	border-radius: 50%;
	box-shadow: 0 4px 5px #00000029;

	cursor: pointer;

	transform: translateY(80px);
	opacity: 0;
	visibility: hidden;

	transition: .4s;
}

.btn-top.show {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.btn-top:hover {
	background-color: #6B1D20;
}

/* 向上箭头 */
.btn-top span {
	width: 12px;
	height: 12px;

	border-top: 3px solid #fff;
	border-left: 3px solid #fff;

	transform: rotate(45deg);
	margin-top: 6px;
}

@media (max-width: 768px) {
	.ad-400{float:none; width:100%}
	.dream-list ul li{width:50%}
}

@media (max-width: 640px) {
	.score dt{font-size:2em}

	.font .zi{float:inherit; margin:0 auto}
	.font ul{margin:15px 0 0}

	.dream-list ul li{width:50%}
	.name-list li{width:100%}
}