@charset "UTF-8";
/**
* Variables file.
* @package cimetcc
*/

:root {
    /* Positioning 定位 */
    --top-0: 0;
    --top-7: 56px;
    --right-0: 0;
    --right-3: 24px;
    --right-nav-top-bg-sm: 20px;
    --right-nav-top-bg-md: 20px;
    --right-nav-top-bg-lg: 50px;
    --bottom-0: 0;
    --bottom-3: 24px;
    --left-0: 0;
    --z-index-9: 9999;


    /* Box-model 盒模型 */
    --width-1: 8px;
    --width-2: 16px;
    --width-3: 24px;
    --width-4: 32px;
    --width-6: 48px;
    --width-7: 56px;
    --width-12: 96px;
    --width-input-group: 70%;
    --width-library: 100px;
    --height-1: 8px;
    --height-2: 16px;
    --height-3: 24px;
    --height-4: 32px;
    --height-6: 48px;
    --height-7: 56px;
    --height-nav: 60px;
    --height-banner-lg: 412px;
    --height-banner-md: 300px;
    --height-banner-sm: 200px;
    --height-overlay: 8rem;
    --height-library: 100px;
    --height-image-list-lg: 150px;
    --height-image-list-md: 115px;
    --height-image-list-sm: 80px;
    --height-offcanvas: 140px;

    /* margin */
    --m-1: 8px;
    --m-2: 16px;
    --m-3: 24px;

    /* padding */
    --p-1: 8px;
    --p-2: 16px;
    --p-3: 24px;
    --p-7: 56px;
    --p-search-highlight: 2px 4px;


    /* Typography 排版 */
    /* 字体集 */
    --font-serif: 宋体, SimSun, serif;
    /*--font-sans: 'Noto Sans SC', cursive;*/

    /* 字体大小 */
    --fs-px-1: 8px;
    --fs-px-2: 16px;
    --fs-px-4: 32px;
    --fs-px-5: 40px;
    --fs-px-6: 48px;
    --fs-px-10: 80px;
    --fs-rem-4: .4rem;
    --fs-rem-8: .85rem;
    --fs-rem-9: .95rem;
    --fs-rem-10: 1rem;
    --fs-rem-11: 1.15rem;
    --fs-rem-12: 1.3rem;

    /* 字体粗细 */
    --fw-lighter: lighter;
    --fw-normal: normal;
    --fw-bold: bold;

    /* 字体颜色 */
    --white-color: #fff;
    --white-color-50: rgba(255, 255, 255, .5);
    --black-color: #000;
    --black-color-10: rgba(0, 0, 0, .1);
    --black-color-50: rgba(0, 0, 0, .5);
    --primary-color: #002982;
    --second-color: #0439b3;
    --primary-color-red: #c70000;
    --second-color-red: #af090b;

    /* 首行缩进 */
    --text-indent: 2em;
    --text-indent-accordion: 2.35em;
    --text-indent-accordion-item: 3.55em;

    /* 字间距 */
    /* --spacer: 1rem; */


    /* Visual 视觉 */
    /* 背景模糊 */
    --filter-blur: blur(2px);

    /* 背景颜色 */
    --bg-color: #f7f9fd;
    --border: #e9e9e9;
    --blue-color: #f2f7ff;
    --gray-color-1: #e3e5e7;
    --gray-color-2: #717d96;

    /* 透明度背景颜色 */
    --transparent-white-color-4: rgba(255, 255, 255, .4);
    --transparent-primary-color-1: rgba(0, 41, 130, .1);

    /* hover 颜色 */
    --hover-color: #f3f7fb;
    --hover-color-2: #f8f9fa;

    /* 边框 */
    /* 宽度 */
    --border-width-1: 1px;
    --border-width-4: 4px;
    /* 圆角 */
    --pic-br-rem-5: .5rem;
    --pic-br-rem-10: 1rem;
    --br-search-highlight: 4px;
    --bs-border-radius-lg: 0.5rem;
    /* --border-style: solid;
    --border-color: #dee2e6; */

    /* 阴影 */
    --box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    /* --box-shadow2: 0 .5rem 1.5rem #0d2e2e23;
    --box-shadow3: 0 .3rem 4rem #252c2c2f; */


    /* Misc 杂项 */
    /* 渐变 */
    --linear-black: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    --linear-blue: linear-gradient(90deg, rgba(99, 164, 228, 1) 0%, rgba(168, 215, 243, 1) 100%);
    --linear-blue2: linear-gradient(90deg, rgba(114, 184, 255, .12) 0%, rgba(114, 184, 255, .07) 100%);
    --linear-header-bg-color: linear-gradient(180deg, #F7F9FD 0%, rgba(247, 249, 253, .00) 100%);
    --linear-party-bg-color: linear-gradient(180deg, #ffe0d5 -20%, #fff 30%);

    /* 透明度 */
    --opacity-0: 0;
    --opacity-1: .1;
    --opacity-6: .6;
    --opacity-8: .8;
    --opacity-10: 1;

    /* 过渡动画 */
    --transition-1: all .1s ease-in-out;
    --transition-2: all .2s ease-in-out;
    --transition-3: all .3s ease-in-out;

    /* map color */
    --logo-blue: url("../img/logo-blue.webp");
    --logo-red: url("../img/logo-red.webp");
    --map-blue: url("../img/map-blue.png");
    --map-red: url("../img/map-red.webp");

    /* icon */
    --search-clear-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23002982' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z' /></svg>");
    --search-clear-icon-red: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23c70000' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z' /></svg>");
    --accordion-btn-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    --accordion-btn-active-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23002982' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");


    /* 置灰效果 */
    /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); */

    /* 缩放设置 */
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 禁止双击放大 */
    touch-action: manipulation;
    /* 禁止用户缩放 */
    zoom: 1;
}