:root{
	--bgColor-muted: #f6f8fa;
	--border: #f3f3f3;


	--bgColor-basic: rgb(244 245 247);
	--color-grey: #dcdfe6;
	--color-grey-secondary: #8b8787;
	--color-grey-third: #acacac;
	--color-grey-fourth: #e4e4e4;
	--color-grey-fifth: #d8d8d8;
	--color-grey-sixth: #d1d1d1;
	--color-black-primary: #606266;
	--color-primary: #ff5252;
	--bg-primary: #ff3a3a;
	--border-bar: #e7e7e7;
	--color-blue-description: #46a3f4;
	--bg-switch-core-active: #ff5252;
	--bg-scrollbar: hsla(0, 0%, 67%, .5);
	--input-split: #ececec;
	--filter-icon: invert(0);



	--o-color-fill1: rgb(var(--o-mixedgray-2));
	--o-color-fill2: rgb(var(--o-mixedgray-1));
	--o-color-fill3: rgb(var(--o-mixedgray-3));
	--o-mixedgray-1: 255, 255, 255;
	--o-mixedgray-2: 244, 245, 247;
	--o-mixedgray-3: 237, 239, 242;

	--o-radius-xs: 4px;
	--o-radius-s: 8px;
	--o-radius-m: 12px;
	--o-radius-l: 16px;
	--o-radius-xl: 24px;

	--o-color-info1: rgba(var(--o-mixedgray-14), 1);
	--o-color-info2: rgba(var(--o-mixedgray-14), .8);
	--o-color-info3: rgba(var(--o-mixedgray-14), .6);
	--o-color-info4: rgba(var(--o-mixedgray-14), .4);

	--o-color-info1: rgba(var(--o-mixedgray-14), 1);
	--o-color-info2: rgba(var(--o-mixedgray-14), .8);
	--o-color-info3: rgba(var(--o-mixedgray-14), .6);
	--o-color-info4: rgba(var(--o-mixedgray-14), .4);




	--o-shadow-1: 0 3px 8px rgba(var(--o-mixedgray-13), 0.08);
	--o-shadow-2: 0 2px 24px rgba(var(--o-mixedgray-13), 0.15);
	--o-shadow-3: 0 8px 40px rgba(var(--o-mixedgray-13), 0.1);
	
	
	--font-global: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "LFT Etica", sans-serif;
	--font-songti: "Songti SC", "Songti", "Noto Serif SC", "Source Han Serif SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", "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;
	--font-kaiti: 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;
	--font-heiti: -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;
	--font-yahei: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei', "LFT Etica", sans-serif;
	--font-pinyin: tahoma, arial, georgia, verdana, helvetica, sans-serif;
	
	--mi-bg: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23fff' stroke='%23ccc'%3E%3Cpath d='M96 0L0 96zM0 0l96 96z' stroke-dasharray='1,2'/%3E%3Cpath d='M0 48h96zM48 0v96z' stroke-dasharray='1,3'/%3E%3C/svg%3E) center no-repeat;
    --mi-bg-red: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23fff' fill-opacity='.5' stroke='red'%3E%3Cpath d='M96 0L0 96zM0 0l96 96z' stroke-dasharray='1,2'/%3E%3Cpath d='M0 48h96zM48 0v96z' stroke-dasharray='1,3'/%3E%3C/svg%3E) center no-repeat;
	
}

.gclear{
	min-height:90px;
}

.f16{
	font-size:16px;
}

.header-container {
    padding: 0 0px
}

.header-container .header-info {
    align-items: center;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 64px;
    justify-content: space-between;
    padding: 20px 0
}

.header-container .header-info .close-container .iconic-common-del {
    color: #acacac;
    cursor: pointer;
    font-size: 24px
}

.header-container .header-info .tabs i.iconfont {
    font-size: 24px
}

.header-container .header-info .tabs .tab:not(:last-child) {
    margin-right: 80px
}

.header-container .header-info .tabs .tab.active:after {
    background-color: var(--color-primary);
    border-radius: 20px;
    bottom: -8px;
    content: " ";
    height: 4px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 24px
}

.header-container .header-info .tabs .tab:not(:last-child) {
    margin-right: 80px
}

.header-container .header-info .tabs .tab.active:after {
    background-color: var(--color-primary);
    border-radius: 20px;
    bottom: -8px;
    content: " ";
    height: 4px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 24px
}

.tabs {
    margin: 0 auto;
    /* text-align: center; */
	/* text-indent:.5em; */
}

.tabs .tab {
    cursor: pointer;
    display: inline-block;
    position: relative
}

.dict-tabs{
	margin-top:30px;
}
.tabs-con{
	margin:.5em 0 1em 0;
}

.tab-item[data-v-6c3f5ce4] {
	    display: inline-block;
    border-radius: 20px;
    box-sizing: border-box;
    color: #939599;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    margin-right: 10px;
    padding: 7px 14px;
}

.tab-item.active[data-v-6c3f5ce4] {
    background: #f4f5f7;
    color: #2a2b2e;
}

.tab-item[data-v-6c3f5ce4]:first-of-type {
    margin-right: 0;
}




