/* 友联配置 */
    menulink {
        display: grid
;
        box-sizing: border-box;
        padding: 0.225rem;
        width: 100%;
        flex-wrap: wrap;
        margin: 0 auto;
        grid-template-columns: repeat(12, 8.3333333%);
    }
   .menulinkasd {
    margin: 0.1rem 0.1rem 0.1rem 0;
    border: 1px solid #a1bed5;
    background-color: #02020299;
    color: #000000;
    font-size: 0.84rem;
    line-height: 2.0;
    text-align: center;
    border-radius: .2rem;
    cursor: pointer;
}
menulink div:nth-child(10n+1) {
	color: #e200fd
}

menulink div:nth-child(10n+2) {
	color: #3dcf00
}

menulink div:nth-child(10n+3) {
	color: #00c4ff
}

menulink div:nth-child(10n+4) {
	color: #a80c1b
}

menulink div:nth-child(10n+5) {
	color: #823b00
}

menulink div:nth-child(10n+6) {
	color: #8185ff
}

menulink div:nth-child(10n+7) {
	color: #ff0000
}

menulink div:nth-child(10n+8) {
	color: #6f42c1
}

menulink div:nth-child(10n+9) {
	color: #c54781
}

menulink div:nth-child(10n+10) {
	color: #089107;
}

menulink div:hover {
	background-color: #144a74;
	color: #fff
}

menulink div:nth-child(10n+1):hover {
	background-color: #e200fd
}

menulink div:nth-child(10n+2):hover {
	background-color: #3dcf00
}

menulink div:nth-child(10n+3):hover {
	background-color: #00c4ff
}

menulink div:nth-child(10n+4):hover {
	background-color: #a80c1b
}

menulink div:nth-child(10n+5):hover {
	background-color: #823b00
}

menulink div:nth-child(10n+6):hover {
	background-color: #8185ff
}

menulink div:nth-child(10n+7):hover {
	background-color: #ff0000
}

menulink div:nth-child(10n+8):hover {
	background-color: #6f42c1
}

menulink div:nth-child(10n+9):hover {
	background-color: #c54781
}

menulink div:nth-child(10n+10):hover {
	background-color: #089107;
}
@media  screen and (max-width: 768px) {
/* 给父元素设置横向滚动 */
.sjdhpld {
overflow-x: auto; /* 当内容溢出时显示滚动条 */
white-space: nowrap; /* 保持子元素在同一行显示 */
display: -webkit-box; /* 使用旧的flex盒模型来布局子元素 */
-webkit-overflow-scrolling: touch; /* 在移动设备上使用滚动回弹效果 */
}

/* 隐藏滚动条 */
.sjdhpld::-webkit-scrollbar {
display: none; /* 在Webkit浏览器中不显示滚动条 */
}

/* 友联配置 */
menulink {
    display: grid
;
    box-sizing: border-box;
    padding: 0.25rem;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
    grid-template-columns: repeat(4, 25%);
}
.menulinkasd {
    margin: 0.1rem 0.1rem 0.1rem 0;
    border: 1px solid #a1bed5;
    background-color: #02020299;
    color: #000000;
    font-size: 0.84rem;
    line-height: 2.0;
    text-align: center;
    border-radius: .2rem;
    cursor: pointer;
}

}