body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,code,form,input,button,textarea,p,th,td,header,nav,figure,ruby{margin:0;padding:0;outline:none;box-sizing:border-box}
body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:1.6;color:#333;background:#F5F6F9}
img,input,select{vertical-align:middle;font-family:inherit}
img{border:0;-ms-interpolation-mode:bicubic}
li,ul,dl{list-style:none;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
button,input[type="text"],input[type="button"],input[type="reset"],input[type="submit"],select{cursor:pointer;-webkit-appearance:none;border-radius:0}
button[disabled],input[disabled]{cursor:default}
textarea{overflow:auto;vertical-align:top;resize:none;font-family:inherit}
a{color:#2f2f2f;text-decoration:none}
a:hover{color:#044091}
a,a:hover,a:active{outline:0;-webkit-tap-highlight-color:transparent}
.justify{display:flex;justify-content:space-between}
.head{padding:8px 0;display:flex;justify-content:space-between}
.title{font-size:20px;font-weight:600;line-height:1.5}
h1.title{font-size:22px}
.title a{color:#044091}
.verse-title{font-size:24px;line-height:1.5}
.pagetitle{margin-bottom:8px;padding:8px 0 16px 0;font-size:20px;border-bottom:1px solid #eee}
.p-title{position:relative;padding:4px 0 12px 0;margin-bottom:8px;font-size:20px;font-weight:600;text-indent:10px;border-bottom:1px solid #eee}
.p-title::before{content:'';position:absolute;top:12px;left:0;width:4px;height:20px;border-top-left-radius:4px;border-bottom-right-radius:4px;background:#52930f}
code{margin:0 4px}
.describe{font-size:12px;color:#999}
.styles{position:absolute;right:16px;top:22px;font-size:14px;color:#999}
.styles span{cursor:pointer}
.more{position:relative;margin-right:12px;font-size:14px;line-height:28px;color:#999}
.more:after{border-color:#999 #999 transparent transparent;border-style:solid;border-width:1px;content:"";width:5px;height:5px;position:absolute;right:-12px;top:10px;transform:rotate(45deg);transform-origin:left top}
.introduction{padding-top:16px;font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;hyphens:auto}
.zj-introduction{font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;hyphens:auto}
.zj-introduction p{padding:8px 0}
header{margin-bottom:16px;width:100%;background-color:#fff;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);}
.header{margin:0 auto;padding:8px 0;display:flex;justify-content:space-between;width:1076px}
.logo{display:flex}
a.logo{ font-size:20px;font-weight:bold; line-height: 44px;}
.logo:hover{color:#52930f}
.logo-icon{width:44px;height:44px}
.logo-desc{font-size:18px;text-indent:8px;line-height:44px}
.nav{display:flex}
nav{margin-left:20px}
nav a{position:relative;margin:0 16px;line-height:44px;font-size:16px;font-weight:bold;}
nav .current{padding-bottom:8px;color:#52930f}
nav a:hover{color:#52930f}
header .app{color:#52930f;line-height:44px;font-size:16px}
.search{display:flex;margin-top:2px;width:400px;height:40px;border-radius:20px;background-color:#F6F6F6}
.search-text{flex:1;border:none;text-indent:16px;font-size:16px;line-height:44px;background:none}
.search-btn{flex:0 0 auto;margin:8px 12px;width:24px;height:24px;background:url(/template/pc/img/search.svg);background-size:contain;border:none}
.search-nav{padding:8px 0}
.search-nav .option{margin-right:28px;font-size:18px;color:#999}
.search-nav .current{position:relative;color:#52930f}
.search-nav .current:after{content:"";width:26px;height:2px;background:#52930f;position:absolute;left:14px;bottom:-10px}
.s-search{display:flex;margin-bottom:16px;width:100%;height:48px}
.s-search .s-search-text{padding-left:16px;width:100%;font-size:16px;border:2px solid #52930f;border-radius:8px  0 0 8px}
.s-search .s-search-btn{width:100px;font-size:16px;color:#fff;border:none;border-radius:0 8px 8px 0;background:#52930f}
footer{line-height:48px;text-align:center;font-size:12px;color:#aaa;background:#414141;clear:both}
footer a{color:#aaa}
footer a:hover{color:#fff}
.breadcrumb{margin:0 auto 16px auto;width:1076px;font-size:14px;color:#999}
.breadcrumb a{color:#999}
.main{margin:0 auto;width:1076px}
.content{width:760px;float:left}
.module{position:relative;margin-bottom:16px;padding:8px 16px;background-color:#fff;border-radius: 4px;box-shadow: 1px 3px 14px 2px rgba(152, 168, 206, 0.15);}
.modules{margin:0 auto;width:1076px;display:flex;justify-content:space-between}
.left{width:760px}
.right{width:300px}
.center{width:100%}
.card{position:relative;margin-bottom:16px;padding:16px;background-color:#fff}
.sidebar{width:300px;float:right}
.poetry-state{display:flex;display:none}
.poetry-state span{width:28px;height:28px;line-height:28px;text-align:center;font-size:14px;color:#999;border-radius:14px;margin-left:12px;background-color:#F6F6F6;cursor:pointer}
.poetry-state span:hover{color:#52930f}
.poetry-state .on{color:#fff;background-color:#52930f}
.poetry-state .on:hover{color:#fff}
.poetry-source{display:flex;padding-bottom:8px}
.poetry-source .poetry-author-img{width:24px;height:24px;border-radius:100%}
.poetry-dynasty,.poetry-author{font-size:14px;line-height:24px;color:#52930f}
.poetry-content{position:relative}
.preface{margin:8px 0;padding:8px 12px;font-size:14px;color:#666;text-align:justify;word-wrap:break-word;word-break:break-word;hyphens:auto;background-color:#F6F6F6;border-radius:4px}
.original{padding:8px 0;font-size:16px}
.original sup{padding:0 2px;font-size:12px;color:#666;font-weight:400}
.paraphrase{position:relative;margin:8px 0 12px 0;padding:8px 12px;color:#4C7F60;font-size:14px;background-color:#F6F6F6}
.paraphrase:after{content:'';position:absolute;top:-24px;left:6%;border:12px solid transparent;border-bottom:12px solid #F6F6F6}
.paraphrase p{padding:6px 0}
.paraphrase .translate{color:#4C7F60}
.paraphrase .note{color:#8f7f5d}
.paraphrase .note span{margin-right:8px}
.popup-note{position:relative;border-bottom:1px dashed #333;cursor:pointer}
.popup-note:hover{border-bottom-color:#52930f;color:#52930f}
.popup-note .popup{position:absolute;top:31px;left:50%;z-index:10;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.popup-note .popup p{position:relative;padding:10px;z-index:10;background-color:rgba(0,0,0,.8);color:#fff;border-radius:4px;width:20rem;line-height:1.5;font-weight:normal;font-size:14px}
.popup-note.on:after{content:'';position:absolute;top:16px;left:50%;margin-left:-8px;border:8px solid transparent;border-bottom:8px solid rgba(0,0,0,.8)}
.shangxi{margin-top:16px;padding-top:16px;border-top:1px solid #eee}
.shangxi h3{margin-bottom:16px;font-size:18px}
.shangxi p{margin-bottom:16px;font-size:16px}
.title rt{padding:0 1px;width:36px;font-size:12px;text-align:center}
.poetry-source rt{padding:0 1px;width:36px;font-size:12px;text-align:center}
.pinyinContson{clear:both;overflow:hidden;margin-top:8px}
.pinyinContson span{text-align:center;display:inline-block}
.pinyinContson .pinyin{clear:both;line-height:160%;font-size:12px;font-weight:normal;float:left;width:36px}
.pinyinContson .symbol{clear:both;line-height:160%;font-size:12px;font-weight:normal;float:left;width:36px}
.pinyinContson .hanzi{clear:both;margin-bottom:10px;text-align:center;float:left;font-size:22px;height:36px;width:36px;line-height:36px;text-align:center;background:url(/skin/images/bigImgbk.png) no-repeat 2px;background-size:32px 32px;font-family:KaiTi}
.article-more{position:absolute;z-index:800;bottom:0;width:100%;height:82px;padding-top:52px;background:linear-gradient(-180deg,rgba(255,255,255,.8) 0,#fff 63%);color:#135294;font-size:16px;text-align:center}
.article-more img{padding-left:4px;width:16px;height:16px}
.tool{margin-top:16px;border-top:1px solid #eee;padding:16px 8px 8px 8px;display:flex;justify-content:space-between;display:none}
.tool-option{position:relative;cursor:pointer}
.tool-icon{position:absolute;top:0;left:0;width:20px;height:20px}
.tool-name{padding-left:22px;font-size:12px;line-height:22px;color:#666}
.tool-option:hover .tool-name{color:#52930f}
.poetry-more{width:100%;height:64px;line-height:88px;font-size:16px;color:#518564;text-align:center;z-index:1;background:linear-gradient(-180deg,rgba(255,255,255,.8) 0,#fff 70%);position:absolute;left:0;bottom:0;cursor:pointer}
.arrow-up{position:relative;height:8px;width:16px}
.arrow-up:after{border-color:#518564 #518564 transparent transparent;border-style:solid;border-width:1px;content:"";width:6px;height:6px;position:absolute;right:-24px;top:10px;transform:rotate(135deg);transform-origin:left top}
.mingju-title{font-size:16px}
.mingju-source{font-size:12px;color:#999}
.mingju-source a{color:#999}
.mingju-source a:hover{color:#52930f}
.sidebar-mingju{margin-top:8px}
.sidebar-mingju li{padding:16px 0;border-top:1px solid #eee}
.sidebar-mingju-title{font-size:14px}
.sidebar-mingju-source{padding-top:6px;font-size:12px;color:#999}
.sidebar-mingju-source a{color:#999}
.sidebar-mingju-source a:hover{color:#52930f}
.verse-info p{display:flex;margin:16px 0}
.verse-info-s{flex:0 0 40px;margin-right:12px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#999;border-radius:2px;background-color:#F6F6F6}
.verse-info-c{font-size:16px;line-height:24px}
.verse-info-c a{color:#044091}
.catalog{margin-bottom:16px;padding:16px;display:flex;justify-content:space-between;background-color:#fff}
.catalog-title{flex:0 0 16%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;min-height:50px;background-color:#F6F6F6}
.catalog-list{flex:0 0 80%;display:grid;grid-template:auto / 1fr 1fr 1fr;grid-gap:8px;align-items:center;justify-content:center}
.catalog-list a{font-size:14px;text-align:center;color:#044091}
.catalog-list a:hover{color:#52930f}
.article{position:relative;margin-top:8px}
.article figure{margin-bottom:16px}
.article p{padding:8px 0;font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;hyphens:auto}
.yiwen{}
.yiwen h3,.zhushi h3{font-size:18px;color:#52930f;text-align:justify}
.switch{display:flex;padding:2px;height:30px;background-color:#F6F6F6;border-radius:15px}
.switch span{width:44px;height:26px;line-height:26px;text-align:center;font-size:14px;color:#999;cursor:pointer}
.switch .on{background-color:#fff;border-radius:14px;color:#52930f}
.zhushi{padding:8px 12px}
.zhushi p{font-size:16px;padding:8px 0}
.zhushi p span{padding-right:8px}
.author{padding:8px 0}
.author-cover{float:left;margin-right:8px;width:60px;height:60px;background-color:#F6F6F6;border-radius:50%}
.author-cover img{width:100%;height:100%;border-radius:50%}
.author-data{display:flex;height:60px}
.author-data-center{align-self:center}
.author-name{font-size:20px}
.nickname{font-size:12px;font-weight:normal;color:#52930f}
.works{margin-top:16px}
.works h3{font-size:18px;font-weight:600}
.works-list{margin-top:8px;display:grid;grid-template:1fr 1fr / 1fr 1fr;grid-gap:8px}
.works-name{padding:8px 12px;font-size:14px;background-color:#F6F6F6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.works_count{}
.reference{padding-top:4px}
.reference li{font-size:12px;color:#999;margin:8px 0}
.reference li span{padding-right:8px}
figure{padding-bottom:56%;width:100%;position:relative;background-color:#999999}
figure img{width:100%;height:100%;background-color:#F6F6F6;position:absolute;top:0;left:0}
.basic-info{padding:8px 0}
.basic-info dt{margin-bottom:8px;font-size:20px;font-weight:600}
.basic-info dd{display:flex;font-size:14px;line-height:1.5;margin:16px 0}
.basic-info dd:last-child{margin-bottom:8px}
.basic-name{flex:0 0 30%}
.basic-value{flex:0 0 70%;color:#999}
.hot li{line-height:38px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot span{margin-right:6px;font-family:Arial,sans-serif;font-size:18px;color:#999}
.hot .no1{color:#fe2d46}
.hot .no2{color:#f60}
.hot .no3{color:#faa90e}
.hot-list{padding:8px 0;display:grid;grid-template:auto / 1fr 1fr 1fr;grid-gap:8px}
.hot-list li{position:relative;line-height:28px;font-size:14px;text-indent:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-list li:before{content:"";display:inline-block;width:4px;height:4px;background-color:#999;line-height:1;position:absolute;top:12px;left:0}
.hot-list span{font-size:12px;color:#999}
#slide{position:relative;width:760px;background-color:#fff;margin-bottom:16px;cursor:pointer}
#pic li{display:none;padding-bottom:56%;width:100%;position:relative;background-color:#999999}
#pic img{width:100%;height:100%;background-color:#F6F6F6;position:absolute;top:0;left:0}
#num{position:absolute;z-index:2;bottom:20px;left:45%}
#num li{float:left;width:8px;height:8px;margin:5px;border-radius:50%;border:1px solid #FFFFFF;line-height:20px;background:transparent;text-align:center}
#num li.active{background:#fefefe}
.arrow{z-index:3;height:40px;width:30px;position:absolute;top:45%;line-height:40px;background:rgba(0,0,0,0.3);text-align:center;display:none}
.arrow img{width:24px;height:24px}
#slide:hover .arrow{display:block}
.arrow:hover{background:rgba(0,0,0,0.7)}
#arrow-left{left:0;color:#fff;transform:rotate(180deg)}
#arrow-right{right:0;color:#fff}
.slide-list{position:relative;padding-bottom:56%;width:100%;background-color:#fff}
.slide-list img{position:absolute;width:100%;height:100%;background-color:#F6F6F6;top:0;left:0}
.tab-list{padding:8px 0;display:grid;grid-template:auto / 1fr 1fr 1fr;grid-gap:8px}
.tab-name{padding:8px 4px;font-size:14px;text-align:center;background-color:#F6F6F6}
.t-list{padding:8px 0;display:grid;grid-template:auto / 1fr 1fr 1fr;grid-gap:8px}
.t-item{padding:8px 12px;display:flex;flex-direction:column;background-color:#fff}
.t-name{font-size:18px}
.t-desc{font-size:14px;color:#999}
.similar{padding:8px 0;display:grid;grid-template:1fr 1fr / 1fr 1fr;grid-gap:8px}
.similar .name{padding:8px 12px;font-size:14px;background-color:#F6F6F6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-author{padding:8px 0;display:grid;grid-template:auto / 1fr 1fr 1fr;grid-gap:8px}
.sidebar-author .name{padding:6px 4px;font-size:14px;text-align:center;background-color:#F6F6F6}
.list{padding:8px 0;display:grid;grid-template:auto / 1fr 1fr 1fr;grid-gap:8px}
.list .item{position:relative;text-indent:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list .item::before{content:"";display:inline-block;width:4px;height:4px;background-color:#eee;line-height:1;position:absolute;top:13px;left:0}
.list .name{font-size:14px;line-height:32px}
.list .dynasty{padding-left:4px;font-size:12px;color:#999}
.subnav{display:flex;padding-bottom:8px;margin-bottom:8px;font-size:14px;border-bottom:1px dashed #eee}
.subnav span{flex:0 0 44px;line-height:28px;font-weight:600}
.subnav-list{height:28px;line-height:28px;overflow:hidden}
.subnav a{display:inline-block;padding:0 4px;margin-bottom:8px;min-width:36px;color:#044091}
.subnav a:hover{color:#52930f}
.subnav .unfold{flex:0 0 40px;text-align:center;cursor:pointer}
.subnav .unfold img{margin-top:2px;width:16px}
.grid-main{margin:0 auto;padding-bottom:16px;width:1076px;display:grid;grid-template:auto / 1fr 1fr;grid-gap:16px}
.album{padding:16px;background-color:#fff;width:100%}
.album-cover{float:left;margin-right:16px;width:100px;height:133px;background-color:#F6F6F6}
.album-cover img{width:100%;height:100%}
.album-data{height:133px}
.album-name{padding:4px 0;font-size:24px}
.album-describe{height:46px;font-size:14px;color:#666}
.album-quantity{margin-top:16px;font-size:12px;color:#999}
.album-quantity span{color:#c92c35}
.album-introduction{margin-top:8px}
.album-introduction p{padding:8px 0;font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;hyphens:auto}
.album-list .item{position:relative;padding:8px 0;display:flex;justify-content:space-between}
.album-list .work-title{z-index:2;padding:0 8px;font-size:16px;line-height:28px;background-color:#fff}
.album-list .work-source{padding:0 8px;z-index:2;font-size:14px;line-height:28px;background-color:#fff}
.album-list .item:hover{background:#F6F6F6}
.album-list .item:hover .work-title{background:#F6F6F6;color:#52930f}
.album-list .item:hover .work-source{background:#F6F6F6;color:#52930f}
.album-list .line{z-index:1;position:absolute;left:0;top:22px;width:100%;border-bottom:1px dotted #999}
.friendlink{padding:8px 0}
.friendlink a{padding:4px;font-size:14px}
.paging{margin-bottom:16px;padding:16px;text-align:center;display:flex;justify-content:space-between;background-color:#FFFFFF}
.paging .first_page{width:100%;padding:14px 0;border-radius:6px;border:1px solid #666}
.paging .previous{width:20%;padding:14px 0;border-radius:6px;border:1px solid #666}
.paging .next{width:78%;padding:14px 0;border-radius:6px;border:1px solid #666}
.paging .end{font-size:14px;color:#999;border-color:#999}
.paging a{display:inline-block;font-size:14px;text-align:center}
.styles{color:#999}
.styles:first-child{color:#044091}
.hidden{display:none}
.mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1000}
.messageBox{display:none;position:fixed;top:50%;left:50%;width:750px;height:536px;transform:translate(-50%,-50%);background:#fff;padding:25px 40px;z-index:1001;box-shadow:0 0 10px rgba(0,0,0,0.5)}
#close-comment{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;float:right;font-size:20px;font-weight:normal;font-family:''}
.bigtitle{display:inline-block;font-weight:bold;font-size:24px;color:#333333;line-height:36px;float:left}
.messitem{width:100%;display:block;float:left;margin-top:20px;border:1px solid #ededed;border-radius:4px}
.messitem input{width:100%;height:40px;background:#FFFFFF;padding:0;padding-left:10px;border:none;outline:none;box-sizing:border-box;width:100%;font-size:14px}
.messitem textarea{width:100%;height:250px;padding:10px;border:none;outline:none;box-sizing:border-box}
.sticky{position:fixed;top:0;width:760px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,0.12)}