/* =================================== */
/* 思普样式框架 v1.1.5 | YGRZSY@163.com
/* 
/* =================================== */
:root{
    /*以下绝对值部分*/
    /*颜色*/
    --Slate-50:#f8fafc;--Slate-100:#f1f5f9;--Slate-200:#e2e8f0;--Slate-300:#cbd5e1;--Slate-400:#94a3b8;--Slate-500:#64748b;--Slate-600:#475569;--Slate-700:#334155;--Slate-800:#1e293b;--Slate-900:#0f172a;--Slate-950:#020617;
    --Gray-50:#f9fafb;--Gray-100:#f3f4f6;--Gray-200:#e5e7eb;--Gray-300:#d1d5db;--Gray-400:#9ca3af;--Gray-500:#6b7280;--Gray-600:#4b5563;--Gray-700:#374151;--Gray-800:#1f2937;--Gray-900:#111827;--Gray-950:#030712;
    --Zinc-50:#fafafa;--Zinc-100:#f4f4f5;--Zinc-200:#e4e4e7;--Zinc-300:#d4d4d8;--Zinc-400:#a1a1aa;--Zinc-500:#71717a;--Zinc-600:#52525b;--Zinc-700:#3f3f46;--Zinc-800:#27272a;--Zinc-900:#18181b;--Zinc-950:#09090b;
    --Neutral-50:#fafafa;--Neutral-100:#f5f5f5;--Neutral-200:#e5e5e5;--Neutral-300:#d4d4d4;--Neutral-400:#a3a3a3;--Neutral-500:#737373;--Neutral-600:#525252;--Neutral-700:#404040;--Neutral-800:#262626;--Neutral-900:#171717;--Neutral-950:#0a0a0a;
    --Stone-50:#fafaf9;--Stone-100:#f5f5f4;--Stone-200:#e7e5e4;--Stone-300:#d6d3d1;--Stone-400:#a8a29e;--Stone-500:#78716c;--Stone-600:#57534e;--Stone-700:#44403c;--Stone-800:#292524;--Stone-900:#1c1917;--Stone-950:#0c0a09;
    --Red-50:#fef2f2;--Red-100:#fee2e2;--Red-200:#fecaca;--Red-300:#fca5a5;--Red-400:#f87171;--Red-500:#ef4444;--Red-600:#dc2626;--Red-700:#b91c1c;--Red-800:#991b1b;--Red-900:#7f1d1d;--Red-950:#450a0a;
    --Orange-50:#fff7ed;--Orange-100:#ffedd5;--Orange-200:#fed7aa;--Orange-300:#fdba74;--Orange-400:#fb923c;--Orange-500:#f97316;--Orange-600:#ea580c;--Orange-700:#c2410c;--Orange-800:#9a3412;--Orange-900:#7c2d12;--Orange-950:#431407;
    --Amber-50:#fffbeb;--Amber-100:#fef3c7;--Amber-200:#fde68a;--Amber-300:#fcd34d;--Amber-400:#fbbf24;--Amber-500:#f59e0b;--Amber-600:#d97706;--Amber-700:#b45309;--Amber-800:#92400e;--Amber-900:#78350f;--Amber-950:#451a03;
    --Yellow-50:#fefce8;--Yellow-100:#fef9c3;--Yellow-200:#fef08a;--Yellow-300:#fde047;--Yellow-400:#facc15;--Yellow-500:#eab308;--Yellow-600:#ca8a04;--Yellow-700:#a16207;--Yellow-800:#854d0e;--Yellow-900:#713f12;--Yellow-950:#422006;
    --Lime-50:#f7fee7;--Lime-100:#ecfccb;--Lime-200:#d9f99d;--Lime-300:#bef264;--Lime-400:#a3e635;--Lime-500:#84cc16;--Lime-600:#65a30d;--Lime-700:#4d7c0f;--Lime-800:#3f6212;--Lime-900:#365314;--Lime-950:#1a2e05;
    --Green-50:#f0fdf4;--Green-100:#dcfce7;--Green-200:#bbf7d0;--Green-300:#86efac;--Green-400:#4ade80;--Green-500:#22c55e;--Green-600:#16a34a;--Green-700:#15803d;--Green-800:#166534;--Green-900:#14532d;--Green-950:#052e16;
    --Emerald-50:#ecfdf5;--Emerald-100:#d1fae5;--Emerald-200:#a7f3d0;--Emerald-300:#6ee7b7;--Emerald-400:#34d399;--Emerald-500:#10b981;--Emerald-600:#059669;--Emerald-700:#047857;--Emerald-800:#065f46;--Emerald-900:#064e3b;--Emerald-950:#022c22;
    --Teal-50:#f0fdfa;--Teal-100:#ccfbf1;--Teal-200:#99f6e4;--Teal-300:#5eead4;--Teal-400:#2dd4bf;--Teal-500:#14b8a6;--Teal-600:#0d9488;--Teal-700:#0f766e;--Teal-800:#115e59;--Teal-900:#134e4a;--Teal-950:#042f2e;
    --Cyan-50:#ecfeff;--Cyan-100:#cffafe;--Cyan-200:#a5f3fc;--Cyan-300:#67e8f9;--Cyan-400:#22d3ee;--Cyan-500:#06b6d4;--Cyan-600:#0891b2;--Cyan-700:#0e7490;--Cyan-800:#155e75;--Cyan-900:#164e63;--Cyan-950:#083344;
    --Sky-50:#f0f9ff;--Sky-100:#e0f2fe;--Sky-200:#bae6fd;--Sky-300:#7dd3fc;--Sky-400:#38bdf8;--Sky-500:#0ea5e9;--Sky-600:#0284c7;--Sky-700:#0369a1;--Sky-800:#075985;--Sky-900:#0c4a6e;--Sky-950:#082f49;
    --Blue-50:#eff6ff;--Blue-100:#dbeafe;--Blue-200:#bfdbfe;--Blue-300:#93c5fd;--Blue-400:#60a5fa;--Blue-500:#3b82f6;--Blue-600:#2563eb;--Blue-700:#1d4ed8;--Blue-800:#1e40af;--Blue-900:#1e3a8a;--Blue-950:#172554;
    --Indigo-50:#eef2ff;--Indigo-100:#e0e7ff;--Indigo-200:#c7d2fe;--Indigo-300:#a5b4fc;--Indigo-400:#818cf8;--Indigo-500:#6366f1;--Indigo-600:#4f46e5;--Indigo-700:#4338ca;--Indigo-800:#3730a3;--Indigo-900:#312e81;--Indigo-950:#1e1b4b;
    --Violet-50:#f5f3ff;--Violet-100:#ede9fe;--Violet-200:#ddd6fe;--Violet-300:#c4b5fd;--Violet-400:#a78bfa;--Violet-500:#8b5cf6;--Violet-600:#7c3aed;--Violet-700:#6d28d9;--Violet-800:#5b21b6;--Violet-900:#4c1d95;--Violet-950:#2e1065;
    --Purple-50:#faf5ff;--Purple-100:#f3e8ff;--Purple-200:#e9d5ff;--Purple-300:#d8b4fe;--Purple-400:#c084fc;--Purple-500:#a855f7;--Purple-600:#9333ea;--Purple-700:#7e22ce;--Purple-800:#6b21a8;--Purple-900:#581c87;--Purple-950:#3b0764;
    --Fuchsia-50:#fdf4ff;--Fuchsia-100:#fae8ff;--Fuchsia-200:#f5d0fe;--Fuchsia-300:#f0abfc;--Fuchsia-400:#e879f9;--Fuchsia-500:#d946ef;--Fuchsia-600:#c026d3;--Fuchsia-700:#a21caf;--Fuchsia-800:#86198f;--Fuchsia-900:#701a75;--Fuchsia-950:#4a044e;
    --Pink-50:#fdf2f8;--Pink-100:#fce7f3;--Pink-200:#fbcfe8;--Pink-300:#f9a8d4;--Pink-400:#f472b6;--Pink-500:#ec4899;--Pink-600:#db2777;--Pink-700:#be185d;--Pink-800:#9d174d;--Pink-900:#831843;--Pink-950:#500724;
    --Rose-50:#fff1f2;--Rose-100:#ffe4e6;--Rose-200:#fecdd3;--Rose-300:#fda4af;--Rose-400:#fb7185;--Rose-500:#f43f5e;--Rose-600:#e11d48;--Rose-700:#be123c;--Rose-800:#9f1239;--Rose-900:#881337;--Rose-950:#4c0519;
    /*补充色*/
    --Transparent:#00000000;--White:#FFF;--Black:#000;
    --Color-000:#000;--Color-111:#111;--Color-222:#222;--Color-333:#333;--Color-444:#444;--Color-555:#555;--Color-666:#666;--Color-777:#777;--Color-888:#888;--Color-999:#999;--Color-aaa:#AAA;--Color-bbb:#BBB;--Color-ccc:#CCC;--Color-ddd:#DDD;--Color-eee:#EEE;--Color-fff:#FFF;--Color-f5:#F5F5F5;--Color-fa:#FAFAFA;

    /*以下根据主题变化部分*/
    --FontfamilyTitle:'SimHei','SPff-En-DW',ui-sans-serif,system-ui,sans-serif,SegoeUISymbol;
    --FontfamilyText:'SPff-En-DW',ui-sans-serif,system-ui,sans-serif,SegoeUISymbol;
    --FontfamilyNumber:'SPff-En-SW',ui-sans-serif,system-ui,sans-serif,SegoeUISymbol;   


    --Primary:#5153BE;--Secondary:#868e96;--Success:#28a745;--Info:#17a2b8;--Warning:#ffc107;--Danger:#A81820;
    --Disable:#AAA;--valid:var(--Danger); --invalid:var(--Success);

    --Background:#FFF;--BackgroundHover:#00000011;
    --Background1:#FAFAFA;
    --Background2:#EEE;

    --Border:#DDD;--BorderHover:#00000022;
    --Border0:#EEE;
    --Border1:#D6D6D6;
    --Border2:#CCC;

    --Title:#111;
    --Subtitle:#333;
    --Text:#555;
    --Subtext:#777;

}
/*暗色主题*/
.Theme-Dark {
    --Background: #000; --BackgroundHover:#FFFFFF11;
    --Background1: #1e1e1e;
    --Background2: #2d2d2d;
    /* 边框色：用于分隔线、轮廓等 */
    --Border: #333;--BorderHover:#FFFFFF22;
    --Border1: #555; 
    --Border2: #777; 
    /* 文字颜色：从强调到弱提示的层次 */
    --Title: #fff; 
    --Subtitle: #e0e0e0;
    --Text: #ccc;
    --Subtext: #999; 
}

