:root body{
    --bg-color: #fff;
    --bg-colore: #eee;
    --bg-colorf9: #f9f9f9;
    --bg-colorf6: #f6f6f6;
    --bg-colorf2: #f2f2f2;
    --bg-rgba-255-0:rgba(255,255,255,0);
    --bg-rgba-255-1:rgba(255,255,255,1);

    --bg-read-info:#fff;
    --bg-read-list:#f9f9f9;

    --mask-color:rgba(0,0,0,0.5);

    --play-time-bg: #e7e7e7;

    --border-color: #e4e5e6;
    --border-e: #e4e5e6;
    --border-f-4: #fff;
    --border-f-6: #fff;
    --border-colordc: #dcdcdc;

    --shadow-color:rgba(0,0,0,0.1);
    --shadow-01-005:rgba(0,0,0,0.1);

    --font-color2: #202122;
    --font-color4: #404142;
    --font-color6: #606162;
    --font-color8: #808182;
    --font-colora: #a0a1a2;
    --font-colore: #e0e1e2;
    --font-color-red: #dd696a;

    --line-box:#f6f6f6;

    --bt-bg-color:#fff;
    --bt-border-color:#eee;
    --bt-font-color:#444;
    --bt-bg-color-on:#dd696a;
    --bt-border-color-on:#dd696a;
    --bt-font-color-on:#fff;
    --bt-bg-color-o:#fff;
    --bt-border-color-o:#eee;
    --bt-font-color-o:#dd696a;

    --rgba-f-005: rgba(255,255,255,0.05);
    --rgba-f-01: rgba(255,255,255,0.1);
    --rgba-0-005: rgba(0,0,0,0.05);
    --rgba-0-01: rgba(0,0,0,0.1);

    --fff-2:#fff;

}
.line_box{
    height: 4px;
    background: none;
    border-bottom: 1px solid var(--border-color);
    margin: auto 15px;
}
/*
var(--shadow-color)
var(--bg-color)
var(--mask-color)
var(--border-color)
var(--font-color2)
 */
.logo_pic{
    /*background: url(../images/play/logo_new4.png) center center no-repeat;*/
    background: url(../images/play/logo_new5_1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;

}
.light_show_inline{
    display: inline;
}
.dark_show_inline{
    display: none;
}
.light_show{
    display: block;
}
.dark_show{
    display: none;
}


:root body.dark{
    --bg-color: #121314;
    --bg-colore: #444;
    --bg-colorf9: #121314;
    --bg-colorf6: #1a1b1c;
    --bg-colorf2: #181919;
    --bg-rgba-255-0:rgba(0,0,0,0);
    --bg-rgba-255-1:rgba(0,0,0,1);

    --bg-read-info:#121314;
    --bg-read-list:#222324;

    --mask-color:rgba(255,255,255,0.2);

    --play-time-bg: #585858;

    --border-color: #1a1b1c;
    --border-e: #2a2b2c;
    --border-f-4: #404142;
    --border-f-6: #606162;
    --border-colordc: #252627;

    --shadow-color:rgba(255,255,255,0.1);
    --shadow-01-005:rgba(255,255,255,0.05);

    --font-color2: #c5c6c7;
    --font-color4: #b5b6b7;
    --font-color6: #959697;
    --font-color8: #808182;
    --font-colora: #505152;
    --font-colore: #202122;
    --font-color-red: #dd696a;

    --line-box:#000000;

    --bt-bg-color: #222222;
    --bt-border-color:#222222;
    --bt-font-color: #d2d3d4;
    --bt-bg-color-on:#2a1206;
    --bt-border-color-on:#2a1206;
    --bt-font-color-on:#f55830;

    --bt-bg-color-o:#2a1206;
    --bt-border-color-o:#2a1206;
    --bt-font-color-o:#f55830;


    --rgba-f-005: rgba(0,0,0,0.05);
    --rgba-f-01: rgba(0,0,0,0.1);
    --rgba-0-005: rgba(255,255,255,0.05);
    --rgba-0-01: rgba(255,255,255,0.1);

    --fff-2: #202122;
}
body.dark .logo_pic{
    background-image: url(../images/play/logo_new5_1_dark.png);
}
body.dark .light_show_inline{
    display: none;
}
body.dark .dark_show_inline{
    display: inline;
}
body.dark .light_show{
    display: none;
}
body.dark .dark_show{
    display: block;
}
body.dark .line_box{

}
@media (prefers-color-scheme: dark) {


    :root body{
        --bg-color: #121314;
        --bg-colore: #444;
        --bg-colorf9: #121314;
        --bg-colorf6: #323334;
        --bg-colorf2: #181919;
        --bg-rgba-255-0:rgba(0,0,0,0);
        --bg-rgba-255-1:rgba(0,0,0,1);

        --bg-read-info:#121314;
        --bg-read-list:#222324;

        --mask-color:rgba(255,255,255,0.2);

        --play-time-bg: #585858;

        --border-color: #1a1b1c;
        --border-e: #2a2b2c;
        --border-f-4: #404142;
        --border-f-6: #606162;
        --border-colordc: #252627;

        --shadow-color:rgba(255,255,255,0.1);
        --shadow-01-005:rgba(255,255,255,0.05);

        --font-color2: #c5c6c7;
        --font-color4: #b5b6b7;
        --font-color6: #959697;
        --font-color8: #808182;
        --font-colora: #505152;
        --font-colore: #202122;
        --font-color-red: #dd696a;

        --line-box:#000000;

        --bt-bg-color: #222222;
        --bt-border-color:#222222;
        --bt-font-color: #d2d3d4;
        --bt-bg-color-on:#2a1206;
        --bt-border-color-on:#2a1206;
        --bt-font-color-on:#f55830;
        --bt-bg-color-o:#2a1206;
        --bt-border-color-o:#2a1206;
        --bt-font-color-o:#f55830;

        --rgba-f-005: rgba(0,0,0,0.05);
        --rgba-f-01: rgba(0,0,0,0.1);
        --rgba-0-005: rgba(255,255,255,0.05);
        --rgba-0-01: rgba(255,255,255,0.1);
        --fff-2:#202122;
    }
    body .logo_pic{
        background-image: url(../images/play/logo_new5_1_dark.png);
    }
    body .light_show_inline{
        display: none;
    }
    body .dark_show_inline{
        display: inline;
    }
    body .light_show{
        display: none;
    }
    body .dark_show{
        display: block;
    }
    body .line_box{

    }
}
/*------------------------*/
.add_border_bottom_r{
    position: relative;
}
.add_border_bottom_f{
    position: fixed;
}
.add_border_bottom_r:after,.add_border_bottom_f:after{
    content:'';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 1px;
    background: var(--border-color);
}