@font-face {
    font-family: MirFont_Normal;
    src: url('../font/Source_Han_Sans_SC_Normal_Normal.otf');
}
@font-face {
    font-family: MirFont_Bold;
    src: url('../font/Source_Han_Sans_SC_Bold.otf');
}
@font-face {
    font-family: MirFont_ExtraLight;
    src: url('../font/Source_Han_Sans_SC_ExtraLight_ExtraLight.otf');
}
@font-face {
    font-family: MirFont_Heavy;
    src: url('../font/Source_Han_Sans_SC_Heavy_Heavy.otf');
}
@font-face {
    font-family: MirFont_Light;
    src: url('../font/Source_Han_Sans_SC_Light_Light.otf');
}
@font-face {
    font-family: MirFont_Medium;
    src: url('../font/Source_Han_Sans_SC_Medium_Medium.otf');
}
@font-face {
    font-family: MirFont_Regular;
    src: url('../font/Source_Han_Sans_SC_Regular.otf');
}

/*声明 NotoSans */

@font-face {
    font-family: MirFont_SiYuan_Regular; /* 常规 JP use */
    src: url('../font/NotoSansSC-Regular.ttf');
}

@font-face {
    font-family: MirFont_SiYuan_Medium; /* 常规 JP use */
    src: url('../font/NotoSansSC-Regular.ttf');
}

@font-face {
    font-family: "sourcehansans"; /* 这个名字可以自己定义 */
    src: url("../font/"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
    src: url("../font/sourcehansans.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../font/sourcehansans.woff") format("woff"),
    /* Modern Browsers */ url("../font/sourcehansans.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("../font/sourcehansans.svg#YourWebFontName") format("svg"); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}

/*得意黑*/
@font-face {
    font-family: MirFont_Oblique;
    src: url('../font/Smiley_Sans_Oblique_斜体.otf');
}


.layui-input:hover, .layui-textarea:hover {
    border-color: #2e54ad !important;
}

/* a标签的统一设置 */
/*a:link {
    color: #fff;*/ /* 未访问时的状态 */
/*}

a:visited {
    color: #006699;*/ /* 已访问的链接 */
/*}

a:hover {
    color: #006699;*/ /* /鼠标悬停在a链接 */
/*}

a:active {
    color: black;*/ /* 鼠标按住a标签时 */
/*}*/

/* 免责声明/合作伙伴 */
.c-heading-large {
    font-family: STXihei;
    margin: 20px auto;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 20px 0px 5px 0px;
    line-height: 1.75;
    text-align: center;
    position: relative;
}

    .c-heading-large span {
        display: block;
        font-size: 1.2rem;
        color: #0c4197;
        font-weight: 700;
    }


/*css中before的使用*/
.c-heading-large::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1.5em;
    height: 3px;
    background: #68C147;
    transform: translateX(-50%);
    content: ""
}

@media screen and (min-width: 768px) {
    .c-heading-large::before {
        height: 4px
    }
}

/* 全局按钮设置 */
@keyframes fadeinup {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.layui-btn {
    background: linear-gradient(to right, #006699, #0086c9); /*linear-gradient(to right, #1a89c9, #5bafe1)*/ /*linear-gradient(to right, #006699, #0086c9)*/

    background: linear-gradient(to left, #044093, #006699);
    background-image: linear-gradient(to right, #667db6,#0082c8,#667db6);
    border: 0px solid transparent;
    color: #fff !important;
    font-family: 'MirFont_SiYuan_Regular';
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 15px !important;
}

.layui-table-cell {
    font-family: MirFont_SiYuan_Medium;
}


/* 滚动条样式 */
.MIR-Class-Scrollbar::-webkit-scrollbar {
    width: 8px; /* 设置滚动条宽度为8px */
    background: #eee; /* 滚动条背景色 */
}

.MIR-Class-Scrollbar::-webkit-scrollbar-track {
    border-radius: 4px; /* 滚动条轨道圆角 */
}

.MIR-Class-Scrollbar::-webkit-scrollbar-thumb {
    background: #ccc; /* 滚动条滑块颜色 */
    border-radius: 4px; /* 滑块圆角 */
}

    /* 鼠标悬停时滑块样式 */
    .MIR-Class-Scrollbar::-webkit-scrollbar-thumb:hover {
        background: #999; /* 悬停时滑块颜色变深 */
    }

/* 滚动条角落样式 */
.MIR-Class-Scrollbar::-webkit-scrollbar-corner {
    background: #eee; /* 与滚动条背景色保持一致 */
}


/* onmouse-set 列表hover样式 */
.onmouse-set:hover {
    background: #fafafa!important;
}



/* 响应式设计 */
@media (max-width: 768px) {
    .footer-grid {
        flex-direction: column;
    }

    .contact-block {
        padding-right: 0;
    }

    .footer-links {
        justify-content: center;
        margin-top: 10px;
    }
}