body {
}
@media screen and (min-width:500px) {
    
    /*块元素*/
    .kuai {
        display: inline-block;
        width: 390px;
        margin: 0 16px 16px 0;
        vertical-align: top;
    }
    /*底部、右边弹窗*/
    .tan-pos, .tan-scr {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        min-height: 36%;
        max-height:70%;
        min-width: 500px;
        max-width:50%;
        border-radius:10px;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .tan-scr {
        min-height: 50%;
    }
    .slideIn-bot, .slideIn-right { /*底部、右边淡入转中部*/
        -webkit-animation: slideIn-cen 0.1s forwards;
        animation: slideIn-cen 0.1s forwards;
    }
    .slideOut-bot, .slideOut-right { /*底部淡出*/
        -webkit-animation: slideOut-cen 0.1s forwards;
        animation: slideOut-cen 0.1s forwards;
    }
    /*底部导航*/
    .winbotnav {
        width:390px;
        margin:auto;
        border-radius:8px;
        margin-bottom:8px;
    }
    /*搜索框*/
    .sousuo, .sousuo-auto {
        width: 420px;
        margin: 0 auto;
    }
}
@media (max-width: 873px) and (min-width:768px) {
    .page-grid-1 {
        grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width: 1240px) and (min-width:874px) {
    .page-grid-1 {
        grid-template-columns: repeat(3,1fr);
    }
}

@media (max-width: 1624px) and (min-width:1240px) {
    .page-grid-1 {
        grid-template-columns: repeat(4,1fr);
    }
}

@media (max-width: 1920px) and (min-width:1625px) {
    .page-grid-1 {
        grid-template-columns: repeat(5,1fr);
    }
}

@media (min-width: 1920px) {
    .page-grid-1 {
        grid-template-columns: repeat(5,1fr);
    }
}
@media (prefers-color-scheme: dark) {

    body {
        /***/
        --yi-FS: 16px;
        --yi-FS-0: 12px;
        --yi-FS-1: 14px;
        --yi-FS-2: 16px;
        --yi-FS-3: 17px;
        --yi-FS-4: 18px;
        --yi-FS-5: 19px;
        --yi-FS-6: 20px;
        --yi-FS-7: 21px;
        --yi-FS-8: 22px;
        /***/
        --yi-BR: rgba(255, 255, 255, 0.1);
        --yi-BR-0: #ff6146;
        --yi-BR-1: #fff;
        --yi-BR-2: #191919;
        --yi-BR-3: #ffffff25;
        /***/
        --yi-BG: #191919;
        --yi-BG-0: #111;
        --yi-BG-1: #ff6146; /*主*/
        --yi-BG-2: rgba(255, 255, 255, 0.1);
        --yi-BG-3: #07c160;
        --yi-BG-4: #fa5151;
        --yi-BG-5: #111;
        /***/
        --yi-FG: rgba(255, 255, 255, 0.9);
        --yi-FG-0: rgba(255, 255, 255, 0.8);
        --yi-FG-1: rgba(255, 255, 255, 0.9);
        --yi-FG-2: rgba(255, 255, 255, 0.1);
        --yi-FG-3: #ff6146;
        --yi-FG-4: rgba(255, 255, 255, 0.5);
    }
    
}