html,
body,
div,
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,
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,
textarea,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
button {
    margin: 0;
    padding: 0;
    border: 0;
    /*vertical-align: baseline;*/
    color: var(--bodyT);
}

    /*input,textarea{ outline: none; }*/
    input:focus,
    textarea:focus {
        border-color: #0892e1 !important;
        box-shadow: var(--focus);
        outline: none;
    }

    button:focus {
        outline: none;
    }

a {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html,
body {
    /* margin: 0; */
    /* padding: 0; */
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--bodyBg);
}

:root {
    --black: #000;
    --btn000: #000;
    --bodyT: #333;
    --bodyBg: #fff;
    --bodyGrayT: #666666;
    --body999: #999999;
    --bordere8e9eb: #e8e9eb;
    --text26: #262626;
    --mainBox: #F1F4FD;
    --opacityBg: #f1f4fd9c;
    --bgwhite: #F8FAFE;
    --asideText: #444a57;
    --asideItemBg: #CEE6FE;
    --asideItemB: #a0cbf6;
    --asideItemText: #1f3a54;
    --progressHome: #EDF5FE;
    --btnBg: #fff;
    --btnBorder: #dcdcdc;
    --calendarH: #CEE6FE;
    --calendarB: #EDF5FE;
    --calendarShadow: 0px 0px 9px 0px #B2C3FC;
    --calendarP: #fff;
    --userbg: #cfe6fd7a;
    --userboxBg: #fff;
    --userBoder: #efefef75;
    --userHover: #fdfdfd;
    --inputBg: #f9fafc;
    --inputBorder: #e5eaf1;
    --courseBtn: #e5f0fb;
    --courseBtn9db2f8: #768dd9;
    --bgf9f9f9: #f6f4f4;
    --locationBack: #ffffff66;
    --bedf2f9: #edf2f9;
    --color5d6b82: #5d6b82;
    --e2e8f0: #e2e8f0;
    --bgf7f9fc: #f7f9fc;
    --color64748b: #64748b;
    --color94a3b8: #94a3b8;
    --color1a2b42: #1a2b42;
    --borderdbe6fe: #dbe6fe;
    --fxf8fbff: #f8fbff;
    --bordere2e8f1: #e2e8f1;
    --f1f5f9: #f1f4f7;
    --color424b5a: #424b5a;
    --bgeff6ff: #eff6ff;
    --bg2eff6ff: #eff6ff;
    --color203b89: #203b89;
    --borderc1dcfc: #c1dcfc;
    --borderf3f3f3: #f3f3f3;
    --color66758c: #66758c;
    --borderf7f8fa: #f7f8fa;
    --bgfafbfc: #fafbfc;
    --bgf8fafc: #f8fafc;
    --Knowledgecolor: #67768c;
    --Knowledgebg: #eff2ff;
    --Knowledgeico1: #5047e10a;
    --Knowledgeico2: #15976a0d;
    --Knowledgeico3: #2a64e70a;
    --Knowledgeico4: #d7761f08;
    --color475568: #475568;
    --color6b798f: #6b798f;
    --border8: 8px solid #fbf9fe;
    --guideShadow: 0px 14px 20px 0px rgb(223 235 252);
    --color6d7b91: #6d7b91;
    --bgf5f6f: #f5f6f7;
    --borderGuide: 1px solid #e5eaf2;
    --rinkBg: radial-gradient(circle at 50% 280px, rgba(251, 191, 36, 0.08) 0%, transparent 60%), linear-gradient(180deg, #ffffff 0%, #f0f7ff 60%, #F1F4FD 100%);
    --rinkCircle: linear-gradient(135deg, #dbeafe 0%, transparent 100%);
    --opacity255: rgba(255, 255, 255, 0.6);
    --opacityBorder: 1px solid rgba(255, 255, 255, 0.5);
    --color334155: #334155;
    --color4c5562: #4c5562;
    --color6b727f: #6b727f;
    --color1f2936: #1f2936;
    --color59626e: #59626e;
    --color384150: #384150;
    --bgD5E8FC: #D5E8FC;
    --bordere4e9f1: #e4e9f1;
    --focus: -1px 2px 10px #e1e9ef;
    --planBg: #ffffff;
    --colorf9fafc: #f6f7f8;
    --btnshine: #1458e147;
    --bgf0f4fa: #f0f4fa;
    --color94a3b7: #94a3b7;
    --color242323: #242323;
    --borderf8: 1px solid #f2efef;
    --bg224fd50d: #224fd50d;
    --insetShaow: inset 0px 3px 3px 0px #ebebebb8;
    --borderf2f6f9: #f2f6f9;
    --bordere1edfd: #e1edfd;
    --boxshow: 0px 10px 20px 0px rgba(0,0,0,.1);
    --bordere4effe: #e4effe;
    --color7c899c: #7c899c;
    --color213c89: #213c89;
    --boxshadowPop: 0px 5px 20px 0px rgb(174 201 253);
    --f6f8fb: 1px solid #f6f8fb;
    --color68778d: #68778d;
    --borderdae0e8: #dae0e8;
    --bg: rgba(0, 0, 0, .6);
    --color66748b: #66748b;
    --white: #fff;
    --color394659: #394659;
    --bgfcfcfc: #fcfcfc;
    --color4e5a6b: #4e5a6b;
    --bordere6f0fd: #e6f0fd;
    --borderf0: 1px solid #f0f0f0;
    --marketBtn: #000;
    --color3c4a5f: #3c4a5f;
    --color505d6f: #505d6f;
    --color97a5b8: #97a5b8;
    --color475569: #475569;
    --color898989: #898989;
    --color728095: #728095;
    --color94a3b8: #94a3b8;
    --color8591a3: #8591a3;
    --color717e93: #717e93;
    --color5e6a7a: #5e6a7a;
    --color95a3b5: #95a3b5;
    --color65748b: #65748b;
    --color7b889b: #7b889b;
    --color798699: #798699;
    --color929dad: #929dad;
    --color8793a5: #8793a5;
    --colora3b0c1: #a3b0c1;
    --colora0adbf: #a0adbf;
    --color9eabbe: #9eabbe;
    --color2141ad: #2141ad;
    --colora1aec0: #a1aec0;
    --color4a586b: #4a586b;
    --color637289: #637289;
    --color9aa8bb: #9aa8bb;
    --color8490a2: #8490a2;
    --color9facbe: #9facbe;
    --color4c5463: #4c5463;
    --color6b798e: #6b798e;
    --color5e6b7c: #5e6b7c;
    --color6a788e: #6a788e;
    --color66748b: #66748b;
    --color0429d5: #0429d5;
    --color3c4b5f: #3c4b5f;
    --courseShadow: 0px 0px 3px 0px rgb(223 226 229);
    --colore6ebf2: #e6ebf2;
    --color9ba9bb: #9ba9bb;
    --bgjs: transparent;
    --shadowdfecfd: 0px 8px 8px #dfecfd;
    --bgced5dd: #ced5dd;
    --color697483: #697483;
    --bgfcfdfe: #fcfdfe;
    --bghours: #fff;
    --linebg: #f8fafe;
    --texthour: #94a3b7;
    --bg8f2ff: #e8f2ff;
}

    :root[themes="dark"] {
        --black: #afacac;
        --btn000: #191919;
        --bodyT: #fff;
        --bodyBg: #353535;
        --bodyGrayT: #a1a1a1;
        --body999: #fff;
        --bordere8e9eb: #5b5c5f;
        --text26: #fff;
        --mainBox: #2b2b2b;
        --opacityBg: #3f404194;
        --bgwhite: #383838;
        --asideText: #c4c4c4;
        --asideItemBg: #2d2d2dcf;
        --asideItemB: #484747cf;
        --asideItemText: #fff;
        --progressHome: #353434;
        --btnBg: #454444;
        --btnBorder: #4b4949;
        --calendarH: #3c3c3c;
        --calendarB: #424242;
        --calendarShadow: 0px 0px 9px 0px #374572;
        --calendarP: #494949;
        --userbg: #2a2a2a;
        --userboxBg: #3f3f3f;
        --userBoder: #48484875;
        --userHover: #343434ab;
        --inputBg: #413f3f;
        --inputBorder: #5d5d5d;
        --courseBtn: #333232;
        --courseBtn9db2f8: #494949;
        --bgf9f9f9: #424141;
        --locationBack: #1f1f1f;
        --bedf2f9: #404040;
        --color5d6b82: #b2b2b2;
        --e2e8f0: #4f4f4f;
        --bgf7f9fc: #38383882;
        --color64748b: #e5e5e5;
        --color94a3b8: #e5e5e5;
        --color1a2b42: #fff;
        --borderdbe6fe: #97989980;
        --fxf8fbff: #c7d5f7;
        --bordere2e8f1: #4a4848;
        --f1f5f9: #474747;
        --color424b5a: #d1d1d1;
        --bgeff6ff: #312f2f;
        --bg2eff6ff: #333333;
        --color203b89: #4c7aff;
        --borderc1dcfc: #27418d;
        --borderf3f3f3: #565656;
        --color66758c: #d3d2d2;
        --borderf7f8fa: #3b3b3b;
        --bgfafbfc: #3f3f3f;
        --bgf8fafc: #414141;
        --Knowledgebg: #323232;
        --Knowledgecolor: #c9c9c9;
        --Knowledgeico1: #5047e121;
        --Knowledgeico2: #15976a14;
        --Knowledgeico3: #2a64e721;
        --Knowledgeico4: #d7761f12;
        --color475568: #dde4ed;
        --color6b798f: #dde4ed;
        --border8: 8px solid #1b1b1b;
        --guideShadow: 0px 14px 20px 0px rgb(16 16 16);
        --color6d7b91: #e8e8e8;
        --bgf5f6f: #454545;
        --borderGuide: 1px solid #525457;
        --rinkBg: radial-gradient(circle at 50% 280px, rgba(251, 191, 36, 0.08) 0%, #201d1d00 60%), linear-gradient(180deg, #5d5c5c 0%, #434040 60%, #2b2b2b 100%);
        --rinkCircle: linear-gradient(135deg, #8e8679 0%, transparent 100%);
        --opacity255: rgb(68 68 68 / 37%);
        --opacityBorder: 1px solid rgb(116 114 114 / 15%);
        --color334155: #f0f0f0;
        --color4c5562: #c8c8c8;
        --color6b727f: #c8c8c8;
        --color1f2936: #fff;
        --color59626e: #fff;
        --color384150: #fff;
        --bgD5E8FC: #525353;
        --bordere4e9f1: #4a4a4a;
        --focus: -1px 2px 10px #131313;
        --planBg: #3b3b3b;
        --colorf9fafc: #424244;
        --btnshine: #23232380;
        --bgf0f4fa: #1a1a1a;
        --color94a3b7: #d7d3d3;
        --color242323: #fff;
        --borderf8: 1px solid #484747;
        --bg224fd50d: #2e2e2ed9;
        --insetShaow: inset 0px 3px 3px 0px #494949b8;
        --borderf2f6f9: #424242;
        --bordere1edfd: #e1edfd52;
        --boxshow: 0px 10px 20px 0px rgba(0,0,0,.1);
        --bordere4effe: #e4effe2e;
        --color7c899c: #bebebe;
        --color213c89: #0041fc;
        --boxshadowPop: 0px 5px 20px 0px rgb(23 23 23);
        --f6f8fb: #2a2a2a;
        --color68778d: #acacac;
        --borderdae0e8: #4f4f4f;
        --bg: rgb(5 5 5 / 59%);
        --color66748b: #cfcfcf;
        --white: #fff;
        --color394659: #e3e3e3;
        --bgfcfcfc: #444444;
        --color4e5a6b: #ffffff;
        --bordere6f0fd: #68686845;
        --borderf0: 1px solid #3c3a3a;
        --marketBtn: #434343;
        --color3c4a5f: #ababab;
        --color505d6f: #c2bfbf;
        --color97a5b8: #c6d4e7;
        --color475569: #cacaca;
        --color898989: #c7c7c7;
        --color728095: #b8b8b8;
        --color94a3b8: #c1c1c1;
        --color8591a3: #cecece;
        --color717e93: #b0b2b4;
        --color5e6a7a: #ffffffa8;
        --color95a3b5: #7e96b6;
        --color65748b: #adadad;
        --color7b889b: #a9b1bd;
        --color798699: #a7b0bd;
        --color929dad: #c2c9d3;
        --color8793a5: #bfc3ca;
        --colora3b0c1: #b8bdc3;
        --colora0adbf: #d2d5d9;
        --color9eabbe: #d3d8de;
        --color2141ad: #597fff;
        --colora1aec0: #bababa;
        --color4a586b: #bcbcbc;
        --color637289: #9fa3a7;
        --color9aa8bb: #9aa8bb;
        --color8490a2: #b0b5bb;
        --color9facbe: #cfcfcf;
        --color4c5463: #f4f4f4;
        --color6b798e: #b9b9b9;
        --color5e6b7c: #aeb6c1;
        --color6a788e: #b3c1d6;
        --color66748b: #899bb7;
        --color0429d5: #3a5dff;
        --color3c4b5f: #153fef;
        --courseShadow: 0px 0px 3px 0px rgb(10 10 10 / 60%);
        --colore6ebf2: #666161;
        --color9ba9bb: #999999;
        --bgjs: #353535;
        --shadowdfecfd: 0px 8px 8px #222222a8;
        --bgced5dd: #12121296;
        --color697483: #fff;
        --bgfcfdfe: #3e3e3eb8;
        --bghours: #0a1221;
        --linebg: #202b3d;
        --texthour: #313d4f;
        --bg8f2ff: #424141;
    }