.box__nav {
    border-bottom-right-radius: 0;
    overflow: auto;
    zoom: 1;
    line-height: 42px;
}
.box__nav h2{
	display: inline;
    font-size: 14px;
}
.path {
    color: #444;
    font-size: 14px;
}
/* .path a{color:#666;text-decoration: none;} */
.path .icon:before{content:"";display:inline-block;margin:0 6px;background-image:url(https://i.gei6.com/images/iconArrowLeftWhite.png);background-repeat:no-repeat;background-size:5px 10px;background-position:center 6px;height:22px;width:10px;vertical-align:-6px;color:#999;font-style:normal}







.ci-items{
	padding:15px 0!important;
	font-size:15px;
}
.ci-items .attr{
	display: flex;
    padding-bottom: 5px;
    line-height: 1.7;
	margin:0;
}
.ci-items .name {
    display: inline-block;
    min-width: 50px;
    /* font-weight: 700; */
    color: rgba(0, 0, 0, .51);
	color: #8b8787;
}
.ci-items .name i{
	font-style:normal;
}

.ci-items .extra {
    font-size: 14px;
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    /* margin-left: 20px; */
    /* border-left: 1px solid var(--border-secondary-color); */
    padding-top: 32px;
    line-height: 1.5;
}

.ci-items .extra>label {
    position: absolute;
    position: revert; 
    /* left: -20px; */
    /* top: 8px; */
	display: block;
        border-radius: 12px;
    width: 46px;
    height: 20px;
    line-height: 20px;
    box-sizing: content-box;
    color: #fff;
    /* z-index: 1; */
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0;
}
.ci-items .extra.quotes>label {
    background-color: #8a0303;
    background-color: #888;
}
.ci-items .extra.quotes span{
	display: block;
	margin-top: 8px;
    margin-left: 8px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}






.basicInfo{
	/* background-color: hsla(0, 0%, 67%, .1); */
	/* background-color: var(--bgColor-basic); */
    border: none;
    border-radius: 12px;
    color: var(--color);
    /* cursor: pointer; */
    /* display: flex; */
    flex-direction: row;
    font-weight: 500;
    height: auto;
    justify-content: center;
    line-height: 20px;
    margin-top: 16px;
    position: relative;
    margin: 0 !important;
    /* font-weight: 400; */
    /* line-height: 1.6; */
    padding: 4px 0 12px 16px;
    position: relative;
    text-align: justify;
    /* white-space: pre-line; */
    width: 100%;
}













	
	
	
.pinyin-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 500;
    /* padding: 0 30px; */
    line-height: 1
}

.pinyin-box .name {
	position: relative;
    font-size: 36px;
    color: #1e1f24;
	font-weight: 600;
	
}

.pinyin-box .name-space {
    letter-spacing: 5px
}

.pinyin-box .pinyin-item {
    position: relative;
    bottom: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 21px
}

.pinyin-box .pinyin-item-space {
    margin-left: 1em
}

.pinyin-box .pinyin-item .pinyin-text {
    color: #1e1f24;
    font-size: 21px;
    font-weight: 600
}

.pinyin-box .pinyin-item .pinyin-icon {
    width: 21px;
    height: 21px;
    margin-left: 13px;
    cursor: pointer
}

.pinyin-box .book {
    font-size: 14px;
    margin-left: auto;
    position: relative;
    padding-left: 20px;
    cursor: pointer
}

.pinyin-box .book:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAxCAMAAACbDMsxAAAByFBMVEUAAAArvmwoumEqvGcNrWIKmUAJlTcmt1oLo04KnkcQtW8OsmoNqFoNplUoul4as14twG8otVgIkTEPuHMduW4qumMgu3gwxHoNq1wnuFsmtlcHkTEmtVYwxHksv20IjiwQtnEltVUuw3QwwnUltVUIizAgr1AAjzAtv2////8uwXQtwHIrvmssv20vw3crvWoqvWg3zpMww3kpvGUyyIQyx4Ipu2MxxoAoumEzyYYxxX00yokouV82zZCX4bw3z5U2zI4wxHsnuF0nt1s605850Zo40JcwxHw50pw1y4wxxn4MplQzyYgmtlgLoUsJljk0yosLpFDL8d8IkTI1y40KnkYKnUMJmDw40JkMqVoKm0AIlDcIkDCY4r871KENrWAIji2Z4r881qQNr2QMq10Mp1cLo00HjCpx2KYKn0gIkzU8x4AOsmkKoEkKm0EJmT4GiScwyY4txIUvx4sswoArwHsOtG3M8uGN3rYpvnYpvHIPtnIou2++7dex6Mub5sd92qxcz5RWzpE1y45Hy4s3x4E2xHonuWsmt2clt2QltWIks18jslwisVry/Pjl+O7Z9eqA3rZz2qtl1J9q05xGzY9HyIMmuGpYMIqMAAAAKHRSTlMAn5+foKCgn6CgoKCgoG+/kIBwb0AwIO/v7+/v37+/v5CQf2BgQBAQy8IfSQAAA3lJREFUSMeV02dbWkEQBeBN01RLoqb3Zi+IMQFBFBVBBQ0Cir1GLKDE3mKPien17+bMzu4Fy5fs5/c5Z2b3XvFfJyv9RtPozOBgb11dY31HQ3VZmc3R3mptfmWuqPRYXNfvPs5R8tr80PBx6rZaQSsqLa4aU3HxIylzVhTtTaYOmWqu9HgsoPn5p2ToyqSR2thY33B4AKRKWpAB+mBlsq+zyTsj+41Ut1vTGqa5WUJcnE9QKavLbLZtGpXXsmBUovcM+hby6FZmhGJUTi3KFhcnh5hCJij3I5VpAWiauIStRtqmQBtBuR8XwP16K9DcDINSPfZnin6+K4tL9xedEpeG+ojGqR6hsp8o97s4FaGgZ2nUtkicQyHLMKnsN/NbHaGjkThkx6HQxLPKUQtB+4Y720YD8WSZ2F/3M6VRvaAs+VGtVg61QKp+STtBg3GVCYlJm+WkTNUFlIAOY6up4KzKfPcl7/D5aud+0MudI9gqOKtk3vGzIftLzkjqjURnAVH/7QS6Jmkh6EgTtgqD0qALJ9B1GVp6RlwBnQqE5wBt2+0/TqB/ZCjRJho1PGdz4LS6v68tLLxOPutbBZCciv5IMDbncLTTNfEnrb4pkwkXxUsRPd+GUaOhuXY3weZmJT36o9aynKgXo4aW3K0szUq6+E9RtFTSUfSHfUutVnokSLOWoLofoeWnxXmvNxCM+ZZkt27HoIYswlKgL4hGAtGYb1nBnTE+WxP6Q2FJ9MJUIBgO+ZbhcH7bBwZ6BnrsdvvinqqHpNCXoAGiXctm2qdiYwAUEmeTpapnGkR/1yokziKkor+SJEKJBql/fLWC9qn8SZl8djAoKNdLei4aBfWv0uIez+6YkoubkPz4LKuIhtHvf0/SgkvanZBnr4ClplVEw7EQUTiSdJ/6leT2WtaminOxUKhrvPsvXDLUc+r6WqIhCu3eBzQBmrTEK/FKHMrU5xv39+/DcSKgIUs5lKgzVaT4fOjv/wCYKFcSUNc7iUL6QcE4kiUgtYNCEm3JFCldoP1vPrKD1JfEc8pBq5ygaaAIBYXjbil5TGNOp7OlJVukjPuJHoBpSBLUkJLeESJFyukDhiwBleSVkNnyRIir/m6in7STYwLqzCqWD4UQz29DMmWXLAE5NBUSsRQ6/ZkZbsiAicxbaYLP0/uSwjFMLoe8mZ75TLp/ewnad5fthuQAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    top: -1.5px;
    left: 0
}





