@font-face {
    font-family: 'Alimama ShanHeiTi';
    src: url('https://cdn.jsdmirror.com/cnb/weicao/iHu@main/alimama-shuhei.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body,h1,a,input,textarea,select{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: var(--wc-font,'Alimama ShanHeiTi', '阿里妈妈数黑体', sans-serif);
    overflow-x: hidden;
    font-weight: bold;
}


.search-box input {
    font-family: var(--wc-font,'Alimama ShanHeiTi', '阿里妈妈数黑体', sans-serif);
}

#header{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: transparent;
}

.yb{
    float: right;
}

#header a{
    font-family: 'Alimama ShanHeiTi', '阿里妈妈数黑体', sans-serif;
    text-decoration: none;
    background: transparent;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    margin: 0 10px 0 10px;
    color: black;
}

#header a:hover {
    background: linear-gradient(to right, #9b59b6, #ff69b4);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

@media (max-width: 767px) {
    #header a {
        font-size: 16px;
        line-height: 28px;
        margin: 0 4px;
    }
}

#zhongjian a {
    text-decoration: none;
    color: black;
    transition: all 0.3s ease;
}

#zhongjian a:hover {
    background: linear-gradient(to right, #9b59b6, #ff69b4);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

#zhongjian{
    font-size: 15px;
    color: #000000;
    text-align: center;
    font-family: 'Alimama ShanHeiTi', '阿里妈妈数黑体', sans-serif;
    font-weight: bold;
}

#LOGO{
    position: relative;
    height: 100%;
    width: 100%;
}

.LOGO{
    position: relative;
    margin-left: 0;
    margin-top: 0;
}

.sLOGO{
    position: relative;
    margin-left: 0;
    margin-top: 0;
}

#zb{
    float: left;
}

.footer h5,a{
    text-align: center;
    color: black;
}

#footer{
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(21, 24, 27, 0.32);
}

/* 中小屏幕：logo紧贴搜索框上方，整体偏上，不滚动 */
@media (min-width: 300px){
    .LOGO{ margin-top: 0; margin-bottom: 0; }
    .sLOGO{ margin-top: 0; margin-bottom: 0; }
    .incc-main-center{ justify-content: flex-start !important; padding-top: 18vh !important; }
    #header, #header2 { height: 25px; }
    #header a, #header2 a { font-size: 13px; line-height: 25px; margin: 0 5px; }
    #zhongjian { font-size: 13px; }
    #footer { height: 50px; }
    .footer h5, a { font-size: 13px; }
}

/* 中等屏幕 */
@media (min-width: 768px){
    .LOGO{ margin-top: 0; margin-bottom: 0; }
    .sLOGO{ margin-top: 0; margin-bottom: 0; }
    .incc-main-center{ justify-content: flex-start !important; padding-top: 15vh !important; }
    #header, #header2 { height: 30px; }
    #header a, #header2 a { font-size: 16px; line-height: 30px; margin: 0 8px; }
    #zhongjian { font-size: 16px; }
    #footer { height: 55px; }
    .footer h5, a { font-size: 14px; }
}

/* PC大屏幕：logo上方留大间距，整体居中 */
@media (min-width: 1200px){
    .LOGO{ margin-top: 160px; margin-bottom: -10px; }
    .sLOGO{ margin-top: 0; margin-bottom: 0; }
    .incc-main-center{ justify-content: center !important; padding-top: 0 !important; }
}