html,body{margin:0;padding:0;width:100%;height:100%;font-family: "Source Code Pro","DejaVu Sans Mono","Ubuntu Mono","Anonymous Pro","Droid Sans Mono","PingFang SC","Microsoft YaHei","sans-serif";color:var(--gray-800);background-color:var(--white)}
a{color:var(--gray-800);text-decoration: none;}
button,ul,li,ol,i,em,input,dialog{list-style:none;margin:0;padding:0;border:0;font-style: normal;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
button,a{cursor: pointer;}
input[type="file"]{display: none;}
.box{display:block;width:100%;}
:root{
    --blue: #0d6efd;
    --blue-white:#3f8deb
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #15fff7;
    --black: #000;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --primary-rgb: 13,110,253;
    --secondary-rgb: 108,117,125;
    --success-rgb: 25,135,84;
    --info-rgb: 13,202,240;
    --warning-rgb: 255,193,7;
    --danger-rgb: 220,53,69;
    --light-rgb: 248,249,250;
    --dark-rgb: 33,37,41;
    --primary-text-emphasis: #052c65;
    --secondary-text-emphasis: #2b2f32;
    --success-text-emphasis: #0a3622;
    --info-text-emphasis: #055160;
    --warning-text-emphasis: #664d03;
    --danger-text-emphasis: #58151c;
    --light-text-emphasis: #495057;
    --dark-text-emphasis: #495057;
    --primary-bg-subtle: #cfe2ff;
    --secondary-bg-subtle: #e2e3e5;
    --success-bg-subtle: #d1e7dd;
    --info-bg-subtle: #cff4fc;
    --warning-bg-subtle: #fff3cd;
    --danger-bg-subtle: #f8d7da;
    --light-bg-subtle: #fcfcfd;
    --dark-bg-subtle: #ced4da;
    --primary-border-subtle: #9ec5fe;
    --secondary-border-subtle: #c4c8cb;
    --success-border-subtle: #a3cfbb;
    --info-border-subtle: #9eeaf9;
    --warning-border-subtle: #ffe69c;
    --danger-border-subtle: #f1aeb5;
    --light-border-subtle: #e9ecef;
    --dark-border-subtle: #adb5bd;
    --white-rgb: 255,255,255;
    --black-rgb: 0,0,0;
    --font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --body-font-family: var(--font-sans-serif);
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #212529;
    --body-color-rgb: 33,37,41;
    --body-bg: #f8f9fa;
    --body-bg-rgb: 255,255,255;
    --emphasis-color: #000;
    --emphasis-color-rgb: 0,0,0;
    --secondary-color: rgba(33, 37, 41, 0.75);
    --secondary-color-rgb: 33,37,41;
    --secondary-bg: #e9ecef;
    --secondary-bg-rgb: 233,236,239;
    --tertiary-color: rgba(33, 37, 41, 0.5);
    --tertiary-color-rgb: 33,37,41;
    --tertiary-bg: #f8f9fa;
    --tertiary-bg-rgb: 248,249,250;
    --heading-color: inherit;
    --link-color: rgb(38, 99, 191);
    --link-color-rgb: 13,110,253;
    --link-decoration: underline;
    --link-hover-color: #0a58ca;
    --link-hover-color-rgb: 10,88,202;
    --code-color: #d63384;
    --highlight-bg: #fff3cd;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dee2e6;
    --border-color-translucent: rgba(0, 0, 0, 0.175);
    --border-radius: 0.375rem;
    --border-radius-sm: 0.25rem;
    --border-radius-lg: 0.5rem;
    --border-radius-xl: 1rem;
    --border-radius-xxl: 2rem;
    --border-radius-2xl: var(--border-radius-xxl);
    --border-radius-pill: 50rem;
    --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --focus-ring-width: 0.25rem;
    --focus-ring-opacity: 0.25;
    --focus-ring-color: rgba(13, 110, 253, 0.25);
    --form-valid-color: #198754;
    --form-valid-border-color: #198754;
    --form-invalid-color: #dc3545;
    --form-invalid-border-color: #dc3545
}


.fw{width:100%;}
.justify-content-between{display:flex;justify-content: space-between;}
.justify-content-end{display:flex;justify-content:end;}
.justify-content-start{display:flex;justify-content:start;}
.justify-content-center{display:flex;justify-content:center;}
.nowrap{white-space: nowrap;}
.mt40{margin-top:40px;}
.hide{display:none;}
dialog{position: fixed;z-index:1000;display:none;}
.dialogbg {backdrop-filter: blur(16px);-webkit-backdrop-filter:blur(16px);content:"";display:none;
    background: rgba(255, 255, 255, .3);position: fixed;left:0;top:0;width:100%;bottom:0;z-index:999;
}
.fl{float: left;}
.fr{float: right;}

@keyframes roatefram {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes clipwidthto0 {
    0% {
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
    }
    100% {
        clip-path: polygon(0px 0px, 0% 0px, 0% 100%, 0px 100%);
    }
}

.po-re{position: relative;}
html{background-color:#00011B;}
body{background-color:#00011B;background-image: url(../images/bg.png);background-position:left top;background-size:100% auto;background-repeat:no-repeat;height: auto;}
.box{display:block;}