@charset "utf-8";

/**/

.hash_wrap{position:relative; z-index:9; margin-bottom: 50px;}
.hash_wrap.fixed{position: fixed; top: 100px; left: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #dedede;}
.hash_bx {margin:0 auto; width:100%; text-align:center; box-sizing:border-box; overflow: hidden;}

.hash_bx { scrollbar-3dLight-Color: #f9f9f9; scrollbar-arrow-color: #f1f1f1; scrollbar-base-color: #f9f9f9; scrollbar-Face-Color: #f1f1f1; scrollbar-Track-Color: #f9f9f9; scrollbar-DarkShadow-Color: #f9f9f9; scrollbar-Highlight-Color: #f9f9f9; scrollbar-Shadow-Color: #f9f9f9}
.hash_bx::-webkit-scrollbar {marginn-bottom:-20px; width: 5px; height: 5px; border: 5px solid #fff; }
.hash_bx::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 5px; background:#f9f9f9}
.hash_bx::-webkit-scrollbar-track {background: #f9f9f9; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0)}
.hash_bx::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #ddd;-webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.05)}

.hash_bx li {font-size:1.8rem; position: relative; float:left; margin-left:10px; margin-bottom:10px;}

.hash_bx.w2 {width:100%; max-width:530px}
.hash_bx.w2 li {width:calc(50% - 5px)}
.hash_bx.w2 li:nth-child(2n+1) {margin-left:0}
.hash_bx.w3 li {width:calc(100%/3 - 6.666px)}
.hash_bx.w3 li:nth-child(5n+1) {margin-left:0}
.hash_bx.w4 li {width:calc(25% - 7.5px)}
.hash_bx.w4 li:nth-child(4n+1) {margin-left:0}
.hash_bx.w5 li {width:calc(20% - 8px)}
.hash_bx.w5 li:nth-child(5n+1) {margin-left:0}
.hash_bx.w6 li {width:calc(16.666% - 8.333px)}
.hash_bx.w6 li:nth-child(6n+1) {margin-left:0}
.hash_bx.w7 li {width:calc(14.285% - 8.571px)}
.hash_bx.w7 li:nth-child(7n+1) {margin-left:0}


.hash_bx li a {text-decoration: none; width:100%; height:65px; line-height: 65px; display: block; background:#fff; color:#525252; font-size:1.7rem;  border:1px solid #dedede; box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-radius: 5px;}
.hash_bx li a.on  { color:#fff; background:#12224a; font-weight:400; border:1px solid #12224a;  }

.hash_bx.fixed{position:fixed; display: flex; justify-content: center; padding:10px; top:100px; left:0; width:100%; max-width:100%; z-index:99; background-color:#fafafa; border-bottom: 1px solid #dedede;}
.hash_bx.fixed li { margin-left:5px; margin-bottom:5px;}
.hash_bx.fixed li a { height:50px; line-height: 50px; }

@media screen and (max-width:1280px) {
    .hash_bx.fixed{top: 80px;}
}
@media screen and (max-width:1024px) {
    .hash_bx.w7 li {width:calc(14.285% - 4.285px); margin-left:5px; margin-bottom:5px;}
}
@media all and (max-width:976px){
    .hash_bx.fixed{top: 70px; flex-wrap: wrap; padding: 5px 5px 0;}
    .hash_bx.fixed li{flex: auto;}
    .hash_bx li a {height: 56px; line-height: 56px;}
    .hash_bx.fixed li a{height: 44px; line-height: 44px; font-size: 1.6rem;}
}
@media screen and (max-width:920px) {
    .hash_bx.w6 li {width:calc(33.3333% - 6.666px)}
	.hash_bx.w6 li:nth-child(6n+1) {margin-left:10px}
	.hash_bx.w6 li:nth-child(3n+1) {margin-left:0}
}
@media screen and (max-width:786px) {
    .hash_bx.fixed{top: 60px;}
}
@media screen and (max-width:820px) {
    
    .hash_bx.w5 li {width:calc(33.3333% - 6.666px)}
	.hash_bx.w5 li:nth-child(5n+1) {margin-left:10px}
	.hash_bx.w5 li:nth-child(3n+1) {margin-left:0}
	.hash_bx.w5.fixed li:nth-child(5n+1) {margin-left:5px}
	.hash_bx.w5.fixed li:nth-child(3n+1) {margin-left:0}
	.hash_bx.w7 li {width:calc(25% - 3.75px)}
	.hash_bx.w7 li:nth-child(7n+1) {margin-left:5px}
	.hash_bx.w7 li:nth-child(4n+1) {margin-left:0}
}
@media screen and (max-width:480px) {
    .hash_bx li {margin-left:3px; margin-bottom:3px;}
    .hash_bx.w3 li {width:calc(100%/3 - 2.666px)}
	.hash_bx.w4 li {width:calc(50% - 1.5px)}
	.hash_bx.w4 li:nth-child(4n+1) {margin-left:0}
	.hash_bx.w4 li:nth-child(4n+1) {margin-left:3px}
	.hash_bx.w4 li:nth-child(2n+1) {margin-left:0}	
	.hash_bx.w5 li {width:calc(50% - 1.5px)}
	.hash_bx.w5 li:nth-child(5n+1) {margin-left:3px}
	.hash_bx.w5 li:nth-child(3n+1) {margin-left:3px}
	.hash_bx.w5 li:nth-child(2n+1) {margin-left:0}	
	.hash_bx.w5.fixed li:nth-child(5n+1) {margin-left:3px}
	.hash_bx.w5.fixed li:nth-child(3n+1) {margin-left:3px}
	.hash_bx.w5.fixed li:nth-child(2n+1) {margin-left:0}
	.hash_bx li a {  height:45px; line-height: 45px} 

    
	.hash_bx.fixed li { margin-left:3px; margin-bottom:3px;}
	.hash_bx.fixed li a { height:45px; line-height: 45px; }
}