/*主题常用*/
.SPbgc,.SPbgc-def {background-color:var(--Background)}.SPbgc-tra {background-color:transparent}
.SPbdc,.SPbdc-def {border:1px solid var(--Border)}.SPbdc-tra {border:1px solid transparent}

.SPtitle,SPtitle-def{font-family:(--FontfamilyTitle);font-weight:700;color:var(--Title)}
.SPtitle12{font:700 12px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle13{font:700 13px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle14{font:700 14px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle15{font:700 15px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle16{font:700 16px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle18{font:700 18px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle20{font:700 20px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle22{font:700 22px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle24{font:700 24px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle26{font:700 26px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle28{font:700 28px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle30{font:700 30px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle32{font:700 32px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle36{font:700 36px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle40{font:700 40px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle48{font:700 48px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle56{font:700 56px var(--FontfamilyTitle);color:var(--Title)}
.SPtitle64{font:700 64px var(--FontfamilyTitle);color:var(--Title)}

.SPtext,SPtext-def{font-family:(--FontfamilyText);font-weight:400;color:var(--Text)}
.SPsubtext,SPsubtext-def{font-family:(--FontfamilyText);font-weight:400;color:var(--Subtext)}

.SPtran {
    transition: 
        background-color 0.3s ease, 
        border 0.3s ease, 
        width 0.3s ease, 
        height 0.3s ease, 
        color 0.3s ease, 
        opacity 0.3s ease;
}



/*数值规则：前12步长1|16-24步长2|32-64步长4|64-128步长8|128-256步长32|256-1024步长64  */



/* 定位-原子 */
.SPrelative{position:relative!important}.SPabsolute{position:absolute!important}.SPfixed{position:fixed!important}
.SPt0{top:0px!important}.SPb0{bottom:0px!important}.SPl0{left:0px!important}.SPr0{right:0px!important}
.SPlt0{left:0px!important;top:0px!important;}
.SPlb0{left:0px!important;bottom:0px!important;}
.SPrt0{right:0px!important;top:0px!important;}
.SPrb0{right:0px!important;bottom:0px!important;}


/* 布局-原子 */
.SPflex,SPflex-h {display: flex;}.SPflex-v {display:flex;flex-direction:column}
.SPflex-0{flex:0 0 auto}.SPflex-1{flex:1 1 auto}
.SPjustify-start {justify-content:flex-start;}.SPjustify-center {justify-content:center;}.SPjustify-end {justify-content:flex-end;}.SPjustify-between { justify-content: space-between}.SPjustify-around { justify-content:space-around}.SPjustify-evenly { justify-content:space-evenly}
.SPalign-start {align-items:flex-start}.SPalign-center {align-items: center}.SPalign-end {align-items:flex-end}
.SPalignself-start {align-self:flex-start;}.SPalignself-center {align-self: center;}.SPalignself-end {align-self:flex-end;}
.SPaligntext-left{text-align:left}.SPaligntext-center{text-align:center}.SPaligntext-right{text-align:right}
.SPalignblock-center{margin:0 auto}
.SPgap-v-4{row-gap:4px}.SPgap-v-8{row-gap:8px}.SPgap-v-12{row-gap:12px}.SPgap-v-16{row-gap:16px}.SPgap-v-20{row-gap:20px}.SPgap-v-24{row-gap:24px}.SPgap-v-28{row-gap:28px}.SPgap-v-32{row-gap:32px}
.SPgap-h-4{column-gap:4px}.SPgap-h-8{column-gap:8px}.SPgap-h-12{column-gap:12px}.SPgap-h-16{column-gap:16px}.SPgap-h-20{column-gap:20px}.SPgap-h-24{column-gap:24px}.SPgap-h-28{column-gap:28px}.SPgap-h-32{column-gap:32px}

/* 布局-组合 */
.SPflex-h-ss {display:flex;align-items:flex-start;justify-content:flex-start;}.SPflex-h-sc {display:flex;align-items:flex-start;justify-content:center;}.SPflex-h-se {display:flex;align-items:flex-start;justify-content:flex-end;}
.SPflex-h-saround {display:flex;align-items:flex-start;justify-content:space-around;}.SPflex-h-sbetween {display:flex;align-items:flex-start;justify-content:space-between;}.SPflex-h-sevenly {display:flex;align-items:flex-start;justify-content:space-evenly;}
.SPflex-h-cs {display:flex;align-items:center;justify-content:flex-start;}.SPflex-h-cc {display:flex;align-items:center;justify-content:center;}.SPflex-h-ce {display:flex;align-items:center;justify-content:flex-end;}
.SPflex-h-caround {display:flex;align-items:center;justify-content:space-around;}.SPflex-h-cbetween {display:flex;align-items:center;justify-content:space-between;}.SPflex-h-cevenly {display:flex;align-items:center;justify-content:space-evenly;}
.SPflex-h-es {display:flex;align-items:flex-end;justify-content:flex-start;}.SPflex-h-ec {display:flex;align-items:flex-end;justify-content:center;}.SPflex-h-ee {display:flex;align-items:flex-end;justify-content:flex-end;}
.SPflex-h-earound {display:flex;align-items:flex-end;justify-content:space-around;}.SPflex-h-ebetween {display:flex;align-items:flex-end;justify-content:space-between;}.SPflex-h-eevenly {display:flex;align-items:flex-end;justify-content:space-evenly;}
.SPflex-v-ss {display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.SPflex-v-sc {display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.SPflex-v-se {display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column}
.SPflex-v-saround {display:flex;align-items:flex-start;justify-content:space-around;flex-direction:column}.SPflex-v-sbetween {display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}.SPflex-v-sevenly {display:flex;align-items:flex-start;justify-content:space-evenly;flex-direction:column}
.SPflex-v-cs {display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.SPflex-v-cc {display:flex;align-items:center;justify-content:center;flex-direction:column}.SPflex-v-ce {display:flex;align-items:center;justify-content:flex-end;flex-direction:column}
.SPflex-v-caround {display:flex;align-items:center;justify-content:space-around;flex-direction:column}.SPflex-v-cbetween {display:flex;align-items:center;justify-content:space-between;flex-direction:column}.SPflex-v-cevenly {display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}
.SPflex-v-es {display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column}.SPflex-v-ec {display:flex;align-items:flex-end;justify-content:center;flex-direction:column}.SPflex-v-ee {display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column}
.SPflex-v-earound {display:flex;align-items:flex-end;justify-content:space-around;flex-direction:column}.SPflex-v-ebetween {display:flex;align-items:flex-end;justify-content:space-between;flex-direction:column}.SPflex-v-eevenly {display:flex;align-items:flex-end;justify-content:space-evenly;flex-direction:column}

/*显示-原子*/
.SPdp-none,.SPhide{display:none}.SPdp-block,.SPshow{display:block}.SPdp-flex{display:flex}.SPdp-inlineflex{display:inline-flex}.SPdp-inlineblock{display:inline-block}
.SPof-auto{overflow:auto!important}.SPof-scroll{overflow:scroll!important}.SPof-hidden{overflow:hidden!important}.SPof-visible{overflow:visible!important}
.SPofy-auto{overflow-y:auto!important}.SPofy-scroll{overflow-y:scroll!important}.SPofy-hidden{overflow-y:hidden!important}.SPofy-visible{overflow-y:visible!important}
.SPofx-auto{overflow-x:auto!important}.SPofx-scroll{overflow-x:scroll!important}.SPofx-hidden{overflow-x:hidden!important}.SPofx-visible{overflow-x:visible!important}
.SPhidden{visibility:hidden!important;}.SPvisible{visibility:visible!important;}

/*尺寸-原子*/
.SPw-auto{width:auto!important}.SPw-0{width:0px!important}.SPw-1{width:1px!important}.SPw-2{width:2px!important}.SPw-3{width:3px!important}.SPw-4{width:4px!important}.SPw-5{width:5px!important}.SPw-6{width:6px!important}.SPw-7{width:7px!important}.SPw-8{width:8px!important}.SPw-9{width:9px!important}.SPw-10{width:10px!important}.SPw-11{width:11px!important}.SPw-12{width:12px!important}.SPw-13{width:13px!important}.SPw-14{width:14px!important}.SPw-15{width:15px!important}
.SPw-16{width:16px!important}.SPw-18{width:18px!important}.SPw-20{width:20px!important}.SPw-22{width:22px!important}.SPw-24{width:24px!important}.SPw-26{width:26px!important}.SPw-28{width:28px!important}.SPw-30{width:30px!important}
.SPw-32{width:32px!important}.SPw-36{width:36px!important}.SPw-40{width:40px!important}.SPw-44{width:44px!important}.SPw-48{width:48px!important}.SPw-52{width:52px!important}.SPw-56{width:56px!important}.SPw-60{width:60px!important}
.SPw-64{width:64px!important}.SPw-72{width:72px!important}.SPw-80{width:80px!important}.SPw-88{width:88px!important}.SPw-96{width:96px!important}.SPw-104{width:104px!important}.SPw-112{width:112px!important}.SPw-120{width:120px!important}.SPw-128{width:128px!important}
.SPw-140{width:140px!important}.SPw-150{width:150px!important}.SPw-160{width:160px!important}.SPw-180{width:180px!important}.SPw-200{width:200px!important}.SPw-220{width:220px!important}.SPw-240{width:240px!important}.SPw-260{width:260px!important}.SPw-280{width:280px!important}.SPw-300{width:300px!important}
.SPw-320{width:320px!important}.SPw-360{width:360px!important}.SPw-400{width:400px!important}.SPw-440{width:440px!important}.SPw-480{width:480px!important}.SPw-520{width:520px!important}.SPw-560{width:560px!important}.SPw-600{width:600px!important}
.SPw-640{width:640px!important}.SPw-720{width:720px!important}.SPw-800{width:800px!important}.SPw-880{width:880px!important}.SPw-960{width:960px!important}.SPw-1080{width:1080px!important}.SPw-1200{width:1200px!important}
.SPw-100v{width:100vw!important}.SPw-0p{width:0%!important}.SPw-10p{width:10%!important}.SPw-20p{width:20%!important}.SPw-25p{width:25%!important}.SPw-30p{width:30%!important}.SPw-40p{width:40%!important}.SPw-50p{width:50%!important}.SPw-60p{width:60%!important}.SPw-70p{width:70%!important}.SPw-75p{width:75%!important}.SPw-80p{width:80%!important}.SPw-90p{width:90%!important}.SPw-100p{width:100%!important}

.SPh-auto{height:auto!important}.SPh-0{height:0px!important}.SPh-1{height:1px!important}.SPh-2{height:2px!important}.SPh-3{height:3px!important}.SPh-4{height:4px!important}.SPh-5{height:5px!important}.SPh-6{height:6px!important}.SPh-7{height:7px!important}.SPh-8{height:8px!important}.SPh-9{height:9px!important}.SPh-10{height:10px!important}.SPh-11{height:11px!important}.SPh-12{height:12px!important}.SPh-13{height:13px!important}.SPh-14{height:14px!important}.SPh-15{height:15px!important}
.SPh-16{height:16px!important}.SPh-18{height:18px!important}.SPh-20{height:20px!important}.SPh-22{height:22px!important}.SPh-24{height:24px!important}.SPh-26{height:26px!important}.SPh-28{height:28px!important}.SPh-30{height:30px!important}
.SPh-32{height:32px!important}.SPh-36{height:36px!important}.SPh-40{height:40px!important}.SPh-44{height:44px!important}.SPh-48{height:48px!important}.SPh-52{height:52px!important}.SPh-56{height:56px!important}.SPh-60{height:60px!important}
.SPh-64{height:64px!important}.SPh-72{height:72px!important}.SPh-80{height:80px!important}.SPh-88{height:88px!important}.SPh-96{height:96px!important}.SPh-104{height:104px!important}.SPh-112{height:112px!important}.SPh-120{height:120px!important}.SPh-128{height:128px!important}
.SPh-140{height:140px!important}.SPh-150{height:150px!important}.SPh-160{height:160px!important}.SPh-180{height:180px!important}.SPh-200{height:200px!important}.SPh-220{height:220px!important}.SPh-240{height:240px!important}.SPh-260{height:260px!important}.SPh-280{height:280px!important}.SPh-300{height:300px!important}
.SPh-320{height:320px!important}.SPh-360{height:360px!important}.SPh-400{height:400px!important}.SPh-440{height:440px!important}.SPh-480{height:480px!important}.SPh-520{height:520px!important}.SPh-560{height:560px!important}.SPh-600{height:600px!important}
.SPh-640{height:640px!important}.SPh-720{height:720px!important}.SPh-800{height:800px!important}.SPh-880{height:880px!important}.SPh-960{height:960px!important}.SPh-1080{height:1080px!important}.SPh-1200{height:1200px!important}
.SPh-100v{height:100vh!important}.SPh-0p{height:0%!important}.SPh-10p{height:10%!important}.SPh-20p{height:20%!important}.SPh-25p{height:25%!important}.SPh-30p{height:30%!important}.SPh-40p{height:40%!important}.SPh-50p{height:50%!important}.SPh-60p{height:60%!important}.SPh-70p{height:70%!important}.SPh-75p{height:75%!important}.SPh-80p{height:80%!important}.SPh-90p{height:90%!important}.SPh-100p{height:100%!important}

/*内边距-原子*/
.SPp-0{padding:0px!important}.SPp-1{padding:1px!important}.SPp-2{padding:2px!important}.SPp-3{padding:3px!important}.SPp-4{padding:4px!important}.SPp-5{padding:5px!important}.SPp-6{padding:6px!important}.SPp-7{padding:7px!important}.SPp-8{padding:8px!important}.SPp-9{padding:9px!important}.SPp-10{padding:10px!important}.SPp-11{padding:11px!important}.SPp-12{padding:12px!important}.SPp-13{padding:13px!important}.SPp-14{padding:14px!important}.SPp-15{padding:15px!important}
.SPp-16{padding:16px!important}.SPp-18{padding:18px!important}.SPp-20{padding:20px!important}.SPp-22{padding:22px!important}.SPp-24{padding:24px!important}.SPp-26{padding:26px!important}.SPp-28{padding:28px!important}.SPp-30{padding:30px!important}
.SPp-32{padding:32px!important}.SPp-36{padding:36px!important}.SPp-40{padding:40px!important}.SPp-48{padding:48px!important}.SPp-52{padding:52px!important}.SPp-56{padding:56px!important}.SPp-60{padding:60px!important}
.SPp-64{padding:64px!important}.SPp-72{padding:72px!important}.SPp-80{padding:80px!important}.SPp-88{padding:88px!important}.SPp-96{padding:96px!important}.SPp-104{padding:104px!important}.SPp-112{padding:112px!important}.SPp-120{padding:120px!important}.SPp-128{padding:128px!important}
.SPpt-0{padding-top:0px!important}.SPpt-1{padding-top:1px!important}.SPpt-2{padding-top:2px!important}.SPpt-3{padding-top:3px!important}.SPpt-4{padding-top:4px!important}.SPpt-5{padding-top:5px!important}.SPpt-6{padding-top:6px!important}.SPpt-7{padding-top:7px!important}.SPpt-8{padding-top:8px!important}.SPpt-9{padding-top:9px!important}.SPpt-10{padding-top:10px!important}.SPpt-11{padding-top:11px!important}.SPpt-12{padding-top:12px!important}.SPpt-13{padding-top:13px!important}.SPpt-14{padding-top:14px!important}.SPpt-15{padding-top:15px!important}
.SPpt-16{padding-top:16px!important}.SPpt-18{padding-top:18px!important}.SPpt-20{padding-top:20px!important}.SPpt-22{padding-top:22px!important}.SPpt-24{padding-top:24px!important}.SPpt-26{padding-top:26px!important}.SPpt-28{padding-top:28px!important}.SPpt-30{padding-top:30px!important}
.SPpt-32{padding-top:32px!important}.SPpt-36{padding-top:36px!important}.SPpt-40{padding-top:40px!important}.SPpt-48{padding-top:48px!important}.SPpt-52{padding-top:52px!important}.SPpt-56{padding-top:56px!important}.SPpt-60{padding-top:60px!important}
.SPpt-64{padding-top:64px!important}.SPpt-72{padding-top:72px!important}.SPpt-80{padding-top:80px!important}.SPpt-88{padding-top:88px!important}.SPpt-96{padding-top:96px!important}.SPpt-104{padding-top:104px!important}.SPpt-112{padding-top:112px!important}.SPpt-120{padding-top:120px!important}.SPpt-128{padding-top:128px!important}
.SPpr-0{padding-right:0px!important}.SPpr-1{padding-right:1px!important}.SPpr-2{padding-right:2px!important}.SPpr-3{padding-right:3px!important}.SPpr-4{padding-right:4px!important}.SPpr-5{padding-right:5px!important}.SPpr-6{padding-right:6px!important}.SPpr-7{padding-right:7px!important}.SPpr-8{padding-right:8px!important}.SPpr-9{padding-right:9px!important}.SPpr-10{padding-right:10px!important}.SPpr-11{padding-right:11px!important}.SPpr-12{padding-right:12px!important}.SPpr-13{padding-right:13px!important}.SPpr-14{padding-right:14px!important}.SPpr-15{padding-right:15px!important}
.SPpr-16{padding-right:16px!important}.SPpr-18{padding-right:18px!important}.SPpr-20{padding-right:20px!important}.SPpr-22{padding-right:22px!important}.SPpr-24{padding-right:24px!important}.SPpr-26{padding-right:26px!important}.SPpr-28{padding-right:28px!important}.SPpr-30{padding-right:30px!important}
.SPpr-32{padding-right:32px!important}.SPpr-36{padding-right:36px!important}.SPpr-40{padding-right:40px!important}.SPpr-48{padding-right:48px!important}.SPpr-52{padding-right:52px!important}.SPpr-56{padding-right:56px!important}.SPpr-60{padding-right:60px!important}
.SPpr-64{padding-right:64px!important}.SPpr-72{padding-right:72px!important}.SPpr-80{padding-right:80px!important}.SPpr-88{padding-right:88px!important}.SPpr-96{padding-right:96px!important}.SPpr-104{padding-right:104px!important}.SPpr-112{padding-right:112px!important}.SPpr-120{padding-right:120px!important}.SPpr-128{padding-right:128px!important}
.SPpb-0{padding-bottom:0px!important}.SPpb-1{padding-bottom:1px!important}.SPpb-2{padding-bottom:2px!important}.SPpb-3{padding-bottom:3px!important}.SPpb-4{padding-bottom:4px!important}.SPpb-5{padding-bottom:5px!important}.SPpb-6{padding-bottom:6px!important}.SPpb-7{padding-bottom:7px!important}.SPpb-8{padding-bottom:8px!important}.SPpb-9{padding-bottom:9px!important}.SPpb-10{padding-bottom:10px!important}.SPpb-11{padding-bottom:11px!important}.SPpb-12{padding-bottom:12px!important}.SPpb-13{padding-bottom:13px!important}.SPpb-14{padding-bottom:14px!important}.SPpb-15{padding-bottom:15px!important}
.SPpb-16{padding-bottom:16px!important}.SPpb-18{padding-bottom:18px!important}.SPpb-20{padding-bottom:20px!important}.SPpb-22{padding-bottom:22px!important}.SPpb-24{padding-bottom:24px!important}.SPpb-26{padding-bottom:26px!important}.SPpb-28{padding-bottom:28px!important}.SPpb-30{padding-bottom:30px!important}
.SPpb-32{padding-bottom:32px!important}.SPpb-36{padding-bottom:36px!important}.SPpb-40{padding-bottom:40px!important}.SPpb-48{padding-bottom:48px!important}.SPpb-52{padding-bottom:52px!important}.SPpb-56{padding-bottom:56px!important}.SPpb-60{padding-bottom:60px!important}
.SPpb-64{padding-bottom:64px!important}.SPpb-72{padding-bottom:72px!important}.SPpb-80{padding-bottom:80px!important}.SPpb-88{padding-bottom:88px!important}.SPpb-96{padding-bottom:96px!important}.SPpb-104{padding-bottom:104px!important}.SPpb-112{padding-bottom:112px!important}.SPpb-120{padding-bottom:120px!important}.SPpb-128{padding-bottom:128px!important}
.SPpl-0{padding-left:0px!important}.SPpl-1{padding-left:1px!important}.SPpl-2{padding-left:2px!important}.SPpl-3{padding-left:3px!important}.SPpl-4{padding-left:4px!important}.SPpl-5{padding-left:5px!important}.SPpl-6{padding-left:6px!important}.SPpl-7{padding-left:7px!important}.SPpl-8{padding-left:8px!important}.SPpl-9{padding-left:9px!important}.SPpl-10{padding-left:10px!important}.SPpl-11{padding-left:11px!important}.SPpl-12{padding-left:12px!important}.SPpl-13{padding-left:13px!important}.SPpl-14{padding-left:14px!important}.SPpl-15{padding-left:15px!important}
.SPpl-16{padding-left:16px!important}.SPpl-18{padding-left:18px!important}.SPpl-20{padding-left:20px!important}.SPpl-22{padding-left:22px!important}.SPpl-24{padding-left:24px!important}.SPpl-26{padding-left:26px!important}.SPpl-28{padding-left:28px!important}.SPpl-30{padding-left:30px!important}
.SPpl-32{padding-left:32px!important}.SPpl-36{padding-left:36px!important}.SPpl-40{padding-left:40px!important}.SPpl-48{padding-left:48px!important}.SPpl-52{padding-left:52px!important}.SPpl-56{padding-left:56px!important}.SPpl-60{padding-left:60px!important}
.SPpl-64{padding-left:64px!important}.SPpl-72{padding-left:72px!important}.SPpl-80{padding-left:80px!important}.SPpl-88{padding-left:88px!important}.SPpl-96{padding-left:96px!important}.SPpl-104{padding-left:104px!important}.SPpl-112{padding-left:112px!important}.SPpl-120{padding-left:120px!important}.SPpl-128{padding-left:128px!important}
/*内边距-组合*/
.SPpx-0{padding-left:0px!important;padding-right:0px!important}.SPpx-1{padding-left:1px!important;padding-right:1px!important}.SPpx-2{padding-left:2px!important;padding-right:2px!important}.SPpx-3{padding-left:3px!important;padding-right:3px!important}.SPpx-4{padding-left:4px!important;padding-right:4px!important}.SPpx-5{padding-left:5px!important;padding-right:5px!important}.SPpx-6{padding-left:6px!important;padding-right:6px!important}.SPpx-7{padding-left:7px!important;padding-right:7px!important}
.SPpx-8{padding-left:8px!important;padding-right:8px!important}.SPpx-10{padding-left:10px!important;padding-right:10px!important}.SPpx-12{padding-left:12px!important;padding-right:12px!important}.SPpx-14{padding-left:14px!important;padding-right:14px!important}
.SPpx-16{padding-left:16px!important;padding-right:16px!important}.SPpx-20{padding-left:20px!important;padding-right:20px!important}.SPpx-24{padding-left:24px!important;padding-right:24px!important}.SPpx-28{padding-left:28px!important;padding-right:28px!important}
.SPpx-32{padding-left:32px!important;padding-right:32px!important}.SPpx-40{padding-left:40px!important;padding-right:40px!important}.SPpx-48{padding-left:48px!important;padding-right:48px!important}.SPpx-56{padding-left:56px!important;padding-right:56px!important}.SPpx-64{padding-left:64px!important;padding-right:64px!important}
.SPpy-0{padding-top:0px!important;padding-bottom:0px!important}.SPpy-1{padding-top:1px!important;padding-bottom:1px!important}.SPpy-2{padding-top:2px!important;padding-bottom:2px!important}.SPpy-3{padding-top:3px!important;padding-bottom:3px!important}.SPpy-4{padding-top:4px!important;padding-bottom:4px!important}.SPpy-5{padding-top:5px!important;padding-bottom:5px!important}.SPpy-6{padding-top:6px!important;padding-bottom:6px!important}.SPpy-7{padding-top:7px!important;padding-bottom:7px!important}
.SPpy-8{padding-top:8px!important;padding-bottom:8px!important}.SPpy-10{padding-top:10px!important;padding-bottom:10px!important}.SPpy-12{padding-top:12px!important;padding-bottom:12px!important}.SPpy-14{padding-top:14px!important;padding-bottom:14px!important}
.SPpy-16{padding-top:16px!important;padding-bottom:16px!important}.SPpy-20{padding-top:20px!important;padding-bottom:20px!important}.SPpy-24{padding-top:24px!important;padding-bottom:24px!important}.SPpy-28{padding-top:28px!important;padding-bottom:28px!important}
.SPpy-32{padding-top:32px!important;padding-bottom:32px!important}.SPpy-40{padding-top:40px!important;padding-bottom:40px!important}.SPpy-48{padding-top:48px!important;padding-bottom:48px!important}.SPpy-56{padding-top:56px!important;padding-bottom:56px!important}.SPpy-64{padding-top:64px!important;padding-bottom:64px!important}



/*外边距-原子*/
.SPm-0{margin:0px!important}.SPm-1{margin:1px!important}.SPm-2{margin:2px!important}.SPm-3{margin:3px!important}.SPm-4{margin:4px!important}.SPm-5{margin:5px!important}.SPm-6{margin:6px!important}.SPm-7{margin:7px!important}.SPm-8{margin:8px!important}.SPm-9{margin:9px!important}.SPm-10{margin:10px!important}.SPm-11{margin:11px!important}.SPm-12{margin:12px!important}.SPm-13{margin:13px!important}.SPm-14{margin:14px!important}.SPm-15{margin:15px!important}
.SPm-16{margin:16px!important}.SPm-18{margin:18px!important}.SPm-20{margin:20px!important}.SPm-22{margin:22px!important}.SPm-24{margin:24px!important}.SPm-26{margin:26px!important}.SPm-28{margin:28px!important}.SPm-30{margin:30px!important}
.SPm-32{margin:32px!important}.SPm-36{margin:36px!important}.SPm-40{margin:40px!important}.SPm-48{margin:48px!important}.SPm-52{margin:52px!important}.SPm-56{margin:56px!important}.SPm-60{margin:60px!important}
.SPm-64{margin:64px!important}.SPm-72{margin:72px!important}.SPm-80{margin:80px!important}.SPm-88{margin:88px!important}.SPm-96{margin:96px!important}.SPm-104{margin:104px!important}.SPm-112{margin:112px!important}.SPm-120{margin:120px!important}.SPm-128{margin:128px!important}
.SPmt-0{margin-top:0px!important}.SPmt-1{margin-top:1px!important}.SPmt-2{margin-top:2px!important}.SPmt-3{margin-top:3px!important}.SPmt-4{margin-top:4px!important}.SPmt-5{margin-top:5px!important}.SPmt-6{margin-top:6px!important}.SPmt-7{margin-top:7px!important}.SPmt-8{margin-top:8px!important}.SPmt-9{margin-top:9px!important}.SPmt-10{margin-top:10px!important}.SPmt-11{margin-top:11px!important}.SPmt-12{margin-top:12px!important}.SPmt-13{margin-top:13px!important}.SPmt-14{margin-top:14px!important}.SPmt-15{margin-top:15px!important}
.SPmt-16{margin-top:16px!important}.SPmt-18{margin-top:18px!important}.SPmt-20{margin-top:20px!important}.SPmt-22{margin-top:22px!important}.SPmt-24{margin-top:24px!important}.SPmt-26{margin-top:26px!important}.SPmt-28{margin-top:28px!important}.SPmt-30{margin-top:30px!important}
.SPmt-32{margin-top:32px!important}.SPmt-36{margin-top:36px!important}.SPmt-40{margin-top:40px!important}.SPmt-48{margin-top:48px!important}.SPmt-52{margin-top:52px!important}.SPmt-56{margin-top:56px!important}.SPmt-60{margin-top:60px!important}
.SPmt-64{margin-top:64px!important}.SPmt-72{margin-top:72px!important}.SPmt-80{margin-top:80px!important}.SPmt-88{margin-top:88px!important}.SPmt-96{margin-top:96px!important}.SPmt-104{margin-top:104px!important}.SPmt-112{margin-top:112px!important}.SPmt-120{margin-top:120px!important}.SPmt-128{margin-top:128px!important}
.SPmr-0{margin-right:0px!important}.SPmr-1{margin-right:1px!important}.SPmr-2{margin-right:2px!important}.SPmr-3{margin-right:3px!important}.SPmr-4{margin-right:4px!important}.SPmr-5{margin-right:5px!important}.SPmr-6{margin-right:6px!important}.SPmr-7{margin-right:7px!important}.SPmr-8{margin-right:8px!important}.SPmr-9{margin-right:9px!important}.SPmr-10{margin-right:10px!important}.SPmr-11{margin-right:11px!important}.SPmr-12{margin-right:12px!important}.SPmr-13{margin-right:13px!important}.SPmr-14{margin-right:14px!important}.SPmr-15{margin-right:15px!important}
.SPmr-16{margin-right:16px!important}.SPmr-18{margin-right:18px!important}.SPmr-20{margin-right:20px!important}.SPmr-22{margin-right:22px!important}.SPmr-24{margin-right:24px!important}.SPmr-26{margin-right:26px!important}.SPmr-28{margin-right:28px!important}.SPmr-30{margin-right:30px!important}
.SPmr-32{margin-right:32px!important}.SPmr-36{margin-right:36px!important}.SPmr-40{margin-right:40px!important}.SPmr-48{margin-right:48px!important}.SPmr-52{margin-right:52px!important}.SPmr-56{margin-right:56px!important}.SPmr-60{margin-right:60px!important}
.SPmr-64{margin-right:64px!important}.SPmr-72{margin-right:72px!important}.SPmr-80{margin-right:80px!important}.SPmr-88{margin-right:88px!important}.SPmr-96{margin-right:96px!important}.SPmr-104{margin-right:104px!important}.SPmr-112{margin-right:112px!important}.SPmr-120{margin-right:120px!important}.SPmr-128{margin-right:128px!important}
.SPmb-0{margin-bottom:0px!important}.SPmb-1{margin-bottom:1px!important}.SPmb-2{margin-bottom:2px!important}.SPmb-3{margin-bottom:3px!important}.SPmb-4{margin-bottom:4px!important}.SPmb-5{margin-bottom:5px!important}.SPmb-6{margin-bottom:6px!important}.SPmb-7{margin-bottom:7px!important}.SPmb-8{margin-bottom:8px!important}.SPmb-9{margin-bottom:9px!important}.SPmb-10{margin-bottom:10px!important}.SPmb-11{margin-bottom:11px!important}.SPmb-12{margin-bottom:12px!important}.SPmb-13{margin-bottom:13px!important}.SPmb-14{margin-bottom:14px!important}.SPmb-15{margin-bottom:15px!important}
.SPmb-16{margin-bottom:16px!important}.SPmb-18{margin-bottom:18px!important}.SPmb-20{margin-bottom:20px!important}.SPmb-22{margin-bottom:22px!important}.SPmb-24{margin-bottom:24px!important}.SPmb-26{margin-bottom:26px!important}.SPmb-28{margin-bottom:28px!important}.SPmb-30{margin-bottom:30px!important}
.SPmb-32{margin-bottom:32px!important}.SPmb-36{margin-bottom:36px!important}.SPmb-40{margin-bottom:40px!important}.SPmb-48{margin-bottom:48px!important}.SPmb-52{margin-bottom:52px!important}.SPmb-56{margin-bottom:56px!important}.SPmb-60{margin-bottom:60px!important}
.SPmb-64{margin-bottom:64px!important}.SPmb-72{margin-bottom:72px!important}.SPmb-80{margin-bottom:80px!important}.SPmb-88{margin-bottom:88px!important}.SPmb-96{margin-bottom:96px!important}.SPmb-104{margin-bottom:104px!important}.SPmb-112{margin-bottom:112px!important}.SPmb-120{margin-bottom:120px!important}.SPmb-128{margin-bottom:128px!important}
.SPml-0{margin-left:0px!important}.SPml-1{margin-left:1px!important}.SPml-2{margin-left:2px!important}.SPml-3{margin-left:3px!important}.SPml-4{margin-left:4px!important}.SPml-5{margin-left:5px!important}.SPml-6{margin-left:6px!important}.SPml-7{margin-left:7px!important}.SPml-8{margin-left:8px!important}.SPml-9{margin-left:9px!important}.SPml-10{margin-left:10px!important}.SPml-11{margin-left:11px!important}.SPml-12{margin-left:12px!important}.SPml-13{margin-left:13px!important}.SPml-14{margin-left:14px!important}.SPml-15{margin-left:15px!important}
.SPml-16{margin-left:16px!important}.SPml-18{margin-left:18px!important}.SPml-20{margin-left:20px!important}.SPml-22{margin-left:22px!important}.SPml-24{margin-left:24px!important}.SPml-26{margin-left:26px!important}.SPml-28{margin-left:28px!important}.SPml-30{margin-left:30px!important}
.SPml-32{margin-left:32px!important}.SPml-36{margin-left:36px!important}.SPml-40{margin-left:40px!important}.SPml-48{margin-left:48px!important}.SPml-52{margin-left:52px!important}.SPml-56{margin-left:56px!important}.SPml-60{margin-left:60px!important}
.SPml-64{margin-left:64px!important}.SPml-72{margin-left:72px!important}.SPml-80{margin-left:80px!important}.SPml-88{margin-left:88px!important}.SPml-96{margin-left:96px!important}.SPml-104{margin-left:104px!important}.SPml-112{margin-left:112px!important}.SPml-120{margin-left:120px!important}.SPml-128{margin-left:128px!important}/*外边距-组合*/
/*外边距-组合*/
.SPmx-0{margin-left:0px!important;margin-right:0px!important}.SPmx-1{margin-left:1px!important;margin-right:1px!important}.SPmx-2{margin-left:2px!important;margin-right:2px!important}.SPmx-3{margin-left:3px!important;margin-right:3px!important}.SPmx-4{margin-left:4px!important;margin-right:4px!important}.SPmx-5{margin-left:5px!important;margin-right:5px!important}.SPmx-6{margin-left:6px!important;margin-right:6px!important}.SPmx-7{margin-left:7px!important;margin-right:7px!important}
.SPmx-8{margin-left:8px!important;margin-right:8px!important}.SPmx-10{margin-left:10px!important;margin-right:10px!important}.SPmx-12{margin-left:12px!important;margin-right:12px!important}.SPmx-14{margin-left:14px!important;margin-right:14px!important}
.SPmx-16{margin-left:16px!important;margin-right:16px!important}.SPmx-20{margin-left:20px!important;margin-right:20px!important}.SPmx-24{margin-left:24px!important;margin-right:24px!important}.SPmx-28{margin-left:28px!important;margin-right:28px!important}
.SPmx-32{margin-left:32px!important;margin-right:32px!important}.SPmx-40{margin-left:40px!important;margin-right:40px!important}.SPmx-48{margin-left:48px!important;margin-right:48px!important}.SPmx-56{margin-left:56px!important;margin-right:56px!important}.SPmx-64{margin-left:64px!important;margin-right:64px!important}
.SPmy-0{margin-top:0px!important;margin-bottom:0px!important}.SPmy-1{margin-top:1px!important;margin-bottom:1px!important}.SPmy-2{margin-top:2px!important;margin-bottom:2px!important}.SPmy-3{margin-top:3px!important;margin-bottom:3px!important}.SPmy-4{margin-top:4px!important;margin-bottom:4px!important}.SPmy-5{margin-top:5px!important;margin-bottom:5px!important}.SPmy-6{margin-top:6px!important;margin-bottom:6px!important}.SPmy-7{margin-top:7px!important;margin-bottom:7px!important}
.SPmy-8{margin-top:8px!important;margin-bottom:8px!important}.SPmy-10{margin-top:10px!important;margin-bottom:10px!important}.SPmy-12{margin-top:12px!important;margin-bottom:12px!important}.SPmy-14{margin-top:14px!important;margin-bottom:14px!important}
.SPmy-16{margin-top:16px!important;margin-bottom:16px!important}.SPmy-20{margin-top:20px!important;margin-bottom:20px!important}.SPmy-24{margin-top:24px!important;margin-bottom:24px!important}.SPmy-28{margin-top:28px!important;margin-bottom:28px!important}
.SPmy-32{margin-top:32px!important;margin-bottom:32px!important}.SPmy-40{margin-top:40px!important;margin-bottom:40px!important}.SPmy-48{margin-top:48px!important;margin-bottom:48px!important}.SPmy-56{margin-top:56px!important;margin-bottom:56px!important}.SPmy-64{margin-top:64px!important;margin-bottom:64px!important}


/* 边框-原子 */
.SPbd-none{border:none !important}.SPbd-transparent{border:1px solid transparent !important}.SPbd-000{border:1px solid #000 !important}.SPbd-111{border:1px solid #111 !important}.SPbd-222{border:1px solid #222 !important}.SPbd-333{border:1px solid #333 !important}.SPbd-555{border:1px solid #555 !important}.SPbd-777{border:1px solid #777 !important}.SPbd-999{border:1px solid #999 !important}.SPbd-bbb{border:1px solid #BBB !important}.SPbd-ccc{border:1px solid #CCC !important}.SPbd-ddd{border:1px solid #DDD !important}.SPbd-eee{border:1px solid #EEE !important}.SPbd-fff{border:1px solid #FFF !important}
.SPbdw-0{border-width:0!important}.SPbdw-1{border-width:1px!important}.SPbdw-2{border-width:2px!important}.SPbdw-3{border-width:3px!important}.SPbdw-4{border-width:4px!important}
.SPbdc-transparent{border-color:transparent!important}.SPbdc-000{border-color:#000!important}.SPbdc-111{border-color:#111!important}.SPbdc-222{border-color:#222!important}.SPbdc-333{border-color:#333!important}.SPbdc-555{border-color:#555!important}.SPbdc-777{border-color:#777!important}.SPbdc-999{border-color:#999!important}.SPbdc-bbb{border-color:#BBB!important}.SPbdc-ccc{border-color:#CCC!important}.SPbdc-ddd{border-color:#DDD!important}.SPbdc-eee{border-color:#EEE!important}.SPbdc-fff{border-color:#FFF!important}
.SPbdra-0{border-radius:0px!important}.SPbdra-3{border-radius:3px!important}.SPbdra-4{border-radius:4px!important}.SPbdra-5{border-radius:5px!important}.SPbdra-6{border-radius:6px!important}.SPbdra-8{border-radius:8px!important}.SPbdra-10{border-radius:10px!important}.SPbdra-12{border-radius:12px!important}.SPbdra-16{border-radius:16px!important}.SPbdra-20{border-radius:20px!important}.SPbdra-24{border-radius:24px!important}.SPbdra-32{border-radius:32px!important}.SPbdra-36{border-radius:36px!important}.SPbdra-64{border-radius:64px!important}.SPbdra-50p{border-radius:50%!important}
.SPbdt-000{border-top:1px solid #000 !important}.SPbdt-111{border-top:1px solid #111 !important}.SPbdt-222{border-top:1px solid #222 !important}.SPbdt-333{border-top:1px solid #333 !important}.SPbdt-555{border-top:1px solid #555 !important}.SPbdt-777{border-top:1px solid #777 !important}.SPbdt-999{border-top:1px solid #999 !important}.SPbdt-bbb{border-top:1px solid #bbb !important}.SPbdt-ccc{border-top:1px solid #ccc !important}.SPbdt-ddd{border-top:1px solid #ddd !important}.SPbdt-eee{border-top:1px solid #eee !important}
.SPbdr-000{border-right:1px solid #000 !important}.SPbdr-111{border-right:1px solid #111 !important}.SPbdr-222{border-right:1px solid #222 !important}.SPbdr-333{border-right:1px solid #333 !important}.SPbdr-555{border-right:1px solid #555 !important}.SPbdr-777{border-right:1px solid #777 !important}.SPbdr-999{border-right:1px solid #999 !important}.SPbdr-bbb{border-right:1px solid #bbb !important}.SPbdr-ccc{border-right:1px solid #ccc !important}.SPbdr-ddd{border-right:1px solid #ddd !important}.SPbdr-eee{border-right:1px solid #eee !important}
.SPbdb-000{border-bottom:1px solid #000 !important}.SPbdb-111{border-bottom:1px solid #111 !important}.SPbdb-222{border-bottom:1px solid #222 !important}.SPbdb-333{border-bottom:1px solid #333 !important}.SPbdb-555{border-bottom:1px solid #555 !important}.SPbdb-777{border-bottom:1px solid #777 !important}.SPbdb-999{border-bottom:1px solid #999 !important}.SPbdb-bbb{border-bottom:1px solid #bbb !important}.SPbdb-ccc{border-bottom:1px solid #ccc !important}.SPbdb-ddd{border-bottom:1px solid #ddd !important}.SPbdb-eee{border-bottom:1px solid #eee !important}
.SPbdl-000{border-left:1px solid #000 !important}.SPbdl-111{border-left:1px solid #111 !important}.SPbdl-222{border-left:1px solid #222 !important}.SPbdl-333{border-left:1px solid #333 !important}.SPbdl-555{border-left:1px solid #555 !important}.SPbdl-777{border-left:1px solid #777 !important}.SPbdl-999{border-left:1px solid #999 !important}.SPbdl-bbb{border-left:1px solid #bbb !important}.SPbdl-ccc{border-left:1px solid #ccc !important}.SPbdl-ddd{border-left:1px solid #ddd !important}.SPbdl-eee{border-left:1px solid #eee !important}




/* 文本-原子 */
.SPfc-slate{color:var(--Slate-400)}.SPfc-gray{color:var(--Gray-400)}.SPfc-zinc{color:var(--Zinc-400)}.SPfc-neutral{color:var(--Neutral-400)}.SPfc-stone{color:var(--Stone-400)}.SPfc-red{color:var(--Red-400)}.SPfc-orange{color:var(--Orange-400)}.SPfc-amber{color:var(--Amber-400)}.SPfc-yellow{color:var(--Yellow-400)}.SPfc-lime{color:var(--Lime-400)}.SPfc-green{color:var(--Green-400)}.SPfc-emerald{color:var(--Emerald-400)}.SPfc-teal{color:var(--Teal-400)}.SPfc-cyan{color:var(--Cyan-400)}.SPfc-sky{color:var(--Sky-400)}.SPfc-indigo{color:var(--Indigo-400)}.SPfc-violet{color:var(--Violet-400)}.SPfc-purple{color:var(--Purple-400)}.SPfc-fuchsia{color:var(--Fuchsia-400)}.SPfc-pink{color:var(--Pink-400)}.SPfc-rose{color:var(--Rose-400)}
.SPfc-transparent{color:var(--Transparent)}.SPfc-white{color:var(--White)}.SPfc-black{color:var(--Black)}.SPfc-000{color:var(--Color-000)}.SPfc-111{color:var(--Color-111)}.SPfc-222{color:var(--Color-222)}.SPfc-333{color:var(--Color-333)}.SPfc-444{color:var(--Color-444)}.SPfc-555{color:var(--Color-555)}.SPfc-666{color:var(--Color-666)}.SPfc-777{color:var(--Color-777)}.SPfc-888{color:var(--Color-888)}.SPfc-999{color:var(--Color-999)}.SPfc-aaa{color:var(--Color-aaa)}.SPfc-bbb{color:var(--Color-bbb)}.SPfc-ccc{color:var(--Color-ccc)}.SPfc-ddd{color:var(--Color-ddd)}.SPfc-eee{color:var(--Color-eee)}.SPfc-fff{color:var(--Color-fff)}.SPfc-f5{color:var(--Color-f5)}.SPfc-fa{color:var(--Color-fa)}
.SPfc-primary{color:var(--Primary)}.SPfc-secondary{color:var(--Secondary)}.SPfc-success{color:var(--Success)}.SPfc-info{color:var(--Info)}.SPfc-warning{color:var(--Warning)}.SPfc-danger{color:var(--Danger)}
.SPfc-title{color:var(--Title)}.SPfc-text{color:var(--Text)}.SPfc-subtext{color:var(--Subtext)}

.SPff-tahoma{font-family:Tahoma !important}.SPff-simhei{font-family:SimHei !important}.SPff-bahnschrift{font-family:Bahnschrift !important}.SPff-consolas{font-family:'Consolas' !important}
.SPfs-8{font-size:8px !important}.SPfs-9{font-size:9px !important}.SPfs-10{font-size:10px !important}.SPfs-11{font-size:11px !important}.SPfs-12{font-size:12px !important}.SPfs-13{font-size:13px !important}.SPfs-14{font-size:14px !important}.SPfs-15{font-size:15px !important}.SPfs-16{font-size:16px !important}.SPfs-17{font-size:17px !important}.SPfs-18{font-size:18px !important}.SPfs-19{font-size:19px !important}.SPfs-20{font-size:20px !important}.SPfs-21{font-size:21px !important}.SPfs-22{font-size:22px !important}.SPfs-23{font-size:23px !important}.SPfs-24{font-size:24px !important}.SPfs-26{font-size:26px !important}.SPfs-28{font-size:28px !important}.SPfs-30{font-size:30px !important}.SPfs-32{font-size:32px !important}.SPfs-36{font-size:36px !important}.SPfs-40{font-size:40px !important}.SPfs-44{font-size:44px !important}.SPfs-48{font-size:48px !important}.SPfs-50{font-size:50px !important}.SPfs-60{font-size:60px !important}.SPfs-64{font-size:64px !important}.SPfs-72{font-size:72px !important}.SPfs-80{font-size:80px !important}.SPfs-88{font-size:88px !important}.SPfs-96{font-size:96px !important}
.SPfw-100{font-weight:100 !important}.SPfw-200{font-weight:200 !important}.SPfw-300{font-weight:300 !important}.SPfw-400{font-weight:400 !important}.SPfw-500{font-weight:500 !important}.SPfw-600{font-weight:600 !important}.SPfw-700{font-weight:700 !important}.SPfw-800{font-weight:800 !important}.SPfw-900{font-weight:900 !important}
.SPls-m2{letter-spacing:-2px !important}.SPls-m1{letter-spacing:-1px !important}.SPls-0{letter-spacing:0px !important}.SPls-1{letter-spacing:1px !important}.SPls-2{letter-spacing:2px !important}.SPls-3{letter-spacing:3px !important}.SPls-4{letter-spacing:4px !important}.SPls-5{letter-spacing:5px !important}.SPls-6{letter-spacing:6px !important}.SPls-7{letter-spacing:7px !important}.SPls-8{letter-spacing:8px !important}
/* 文本-组合 */
.SPtextline1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}.SPtextline2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}.SPtextline3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}.SPtextline4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}.SPtextline5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
/* 发光文本 */
.SPtextglow-red{ animation: redframe 2s ease-in-out infinite alternate; color:#fff}
@keyframes redframe { from { text-shadow:0 0 2px #FF1177, 0 0 8px #fff, 0 0 16px #fff, 0 0 32px #fff, 0 0 48px #FF1177, 0 0 64px #FF1177, 0 0 72px #FF1177, 0 0 96px #FF1177 } to { text-shadow: 0 0 2px #fff, 0 0 8px #fff, 0 0 16px #FF1177, 0 0 32px #FF1177, 0 0 48px #FF1177, 0 0 64px #FF1177 }}
.SPtextglow-orange{ animation: orangeframe 2s ease-in-out infinite alternate; color:#fff ;}
@keyframes orangeframe { from { text-shadow:0 0 2px #FF9900, 0 0 8px #fff, 0 0 16px #fff, 0 0 32px #fff, 0 0 48px #FF9900, 0 0 64px #FF9900, 0 0 72px #FF9900, 0 0 96px #FF9900} to { text-shadow: 0 0 2px #fff, 0 0 8px #fff, 0 0 16px #FF9900, 0 0 32px #FF9900, 0 0 48px #FF9900, 0 0 64px #FF9900}}
.SPtextglow-violet{ animation: violetframe 2s ease-in-out infinite alternate; color:#fff ;}
@keyframes violetframe { from { text-shadow:0 0 2px #ff00de, 0 0 8px #fff, 0 0 16px #fff, 0 0 32px #fff, 0 0 48px #ff00de, 0 0 64px #ff00de, 0 0 72px #ff00de, 0 0 96px #ff00de} to { text-shadow: 0 0 2px #fff, 0 0 8px #fff, 0 0 16px #ff00de, 0 0 32px #ff00de, 0 0 48px #ff00de, 0 0 64px #ff00de }}
.SPtextglow-blue{ animation: blueframe 2s ease-in-out infinite alternate; color:#fff}
@keyframes blueframe { from { text-shadow:0 0 2px #228DFF, 0 0 8px #fff, 0 0 16px #fff, 0 0 32px #fff, 0 0 48px #228DFF, 0 0 64px #228DFF, 0 0 72px #228DFF, 0 0 96px #228DFF } to { text-shadow: 0 0 2px #fff, 0 0 8px #fff, 0 0 16px #228DFF, 0 0 32px #228DFF, 0 0 48px #228DFF, 0 0 64px #228DFF }}
.SPtextglow-green{ animation: greenframe 2s ease-in-out infinite alternate; color:#fff ;}
@keyframes greenframe { from { text-shadow:0 0 2px #28a745, 0 0 8px #fff, 0 0 16px #fff, 0 0 32px #fff, 0 0 48px #28a745, 0 0 64px #28a745, 0 0 72px #28a745, 0 0 96px #28a745 } to { text-shadow: 0 0 2px #fff, 0 0 8px #fff, 0 0 16px #28a745, 0 0 32px #28a745, 0 0 48px #28a745, 0 0 64px #28a745 }}
.SPtextglow-yellow{ animation: yellowframe 2s ease-in-out infinite alternate; color:#fff ;}
@keyframes yellowframe { from { text-shadow:0 0 2px #FFDD1B, 0 0 8px #fff, 0 0 16px #fff, 0 0 32px #fff, 0 0 48px #FFDD1B, 0 0 64px #FFDD1B, 0 0 72px #FFDD1B, 0 0 96px #FFDD1B } to { text-shadow: 0 0 2px #fff, 0 0 8px #fff, 0 0 16px #FFDD1B, 0 0 32px #FFDD1B, 0 0 48px #FFDD1B, 0 0 64px #FFDD1B }}


/* 背景-原子 */
.SPbc-transparent{background-color:var(--Transparent)}.SPbc-000{background-color:var(--Color-000)}.SPbc-111{background-color:var(--Color-111)}.SPbc-222{background-color:var(--Color-222)}.SPbc-333{background-color:var(--Color-333)}.SPbc-444{background-color:var(--Color-444)}.SPbc-555{background-color:var(--Color-555)}.SPbc-666{background-color:var(--Color-666)}.SPbc-777{background-color:var(--Color-777)}.SPbc-888{background-color:var(--Color-888)}.SPbc-999{background-color:var(--Color-999)}.SPbc-aaa{background-color:var(--Color-aaa)}.SPbc-bbb{background-color:var(--Color-bbb)}.SPbc-ccc{background-color:var(--Color-ccc)}.SPbc-ddd{background-color:var(--Color-ddd)}.SPbc-eee{background-color:var(--Color-eee)}.SPbc-f5{background-color:var(--Color-f5)}.SPbc-fa{background-color:var(--Color-fa)}.SPbc-fff{background-color:var(--Color-fff)}
.SPbc-primary{background-color:var(--Primary)}.SPbc-secondary{background-color:var(--Secondary)}.SPbc-success{background-color:var(--Success)}.SPbc-info{background-color:var(--Info)}.SPbc-warning{background-color:var(--Warning)}.SPbc-danger{background-color:var(--Danger)}

/* 背景-组合 */
.SPbc-gradient{ background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));}
.SPbc-blue-gradient{background: linear-gradient(to right, #5156BEFF 25%, #5156BECC 75%);  }
.SPbc-indigo-gradient {background: linear-gradient(to right, #6610F2FF 25%, #6610F2CC 75%);}
.SPbc-purple-gradient {background: linear-gradient(to right, #6F42C1FF 25%, #6F42C1CC 75%);}
.SPbc-pink-gradient {background: linear-gradient(to right, #E83E8CFF 25%, #E83E8CCC 75%);}
.SPbc-red-gradient{background: linear-gradient(to right, #A61A2CFF 25%, #C61A4CCC 75%);}
.SPbc-orange-gradient {background: linear-gradient(to right, #FD7E14FF 25%, #FD7E14CC 75%);}
.SPbc-yellow-gradient {background: linear-gradient(to right, #FFC107FF 25%, #FFC107CC 75%);}
.SPbc-green-gradient {background: linear-gradient(to right, #609B00FF 25%, #609B00CC 75%);}
.SPbc-teal-gradient {background: linear-gradient(to right, #20C997FF 25%, #20C997CC 75%);}
.SPbc-cyan-gradient {background: linear-gradient(to right, #17A2B8FF 25%, #17A2B8CC 75%);}
.SPbc-gray-gradient {background: linear-gradient(to right, #868E96FF 25%, #868e96CC 75%);}
.SPbc-primary-gradient{background: linear-gradient(to right, #5156BEFF 25%, #5156BECC 75%);}
.SPbc-secondary-gradient{background: linear-gradient(to right, #74788DFF 25%, #74788DCC 75%);}
.SPbc-success-gradient{background: linear-gradient(to right, #2AB57DFF 25%, #2AB57DCC 75%);}
.SPbc-info-gradient{background: linear-gradient(to right, #4BA6EFFF 25%, #4BA6EFCC 75%);}
.SPbc-warning-gradient{background: linear-gradient(to right, #FFBF53FF 25%, #FFBF53CC 75%);}
.SPbc-danger-gradient{background: linear-gradient(to right, #FD625EFF 25%, #FD625ECC 75%);}
.SPbc-light-gradient{background: linear-gradient(to right, #D9D9DFFF 25%, #D9D9DFDD 75%);}
.SPbc-dark-gradient{background: linear-gradient(to right, #343A40FF 25%, #343A40CC 75%);}



/* 悬停效果：鼠标 */
.SPcursor-none { cursor: none }.SPcursor-default {cursor: default }.SPcursor-pointer{cursor:pointer}.SPcursor-help {cursor:help }.SPcursor-progress{cursor:progress}.SPcursor-move{cursor:move}.SPcursor-notallowed{cursor:not-allowed}
/* 阴影 */
.SPshadow3-aaa { filter: drop-shadow(3px 3px 3px #AAA); }
.SPshadow3-bbb { filter: drop-shadow(3px 3px 3px #BBB); }
.SPshadow3-ccc { filter: drop-shadow(3px 3px 3px #CCC); }
.SPshadow4-aaa { filter: drop-shadow(3px 3px 3px #AAA); }
.SPshadow4-bbb { filter: drop-shadow(3px 3px 3px #BBB); }
.SPshadow4-ccc { filter: drop-shadow(3px 3px 3px #CCC); }
.SPshadow5-aaa { filter: drop-shadow(3px 3px 3px #AAA); }
.SPshadow5-bbb { filter: drop-shadow(3px 3px 3px #BBB); }
.SPshadow5-ccc { filter: drop-shadow(3px 3px 3px #CCC); }