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",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{line-height:1.5rem;font-size:1rem;margin:0.75rem 0 0;text-indent:2em;word-wrap:break-word;zoom:1;}
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: #8b6cc3;
}
.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;
}

.zd-mcon.cdt h3{
    font-size: 1rem;
    color:#6f42c1;
    border:0;
    margin:0;
    padding:0;
}
.zd-mcon.cdt h3 span{
    margin-left: 20px;
    font-size: 1rem;
    color: #6c757d;
}

.zd-mcon.cdt .zd-detail .ci-title{
    display: block;
    border-bottom: 1px solid #f0f0f0;
    background-color: #f9f9f9;
    border-top: 1px solid #f0f0f0;
    padding:0 10px;
    margin-bottom:20px;
    margin-top:20px;
    color:#212121;
    font-size:18px;
}

.zd-mcon.cdt h2{
    display: flex;
    align-items: center;
    color:#212121;
    font-size:1rem;
    margin:20px 0;
}
.zd-mcon.cdt h2:after,.zd-mcon.cdt h2:before{
    content: "";
    flex-grow: 1;
    height: 1px;
    overflow: hidden;
    background-color:#f0f0f0;
}
.zd-mcon.cdt h2:after{
    margin-left:20px;
}
.zd-mcon.cdt h2:before{
    margin-right:20px;
}

.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;
}
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 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:#4E368C;
}

.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: #8a6bc1;
    border-bottom: 3px solid #6d549a;
    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;
}
/* font */
.pinyin,.zhuyin{font-family: "PingFang SC",Microsoft YaHei,Helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
.pinyin span{width:40px;}
.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:#f6f0fd;
}
.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,.cd-text-input{
    border: 3px solid #8b6cc3;
	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:#8b6cc3;
	border-radius: 0 8px 8px 0;
	text-align: center;
}
.zd-s-btn{
    display:block;
    padding: 0 25px;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    background:0;
    color:#fff;
    line-height:48px;
}
.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(16.6666666667% - 12.5px);
}
.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: #8b6cc3;
    border-color: #8b6cc3;
}
.btn-primary:hover{
    color: #fff;
    background-color: #7651b8;
    border-color: #6f49b3;
}

.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: #4E368C;
    color: #fff;
    height: 34px;
    line-height: 34px;
    border-radius: 0.25rem;
    width: 30px;
    margin-right: 6px;
    text-align: center;
}
.breadcrumb .back:hover{
    background-color: #8B6CC3;
}
.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: #8B6CC3;
}
.breadcrumb li a:hover{
    background:#AE91DB;
}
.breadcrumb li a:hover::after{
    border-left-color:#AE91DB;
}
.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 #8B6CC3;
    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;
}

.ci-attrs dl,.ci-category-home dd{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.ci-attrs dl dd,.ci-attrs dl dt{
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-top: -1px;
    margin-bottom: 0;
    font-size: 14px;
}
.ci-attrs dl dt{
    padding: 8px 0;
    width: 80px;
    background-color: #f9f9f9;
    text-align: center;
    font-weight: 700;
}
.ci-attrs dl dd{
    padding: 8px 0 8px 10px;
    width: calc(50% - 80px);
    box-sizing:border-box;
}
.ci-voice{
    display: inline-block;
    line-height: 20px;
    cursor: pointer;
}
.ci-voice img{
    margin-right: 4px;
}
.ci-attrs dl a{
    color: #dc3545;
    border-bottom: 1px solid #dc3545;
    transition: border-bottom-color .2s linear;
    text-decoration: none;
}
.zd-ziti.center{
    margin:20px 0;
}
.zd-mcon.cdt h1{
    display: flex;
    align-items: center;
    justify-content: center;
}
/*fy-page*/
.zd-pages {
    font-size: 14px;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
}

.zd-pages ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.zd-pages ul li {
    display: inline-block;
    margin: 0 3px
}
.zd-pages ul li a,.gs-pages ul li span {
    display: inline-block;
    padding: 3px 15px;
    border-radius: 2px;
}

.zd-pages ul li a {
    color: #c5653e;
    opacity: 1;
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 2%);
    font-size: 16px;
    text-decoration: none;
    padding: 6px 12px;
    background-color: #f1f3f4;
    display: block;
    text-align: center;
    border-radius: 3px;
    border: 0px solid transparent;
    margin: 6px;
}

.zd-pages ul li span {
    cursor: default;
    color: #222;
}