.tab-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e9ecf3;
    /* line-height: 1; */
    margin-top: 39px;
    margin-bottom: 12px;
}

.tab-box .tab-item {
    position: relative;
    font-size: 16px;
    color: #1f1f1f;
    margin-left: 36px;
    padding-bottom: 10px;
    cursor: pointer
}

.tab-box .tab-item:first-child {
    margin-left: 0px
}

.tab-box .tab-item-active {
    padding-bottom: 11px;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.tab-box .tab-item .line {
    width: 70px;
    height: 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAAGCAYAAAC2NsB7AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB1SURBVHgB7dhLDYAwEEXRBwqQgAQk4IDgAGk4IDhAAg6oBCTwmikrVqTbe5KbJt1P+mkUOje6qaxdCcDX6ZLb3Zo3Gje4zfUC8Fdycx6kSwwRUCO1AlAtD9KsOJ4A/JdUrnavRfHZ0CveTQC+7tKh+GzI6/0AWP4Qepb+288AAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0
}







.main-search{
	margin-top:16px;
	min-height:120px;
}






.main-bottom{
	margin-top:16px;
}



.box__top {
    background-image: linear-gradient(276deg, #f6f6f6, #fcfcfc);
    padding: 10px 12px;
    margin-bottom: 12px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 10px rgb(0 0 0 / 4%);
    box-shadow: 0 1px 10px rgb(0 0 0 / 4%);
    clear: both;
    border: 1px solid #eee;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
}




.zuci-faq,.zuci-full-list li {
    border: 1px solid var(--ci-border-color);
    background-color: var(--ci-bg-color)
}
.zuci-faq .question{
	display:flex;
	justify-content: space-between;
    font-size: .925rem;
	align-items: center;
}
.zuci-faq .question .copy{
    height: 24px;
    border: 1px solid var(--border-secondary-color);
	font-size:13px;
}
.zuci-faq .answer{
	line-height:1.8;
	padding: 4px;
}
.zuci-faq .answer .name {
    border-bottom: 1px dotted rgba(199,199,199,.5)
}

.zuci-faq .answer .more {
    background: linear-gradient(270deg,var(--ci-bg-color) 65%,rgba(255,255,255,0) 100%)!important
}
.zuci-faq h3::before{
	content: unset;
    color: #d14;
    font-family: yahei;
    left: 0;
    width: 10px;
    font-size: 16.5px;
}
.zuci-faq .question .copy {
    height: 24px;
    border: 1px solid var(--border-secondary-color);
    font-size: 13px;
}
.alert {
    position: relative;
    /* padding: .75rem 1rem; */
    margin-bottom: 1rem;
    /* border: 1px solid transparent; */
    /* border-radius: .25rem; */
    border: 1px solid var(--border-color);
    background-color: var(--ci-mean-bg-color);
    background: var(--ci-mean-bg-color);
    padding: 0.5rem 0.875rem;
    border-radius: 0.5rem;
    background-image: linear-gradient(333deg, #f4f7ff, #fff8f8);
}

.btn-copy {
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 12px;
    background: rgba(30, 73, 218, .5);
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: unset;
    color: #fff;
    border: 0;
    padding: 0 10px;
    line-height: 1.6;
}


.ci-title {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-x: auto;
}
.ci-title .pinyin {
	font-family: var(--font-pinyin);
    font-size: 1rem;
    display: flex;
    align-items: center;
	margin:unset;
}
.ci-title .pinyin span {
    text-align: center;
    width: 45px;
	min-width: 45px;
    letter-spacing: -.02rem;
	    font-size: 0.875rem;
}
.ci-title h1 {
	font-family: var(--font-kaiti)!important;
}

h3 {
    margin: unset;
    color: #77744d;
    font-weight: normal;
    /* color: var(--a-color); */
    /* color: #c5653e; */
    font-size: 1rem;
}

.gclear .attr {
    font-size: 15px;
    display: inline-flex;
    align-items: baseline;
    zoom: 1;
    position: relative;
    line-height: 24px;
    vertical-align: middle;
    margin-bottom: 12px;
    min-width: 33%;
}
.attr_name {
    display: inline-block;
    float: left;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-right: 8px;
    padding: 1px 8px;
    text-decoration: none;
    background-color: #f0f2f7;
    border-radius: 3px;
    min-width: 40px;
}



.attr_du{display:inline-flex; margin-left: 8px;}
.attr_du a:link,.attr_name a:link{margin:0;text-decoration:none!important;border-bottom:none}





.img-fluid img {
    max-width: 158px;
    max-height: 158px;
    height: auto;
    border: 0;
    border: 1px solid #f0f8fa;
    padding: 0;
    margin: 0 6px;
    border-radius: 1rem;
    mix-blend-mode: multiply;
}



.ci-mean{
	margin-bottom:20px;
	color: #555666;
    font-size: .925rem;
}
.ci-mean b{
	font-weight:unset;
	color:#c14;
}
.ci-mean h3, .ci-list h3 {
    margin-bottom: 12px;
	font-size:1rem;
	font-weight:600;
}
.ci-mean h3::before,.ci-list h3::before {
    content: "";
    color: #d14;
    font-family: yahei;
    left: 0;
    width: 0px;
    font-size: 16.5px;
}

.ci-mean h3 .pinyin::after, .ci-mean h3 .pinyin::before{
	content:unset;
}

.ci-mean i{
	display: inline-block;
	font-weight:400;
	color:#888;
}
.ci-mean i .pinyin{
	font-weight:400;
	color:#333;
	margin:unset;
	letter-spacing:-0.01rem;
	margin: 0 .2rem;
}
.ci-mean .order{
	color:#111;
}
.ci-mean p span.attr_tag{
	background-color:unset;
	line-height: 18px;
	line-height: 100%;
    font-size: 14px;
    padding: 4px;
    margin: 0 8px 0 0;
    border: 1px solid #f4c4b1;
    color: #5d2a10;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.ci-mean p label{
	font-size: 14px !important;
    /* margin-right: 8px; */
    border: 1px solid #888;
    /* text-align: center; */
    border-radius: 6px;
    padding: 2px;
    /* min-width: 2.125rem; */
    /* height: 30px; */
    /* text-decoration: none; */
    /* line-height: 28px; */
    letter-spacing: revert-layer;
}
.ci-mean .ext {
    position: relative;
    /* font-size: 15px; */
    color: var(--body-color);
    border-bottom: 1px solid var(--body-secondary-bg-color);
    /* padding: 10px 0; */
    margin-left: 3rem;
    margin-bottom: 0;
	    overflow: unset;
}
.ci-mean .name {
    /* font-size: 12px; */
    /* font-weight: 700; */
    padding: 0 4px;
    /* margin-right: 10px; */
    border: var(--ext-name-border);
    color: var(--ext-name-color);
    white-space: nowrap;
    border-radius: 4px;
}
.ci-mean .ext .name {
	width: 3rem;
	padding: 0;
    color: #666;
    /* text-align: center; */
    box-sizing: content-box;
    display: inline-block;
    position: absolute;
    left: -3rem;
	
}
.ci-mean-style{
    border: 1px solid var(--border-color);
    background-color: var(--ci-mean-bg-color);
    background: var(--ci-mean-bg-color);
    padding: 0.5rem 0.875rem;
    border-radius: 0.5rem;
	background-image: linear-gradient(333deg, #f4f7ff, #fff8f8);
}


.ju_item b {
    color: #d14;
    font-weight: 500;
}













	
.ci-char-item {
	display: grid;
    justify-content: start;
	border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.ci-char-base {
    display: flex;
    justify-content: center;
    justify-items: center;
}
.ci-char-base>h3 {
    height: 60px;
    width: 60px;
    line-height: 60px;
    border: 1px solid rgba(255, 0, 0, .4);
	border: 1px solid var(--border-color);
	font-family: var(--font-kaiti);
    background: var(--mi-bg);
	/* background-size:; */
    font-size: 48px;
	font-weight: normal;
    flex-shrink: 0;
    text-align: center;
    color: var(--body-color);
	color: darkgreen;
}
.ci-char-base>h3::before{
	content: "";
}
.ci-char-base .ci-char-info {
    /* font-size: .875rem; */
    margin-left: 10px;
    flex-grow: 1;
}
.ci-char-base .ci-char-info p{
	white-space: nowrap; /* 防止文字换行 */
  overflow: hidden; /* 隐藏溢出部分的文字 */
  text-overflow: ellipsis; /* 用省略号表示被隐藏的文本 */
  color:#333;
  margin:0;
  line-height: 30px;
      font-size: 15px;
}
.ci-char-info,.ci-char-bottom{display:grid;margin-right:1rem;
}


.ci-char-info p label{
  font-size: 14px;
	color:#888;
}
.ci-char-base span.label, .ci-char-base span.label a, .ci-char-bottom span.label a {
    line-height: 100%;
    font-size: 14px;
    color: #605b45;
}

.ci-char-bottom p{
	line-height:24px;
	margin-top:5px;
	font-size: 15px;
	white-space: nowrap;      /* 保持文本在一行显示 */
    overflow: hidden;        /* 隐藏超出部分 */
    text-overflow: ellipsis;  /* 超出部分显示为省略号 */
}





ul.btn{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
	padding:0;
}
ul.btn li {
    /* width: 10%; */
    margin: 0;
    padding: 0.25rem;
    border-radius: 1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
ul.btn li a {
    width: 100%;
    margin: 0;
    padding: 0 0.25rem;
    border: 1px solid #bec9e3;
    border-radius: 6px;
    transition: color .015s ease-in-out,background-color .015s ease-in-out,border-color .015s ease-in-out,box-shadow .015s ease-in-out;
	
	background: #fff;
    float: left;
    text-align: center;
    font-size: 16px;
}


ul.btn li a:hover {
    text-decoration: none;
    /* background: #4a45b8; */
    color: #d14;
    border: 1px solid #d14;
}
ul.btn li a.active {
    color: #d14;
    font-weight: 600;
    border: 1px solid #d14;
}


ul.btn-grey{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
	padding:0;
    /* margin: -12px -6px 0; */
}
ul.btn-grey li {
    /* width: 10%; */
    margin: 0;
    padding: 0;
	    margin: 0 8px 8px 0;
    border-radius: 1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
ul.btn-grey li a {
    width: 100%;
	background: #f8f8f8;
    margin: 0;
    padding: 6px 8px;
    border: 0;
    border-radius: 6px;
    transition: color .015s ease-in-out,background-color .015s ease-in-out,border-color .015s ease-in-out,box-shadow .015s ease-in-out;
	
    float: left;
    text-align: center;
    font-size: 16px;
	    /* font-size: 14px; */
    font-weight: 400;
    line-height: 19px;
    /* margin-top: 28px; */
}


ul.btn-grey li a:hover {
    text-decoration: none;
    background: #f8f8fa;
    color: #d14;
    border: 0;
}
ul.btn-grey li a.active {
    /* color: #d14; */
    /* font-weight: 600; */
    /* border: 1px solid #d14; */
}


.ci-list ul.btn{
	margin-left: -24px;
    margin-right: -24px;
    padding: 0 16px 0;
	margin-bottom:20px;
}
.ci-list ul.btn li a{
	/* border: 1px solid #bec9e3; */
	border: 1px solid var(--ci-border-color);
    background-color: var(--ci-bg-color);
	
	background: var(--ci-bg-color);
    padding: 3px 12px;
	
} 

.ci-list ul.btn li a:hover {
	/* border: 1px solid #f0f0f0; */
	border: 1px solid var(--ci-hover-border-color);
    background-color: var(--ci-hover-bg-color);
}
.ci-list ul.btn li a.active {
	/* border: 1px solid #bec9e3; */
	border: 1px solid var(--ci-active-border-color);
    background-color: var(--ci-active-bg-color);
}

.ci-list ul.btn li a span {
    font-size: 14px;
    display: block;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    color: #999;
    font-family: var(--pinyin);
}


.card h2 {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    clear: both;
    padding-left: 12px;
}
.card h2:before{content:'';width:3px;height:12px;border-radius:10px;margin-right:10px;background:0 0;background-color:#f85959;display:inline-block;vertical-align:sub;-webkit-box-shadow:none;box-shadow:none;position:absolute;left:0;top:50%;transform:translateY(-50%);border-left:0}

.card h3.ci-title-h2 {
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    clear: both;
    margin-bottom: 8px;
    letter-spacing: revert-layer;
}



.card-header, .content-card-header{border-bottom: 1px solid var(--border-color); -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px 0 8px 0;margin-bottom: 8px;position:sticky;top:-2px;z-index:100;}
.card-header.outer, .content-card-header.outer{margin:0 -20px;padding:12px 20px 10px 20px;border-top-right-radius:.25rem;border-top-left-radius:.25rem}	/*	.outer = 布局 */
/* .content-card-header.outer{margin:0; margin-top:8px; padding:8px 0 8px 0;border-top-right-radius:.25rem;border-top-left-radius:.25rem}	/*	.outer = 布局 */ */
.content-card-header.outer h2{position:relative}
/* .content-card-header.outer h2::before{content:"";border-left:3px solid red;position:absolute;left:-20px;height:20px;top:50%;transform:translateY(-50%)} */
.content-card-header.outer .zi-special{font-size:1.125em;line-height:1}
.content-card-header.outer .zi-special img{width:1em;height:1em;vertical-align:-.15em}
.content-card-header:not(.outer).active{padding-left:25px;padding-right:25px}
.content-card-header.active{margin:0 -20px;box-shadow:0 .125rem .25rem var(--shadow-color)}
.content-card-header h2,.content-card-header h3{font-size:1rem;margin:0; padding-top: 0; padding-bottom: 0; }
.content-card-header .title{font-size:24px}
.content-card-header .title a:before{content:"#";margin-right:6px;color:var(--border-color);font-size:20px}
.content-card-header .count{font-size:14px;color:var(--text-color-gray)}
.content-card-header [data-toggle]{flex-grow:1;text-align:right;font-size:14px;cursor:pointer;color:#a27728;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.content-card-header [data-toggle] .fold{display:inline-block}
.content-card-header [data-toggle] .unfold,.content-card-header [data-toggle].collapsed .fold{display:none}
.content-card-header [data-toggle] .arrow{margin-left:4px;display:inline-block;transition:all .2s linear}
.content-card-header [data-toggle].collapsed .unfold{display:inline-block}
.content-card-header [data-toggle].collapsed .arrow{transform:rotate(180deg)}
.card .card-header.info, .card .card-header.main, .content-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.content-card-body {padding: 0 0 16px 0;}
.content-card-body h3:first-child{
	margin-top:unset;
}

.content-card-body p{font-size:15px;color: #222;line-height:28px;margin:8px 0 0 0;white-space: ;text-overflow: ellipsis;overflow: hidden;word-wrap:break-word;zoom:1}
/* .content-card-body p.indent{text-indent:-1.75em;margin-left:1.75em} */
/* .content-card-body p.w2,div.w2{margin-left:50px;margin-top:8px} */
.content-card-body p.w2,div.w2{
	display: flex;
    margin-left: 1.325rem;
    margin-top: 0.5rem;
    align-items: baseline;
	}

.content-card-body p .num{color:#d14;color:#666;}
/* .content-card-body p.text_p b{font-weight:600;} */
.attr_tag,.content-card-body p .attr_name{line-height:100%;font-size:14px;padding:2px 4px;margin:0 6px 0 -2px;border:1px solid #f4c4b1;color:#5d2a10;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.attr_tag,.content-card-body p .attr_name{margin:0 6px 0 0;}
.attr_space,.content-card-body p.attr_tag{color:#605b45;background-color:#dee0dd;font-size:14px;margin:0 8px 0 0;padding:2px 3px;vertical-align:1px}
.content-card-body p span.x_e{color:#006d21}
.content-card-body p span.x_l{display:block;margin-top:8px;color:#666;margin-left: 20px;}
.attr_ext,.attr_ext a{color:#666;font-size: 0.925rem;}
.content-card-body p.def{margin-top:0}
.content-card-body p span.lz{color:#666;}

.content-card-body p.info_flex{
	
}
.content-card-body p span.attr_name{
	float:none;
}



.card-body p{font-size:16px;color: #222;line-height:28px;margin:8px 0 0 0;white-space: ;text-overflow: ellipsis;overflow: hidden;word-wrap:break-word;zoom:1}

.card-body p.w2,div.w2{
	display: flex;
    margin-left: 1.325rem;
    margin-top: 0.5rem;
    align-items: baseline;
	}
	


.title-primary {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    clear: both;
    border-bottom: unset!important;
    padding: 0 0 0 12px;
    /* margin-bottom: 0.5em; */
    letter-spacing: revert-layer;
}



.btn-group{display:inline-block;float:right;position:relative;display:inline-flex;vertical-align:middle}
.btn-link{font-size:14px;font-weight:400;color:#007bff;text-decoration:none;padding:.375rem 0;cursor:pointer;text-decoration:underline!important}
.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}




.ci-full-list {
    --ci-column: 5;
    --ci-spacing: 12px;
    --ci-spacing-half: calc(var(--ci-spacing) / 2);
    /* --ci-column-dyz: 5; */
    --zone-a: rgba(125, 210, 255, 0.1);
    --zone-b: rgba(248, 215, 60, 0.1);
    --zone-c: rgba(237, 137, 253, 0.1);
    --zone-d: rgba(109, 252, 171, 0.1);
    --zone-e: rgba(255, 123, 156, 0.1);
    --zone-f: rgba(101, 255, 218, 0.1);
    --zone-g: rgba(55, 89, 255, 0.05);
    --ci-border-color: #e9e9e9;
    --ci-hover-border-color: transparent;
    --ci-background-color: rgba(220, 220, 220, 0.1);
    --ci-hover-background-color: #fff;
    --ci-color: #333;
    --ci-sn-color: rgba(50, 50, 50, 0.6);
    list-style: none;
    margin: 0 calc(var(--ci-spacing-half)* -1);
    padding: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
}


.ci-full-list[d-bh=false] .bh {
    display: none!important
}

.ci-full-list li {
    position: relative;
    /* border: 2px solid var(--ci-border-color); */
    /* background-color: var(--ci-bg-color); */
    border: 2px solid #e9f0f0;
    background-color: #fdfdfd;
    border-radius: 6px;
    /* box-shadow: 0 1px 1px 0 rgba(52,27,159,.1); */
    transition: all .05s ease-out;
    min-height: 60px;
    padding: 4px 6px;
    margin: 6px var(--ci-spacing-half);
    width: calc(100%/var(--ci-column) - var(--ci-spacing));
	
    font-size: 1rem;
    color: var(--ci-color);
    flex-shrink: 0;
    flex-grow: 1;
	
	
    text-align: center;
	/* border: 2px solid #d8efef; */
    /* background-color: #fbffff; */
	
}
.ci-full-list li a{
	/* color:#555; */
	/* padding-bottom:2px; */
	
}
.ci-full-list li a>span{
	/* font-size: 18px; */
}
.ci-full-list li>span {
    padding: 0 1px;
    /* margin-top: 2px */
}

.ci-full-list li:hover {
    /* border: 1px solid var(--ci-hover-border-color)!important; */
    /* background-color: var(--ci-hover-bg-color)!important; */
    /* 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) */
	border: 2px solid #d14!important;
	border: 2px solid #d8efef!important;
    background-color: #fbffff!important;
	/* transform: scale(1.1); */
}

.ci-full-list li:hover .han {
    color: red;
    padding-bottom: 0
}

.ci-full-list li:hover .han img {
    filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(0deg) brightness(94%) contrast(115%)!important
}

.ci-full-list li[d-z=a] {
    background-color: var(--zone-a)
}

.ci-full-list li[d-z=b] {
    background-color: var(--zone-b)
}

.ci-full-list li[d-z=c] {
    background-color: var(--zone-c)
}

.ci-full-list li[d-z=d] {
    background-color: var(--zone-d)
}

.ci-full-list li[d-z=e] {
    background-color: var(--zone-e)
}

.ci-full-list li[d-z=f] {
    background-color: var(--zone-f)
}

.ci-full-list li[d-z=g] {
    background-color: var(--zone-g)
}

.ci-full-list .zone {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-size: 12px;
    color: var(--ci-sn-color)
}

.ci-full-list .sj,.ci-full-list .sn {
    color: var(--ci-sn-color);
    font-size: 11px;
    font-weight: 700;
    flex-grow: 1;
    font-family: Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif
}

.ci-full-list .tag {
    position: absolute;
    top: -1px;
    left: -1px;
    margin: 0;
    font-size: 11px;
    color: #fff;
    background-color: rgba(0,0,255,.4);
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px
}

.ci-full-list .py {
    font-family: "Pinyin",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5!important;
    display: block;
    font-size: 15px;
	letter-spacing:-0.02rem;
    padding: 0 3px;
    color: var(--body-info-color);
}

.ci-full-list .py:hover{
	color:#d14;
}
.ci-full-list .bh {
    color: #999;
    font-size: 12px;
    margin-top: 0
}


.ci-full-list a span b{
	color:#d14;
	font-weight:unset;
}

.ci-full-list .han:hover {
    color: red;
    border-color: #e0e0e0
}

.ci-full-list .han.swjz {
    padding-top: 6px;
    height: auto
}

.ci-full-list .han.swjz img {
    width: 100%;
    max-width: 50px;
    max-height: 50px
}

/* .ci-full-list { */
    /* display: flex */
/* } */

.ci-full-list.ci-full-list-less .more {
    position: relative;
    text-align: center;
    margin-top: 15px;
    flex-grow: 1;
    flex-basis: 100%;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    min-height: auto
}

.ci-full-list.ci-full-list-less .more a {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 260px
}

.ci-full-list.ci-full-list-dyz li {
    width: calc(100%/var(--ci-column-dyz) - var(--ci-spacing))
}

.ci-full-list .navigation {
    flex-grow: 1;
    flex-basis: 200px
}

.ci-full-list .navigation a {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center
}

.ci-full-list .navigation a .text {
    font-size: .8125rem;
    color: #adb5bd;
    margin-top: 4px
}

.ci-full-list-message {
    font-size: .9375rem;
    color: var(--text-color-gray);
    text-align: center;
    padding-top: 15px
}

.ci-full-list li {
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end
}

.ci-full-list li:not(.divide) {
    width: calc(20% - 12px);
}

.ci-full-list li[data-size="2"], .ci-full-list li[data-size="3"]{
    width: calc(20% - 12px);
    flex-grow: 1
}

.ci-full-list li[data-size="4"], .ci-full-list li[data-size="5"]{
    width: calc(20% - 12px);
    flex-grow: 1
}

.ci-full-list li[data-size="6"], .ci-full-list li[data-size="7"],.ci-full-list li[data-size="8"],.ci-full-list li[data-size="9"]{
    width: calc(25% - 12px);
    flex-grow: 1
}

.ci-full-list li[data-size="10"] {
    width: calc(33.3333333333% - 12px);
    flex-grow: 1
}

.ci-full-list li[data-size="11"],.ci-full-list li[data-size="12"],.ci-full-list li[data-size="13"],.ci-full-list li[data-size="14"],.ci-full-list li[data-size="15"] {
    width: calc(49.455555555% - 12px);
    flex-grow: 1
}

@media (max-width: 800px) {
    .ci-full-list li {
        width:calc(33.3333333333% - 12px)!important;
    }
}


.ci-full-list[data-more] ul+.ci-full-list-more {
    display: block;
}

.ci-full-list ul+.ci-full-list-more {
    /* display: none; */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
}

.ci-full-list[data-more] {
    position: relative
}

.ci-full-list[data-more] ul {
    padding-bottom: 50px
}

.ci-full-list[data-more] ul::after {
    content: "";
    height: 120px;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom,rgba(var(--theme-bg-color-rgb),0) 0%,rgba(var(--theme-bg-color-rgb),1) 100%);
    transition: height .25s ease
}

.ci-full-list[data-more] ul+.ci-full-list-more {
    display: block
}

.ci-full-list ul li a::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ci-full-list ul {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 -6px; */
	margin: unset;
}

.ci-full-list ul+.ci-full-list-more {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    text-align: center;
    white-space: nowrap
}

.ci-full-list ul+.ci-full-list-more>button {
    border-radius: 2em;
    padding-left: 1em;
    padding-right: 1em
}

.ci-full-list li:first-child.divide {
    padding-top: 0!important
}

/* .ci-full-list li:not(.divide) { */
    /* position: relative; */
    /* text-align: center; */
    /* margin: 6px; */
    /* padding: 10px 5px; */
    /* border-radius: .2rem; */
    /* border: 1px solid var(--ci-border-color); */
    /* background-color: var(--ci-bg-color); */
    /* color: var(--ci-color); */
    /* transition: all .2s linear; */
    /* font-size: .9375rem; */
    /* flex-shrink: 0; */
    /* flex-grow: 1 */
/* } */

/* .ci-full-list li:not(.divide):hover { */
    /* border: 1px solid var(--ci-hover-border-color); */
    /* background-color: var(--ci-hover-bg-color) */
/* } */

/* .ci-full-list li:not(.divide) a strong { */
    /* color: red */
/* } */

/* .ci-full-list li:not(.divide) a em { */
    /* color: red; */
    /* font-style: normal */
/* } */

.ci-full-list li:not(.divide) .pinyin {
    /* margin-bottom: 2px; */
    font-size: .875rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--text-color-gray);
	letter-spacing: -0.03rem;
}

.ci-full-list .divide {
    width: 100%;
    flex-grow: 1
}

.ci-full-list .divide span {
    display: block;
    min-width: 80px;
    padding: 0 15px;
    text-align: center;
    font-weight: 700;
    color: var(--body-secondary-color);
    white-space: nowrap
}

.ci-full-list+nav,.ci-full-list-message {
    padding-bottom: 25px
}

.ci-full-list+.ci-full-list-more .btn {
    font-size: .9375rem;
    border-radius: 3em;
    padding: .25rem 4rem
}

.ci-full-list-message {
    font-size: .9125rem;
    color: var(--text-color-gray);
    text-align: center
}

.ci-full-list-row li {
    position: relative;
    padding: 15px;
    border: 2px dashed var(--border-color);
    margin-bottom: 20px;
    border-radius: 10px
}

.ci-full-list-row li:nth-of-type(even) {
    background-color: var(--theme-secondary-bg-color)
}

.ci-full-list-row li:hover {
    background-color: var(--ci-hover-bg-color)
}

.ci-full-list-row li:last-child {
    margin-bottom: 0
}

.ci-full-list-row li p {
    margin: 0
}

.ci-full-list-row li p.summary {
    font-size: .875rem;
    color: var(--body-info-color)
}

.ci-full-list-row li p.summary strong {
    padding-right: 4px
}

.ci-full-list-row li p.summary .more {
    color: rgba(128,128,128,.6)
}

.ci-full-list-row li p.summary+.attrs {
    margin-top: 10px
}

.ci-full-list-row li .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.ci-full-list-row li .title {
    margin-bottom: 10px
}

.ci-full-list-row li .title h3 {
    margin: 0;
    font-weight: 400;
    font-size: 1.125rem
}

.ci-full-list-row li .title h3 em {
    color: red;
    font-style: normal
}

.ci-full-list-row li .title a {
    border-bottom: 1px solid var(--body-info-color);
    color: var(--ci-content-title-color)
}

.ci-full-list-row li .title .pinyin {
    margin-left: 15px;
    font-size: 14px;
    font-weight: 700
}

.ci-full-list-row li .title .pinyin::after,.ci-full-list-row li .title .pinyin::before {
    color: #999;
    font-weight: 700
}

.ci-full-list-row li .title .pinyin::before {
    content: "[ "
}

.ci-full-list-row li .title .pinyin::after {
    content: " ]"
}

.ci-full-list-row li .title a:hover {
    border-bottom: 1px solid red;
    color: red
}

.ci-full-list-row li .num {
    position: absolute;
    left: 0;
    top: 15px;
    color: rgba(128,128,128,.4);
    font-size: 18px;
    font-weight: 700;
    width: 40px;
    text-align: center
}

.ci-full-list-row.ci-full-list-no li {
    padding-left: 40px
}

.ci-full-list-row+nav {
    padding-top: 5px;
    padding-bottom: 25px
}






.ci-new-list {
    --ci-color: #6f42c1;
    --ci-bg-color: #f8f5fc;
    --ci-border-color: rgb(234.2692307692, 225.3846153846, 246.1153846154);
    --ci-hover-color: #dc3545;
    --ci-hover-bg-color: rgba(220, 53, 69, 0.05);
    --ci-hover-border-color: rgba(220, 53, 69, 0.1)
}

html[data-theme=dark],html[data-theme=dark] .ci-new-list {
    --ci-color: #F0E5FC;
    --ci-bg-color: #333;
    --ci-border-color: #444;
    --ci-hover-color: #f00;
    --ci-hover-bg-color: #444;
    --ci-hover-border-color: #666;
    --ci-content-title-color: #aaa
}

.ci-new-list+.ci-list-message {
    display: block;
    padding: 0 0 20px
}

.ci-new-list ul {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    gap: 12px
}

.ci-new-list ul+.ci-list-more {
    margin: -25px auto 0;
    text-align: center;
    display: none
}

.ci-new-list ul+.ci-list-more .btn {
    font-size: 15px;
    border-radius: 25px;
    padding: 5px 30px
}

.ci-new-list li,.ci-new-list[data-more] {
    position: relative
}

.ci-list[data-more] ul,.ci-new-list[data-more] ul {
    padding-bottom: 50px
}

.ci-list[data-more] ul::after,.ci-new-list[data-more] ul::after {
    content: "";
    height: 120px;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom,rgba(var(--theme-bg-color-rgb),0) 0%,rgba(var(--theme-bg-color-rgb),1) 100%);
    transition: height .25s ease
}

.ci-new-list[data-more] ul+.ci-list-more {
    display: block
}

.ci-new-list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid var(--ci-border-color);
    background-color: var(--ci-bg-color);
    color: var(--ci-color);
    transition: all .2s linear;
    font-size: .9375rem;
    line-height: 1.25;
    grid-column: span 4
}
.ci-new-list li {
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.ci-new-list li:hover {
    border: 1px solid var(--ci-hover-border-color);
    background-color: var(--ci-hover-bg-color)
}

.ci-new-list li[data-size="2"] .stretched-link,.ci-new-list li[data-size="3"] .stretched-link {
    letter-spacing: 2px
}

.ci-new-list li[data-size="4"] .stretched-link {
    letter-spacing: 1px
}

.ci-new-list li:not([data-size]),.ci-new-list li[data-size="2"],.ci-new-list li[data-size="3"],.ci-new-list li[data-size="4"],.ci-new-list li[data-size="5"] {
    grid-column: span 2;
}

.ci-new-list .stretched-link em,.ci-new-list .stretched-link strong {
    font-style: normal;
    color: red
}


.ci-new-list .tag {
    position: absolute;
    bottom: -1px;
    right: -1px;
    padding: 2px;
    margin: 0;
    color: #fff;
    background-color: #b77ffb;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    z-index: 1;
    -webkit-text-size-adjust: none
}



.ci-new-list ul li a::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}









html[data-theme=dark] .ci-new-list .tag {
    background-color: #444
}

.ci-new-list .tag>span {
    display: block;
    font-size: 10px
}

.ci-new-list .stretched-link {
    z-index: 2
}


@media (max-width: 767.98px) {
    .ci-new-list li,.ci-new-list li[data-size="5"] {
        grid-column:span 6
    }

    .ci-new-list li:not([data-size]),.ci-new-list li[data-size="2"],.ci-new-list li[data-size="3"],.ci-new-list li[data-size="4"] {
        grid-column: span 3
    }
}

@media (max-width: 575.98px) {
    .ci-new-list ul {
		grid-template-columns: repeat(9, 1fr);
        grid-gap:10px
    }

    .ci-new-list li {
        grid-column: span 3
    }

    .ci-new-list li .tag {
        font-size: 11px!important
    }

    .ci-new-list li:not([data-size]),.ci-new-list li[data-size="2"],.ci-new-list li[data-size="3"],.ci-new-list li[data-size="4"] {
        grid-column: span 3
    }
}

@media (max-width: 350px) {
    .ci-new-list ul {
		grid-template-columns: repeat(9, 1fr);
        grid-gap:10px
    }
	
    .ci-new-list li {
        grid-column:span 12
    }

    .ci-new-list li:not([data-size]),.ci-new-list li[data-size="2"],.ci-new-list li[data-size="3"],.ci-new-list li[data-size="4"] {
        grid-column: span 6
    }
}

.ci-new-list~.ci-list-more {
    text-align: center;
    position: relative
}

.ci-new-list~.ci-list-more a {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    min-width: 320px;
    border-radius: 20px
}

.ci-new-list~.ci-list-more a i {
    transition: margin-left .2s;
    font-size: 14px;
    margin-left: 6px
}

.ci-new-list~.ci-list-more a:hover i {
    margin-left: 20px
}

@media (max-width: 575.98px) {
    .ci-new-list~.ci-list-more a {
        width:calc(100% - 20px);
        min-width: unset
    }
}



.ci-new-list[data-more] ul+.ci-list-more {
    display: block
}


.ci-new-list li:hover {
    border: 1px solid var(--ci-hover-border-color);
    background-color: var(--ci-hover-bg-color)
}

.ci-new-list li[data-size="2"] .stretched-link,.ci-new-list li[data-size="3"] .stretched-link {
    letter-spacing: 2px
}

.ci-new-list li[data-size="4"] .stretched-link {
    letter-spacing: 1px
}



.ci-new-list .stretched-link em,.ci-new-list .stretched-link strong {
    font-style: normal;
    color: red
}

.ci-new-list .pinyin {
    font-size: .875rem;
    margin-bottom: 4px;
    /* font-family: "Pinyin",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--body-info-color);
	letter-spacing: -0.02rem;
}

.ci-new-list .tag {
    position: absolute;
    bottom: -1px;
    right: -1px;
    padding: 2px;
    margin: 0;
    color: #fff;
    background-color: #b77ffb;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    z-index: 1;
    -webkit-text-size-adjust: none
}



.ci-new-list~.ci-list-more {
    text-align: center;
    position: relative
}

.ci-new-list~.ci-list-more a {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    min-width: 320px;
    border-radius: 20px
}

.ci-new-list~.ci-list-more a i {
    transition: margin-left .2s;
    font-size: 14px;
    margin-left: 6px
}

.ci-new-list~.ci-list-more a:hover i {
    margin-left: 20px
}




ul.list-item li {
	display: flex;
    border-bottom: 0.0625rem solid #eee;
    position: relative;
	padding: 8px 0;
}
ul.list-item li a {
    /* height: 100%; */
    /* display: block; */
    text-decoration: none;
    overflow-y: hidden;
}

ul.list-item li span.num {
	display: contents;
	width:20px;
	color:#6c757d;
}
ul.list-item li b {
	/* color:#6c757d; */
}
ul.list-item li span.py i, ul.list-item li span.text i {
	color: #6c757d;
}
ul.list-item li span.title, ul.list-item li span.desc {
    color: #008000;
    position: absolute;
    left: 0.75rem;
    top: 0.625rem;
    height: 1.125rem;
    line-height: 1.125rem;
    overflow: hidden;
}
ul.list-item li span.desc {
    top: 1.875rem;
    font-size: 0.75rem;
    color: #999;
}
ul.list-item div{
	
   margin-left: 8px;
}
ul.list-item li .py i{
    /* color: #333!important; */
	/* margin: 0 .25rem; */
}
ul.list-item li .text,ul.list-item li .py{
	color: #495057;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				/*溢出内容隐藏*/
	text-overflow: ellipsis;		/*文本溢出部分用省略号表示*/
	display: -webkit-box;			/*特别显示模式*/
	-webkit-line-clamp: 2;			/*行数*/
	line-clamp: 2;					
	-webkit-box-orient: vertical;	/*盒子中内容竖直排列*/
}
ul.list-item li h4 {
    font-size: 16px;
    font-weight: 600;
    color: #254264;
}



.ci-searching-list ul{display:flex;flex-wrap:wrap;margin:0 -5px}
.ci-searching-list li{padding:5px;width:50%}
.ci-searching-list li a{display:block;font-size:15px; color:#333;border-radius:6px;padding:2px 6px;border:1px solid var(--ci-border-color);background-color:#fcfeff;var(--ci-bg-color);white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.ci-searching-list li a,.text-center{text-align:center}
.ci-searching-list li a:hover{border-color:#d14;color:#d14;}



.ci_fg_to_zu_ci {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 0.6em 0;
    font-size: 15px;
}

.ci_fg_to_zu_ci a {
    color: #333;
    margin-right: 1em;
    border-bottom: dashed 1px rgba(0, 0, 0, .6);
}

.ci_fg_to_zu_ci .get_ci_zuci a {
    border-bottom: 1px solid #900;
    color: #2440b3;
}