:root {
    /*GRAY灰色*/
    --white:  #fff;
    --gray3:  #f9f9f9;
    --gray5:  #f5f5f5;
    --gray10: #f0f0f0;
    --gray20: #eaeaea;
    --gray30: #e5e5e5;
    --gray40: #dadada;
    --gray45: #d0d0d0;
    --gray50: #999;
    --gray60: #666;
    --gray65: #555;
    --gray70: #444;
    --gray80: #333;
    --gray90: #222;
    --gray95: #151515;
    --black:  #000;
    --black85: rgba(0, 0, 0, 0.85);
    --black60: rgba(0, 0, 0, 0.60);
    --black50: rgba(0, 0, 0, 0.50);
    --black40: rgba(0, 0, 0, 0.40);
    --black30: rgba(0, 0, 0, 0.30);
    --black20: rgba(0, 0, 0, 0.20);
    --black15: rgba(0, 0, 0, 0.15);
    --black05: rgba(0, 0, 0, 0.05);
    --white85: rgba(255, 255, 255, 0.85);
    --white70: rgba(255, 255, 255, .70);
    --white60: rgba(255, 255, 255, .60);
    --white45: rgba(255, 255, 255, .45);
    --white30: rgba(255, 255, 255, .30);
    --white20: rgba(255, 255, 255, .20);
    --white10: rgba(255, 255, 255, .10);

    /*品牌色*/
    --primary-color: #307b06;
    --second-color: #226204;
    --thirdly-color: #f60;

    /*比分功能色*/
    --red20:    #ec7979;
    --red40:    #d64444;             /*完场比分,赢*/
    --red60:    #be0000;             /*指数升*/
    --blue10:   #e7eef8;
    --blue40:   #0076e3;             /*进行中比分，中场、走*/
    --blue60:   #0057a6;
    --green40:  #0d9f1c;             /*指数降、输*/
    --yellow20: #fffae0;
    --yellow30: #fff6d1;
    --yellow60: #ffc700;             /*黄牌*/
    --redbg:    #ffe8e8;             /*指数升背景*/
    --greenbg:  #e5ffd9;             /*指数降背景*/
    --goalbg:   #ffe99c;             /*入球提示背景*/
    --home_team: #de682f;            /*主队*/
    --away_team: #2495da;            /*客队*/
    --table_header: var(--gray10);     /*表格标题*/
    --table_highlight: var(--gray5);      /*表格突出色*/
    --down: red;   /*指数降*/
    --up: green;   /*指数升*/

    /*背景色*/
    --body-bg:   var(--gray30);
    --footer-bg: var(--gray65);
    --white-bg:  var(--white);
    --bgcolor-1: var(--white);
    --bgcolor-2: var(--gray5);
    --bgcolor-3: var(--gray30);
    --bgcolor-4: var(--gray40);

    /*文字*/
    --text-white: var(--white);
    --textcolor-1: var(--gray90);
    --textcolor-2: var(--gray60);
    --textcolor-3: var(--gray50);       /*说明*/
    --textcolor-4: var(--gray40);       /*禁用*/

    /*边框*/
    --border-1: var(--white);
    --border-2: var(--gray10);
    --border-3: var(--gray30);
    --border-4: var(--gray45);
}

.dark {
    /*基础色*/
    /* --blue5: linear-gradient(0deg,#20384e,var(--gray90)); */
    --red40:    #de5b5c;
    --red60:    #d64c3e; 
    --blue10:   #223240;
    --blue20:   #224c73;
    --blue60:   #3a8ad4;
    --yellow20: #3a362f;
    --yellow30: #4e473b;
    --redbg:   #4e1c1c;               /*指数升背景*/
    --greenbg: #2c4e1c;               /*指数降背景*/
    --goalbg:  #765e00;               /*入球提示背景*/
    --table_header: var(--gray80);      /*表格标题*/
    --table_highlight: var(--gray80);       /*表格突出色*/
    
    /*背景色*/
    --body-bg:   var(--gray95);
    --footer-bg: var(--gray90);
    --bgcolor-1: var(--gray90);
    --bgcolor-2: var(--gray80);
    --bgcolor-3: var(--gray70);
    --bgcolor-4: var(--gray70);
    --bg-highlight-1: #2c2818;
    --bg-highlight-2: #332f1f;
    
    /*文字*/
    --textcolor-1: var(--white);
    --textcolor-2: var(--gray50);
    --textcolor-3: var(--gray50);       /*说明*/
    --textcolor-4: var(--gray60);       /*禁用*/
    
    /*边框*/
    --border-2: var(--gray80);
    --border-3: var(--gray70);
    --border-4: var(--gray70);
}