/**
* 亮色主题
*/
/*
*   基础色值定义
*/
:root body[gtheme-mode="light"] {
    /*layout*/
    --g-smart-text-underline: rgb(173 170 174);
    --g-theme-highlight-color: #40A829;
    --g-theme-highlight-hover-bg: #F7F7F7;
    --g-theme-highlight-select-bg: #F0F0F0;
    --g-theme-highlight-content-hover-bg: #F9F9F9;
    --g-theme-highlight-content-select-bg: #F9F9F9;

    --g-menu-background-color: #FFFFFF;
    --g-menu-hover-background-color: #EEEEEE;
    --g-menu-open-background-color: #303138;
    --g-menu-normal-text-color: #A2A2A2;
    --g-menu-hover-text-color: #fff;
    --g-menu-scroll-bar-color: #565657;

    /* loading */
    --g-layout-loading: rgba(250, 250, 250, 0.6);

    --g-scroll-bar-color: #CACBCC;
    --g-background-color: #F0F2F5;
    --g-content-background-color: #fff;
    --g-spliter-background-color: #F0F2F5;
    --g-tip-background-color: var(--g-theme-highlight-color);

    /*text*/
    --g-text-light-1: #fff;
    --g-text-light-2: rgba(255, 255, 255, 0.85);
    --g-text-light-3: rgba(255, 255, 255, 0.65);
    --g-text-light-4: rgba(255, 255, 255, 0.45);
    --g-text-light-5: rgba(255, 255, 255, 0.25);
    --g-text-light-6: rgba(255, 255, 255, 0.20);

    --g-text-light: #fff;
    --g-text-light-10: rgba(255, 255, 255, 0.10);
    --g-text-light-15: rgba(255, 255, 255, 0.15);
    --g-text-light-20: rgba(255, 255, 255, 0.20);
    --g-text-light-25: rgba(255, 255, 255, 0.25);
    --g-text-light-35: rgba(255, 255, 255, 0.35);
    --g-text-light-45: rgba(255, 255, 255, 0.45);
    --g-text-light-55: rgba(255, 255, 255, 0.55);
    --g-text-light-65: rgba(255, 255, 255, 0.65);
    --g-text-light-75: rgba(255, 255, 255, 0.75);
    --g-text-light-85: rgba(255, 255, 255, 0.85);
    --g-text-light-95: rgba(255, 255, 255, 0.95);

    --g-text-light-highlight: var(--g-theme-highlight-color);

    --g-text-dark: #000;
    --g-text-dark-1: #0D1421;
    --g-text-dark-2: #777777;
    --g-text-dark-3: #232531;
    --g-text-dark-4: rgba(0, 0, 0, 0.45);
    --g-text-dark-5: rgba(0, 0, 0, 0.25);
    --g-text-dark-6: rgba(0, 0, 0, 0.20);

    --g-text-dark-10: rgba(0, 0, 0, 0.10);
    --g-text-dark-15: rgba(0, 0, 0, 0.15);
    --g-text-dark-20: rgba(0, 0, 0, 0.20);
    --g-text-dark-25: rgba(0, 0, 0, 0.25);
    --g-text-dark-35: rgba(0, 0, 0, 0.35);
    --g-text-dark-45: rgba(0, 0, 0, 0.45);
    --g-text-dark-55: rgba(0, 0, 0, 0.55);
    --g-text-dark-65: rgba(0, 0, 0, 0.65);
    --g-text-dark-75: rgba(0, 0, 0, 0.75);
    --g-text-dark-85: rgba(0, 0, 0, 0.85);
    --g-text-dark-95: rgba(0, 0, 0, 0.95);

    --g-text-dark-highlight: var(--g-theme-highlight-color);
    --g-text-family: Helvetica, Arial, PingFang SC, Microsoft Yahei, sans-serif;
    --g-text-family-DingPro: Helvetica, Arial, PingFang SC, Microsoft Yahei, sans-serif;


    /*list*/
    --g-list-item-color: #616E85;
    --g-list-item-background-color: #FFF;
    --g-list-item-hover-background-color: var(--g-theme-highlight-hover-bg);
    --g-list-item-select-background-color: var(--g-theme-highlight-select-bg);
    --g-list-item-border-color: #F0F2F5;
    --g-list-item-border-color-2: rgba(255, 255, 255, 0.25);

    /*icon*/
    --g-icon-color: #808A9E;
    --g-icon-color-1: #808A9E;
    --g-icon-color-2: #808A9E;
    --g-icon-color-3: #A6B0C3;
    --g-icon-hover-color: var(--g-theme-highlight-color);
    --g-icon-select-color: var(--g-theme-highlight-color);
    --g-icon-collect-color: #808A9E;
    --g-icon-collect-hover-color: #FFCA2C;
    --g-icon-collect-select-color: #FFCA2C;
    --g-icon-border-color: #F0F2F5;

    /*input*/
    --g-input-color: #232531;
    --g-input-border-color: #DBDFE7;
    --g-input-border-color-2: #DBDFE7;
    --g-input-placeholder-color: #A6B0C3;
    --g-input-placeholder-color-2: #999999;

    /*button*/
    --g-radio-button-color: #616E85;
    --g-radio-button-background-color: #fff;
    --g-radio-button-select-background-color: #FBEEEB;
    --g-radio-button-border-color: #DBDFE7;

    /*switch*/
    --g-switch-active-background-color: var(--g-theme-highlight-color);
    --g-switch-inactive-background-color: #A6B0C3;

    /*dialog*/

    /*popupmenu*/
    --g-popup-background-color: var(--g-content-background-color);

    /*tip*/
    --g-tip-common-bg: #FFF;
    --g-tip-common-color: #000;
    --g-tip-common-border-color: #F0F2F5;

    /*border*/
    --g-border-color: transparent;
    --g-tab-border-color: transparent;
    --g-tab-border-hover-color: var(--g-theme-highlight-color);
    --g-tab-border-select-color: var(--g-theme-highlight-color);
    --g-timeline-broder-color: #D4D6D9;

    /*tab*/
    --g-tab-text-color: #616E85;
    --g-tab-text-hover-color: #0D1421;
    --g-tab-text-select-color: #0D1421;
    --g-tab-btn-background-color: var(--button-normal-bg);
    --g-tab-btn-background-select-color: var(--g-theme-highlight-select-bg);
    --g-tab-btn-text-select-color: var(--g-theme-highlight-color);
    --g-tab-btn-color-2: #666666;
    --g-tab-btn-color-3: #666666;
    --g-tab-btn-background-color-2: #EFF2F5;
    --g-tab-btn-background-color-3: #EFF2F5;
    --g-tab-drow-border-color: #f2f2f2;

    /*tag*/
    --g-tag-color: #616E85;
    --g-tag-icon-hover-color: #000;
    --g-tag-industry-bgColor: rgba(79, 115, 218, 0.1);
    --g-tag-industry-color: rgb(79, 115, 218);

    /*checkbox*/
    --g-checkbox-select-background-color: #FBEEEB;

    /*image*/

    /*pagination*/
    --g-pagination-background-color: transparent;
    --g-pagination-color: #232531;
    --g-pagination-active-color: #FFF;
    --g-pagination-border-color: #C8CACC;
    --g-pagination-icon-color: var(--g-icon-color);

    /*dropDown*/
    --g-dropdwon-input-background-color: #F5F5F5;

    /*select*/
    --g-select-input-background-color: #F5F7FA;
    --g-select-input-background-color-2: #FAFAFA;
    --g-select-input-active-background-color: #FFFFFF;
    --g-select-input-active-text-color: var(--g-theme-highlight-color);
    --g-select-input-icon-color: #999999;

    /*dialog*/
    --g-dialog-header-color: #000;
    --g-dialog-header-background-color: #D6D6D7;
    --g-dialog-button-normal-color: #58667E;
    --g-dialog-button-normal-background-color: #F0F2F5;
    --g-dialog-button-highlight-color: #FFF;
    --g-dialog-button-highlight-background-color: var(--g-theme-highlight-color);
    --g-dialog-content-background-color2: #EFEFEF;

    --g-yb-border-color: #F0F2F5;
    --g-yb-text-color: #232531;

    /* switch */
    --switch-core-color: #999999;
    --switch-border-color: #999999;

    --g-cascader-menu-fill: #ffffff;
    --g-cascader-menu-border: #e4e7ed;
    --g-cascader-menu-shadow: rgba(0, 0, 0, .12);
    --g-cascader-node-background-hover: #f5f7fa;
    --g-cascader-menu-color: #606266;
    --g-cascader-node-hover-bgColor: #f5f7fa;

    /* button */
    --g-btn-normal-bgColor: #F5F5F5;
    --g-btn-normal-color: #777777;
    --g-btn-active-bgColor: rgba(220, 87, 60, 0.1);
    --g-btn-active-color: var(--g-theme-highlight-color);

    /* 头部 */
    --g-header-bgColor: #f3f4f4;

    /* 导航栏 菜单 */
    --menu-content-bg: #fafafa;
    --menu-splice-line: #E5E5E5;
    --menu-icon-color: #7D7D7D;
    --menu-disabled-color: rgba(0, 0, 0, 0.25);
    --menu-refresh-color: #777777;
    --menu-divider-line: #DDDDDD;

    /* v3版本全局搜索 */
    --searchv3-tag-bg:  rgba(121,121,128,0.2);
    --searchv3-tag-color:#797980;
    --searchv3-tag-bg1: #F5F5F5;
    --searchv3-tag-color1:#555555;
    --searchv3-history-bg: #FFFFFF;
    --searchv3-popover-bg:linear-gradient( 180deg,  #FFFFFF 0%,  #F2F2F2 50%);
    --searchv3-border-color:#F2F2F2;
    --searchv3-text-color: #666666;
    --searchv3-text1-color: #999999;

    /*user头像*/
    --user-avater-bg: rgba(64, 168, 41, 0.1);
    --user-avater-color: #40A829;
    --user-name-color: #666666;
    --user-company: #777777;
    --popover-user-name: #000000;
    --user-splice-line: #F4F5F9;
    --user-list-color: #333333;
    --user-list-disabled-color: #cccccc;

    /* 弹窗 */
    --dialog-body-bg: #fff;
    --dialog-body-show: rgba(94, 64, 64, 0.25);
    --search-down-loading-bg: #FFFFFF;
    --search-down-list-bg: #FFFFFF;
    --search-down-border: #E2E2E2;
    --search-down-tab-line: #EEEEEE;
    --search-down-active-color: var(--g-theme-highlight-color);
    --search-down-avater-bg: rgba(220, 87, 60, 0.25);
    --search-down-avater-border: rgba(220, 87, 60, 0.25);
    --search-info-box-bg: #F5F5F5;
    --search-company-color: #777777;
    --about-card-bg: #F8F8F8;
    --about-card-color: #777777;
    --about-card-line: var(--text-splice-line);
    --about-card-update-color: #FFFFFF;
    --message-splice-line: var(--content-describe-line);
    --message-tree-bg: #fff;
    --message-solid-border: #fff;
    --message-isRead-bg: #fff;
    --message-barrage-bg: #F0f0f0;
    --message-pop-bg: #F0f0f0;
    --message-border-color: #e3e3e3;
    --message-operation-bg: #fff;
    --message-icon-fill: var(--icon-default-color);
    --message-input-icon: var(--icon-default-color);
    --suggestion-close-bg: #B0B0B1;

    --message-tips-bg:#FCF3F2
    /* 弹窗  ---------- end*/

    /* 字体颜色 */
    --text-title-color: #000000;
    --text-body-color: #333333;
    --text-describe-color: #777777;
    --text-disabled-color: rgba(0, 0, 0, 0.25);

    --main-text-color: rgba(0, 0, 0, 0.95);
    --main1-text1-color: #777777;
    --main2-text2-color: #333333;
    --main3-text3-color: #777777;
    --main4-text4-color: rgba(0, 0, 0, 0.25);
    --main5-text5-color: rgba(0, 0, 0, 0.25);
    --main6-text6-color: #777777;
    --main7-text7-color: rgba(0, 0, 0, 0.01);
    --main8-text8-color: #333333;
    --main9-text9-color: #353B4F;
    --main10-text10-color: #51525a;
    --main11-text11-color: #363738; 

    /* empty */
    --text-empty-color: #666666;
    --empty-border-color: #E2E2E2;

    /* 边框色 */
    --border-default-color: #E2E2E2;
    --border-default1-color: rgba(0, 0, 0, 0.85);
    --border-default2-color: #999999;
    --border-default3-color: rgba(0, 0, 0, 0.25);
    --common-border1-color: #F0F2F5;
    --nav-border-bottom: #E4E7ED;

    /* icon 颜色 */
    --icon-default-color: #7D7D7D;
    --icon-default1-color: #333333;
    --icon-default2-color: #eb4e4e;
    --icon-default3-color: #000000;
    --icon-default4-color: rgba(0, 0, 0, 0.45);
    --icon-default5-color: rgba(0, 0, 0, 0.65);
    --icon-default6-color: #7D7D7D;
    --icon-default7-color: rgba(0, 0, 0, 0.25);
    --icon-default8-color: #e2e2e2;
    --icon-default9-color: #999999;

    /* 分割线 */
    --content-splice-line: #EEEEEE;
    --content-describe-line: #EEEEEE;
    --content-default1-line: rgba(0, 0, 0, 0.65);
    --text-splice-line: #DDDDDD;
    --text-underline-line: #fff;
    --divide-spice-line: #EEEEEE;
    --quote-timeline-active-line: #E3E2E2;
    /* 按扭 */
    --button-disable-bg: #F5F5F5;
    --button-normal-bg: #F5F5F5;
    --button-normal-color: var(--text-describe-color);
    --button-normal-hover-bg: #EEEEEE;
    --button-nav-normal-color: rgba(0, 0, 0, 0.85);
    --button-active-normal-color: rgba(255, 255, 255, 0.65);
    --button-active-bg: var(--g-theme-highlight-color);
    --button-active-color: #fff;

    /* input */
    --input-default-bg: #FFFFFF;
    --input-default1-bg: #FAFAFA;

    --input-text-color: var(--text-title-color);
    --input-place-holder: #999999;

    --input-default-border: var(--border-default-color);
    --input-default1-border: rgba(0, 0, 0, 0.1);

    --input-suffix-icon: #7D7D7D;

    /* 背景色 */
    --common-body-bg: #FFFFFF;
    --common-body1-bg: #F5F5F5;
    --common-body2-bg: #FFFFFF;

    /* popover */
    --g-popover-shadow: rgba(20, 20, 20, 0.15);
    --g-popover-bg: #fff;
    --g-popover-arrow-color: #fff;
    --g-popover-item-hover-bg-color: #FCF3F2;
    --g-popover-item-text-color: #333333;
    --g-popover-item-hover-text-color: #40A829;

    /* select */
    --select-bg: #fff;
    --select-stock-hover: var(--g-theme-highlight-hover-bg);

    /* 窗口按钮 */
    --window-btn-color: #7D7D7D;
    --window-btn-hover-bg: #ebebeb;
    --window-btn-hover-color: #333333;
    --window-btn-danger-hover-bg: #eb4e4e;
    --window-btn-danger-hover-color: rgba(255, 255, 255, 0.75);

    /* -----旧版项目中字体颜色方案 */
    --hl-color: #40A829;
    --scrollBtnColor: #ABABAB;
    --upColor: #40A829;
    --downColor: #DC5454;
    --overview-flat-color: #C5C5C5;
    --mainSplitColor: #F4F6F5;
    --mainBackgroundColor: #fff;
    --mainBackgroundColor2: #F5F5F5;
    --mainBackgroundColor3: #fff;
    --mainBackgroundColor4: #F4F6F5;
    --mainBackgroundColor5:rgb(244, 246, 245);
    --mainBackgroundColor6:rgb(214, 214, 215);
    --lightBackgroundColor: #F6FAF7;
    --mainTextColor: #141414;
    --mainTextColor85: rgba(0,0,0);
    --mainTextColor65: rgba(0,0,0);
    --mainTextColor45: rgba(0,0,0);
    --mainTextColor10: rgba(0,0,0,0.1);
    --mainTextColor20: rgba(0,0,0,0.2);
    --mainTextColor30: rgba(0,0,0,0.3);
    --mainTextColor40: rgba(0,0,0,0.4);
    --mainBorderColor: #E3EDE1;
    --inputBorderColor: #8a8a8a;
    --mainHoverColor: #F6FAF7;
    --chartMainLineColor:#32ABE3;
    --lightTextColor: #838383;
    --activeColor: #40A829;
    --activeColor1: #3f892f;
    --lightActiveColor: rgba(64, 168, 41, 0.5);
    --btnCancelColor: #505050;
    --btnOkColor: #40A829;
    --lightBtnColor: #dddddd;
    --warningColor: #DC5454;
    --cardBackgroundColor: #F4F6F5;
    --cardHeadColor: #343438;
    --borderColor: #E3EDE1;
    --selectBackgroundColor: #F6FAF7;
    --hoverSelectBackgroundColor: #F6FAF7;
    --linghtHoverColor: #dddddd;
    --topBarSvgColor: rgba(0, 0, 0, 0.45);
    --topBarNameColor: rgba(0, 0, 0, 0.65);
    --topBarSelectColor: rgba(0, 0, 0, 0.65);
    --topBarSelectBackgroundColor: #F6FAF7;
    --mainTableBorderColor: #F4F6F5;
    --exploreTrHoverColor: #F6FAF7;
    --exploreSearchTableColor: #FFF;
    --exploreTreeBackgroundColor: #fff;
    --exploreScreenerHover: #F4F6F5;
    --screenerBackgroundColor: #F4F6F5;
    --browserCenterBackgroundColor: #FFF;
    --browserCenterTreeBackgroundColor: #FFF;
    --browserCenterInputBackgroundColor: #F4F6F5;

    --quote-ask-rect-bg: #F2E4E2;
    --quote-bid-rect-bg: #ECF3E8;
    --watchlist-btn-bg: #EEEEEE;
    --watchlist-fall-timeline: #777;
    --sector-input-bg: #E6E6E6;
    --sector-manage-list-header-border: #353a35;
    --sector-manage-list-bg: #383838;
}

/*
*    主题样式定义
*/
:root body[gtheme-mode="light"] {
    --g-text: var(--g-text-dark);
    --g-text-1: var(--g-text-dark-1);
    --g-text-2: var(--g-text-dark-2);
    --g-text-3: var(--g-text-dark-3);
    --g-text-4: var(--g-text-dark-4);
    --g-text-5: var(--g-text-dark-5);
    --g-text-6: var(--g-text-dark-6);
    --g-text-7: var(--g-text-dark-3);
    --g-text-8: var(--g-text-dark-1);
    --g-text-9: var(--g-text-dark-2);
    --g-text-10: var(--g-text-dark-2);
    --g-text-11: var(--g-text-dark-2);
    --g-text-12: var(--g-text-dark-2);
    --g-text-13: #000;
    --g-text-highlight: var(--g-text-dark-highlight);
    --g-text-17: rgba(0, 0, 0, 0.8);
    --g-text-unit: var(--text-empty-color);
}