@charset "utf-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
button,
select,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-weight: normal;
    vertical-align: baseline;
    box-sizing: border-box;
}

div:focus,
span:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
p:focus,
a:focus,
em:focus,
img:focus,
i:focus {
    outline: none !important;
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul,
li {
    list-style: none;
}

input,
button,
select,
textarea {
    outline: none;
    border-radius: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* custom */

a {
    color: #000;
    text-decoration: none;
}

html,
body {
    width: 100%;
}
body {
    height: 100%;
    line-height: 1;
}

/* 包含子串my */
:root[data-theme*='my'] {
    --theme-color: #ed4040;
    --price-color: var(--theme-color);
    --asset-color: rgba(237, 64, 64, 0.7);
    --auxiliary-color: #ff8800;
    --theme-opacity: rgba(237, 64, 64, 0.1);
    --reser-time-last: #fec4c4;
    --reser-time-count: #ff9292;
}

:root[data-theme='myNormal'] {
    --form-service-bg: #fef6f6;
    --order-box-header-bg: #ffefef;
}
:root[data-theme='myDark'] {
    --form-service-bg: rgba(237, 64, 64, 0.14);
    --order-box-header-bg: #4a2f2f;
}
/* 包含子串contral */
:root[data-theme*='contral'] {
    --theme-color: #30a200;
    --price-color: #fd631d;
    --asset-color: rgba(48, 162, 0, 0.7);
    --auxiliary-color: var(--price-color);
    --theme-opacity: rgba(48, 162, 0, 0.1);
    --reser-time-last: #8fbaf5;
    --reser-time-count: var(--reser-time-last);
}
:root[data-theme='contralNormal'] {
    --form-service-bg: #f3f8ff;
    --order-box-header-bg: #e4efff;
}

:root[data-theme='contralDark'] {
    --form-service-bg: #242c39;
    --order-box-header-bg: #414e64;
}

/* 包含子串gj */
:root[data-theme*='gj'] {
    --theme-color: #1678ff;
    --price-color: #fd631d;
    --asset-color: rgba(22, 120, 255, 0.7);
    --auxiliary-color: var(--price-color);
    --theme-opacity: rgba(22, 120, 255, 0.1);
    --reser-time-last: #8fbaf5;
    --reser-time-count: var(--reser-time-last);
}

:root[data-theme='gjNormal'] {
    --form-service-bg: #f3f8ff;
    --order-box-header-bg: #e4efff;
}
:root[data-theme='gjDark'] {
    --form-service-bg: #242c39;
    --order-box-header-bg: #414e64;
}

/* 包含字符串Normal */
:root[data-theme*='Normal'] {
    --pend-cash-normal: var(--theme-opacity);
    --shadow: #ddd;
}
/* 包含字符串Dark */
:root[data-theme*='Dark'] {
    --pend-cash-normal: #232323;
    --shadow: rgba(0, 0, 0, 0.4);
}

:root[data-theme*='Normal'] {
    /* 背景色 */
    --bg-color-level1: #ffffff;
    --bg-color-level2: #f2f3f5;
    --bg-color-level3: #f7f8fa;
    --bg-color-level4: #ffffff;
    --bg-color-level5: #f3f6ff;
    --bg-color-level6: #b3b3b3;
    --bg-color-level7: #ffffff;
    --bg-color-level8: #f1f1f1;
    --bg-color-level9: #e8f2ff;
    --bg-color-menu: #2e2e2e;
    --bg-color-disabled: #eeeeee;
    --bg-color-mask: rgba(255, 255, 255, 0.4);
    --bg-color-report: #d9efff;
    --bg-color-blue1: #f6f8ff;
    --bg-color-main-right: #f7f8fa;
    /*********新黑白模式对比********** */
    /* 背景色 */
    --bg-color-8c7:#F8FCF7;
    --bg-color-fff: #ffffff;
    --bg-color-b78a: #f7f8fa; /*页面最底层背景*/
    --bg-color-78a: #f7f8fa;
    --bg-color-78a2: #f7f8fa;
    --bg-color-f9: #f9f9f9;
    --bg-color-f46: #f4f6ff;
    --bg-color-fa: #fafafa;
    --bf-color-f9b: #f9fbff;
    --bg-color-hoverColor:rgba(22, 120, 255, 0.10);
    /*字体颜色*/
    --font-color-333: #333333;
    --font-color-666: #666666;
    --font-color-999: #999999;
    --font-color-c2: #c2c2c2;
    --font-color-green: #307912;
    --link-color: #005eb5;
    --status-danger-color: #ff5e5e;

    /*分割线*/
    --bd-color-eee: #eeeeee;
    --bd-color-de: #dedede;
    --bd-color-e678: #e6e7e8;
    --bd-color-c1d0f: #c1d0ff;
    --bd-color-de2:rgba(222, 222, 222, 0.93)
    /*预约状态颜色*/
    --bg-color-ebf: #ebf2ff;
    /*预约格子颜色*/
    --bg-color-fef4: #fef4f4;
    --bg-color-e68: #fef6e8;
    --bg-color-f3e: #f3eefe;
    --bg-color-ef8b: #eff8eb;
    --bg-color-f9bf: #f9fbff;
    --bg-color-f5: #f5f5f5;
    --bg-color-ccc: #cccccc;
    --bg-color-arrive: #ecf2fe;
    --shadow-color: rgba(0, 0, 0, 0.16);
    --new-tag-color: #F09370;


    /* 预约订单背景状态 */
    /* 待确认 */
    --bg-color-reserve1: #feecec;
    /* 已确认未到店的预约单 */
    --bg-color-reserve2: #fff4e6;
    /* 会员退款申请订单 */
    --bg-color-reserve3: #ede6ff;
    /* 已拒绝的预约单 */
    --bg-color-reserve4: #fff4e6;
    /* 已取消的预约单 */
    --bg-color-reserve5: #f7f8fa;
    /* 已完成的预约单 */
    --bg-color-reserve6: #ebf6e6;
    /* 边框颜色 */
    --bd-color: #eeeeee;

    --bd-defcff: #dfecff;
    /* 文字颜色 */
    --font-color: #333;
    --font-specs: #666;
    --font-gray: #999;
    --font-ccc: #ccc;
    --font-input: #606266;
    --liner-start: #e2efff;
    --liner-end: #fdfeff;
    /* 滚动条滑块颜色 */
    --scroll-thumb-bg: #eee;
    --scroll-track-bg: linear-gradient(90deg, #e5f0ff 0%, #ffffff 100%);
    --scroll-track-bg-contral: linear-gradient(90deg, #EFFFE9 0%, #ffffff 100%);
    /* 拖拽区颜色 */
    --drag-bg-color: #eee;
    --theme-opacity-color: rgba(48, 162, 0, 0.1);
}
:root[data-theme*='Dark'] {
    /*********新黑白模式对比********** */
    /* 背景色 */
    --bg-color-8c7:#1B2417;
    --bg-color-fff: #191919;
    --bg-color-b78a: #000000; /*页面最底层背景*/
    --bg-color-78a: #232323;
    --bg-color-78a2: rgba(255,255,255,0.4);
    --bg-color-f9: #232323;
    --bg-color-f46: #2a2d3c;
    --bg-color-fa: #262626;
    --bf-color-f9b: #2a2c30;
    --bg-color-hoverColor:#333333;

    /*字体颜色*/
    --font-color-333: #d3d3d3;
    --font-color-666: #999999;
    --font-color-999: #666666;
    --font-color-c2: #666666;
    --bg-color-main-right: #000000;
    --font-color-green: #30a200;
    --link-color: #6ea8ff;
    --status-danger-color: #ff7d7d;

    /*分割线*/
    --bd-color-eee: #333333;
    --bd-color-de: #333333;
    --bd-color-e678: #4d4d4d;
    --bd-color-c1d0f: #3F4C5D;
    --bd-color-de2:rgba(51, 51, 51, 0.93)
    /*预约状态颜色*/
    --bg-color-ebf: #222e45;
    /*预约格子颜色*/
    --bg-color-fef4: #432121; /*待确认*/
    --bg-color-e68: #472f14; /*已确认*/
    --bg-color-f3e: #211447; /*退款申请*/
    --bg-color-ef8b: #1e3414; /*已完成*/
    --bg-color-f9bf: #2a2c30; /*不可预约/已约满*/
    --bg-color-f5: #262626;
    --bg-color-ccc: #666666;
    --bg-color-arrive: #222946;
    --shadow-color: rgba(255, 255, 255, 0.16);
    --new-tag-color: #9A5A49;

    /* 背景色 */
    --bg-color-level1: #191919;
    --bg-color-level2: #111111;
    --bg-color-level3: #232323;
    --bg-color-level4: #2a2a2a;
    --bg-color-level5: #18202b;
    --bg-color-level6: #757575;
    --bg-color-level7: #191919;
    --bg-color-level8: #333333;
    --bg-color-level9: #3a4553;
    --bg-color-blue1: #2a2d3c;

    --bg-color-menu: #201f1f;
    --bg-color-disabled: #333333;
    --bg-color-mask: rgba(25, 25, 25, 0.4);
    --bg-color-report: #30435e;
    /* 预约的背景颜色 */
    /* 待确认 */
    --bg-color-reserve1: #432127;
    /* 已确认未到店的预约单 */
    --bg-color-reserve2: #472f14;
    /* 会员退款申请订单 */
    --bg-color-reserve3: #211447;
    /* 已拒绝的预约单 */
    --bg-color-reserve4: #472f14;
    /* 已取消的预约单 */
    --bg-color-reserve5: #505050;
    /* 已完成的预约单 */
    --bg-color-reserve6: #1e3414;
    /* 边框 */
    --bd-color: #333;
    --bd-defcff: #373737;
    /* 文字颜色 */
    --font-color: #d3d3d3;
    --font-specs: #999;
    --font-gray: #666;
    --font-ccc: #404040;
    --font-input: #d3d3d3;
    --liner-start: #153154;
    --liner-end: #191919;
    /* 滚动条滑块颜色 */
    --scroll-thumb-bg: #666;
    --scroll-track-bg: linear-gradient(90deg, #1b4a8b 0%, rgba(17, 17, 17, 0.07) 100%);
    --scroll-track-bg-contral: linear-gradient( 90deg, #334E27 0%, #191919 100%);
    /* 拖拽区颜色 */
    --drag-bg-color: #333;
    --theme-opacity-color: #1C2717;
}