@charset "utf-8";
.Baera12{display:flex; gap:8px; font-size:18px; align-items:center; flex-wrap: wrap; padding:0 10px}
.Baera12 dt{ order:-2; font-weight:600}
.Baera12 dd:hover{color:var(--list-color);} 
.Baera12 dd{color:var(--text-color); cursor:pointer}
.Baera12 dd.isbaera12{color:var(--list-color); font-weight:900} 
.gapcn{gap:14px}
.csbg{margin:10px; height:80px; background:#E4E4E4}



.cly_bg h2{padding:var(--min4-padding); font-size:18px; color:#B10B0E}
.list_cn{}
.sumnumber{font-size:14px; color:#B10B0E; letter-spacing:0; padding:0 3px; font-weight:400}
.cnH3{padding:var(--min-padding); position:relative; color:#000;}
list_cn .cnH3:first-child{border:none}
cnH3::after{content:'\25BC'; position:absolute; top:10px; right:10px}
cnH3.ov::after{content:'\25B2';}
.list_cn_B{border-radius:12px; margin-bottom:30px}
.eachABCLY{border:1px solid #fff; border-radius:4px; margin-bottom:15px; padding:5px 0 0 0}
.eachABCLY:hover{background:#e6ecf2; border:1px solid #6e818b}
.list_cn_B ul{display:flex; align-items:center; gap:5px 5px; flex-wrap: wrap; padding:10px}
.list_cn_B ul li{ flex:0 0 calc(100% / 9 - 5px); overflow:hidden;padding:3px 5px; border:1px solid var(--text-color);}
.list_cn_B ul li a{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:var(--text-color); border-radius:3px}
.list_cn_B ul li:hover{border:1px solid var(--list-color); background:var(--list-color)}
.list_cn_B ul li:hover a{color:#fff}
.list_cn_B ul li:hover a::after{ content:attr(is); letter-spacing:0;}

.list_cn_B ul.list_cn_Bnone{/*display:none*/}

.cn12List{max-width:var(--max-width); width:var(--box-width);}
.cn12List dt h1{font-size:21px; position:relative; display:flex; justify-content:center}
.cn12List dt h1:after {content: ''; position: absolute;bottom: -3px; display: block;width: 5em;height: 0.7em; transform: skew(-30deg);background:var(--box-color); opacity: .6;}

.cn12List dd{margin:10px 0; display:flex;width:var(--box-width); gap:8px; flex-wrap:wrap;box-shadow:0 1px 6px 0 rgba(32, 33, 36, 0.28)}
.cn12List dd h3{font-size:15px; flex:1; background:#D0D0D0; text-align:center; display:flex; justify-content:center; align-items:center}
.cn12List dd ul{flex:4.5;display:flex;width:var(--box-width); gap:8px; align-items:center; flex-wrap:wrap; padding:5px}
.cn12List li a{color:var(--text-color); }
.cn12List li a:hover{color:var(--list-color); }
.cn12List li s{color:var(--box-color); font-size:12px; letter-spacing:0}

.newcly{padding:0 10px 10px 10px; flex-direction:column; display:flex; flex-wrap:wrap;}
.newcly li{padding:3px 3px}
.newcly a{color:var(--text-color);}
.newcly a:hover{color:var(--hover-color); }
.newcly time{padding:0 0 0 5px}
@media (max-width: 1200px){
.list_cn_B ul li{ flex:0 0 calc(100% / 8 - 5px); }
}
@media (max-width: 980px){
.list_cn_B ul li{ flex:0 0 calc(100% / 7 - 5px); }
}
@media (max-width: 760px){
.list_cn_B ul li{ flex:0 0 calc(100% / 3 - 5px); }

.Baera12{gap:5px; font-size:15px}
.Baera12 dd{display:none}
.Baera12 dd.isbaera12{order:-1; display:block} 

}