.zd-pages ul li a:hover,.zd-pages ul li a:focus {
    opacity: 0.8
}

.zd-pages ul li.active span {
    box-shadow: inset 0 1px 0 rgb(0 0 0 / 2%);
    font-size: 16px;
    text-decoration: none;
    padding: 6px 12px;
    background-color: #d1e4dd;
    display: block;
    text-align: center;
    border-radius: 3px;
    border: 0px solid transparent;
    margin: 6px;
}
/* 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);}


.cdt .light{
    color:#212121;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zd-mcon.cdt h1{
    font-family: "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;
}

/*.zd-mcon.cdt h1{
    vertical-align: middle;
    font-weight: 500;
    font-size:38px;
    background:url(../images/mi-bg.png);
    background-size:70px 60px;
    line-height:60px;
}*/

/* 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: #8B6CC3;
    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.cidy h3{
    display: block;
    border-bottom: 0;
    margin-bottom: 10px;
    font-size: 1.25rem;
    padding: 0.5rem 0;
    position: relative;
    text-align: center;
}
.zd-mcon.cidy h3 em{
    color:#fc4c4c;
}
.zd-mcon.cidy h3:after,.zd-mcon.cidy h3:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}
.zd-mcon.cidy h3:after{
    background-color:#f9f9f9;
    height: 2px;
    right: 0;
}

.zd-mcon.cidy h3::before{
    background-color: #fc4c4c;
    width: 64px;
    height: 3px;
    z-index: 2;
    left: calc(50% - 32px);
}

.zd-mcon.cidy ul.btn li{
    position: relative;
    text-align: center;
    margin: 6px;
    padding: 10px 5px;
    border-radius: 0.2rem;
    border: 1px solid rgba(111, 66, 193, 0.1);
    background-color: #f8f5fc;
    color: #6f42c1;
    transition: all .2s linear;
    font-size: .9375rem;
    width: calc(16.6666666667% - 12px);
    box-shadow: inherit;
    min-height:auto;
}
.zd-mcon.cidy ul.btn li a{
    padding:0;
}
.zd-mcon.cidy ul.btn li:hover{
    border: 1px solid rgba(220, 53, 69, 0.1);
    background-color: rgba(220, 53, 69, 0.05);
}

.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:#4E368C;
    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:#4E368C;
    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;
}

.cid .content-header .title{
    padding-top:0;
}
.cid .content-header .title+.summary{
    padding: 5px 0 30px!important;
}
.cid .card-header{
    padding:15px 0;
}

.cid ul.btn.w8{
    border-bottom: 1px solid #f0f0f0;
    padding-bottom:15px;
}

.cid ul.btn.w8 li{
    width:calc(6.6666666667% - 10px);
    margin:5px;
    border-radius:1000px;
    padding:0;
}
.cid ul.btn.w8 li a{
    padding:5px;
}

.cid .f16{
    margin-top:15px;
    color:rgba(0,0,0,0.5);
    font-size:.875rem!important;
}

.cid ul.btn{
    margin-top:0;
}
.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:#4E368C;
}
.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,.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;
}
.content-card .gray h3,.zd-mcon .gray h3{
    margin:0;
    padding:0;
    border:0;
}
.content-card .gray span,.zd-mcon .gray span{
    font-size:14px;
}

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

.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;
}


.zd-mcon.cidz ul.btn li{
    width:calc(13.7% - 10px);
}


.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-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.13333% - 16px);
    text-align: center;
    box-sizing:border-box;
}
ul.btn.w4 li{
    width: calc(12.29999% - 16px);
}
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;
}
ul.btn.w4 li a,ul.btn.w6 li a{
    padding:5px 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;}

.cid ul.btn li{
    position: relative;
    text-align: center;
    margin: 6px;
    border-radius: 0.2rem;
    border: 1px solid rgba(111, 66, 193, 0.1);
    background-color: #f8f5fc;
    color: #6f42c1;
    transition: all .2s linear;
    box-shadow: inherit;
    width: calc(16.6666666667% - 12px);
    min-height:auto;
    padding: 4px 5px;
}
.cid ul.btn li:hover{
    border: 1px solid rgba(220, 53, 69, 0.1);
    background-color: rgba(220, 53, 69, 0.05);
    box-shadow: inherit;
}
.cid ul.btn li a{
    font-size:.9375rem!important;
}


.cid ul.btn.w9 li{
    width: calc(10% - 10px);
    margin:5px;
    border-radius:1000px;
}

.cid ul.btn.w9 li.cur a{
    border:0;
    color:#fff;
}

.cid ul.btn.w9 li.cur{
    border: 1px solid rgba(220, 53, 69,0.8);
    background-color: rgba(220, 53, 69,0.8);
}


.title-shadow{
    position: relative;
    padding: 10px;
    text-align: center;
    z-index: 1;
    line-height: 1em;
    font-size: 1.25rem;
    margin: 0;
    color:#212121!important;
}

.title-shadow:after{
    content: "";
    position: absolute;
    left: calc(50% - 45px);
    width: 90px;
    height: 15px;
    background-color: rgba(139,108,195,.3);
    bottom: 4px;
    border-radius: 4px;
    transform: skewX(-15deg);
    z-index: -1;
}

.ci-alert{
    border: 1px solid rgba(111, 66, 193, 0.1);;
    background-color: #f8f5fc;
    padding: 15px 20px;
    margin-bottom: 1rem;
    border-radius: 4px;
}
.cidy .ci-alert{
    border:0;
    background:0;
    padding:10px;
}
.font-lg{
    font-size: 1.125rem!important;
    margin-bottom:10px;
    color:#212121!important;
}

.zd-mcon.cidy li h2{
    color:#212121;
    font-size:1rem!important;
}
.zd-mcon.cidy li p{margin:10px 0;}
.ci-alert{
    font-family: "PingFang SC",Microsoft YaHei,Helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;
}
.zd-mcon.cidy ol{list-style-type:"◎ ";padding-inline-start:52px;margin:0}
.zd-mcon.cidy ol li::marker{ content: counter(list-item) ". ";}
.title-line-cross{
    display: flex;
    align-items: center;
}

.ci-category-home dt{
    font-size: 1rem;
    margin: 25px 0 20px;
}

.title-line-cross:after, .title-line-cross:before{
    content: "";
    flex-grow: 1;
    height: 1px;
    overflow: hidden;
    background-color:#f0f0f0;
}
.title-line-cross>h3{
    font-size: 1rem;
    margin: 0 20px;
    color: #212121;
    border-bottom:0;
    padding-bottom:0;
}

.ci-category-home dd{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;   
}

.ci-category-home dd a{
    width: calc(10% - 10px);
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
    border: 1px solid rgba(111, 66, 193, 0.1);
    background-color:#fff;
    border-radius: 20px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    transition: all .2s;
    text-decoration: none;
    color:#4E368C;
    box-sizing:border-box;
}

.ci-category-home dd a:hover{
    border: 1px solid rgba(220, 53, 69, 0.1);
    background-color: rgba(220, 53, 69, 0.05);
    box-shadow: inherit;
    color:#dc3545;
}










/* 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:#fff;
    background-color:#17a2b8;
    height: 1.25rem;
    line-height: 1.25rem;
    padding: 0 0.188rem;
    margin-right: 6px;
}
.attr_space{background-color:transparent;}
.attr_space:after{content:"\3000";}
.attr_no{width:1.75em!important;}

/* cont */

p.w2,div.w2{
    display: flex;
    align-items: baseline;
}
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:#212121;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% - 16px);}
    ul.btn.w4 li{width:calc(14% - 16px);}
    ul.btn.w6 li{width:calc(16.41% - 16px);}
    .content-card ul.btn li{width:calc(10% - 10px);}
    .ci-category-home dd a{width:calc(12.5% - 10px)}
}

@media (max-width:1200px){
    .container{width:960px;}
    .zd-main{width:960px;}
    ul.btn li{width:calc(12.15% - 16px);}
    ul.btn.w4 li{width:calc(16.333% - 16px);}
    ul.btn.w6 li{width:calc(19.555% - 16px);}
    .content-card ul.btn li{width:calc(12.5% - 10px);}
    .ci-category-home dd a{width:calc(16.6666666667% - 10px)}
}

@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% - 16px);}
    ul.btn.w4 li{width:calc(16.45% - 16px);}
    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;}
	.home-primary-link ul li{width: calc(33.3333333333% - 10px);}
	#zd-gotop {right: 5px;}
	.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);}
    .cid ul.btn li{width:calc(33.3333333333% - 12px)}
    .ci-category-home dd a{width:calc(25% - 10px)}
    .font-sm 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;
    }
}