/* =================================== */ /* 思普样式框架 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)} .SPtransition { 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; } /* 定位-原子 */ .SPpos-relative{position:relative}.SPpos-absolute{position:absolute}.SPpos-fixed{position:fixed} .SPt0{top:0px}.SPt1{top:1px}.SPt2{top:2px}.SPt3{top:3px}.SPt4{top:4px}.SPt5{top:5px}.SPt6{top:6px}.SPt7{top:7px}.SPt8{top:8px}.SPt10{top:10px}.SPt12{top:12px}.SPt14{top:14px}.SPt16{top:16px}.SPt20{top:20px}.SPt24{top:24px}.SPt28{top:28px}.SPt32{top:32px} .SPb0{bottom:0px}.SPb1{bottom:1px}.SPb2{bottom:2px}.SPb3{bottom:3px}.SPb4{bottom:4px}.SPb5{bottom:5px}.SPb6{bottom:6px}.SPb7{bottom:7px}.SPb8{bottom:8px}.SPb10{bottom:10px}.SPb12{bottom:12px}.SPb14{bottom:14px}.SPb16{bottom:16px}.SPb20{bottom:20px}.SPb24{bottom:24px}.SPb28{bottom:28px}.SPb32{bottom:32px} .SPl0{left:0px}.SPl1{left:1px}.SPl2{left:2px}.SPl3{left:3px}.SPl4{left:4px}.SPl5{left:5px}.SPl6{left:6px}.SPl7{left:7px}.SPl8{left:8px}.SPl10{left:10px}.SPl12{left:12px}.SPl14{left:14px}.SPl16{left:16px}.SPl20{left:20px}.SPl24{left:24px}.SPl28{left:28px}.SPl32{left:32px} .SPr0{right:0px}.SPr1{right:1px}.SPr2{right:2px}.SPr3{right:3px}.SPr4{right:4px}.SPr5{right:5px}.SPr6{right:6px}.SPr7{right:7px}.SPr8{right:8px}.SPr10{right:10px}.SPr12{right:12px}.SPr14{right:14px}.SPr16{right:16px}.SPr20{right:20px}.SPr24{right:24px}.SPr28{right:28px}.SPr32{right:32px} /* 布局-原子 */ .SPflex {display: flex;}.SPflex-h {display: flex;}.SPflex-v {display:flex;flex-direction:column} .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} .SPflex-0{flex:0}.SPflex-1{flex:1} .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-h-4{column-gap:4px}.SPgap-h-8{column-gap:8px}.SPgap-h-12{column-gap:12px}.SPgap-h-16{column-gap:16px} /* 布局-组合 */ .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{display:none}.SPdp-block{display:block}.SPdp-flex{display:flex}.SPdp-inlineflex{display:inline-flex}.SPdp-inlineblock { display:inline-block} .SPof-auto{overflow:auto}.SPof-scroll{overflow:scroll}.SPof-hidden{overflow:hidden}.SPof-visible{overflow:visible} .SPofy-auto{overflow-y:auto}.SPofy-scroll{overflow-y:scroll}.SPofy-hidden{overflow-y:hidden}.SPofy-visible{overflow-y:visible} .SPofx-auto{overflow-x:auto}.SPofx-scroll{overflow-x:scroll}.SPofx-hidden{overflow-x:hidden}.SPofx-visible{overflow-x:visible} .SPhide{display:none}.SPshow{display:block}.SPhidden {visibility: hidden !important;}.SPvisible {visibility: visible !important;} /* 尺寸-原子 */ .SPw0{width:0px}.SPw1{width:1px}.SPw2{width:2px;}.SPw3{width:3px;}.SPw4{width:4px}.SPw5{width:5px}.SPw6{width:6px}.SPw7{width:7px}.SPw8{width:8px}.SPw9{width:9px}.SPw10{width:10px}.SPw11{width:11px}.SPw12{width:12px}.SPw14{width:14px}.SPw16{width:16px}.SPw18{width:18px}.SPw20{width:20px}.SPw22{width:22px}.SPw24{width:24px}.SPw26{width:26px}.SPw28{width:28px}.SPw30{width:30px}.SPw32{width:32px}.SPw36{width:36px}.SPw40{width:40px}.SPw44{width:44px}.SPw48{width:48px}.SPw50{width:50px}.SPw52{width:52px}.SPw56{width:56px}.SPw60{width:60px}.SPw64{width:64px}.SPw70{width:70px}.SPw72{width:72px}.SPw80{width:80px}.SPw90{width:90px}.SPw96{width:96px}.SPw100{width:100px}.SPw110{width:110px}.SPw120{width:120px}.SPw128{width:128px}.SPw130{width:130px}.SPw140{width:140px}.SPw150{width:150px}.SPw160{width:160px}.SPw170{width:170px}.SPw180{width:180px}.SPw190{width:190px}.SPw200{width:200px}.SPw210{width:210px}.SPw220{width:220px}.SPw230{width:230px}.SPw240{width:240px}.SPw250{width:250px}.SPw256{width:256px}.SPw260{width:260px}.SPw270{width:270px}.SPw280{width:280px}.SPw290{width:290px}.SPw300{width:300px}.SPw310{width:310px}.SPw320{width:320px}.SPw360{width:360px}.SPw400{width:400px}.SPw440{width:440px}.SPw480{width:480px}.SPw520{width:520px}.SPw560{width:560px}.SPw600{width:600px}.SPw640{width:640px}.SPw680{width:680px}.SPw720{width:720px}.SPw800{width:800px} .SPw960{width:960px}.SPw1080{width:1080px}.SPw1200{width:1200px}.SPw1280{width:1280px}.SPw1440{width:1440px}.SPw1600{width:1600px}.SPw100v{width:100vw} .SPw0p{width:0%}.SPw10p{width:10%}.SPw20p{width:20%}.SPw25p{width:25%}.SPw30p{width:30%}.SPw40p{width:40%}.SPw50p{width:50%}.SPw60p{width:60%}.SPw70p{width:70%}.SPw75p{width:75%}.SPw80p{width:80%}.SPw90p{width:90%}.SPw100p{width:100%} .SPh0{height:0px}.SPh1{height:1px}.SPh2{height:2px}.SPh3{height:3px}.SPh4{height:4px}.SPh5{height:5px}.SPh6{height:6px}.SPh7{height:7px}.SPh8{height:8px}.SPh9{height:9px}.SPh10{height:10px}.SPh11{height:11px}.SPh12{height:12px}.SPh14{height:14px}.SPh16{height:16px}.SPh18{height:18px}.SPh20{height:20px}.SPh22{height:22px}.SPh24{height:24px}.SPh26{height:26px}.SPh28{height:28px}.SPh30{height:30px}.SPh32{height:32px}.SPh36{height:36px}.SPh40{height:40px}.SPh48{height:48px}.SPh50{height:50px}.SPh60{height:60px}.SPh64{height:64px}.SPh70{height:70px}.SPh80{height:80px}.SPh90{height:90px}.SPh96{height:96px}.SPh100{height:100px}.SPh110{height:110px}.SPh120{height:120px}.SPh128{height:128px}.SPh130{height:130px}.SPh140{height:140px}.SPh150{height:150px}.SPh160{height:160px}.SPh170{height:170px}.SPh180{height:180px}.SPh190{height:190px}.SPh200{height:200px}.SPh210{height:210px}.SPh220{height:220px}.SPh230{height:230px}.SPh240{height:240px}.SPh250{height:250px}.SPh256{height:256px}.SPh260{height:260px}.SPh270{height:270px}.SPh280{height:280px}.SPh290{height:290px}.SPh300{height:300px}.SPh310{height:310px}.SPh320{height:320px}.SPh360{height:360px}.SPh400{height:400px}.SPh440{height:440px}.SPh480{height:480px}.SPh520{height:520px}.SPh560{height:560px}.SPh640{height:640px}.SPh680{height:680px}.SPh720{height:720px}.SPh800{height:800px} .SPh0p{height:0%}.SPh10p{height:10%}.SPh20p{height:20%}.SPh25p{height:25%}.SPh30p{height:30%}.SPh40p{height:40%}.SPh50p{height:50%}.SPh60p{height:60%}.SPh70p{height:70%}.SPh75p{height:75%}.SPh80p{height:80%}.SPh90p{height:90%}.SPh100p{height:100%} .SPh100v{height:100vh} .SPlh0{line-height:0}.SPlh1{line-height:1}.SPlh2{line-height:2}.SPlh3{line-height:3}.SPlh4{line-height:4}.SPlh5{line-height:5}.SPlh6{line-height:6}.SPlh7{line-height:7}.SPlh8{line-height:8}.SPlh9{line-height:9}.SPlh10{line-height:10}.SPlh11{line-height:11}.SPlh12{line-height:12}.SPlh14{line-height:14}.SPlh16{line-height:16}.SPlh18{line-height:18}.SPlh20{line-height:20}.SPlh22{line-height:22}.SPlh24{line-height:24}.SPlh26{line-height:26}.SPlh28{line-height:28}.SPlh30{line-height:30}.SPlh32{line-height:32} /* 内边距-原子 */ .SPp0{padding:0px}.SPp1{padding:1px}.SPp2{padding:2px}.SPp3{padding:3px}.SPp4{padding:4px}.SPp5{padding:5px}.SPp6{padding:6px}.SPp7{padding:7px}.SPp8{padding:8px}.SPp9{padding:9px}.SPp10{padding:10px}.SPp11{padding:11px}.SPp12{padding:12px}.SPp14{padding:14px}.SPp16{padding:16px}.SPp18{padding:18px}.SPp20{padding:20px}.SPp22{padding:22px}.SPp24{padding:24px}.SPp26{padding:26px}.SPp28{padding:28px}.SPp30{padding:30px}.SPp32{padding:32px}.SPp36{padding:36px}.SPp40{padding:40px}.SPp48{padding:48px}.SPp50{padding:50px}.SPp60{padding:60px}.SPp64{padding:64px}.SPp70{padding:70px}.SPp80{padding:80px}.SPp90{padding:90px}.SPp96{padding:96px}.SPp100{padding:100px}.SPp110{padding:110px}.SPp120{padding:120px}.SPp128{padding:128px} .SPpt0{padding-top:0px}.SPpt1{padding-top:1px}.SPpt2{padding-top:2px}.SPpt3{padding-top:3px}.SPpt4{padding-top:4px}.SPpt5{padding-top:5px}.SPpt6{padding-top:6px}.SPpt7{padding-top:7px}.SPpt8{padding-top:8px}.SPpt9{padding-top:9px}.SPpt10{padding-top:10px}.SPpt11{padding-top:11px}.SPpt12{padding-top:12px}.SPpt14{padding-top:14px}.SPpt16{padding-top:16px}.SPpt18{padding-top:18px}.SPpt20{padding-top:20px}.SPpt22{padding-top:22px}.SPpt24{padding-top:24px}.SPpt26{padding-top:26px}.SPpt28{padding-top:28px}.SPpt30{padding-top:30px}.SPpt32{padding-top:32px}.SPpt36{padding-top:36px}.SPpt40{padding-top:40px}.SPpt48{padding-top:48px}.SPpt50{padding-top:50px}.SPpt60{padding-top:60px}.SPpt64{padding-top:64px}.SPpt70{padding-top:70px}.SPpt80{padding-top:80px}.SPpt90{padding-top:90px}.SPpt96{padding-top:96px}.SPpt100{padding-top:100px}.SPpt110{padding-top:110px}.SPpt120{padding-top:120px}.SPpt128{padding-top:128px}.SPpt130{padding-bottom:130px}.SPpt140{padding-bottom:140px}.SPpt150{padding-bottom:150px}.SPpt160{padding-bottom:160px}.SPpt170{padding-bottom:170px}.SPpt180{padding-bottom:180px}.SPpt190{padding-bottom:190px}.SPpt200{padding-bottom:200px}.SPpt210{padding-bottom:210px}.SPpt220{padding-bottom:220px}.SPpt230{padding-bottom:230px}.SPpt240{padding-bottom:240px}.SPpt250{padding-bottom:250px}.SPpt256{padding-bottom:256px} .SPpr0{padding-right:0px}.SPpr1{padding-right:1px}.SPpr2{padding-right:2px}.SPpr3{padding-right:3px}.SPpr4{padding-right:4px}.SPpr5{padding-right:5px}.SPpr6{padding-right:6px}.SPpr7{padding-right:7px}.SPpr8{padding-right:8px}.SPpr9{padding-right:9px}.SPpr10{padding-right:10px}.SPpr11{padding-right:11px}.SPpr12{padding-right:12px}.SPpr14{padding-right:14px}.SPpr16{padding-right:16px}.SPpr18{padding-right:18px}.SPpr20{padding-right:20px}.SPpr22{padding-right:22px}.SPpr24{padding-right:24px}.SPpr26{padding-right:26px}.SPpr28{padding-right:28px}.SPpr30{padding-right:30px}.SPpr32{padding-right:32px}.SPpr36{padding-right:36px}.SPpr40{padding-right:40px}.SPpr48{padding-right:48px}.SPpr50{padding-right:50px}.SPpr60{padding-right:60px}.SPpr64{padding-right:64px}.SPpr70{padding-right:70px}.SPpr80{padding-right:80px}.SPpr90{padding-right:90px}.SPpr96{padding-right:96px}.SPpr100{padding-right:100px}.SPpr110{padding-right:110px}.SPpr120{padding-right:120px}.SPpr128{padding-right:128px} .SPpb0{padding-bottom:0px}.SPpb1{padding-bottom:1px}.SPpb2{padding-bottom:2px}.SPpb3{padding-bottom:3px}.SPpb4{padding-bottom:4px}.SPpb5{padding-bottom:5px}.SPpb6{padding-bottom:6px}.SPpb7{padding-bottom:7px}.SPpb8{padding-bottom:8px}.SPpb9{padding-bottom:9px}.SPpb10{padding-bottom:10px}.SPpb11{padding-bottom:11px}.SPpb12{padding-bottom:12px}.SPpb14{padding-bottom:14px}.SPpb16{padding-bottom:16px}.SPpb18{padding-bottom:18px}.SPpb20{padding-bottom:20px}.SPpb22{padding-bottom:22px}.SPpb24{padding-bottom:24px}.SPpb26{padding-bottom:26px}.SPpb28{padding-bottom:28px}.SPpb30{padding-bottom:30px}.SPpb32{padding-bottom:32px}.SPpb36{padding-bottom:36px}.SPpb40{padding-bottom:40px}.SPpb48{padding-bottom:48px}.SPpb50{padding-bottom:50px}.SPpb60{padding-bottom:60px}.SPpb64{padding-bottom:64px}.SPpb70{padding-bottom:70px}.SPpb80{padding-bottom:80px}.SPpb90{padding-bottom:90px}.SPpb96{padding-bottom:96px}.SPpb100{padding-bottom:100px}.SPpb110{padding-bottom:110px}.SPpb120{padding-bottom:120px}.SPpb128{padding-bottom:128px}.SPpb130{padding-bottom:130px}.SPpb140{padding-bottom:140px}.SPpb150{padding-bottom:150px}.SPpb160{padding-bottom:160px}.SPpb170{padding-bottom:170px}.SPpb180{padding-bottom:180px}.SPpb190{padding-bottom:190px}.SPpb200{padding-bottom:200px}.SPpb210{padding-bottom:210px}.SPpb220{padding-bottom:220px}.SPpb230{padding-bottom:230px}.SPpb240{padding-bottom:240px}.SPpb250{padding-bottom:250px}.SPpb256{padding-bottom:256px} .SPpl0{padding-left:0px}.SPpl1{padding-left:1px}.SPpl2{padding-left:2px}.SPpl3{padding-left:3px}.SPpl4{padding-left:4px}.SPpl5{padding-left:5px}.SPpl6{padding-left:6px}.SPpl7{padding-left:7px}.SPpl8{padding-left:8px}.SPpl9{padding-left:9px}.SPpl10{padding-left:10px}.SPpl11{padding-left:11px}.SPpl12{padding-left:12px}.SPpl14{padding-left:14px}.SPpl16{padding-left:16px}.SPpl18{padding-left:18px}.SPpl20{padding-left:20px}.SPpl22{padding-left:22px}.SPpl24{padding-left:24px}.SPpl26{padding-left:26px}.SPpl28{padding-left:28px}.SPpl30{padding-left:30px}.SPpl32{padding-left:32px}.SPpl36{padding-left:36px}.SPpl40{padding-left:40px}.SPpl48{padding-left:48px}.SPpl50{padding-left:50px}.SPpl60{padding-left:60px}.SPpl64{padding-left:64px}.SPpl70{padding-left:70px}.SPpl80{padding-left:80px}.SPpl90{padding-left:90px}.SPpl96{padding-left:96px}.SPpl100{padding-left:100px}.SPpl110{padding-left:110px}.SPpl120{padding-left:120px}.SPpl128{padding-left:128px} /* 内边距-组合 */ .SPpx0{padding-left:0px;padding-right:0px}.SPpx1{padding-left:1px;padding-right:1px}.SPpx2{padding-left:2px;padding-right:2px}.SPpx3{padding-left:3px;padding-right:3px}.SPpx4{padding-left:4px;padding-right:4px}.SPpx5{padding-left:5px;padding-right:5px}.SPpx6{padding-left:6px;padding-right:6px}.SPpx7{padding-left:7px;padding-right:7px}.SPpx8{padding-left:8px;padding-right:8px}.SPpx9{padding-left:9px;padding-right:9px}.SPpx10{padding-left:10px;padding-right:10px}.SPpx11{padding-left:11px;padding-right:11px}.SPpx12{padding-left:12px;padding-right:12px}.SPpx14{padding-left:14px;padding-right:14px}.SPpx16{padding-left:16px;padding-right:16px}.SPpx18{padding-left:18px;padding-right:18px}.SPpx20{padding-left:20px;padding-right:20px}.SPpx22{padding-left:22px;padding-right:22px}.SPpx24{padding-left:24px;padding-right:24px}.SPpx26{padding-left:26px;padding-right:26px}.SPpx28{padding-left:28px;padding-right:28px}.SPpx30{padding-left:30px;padding-right:30px}.SPpx32{padding-left:32px;padding-right:32px}.SPpx36{padding-left:36px;padding-right:36px}.SPpx40{padding-left:40px;padding-right:40px}.SPpx48{padding-left:48px;padding-right:48px}.SPpx50{padding-left:50px;padding-right:50px}.SPpx60{padding-left:60px;padding-right:60px}.SPpx64{padding-left:64px;padding-right:64px}.SPpx70{padding-left:70px;padding-right:70px}.SPpx80{padding-left:80px;padding-right:80px}.SPpx90{padding-left:90px;padding-right:90px}.SPpx96{padding-left:96px;padding-right:96px}.SPpx100{padding-left:100px;padding-right:100px}.SPpx110{padding-left:110px;padding-right:110px}.SPpx120{padding-left:120px;padding-right:120px}.SPpx128{padding-left:128px;padding-right:128px} .SPpy0{padding-top:0px;padding-bottom:0px}.SPpy1{padding-top:1px;padding-bottom:1px}.SPpy2{padding-top:2px;padding-bottom:2px}.SPpy3{padding-top:3px;padding-bottom:3px}.SPpy4{padding-top:4px;padding-bottom:4px}.SPpy5{padding-top:5px;padding-bottom:5px}.SPpy6{padding-top:6px;padding-bottom:6px}.SPpy7{padding-top:7px;padding-bottom:7px}.SPpy8{padding-top:8px;padding-bottom:8px}.SPpy9{padding-top:9px;padding-bottom:9px}.SPpy10{padding-top:10px;padding-bottom:10px}.SPpy11{padding-top:11px;padding-bottom:11px}.SPpy12{padding-top:12px;padding-bottom:12px}.SPpy14{padding-top:14px;padding-bottom:14px}.SPpy16{padding-top:16px;padding-bottom:16px}.SPpy18{padding-top:18px;padding-bottom:18px}.SPpy20{padding-top:20px;padding-bottom:20px}.SPpy22{padding-top:22px;padding-bottom:22px}.SPpy24{padding-top:24px;padding-bottom:24px}.SPpy26{padding-top:26px;padding-bottom:26px}.SPpy28{padding-top:28px;padding-bottom:28px}.SPpy30{padding-top:30px;padding-bottom:30px}.SPpy32{padding-top:32px;padding-bottom:32px}.SPpy36{padding-top:36px;padding-bottom:36px}.SPpy40{padding-top:40px;padding-bottom:40px}.SPpy48{padding-top:48px;padding-bottom:48px}.SPpy50{padding-top:50px;padding-bottom:50px}.SPpy60{padding-top:60px;padding-bottom:60px}.SPpy64{padding-top:64px;padding-bottom:64px}.SPpy70{padding-top:70px;padding-bottom:70px}.SPpy80{padding-top:80px;padding-bottom:80px}.SPpy90{padding-top:90px;padding-bottom:90px}.SPpy96{padding-top:96px;padding-bottom:96px}.SPpy100{padding-top:100px;padding-bottom:100px}.SPpy110{padding-top:110px;padding-bottom:110px}.SPpy120{padding-top:120px;padding-bottom:120px}.SPpy128{padding-top:128px;padding-bottom:128px} /* 外边距-原子 */ .SPm0{margin:0px}.SPm1{margin:1px}.SPm2{margin:2px}.SPm3{margin:3px}.SPm4{margin:4px}.SPm5{margin:5px}.SPm6{margin:6px}.SPm7{margin:7px}.SPm8{margin:8px}.SPm9{margin:9px}.SPm10{margin:10px}.SPm11{margin:11px}.SPm12{margin:12px}.SPm14{margin:14px}.SPm16{margin:16px}.SPm18{margin:18px}.SPm20{margin:20px}.SPm22{margin:22px}.SPm24{margin:24px}.SPm26{margin:26px}.SPm28{margin:28px}.SPm30{margin:30px}.SPm32{margin:32px}.SPm36{margin:36px}.SPm40{margin:40px}.SPm48{margin:48px}.SPm50{margin:50px}.SPm60{margin:60px}.SPm64{margin:64px}.SPm70{margin:70px}.SPm80{margin:80px}.SPm90{margin:90px}.SPm96{margin:96px}.SPm100{margin:100px}.SPm110{margin:110px}.SPm120{margin:120px}.SPm128{margin:128px} .SPmt0{margin-top:0px}.SPmt1{margin-top:1px}.SPmt2{margin-top:2px}.SPmt3{margin-top:3px}.SPmt4{margin-top:4px}.SPmt5{margin-top:5px}.SPmt6{margin-top:6px}.SPmt7{margin-top:7px}.SPmt8{margin-top:8px}.SPmt9{margin-top:9px}.SPmt10{margin-top:10px}.SPmt11{margin-top:11px}.SPmt12{margin-top:12px}.SPmt14{margin-top:14px}.SPmt16{margin-top:16px}.SPmt18{margin-top:18px}.SPmt20{margin-top:20px}.SPmt22{margin-top:22px}.SPmt24{margin-top:24px}.SPmt26{margin-top:26px}.SPmt28{margin-top:28px}.SPmt30{margin-top:30px}.SPmt32{margin-top:32px}.SPmt36{margin-top:36px}.SPmt40{margin-top:40px}.SPmt48{margin-top:48px}.SPmt50{margin-top:50px}.SPmt60{margin-top:60px}.SPmt64{margin-top:64px}.SPmt70{margin-top:70px}.SPmt80{margin-top:80px}.SPmt90{margin-top:90px}.SPmt96{margin-top:96px}.SPmt100{margin-top:100px}.SPmt110{margin-top:110px}.SPmt120{margin-top:120px}.SPmt128{margin-top:128px} .SPmr0{margin-right:0px}.SPmr1{margin-right:1px}.SPmr2{margin-right:2px}.SPmr3{margin-right:3px}.SPmr4{margin-right:4px}.SPmr5{margin-right:5px}.SPmr6{margin-right:6px}.SPmr7{margin-right:7px}.SPmr8{margin-right:8px}.SPmr9{margin-right:9px}.SPmr10{margin-right:10px}.SPmr11{margin-right:11px}.SPmr12{margin-right:12px}.SPmr14{margin-right:14px}.SPmr16{margin-right:16px}.SPmr18{margin-right:18px}.SPmr20{margin-right:20px}.SPmr22{margin-right:22px}.SPmr24{margin-right:24px}.SPmr26{margin-right:26px}.SPmr28{margin-right:28px}.SPmr30{margin-right:30px}.SPmr32{margin-right:32px}.SPmr36{margin-right:36px}.SPmr40{margin-right:40px}.SPmr48{margin-right:48px}.SPmr50{margin-right:50px}.SPmr60{margin-right:60px}.SPmr64{margin-right:64px}.SPmr70{margin-right:70px}.SPmr80{margin-right:80px}.SPmr90{margin-right:90px}.SPmr96{margin-right:96px}.SPmr100{margin-right:100px}.SPmr110{margin-right:110px}.SPmr120{margin-right:120px}.SPmr128{margin-right:128px} .SPmb0{margin-bottom:0px}.SPmb1{margin-bottom:1px}.SPmb2{margin-bottom:2px}.SPmb3{margin-bottom:3px}.SPmb4{margin-bottom:4px}.SPmb5{margin-bottom:5px}.SPmb6{margin-bottom:6px}.SPmb7{margin-bottom:7px}.SPmb8{margin-bottom:8px}.SPmb9{margin-bottom:9px}.SPmb10{margin-bottom:10px}.SPmb11{margin-bottom:11px}.SPmb12{margin-bottom:12px}.SPmb14{margin-bottom:14px}.SPmb16{margin-bottom:16px}.SPmb18{margin-bottom:18px}.SPmb20{margin-bottom:20px}.SPmb22{margin-bottom:22px}.SPmb24{margin-bottom:24px}.SPmb26{margin-bottom:26px}.SPmb28{margin-bottom:28px}.SPmb30{margin-bottom:30px}.SPmb32{margin-bottom:32px}.SPmb36{margin-bottom:36px}.SPmb40{margin-bottom:40px}.SPmb48{margin-bottom:48px}.SPmb50{margin-bottom:50px}.SPmb60{margin-bottom:60px}.SPmb64{margin-bottom:64px}.SPmb70{margin-bottom:70px}.SPmb80{margin-bottom:80px}.SPmb90{margin-bottom:90px}.SPmb96{margin-bottom:96px}.SPmb100{margin-bottom:100px}.SPmb110{margin-bottom:110px}.SPmb120{margin-bottom:120px}.SPmb128{margin-bottom:128px} .SPml0{margin-left:0px}.SPml1{margin-left:1px}.SPml2{margin-left:2px}.SPml3{margin-left:3px}.SPml4{margin-left:4px}.SPml5{margin-left:5px}.SPml6{margin-left:6px}.SPml7{margin-left:7px}.SPml8{margin-left:8px}.SPml9{margin-left:9px}.SPml10{margin-left:10px}.SPml11{margin-left:11px}.SPml12{margin-left:12px}.SPml14{margin-left:14px}.SPml16{margin-left:16px}.SPml18{margin-left:18px}.SPml20{margin-left:20px}.SPml22{margin-left:22px}.SPml24{margin-left:24px}.SPml26{margin-left:26px}.SPml28{margin-left:28px}.SPml30{margin-left:30px}.SPml32{margin-left:32px}.SPml36{margin-left:36px}.SPml40{margin-left:40px}.SPml48{margin-left:48px}.SPml50{margin-left:50px}.SPml60{margin-left:60px}.SPml64{margin-left:64px}.SPml70{margin-left:70px}.SPml80{margin-left:80px}.SPml90{margin-left:90px}.SPml96{margin-left:96px}.SPml100{margin-left:100px}.SPml110{margin-left:110px}.SPml120{margin-left:120px}.SPml128{margin-left:128px} /* 外边距-组合 */ .SPmx0{margin-left:0px;margin-right:0px}.SPmx1{margin-left:1px;margin-right:1px}.SPmx2{margin-left:2px;margin-right:2px}.SPmx3{margin-left:3px;margin-right:3px}.SPmx4{margin-left:4px;margin-right:4px}.SPmx5{margin-left:5px;margin-right:5px}.SPmx6{margin-left:6px;margin-right:6px}.SPmx7{margin-left:7px;margin-right:7px}.SPmx8{margin-left:8px;margin-right:8px}.SPmx9{margin-left:9px;margin-right:9px}.SPmx10{margin-left:10px;margin-right:10px}.SPmx11{margin-left:11px;margin-right:11px}.SPmx12{margin-left:12px;margin-right:12px}.SPmx14{margin-left:14px;margin-right:14px}.SPmx16{margin-left:16px;margin-right:16px}.SPmx18{margin-left:18px;margin-right:18px}.SPmx20{margin-left:20px;margin-right:20px}.SPmx22{margin-left:22px;margin-right:22px}.SPmx24{margin-left:24px;margin-right:24px}.SPmx26{margin-left:26px;margin-right:26px}.SPmx28{margin-left:28px;margin-right:28px}.SPmx30{margin-left:30px;margin-right:30px}.SPmx32{margin-left:32px;margin-right:32px}.SPmx36{margin-left:36px;margin-right:36px}.SPmx40{margin-left:40px;margin-right:40px}.SPmx48{margin-left:48px;margin-right:48px}.SPmx50{margin-left:50px;margin-right:50px}.SPmx60{margin-left:60px;margin-right:60px}.SPmx64{margin-left:64px;margin-right:64px}.SPmx70{margin-left:70px;margin-right:70px}.SPmx80{margin-left:80px;margin-right:80px}.SPmx90{margin-left:90px;margin-right:90px}.SPmx96{margin-left:96px;margin-right:96px}.SPmx100{margin-left:100px;margin-right:100px}.SPmx110{margin-left:110px;margin-right:110px}.SPmx120{margin-left:120px;margin-right:120px}.SPmx128{margin-left:128px;margin-right:128px} .SPmy0{margin-top:0px;margin-bottom:0px}.SPmy1{margin-top:1px;margin-bottom:1px}.SPmy2{margin-top:2px;margin-bottom:2px}.SPmy3{margin-top:3px;margin-bottom:3px}.SPmy4{margin-top:4px;margin-bottom:4px}.SPmy5{margin-top:5px;margin-bottom:5px}.SPmy6{margin-top:6px;margin-bottom:6px}.SPmy7{margin-top:7px;margin-bottom:7px}.SPmy8{margin-top:8px;margin-bottom:8px}.SPmy9{margin-top:9px;margin-bottom:9px}.SPmy10{margin-top:10px;margin-bottom:10px}.SPmy11{margin-top:11px;margin-bottom:11px}.SPmy12{margin-top:12px;margin-bottom:12px}.SPmy14{margin-top:14px;margin-bottom:14px}.SPmy16{margin-top:16px;margin-bottom:16px}.SPmy18{margin-top:18px;margin-bottom:18px}.SPmy20{margin-top:20px;margin-bottom:20px}.SPmy22{margin-top:22px;margin-bottom:22px}.SPmy24{margin-top:24px;margin-bottom:24px}.SPmy26{margin-top:26px;margin-bottom:26px}.SPmy28{margin-top:28px;margin-bottom:28px}.SPmy30{margin-top:30px;margin-bottom:30px}.SPmy32{margin-top:32px;margin-bottom:32px}.SPmy36{margin-top:36px;margin-bottom:36px}.SPmy40{margin-top:40px;margin-bottom:40px}.SPmy48{margin-top:48px;margin-bottom:48px}.SPmy50{margin-top:50px;margin-bottom:50px}.SPmy60{margin-top:60px;margin-bottom:60px}.SPmy64{margin-top:64px;margin-bottom:64px}.SPmy70{margin-top:70px;margin-bottom:70px}.SPmy80{margin-top:80px;margin-bottom:80px}.SPmy90{margin-top:90px;margin-bottom:90px}.SPmy96{margin-top:96px;margin-bottom:96px}.SPmy100{margin-top:100px;margin-bottom:100px}.SPmy110{margin-top:110px;margin-bottom:110px}.SPmy120{margin-top:120px;margin-bottom:120px}.SPmy128{margin-top:128px;margin-bottom:128px} /* 边框-原子 */ .SPbd-none{border:none}.SPbd-transparent{border:1px solid transparent}.SPbd-000{border:1px solid #000}.SPbd-111{border:1px solid #111}.SPbd-222{border:1px solid #222}.SPbd-333{border:1px solid #333}.SPbd-444{border:1px solid #444}.SPbd-555{border:1px solid #555}.SPbd-666{border:1px solid #666}.SPbd-777{border:1px solid #777}.SPbd-888{border:1px solid #888}.SPbd-999{border:1px solid #999}.SPbd-aaa{border:1px solid #AAA}.SPbd-bbb{border:1px solid #BBB}.SPbd-ccc{border:1px solid #CCC}.SPbd-ddd{border:1px solid #DDD}.SPbd-DEE{border:1px solid #DEE2E6}.SPbd-eee{border:1px solid #EEE}.SPbd-fff{border:1px solid #FFF} .SPbdw-0{border-width:0}.SPbdw-1{border-width:1px}.SPbdw-2{border-width:2px}.SPbdw-3{border-width:3px}.SPbdw-4{border-width:4px} .SPbdc-transparent{border-color:transparent}.SPbdc-000{border-color:#000}.SPbdc-111{border-color:#111}.SPbdc-222{border-color:#222}.SPbdc-333{border-color:#333}.SPbdc-444{border-color:#444}.SPbdc-555{border-color:#555}.SPbdc-666{border-color:#666}.SPbdc-777{border-color:#777}.SPbdc-888{border-color:#888}.SPbdc-999{border-color:#999}.SPbdc-aaa{border-color:#AAA}.SPbdc-bbb{border-color:#BBB}.SPbdc-ccc{border-color:#CCC}.SPbdc-ddd{border-color:#DDD}.SPbdc-DEE{border-color:#DEE2E6}.SPbdc-eee{border-color:#EEE}.SPbdc-fff{border-color:#FFF} .SPbdra-0{border-radius:0px}.SPbdra-1{border-radius:1px}.SPbdra-2{border-radius:2px}.SPbdra-3{border-radius:3px}.SPbdra-4{border-radius:4px}.SPbdra-5{border-radius:5px}.SPbdra-6{border-radius:6px}.SPbdra-7{border-radius:7px}.SPbdra-8{border-radius:8px}.SPbdra-9{border-radius:9px}.SPbdra-10{border-radius:10px}.SPbdra-11{border-radius:11px}.SPbdra-12{border-radius:12px}.SPbdra-14{border-radius:14px}.SPbdra-16{border-radius:16px} .SPbdt-aaa{border-top:1px solid #AAA}.SPbdt-bbb{border-top:1px solid #BBB}.SPbdt-ccc{border-top:1px solid #CCC}.SPbdt-ddd{border-top:1px solid #DDD}.SPbdt-eee{border-top:1px solid #EEE} .SPbdb-aaa{border-bottom:1px solid #AAA}.SPbdb-bbb{border-bottom:1px solid #BBB}.SPbdb-ccc{border-bottom:1px solid #CCC}.SPbdb-ddd{border-bottom:1px solid #DDD}.SPbdb-eee{border-bottom:1px solid #EEE} .SPbdl-aaa{border-left:1px solid #AAA}.SPbdl-bbb{border-left:1px solid #BBB}.SPbdl-ccc{border-left:1px solid #CCC}.SPbdl-ddd{border-left:1px solid #DDD}.SPbdl-eee{border-left:1px solid #EEE} .SPbdr-aaa{border-right:1px solid #AAA}.SPbdr-bbb{border-right:1px solid #BBB}.SPbdr-ccc{border-right:1px solid #CCC}.SPbdr-ddd{border-right:1px solid #DDD}.SPbdr-eee{border-right:1px solid #EEE} /* 文本-原子 */ .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}.SPff-simhei{font-family:SimHei}.SPff-bahnschrift{font-family:Bahnschrift}.SPff-consolas{font-family:'Consolas';} .SPfs-8{font-size:8px}.SPfs-9{font-size:9px}.SPfs-10{font-size:10px}.SPfs-11{font-size:11px}.SPfs-12{font-size:12px}.SPfs-13{font-size:13px}.SPfs-14{font-size:14px}.SPfs-15{font-size:15px}.SPfs-16{font-size:16px}.SPfs-17{font-size:17px}.SPfs-18{font-size:18px}.SPfs-19{font-size:19px}.SP-fs20{font-size:20px}.SP-fs21{font-size:21px}.SPfs-22{font-size:22px}.SPfs-23{font-size:23px}.SPfs-24{font-size:24px}.SPfs-26{font-size:26px}.SPfs-28{font-size:28px}.SPfs-30{font-size:30px}.SPfs-32{font-size:32px}.SPfs-36{font-size:36px}.SPfs-40{font-size:40px}.SPfs-44{font-size:44px}.SPfs-48{font-size:48px}.SPfs-50{font-size:50px}.SPfs-60{font-size:60px}.SPfs-64{font-size:64px}.SPfs-72{font-size:72px}.SPfs-80{font-size:80px}.SPfs-88{font-size:88px}.SPfs-96{font-size:96px} .SPfw-100{font-weight:100}.SPfw-200{font-weight:200}.SPfw-300{font-weight:300}.SPfw-400{font-weight:400}.SPfw-500{font-weight:500}.SPfw-600{font-weight:600}.SPfw-700{font-weight:700}.SPfw-800{font-weight:800}.SPfw-900{font-weight:900} .SPls-m2{letter-spacing:-2px}.SPls-m1{letter-spacing:-1px}.SPls-0{letter-spacing:0px}.SPls-1{letter-spacing:1px}.SPls-2{letter-spacing:2px}.SPls-3{letter-spacing:3px}.SPls-4{letter-spacing:4px}.SPls-5{letter-spacing:5px}.SPls-6{letter-spacing:6px}.SPls-7{letter-spacing:7px}.SPls-8{letter-spacing:8px} /* 文本-组合 */ .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;} /* 背景-原子 */ .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); }