/* zidian */
ul.zidian{margin:0;padding:0;}
.zidian li {width: 25px;height: 25px;line-height: 25px;text-align: center;margin: 4px;display: inline;float: left;background: url(https://u.junzige.com/img/right_zidian.gif);font-size: 14px;}
.hanzi{padding:0;overflow:hidden;}
.hanzi li{list-style:none;float:left;margin:5px;font-size:22px;border:1px solid #E0E0E0;padding:2px 8px;}


.zitt {
  position: relative; /* 相对定位 */

}


.txtbg {

    font-family:"DFKai-SB","KaiTi","BiauKai","STKaiti";width: 140px;height: 140px;font-size: 120px;line-height: 135px;text-align: center;overflow: hidden;background: url(/img/zidian/tianzi.png) no-repeat;background-size: 100%;
}


.bishun-play-bt {display: inline-block;background-color:#f1f1f1;color:#222;border-radius:3px;position: absolute;right:0;top:146px; width:140px;text-align:center;font-size: calc(100% - 5px);}



.zi p{white-space: pre-wrap;}

.mingzi{overflow:hidden;padding-left:25px;padding-right:25px;}
.mingzi li{list-style:none;float:left;margin:5px;font-size:18px;border:1px solid #E0E0E0;padding:2px 8px;}



.dupinyin {font-family: tahoma,arial,georgia,verdana,helvetica,sans-serif;}

.ind {
    /* font-size: calc(100% - 1px); */
    margin: 0 18px;
    padding-left: 10px !important;
    color: #999 !important;
}

p.ind {
  margin-top: -6px !important;

}

.content h3 {margin:20px 0}


.zuci {
        display: flex;
        flex-wrap: wrap;
    }
.zuci span {
        background-color: #F4F6F8; 
        color: black; 
        margin: 5px 12px;
        padding: 10px 10px;
        border-radius: 3px;
        text-align: center;
    }
.zuci a{
        color: black !important; 
        text-decoration: none !important;
        border-bottom: none !important;
    }  
    
    
.chengyu {
        display: flex;
        flex-wrap: wrap;
    }
.chengyu span {
        background-color: #F4F6F8; 
        color: black; 
        margin: 5px;
        padding: 10px;
        border-radius: 3px;
        text-align: center;
    }
.chengyu a{
        color: black !important; 
        text-decoration: none !important;
        border-bottom: none !important;
    }  
    
    
.tit {
    color: #337ab7;
    position: relative; 
        background-color: #fbfbfb; 
    padding-left: 12px;
    /* font-weight: bold;        margin-left: 2px;*/
}

.tit::before {
    content: ""; /* 伪元素需要content属性 */
    position: absolute; /* 绝对定位伪元素 */
    left: 0; /* 伪元素定位到容器的左侧 */
    top: 50%; /* 伪元素的顶部定位在父元素垂直中心 */
    transform: translateY(-50%); /* 向上移动伪元素自身高度的一半，以实现垂直居中 */
    height: 66%; /* 伪元素的高度与父元素相同 */
    width: 5px; /* 伪元素的宽度 */
    background-color: #337ab7; /* 伪元素的颜色 */
}




.pinyintit{
    font-size: calc(100% + 4px);

    color: #337ab7;font-family: tahoma,arial,georgia,verdana,helvetica,sans-serif; 
    
}


.pinyin {
    color: #999; margin:0 4px;  font-family: tahoma,arial,georgia,verdana,helvetica,sans-serif;
}



    
.jibenjieshi span {color: #999;}

.kx_img {
    height: 1em;
    width: 1em;
    display: inline-block !important;
    vertical-align: text-bottom;
    margin-bottom: 1px;
}






.shuowenjiezi span {color: #999;}
.yuanzixing img{max-width: 100%;height: auto;}
.ziyuanyanbian {
        display: flex;
        flex-wrap: wrap;
    }
.ziyuanyanbian > div {
        flex: 0 0 33.33%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
.shufa {
        display: flex;
        flex-wrap: wrap;

    }
.shufa > div {
        flex: 0 0 33.33%;
        display: flex;
        align-items: center;
        flex-direction: column;
    } 
    
    
    
.zi_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 96%;
    margin: auto;
}
.zi_list li {
    list-style: none;
    flex-basis: 9%; /* Adjust this value */
    height: 0;
    padding-bottom: 9%; /* Keep the aspect ratio */
    margin: 1%;
    position: relative; /* Add this */
    background: url('/images/zidian/tian.png') no-repeat center center;
    background-size: contain;
}
.zi_list li a {
    color: #000 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    font-size: 21px;
    position: absolute;  /* Position it absolutely */
    top: 50%;  /* Center it vertically */
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);  /* Adjust the position */
}   
    
    
    
    
    
    
.zi_list_zi ul {
    padding: 0;
    margin: 0;
}
  
.zi_list_zi, .zi_list_zi ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 99%;
    margin: auto;
}

    
.zi_list_zi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 99%;
    margin: auto;
}
.zi_list_zi > li, .zi_list_zi ul > li {
    list-style: none;
    flex-basis: 14%;
    height: 0;
    padding-bottom: 14%;
    margin: 1%;
    position: relative;
    border-radius: 9px;
    border: solid 1px #dedede;
    font-family: "楷体", "STKaiti", "KaiTi", "BiauKai", "DFKai-SB", serif;

}



.zi_list_zi li a {
    color: #222 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    font-size: 2.4rem;
    position: absolute;  
    top: 50%;  
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%); 
}

.zi_list_zi span {margin:0 0 6% 0;padding:0;overflow: hidden;display: block;color: #999;font-family: tahoma,arial,georgia,verdana,helvetica,sans-serif;font-size: 1.2rem;}  






@media (max-width: 768px) {
    .zi_list_zi > li, 
    .zi_list_zi ul > li {
    list-style: none;
    height: 0;
    position: relative;
    border-radius: 9px;
    border: solid 1px #dedede;
    font-family: "楷体", "STKaiti", "KaiTi", "BiauKai", "DFKai-SB", serif;
    flex-basis: 16%;  /* 100% / 4.5 ≈ 22% (留一些空间给 margin) */
    padding-bottom: 16%;  /* 保持正方形 */
    margin: 1.5%;  /* 左右间距 1.5% × 2 = 3%，4 个字共占 22% × 4 + 3% × 4 = 88% + 12% = 100% */
    }
    
    .zi_list_zi li a {
    color: #222 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    font-size: 1.7rem;
    position: absolute;  
    top: 50%;  
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%); 
}

    .zi_list_zi span {margin:0;padding:0;overflow: hidden;display: block;color: #999;font-family: tahoma,arial,georgia,verdana,helvetica,sans-serif;}  
}



.gushi .highlight {
	position: relative;
	font-size: calc(100% + 2px);

}
.gushi .highlight:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 9px;
    background-color: rgba(255,217,82,.4);
    left: 0;
    bottom: 1px;
    z-index: 1;
}
.gushi .shijuinfo{
color: #999;
font-size: calc(100% - 3px);
}
.zi.gushi a {
    color: inherit;
    text-decoration: none !important;
    border-bottom: none !important;
}





 
.history {
        margin-top: 6px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        color: #222; 
    }
.history  span  a{
        background-color: #F4F6F8; /* 背景色，可以根据需要更改 */
        text-decoration: underline;
        color:blue;
        margin: 3px;
        padding: 0 6px;
        border-radius: 3px;
        text-align: center;
    }
    
    
    
.ld {color: #999; margin-left:6px;}
.ld-on {color: #0085FF;}


input.ziss {border: 1px solid #d0ad9a;background: #fff;padding: 2px;font-size: 16px;color: #333;line-height: 30px;vertical-align:middle;}