body {font-size:15px;color:#333;background-color:#f6f6f6;font-family:'Helvetica Neue',Helvetica,'Arial Unicode MS',sans-serif;}
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4,h5,h6 {font-size:16px;}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, span i{margin-right:5px;}
a {color:#8B0000;}
a:hover {color:#e8423e;text-decoration:underline;}
ul, dl, li {list-style-type:none;margin:0px;padding:0px;}
img {aspect-ratio: attr(width) / attr(height);}
.input-group select, .input-group input, .input-group button {font-size:15px;height:auto;}
.table td, .table th {padding:5px;}
.clear {clear:both;}
.fontsize14 {font-size:14px;}
.fontsize15 {font-size:15px;}
.fontsize16 {font-size:16px;}
.fontsize18 {font-size:18px;}
.margin0 {margin:0px;}
.padding0 {padding:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}
.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}
.pl0pr0 {padding-left:0px!important;padding-right:0px!important;}
.pb0 {padding-bottom:0px!important;}
.mb0 {margin-bottom:0px!important;}
.bb1 {border-bottom:#F1F1F1 solid 1px;}

.ico-btn {display: inline-block;position: relative;width:16px;height:16px;background-size: cover;background-repeat: no-repeat;vertical-align: middle;}
.ico-search {background-image: url("./icons/search.svg");top:-1px;}
.ico-tag {background-image: url("./icons/tag.svg");top:-2px;}
.ico-doubleup {background-image: url("./icons/doubleup.svg");top:-2px;}
.ico-doubledown {background-image: url("./icons/doubledown.svg");top:-2px;}
.ico-user {background-image: url("./icons/user.svg");top:-2px;}
.ico-check {background-image: url("./icons/check.svg");top:-2px;}
.ico-copy {background-image: url("./icons/copy.svg");top:-2px;}
.ico-play {background-image: url("./icons/play.svg");top:-2px;}
.ico-play-red {background-image: url("./icons/play_red.svg");top:-2px;}

#logo-header {height:30px;}
/* navbar */
.navbar {z-index:99;position:relative;background-color:#fff!important;border-bottom:1px solid #EAEAEA;}
.navbar-nav .nav-link {padding-right:6px!important;padding-left:6px!important;}
.navbar-toggler-icon {width:24px;height:24px;}
.navbar .logo {float:left;display:inline-block;width:40px;height:32px;margin-right:5px;background:url(/images/logo_m.png) center center no-repeat;}
.pagetitle, .lanmu, .toph2 {display:inline-block;margin:0px;padding:0px 8px;border-radius:4px;line-height:28px;height:28px;font-style:normal;font-size:14px;border-radius: 4px;background: #f9f9f9;}
.maintitle  {overflow:hidden;font-size:22px;font-weight:600;border-bottom:1px solid #F1F1F1;padding-bottom:10px;margin-bottom:10px;}
/* 面包屑 */
.breadcrumb {padding:0px;background-color:#fff;font-size:13px;margin-bottom:0px;}
.breadcrumb-item+.breadcrumb-item::before {padding-right:3px;}
.breadcrumb-item+.breadcrumb-item {padding-left:3px;}
.breadcrumb-item+.breadcrumb-item::before {content:">";}
.breadcrumb .curr {display:none;}

/* 翻页 */
.page-nav-bar {overflow:hidden;margin-top:10px;margin-bottom:10px;text-align:right;}
.page-nav-bar b {background:#333!important;color:#fff!important;}
.page-nav-bar a, .page-nav-bar b {font-size:14px;display:inline-block;padding:3px 9px;background:#fff;color:#999;text-align:center;-webkit-border-radius:4px;border-radius:4px;}
.page-nav-bar a:hover {background:#333;color:#fff}
.pagination-sm .page-link {padding:5px 10px;font-size:14px;}
.page-item.active .page-link {z-index:1;color:#fff;background-color:#333;border-color:#333;}

/* 常用box */
.box-wrapper {overflow:hidden;padding:20px;background-color:#fff;}
/* 灰色字体 */
.box-gray-fonts, .box-gray-fonts a {color:#999;font-size:14px;}
/* 列表矩形（带标题） */
.listbox, .listbox-float, .listbox-tags {overflow:hidden;margin-bottom:10px;}
.listbox a {display:block;overflow:hidden;line-height:32px;height:32px;padding-left:0px;padding-right:0px;white-space:nowrap;text-overflow:ellipsis;}
/* 子标题 */
.sub-title,.shici-ziliao h2 {display:block;position:relative;margin:2px 0 15px;padding:0 0 0 12px;font-size:16px;font-weight:bold;line-height:1;}
.sub-title:before,.shici-ziliao h2:before {position:absolute;left:0;top:0;width:3px;height:100%;content:"";background-color:#ec7259;background-image:linear-gradient(180deg,rgba(255,255,255,0.15),transparent);border-radius:3px;}
/* 链接列表 */
.items-links {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;	
	margin-bottom:20px;
}
.items-links a ,.items-links .stext {
	padding:5px 10px;
	margin-right:8px;
	margin-bottom:8px;
    border-radius:4px;
	background:#f9f9f9;
}
.items-links a.multicol {
	margin-right:0px;
	margin-bottom:0px;
	border:6px solid white;
	text-align:center;
	border-radius:4px;
}
.items-links a.width-1by2 {
    width:48%;
    padding:5px;
    background-color:#f8f9fa;
    margin:2px;
    text-align:center;
	border-radius:4px;
    overflow:hidden;
    line-height:28px;
    height:38px;
}
.items-links a em {
	color:#e8423e;
	font-style:normal;
}
.items-links hr {
	display:block;
	width:100%;
	margin-bottom:5px;
    margin-top:5px;
    clear:both;
}
/* 诗词/作者列表项 */
.item-shici {
	display:block;
	overflow:hidden;
	border-bottom:1px solid #f5f5f5;
	margin-bottom:15px;
}
.item-zuozhe {
	display:block;
	overflow:hidden;
	border-bottom:1px solid #f5f5f5;
    padding-bottom:15px;
    margin-bottom:15px;
}
.item-zuozhe img {
	overflow:hidden;
	float:left;
	padding-right:10px;
	width:110px;
    height:150px;
}
.item-shici .biaoti, .item-zuozhe .biaoti {
	display:block;
	overflow:hidden;
	margin-bottom:5px;
	line-height:30px;
	font-size:18px;
}
.item-shici .biaoti em, .item-zuozhe .biaoti em {
	color:#e8423e;
	font-style:normal;
}
.item-shici .chaodai-zuozhe, .item-zuozhe .chaodai-zuozhe {
	display:block;
    overflow:hidden;
	font-size:15px;
	margin-bottom:10px;
	color:#6c757d;
}
.item-shici .neirong {
    font-size:18px;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
	margin-bottom:0px;
	padding-left:15px;
	line-height:30px;
}
.item-zuozhe .jianjie {
	font-size:15px;
}
.item-shici .shici-index {
	float:left;
	color:#666666;
	padding-right:10px;
	line-height:30px;
}
.item-shici .chaodai-zuozhe em {
	color:#e8423e;
	font-style:normal;
}
.item-shici .neirong em, .item-shici .shici-text em {
	color:#e8423e;
	font-style:normal;
}
.item-shici .more, .item-zuozhe .more {
	display:block;
    overflow:hidden;
	margin-bottom:10px;
}
/* 诗词内容 */
.shici-title {
	overflow:hidden;
	font-size:20px;
	font-weight:bold;
}
.shici-title h1 {
	font-size:24px;
	font-weight:600;
}
.shici-content, .shici-ziliao {
	font-size:16px;
	overflow:hidden;
	line-height:28px;
	word-break:break-all;
	margin-top:10px;
	margin-bottom:30px;
}
.shici-content span {
	display:block;
	overflow:hidden;
}
.shici-content img {
	/* 图片居中 */
	clear:both;
	display:block;
	margin:5px auto!important;
	max-width:100%;
	height:auto;
}
.shici-text {
	text-align:left;
    font-size:18px;
	margin-bottom:5px;
	line-height:30px;
}
.shici-text em {
	font-style:normal;
	color:red;
}
/* 诗词分类 */
.shici-fenlei {
	overflow:hidden;
    margin-top:15px;
	margin-bottom:15px;
	font-size:15px;
}
.shici-fenlei a {
    background:#f9f9f9;
    display:inline-block;
    line-height:15px;
    white-space:nowrap;
    padding:5px 8px;
    margin:0 5px 5px 0;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.chaodai-zuozhe {
	overflow:hidden;
	margin-bottom:10px;
}
.ziliao {
	font-size:16px;
    line-height:28px;
    margin-bottom:15px;
}
.neirong-pinyin {
	overflow:hidden;
	height:50px;
	line-height:26px;
}
#a_pinyin_ref {
	color:#666666;
	font-style:normal;
}
.shici-filter {
	overflow:hidden;
	padding:5px 10px;
    background-color:#f8f9fa;
    margin-bottom:10px;
}
.filter_title {
	overflow:hidden;
	border-bottom:1px solid #dee2e6;
	margin-bottom:4px;
    padding-bottom:3px;
	font-size:14px;
}
.filter_title h3 {
	float:left;
	margin-bottom:0px;
	line-height:24px;
	font-weight:600;
	font-size:14px;
}
.filter_title span {
	float:right;
}
.filter_row {
	overflow:hidden;
	margin-bottom:5px;
	font-size:14px;
}
.filter_row strong {
	color:#666666;
}
.shici-zhushi {
	display:block;
	margin-top:5px;
	margin-bottom:5px;
	font-size:14px;
	color:#c1c1c1;	
}
/* 古籍 */
.guji-title {
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	border-bottom:1px solid #F1F1F1;
}
.guji-zuozhe {
	overflow:hidden;
}
.guji-content {
	font-size:16px;
	overflow:hidden;
	line-height:30px;
	word-break:break-all;
	margin-top:15px;
	margin-bottom:30px;
}
.guji-zhangjie li {
	float:left;
	padding:5px;
	border-radius:4px;
}
.guji-zhangjie li a {
	display:block;
	overflow:hidden;
	background-color:#f8f9fa;
	padding:5px;
	padding-left:15px;
}
/* 字典词典 */
.zi-links {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;	
	margin-bottom:15px;
}
.zi-links .box {
	padding:5px;
}
.zi-links .pinyin {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:14px;
}
.zi-links .hanzi {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:20px;
}
.zi-links .zuci {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#666666;
}
.zi-img-box {
	display:inline-block;
	padding-top:15px;
	text-align:center;
    justify-content:center!important;	
}
.zi-img {
    display:inline-block;
	padding:0;
    max-width:200px;
    width:100%;	
    background:url(/images/zibg.png);
    background-size:100% 100%;
}
.zi-content {
	overflow:hidden;
	line-height:28px;
	word-break:break-all;
	margin-top:15px;
	margin-bottom:30px;
	font-size:16px;
}
.zi-content h2,.zi-content h3 {
	margin-top:10px;
	font-weight:600;
}
.zi-content p {
	margin-bottom:5px;
}
.zi-content hr {
	margin-top:5px;
	margin-bottom:5px;
}
.zi-yinyong {
	display:inline-block;
	padding-top:15px;
	padding-bottom:15px;
	line-height:25px;
}
.zi-yinyong .juzi {
	display:inline-block;
	width:100%;
}
.zi-yinyong .zuozhe {
	display:inline-block;
	width:100%;
	text-align:right;
}
.zi-yinyong em {
	font-style:normal;
	font-weight:600;
	color:red;
}
.zi-bishun-detail {
    font-size:25px;
    text-decoration:none;
    border:1px solid #dee2e6;
    float:left;
    display:block;
    width:75px;
    line-height:25px;
    padding:5px 0px 0px 0px;
    margin:0 4px 4px 0;
    text-align:center;
}
.zi-bishun-index {
    font-size:14px;
    display:block;
    text-align:left;
    padding-left:5px;
    padding-bottom:5px;
}
.zi-bishun-name {
    border-top:1px solid #dee2e6;
    margin-top:15px;
    font-size:14px;
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    line-height:14px;
    background:#e0e0e0;
}
.ci-list {
	overflow:hidden;
}
.ci-list li {
    float:left;
    border:1px solid #e9ecef;
    border-radius:4px;
    padding:2px 6px;
    margin:3px;
    white-space:nowrap;
    list-style-type:none;
    line-height:26px;
}
.zi-meaning {
	overflow:hidden;
	-webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    display:-webkit-box !important;
}
.zi-meaning-link {
	display:block;
	overflow:hidden;
	padding-bottom:10px;
}
/* 成语/诗句/字典 dl dt dd */
.item-chengyu, .item-shiju, .item-zidian {
	overflow:hidden;
	padding-bottom:15px;
}
.item-chengyu .num, .item-shiju .num, .item-zidian .num {
	float:left;
	padding-right:10px;
	font-size:18px;
	line-height:20px;
}
.item-chengyu .biaoti, .item-shiju .biaoti, .item-zidian .biaoti {
	overflow:hidden;
	font-size:18px;
	margin-bottom:5px;
}
.item-chengyu .big-pinyin, .item-shiju .big-pinyin, .item-zidian .big-pinyin {
	display:block;
	font-size:18px;
	line-height:22px;
	text-align:center;
	color:#666666;
}
.item-chengyu .big-title, .item-shiju .big-title, .item-zidian .big-title {
	display:block;
	overflow:hidden;
	font-size:32px;
	line-height:36px;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:600;
	text-align:center;
}
.item-chengyu .d-title, .item-shiju .d-title, .item-zidian .d-title,
.item-chengyu .label, .item-shiju .label, .item-zidian .label {
	display:block;
    overflow:hidden;
	float:left;
	font-weight:600;
	margin-bottom:0px;
	margin-right:5px;
	clear:left;
	line-height:28px;
	font-size:16px;
}
.item-chengyu .d-title h2, .item-shiju .d-title h2, .item-zidian .d-title h2 {
	font-weight:600;
	font-size:16px;
	line-height:28px;
	margin-bottom:0px;
}
.item-chengyu .d-text, .item-shiju .d-text, .item-zidian .d-text,
.item-chengyu .text, .item-shiju .text, .item-zidian .text {
	display:block;
    overflow:hidden;
	width:auto;
	color:#666666;
	margin-bottom:0px;
    min-height:28px;
	line-height:28px;
	font-size:16px;
}
.item-chengyu .d-text a, .item-shiju .d-text a, .item-zidian .d-text a {
	display:inline-block;
	margin-right:8px;
}
.item-chengyu .biaoti em, .item-shiju .biaoti em, .item-zidian .biaoti em {
	color:#e8423e;
	font-style:normal;
}
.item-chengyu .d-text em, .item-shiju .d-text em, .item-zidian .d-text em,
.item-chengyu .text em, .item-shiju .text em, .item-zidian .text em {
	color:#e8423e;
	font-style:normal;
}
.item-chengyu .d-text b, .item-shiju .d-text b, .item-zidian .d-text b,
.item-chengyu .text b, .item-shiju .text b, .item-zidian .text b {
	color:#e8423e;
}
.item-chengyu .bbrow, .item-shiju .bbrow, .item-zidian .bbrow {
	margin-bottom:0px;
}
.chengyu-answer {
    font-size:16px;
    line-height:30px;
    margin-bottom:15px;
}
.chengyu-answer em {
	font-style:normal;
	color:red;
}
.zaoju p {
	overflow:hidden;
    line-height:28px;
    list-style-type:none;
    list-style-position:inside;
    text-overflow:ellipsis;
    border-bottom:1px dashed #dfdfdf;
}
.zaoju p em {
	font-style:normal;
	color:red;
}
.page-desc {display:block;overflow:hidden;padding:15px;color:#666666;font-size:14px;}
.shici-answer, .zidian-answer {
	font-size:16px;
	line-height:1.8;
	margin-bottom:30px;
}
.shici-answer em, .zidian-answer em {
	font-style:normal;
	color:red;
}
.answer-box {
	padding:15px;
    margin-top:15px;
    margin-bottom:20px;
    border: 1px solid #eee;
    border-left-width:3px;
	border-left-color: #ec7259;
    border-radius:4px;
}
.answer-box .header {display:block;margin-bottom: 5px;}
.ciyu-large {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;	
	margin-bottom: 15px;
}
.ciyu-large li {
    display: flex;
    flex-wrap: wrap;	
	float:left;
	font-size:18px;
	padding:5px;
	width:90px;
}
.ciyu-large li .pinyin-large {
	font-size:24px;
	width: 100%;
    text-align: center;
}
.ciyu-large li .zi-large {
	font-size:55px;
	width: 100%;
    text-align: center;
    background: url(/images/zibg.png);
    background-size: 100% 100%;	
	font-family: KaiTi;
}
.propslist {
	margin-top:15px;
	margin-bottom:15px;
}
.propslist th {
	background-color: rgba(0,0,0,.05);
	width:80px;
}
.table-zi-list th {text-align: center;}
.table-zi-list .zi-title {width:50px;}
.table-zi-list .py-title {width:80px;}
.table-zi-list .zi {width:50px;font-size:24px;text-align: center;vertical-align: middle;}
.table-zi-list .py {width:80px;text-align: center;vertical-align: middle;}
.table-zi-list .js {max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.table-zi-list .ci {width:100px;text-align: center;vertical-align: middle;}
.table-zi-list .ci em {font-style:normal;color:red;}

/* 分享 */
.fenxiang {overflow:hidden;padding:5px;text-align:center;background-color:#fafafa;border:1px solid #dee2e6;font-size:14px;margin-top:5px;margin-bottom:15px;}
.fenxiang a {display:inline-block;padding:5px;color:#6c757d;}
.fenxiang #qrcode {display:none;text-align:center;padding:15px;}
.fenxiang #link_like {width:85px;}
.fenxiang #link_like_num {padding-left:3px;padding-right:3px;color:#dc3545;}
/* 上下篇 */
.prev-next {display:flex;flex-direction:row;flex-wrap:wrap;font-size:15px;margin:10px 0px;background:#f9f9f9;padding:10px;}
.prev-next .prev, .prev-next .next {width:100%;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/* content show more */
.show-more {left:0;position:absolute;z-index:900;bottom:-1px;margin:0;padding:0;width:100%;height:70px;text-align:center;background-color:white;} 
.show-more .gradient {position:absolute;top:-79px;left:0;height:80px;width:100%;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background-image:linear-gradient(-180deg,rgba(255,255,255,0),#fff);} 
.show-more .more-button {display:inline-block;font-size:16px;cursor:pointer;width:100%;padding-top:10px;}
.show-more .more-button .arrow {display:inline-block;width:100%;height:24px;background:url(/images/double-down.svg) 50% 50% no-repeat;}
/* show hide div */
.show-hide-div {margin-top:15px;margin-bottom:15px;}
.show-hide-div a {display:block;width:100%;padding:15px;font-weight:bold;color:#8B0000;}
.show-hide-flag {display:none;background:#f9f9f9;padding:15px;}
/* footer */
.footer-v1 {border-top:1px solid #eaeaea;}
/* return to top */
#return-to-top {padding-top:4px;padding-left:4px;position:fixed;bottom:20px;right:20px;color:#fff;background:#b5b5b5;width:32px;height:32px;display:block;text-decoration:none;border-radius:35px;display:none;transition:all 0.3s ease;line-height:1.1;}
#return-to-top:hover {background:rgba(0, 0, 0, 0.9);}
#return-to-top img {width:24px;height:24px;}

/* tabs */
.tab .nav-tabs {
    border-bottom:0px solid transparent;
    margin-bottom:1px;
}
.tab .nav-tabs > li{
    padding:0 5px;
}
.tab .nav-tabs > li a {
    color:#808080;
}
.tab .nav-tabs > li a:hover,
.tab .nav-tabs > li a.active,
.tab .nav-tabs > li.active > a{
	text-decoration:none;
    background:#fff;
    padding-bottom:5px;
    border:1px solid transparent;
    border-bottom:1px solid #333;
}
.tab .nav-link {
    display:block;
    padding:2px 4px;
}
.tab .tab-content{
    color:#5a5c5d;
    padding:0px;
}
.search-tabs {
	display:flex;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none;	
    border-bottom:0px solid transparent;
    margin-bottom:10px;
}
.search-tabs > li {
	padding:0 5px;
	margin-bottom:-1px;
}
.search-tabs > li a {
    display:block;
	padding:5px 5px;
	font-size:16px;
	color:#808080;
	border:1px solid transparent;
}
.search-tabs > li a:hover,
.search-tabs > li a.active,
.search-tabs > li.active > a{
	text-decoration:none;
    background:#fff;
    color:#333;
    padding-bottom:5px;
    border:1px solid transparent;
    border-bottom:1px solid #333;
}

.fc-custom {max-width:480px;margin-top:5px;}
.btn-custom {background-color:#f8f9fa;border-color:#e9ecef;}
.btn-custom:hover {background-color:#e9ecef;border-color:#e9ecef;text-decoration:none;}

span.fayin {display:inline-block;}
audio.fayin {width:120px;height:35px;vertical-align:middle;margin-bottom:5px;margin-right:5px;}

@media screen and (min-width:640px) {
	.container {
		max-width:1040px;
	}
	.navbar .logo {display:inline-block;width:120px;height:32px;background:url(../images/logo.png) center center no-repeat;}
	.breadcrumb .curr {display:inline-block;}
	.dropdown:hover .dropdown-menu {
		display:block;
		margin-top:0;
	}
	.fc-min {
		float:left;
		width:180px;
		margin-right:5px;
	}
	.shici-content img {
		max-width:540px;
		height:auto;
	}
	.ciyu-large li {
		width:160px;
	}
	.ciyu-large li .pinyin-large {
		font-size:36px;
	}
	.ciyu-large li .zi-large {
		font-size:100px;
	}
	.item-shici .chaodai-zuozhe, .item-zuozhe .chaodai-zuozhe {
		font-size:14px;
	}
	.shici-fenlei {
		font-size:14px;
	}
	.prev-next {font-size:14px;}
	.br_auto_r {display:none}
}
@media screen and (max-width:640px) {
	body {
		font-size:16px;
	}
	.navbar {
		padding:3px 5px;
	}
	.navbar-toggler {
		padding:1px 4px;
	}
	.box-wrapper {padding:10px;}
	.filter_row a {
		font-size:16px;
		padding-right:8px;
		line-height:28px;
	}
	.filter_title, .filter_title h3 {
		font-size:16px;
	}
	.input-group select, .input-group input, .input-group button {
		font-size:16px;
	}
	.maintitle {
		font-size:18px;
	}
	.pagetitle, .lanmu, .toph2 {
		font-size:16px;
	}
	.prev-next {
		font-size:16px;
	}
	.br_auto_r {display:inline-block;}
}