html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body{background:#f6f6f6;background-size:100%;color:#333;font-size:16px;line-height:1.5;font-family: "PingFang SC",Microsoft YaHei,Helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;z-index:1}
a,a:hover{color:#333;}


/*body{overflow-x:hidden;max-width:100%;-webkit-text-size-adjust:none}*/
::-webkit-input-placeholder,input:-moz-placeholder{font-size:0.875rem;}

html,body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
ul,ol,menu{list-style:none}
input{border:0}
fieldset,img{border:none}
img,object,select,input,textarea,button{vertical-align:middle;}
input,select{outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
input,select,textarea{outline:none;blur:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
article,aside,footer,header,section,nav,menu,figure,figcaption,hgroup,details{display:block}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6,input,textarea,select,address,caption,cite,code,dfn,em,i,b,strong,small,th,var,abbr,acronym{font-size:100%;font-style:normal}
abbr,acronym{border-bottom:0.0625rem dashed gray}
q:before,q:after{content:''}
ins,s,u,del{text-decoration:none}
.gclear:after{display:block;clear:both;visibility:hidden;height:0;content:''}
.gclear{zoom:1}
::selection{background-color:#a4a288;color:#fff}
::-moz-selection{background-color:#a4a288;color:#fff}
.none{display:none}
.b{font-weight:bold}
.nor{font-weight:normal}
hr,.hr{display:block;border:0;height:0.0625rem;background-color:#e5e5e5;margin:0.75rem 0;font-size:0;color:transparent;text-indent:-999999rem;}
p:first-child{margin:0;}
.noi p,p.noi{text-indent:0}

h1{font-size:20px;font-weight:normal;}
h2{font-size:18px;font-weight:normal;}
h3,h4{font-size:1rem;font-weight:normal;}

.container{width:1380px;margin:0 auto;}

header{
    position: relative;
    z-index: 2022;
    transition: all .2s;
    background: #b08c42;
}
.header-main{
    padding: 10px 0;
    height:32px;
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}
.header-main .header-main-one,.header-main .header-main-three,.header-main .header-main-two{
    display: flex;
    align-items: center;
}
.header-main .header-main-one{
    order: 1;
    flex-wrap: nowrap;
}
.header-main .header-main-two{
    order: 2;
    flex-grow: 1;
    justify-content: flex-end;
}
.header-main .header-main-one .channel{
    font-size: 16px;
    color: #fff;
}
.header-main .header-main-one .channel::before{
     content: "•";
    padding-left: 10px;
    padding-right: 10px;
 }
.header-main .header-main-two>a,.header-main .header-main-three>a{
    display: inline-block;
    background-color: rgba(255,255,255,.2);
    padding: 6px 10px;
    border-radius: 4px;
    color: #fff;
    transition: background-color .2s linear;
}
 .header-main .header-main-two>a:not(:first-child){
     margin-left: 6px;
 }
 .header-main .header-main-two>a:hover{
    background-color: rgba(0,0,0,.2);
    color: #fff;
 }
 .header-main .header-main-three{
     order: 3;
    justify-content: flex-end;
    padding-left: 15px
 }
 .hamburger{
    padding: 5px 1px;
 }
 .hamburger .line{
     width: 18px;
    height: 3px;
    border-radius: 3px;
    background-color: #ecf0f1;
    display: block;
    transition: all .3s ease-in-out;
 }
 .hamburger .line:first-child{
     margin-bottom: 3px
 }
 .hamburger .line:last-child{
     margin-top: 3px;
 }
header.active .hamburger .line:nth-child(1){
     transform: translateY(6px) rotate(45deg);
    -webkit-transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    -o-transform: translateY(6px) rotate(45deg);
 }
header.active .hamburger .line:nth-child(2){
     opacity: 0;
 }
header.active .hamburger .line:nth-child(3){
     transform: translateY(-6px) rotate(-45deg);
    -webkit-transform: translateY(-6px) rotate(-45deg);
    -ms-transform: translateY(-6px) rotate(-45deg);
    -o-transform: translateY(-6px) rotate(-45deg);
 }
 
 .sidebar-menu{
     position: absolute;
    top: 57px;
    left: 0;
    right: 0;
    max-height: calc(100% - 56px);
    z-index: 2020;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-overflow-scrolling: touch;
    transition: all .2s cubic-bezier(.25,0,.3,1);
    height:100%;
 }

 .sidebar-menu.active{
     visibility: visible;
    opacity: 1;
    transform: translateY(0);
 }

.sidebar-menu-close{
    text-align: center;
}

.card{
    padding:0 20px;
    margin-bottom:15px;
}
.sidebar-menu-content .card{
    margin-bottom:10px;
}
.sidebar-menu-content ul{
    display: flex;
    flex-wrap: wrap;
}
.sidebar-menu-content ul li{
    width: 9em;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    line-height:50px;
    margin: 8px;
    text-align: center;
    background-size: cover;
    flex-shrink: 0;
}
.sidebar-menu-content .card:nth-child(4n+1) li{
    background-color: #f4ac36;
}
.sidebar-menu-content .card:nth-child(4n+2) li{
    background-color: #19c37d;
}
.sidebar-menu-content .card:nth-child(4n+3) li{
    background-color: #5436da;
}
.sidebar-menu-close{
    text-align: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.title h3{
    font-size:1.17em;
}
.header-main .header-main-three>a .icon-search{
    display:block;
    width:20px;
    height:24px;
    background:url(../images/search.svg) no-repeat center;
    background-size:20px;
}
.header-main .header-main-three>a.collapsed{
    margin-right:6px;
}
.sidebar-menu-content ul li a{
    color: #fff;
    line-height: 1.2em;
    font-size: 18px;
    transition: all .15s;
    text-shadow: 1px 1px 4px rgba(0,0,0,.5);
    font-weight: 700;
}
.sidebar-menu.active .sidebar-menu-backdrop{
    opacity: 1;
}

.sidebar-menu .container{
    padding:0;
    position: absolute;
    z-index: 100;
}
.sidebar-menu .sidebar-menu-backdrop{
    bottom: 0;
    z-index: 10;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity .15s;
}
.sidebar-menu .container, .sidebar-menu .sidebar-menu-backdrop{
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.sidebar-menu-content{
    margin: 0;
    padding: 15px 15px 0;
    background-color: #fff;
    box-shadow: 0 6px 6px 0 rgba(0,0,0,.1);
}
.btn-dark{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 5px 40px;
    border-radius: 40px;
    cursor: pointer;
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-dark:hover{
    background-color: #23272b;
    border-color: #1d2124;
    color:#fff;
}
/*main*/
.zd-main{
    width: 1380px;
    height: auto;
    margin:0 auto;
    margin-top:20px;
    overflow: hidden;
    display:flex;
    justify-content:space-between;
}
.zd-content {
    width: calc(100% - 322px)
}
.zd-sidebar {
    flex: 0 0 320px;
    padding-left: 15px;
    box-sizing:border-box;
}
.zd-box {
    position: relative;
    overflow: hidden;
    margin: 0 auto 0.625rem;
    border-radius: 5px;
}
.zd-title{
    vertical-align: text-bottom;
    font-size: 24px;
}
.zd-pic{
border:0.0625rem solid #dcdcdc;
background:transparent url(../images/zibg.gif) no-repeat center center;
float: right;
margin-left: 20px;
margin-bottom: 20px;
background-size:100%;
}
.zd-pic img{margin:10px;}
.zd-detail{
    line-height: 250%;
    font-size: 1rem !important;
}
.about p{
    text-indent:inherit;
}
.link span{
    display:inline-block;
}
.link li{
    display:inline-block;
    margin-right:10px;
    margin-top:10px;
}
.col-13{
    margin-top:10px;
}
.link li a:hover{
    color:red;
}

.zi-header{
    display: flex;
}
.zi-icon{
    width: 120px
}
.zi-header .zi-icon{
    position: relative;
    flex-shrink: 0;
}
.zi-icon .icon{
    border: 1px solid #f0f0f0;
    width: 120px;
    height: 120px;
    background:url(../images/zibg.gif) no-repeat;
    overflow: hidden;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-size:100%;
}
.zi-title, .zi-title>*{
    position: relative;
}
.zi-header .zi-title{
    flex-grow: 1;
    margin-left: 15px;
}
.zi-title .zi-title-main{
    display: flex;
}
.zi-title h1, .zi-title h2{
    font-size: 1.5rem;
    margin-bottom: 0;
    line-height: 1em;
}
.zi-title .pinyin p{
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}
.voice{
    display: flex;
    align-items: center;
    border: 1px solid rgba(255,0,0,.3);
    border-radius: 50px;
    padding: 0 2px;
    height: 18px;
    cursor: pointer;
    transition: all .2s linear;
}
.zi-title .pinyin p>.voice{
    padding: 2px;
    margin: 4px;
    display:flex;
}
.voice em{
    padding: 0 6px 0 2px;
    font-style: normal;
    font-size: 14px;
    font-family: Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.voice em:last-child{
    padding-right: 10px;
}
.voice em.zy{
    font-size: 12px;
}
.zi-title .pinyin, .zi-title-extra{
    margin-top: 10px;
    display: flex;
}
.zi-title-extra{
    margin-bottom: -4px;
    margin-left: -4px;
    font-size: 13px;
    flex-wrap: wrap;
}
.zi-title .zi-category{
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    font-size: 42px;
    line-height: 1;
    color: rgba(0,0,0,.05);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    pointer-events: none;
}
.zi-title-extra span{
    font-style: normal;
    border: 1px solid #d7b664;
    border-radius: 0.25rem;
    padding: 3px 10px;
    margin-left: 4px;
    margin-bottom: 4px;
    font-size: 13px;
}
.zi-title-extra span.unicode{
    padding-left: 26px;
    background: url(../images/unicode.png) 4px center no-repeat;
    background-size: 18px 18px
}
.zi-tab ul{
    display: flex;
    border-bottom: 2px solid #a27728;
}
.zi-tab li{
    flex-basis: 25%;
    text-align: center;
    background-color: #d7b664;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-left: 2px;
    overflow-x: hidden;
}
.zi-tab li:first-child{
    margin-left: 0;
}
.zi-tab li.active{
    background-color: #a27728;
}
.zi-tab li a{
    padding: 6px 0;
    color: #fff;
    display: block;
    text-decoration: none;
}
.mb-3{
    margin-bottom:20px;
}
.zi-attrs-list{
    margin-top: 15px;
    padding-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border-top: 1px solid #f0f0f0;
}
.zi-attrs-list p{
    width: 25%;
    margin-bottom: 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    margin:0;
}
.zi-attrs-list p>label{
    background-color: #f9f9f9;
    color: #444;
    padding: 3px 6px;
    margin-bottom: 0;
    width: 68px;
    font-weight: 700;
    white-space: nowrap;
    font-size: 13px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.zi-attrs-list p>span{
    margin-left: 8px;
    font-size: 15px;
    padding: 6px 0;
}
a.primary{
    padding-bottom: 1px;
    text-align: center;
    color: red;
    border-bottom: 1px solid red;
    
}
.zd-mcon a.primary{
    text-decoration: auto;
    color:red!important;
}
.zi-attrs-list p.bishun, .zi-attrs-list p.w-100{
    width: 100%;
}
ul.btn.songti li{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height:auto;
    cursor:pointer;
   font-size:1.2rem!important;
   padding:;
}
ul.btn.songti li:hover{
    box-shadow: inherit;
    color:red;
}
/*sidebar*/
.zd-sdc{
    padding: 15px;
    background-color: #fff;
	font-size:16px;
	overflow:hidden;
}
#zd-sdc{
    padding:0;
    border-top: 1px solid #DAD9D1;
    padding-top: 10px;
    margin-top: 15px;
}

.gs-def p.y,.gs-def p.z{margin-top:20px;}
.zd-sdc h3{
    color: #333;
	font-size: 18px;
    font-weight: normal;
    position: relative;
    padding-left: 0.75rem;
    padding-top: 0.75rem;
    margin-bottom: 10px;
}
.zd-sdc h3:before,.zd-sdc h3:after{
    position: absolute;
    background: red;
    content: "";
    left: 0;
    top: 0.5rem;
}
.zd-sdc h3:before{
    width: 2px;
    height: 10px;
}
.zd-sdc h3:after{
    width: 10px;
    height: 2px;
}
.zd-sdc ul.zd-btn{
    margin-top: 0;
}
.zd-sdc ul.zd-btn li {
    float: left;
    position: relative;
    white-space: nowrap;
}
.zd-sdc ul.zd-btn li a{
    text-decoration: none;
    padding: 0.375rem 0.25rem;
    background-color: #fff;
    display: block;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.12);
    transition: all .15s;
    color:#885E1B;
}

.zd-sdc ul.zd-btn li a:hover {
    background: #f8f9fa;
    border: 1px solid ##f8f9fa;
    color:#f00;
}

.zd-sdc.content ul.zd-btn li a{
    background-color: #b08c42;
    border-bottom: 3px solid #8d6d2d;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transition: all .2s ease-in-out;
    color:#fff;
    border-radius: 6px;
}
.zd-sdc.content ul.zd-btn li a:hover{
    background: #67a535;
    border-bottom: 3px solid #559223;
}

.contitle{background-color:#bbbaa7;color:#fff!important;font-size:0.875rem;padding:0.125rem 0.375rem;}
.contitle{display:inline-block;*display:inline;*zoom:1;*position:relative;}
.contitle{-moz-border-radius:0.1875rem;-webkit-border-radius:0.1875rem;border-radius:0.1875rem;}
#sidr-right {
    display: none;
}

.gs-pinyin-def p{margin-top:10px;}
.gs-pinyin-def p rt{font-size:16px;}
.gs-pinyin-def p rb{font-size:16px;margin-top:5px;}

/* 公共样式 */
.gs-main{
	width:1380px; 
	margin:30px auto;
	display: flex;
	justify-content: space-between;
}
.gs-content,.gs-sidebar{
    padding:15px;
	background-color:#fff;
	margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0 0.125rem 0.25rem rgba(200,200,200,0.3);
    box-sizing:border-box;
}
.gs-content{
    width:1030px;
}
.gs-sidebar{
    width:336px;
    padding:0;
}

.gs-book-cont{
    display:flex;
    justify-content: space-between;
}

.gs-book-img{
    width: 120px;
    height: 150px;
}

.gs-book-h{
    width:860px;
}
.gs-book-introduuce,.gs-zuozhe-works{
	color: #19537d;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    text-indent: inherit;
    margin-top:5px;
}

.gs-zuozhe-works a{
    color:#FFB018;
    margin-right:10px;
}

.gs-box{
	margin-top:20px; 
	position:relative;
	overflow: hidden;	
	background-color: #fff;
    border-radius: 5px;
	}
.gs-box .gs-works-text p{
    margin-top:20px;
    text-indent: inherit;
}

.gs-zuozhe-works a:hover{
    text-decoration: underline;
}

.gs-book-title a,.gs-zuozhe-title a{
    font-size: 18px;
    line-height: 22px;
    height: 22px;
    margin-bottom: 5px;
    overflow: hidden;
    word-break: break-all;
    font-weight: bold;
    color: #795548;
}
.gs-cont-service{
    padding:15px 0;
}
.gs-poem-sub .gs-service-dynsty{
    color:#F00909;
}

.gs-poem-sub .gs-service-author{
    color:#19537D;
}

.morebg{
    z-index: 100;
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 30px;
    background: rgb(255 255 255 / 80%);
    -webkit-tap-highlight-color: transparent;
}
.more{ height:30px; line-height:30px; font-size:14px; color:#19537D; text-align:center; cursor:pointer; }
.more-data{ height:30px; line-height:30px; font-size:14px; color:#20BD5D; text-align:center; cursor:pointer; }

.gs-book-intro,.gs-zuozhe{
    border-bottom: 1px solid #eaeaea;
    margin-bottom:20px;
    padding-bottom:20px;
}

.gs-cont{
    display:flex;
    justify-content: space-between;
}

#gs-cont{
    display:block;
}

.gs-cont-title{
    display:flex;
    align-items: center;
}

.gs-cont-title .ld{
    margin-right:0;
    margin-left:10px;
}

.gs-zuozhe-nav-title{position:relative;height:50px;text-align:center}
.gs-zuozhe-nav-title div{border-top:1px solid #DAD9D1;position:absolute;width:100%;top:25px}
.gs-zuozhe-nav-title a{position:absolute;font-size:16px;left:50%;top:50%;margin-top:-16px;margin-left:-100px;background:#cdbb9f;padding:4px 20px;color:#885E1B;border-radius:32px}
.gs-zuozhe-nav-list{overflow:hidden;margin-top:10px;}
.gs-zuozhe-nav-list li{float:left;width:50%;line-height:30px}
.gs-zuozhe-nav-list li a{color:#885E1B}
.gs-zuozhe-nav-list li a:hover{color:#dc3545}
.gs-tag{margin-top:10px;}
.gs-tag a{
    line-height: 42px;
    text-align: center;
    border: 1px solid #ebd187;
    background-color: #fdfaeb;
    border-radius: 6px;
    font-size: 15px;
    transition: all .2s ease;
    margin-right:5px;
    padding: 8px;
    color: #885E1B;
}
.gs-tag a:hover{
    background-color: #ebd187;
    color: #885E1B;
}

#gs-cont .gs-conview-def p{
    margin-top:0;
}

.gs-cont .gs-conview-def p,.gs-cont .gs-conview-ft p{
    line-height:28px;
}
.gs-cont-title h3 a{
    font-size:20px;
    color:#885E1B;
}

.gs-sons{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.gs-sons:last-child{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:5px;
}

/* 名句 */
.mingju{clear:both; width:100%; height:auto; overflow:hidden;margin-bottom: 10px;position: relative;}
.mingju li{font-size:16px;border-bottom:1px dashed #DAD9D1; overflow:hidden; color:#999;padding: 10px 0;}
.mingju li a{color:#885E1B;}
.mingju li span{ margin-left:10px;}
.mingju li span,.mingju li span a{ font-size:14px; color:#999;}
.mingju li p,.mingju li p a{ font-size:14px; color:#999;}
.mingju li p a:hover{
    color:#F00909;
}
.gs-subnav{
    width:1380px;
    margin:0 auto;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0.125rem 0.25rem rgba(200,200,200,0.3);
    box-sizing: border-box;
    margin-top:15px;
}
.gs-subnav_cont{
    display:flex;
}

#gs-main{
    margin-top:15px;
}

.title{
    position:relative;
    margin-bottom:15px;
}
.title:after{
    content: '';
    width: 4px;
    height: 20px;
    display: inline-block;
    background: #bda37f;
    position: absolute;
    top: 6px;
    left: 0;
}
.title h1,.title h2,.title h3{
    padding-left:15px;
    font-size:20px;
}

.sright a{
    line-height: 42px;
    text-align: center;
    border: 1px solid #ebd187;
    background-color: #fdfaeb;
    border-radius: 6px;
    font-size: 15px;
    transition: all .2s ease;
    margin: 5px;
    padding: 8px;
    color: #885E1B;
}

.sright a.on{
    background-color: #ebd187;
    color:#885E1B;
}
.sleft span{
    line-height: 42px;
}

.ccc{margin-top:20px;}

/* 译-注-赏-拼 */
.gs-service-tab span{display:block; width:21px; height:21px; line-height:20px; font-size:14px; font-weight:bold; color:#AAAAA7; font-style:normal;  text-align:center;   overflow:hidden; border:2px solid #AAAAA7; border-radius:50%; margin-left:10px; float:right; cursor:pointer;}
.gs-cont-service{
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.gs-cont-service span{color:#AAAAA7; text-decoration:none;}
.gs-cont-service span.on,.gs-cont-service span:hover{border:2px solid #FFB018; background-color:#FFB018; color:#fff;-webkit-tap-highlight-color:transparent;}
.gs-service-tab a{
    color: #AAAAA7;
    display: block;
}
.gs-service-tab .on a {
    color: #f9f9f9;
}
.gs-service-tab a:hover {
    /*border: 2px solid #FFB018;*/
    background-color: #FFB018;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
	text-decoration: none;
}
.gs-poem-sub{float: left;color:#999}
.gs-service-tab{float: right;}

.gs-conview-def{
    overflow: hidden;
}
.gs-conview-def p{
    text-indent: inherit;
    margin-top:15px;
}
.sidebar-hot {overflow:hidden;margin:0 10px;}
.sidebar-hot li{width:100%; height:40px; line-height:40px; font-size:16px; overflow:hidden; border-bottom:1px dashed #DAD9D1;}
.sidebar-hot li a{color:#b08c42;}
.sidebar-hot li span .works-dynsty{color:#19537D;}
.sidebar-hot li span .works-author{color:#F00909;}
.sidebar-hot li:last-child{border-bottom:0;}

/*作品tool*/
.tool{height:24px; clear:both; margin-top:20px;}
.sc,.fz,.ld,.zan,.write,.next,.gs-down{display:block; width:18px; height:18px; cursor:pointer; margin-right:10px; float:left; background-image: url(icons.png); background-repeat: no-repeat;}
.sc{background-position:0px -50px;}
.fz{background-position:-50px -50px;}
.fz:hover{background-position:-50px -70px;}
.ld{background-position:-25px -50px;}
.write{background-position:-75px -50px;}
.zan{background-position:-122px -50px; line-height:18px; margin-right:5px; padding-left:25px; font-style:normal; color:#999; width:auto;}
.ld-on,.ld:hover{background-position:-25px -70px;}
.sc-on,.sc:hover{background-position:0px -70px;}
.zan:hover{color:#FFB018; background-position:-122px -70px;}
.zan span{background-color: #fff;}
.next {display: block;width: 20px;height: 20px;background-position: -98px -50px;margin-top: 0px;float: left;text-indent: -999em;}
.next:hover{background-position: -98px -70px;}
.gs-down{display: block;width: 20px;height: 20px;background-position: -98px -50px;float: left;text-indent: -999em;}
.gs-down:hover{background-position: -98px -70px;}
/* 分页pages */
.gs-pages {
        text-align: center;
    color: #666;
    width: 100%;
    clear: both;
    margin: 0 0 20px;
    font-size: 14px;
    padding: 20px
}
.gs-pages a,.gs-pages b {
    min-width: 32px;
    border-radius: 4px;
    color: #b08c42;
    margin: 20px 5px auto;
    padding: 8px 4px;
    background: #fff;
    display: inline-block;
    border: 1px solid #dbdfe1
}

.gs-pages a:hover,.gs-pages > b {
    color: #FFF;
    background: #b08c42;
    border-color: #b08c42
}
.gs-pages ul {
    font-size: 14px;
    padding-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gs-pages ul li {
    display: inline-block;
}
.gs-pages ul li a,.gs-pages ul li span {
    color: #b08c42;
    opacity: 1;
    font-size: 16px;
    padding: 5px 13px;
    background-color: #f1f3f4;
    display: block;
    text-align: center;
    border-radius: 3px;
    margin: 6px;
    text-decoration: none!important;
}

.gs-pages ul li.active span,.gs-pages ul li a:hover{
    color: #fff;
    background-color: #b08c42;
}

.gs-book-list{

    position: relative;
    background-color: #fff;
    border-radius: 5px;
}
.gs-booklist-dl{
    overflow: hidden;
}
.gs-booklist-title{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    padding-left:15px;
}
.gs-booklist-title:after{
    content: '';
    width: 4px;
    height: 20px;
    display: inline-block;
    background: #bda37f;
    position: absolute;
    top: 2px;
    left: 0;
}
.gs-booklist-dl dd {
    width:10%;
    float: left;
    overflow: hidden;
    font-size: 14px;
}
.gs-booklist-dl dd a{
    display:block;
    text-align:center;
    background:#f2f2f2;
    color:#bda37f;
    margin:5px;
    padding:10px 0;
    border-radius:5px;
}
.gs-booklist-dl dd a:hover{
    background:#bda37f;
    color:#fff;
}

.gs-bd{
    background:#fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 7%);
    border-radius:5px;
}
.gs-article{
    padding: 20px;
}
.gs-article-title {
    padding: 10px 0;
    background: url(../images/atitle_bottom.png) no-repeat bottom;
    background-size: 100%;
    margin-bottom: 10px
}

.gs-article-title h1 {
    text-align: center;
    font: normal 30px/50px "\5FAE\8F6F\96C5\9ED1";
    padding: 0 15px
}

.gs-article-title p.gs-other {
    text-align: center;
    color: #777;
    text-indent: 0;
    line-height: 24px;
    padding: 10px 0;
    margin:0;
}

.gs-article-title p.gs-other i {
    margin-left: 10px;
    background: #e3dfcd;
    border-radius: 10px;
    color: #666;
    font-style: normal;
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px 0 5px;
    
}

.gs-article-text {
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    overflow: hidden
}

.gs-article-text p {
    text-align: justify;
    margin:0;
    margin-top:20px;
    text-indent: inherit;
}

.gs-page {
    padding: 8px 0;
    overflow: hidden;
    font-size: 16px;
    background: #d5b877;
    border-radius: 8px;
    margin: 15px 0
}

.gs-page li {
    float: left;
    width: 33%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center
}
/* font */
.pinyin,.zhuyin{font-family:Tahoma,Arial,Georgia,Verdana,Helvetica,sans-serif;}
.pinyin span{min-width:2.75rem;display:inline-block;text-align:center;}
.pinyin span.hw{min-width:1.375rem;}
.pinyin span.hhw{min-width:0.75rem;}

.long .pinyin span{min-width:3.5rem;display:inline-block;text-align:center;}
.long .pinyin span.hw{min-width:1.75rem;}
.long .pinyin span.hhw{min-width:1.125rem;}

.heiti{font-family:-apple-system,"Noto Sans","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Source Han Sans CN","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;}
.songti{font-family:Georgia,"Nimbus Roman No9 L","Songti SC","Noto Serif CJK SC","Source Han Serif SC","Source Han Serif CN",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;}
.kaiti{font-family:Georgia,Baskerville,"Liberation Serif","Kaiti SC",STKaiti,"AR PL UKai CN","AR PL UKai HK","AR PL UKai TW","AR PL UKai TW MBE","AR PL KaitiM GB",KaiTi,KaiTi_GB2312,DFKai-SB,"TW\-Kai",serif;}

p em{position:relative;text-indent:0;}
p em:after{position:absolute;top:0.5em;left:0;width:100%;color:#d25f32;overflow:hidden;white-space:nowrap;}
h1 em,h2 em,h3 em,h4 em,ul li em{color:#d25f32;}
.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    overflow: visible
}


/* header nav */
.zd-header{
    margin-bottom: 10px;
    overflow: hidden;
    background:#fdfaeb;
}
.zd-nav{display:none;}
.zd-nav-top{
    display: block;
    height: 64px;
    position: relative;
    width: 100%;
}
.zd-nav-back{
    position: absolute;
    top: 0;
}
.zd-m-seach-btn{
    position: absolute;
    right: 56px;
    top: 0;
    width: 24px;
    height: 24px;
    display: block;
    background: transparent url(../images/search.png) no-repeat center center;
    background-size: 24px 24px;
    font-size: 0;
    color: transparent;
    text-indent: -999999rem;
    padding: 18px 16px;
}
.zd-nav-back .zd-back-btn{
    fill: #70757a;
    width: 24px;
    height: 24px;
    display: block;
    background: transparent url(../images/goback.png) no-repeat center center;
    background-size: 24px 24px;
    font-size: 0;
    color: transparent;
    text-indent: -999999rem;
	padding: 18px 16px;
}
.zd-nav-menu{
	float: right;
}
.zd-nav-menu .zd-menu-btn {
    fill: #70757a;
    width: 24px;
    height: 24px;
    display: block;
    background: transparent url(../images/menu.png) no-repeat center center;
    background-size: 24px 24px;
    font-size: 0;
    color: transparent;
    text-indent: -999999rem;
	padding: 18px 16px;
}
.zd-nav-top .zd-m-logo{
    padding: 12px 0;
    position: absolute;
    left: 50%;
    margin-left: -60px;
}
.zd-nav-top .zd-mlogo-show{
    background: url(../images/logo-m-min.png) no-repeat;
    background-size: 120px 40px;
    height: 40px;
    width: 120px;
}
.zd-logo{
    padding:30px 0 0 0;
    text-align: center;
	}
.header-search-title{
    font-size:24px;
}
/*search*/
.zd-search-box{
    max-width: 750px;
    margin: 10px auto 20px auto;
	width:auto;
	padding:0;
}
.zd-search-box#searcht{
    position: relative;
    z-index: 2010;
    border-bottom: 1px solid rgba(180,180,180,.1);
    background-color: #fdfaeb;
    padding: 30px 15px;
    border-radius: 0.2rem;
    box-shadow: 0 0 4px rgba(200, 200, 200, 0.3);
    font-size: 1rem;
    margin:0;
    display:none;
    max-width:100%;
}
.zd-search-box#searcht .font-14{
    font-size:14px!important;
    text-align:center!important;
    text-indent:inherit;
    display:flex;
    justify-content: center;
    align-items: center;
}
.zd-search-box#searcht .font-14 .icon-help{
    display:block;
    width:16px;
    height:16px;
    background:url(../images/help.svg) no-repeat center;
    background-size:16px;
    margin-right:4px;
}
.zd-search-box#searcht.active{
    display:block;
}
.zd-search-box#searcht .zd-search-form{
    max-width:750px;
    margin:0 auto;
}
.zd-search-form{
    box-shadow: none;
    background: none;
    margin-left: 16px;
    margin-right: 16px;
}
.zd-search-text{
    display: flex;
    width: 100%;
    height: 48px;
    overflow: hidden;
    line-height: 48px;
    position: relative;
}

.zd-text-input{
    border: 3px solid #fcc800;
	width: 100%;
    line-height: 20px;
    padding: 6px 16px;
    position: relative;
    z-index: 5;
	font-size: 16px;
    color: #222;
    border-radius: 8px 0 0 8px;
    border-right:0;
}
.zd-s-btnw{
    display:inline-block;
    width: 100px;
    font-size: 16px;
	background:#fcc800;
	border-radius: 0 8px 8px 0;
	text-align: center;
}
.zd-s-btn{
    padding: 0 20px;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    background: #fcc800;
}
.home-primary-link ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.home-primary-link ul li{
    padding: 5px 0;
    font-size: 16px;
    width:calc(12.5% - 13.125px);
}
.home-primary-link ul a, .home-primary-link ul button{
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
}
.home-primary-link .btn{
    border-radius:8px;
    border:0;
    line-height:24px;
}
.btn-info{
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-secondary{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-danger{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-info:hover{
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}
.btn-danger:hover{
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.btn-secondary:hover{
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
.font-15{
    text-indent: inherit;
    padding:0;
    margin:0;
    font-size:16px!important;
    margin:15px 0 30px 0;
}
.btn-primary{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-primary:hover{
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.breadcrumb-wrapper{
    background:#fff;
    box-shadow: 0 0.125rem 0.25rem rgba(200, 200, 200, 0.3);;
    margin-bottom: 20px;
    padding: 10px 0;
}
.breadcrumb{
    text-decoration: none;
}
.breadcrumb,.breadcrumb ol{
    display: flex;
    align-items: center;
}
.breadcrumb .back{
    background-color: #885E1B;
    color: #fff;
    height: 34px;
    line-height: 34px;
    border-radius: 0.25rem;
    width: 30px;
    margin-right: 6px;
    text-align: center;
}
.breadcrumb .back .icon-zuo{
    background:url(../images/zuo-icon.svg) no-repeat center;
    background-size:24px;
    display:block;
    width:30px;
    height:34px;
}
.breadcrumb ol{
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
    text-align: left;
    overflow-y: hidden;
    overflow-x: auto;
    border-radius: 5px 0 0 5px;
}
.breadcrumb li a{
    position: relative;
    display: block;
    height: 34px;
    line-height: 34px;
    padding-left: 24px;
    padding-right: 12px;
    font-size: .925rem;
    color: #fff;
    white-space: nowrap;
    background: #bd9237;
}
.breadcrumb li a:hover{
    background:#D7B664;
}
.breadcrumb li a:hover::after{
    border-left-color:#D7B664;
}
.breadcrumb li a::after,.breadcrumb li a::before{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: calc(100% - 10px);
}
.breadcrumb li a::before{
    border-left: 20px solid #fff;
    margin-left: 2px;
    z-index: 1;
}
.breadcrumb li a::after{
    border-left: 20px solid #bd9237;
    z-index: 2;
}
.breadcrumb li:last-child h1{
    margin: 0;
    padding-left: 20px;
    font-size: .9375rem;
}
/*m-seach*/
.zd-m-search-wrap {
    padding-top: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 10;
}
.zd-m-search-form{
    width: 100%;
    display: flex;
}
.zd-m-search-input, .zd-m-search-input .zd-m-input-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.zd-m-search-input {
    position: relative;
    height: 52px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 15px 10px 9px;
}
.zd-text-input:hover,.zd-text-input:active,.zd-text-input:focus{
    background:#fff;
}
.zd-m-back-btn {
    fill: #70757a;
    width: 24px;
    height: 24px;
    display: block;
    background: transparent url(../images/goback.png) no-repeat center center;
    background-size: 24px 24px;
    padding: 6px;
	margin-right: 6px;
	font-size: 0;
    color: transparent;
    text-indent: -999999rem;
}
.zd-m-search-input .zd-m-input-box {
    background-color: #fff;
    color: #222;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    padding: 0 16px;
    box-shadow: 0px 1px 0px 0px rgb(60 64 67 / 16%);
}
.zd-m-search-input input {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: none;
    border: none;
    background: rgba(0,0,0,0);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.zd-m-search-input .zd-m-searchbtn {
    width: 52px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.zd-m-search-input .zd-m-searchbtn{
    height: 52px;
    line-height: 52px;
    position: relative;
    width: 30px;
    display: block;
    background: transparent url(../images/search.png) no-repeat center center;
    background-size: 20px 20px;
}
.zd-m-searchbtn .zd-m-s-btn{
    font-size: 0;
    color: transparent;
    text-indent: -999999rem;
}
.zd-index-hint {
    font-size: 0;
    padding: 0 16px;
    margin-bottom: 8px;
}
.zd-index-hint h4 {
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 8px;
    color: #222;
    font-size: 1.125rem;
    padding-top: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.zd-index-hint .zd-hint-box.zd-index-history {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.zd-index-hint .zd-hint-box a {
    font-size: 1.125rem;
    padding: 5px 15px;
    border-radius: 8px;
    display: inline-block;
    background-color: #f8f8f8;
    margin-right: 8px;
    margin-bottom: 8px;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* audio */
.audio,.audio_on{text-decoration:none!important;background:transparent url(audio.gif) no-repeat center right;padding-right:1.8125rem;background-size:1.375rem 1.0625rem;}
.audio_on{background-image:url(audiop.gif);}

/* flex */

.fleft{float:left}
.fright{float:right}
.center{text-align:center}
.right{text-align:right}
.left{text-align:left}
.cboth{clear:both}
.inline{display:inline}
.bbb,.br,.brl,.blr,.btr,.brt,.bbr,.brb{border-right:0.0625rem solid #e5e5e5}
.bbb,.bl,.brl,.blr,.btl,.blt,.bbl,.blb{border-left:0.0625rem solid #e5e5e5}
.bbb,.bt,.btb,.bbt,.btl,.blt,.btr,.brt{border-top:0.0625rem solid #e5e5e5}
.bbb,.bb,.btb,.bbt,.blb,.bbl,.brb,.bbr{border-bottom:0.0625rem solid #e5e5e5}

.mm,.mr,.mrl,.mlr,.mtr,.mrt,.mbr,.mrb{margin-right:0.625rem}
.mm,.ml,.mrl,.mlr,.mtl,.mlt,.mbl,.mlb{margin-left:0.625rem}
.mm,.mt,.mtb,.mbt,.mtl,.mlt,.mtr,.mrt{margin-top:0.625rem}
.mm,.mb,.mtb,.mbt,.mlb,.mbl,.mrb,.mbr{margin-bottom:0.625rem}
.pp,.pr,.prl,.plr,.ptr,.prt,.pbr,.prb{padding-right:0.625rem}
.pp,.pl,.prl,.plr,.ptl,.plt,.pbl,.plb{padding-left:0.625rem}
.pp,.pt,.ptb,.pbt,.ptl,.plt,.ptr,.prt{padding-top:0.625rem}
.pp,.pb,.ptb,.pbt,.plb,.pbl,.prb,.pbr{padding-bottom:0.625rem}

.mmd,.mrd,.mrld,.mlrd,.mtrd,.mrtd,.mbrd,.mrbd{margin-right:20px}
.mmd,.mld,.mrld,.mlrd,.mtld,.mltd,.mbld,.mlbd{margin-left:20px}
.mmd,.mtd,.mtbd,.mbtd,.mtld,.mltd,.mtrd,.mrtd{margin-top:20px}
.mmd,.mbd,.mtbd,.mbtd,.mlbd,.mbld,.mrbd,.mbrd{margin-bottom:20px}
.ppd,.prd,.prld,.plrd,.ptrd,.prtd,.pbrd,.prbd{padding-right:20px}
.ppd,.pld,.prld,.plrd,.ptld,.pltd,.pbld,.plbd{padding-left:20px}
.ppd,.ptd,.ptbd,.pbtd,.ptld,.pltd,.ptrd,.prtd{padding-top:20px}
.ppd,.pbd,.ptbd,.pbtd,.plbd,.pbld,.prbd,.pbrd{padding-bottom:20px}

.l50{line-height:50%}.l60{line-height:60%}.l70{line-height:70%}.l80{line-height:80%}.l90{line-height:90%}
.l100{line-height:100%}.l110{line-height:110%}.l120{line-height:120%}.l130{line-height:130%}.l140{line-height:140%}
.l150{line-height:150%}.l160{line-height:160%}.l170{line-height:170%}.l180{line-height:180%}.l190{line-height:190%}
.l200{line-height:200%}.l210{line-height:210%}.l220{line-height:220%}.l230{line-height:230%}.l240{line-height:240%}
.l250{line-height:250%}.l260{line-height:260%}.l270{line-height:270%}.l280{line-height:280%}.l290{line-height:290%}
.l300{line-height:300%}.l350{line-height:300%}.l400{line-height:400%}.l450{line-height:450%}.l500{line-height:500%}


.daxie{text-transform:uppercase}
.xiaoxie{text-transform:lowercase}

a.white,.white,.white a{color:#fff}
a.green,.green,.green a{color:#008000}
a.red,.red,.red a{color:red}
a.blue,.blue,.blue a{color:blue}
a.pink,.pink,.pink a{color:#c00}
a.gray,.gray,.gray a{color:#aaa}
a.dimgray,.dimgray,.dimgray a{color:#696969}
a.orange,.orange,.orange a{color:orange}
a.yellow,.yellow,.yellow a{color:#ff0}
a.black,.black,.black a{color:#333}
a.brown,.brown,.brown a{color:#622;}
a.light,.light,.light a{color:#c5653e;}
a.dark,.dark,.dark a{color:#a4a288;}
/* #726f51 */

.bwhite{background-color:#fff}
.bgreen{background-color:#008000}
.bred{background-color:red}
.bblue{background-color:blue}
.bpink{background-color:#c00}
.bgray{background-color:#e5e5e5}
.borange{background-color:orange}
.byellow{background-color:#ffffb5}
.bblack{background-color:#333}
.bbrown{background-color:#622}
.blight{background-color:#c5653e}
.bdark{background-color:#a4a288}

.zd-path a{line-height:100%;padding:0;margin:0;top:0;}
.zd-path a{display:inline-block;*display:inline;*zoom:1;*position:relative;}
.zd-path i {margin:0 0.5rem;}
.zd-path i:after {
    content: ">";
    color: #a4a288;
    font-size: 0.75rem;
    font-family: serif;
    margin: 0 2px;
    font-weight: bold;
}

.zd-mcon{
	padding:15px;
	background-color:#fff;
	margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0 0.125rem 0.25rem rgba(200,200,200,0.3);
}
.zd-mcon.zpy{
    padding:0;
}
.zd-mcon p{
    text-indent: 0;
}

.zd-mcon .pb-3 p{
    font-size:.875rem!important;
}

.table{
    width:100%;
}

.table tbody tr:nth-child(even){
    background:#f9f9f9;
}

.table thead th{
    font-weight: 700;
    background-color: #bd9237;
    padding: 0.5rem;
    color: #fff;
    white-space: nowrap;
    border-right: 1px solid #D7B664;
    text-align: center;
}
.table thead th:last-child,.table tr td:last-child{
    border-right: none;
}
.table tr td{
    padding: 10px 5px;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    color: #212121;
    text-align: center;
}

.zd-mcon h3{
    display:flex;
    align-items: center;
}
.zd-mcon h3 .icon-help{
    display:block;
    width:16px;
    height:16px;
    background:url(../images/gt.svg) no-repeat center;
    background-size:16px;
    margin-right:5px;
}

.zd-mcon .gray{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    background-color: #f9f9f9;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 5px;
    position: sticky;
    top: -2px;
    z-index: 100;
}
.zd-mcon .gray h3{
    display:inline-block;
    border:0;
    margin:0;
    padding:0;
}

.zd-mcon .gray span{
    font-size:14px;
}


.progress,.progress-bar{
    display: flex;
    overflow: hidden;
}

.progress{
    height: 1rem;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    align-items: center;
    border-radius: 1rem;
}

.progress-bar{
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

.progress .progress-bar{
    height: 100%;
    border-radius: 1rem;
    min-width: 3rem;
}

.progress .count{
    margin-left: 8px
}

.bg-danger{
    background-color: #dc3545!important;
}

.bg-info{
    background-color: #17a2b8!important;
}

.font-sm{
    font-size: .875rem!important;
}

.zd-mcon .card-body a{
    color:#885E1B;
    text-decoration: none;
}






.chazi-nav{
    --nav-bg-color: #FBF4D8;
    --nav-border-color: #EBD187;
    display: flex;
    margin: 0 -20px;
    padding: 1px;
}
.chazi-nav li{
    height: 38px;
    line-height: 38px;
    width: 33.3333%;
    text-align: center;
    border-bottom: 1px solid #EBD187;
    border-left: 1px solid #EBD187;
    background-color: #FBF4D8;
}
.chazi-nav li:first-child{
    border-left: none;
}
.chazi-nav li.active{
    border-bottom-color: #fff;
    font-weight: 700;
    background: linear-gradient(#FBF4D8 20%,#fff 80%);
    line-height: 40px;
}
.chazi-nav li a{
    color:#885E1B;
    text-decoration: none;
}
.chazi-nav li a:hover{
    color:#dc3545;
}
.card-header{
    padding: 15px;
}
.content-header .title, .content-header h1{
    font-size: 1.75rem!important;
    text-align: center;
    font-weight: 500;
    font-family: "STSong","Songti","Songti SC","宋体","Noto Serif CJK SC","Source Han Serif SC","Source Han Serif CN",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;
    padding-top: 15px;
    color: #212121;
    margin-bottom: 0!important;
}

.card .card-header>h2{
    font-size: 1rem;
    margin: 0;
}
.content-header .summary{
    font-size: .875rem;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}
.content-header .title+.summary,.content-header h1+.summary{
    padding: 5px 0 15px!important;
    margin: 0!important;
    color: #666;
}
.content-header .summary:before{
    content: "（";
}
.content-header .summary:after{
    content: "）";
}
.content-header .description{
    font-size: .875rem;
    color: var(--body-info-color);
    margin-bottom: 0;
}
.content-header .title+.summary+.description,.content-header h1+.summary+.description{
    margin-top: 15px!important;
}

.content-nav-list{
    padding:0 15px;
}
.content-nav-list .title{
    font-size: 14px;
    margin:0;
    padding:0;
    border:0;
}
.content-nav-list ul.btn{
    flex-wrap: inherit;
    margin:0;
    margin-top:8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom:8px;
}
.content-nav-list ul.btn li{
    flex-grow: 1;
    white-space: nowrap;
    text-align: center;
    border: 1px solid rgba(200,200,200,0.4);
    background-color: #f9f9f9;
    border-radius: 4px;
    font-size: 14px;
    margin: 2px;
    min-height: auto;
    box-shadow: inherit;
    width: auto;
}
.content-nav-list ul.btn li a{
    padding:5px 15px;
    color:#885E1B;
}
.content-nav-list ul.btn li:hover{
    color: red;
    border:solid 1px red;
    box-shadow:inherit;
}
.content-nav-list ul.btn li:hover a{
    color:red;
}

.content-card{
    padding:15px;
}
.content-card .gray{
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    background-color: #f9f9f9;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 5px;
    position: sticky;
    top: -2px;
    z-index: 100;
}
.content-card .gray h3{
    margin:0;
    padding:0;
    border:0;
}
.content-card .gray span{
    font-size:14px;
}

.content-card ul.btn li{
    width: calc(8.3333333333% - 10px);
    margin: 5px;
    min-height:auto;
    background-color:#fff;
    border: 1px solid #e9ecef;
    text-align: center;
    display: block;
    border-radius: 0.25rem;
    padding:0;
    color: #212121;
    transition: all ease .2s;
    box-shadow: inherit;
}
.content-card ul.btn li a{
    font-size:1rem!important;
    padding:5px;
    font-family: "PingFang SC",Microsoft YaHei,Helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;
}
.content-card ul.btn li:hover{
    background-color:#f8f9fa;
    box-shadow: inherit;
}
.content-card ul.btn li:hover a{
    color:red;
}

.content-nav-list ul.btn::-webkit-scrollbar{height:8px}
.content-nav-list ul.btn::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(200,200,200,0.4);border-radius:10px}
.content-nav-list ul.btn::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(200,200,200,0.4)}

.zd-mcon.noi ul.btn li{
    width: calc(12.5% - 16px);
}


.zd-mtitle,.zd-otitle{
    font-size: 0.875rem;
    color: #333;
    border-bottom: 0.0625rem solid #f5f5f5;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.zd-mtitle h1,.zd-mtitle h2,.zd-mtitle h3,.zd-otitle h1,.zd-otitle h2,.zd-otitle h3{font-size:0.875rem;margin:0;padding:0;display:inline;color:#666;}
.zd-mtitle a,.zd-mcon a,.zd-otitle a{text-decoration:underline;}
.zd-mtitle a:hover,.zd-mcon a:hover,.otitle a:hover{}

.zd-mcon h1{
    letter-spacing: 0.5rem;
    text-indent: 0.5rem;
    font-size: 32px;
}
.zd-nospacing h1{letter-spacing:0!important;text-indent:0!important;}
.zd-mcon .zd-long h1{letter-spacing:1.25rem;text-indent:1.25rem;}

.zd-mcon h2{color:#77744d;}
.zd-mcon h3,.zd-mcon h4{
    color:#000;
    border-bottom: solid 1px #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.zd-adbox{background-color:#ebeee9;font-size:0;}
.panel:after, .adbox:after, .zd-mtitle:after, .zd-otitle:after, .zd-mcon:after, .zd-mhead:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: '';
}
ul li a{cursor:pointer;}
ul.w20,ul.w19,ul.w18,ul.w17,ul.w16,ul.w15,ul.w14,ul.w13,ul.w12,ul.w11,ul.w10,
ul.w9,ul.w8,ul.w7,ul.w6,ul.w5,ul.w4,ul.w3,ul.w2,ul.w1,ul.line{margin:-12px -6px 0;}
ul.w20 li,ul.w19 li,ul.w18 li,ul.w17 li,ul.w16 li,ul.w15 li,ul.w14 li,ul.w13 li,
ul.w12 li,ul.w11 li,ul.w10 li,ul.w9 li,ul.w8 li,ul.w7 li,ul.w6 li,ul.w5 li,
ul.w4 li,ul.w3 li,ul.w2 li,ul.w1 li,ul.line li{float:left;position:relative;}
ul.w20 li a,ul.w19 li a,ul.w18 li a,ul.w17 li a,ul.w16 li a,ul.w15 li a,
ul.w14 li a,ul.w13 li a,ul.w12 li a,ul.w11 li a,ul.w10 li a,ul.w9 li a,
ul.w8 li a,ul.w7 li a,ul.w6 li a,ul.w5 li a,ul.w4 li a,ul.w3 li a,ul.w2 li a,
ul.w1 li a,ul.line li a,ul li div.btn{margin:12px 6px 0;overflow:hidden;white-space:nowrap;}

ul.w1 li{width:100%;}

ul.w2 li{width:50%;}
ul.w2 li.t2{width:100%!important;}

ul.w3 li{width:33.3333%;}
ul.w3 li.t2{width:66.6666%!important;}
ul.w3 li.t3{width:100%!important;}

ul.w4 li{width:25%;}
ul.w4 li.t2{width:50%!important;}
ul.w4 li.t3{width:75%!important;}
ul.w4 li.t4{width:100%!important;}

ul.w5 li{width:20%;}
ul.w5 li.t2{width:40%!important;}
ul.w5 li.t3{width:60%!important;}
ul.w5 li.t4{width:80%!important;}
ul.w5 li.t5{width:100%!important;}

ul.w6 li{width:16.6666%;}
ul.w6 li.t2{width:33.3333%!important;}
ul.w6 li.t3{width:50%!important;}
ul.w6 li.t4{width:66.6666%!important;}
ul.w6 li.t5{width:83.3333%!important;}
ul.w6 li.t6{width:100%!important;}

ul.w7 li{width:14.2857%;}
ul.w7 li.t2{width:28.5714%!important;}
ul.w7 li.t3{width:42.8571%!important;}
ul.w7 li.t4{width:57.1428%!important;}
ul.w7 li.t5{width:71.4285%!important;}
ul.w7 li.t6{width:85.7142%!important;}
ul.w7 li.t7{width:100%!important;}

ul.w8 li{width:12.5%;}
ul.w8 li.t2{width:25%!important;}
ul.w8 li.t3{width:37.5%!important;}
ul.w8 li.t4{width:50%!important;}
ul.w8 li.t5{width:62.5%!important;}
ul.w8 li.t6{width:75%!important;}
ul.w8 li.t7{width:87.5%!important;}
ul.w8 li.t8{width:100%!important;}

ul.w9 li{width:11.1111%;}
ul.w9 li.t2{width:22.2222%!important;}
ul.w9 li.t3{width:33.3333%!important;}
ul.w9 li.t4{width:44.4444%!important;}
ul.w9 li.t5{width:55.5555%!important;}
ul.w9 li.t6{width:66.6666%!important;}
ul.w9 li.t7{width:77.7777%!important;}
ul.w9 li.t8{width:88.8888%!important;}
ul.w9 li.t9{width:100%!important;}

ul.w10 li{width:10%;}
ul.w10 li.t2{width:20%!important;}
ul.w10 li.t3{width:30%!important;}
ul.w10 li.t4{width:40%!important;}
ul.w10 li.t5{width:50%!important;}
ul.w10 li.t6{width:60%!important;}
ul.w10 li.t7{width:70%!important;}
ul.w10 li.t8{width:80%!important;}
ul.w10 li.t9{width:90%!important;}
ul.w10 li.t10{width:100%!important;}

ul.w11 li{width:9.0909%;}
ul.w11 li.t2{width:18.1818%!important;}
ul.w11 li.t3{width:27.2727%!important;}
ul.w11 li.t4{width:36.3636%!important;}
ul.w11 li.t5{width:45.4545%!important;}
ul.w11 li.t6{width:54.5454%!important;}
ul.w11 li.t7{width:63.6363%!important;}
ul.w11 li.t8{width:72.7272%!important;}
ul.w11 li.t9{width:81.8181%!important;}
ul.w11 li.t10{width:90.909%!important;}
ul.w11 li.t11{width:100%!important;}

ul.w12 li{width:8.3333%;}
ul.w12 li.t2{width:16.6666%!important;}
ul.w12 li.t3{width:25%!important;}
ul.w12 li.t4{width:33.3333%!important;}
ul.w12 li.t5{width:41.6666%!important;}
ul.w12 li.t6{width:50%!important;}
ul.w12 li.t7{width:58.3333%!important;}
ul.w12 li.t8{width:66.6666%!important;}
ul.w12 li.t9{width:75%!important;}
ul.w12 li.t10{width:83.3333%!important;}
ul.w12 li.t11{width:91.6666%!important;}
ul.w12 li.t12{width:100%!important;}

ul.w13 li{width:7.6923%;}
ul.w13 li.t2{width:15.3846%!important;}
ul.w13 li.t3{width:23.0769%!important;}
ul.w13 li.t4{width:30.7692%!important;}
ul.w13 li.t5{width:38.4615%!important;}
ul.w13 li.t6{width:46.1538%!important;}
ul.w13 li.t7{width:53.8461%!important;}
ul.w13 li.t8{width:61.5384%!important;}
ul.w13 li.t9{width:69.2307%!important;}
ul.w13 li.t10{width:76.923%!important;}
ul.w13 li.t11{width:84.6153%!important;}
ul.w13 li.t12{width:92.3076%!important;}
ul.w13 li.t13{width:100%!important;}

ul.w14 li{width:7.1428%;}
ul.w14 li.t2{width:14.2857%!important;}
ul.w14 li.t3{width:21.4285%!important;}
ul.w14 li.t4{width:28.5714%!important;}
ul.w14 li.t5{width:35.7142%!important;}
ul.w14 li.t6{width:42.8571%!important;}
ul.w14 li.t7{width:50%!important;}
ul.w14 li.t8{width:57.1428%!important;}
ul.w14 li.t9{width:64.2857%!important;}
ul.w14 li.t10{width:71.4285%!important;}
ul.w14 li.t11{width:78.5714%!important;}
ul.w14 li.t12{width:85.7142%!important;}
ul.w14 li.t13{width:92.8571%!important;}
ul.w14 li.t14{width:100%!important;}

ul.w15 li{width:6.6666%;}
ul.w15 li.t2{width:13.3333%!important;}
ul.w15 li.t3{width:20%!important;}
ul.w15 li.t4{width:26.6666%!important;}
ul.w15 li.t5{width:33.3333%!important;}
ul.w15 li.t6{width:40%!important;}
ul.w15 li.t7{width:46.6666%!important;}
ul.w15 li.t8{width:53.3333%!important;}
ul.w15 li.t9{width:60%!important;}
ul.w15 li.t10{width:66.6666%!important;}
ul.w15 li.t11{width:73.3333%!important;}
ul.w15 li.t12{width:80%!important;}
ul.w15 li.t13{width:86.6666%!important;}
ul.w15 li.t14{width:93.3333%!important;}
ul.w15 li.t15{width:100%!important;}

ul.w16 li{width:6.25%;}
ul.w16 li.t2{width:12.5%!important;}
ul.w16 li.t3{width:18.75%!important;}
ul.w16 li.t4{width:25%!important;}
ul.w16 li.t5{width:31.25%!important;}
ul.w16 li.t6{width:37.5%!important;}
ul.w16 li.t7{width:43.75%!important;}
ul.w16 li.t8{width:50%!important;}
ul.w16 li.t9{width:56.25%!important;}
ul.w16 li.t10{width:62.5%!important;}
ul.w16 li.t11{width:68.75%!important;}
ul.w16 li.t12{width:75%!important;}
ul.w16 li.t13{width:81.25%!important;}
ul.w16 li.t14{width:87.5%!important;}
ul.w16 li.t15{width:93.75%!important;}
ul.w16 li.t16{width:100%!important;}

ul.w17 li{width:5.8823%;}
ul.w17 li.t2{width:11.7647%!important;}
ul.w17 li.t3{width:17.647%!important;}
ul.w17 li.t4{width:23.5294%!important;}
ul.w17 li.t5{width:29.4117%!important;}
ul.w17 li.t6{width:35.2941%!important;}
ul.w17 li.t7{width:41.1764%!important;}
ul.w17 li.t8{width:47.0588%!important;}
ul.w17 li.t9{width:52.9411%!important;}
ul.w17 li.t10{width:58.8235%!important;}
ul.w17 li.t11{width:64.7058%!important;}
ul.w17 li.t12{width:70.5882%!important;}
ul.w17 li.t13{width:76.4705%!important;}
ul.w17 li.t14{width:82.3529%!important;}
ul.w17 li.t15{width:88.2352%!important;}
ul.w17 li.t16{width:94.1176%!important;}
ul.w17 li.t17{width:100%!important;}

ul.w18 li{width:5.5555%;}
ul.w18 li.t2{width:11.1111%!important;}
ul.w18 li.t3{width:16.6666%!important;}
ul.w18 li.t4{width:22.2222%!important;}
ul.w18 li.t5{width:27.7777%!important;}
ul.w18 li.t6{width:33.3333%!important;}
ul.w18 li.t7{width:38.8888%!important;}
ul.w18 li.t8{width:44.4444%!important;}
ul.w18 li.t9{width:50%!important;}
ul.w18 li.t10{width:55.5555%!important;}
ul.w18 li.t11{width:61.1111%!important;}
ul.w18 li.t12{width:66.6666%!important;}
ul.w18 li.t13{width:72.2222%!important;}
ul.w18 li.t14{width:77.7777%!important;}
ul.w18 li.t15{width:83.3333%!important;}
ul.w18 li.t16{width:88.8888%!important;}
ul.w18 li.t17{width:94.4444%!important;}
ul.w18 li.t18{width:100%!important;}

ul.w19 li{width:5.2631%;}
ul.w19 li.t2{width:10.5263%!important;}
ul.w19 li.t3{width:15.7894%!important;}
ul.w19 li.t4{width:21.0526%!important;}
ul.w19 li.t5{width:26.3157%!important;}
ul.w19 li.t6{width:31.5789%!important;}
ul.w19 li.t7{width:36.8421%!important;}
ul.w19 li.t8{width:42.1052%!important;}
ul.w19 li.t9{width:47.3684%!important;}
ul.w19 li.t10{width:52.6315%!important;}
ul.w19 li.t11{width:57.8947%!important;}
ul.w19 li.t12{width:63.1578%!important;}
ul.w19 li.t13{width:68.421%!important;}
ul.w19 li.t14{width:73.6842%!important;}
ul.w19 li.t15{width:78.9473%!important;}
ul.w19 li.t16{width:84.2105%!important;}
ul.w19 li.t17{width:89.4736%!important;}
ul.w19 li.t18{width:94.7368%!important;}
ul.w19 li.t19{width:100%!important;}

ul.w20 li{width:5%;}
ul.w20 li.t2{width:10%!important;}
ul.w20 li.t3{width:15%!important;}
ul.w20 li.t4{width:20%!important;}
ul.w20 li.t5{width:25%!important;}
ul.w20 li.t6{width:30%!important;}
ul.w20 li.t7{width:35%!important;}
ul.w20 li.t8{width:40%!important;}
ul.w20 li.t9{width:45%!important;}
ul.w20 li.t10{width:50%!important;}
ul.w20 li.t11{width:55%!important;}
ul.w20 li.t12{width:60%!important;}
ul.w20 li.t13{width:65%!important;}
ul.w20 li.t14{width:70%!important;}
ul.w20 li.t15{width:75%!important;}
ul.w20 li.t16{width:80%!important;}
ul.w20 li.t17{width:85%!important;}
ul.w20 li.t18{width:90%!important;}
ul.w20 li.t19{width:95%!important;}
ul.w20 li.t20{width:100%!important;}

ul.btn{
    display:flex;
    flex-wrap: wrap;
    margin-top:10px;
}
ul.btn li{
    position: relative;
    border: 1px solid #e9e9e9;
    background:rgba(220,220,220,0.1);
    border-radius: 6px;
    box-shadow: 0 1px 1px 0 rgba(52,27,159,.1);
    transition: all .2s ease-out;
    min-height: 50px;
    margin: 10px 8px;
    width: calc(8.3333% - 16px);
    text-align: center;
    box-sizing:border-box;
}
ul.btn.w4 li{
    width: calc(12.29999% - 14px);
}
ul.btn.w6 li{
    width: calc(16.4444444% - 16px);
}
ul.btn li a{
    display:block;
    margin:0;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 6px;
    box-sizing: border-box;
}

.noi ul.btn.f24 li a{
    font-size:1rem!important;
}
ul.btn.w4 li a,ul.btn.w6 li a{
    padding:15px 6px;
}
ul.btn li:hover{
    border: 1px solid #ccc;
    background:#fff;
    box-shadow: 0 10px 25px rgba(0,0,0,.05), 0 20px 48px rgba(0,0,0,.05), 0 1px 4px rgba(0,0,0,.1);
}
ul.btn li span{font-family:Helvetica,Tahoma,Arial;}

ul.btn li.cur a{border:0.0625rem solid #fff;}
.card-body a{color:red;}
ul.btn li a img{vertical-align:middle;margin:0 0 0.25rem;}
ul.btn li a span{font-size:0.875rem;display:block;overflow:hidden;height:1.5rem;line-height:1.5rem;color:#333;font-family:tahoma,arial,georgia,verdana,helvetica,sans-serif;}
ul.btn li a:hover{color:red;}
ul.btn li a:hover span{color:#333;}
ul.btn li a span.bihua{font-size:0.875rem;}
ul.btn li a span.bihua+span{padding:0.25rem 0 0;}
ul li.smore a,ul li.more a,ul li.bmore a{color:transparent!important;background:#e5e7e4 url(../images/more.png) no-repeat center center;background-size:1.5rem 1.5rem;}
ul li.smore a{background-size:1rem 1rem;}
ul li.bmore a{background-size:2rem 2rem;}
ul li.smore a:hover,ul li.more a:hover,ul li.bmore a:hover{background-color:#fff;}

ul.btn li a span.ziqu{font-size:0.75rem;color:#ccc;width:0.875rem;height:0.875rem;line-height:0.875rem;display:block;position:absolute;right:0;bottom:0.25rem;margin-right:8px;}
ul.btn.left li a{text-align:left;padding:0.375rem 0.75rem;}


/* txt */
ul.txt{}
ul.txt li{}
ul.txt li span{font-family:Helvetica,Tahoma,Arial;}

ul.txt li a{font-size:1rem;text-decoration:underline;width:auto;height:auto;padding:0 0.1875rem;display:block;overflow:hidden;}
ul.txt li a:hover{background-color:#f2f3ee;color:#c5653e;}
ul.txt li a img{vertical-align:middle;margin:0 0 0.25rem;}
ul.txt li a span{font-size:0.875rem;color:#999;padding:0.0625rem 0;text-decoration:none!important;font-family:tahoma,arial,georgia,verdana,helvetica,sans-serif;}
ul.txt li a span{display:inline-block;*display:inline;*zoom:1;*position:relative;}
ul.txt li a:hover span{color:#c5653e;}

/* line */
ul.line{margin-left:-0.3125rem!important;margin-right:-0.3125rem!important;}
ul.line li{width:auto;display:inline-block;}
ul.line li a,ul.line li .btn{font-size:1rem;text-decoration:none;padding:0.375rem 0.75rem;border:0.0625rem solid #e5e7e4;background-color:#e5e7e4;display:block;text-align:center;}
ul.line li a,ul.line li .btn{margin:0.3125rem !important;}
ul.line li .btn.nobg{background-color:transparent;border:0.0625rem solid transparent;padding:0.375rem 0rem;margin-left:0.0625rem!important;margin-right:0.0625rem!important;box-shadow:none;}

ul.line li a:hover,ul.line li a:active,ul.line li.cur a{background-color:#fff;color:#333;border:0.0625rem solid #c5653e;}
ul.line li.cur a{border:0.0625rem solid #fff;}
ul.line li a:hover{box-shadow: rgb(235, 234, 226) 0.125rem 0.125rem 0.625rem 0, rgba(122, 122, 119, 0.3) 0.125rem 0.125rem 0.625rem 0;}
ul.line li a span{font-size:0.875rem;display:block;height:1.5rem;line-height:1.5rem;color:#999;font-family:tahoma,arial,georgia,verdana,helvetica,sans-serif;}
ul.line li a:hover span{color:#c5653e;}

ul.line.w8 li{width:2.8125rem;}
ul.line.w7 li{width:3.1875rem;}
ul.line.w6 li{width:3.75rem;}
ul.line.w5 li{width:4.5rem;}
ul.line.w4 li{width:5.375rem;}
ul.line.w3 li{width:7.5rem;}
ul.line.w2 li{width:11.25rem;}
ul.line.w1 li{width:22.5rem;}

ul.line.w8 li.t2{width:5.625rem !important;}
ul.line.w7 li.t2{width:6.375rem !important;}
ul.line.w6 li.t2{width:7.5rem !important;}
ul.line.w5 li.t2{width:9rem !important;}
ul.line.w4 li.t2{width:11.25rem !important;}
ul.line.w3 li.t2{width:15rem !important;}
ul.line.w2 li.t2{width:22.5rem !important;}

ul.line{display:inline-block;}
ul.nowrap{white-space:nowrap;}

/* tab */
ul.tab{display:-webkit-flex;display:flex;flex-wrap:nowrap;text-align:center;margin:0 0.5rem;font-size:1rem;}
ul.tab li{-webkit-flex:1;-ms-flex:1;-moz-flex:1;flex:1;background-color:#e5e7e4;margin:0.0625rem;}
ul.tab li{-moz-border-radius-topleft:0.375rem;-webkit-border-top-left-radius:0.375rem;border-top-left-radius:0.375rem;-moz-border-radius-topright:0.375rem;-webkit-border-top-right-radius:0.375rem;border-top-right-radius:0.375rem;}
ul.tab li.cur{background-color:#ebeee9;margin-bottom:0;border-bottom:0.0625rem solid #ebeee9;}
ul.tab li a{padding:0.375rem 0;width:auto;display:block;}

ul.page{margin:-0.375rem 0 0 -0.375rem !important;}
ul.page li a{margin:0.375rem 0 0 0.375rem !important;}

ul+ul{margin-top:0.875rem!important;}

/* attr */
.attr,.attrb{margin:0.375rem 0.9375rem 0.375rem 0;font-size:1rem;}
.attrb{margin:0.75rem 0.9375rem 0.75rem 0;}
.attr_name,.attr_tag{
    line-height: 100%;
    font-size: 0.875rem;
    padding: 0 0.375rem;
    margin: 0 0.625rem 0 0;
    background-color: #f1f3f4;
    color: #3c4043;
    -moz-border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
}
.attr_name a{text-decoration:none;color:#605b45;}
.attr,.attrb,.attr_name,.attr_cont{line-height:1.5rem;}
.attr,.attr_name,.attr_cont{display:inline-block;*display:inline;*zoom:1;*position:relative;}
.attr_tag,.attr_space{color:#605b45;background-color:#dee0dd;font-size:0.875rem;margin:0 0.5rem 0 0;padding:0.125rem 0.1875rem;vertical-align:0.0625rem}
.attr_space{background-color:transparent;}
.attr_space:after{content:"\3000";}
.attr_no{width:1.75em!important;}

/* cont */
p.indent{text-indent:-1.25em;margin-left:1.25em;}
div.indent{margin-left:1.75em;}
p.w2,div.w2{margin-left:2.75em;text-indent:-1.75em;margin-top:0.3125rem;}
p.w2+p.w2{margin-top:0.3125rem;}
.attr_ext,.attr_ext a{color:#666;}

p.ind2{text-indent:-3em;margin-left:3em;}
p.ind3{text-indent:-4em;margin-left:4em;}
p.ind4{text-indent:-5em;margin-left:5em;}
.tip,a.tip{margin-right:0.5em;color:#77744d;text-decoration:none;}

a{color:#333;text-decoration:none;outline:none;blur:expression(this.onFocus=this.blur());}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
a:focus{color:#c5653e}
a.noline,.noline a{text-decoration:none}

.f0,.f0 a,.f0 div{font-size:0}
.f12,.f12 a,.f12 div{font-size:0.75rem !important}
.f14,.f14 a,.f14 div{font-size:0.875rem !important}
.f16,.f16 a,.f16 div{font-size:1rem !important}
.f18,.f18 a,.f18 div{font-size:1.125rem !important}
.f20,.f20 a,.f20 div{font-size:1.25rem !important}
.f22,.f22 a,.f22 div{font-size:1.375rem !important}
.f24,.f24 a,.f24 div{font-size:1.5rem !important}
.f26,.f26 a,.f26 div{font-size:1.625rem !important}
.f28,.f28 a,.f28 div{font-size:1.75rem !important}
.f30,.f30 a,.f30 div{font-size:1.875rem !important}
.f32,.f32 a,.f32 div{font-size:2rem !important}
.f34,.f34 a,.f34 div{font-size:2.125rem !important}
.f36,.f36 a,.f36 div{font-size:2.25rem !important}
.f42,.f42 a,.f42 div{font-size:2.625rem !important}
.f48,.f48 a,.f48 div{font-size:3rem !important}
.f56,.f56 a,.f56 div{font-size:3.5rem !important}
.f64,.f64 a,.f64 div{font-size:4rem !important}
.f72,.f72 a,.f72 div{font-size:4.5rem !important}
.f80,.f80 a,.f80 div{font-size:5rem !important}

.wh16,.wh24{vertical-align:text-bottom;margin-bottom:0.0625rem;}
.wh16{width:1rem;height:1rem;}
.wh24{width:1.5rem;height:1.5rem;}


.scroll{overflow:scroll;-webkit-overflow-scrolling:touch;}

.toptip{
    position: fixed;
    z-index: 9999;
    left:0;right:0;top:0;bottom:0;
}
.tipcont{
    position:absolute;
    left:50%;top:50%;
    padding:0.75rem;
    background: #c5653e;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    -moz-border-radius:0.375rem;
    -webkit-border-radius:0.375rem;
    border-radius:0.375rem;
    -moz-box-shadow: 0.125rem 0.125rem 0 #aaa;
    -webkit-box-shadow: 0.125rem 0.125rem 0 #aaa;
    box-shadow: 0.125rem 0.125rem 0 #aaa;
}

.pmore{
    position:fixed;z-index:999999;
    top:0;left:0;right:0;bottom:0;width:100%;height:100%;
    background-color:#f6f6f6;
}
.pmore .scroll{position:absolute;top:0;bottom:0;right:0;top:0;width:100%;}

a.nav-back{text-decoration: none;font-size:0;}
a.nav-back:after {content:"↣";margin-left:0.25rem;font-family:"qianp";color:#a4a288;font-size:medium!important;}

.nav-btn{
    position:fixed;
    right:1rem;bottom:4rem;
}
a.rbtn{
    color:#a4a288;
    width:2.5rem;
    height:2.5rem;
    line-height:2.5rem;
    text-align:center;
    display:block;
    box-shadow:0 0 .5rem #999;
    background-color:#f2f3ee;
    padding:0!important;
    margin:0!important;
    vertical-align:middle;
    -moz-border-radius:2.5rem;-webkit-border-radius:2.5rem;border-radius:2.5rem;
}
a.rbtn:after{margin:0!important;}
a.rbtn~a.rbtn{margin-top:1rem!important;}

.visi{overflow:visible;position:static;}
.hidd{overflow:hidden;position:fixed;}
/*footer*/
.zd-footer {
    border-top: 1px solid #343a40;
    background-color: #495057;
    text-align: center;
    color: #aaa;
    margin-top: 20px;
    padding:20px 0;
}
.zd-footer p{
    text-indent:inherit;
}
.zd-footer p,.zd-footer a {
    color: #aaa;
	font-size: 14px;
	line-height: 26px;
	padding:0;
	margin:0;
}
.zd-footer a:hover{
    color:red;
}
#zd-gotop {
    bottom: 105px;
    width: 26px;
    height: 26px;
    background: #f1f3f4 url(../images/icon.svg) no-repeat center;
    position: fixed;
    right: 50px;
    cursor: pointer;
    border: 1px solid rgba(200, 200, 200, 0.4);
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(200,200,200,0.3);
    background-size:26px;
    padding:5px;
    z-index:9999;
}
@media only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2),
(-moz-min-device-pixel-ratio:1.75), only screen and (-o-min-device-pixel-ratio:7/4), only screen and (-webkit-min-device-pixel-ratio:1.75), only screen and (min-device-pixel-ratio:1.75),
(-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5),
(-moz-min-device-pixel-ratio:1.25), only screen and (-o-min-device-pixel-ratio:5/4), only screen and (-webkit-min-device-pixel-ratio:1.25), only screen and (min-device-pixel-ratio:1.25){
    .csite{background:transparent url(ppb.png) no-repeat 0 0;background-size:2.5rem 2.5rem;}
    .csiteh{background:transparent url(pphb.png) no-repeat 0 0;background-size:1.5rem 2.5rem;}
}
@media (max-width:1440px){
    .container{width:1140px;}
    .zd-main{width:1140px;}
    ul.btn li{width:calc(9.7444% - 14px);}
    ul.btn.w4 li{width:calc(14% - 14px);}
    ul.btn.w6 li{width:calc(16.41% - 16px);}
    .content-card ul.btn li{width:calc(10% - 10px);}
    .gs-main{width:1140px;}
    .gs-content{width:805px;}
    .gs-sidebar{width:320px;}
}

@media (max-width:1200px){
    .container{width:960px;}
    .zd-main{width:960px;}
    ul.btn li{width:calc(12.15% - 14px);}
    ul.btn.w4 li{width:calc(16.333% - 14px);}
    ul.btn.w6 li{width:calc(19.555% - 16px);}
    .content-card ul.btn li{width:calc(12.5% - 10px);}
    .gs-main{width:960px;}
    .gs-content{width:685px;}
    .gs-sidebar{width:260px;}
}

@media (max-width:1080px){
	body, html{width:100%;}
	.header-main{height:52px;}
	.zd-main{width:100%; height:auto; margin:10px auto; overflow:hidden;flex-wrap:wrap;}
	.zd-content{ width:100%; height:auto; float:none; box-sizing:border-box;padding:0 10px;}
	ul.btn li{width:calc(12.285% - 14px);}
    ul.btn.w4 li{width:calc(16.45% - 14px);}
    ul.btn.w6 li{width:calc(19.75% - 16px);}
	.zd-sidebar{width:100%;box-sizing:border-box;flex: none;margin-left:0;padding:0 10px;}
	.zd-footer{width: 100%;}
	.zd-nav{display:block;}
	.container{width:100%;padding:0 10px;box-sizing:border-box;}
	.gs-main{display:block;width:100%;padding:0 10px;box-sizing:border-box;margin:0;}
    .gs-content{width:100%;}
    .gs-sidebar{width:100%;}
	#zd-gotop {right: 5px;}
	.gs-pages ul li a,.gs-pages ul li span{
	    padding: 0px 2px;
	    margin: 3px;
	}
	.header-main-two a:not(:nth-child(-n+4)){
	    display: none;
	}
	.sidebar-menu{
	    position: fixed;
    left: 0;
    max-height: calc(100% - 57px);
    z-index: 2010;
	}
	.sidebar-menu .container{
	    margin: 0;
    width: 100%!important;
    max-width: unset!important;
	}
	/*移动nav menu*/
	.sidr-open .zd-menu-btn{
		background: transparent url(../images/close.png) no-repeat center center;
    }
	.sidr {
		display: none;
		position: absolute;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999999;
		width: 260px;
		overflow-x: none;
		overflow-y: auto;
		font-size: 16px;
		background: #d1e4dd;
		color: #333;
		-webkit-box-shadow: inset 0 0 5px 0px #d1e4dd;
		-moz-box-shadow: inset 0 0 5px 0px #E1E0C7;
		box-shadow: inset 0 0 5px 0px #d1e4dd;
		border-left: 1px solid #d1e4dd;
	}
	.sidr.right {
		left: auto;
		right: -260px;
	}
	.sidr .sidr-inner {
		padding: 0 0 6px;
	}
	.sidr-inner {
		clear: both;
	}
	.sidr-class-zd-box{
	    position: relative;
		overflow: hidden;
		margin: 0 auto 1px;
		border-radius: 2px;
		background: #fff;
	}
	.sidr-class-zd-sdc {
		padding: 10px;
		background-color: #fff;
    }
	.sidr-class-zd-sdc h3{
		color: #c5653e;
		font-size: 17px;
		font-weight: normal;
		text-align: left;
    }
	.sidr ul {
		display: block;
		margin: 0px -6px 0;
	}
	.sidr ul li {
		float: left;
		position: relative;
		white-space: nowrap;
		width: 50%;
	}
	.sidr ul li a{
		font-size: 15px;
		text-decoration: none;
		padding: 6px;
		background-color: #f1f3f4;
		display: block;
		text-align: center;
		border-radius: 3px;
		border: 0px solid transparent;
		overflow: hidden;
		white-space: nowrap;
		margin: 10px 6px 0;
	}
	.zd-pages ul li {
        display:none
    }

    .zd-pages ul li.prev-page,.zd-pages ul li.next-page {
        display: inline-block
    }
}

@media (max-width:767px){
    .header-main{height:52px;}
    .header-main .header-main-two{display:none;}
    .sidebar-menu-active{overflow-x: hidden;overflow-y: hidden;}
    .menunav{padding:0;}
    ul.btn li{width:calc(20% - 8px);margin: 10px 4px;}
    ul.btn.w4 li{width:calc(25% - 8px);margin: 10px 4px;}
    ul.btn.w6 li{width:calc(33.333% - 8px);margin: 10px 4px;}
    .col-13{display:none;}
    .home-primary-link ul li{width: calc(50% - 7.5px);}
    .zd-search-form{margin:0;}
    .zi-title .zi-category{font-size:28px!important;}
    .zi-title .pinyin,.zi-title-extra{margin-top:5px;}
    .zi-title-extra span{padding:2px 10px;}
    .zi-attrs-list p{width:50%;}
    .content-card ul.btn li{width:calc(20% - 10px);}
    .chazi-nav{margin:0}
    .jg .content-card ul.btn li{width:calc(33.3333% - 10px);}
    .card-body p{font-size:.875rem!important}
}
@media (max-width: 575.98px){
    .sidebar-menu-content li{
        width: calc(50% - 16px)!important;
    }
    .sidebar-menu-content a{
        max-width: 8em;
        letter-spacing: 2px;
    }
}