/* 默认颜色 */

/* 十二行业样式   */

.kejiaobangong {

  background: #fff2ee;

  color: var(--Color-Brand-Normal);

}



.xinnengyuan {

  background: #ffedf1;

  color: #ff0035;

}



.jiajujiadian {

  background: #fff8ee;

  color: #ff9b10;

}



.jiancaizhuangshi {

  background: #eef9ff;

  color: #10adff;

}



.qichezhizao {

  background: #f0fffb;

  color: #21cc9a;

}



.kongtiaonuantong {

  background: #f3edff;

  color: #5a00ff;

}



.guanggaobiaoshi {

  background: #fffef0;

  color: #ccbe21;

}



.gangcaishichangwaijiagong {

  background: #efffde;

  color: #199974;

}



.jianshenqicai {

  background: #ffe7d4;

  color: #dd7801;

}



.gongchengjixie {

  background: #fff4d7;

  color: #e1a734;

}



.gangjiegou {

  background: #dfedff;

  color: #5ba5ff;

}



.chuanbozhizao {

  background: #fce5ed;

  color: #e87ba5;

}



.bg-white {

  background-color: var(--Color-Background-1);

}



.bg-white-hv:hover {

  background-color: var(--Color-Fill-White);

}



.bg-black {

  background-color: #000000;

}



.bg-white005 {

  background-color: rgba(255, 255, 255, 0.05);

}



.bg-black03 {

  background-color: rgba(0, 0, 0, 0.3);

}



.bg-white018 {

  background: rgba(255, 255, 255, 0.18);

}



.bg-white05 {

  background: rgba(255, 255, 255, 0.5);

}



.bg-white06 {

  background: rgba(255, 255, 255, 0.6);

}



.bg-white07 {

  background: rgba(255, 255, 255, 0.7);

}



.bg-black01 {

  background: rgba(0, 0, 0, 0.1);

}



.bg-black02 {

  background: rgba(0, 0, 0, 0.2);

}



.bg-black03 {

  background: rgba(0, 0, 0, 0.3);

}



.bg-black04 {

  background: rgba(0, 0, 0, 0.4);

}



.bg-black05 {

  background: rgba(0, 0, 0, 0.5);

}



.bg-black06 {

  background: rgba(0, 0, 0, 0.6);

}



.bg-black07 {

  background: rgba(0, 0, 0, 0.7);

}



.bg-black08 {

  background: rgba(0, 0, 0, 0.8);

}



.bg-black09 {

  background: rgba(0, 0, 0, 0.9);

}



.c-white {

  color: var(--Color-Text-White);

}



.c-black {

  color: #000000;

}



.c-828898 {

  color: #828898;

}



.c-838897 {

  color: #838897;

}



.c-979797 {

  color: #979797;

}



.c-D8D8D8 {

  color: #d8d8d8;

}



.c-0071e3 {

  color: #0071e3;

}



.c-70CEFF {

  color: #70ceff;

}



.c-f5f5f7 {

  color: #f5f5f7;

}



.c-f5f5f5 {

  color: #f5f5f5;

}



.c-f6f6f6 {

  color: #f6f6f6;

}



.c-10ADFF {

  color: #10adff;

}



.c-181D27 {

  color: #181D27;

}



.c-007FFF {

  color: var(--Color-Info-Normal);

}



.c-5a00ff {

  color: #5a00ff;

}



.c-FF4610 {

  color: var(--Color-Brand-Normal);

}



.c-FFF8EE {

  color: #fff8ee;

}



.c-9C66FF {

  color: #9c66ff;

}



.c-171B25 {

  color: var(--Color-Text-Title);

}



.c-2E3646 {

  color: #2E3646;

}



.c-414960 {

  color: var(--Color-Text-T1);

}



.c-34C759 {

  color: var(--Color-Success-Normal);

}



.c-9FA3B0 {

  color: var(--Color-Text-T3);

}



.c-61687C {

  color: var(--Color-Text-T2);

}



.c-A6A6A6 {

  color: #A6A6A6;

}



.c-5F6D7E {

  color: #5F6D7E;

}



.c-1A1B1E {

  color: #1A1B1E;

}



.c-34363D {

  color: #34363D;

}



.c-0F0F0F {

  color: #0F0F0F;

}



.c-1D1D1F {

  color: #1D1D1F;

}



.c-868C9E {

  color: #868C9E;

}



.c-F53F3F {

  color: var(--Color-Error-Normal);

}



.c-61687C {

  color: var(--Color-Text-T2);

}



.c-F6F6F6 {

  color: #F6F6F6;

}



.c-8833FF {

  color: var(--Color-Purple-Normal);

}



.c-2CA94C {

  color: var(--Color-Success-Active);

}



.c-FFD534 {

  color: #FFD534;

}



.bg-FAFAFA {

  background-color: #FAFAFA;

}



.bg-D8D8D8 {

  background-color: #d8d8d8;

}



.bg-1A1B1E {

  background-color: #1a1b1e;

}



.bg-0F0F0F {

  background-color: #0F0F0F;

}



.bg-F2F4F7 {

  background-color: #F2F4F7;

}



.bg-f5f5f5 {

  background-color: #f5f5f5;

}



.bg-bbbbbb {

  background-color: #bbbbbb;

}



.bg-FFF8EE {

  background-color: #fff8ee;

}



.bg-FFFEF0 {

  background-color: #fffef0;

}



.bg-F0FFFB {

  background-color: #f0fffb;

}



.bg-F3FDFF {

  background-color: #f3fdff;

}



.bg-F3EDFF {

  background-color: #f3edff;

}



.bg-FFD79F {

  background-color: #ffd79f;

}



.bg-FFEE29 {

  background-color: #ffee29;

}



.bg-CC380D {

  background-color: #cc380d;

}



.bg-FFEBCF {

  background-color: #ffebcf;

}



.bg-FAFAFB {

  background-color: var(--Color-Fill-5);

}



.bg-373739 {

  background-color: #373739;

}



.bg-F2F4F7 {

  background-color: var(--Color-Fill-4);

}



.bg-0D0E0F {

  background-color: #0D0E0F;

}



.bg-E5F2FF {

  background-color: var(--Color-Info-Light);

}



.bg-171B25 {

  background-color: var(--Color-Text-Title);

}



.bg-6F7586 {

  background-color: #6F7586;

}



/* 模糊 */

.fl-blur21 {

  filter: blur(21px);

}



.fl-blur2 {

  filter: blur(2px);

}



.bg-blur25 {

  backdrop-filter: blur(25px);

}



/* 邦德红1 */

.bodor-color-red1 {

  color: #1a0005;

}



.bodor-bg-red1 {

  background-color: #1a0005;

}



/* 邦德红2 */

.bodor-color-red2 {

  color: #33000b;

}



.bodor-bg-red2 {

  background-color: #33000b;

}



/* 邦德红3 */

.bodor-color-red3 {

  color: #660015;

}



.bodor-bg-red3 {

  background-color: #660015;

}



/* 邦德红4 */

.bodor-color-red4 {

  color: #990020;

}



.bodor-bg-red4 {

  background-color: #990020;

}



/* 邦德红5 */

.bodor-color-red5 {

  color: #cc002a;

}



.bodor-bg-red5 {

  background-color: #cc002a;

}



/* 邦德红6 */

.bodor-color-red6 {

  color: #ff0035;

}



.bodor-bg-red6 {

  background-color: #ff0035;

}



/* 邦德红6 */

.bodor-color-red6 {

  color: #ff0035;

}



.bodor-bg-red6 {

  background-color: #ff0035;

}



/* 邦德红7 */

.bodor-color-red7 {

  color: #ff335d;

}



.bodor-bg-red7 {

  background-color: #ff335d;

}



/* 邦德红8 */

.bodor-color-red8 {

  color: #ff6686;

}



.bodor-bg-red8 {

  background-color: #ff6686;

}



/* 邦德红9 */

.bodor-color-red9 {

  color: #ff99ae;

}



.bodor-bg-red9 {

  background-color: #ff99ae;

}



/* 邦德红10 */

.bodor-color-red10 {

  color: #ffccd7;

}



.bodor-bg-red10 {

  background-color: #ffccd7;

}



/* 邦德红11 */

.bodor-color-red11 {

  color: #ffedf1;

}



.bodor-bg-red11 {

  background-color: #ffedf1;

}



/* 邦德灰3 */

.bodor-color-gray3 {

  color: #34363d;

}



.bodor-bg-gray3 {

  background-color: #34363d;

}



/* 邦德灰4 */

.bodor-color-gray4 {

  color: #4e525b;

}



.bodor-bg-gray4 {

  background-color: #4e525b;

}



.bodor-bbt-gray4 {

  border-bottom: 1px solid#4e525b;

}



/* 邦德灰5 */

.bodor-color-gray5 {

  color: #686d7a;

}



.bodor-bg-gray5 {

  background-color: #686d7a;

}



/* 邦德灰6 */

.bodor-color-gray6 {

  color: #828898;

}



.bodor-bg-gray6 {

  background-color: #828898;

}



/* 邦德灰7 */

.bodor-color-gray7 {

  color: #9ba0ad;

}



.bodor-bg-gray7 {

  background-color: #9ba0ad;

}



/* 邦德灰8 */

.bodor-color-gray8 {

  color: #b4b8c1;

}



.bodor-bg-gray8 {

  background-color: #b4b8c1;

}



/* 邦德灰9 */

.bodor-color-gray9 {

  color: #cdcfd6;

}



.bodor-bg-gray9 {

  background-color: #cdcfd6;

}



/* 邦德灰10 */

.bodor-color-gray10 {

  color: #e6e7ea;

}



.bodor-bg-gray10 {

  background-color: #e6e7ea;

}



/* 邦德灰11 */

.bodor-color-gray11 {

  color: var(--Color-Background-Full);

}



.bodor-bg-gray11 {

  background-color: var(--Color-Background-Full);

}



.bodor-bg-gray11-hover:hover {

  background-color: var(--Color-Background-Full);

}



.bodor-bg-gray11-09 {

  background-color: rgba(246, 247, 248, 0.9);

}



/* 邦德橙5 */

.bodor-color-orange5 {

  color: #992a0a;

}



.bodor-bg-orange5 {

  background-color: #992a0a;

}



/* 邦德橙6 */

.bodor-color-orange6 {

  color: var(--Color-Brand-Normal);

}



.bodor-bd-orange6 {

  border: 1px solid var(--Color-Brand-Normal);

}



.bodor-color-orange6-hover:hover {

  color: var(--Color-Brand-Normal);

}



.bodor-bg-orange6-01 {

  background-color: rgba(255, 70, 16, 0.1);

}



.bodor-bg-orange6 {

  background-color: var(--Color-Brand-Normal);

}



/* 邦德橙7 */

.bodor-color-orange7 {

  color: #ff6b40;

}



.bodor-bg-orange7 {

  background-color: #ff6b40;

}



/* 邦德橙8 */

.bodor-color-orange8 {

  color: var(--Color-Brand-Disabled);

}



.bodor-bg-orange8 {

  background-color: var(--Color-Brand-Disabled);

}



/* 邦德橙9 */

.bodor-color-orange9 {

  color: #ffb59f;

}



.bodor-bg-orange9 {

  background-color: #ffb59f;

}



/* 邦德橙10 */

.bodor-color-orange10 {

  color: var(--Color-Brand-Text-Disabled);

}



.bodor-bg-orange10 {

  background-color: var(--Color-Brand-Text-Disabled);

}



/* 邦德橙11 */

.bodor-color-orange11 {

  color: #fff2ee;

}



.bodor-bg-orange11 {

  background-color: #fff2ee;

}



/* 邦德天蓝11 */

.bodor-color-azure11 {

  color: #f3fdff;

}



.bodor-bg-azure11 {

  background-color: #f3fdff;

}



/* 字体大小 */

.fs-10 {

  font-size: 10px;

}



.fs-12 {

  font-size: 12px;

}



.fs-13 {

  font-size: 13px;

}



.fs-14 {

  font-size: 14px;

}



.fs-16 {

  font-size: 16px;

}



.fs-17 {

  font-size: 17px;

}



.fs-18 {

  font-size: 18px;

}



.fs-20 {

  font-size: 20px;

}



.fs-21 {

  font-size: 21px;

}



.fs-22 {

  font-size: 22px;

}



.fs-24 {

  font-size: 24px;

}



.fs-26 {

  font-size: 26px;

}



.fs-28 {

  font-size: 28px;

}



.fs-30 {

  font-size: 30px;

}



.fs-32 {

  font-size: 32px;

}



.fs-34 {

  font-size: 34px;

}



.fs-36 {

  font-size: 36px;

}



.fs-38 {

  font-size: 38px;

}



.fs-40 {

  font-size: 40px;

}



.fs-42 {

  font-size: 42px;

}



.fs-44 {

  font-size: 44px;

}



.fs-46 {

  font-size: 46px;

}



.fs-48 {

  font-size: 48px;

}



.fs-50 {

  font-size: 50px;

}



.fs-52 {

  font-size: 52px;

}



.fs-54 {

  font-size: 54px;

}



.fs-55 {

  font-size: 54px;

}



.fs-56 {

  font-size: 56px;

}



.fs-60 {

  font-size: 60px;

}



.fs-64 {

  font-size: 64px;

}



.fs-66 {

  font-size: 66px;

}



.fs-68 {

  font-size: 68px;

}



.fs-72 {

  font-size: 72px;

}



.fs-78 {

  font-size: 78px;

}



.fs-80 {

  font-size: 80px;

}



.fs-84 {

  font-size: 84px;

}



.fs-85 {

  font-size: 85px;

}



.fs-90 {

  font-size: 90px;

}



.fs-96 {

  font-size: 96px;

}



.fs-110 {

  font-size: 110px;

}



.fs-120 {

  font-size: 120px;

}



.fs-128 {

  font-size: 128px;

}



.fs-140 {

  font-size: 140px;

}



.fs-180 {

  font-size: 180px;

}



.fs-300 {

  font-size: 300px;

}



.fs-504 {

  font-size: 504px;

}



.fs-993 {

  font-size: 993px;

}



.fs-1479 {

  font-size: 1479px;

}



.fs-1966 {

  font-size: 1966px;

}



.fs-2010 {

  font-size: 2010px;

}



/* 字体粗细 */

.fw-100 {

  font-weight: 100;

}



.fw-200 {

  font-weight: 200;

}



.fw-300 {

  font-weight: 300;

}



.fw-400 {

  font-weight: 400;

}



.fw-500 {

  font-weight: 500;

}



.fw-600 {

  font-weight: 600;

}



.fw-700 {

  font-weight: 700;

}



.fw-800 {

  font-weight: 800;

}



/* 磨砂 */

.dimBlack {

  backdrop-filter: saturate(180%) blur(20px);

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  background: rgba(29, 29, 31, 0.7);

}



.dimWhite {

  backdrop-filter: saturate(180%) blur(20px);

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  background: rgba(255, 255, 255, 0.7);

}



/* 字体 */

body span,

body p {

  font-family: Rubik-VariableFont_wght-Regular, sf-pro-text_regular, sf-pro-display_regular,

    PingFang SC, "Microsoft YaHei" !important;

  font-weight: 400 !important;

}



.bodor-PF {

  font-family: Rubik-VariableFont_wght-Medium, RedHatDisplay-Medium, Oswald-Medium, "Microsoft YaHei";

  font-weight: 500 !important;

}



.bodor-MontserratBold {

  font-family: Bold, "Microsoft YaHei";

  font-weight: 700 !important;

}



.bodor-SF {

  font-family: SFNewRepublic, PingFang SC, "Microsoft YaHei";

}



.bodor-PFThin {

  font-family: PingFangSC-Thin, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 100 !important;

}



.bodor-PFLight {

  font-family: PingFangSC-Light, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 300 !important;

}



.bodor-newRepublicSC {

  font-family: new-republic-sc, RedHatDisplay-Regular, sf-pro-text_regular,

    sf-pro-display_regular, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 400 !important;

}



.bodor-newRepublic {

  font-family: new-republic, RedHatDisplay-Regular, sf-pro-text_regular,

    sf-pro-display_regular, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 400 !important;

}



.bodor-PFRegular {

  font-family: Rubik-VariableFont_wght-Regular, sf-pro-text_regular, sf-pro-display_regular,

    PingFang SC, "Microsoft YaHei" !important;

  font-weight: 400 !important;

}



.bodor-PFMedium {

  font-family: Rubik-VariableFont_wght-Medium, sf-pro-text_medium, PingFang SC,

    "Microsoft YaHei" !important;

  font-weight: 500 !important;

}



.bodor-PFSemibold {

  font-family: Rubik-VariableFont_wght-Semibold, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 600 !important;

}



.bodor-SFRBold {

  font-family: Rubik-VariableFont_wght-Bold, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 700 !important;

}



.bodor-ADEBold {

  font-family: Altinn-DIN-Exp-Bold, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 700 !important;

}



.bodor-PFSNaNpxibold {

  font-family: Rubik-VariableFont_wght-SemiBold,

    sf-pro-text_semibold, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 600 !important;

}



.bodor-SFRepublic {

  font-family: SF-Republic, PingFang SC, "Microsoft YaHei" !important;

  font-weight: 600 !important;

}



/* 新版英文字体 */

.bodor-RHDRegular {

  font-family: Rubik-VariableFont_wght-Regular, "Microsoft YaHei" !important;

  font-weight: 400 !important;

}



.bodor-RHDMedium {

  font-family: Rubik-VariableFont_wght-Medium, "Microsoft YaHei" !important;

  font-weight: 500 !important;

}



.bodor-RHDSemiBold {

  font-family: Rubik-VariableFont_wght-SemiBold, "Microsoft YaHei" !important;

  font-weight: 600 !important;

}



.bodor-RHTVariableFont_wght {

  font-family: RedHatText-VariableFont_wght, "Microsoft YaHei" !important;

}



.bodor-RHTRegular {

  font-family: RedHatText-Regular, "Microsoft YaHei" !important;

  font-weight: 400 !important;

}



.bodor-Os-Regular {

  font-family: Oswald-Regular, "Microsoft YaHei" !important;

  font-weight: 400 !important;

}



.bodor-Os-Medium {

  font-family: Oswald-Medium, "Microsoft YaHei" !important;

  font-weight: 500 !important;

}



.bodor-Os-SemiBold {

  font-family: Oswald-SemiBold, "Microsoft YaHei" !important;

  font-weight: 600 !important;

}



.bodor-Os-Light {

  font-family: Oswald-Light, "Microsoft YaHei" !important;

  font-weight: 300 !important;

}



/* 强制显示一行 */

.ws-np {

  white-space: nowrap;

}



/* 换行符生效 */

.ws-pl {

  white-space: pre-line;

}



.fb {

  font-weight: bold;

}



.fn {

  font-weight: normal;

}



.unl:hover {

  text-decoration: underline;

}



.tl {

  text-align: left;

}



.tc {

  text-align: center;

}



.tr {

  text-align: right;

}



.tj {

  text-align: justify;

  text-justify: inter-ideograph;

  text-justify: inter-character;

}



.wn {

  /* 强制不换行 */

  word-wrap: normal;

  white-space: nowrap;

}



.wb {

  /* 强制换行 */

  white-space: normal;

  word-wrap: break-word;

  word-break: break-all;

}



.wp {

  /* 保持空白序列*/

  overflow: hidden;

  text-align: left;

  white-space: pre-wrap;

  word-wrap: break-word;

  word-break: break-all;

}



.wes {

  /* 多出部分用省略号表示 , 用于一行 */

  overflow: hidden;

  word-wrap: normal;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.fl-inherit {

  float: inherit;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



.clearfix::after,

.clearfix::before {

  display: table;

  content: " ";

}



.clearfix::after {

  clear: both;

}



.ar-16-9 {

  aspect-ratio: 16/9;

}



.ar-16-10 {

  aspect-ratio: 16/10

}



.ar-352-440 {

  aspect-ratio: 352/440

}





/* 溢出样式 */

.ofh {

  overflow: hidden;

}



.ofh-x {

  overflow-x: hidden;

}



.ofh-y {

  overflow-y: hidden;

}



.ofs {

  overflow: scroll;

}



.ofs-x {

  overflow-x: scroll;

}



.ofa {

  overflow: auto;

}



.ofv {

  overflow: visible;

}



/* 定位方式 */

.ps {

  position: static;

}



.psc {

  position: sticky;

  position: -webkit-sticky;

}



.pr {

  position: relative;

}



.pa {

  position: absolute;

}



.pf {

  position: fixed;

}



/* top 上 */

.t-75vh {

  top: 75vh;

}



.t-55vh {

  top: 55vh;

}



.t-50vh {

  top: 50vh;

}



.t50 {

  top: 50%;

}



.t40 {

  top: 40%;

}



.t--190 {

  top: -190px;

}



.t--155 {

  top: -155px;

}



.t--66 {

  top: -66px;

}



.t--40 {

  top: -40px;

}



.t--28 {

  top: -28px;

}



.t--24 {

  top: -24px;

}



.t--20 {

  top: -20px;

}



.t--10 {

  top: -10px;

}



.t--7 {

  top: -7px;

}



.t--6 {

  top: -6px;

}



.t--3 {

  top: -3px;

}



.t--2 {

  top: -2px;

}



.t--1 {

  top: -1px;

}



.t-0 {

  top: 0px;

}



.t-3 {

  top: 3px;

}



.t-2 {

  top: 2px;

}



.t-4 {

  top: 4px;

}



.t-5 {

  top: 5px;

}



.t-6 {

  top: 6px;

}



.t-7 {

  top: 7px;

}



.t-8 {

  top: 8px;

}



.t-10 {

  top: 10px;

}



.t-12 {

  top: 12px;

}



.t-15 {

  top: 15px;

}



.t-16 {

  top: 16px;

}



.t-18 {

  top: 18px;

}



.t-20 {

  top: 20px;

}



.t-22 {

  top: 22px;

}



.t-24 {

  top: 24px;

}



.t-28 {

  top: 28px;

}



.t-30 {

  top: 30px;

}



.t-32 {

  top: 32px;

}



.t-40 {

  top: 40px;

}



.t--40 {

  top: -40px;

}



.t--50 {

  top: -50px;

}



.t-42 {

  top: 42px;

}



.t-43 {

  top: 43px;

}



.t-44 {

  top: 44px;

}



.t-48 {

  top: 48px;

}



.t-50 {

  top: 50px;

}



.t-52 {

  top: 52px;

}



.t-55 {

  top: 55px;

}



.t-60 {

  top: 60px;

}



.t-62 {

  top: 62px;

}



.t-64 {

  top: 64px;

}



.t-67 {

  top: 67px;

}



.t-70 {

  top: 70px;

}



.t-72 {

  top: 72px;

}



.t-75 {

  top: 75px;

}



.t-76 {

  top: 76px;

}



.t-80 {

  top: 80px;

}



.t-82 {

  top: 82px;

}



.t-85 {

  top: 85px;

}



.t-92 {

  top: 92px;

}



.t-96 {

  top: 96px;

}



.t-100 {

  top: 100px;

}



.t-110 {

  top: 110px;

}



.t-112 {

  top: 112px;

}



.t-113 {

  top: 113px;

}



.t-118 {

  top: 118px;

}



.t-120 {

  top: 120px;

}



.t-124 {

  top: 124px;

}



.t-128 {

  top: 128px;

}



.t-148 {

  top: 148px;

}



.t-150 {

  top: 150px;

}



.t-157 {

  top: 157px;

}



.t-158 {

  top: 158px;

}



.t-160 {

  top: 160px;

}



.t-163 {

  top: 163px;

}



.t-170 {

  top: 170px;

}



.t-177 {

  top: 177px;

}



.t-180 {

  top: 180px;

}



.t-184 {

  top: 184px;

}



.t-192 {

  top: 192px;

}



.t-200 {

  top: 200px;

}



.t-206 {

  top: 206px;

}



.t-220 {

  top: 220px;

}



.t-240 {

  top: 240px;

}



.t-242 {

  top: 240px;

}



.t-298 {

  top: 298px;

}



.t-300 {

  top: 300px;

}



.t-308 {

  top: 308px;

}



.t-323 {

  top: 323px;

}



.t-336 {

  top: 336px;

}



.t-428 {

  top: 428px;

}



.t-460 {

  top: 460px;

}



.t-600 {

  top: 600px;

}



.t-720 {

  top: 720px;

}



.t-800 {

  top: 800px;

}



.t-880 {

  top: 880px;

}



.t-920 {

  top: 920px;

}



.t-550 {

  top: 550px;

}



/* right 右 */

.r-1vw {

  right: 1vw;

}



.r--60 {

  right: -60px;

}



.r--52 {

  right: -52px;

}



.r--50 {

  right: -50px;

}



.r--30 {

  right: -30px;

}



.r--28 {

  right: -28px;

}



.r--24 {

  right: -24px;

}



.r--23 {

  right: -23px;

}



.r--16 {

  right: -16px;

}



.r--13 {

  right: -13px;

}



.r--10 {

  right: -10px;

}



.r--6 {

  right: -6px;

}



.r-0 {

  right: 0px;

}



.r-4 {

  right: 4px;

}



.r-6 {

  right: 6px;

}



.r-8 {

  right: 8px;

}



.r-12 {

  right: 12px;

}



.r-13 {

  right: 13px;

}



.r-14 {

  right: 14px;

}



.r-16 {

  right: 16px;

}



.r-20 {

  right: 20px;

}



.r-20 {

  right: 20px;

}



.r-22 {

  right: 22px;

}



.r-24 {

  right: 24px;

}



.r-26 {

  right: 26px;

}



.r-30 {

  right: 30px;

}



.r-32 {

  right: 32px;

}



.r-36 {

  right: 36px;

}



.r-40 {

  right: 40px;

}



.r-43 {

  right: 43px;

}



.r-57 {

  right: 57px;

}



.r-82 {

  right: 82px;

}



.r-95 {

  right: 95px;

}



.r-120 {

  right: 120px;

}



.r-132 {

  right: 132px;

}



.r-175 {

  right: 175px;

}



.r-192 {

  right: 192px;

}



.r-220 {

  right: 220px;

}



.r-272 {

  right: 272px;

}



.r--200 {

  right: -200px;

}



/* left 左 */

.l165- {

  left: -165%;

}



.l--200 {

  left: -200px;

}



.l--120 {

  left: -120px;

}



.l--70 {

  left: -70px;

}



.l--42 {

  left: -42px;

}



.l--30 {

  left: -30px;

}



.l--1 {

  left: -1px;

}



.l10 {

  left: 10%;

}



.l3 {

  left: 3%;

}



.l-0 {

  left: 0px;

}



.l-1 {

  left: 1px;

}



.l-2 {

  left: 2px;

}



.l-4 {

  left: 4px;

}



.l-10 {

  left: 10px;

}



.l-12 {

  left: 12px;

}



.l-16 {

  left: 16px;

}



.l-20 {

  left: 20px;

}



.l-24 {

  left: 24px;

}



.l-26 {

  left: 26px;

}



.l-27 {

  left: 27px;

}



.l-30 {

  left: 30px;

}



.l-32 {

  left: 32px;

}



.l-36 {

  left: 36px;

}



.l-40 {

  left: 40px;

}



.l-48 {

  left: 48px;

}



.l-50 {

  left: 50px;

}



.l-60 {

  left: 60px;

}



.l-62 {

  left: 62px;

}



.l-72 {

  left: 72px;

}



.l-75 {

  left: 75px;

}



.l-80 {

  left: 80px;

}



.l-96 {

  left: 96px;

}



.l-100 {

  left: 100px;

}



.l-102 {

  left: 102px;

}



.l-108 {

  left: 108px;

}



.l-120 {

  left: 120px;

}



.l-224 {

  left: 224px;

}



.l-230 {

  left: 230px;

}



.l-280 {

  left: 280px;

}



.l-245 {

  left: 245px;

}



.l-309 {

  left: 309px;

}



.l-390 {

  left: 390px;

}



.l-560 {

  left: 560px;

}



.l--200 {

  left: -200px;

}



/* bottom 下 */

.b-2vh {

  bottom: 2vh;

}



.b--40 {

  bottom: -40px;

}



.b--35 {

  bottom: -35px;

}



.b--18 {

  bottom: -18px;

}



.b--16 {

  bottom: -16px;

}



.b--14 {

  bottom: -14px;

}



.b--12 {

  bottom: -12px;

}



.b--6 {

  bottom: -6px;

}



.b--4 {

  bottom: -4px;

}



.b--3 {

  bottom: -3px;

}



.b--2 {

  bottom: -2px;

}



.b--1 {

  bottom: -1px;

}



.b-0 {

  bottom: 0;

}



.b-1 {

  bottom: 1px;

}



.b-2 {

  bottom: 2px;

}



.b-4 {

  bottom: 4px;

}



.b-6 {

  bottom: 6px;

}



.b-10 {

  bottom: 10px;

}



.b-12 {

  bottom: 12px;

}



.b-13 {

  bottom: 13px;

}



.b-16 {

  bottom: 16px;

}



.b-17 {

  bottom: 17px;

}



.b-20 {

  bottom: 20px;

}



.b-22 {

  bottom: 22px;

}



.b-24 {

  bottom: 24px;

}



.b-25 {

  bottom: 25px;

}



.b-26 {

  bottom: 26px;

}



.b-30 {

  bottom: 30px;

}



.b-32 {

  bottom: 32px;

}



.b-34 {

  bottom: 34px;

}



.b-40 {

  bottom: 40px;

}



.b-42 {

  bottom: 42px;

}



.b-44 {

  bottom: 44px;

}



.b-45 {

  bottom: 45px;

}



.b-48 {

  bottom: 48px;

}



.b-50 {

  bottom: 50px;

}



.b-56 {

  bottom: 56px;

}



.b-60 {

  bottom: 60px;

}



.b-62 {

  bottom: 62px;

}



.b-70 {

  bottom: 70px;

}



.b-80 {

  bottom: 80px;

}



.b-84 {

  bottom: 84px;

}



.b-86 {

  bottom: 86px;

}



.b-112 {

  bottom: 112px;

}



.b-114 {

  bottom: 114px;

}



.b-120 {

  bottom: 120px;

}



.b-130 {

  bottom: 130px;

}



.b-144 {

  bottom: 144px;

}



.b-174 {

  bottom: 174px;

}



.b-184 {

  bottom: 184px;

}



.b-200 {

  bottom: 200px;

}



.b-256 {

  bottom: 256px;

}



.b-260 {

  bottom: 260px;

}



.b-300 {

  bottom: 300px;

}



.b-375 {

  bottom: 375px;

}



.b--70 {

  bottom: -70px;

}



/* 垂直对齐方式 */

.vt {

  vertical-align: top;

}



.vm {

  vertical-align: middle;

}



.vb {

  vertical-align: bottom;

}



/* 鼠标样式 */

.csd {

  cursor: default;

}



.csp {

  cursor: pointer;

}



.csh {

  cursor: help;

}



.csm {

  cursor: move;

}



/* grid布局 */

.dg {

  display: grid;

}



.dg-gap-12 {

  display: grid;

  gap: 12px;

}



.gap-16 {

  gap: 16px;

}



.gap-20 {

  gap: 20px;

}



.gap-24 {

  gap: 24px;

}



.gap-32 {

  gap: 32px;

}



.grid-columns-224 {

  grid-template-columns: repeat(auto-fill, minmax(224px, 1fr));

}



.grid-columns-344 {

  grid-template-columns: repeat(auto-fill, minmax(344px, 1fr));

}



.grid-columns-352 {

  grid-template-columns: repeat(auto-fill, minmax(352px, 1fr));

}



.grid-columns-360 {

  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));

}



.grid-columns-736 {

  grid-template-columns: repeat(auto-fill, minmax(736px, 1fr));

}



.grid-columns-738 {

  grid-template-columns: repeat(auto-fill, minmax(738px, 1fr));

}



/* flex布局 */

.od-0 {

  order: 0;

}



.od-1 {

  order: 1;

}



.dif-sb {

  display: -webkit-flex;

  /* Safari */

  display: inline-flex;

  align-items: center;

  justify-content: space-between;

}



.df-sb {

  display: -webkit-flex;

  /* Safari */

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.df-sa {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: center;

  justify-content: space-around;

}



.df-fs-sb {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: flex-start;

  justify-content: space-between;

}



.df-fd-sb {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: flex-end;

  justify-content: space-between;

}



.df-fd-sa {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: flex-end;

  justify-content: space-around;

}



.df-sa {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: center;

  justify-content: space-around;

}



.df-fs {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: center;

  justify-content: flex-start;

}



.df-column {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  flex-direction: column;

  flex-wrap: wrap;

}



.df-fd-fs {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  justify-content: flex-end;

  align-items: flex-start;

}



.df-fd-fd {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  justify-content: flex-end;

  align-items: flex-end;

}



.df-c-fd {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  justify-content: flex-end;

  align-items: center;

}



.df-c-fs {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  justify-content: center;

  align-items: flex-start;

}



.df-fs-fs {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  justify-content: flex-start;

  align-items: flex-start;

}



.df-fs-fd {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  justify-content: flex-start;

  align-items: flex-end;

}



.df-fd {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: flex-end;

}



.df-fd-c {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: flex-end;

  justify-content: center;

}



.df-fd-sb {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: flex-end;

  justify-content: space-between;

}



/* 垂直居中 */

.df-c {

  display: flex;

  display: -webkit-flex;

  /* Safari */

  align-items: center;

  justify-content: center;

}



.tb-c {

  text-align: center;

  display: table-cell;

  vertical-align: middle;

}



.ts-c {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



/* 辅助 */

.bg-cover {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.bg-cover-all {

  background-size: 100% 100%;

  background-repeat: no-repeat;

  background-position: center center;

}



/* 绘制三角形 */

/* 朝上 ▲ */

.triangle-up {

  width: 0;

  height: 0;

  border-left: 50px solid transparent;

  border-right: 50px solid transparent;

  border-bottom: 100px solid red;

}



/* 朝下 */

.triangle-down {

  width: 0;

  height: 0;

  border-left: 50px solid transparent;

  border-right: 50px solid transparent;

  border-top: 100px solid red;

}



/* 朝左 */

.triangle-left {

  width: 0;

  height: 0;

  border-top: 50px solid transparent;

  border-right: 100px solid red;

  border-bottom: 50px solid transparent;

}



/* 朝右 */

.triangle-right {

  width: 0;

  height: 0;

  border-top: 50px solid transparent;

  border-left: 100px solid red;

  border-bottom: 50px solid transparent;

}



/* 朝左上 */

.triangle-topleft {

  width: 0;

  height: 0;

  border-top: 100px solid red;

  border-right: 100px solid transparent;

}



/* 朝右上 */

.triangle-topright {

  width: 0;

  height: 0;

  border-top: 100px solid red;

  border-left: 100px solid transparent;

}



/* 朝左下 */

.triangle-bottomleft {

  width: 0;

  height: 0;

  border-bottom: 100px solid red;

  border-right: 100px solid transparent;

}



/* 朝右下 */

.triangle-bottomright {

  width: 0;

  height: 0;

  border-bottom: 100px solid red;

  border-left: 100px solid transparent;

}



.blur-white {

  backdrop-filter: saturate(180%) blur(20px);

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  background: rgba(255, 255, 255, 0.7);

}



.blur-black {

  backdrop-filter: saturate(180%) blur(20px);

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  background: rgba(0, 0, 0, 0.7);

}



/* 隐藏在图片没有src时候的边框 */

img[src=""],

img:not([src]) {

  /* opacity: 0; */

}



/* 清除移动端iOS上输入框默认的内部阴影 */

input {

  -webkit-appearance: none;

}



/* 图片属性 */

img {

  width: 100%;

  height: 100%;

  border: none;

  /* object-fit: cover; */

}



.of-c {

  object-fit: cover;

}



.of-i {

  object-fit: initial;

}



/* margin: auto; 自适应宽度 */

.mg-a {

  margin: auto;

}



.lst-none {

  list-style-type: none;

}



/* width 宽度 */

.w-100vw {

  width: calc(100vw);

}



.w-50vw {

  width: 50vw;

}



.w100-96 {

  width: calc(100vw - 96px);

}



.w-120vw {

  width: 120vw;

}



.w-200vw {

  width: 200vw;

}



.w100 {

  width: 100%;

}



.w105 {

  width: 105%;

}



.w90 {

  width: 90%;

}



.w-auto {

  width: auto;

}



.w-fit-content {

  width: fit-content;

}



.w0 {

  width: 0%;

}



.w88 {

  width: 88.88%;

}



.w80 {

  width: 80%;

}



.w75 {

  width: 75%;

}



.w66 {

  width: 66%;

}



.w65 {

  width: 65%;

}



.w60 {

  width: 60%;

}



.w58 {

  width: 58%;

}



.w55 {

  width: 55%;

}



.w50 {

  width: 50%;

}



.w49 {

  width: 49%;

}



.w48 {

  width: 48%;

}



.w47 {

  width: 47%;

}



.w45 {

  width: 45%;

}



.w40 {

  width: 40%;

}



.w38 {

  width: 38%;

}



.w35 {

  width: 35%;

}



.w33 {

  width: 33%;

}



.w32 {

  width: 32%;

}



.w30 {

  width: 30%;

}



.w25 {

  width: 25%;

}



.w20 {

  width: 20%;

}



.w10 {

  width: 10%;

}



.w-2 {

  width: 2px;

}



.w-4 {

  width: 4px;

}



.w-5 {

  width: 5px;

}



.w-6 {

  width: 6px;

}



.w-7 {

  width: 7px;

}



.w-8 {

  width: 8px;

}



.w-10 {

  width: 10px;

}



.w-12 {

  width: 12px;

}



.w-14 {

  width: 14px;

}



.w-16 {

  width: 16px;

}



.w-18 {

  width: 18px;

}



.w-20 {

  width: 20px;

}



.w-22 {

  width: 22px;

}



.w-24 {

  width: 24px;

}



.w-26 {

  width: 26px;

}



.w-27 {

  width: 27px;

}



.w-28 {

  width: 28px;

}



.w-30 {

  width: 30px;

}



.minw-6 {

  min-width: 6px;

}



.minw-32 {

  min-width: 32px;

}



.minw-60 {

  min-width: 60px;

}



.minw-88 {

  min-width: 88px;

}



.minw-105 {

  min-width: 105px;

}



.minw-400 {

  min-width: 400px;

}



.minw-352 {

  min-width: 352px;

}



.minw-372 {

  min-width: 372px;

}



.minw-320 {

  min-width: 320px;

}



.w-32 {

  width: 32px;

}



.w-36 {

  width: 36px;

}



.w-37 {

  width: 37px;

}



.w-38 {

  width: 38px;

}



.w-44 {

  width: 44px;

}



.w-40 {

  width: 40px;

}



.minw-48 {

  min-width: 48px;

}



.w-46 {

  width: 46px;

}



.w-48 {

  width: 48px;

}



.w-50 {

  width: 50px;

}



.w-52 {

  width: 52px;

}



.w-56 {

  width: 56px;

}



.w-58 {

  width: 58px;

}



.w-60 {

  width: 60px;

}



.w-64 {

  width: 64px;

}



.w-66 {

  width: 66px;

}



.w-68 {

  width: 68px;

}



.w-70 {

  width: 70px;

}



.w-72 {

  width: 72px;

}



.w-76 {

  width: 76px;

}



.w-79 {

  width: 79px;

}



.minw-80 {

  min-width: 80px;

}



.w-78 {

  width: 78px;

}



.w-80 {

  width: 80px;

}



.w-82 {

  width: 82px;

}



.w-83 {

  width: 83px;

}



.w-84 {

  width: 84px;

}



.w-88 {

  width: 88px;

}



.w-96 {

  width: 96px;

}



.w-98 {

  width: 98px;

}



.w-100 {

  width: 100px;

}



.w-102 {

  width: 102px;

}



.w-104 {

  width: 104px;

}



.w-112 {

  width: 112px;

}



.w-117 {

  width: 117px;

}



.w-118 {

  width: 118px;

}



.w-120 {

  width: 120px;

}



.w-122 {

  width: 122px;

}



.w-125 {

  width: 125px;

}



.w-128 {

  width: 128px;

}



.w-130 {

  width: 130px;

}



.w-136 {

  width: 136px;

}



.w-137 {

  width: 137px;

}



.w-140 {

  width: 140px;

}



.w-142 {

  width: 142px;

}



.w-143 {

  width: 141px;

}



.w-144 {

  width: 144px;

}



.w-145 {

  width: 145px;

}



.w-146 {

  width: 146px;

}



.w-147 {

  width: 147px;

}



.w-150 {

  width: 150px;

}



.w-160 {

  width: 160px;

}



.w-165 {

  width: 165px;

}



.w-168 {

  width: 168px;

}



.w-176 {

  width: 176px;

}



.w-180 {

  width: 180px;

}



.w-182 {

  width: 182px;

}



.w-184 {

  width: 184px;

}



.w-189 {

  width: 189px;

}



.w-191 {

  width: 191px;

}



.w-192 {

  width: 192px;

}



.w-196 {

  width: 196px;

}



.w-200 {

  width: 200px;

}



.w-208 {

  width: 208px;

}



.w-210 {

  width: 210px;

}



.w-214 {

  width: 214px;

}



.w-216 {

  width: 216px;

}



.w-220 {

  width: 220px;

}



.w-221 {

  width: 221px;

}



.w-224 {

  width: 224px;

}



.w-225 {

  width: 225px;

}



.w-230 {

  width: 230px;

}



.w-232 {

  width: 232px;

}



.w-235 {

  width: 235px;

}



.w-240 {

  width: 240px;

}



.w-244 {

  width: 244px;

}



.w-250 {

  width: 250px;

}



.w-252 {

  width: 252px;

}



.w-253 {

  width: 253px;

}



.w-255 {

  width: 255px;

}



.w-256 {

  width: 256px;

}



.w-258 {

  width: 258px;

}



.w-260 {

  width: 260px;

}



.w-262 {

  width: 262px;

}



.w-264 {

  width: 264px;

}



.w-267 {

  width: 267px;

}



.w-268 {

  width: 268px;

}



.w-270 {

  width: 270px;

}



.minw-268 {

  min-width: 268px;

}



.w-272 {

  width: 272px;

}



.w-273 {

  width: 273px;

}



.w-274 {

  width: 274px;

}



.w-276 {

  width: 276px;

}



.w-280 {

  width: 280px;

}



.w-285 {

  width: 285px;

}



.w-288 {

  width: 288px;

}



.w-292 {

  width: 292px;

}



.w-298 {

  width: 298px;

}



.w-300 {

  width: 300px;

}



.w-304 {

  width: 304px;

}



.w-306 {

  width: 306px;

}



.w-309 {

  width: 309px;

}



.w-311 {

  width: 311px;

}



.w-315 {

  width: 315px;

}

.w-318 {

  width: 318px;

}

.w-320 {

  width: 320px;

}



.w-330 {

  width: 330px;

}



.w-332 {

  width: 332px;

}



.w-334 {

  width: 334px;

}



.w-336 {

  width: 336px;

}



.w-340 {

  width: 340px;

}



.w-344 {

  width: 344px;

}



.w-350 {

  width: 350px;

}



.w-352 {

  width: 352px;

}



.w-354 {

  width: 354px;

}



.w-360 {

  width: 360px;

}



.w-362 {

  width: 362px;

}



.w-363 {

  width: 363px;

}



.w-368 {

  width: 368px;

}



.w-370 {

  width: 370px;

}



.w-372 {

  width: 372px;

}



.w-376 {

  width: 376px;

}



.w-380 {

  width: 380px;

}



.w-384 {

  width: 384px;

}



.w-388 {

  width: 388px;

}



.w-396 {

  width: 396px;

}



.w-400 {

  width: 400px;

}



.w-404 {

  width: 404px;

}



.w-414 {

  width: 414px;

}



.w-416 {

  width: 416px;

}



.w-418 {

  width: 418px;

}



.w-420 {

  width: 420px;

}



.w-428 {

  width: 428px;

}



.w-429 {

  width: 429px;

}



.w-432 {

  width: 432px;

}



.w-437 {

  width: 437px;

}



.w-438 {

  width: 438px;

}



.w-440 {

  width: 440px;

}



.w-436 {

  width: 436px;

}



.w-448 {

  width: 448px;

}



.w-450 {

  width: 450px;

}



.w-460 {

  width: 460px;

}



.w-464 {

  width: 464px;

}



.w-480 {

  width: 480px;

}



.w-482 {

  width: 482px;

}



.w-484 {

  width: 484px;

}



.w-488 {

  width: 488px;

}



.w-496 {

  width: 496px;

}



.w-500 {

  width: 500px;

}



.w-506 {

  width: 506px;

}



.w-512 {

  width: 512px;

}



.w-520 {

  width: 520px;

}



.w-522 {

  width: 522px;

}



.w-523 {

  width: 523px;

}



.w-528 {

  width: 528px;

}



.w-532 {

  width: 532px;

}



.w-538 {

  width: 538px;

}



.w-540 {

  width: 540px;

}



.w-544 {

  width: 544px;

}



.w-550 {

  width: 550px;

}



.w-552 {

  width: 552px;

}



.w-558 {

  width: 558px;

}



.w-560 {

  width: 560px;

}



.w-566 {

  width: 566px;

}



.w-568 {

  width: 568px;

}



.w-576 {

  width: 576px;

}



.w-588 {

  width: 588px;

}



.w-592 {

  width: 592px;

}



.w-594 {

  width: 594px;

}



.w-600 {

  width: 600px;

}



.w-604 {

  width: 604px;

}



.w-608 {

  width: 608px;

}



.w-612 {

  width: 612px;

}



.w-640 {

  width: 640px;

}



.w-620 {

  width: 620px;

}



.w-624 {

  width: 624px;

}



.w-652 {

  width: 652px;

}



.w-672 {

  width: 672px;

}



.w-688 {

  width: 688px;

}



.w-700 {

  width: 700px;

}



.w-712 {

  width: 712px;

}



.w-720 {

  width: 720px;

}



.w-722 {

  width: 722px;

}



.w-736 {

  width: 736px;

}



.w-738 {

  width: 738px;

}



.w-740 {

  width: 740px;

}



.w-746 {

  width: 746px;

}



.w-748 {

  width: 748px;

}



.w-750 {

  width: 750px;

}



.w-760 {

  width: 760px;

}



.w-768 {

  width: 768px;

}



.w-774 {

  width: 774px;

}



.w-780 {

  width: 780px;

}



.w-784 {

  width: 784px;

}



.w-792 {

  width: 792px;

}



.w-800 {

  width: 800px;

}



.w-816 {

  width: 816px;

}



.w-820 {

  width: 820px;

}



.w-824 {

  width: 824px;

}



.w-832 {

  width: 832px;

}



.w-833 {

  width: 833px;

}



.w-834 {

  width: 834px;

}



.w-841 {

  width: 841px;

}



.w-844 {

  width: 844px;

}



.w-848 {

  width: 848px;

}



.w-853 {

  width: 853px;

}



.w-860 {

  width: 860px;

}



.w-864 {

  width: 864px;

}



.w-866 {

  width: 866px;

}



.w-880 {

  width: 880px;

}



.w-884 {

  width: 884px;

}



.w-890 {

  width: 890px;

}



.w-892 {

  width: 892px;

}



.w-900 {

  width: 900px;

}



.w-932 {

  width: 932px;

}



.w-934 {

  width: 934px;

}



.w-952 {

  width: 952px;

}



.w-948 {

  width: 948px;

}



.w-960 {

  width: 960px;

}



.w-966 {

  width: 966px;

}



.w-992 {

  width: 992px;

}



.w-995 {

  width: 995px;

}



.w-1000 {

  width: 1000px;

}



.w-1017 {

  width: 1017px;

}



.w-1020 {

  width: 1020px;

}



.w-1024 {

  width: 1024px;

}



.w-1056 {

  width: 1056px;

}



.w-1080 {

  width: 1080px;

}



.w-1100 {

  width: 1100px;

}



.w-1118 {

  width: 1118px;

}



.w-1120 {

  width: 1120px;

}



.w-1136 {

  width: 1136px;

}



.w-1152 {

  width: 1152px;

}



.w-1178 {

  width: 1178px;

}



.w-1280 {

  width: 1280px;

}



.w-1200 {

  width: 1200px;

}



.w-1280 {

  width: 1280px;

}



.w-1400 {

  width: 1400px;

}



.w-1440 {

  width: 1440px;

}



.w-1536 {

  width: 1536px;

}



.w-2240 {

  width: 2240px;

}



.w-2560 {

  width: 2560px;

}



.w-3000 {

  width: 3000px;

}



/* height 高度 */

.h-100vh {

  height: 100vh;

}



.h-145vh {

  height: 145vh;

}



.h-150vh {

  height: 150vh;

}



.h-200vh {

  height: 200vh;

}



.h-300vh {

  height: 300vh;

}



.h-auto {

  height: auto;

}



.h100 {

  height: 100%;

}



.h105 {

  height: 105%;

}



.h80 {

  height: 80%;

}



.h50 {

  height: 50%;

}



.h40 {

  height: 40%;

}



.h25 {

  height: 25%;

}



.h10 {

  height: 10%;

}



.h-0 {

  height: 0;

}



.h-1 {

  height: 1px;

}



.h-2 {

  height: 2px;

}



.h-3 {

  height: 3px;

}



.h-4 {

  height: 4px;

}



.h-5 {

  height: 5px;

}



.h-6 {

  height: 6px;

}



.h-8 {

  height: 8px;

}



.h-10 {

  height: 10px;

}



.h-12 {

  height: 12px;

}



.h-16 {

  height: 16px;

}



.h-18 {

  height: 18px;

}



.h-20 {

  height: 20px;

}



.h-22 {

  height: 22px;

}



.h-24 {

  height: 24px;

}



.h-25 {

  height: 25px;

}



.h-26 {

  height: 26px;

}



.h-28 {

  height: 28px;

}



.h-30 {

  height: 30px;

}



.h-32 {

  height: 32px;

}



.h-33 {

  height: 33px;

}



.h-36 {

  height: 36px;

}



.h-37 {

  height: 37px;

}



.h-38 {

  height: 38px;

}



.h-40 {

  height: 40px;

}



.h-42 {

  height: 42px;

}



.h-44 {

  height: 44px;

}



.h-45 {

  height: 45px;

}



.h-48 {

  height: 48px;

}



.h-50 {

  height: 50px;

}



.h-52 {

  height: 52px;

}



.h-53 {

  height: 53px;

}



.h-56 {

  height: 56px;

}



.h-58 {

  height: 58px;

}



.h-60 {

  height: 60px;

}



.h-64 {

  height: 64px;

}



.h-65 {

  height: 65px;

}



.h-66 {

  height: 66px;

}



.h-68 {

  height: 68px;

}



.h-72 {

  height: 72px;

}



.h-76 {

  height: 76px;

}



.h-80 {

  height: 80px;

}



.h-90 {

  height: 90px;

}



.h-96 {

  height: 96px;

}



.h-100 {

  height: 100px;

}



.h-102 {

  height: 102px;

}



.h-103 {

  height: 103px;

}



.h-108 {

  height: 108px;

}



.h-110 {

  height: 110px;

}



.h-112 {

  height: 112px;

}



.h-116 {

  height: 116px;

}



.h-120 {

  height: 120px;

}



.h-128 {

  height: 128px;

}



.h-140 {

  height: 140px;

}



.h-144 {

  height: 144px;

}



.h-146 {

  height: 146px;

}



.h-148 {

  height: 148px;

}



.h-150 {

  height: 150px;

}



.h-160 {

  height: 160px;

}



.h-163 {

  height: 163px;

}



.h-172 {

  height: 172px;

}



.h-180 {

  height: 180px;

}



.h-188 {

  height: 188px;

}



.h-189 {

  height: 189px;

}



.h-190 {

  height: 190px;

}



.h-194 {

  height: 194px;

}



.h-200 {

  height: 200px;

}



.h-204 {

  height: 204px;

}



.h-207 {

  height: 207px;

}



.h-210 {

  height: 210px;

}



.h-212 {

  height: 212px;

}



.h-214 {

  height: 214px;

}



.h-215 {

  height: 215px;

}



.h-216 {

  height: 216px;

}



.h-220 {

  height: 220px;

}



.h-222 {

  height: 222px;

}



.h-224 {

  height: 224px;

}



.h-225 {

  height: 225px;

}



.h-230 {

  height: 230px;

}



.h-232 {

  height: 232px;

}



.h-240 {

  height: 240px;

}



.h-250 {

  height: 250px;

}



.h-252 {

  height: 252px;

}



.h-264 {

  height: 264px;

}



.h-260 {

  height: 260px;

}



.h-265 {

  height: 265px;

}



.h-268 {

  height: 268px;

}



.h-271 {

  height: 271px;

}



.h-272 {

  height: 272px;

}



.h-278 {

  height: 278px;

}



.h-280 {

  height: 280px;

}



.h-288 {

  height: 288px;

}



.h-296 {

  height: 296px;

}



.h-300 {

  height: 300px;

}



.h-308 {

  height: 308px;

}



.h-310 {

  height: 310px;

}



.h-312 {

  height: 312px;

}



.h-315 {

  height: 315px;

}



.h-320 {

  height: 320px;

}



.h-328 {

  height: 328px;

}



.h-329 {

  height: 329px;

}



.h-330 {

  height: 330px;

}



.h-332 {

  height: 332px;

}



.h-336 {

  height: 336px;

}



.h-340 {

  height: 340px;

}



.h-342 {

  height: 342px;

}



.h-348 {

  height: 348px;

}



.h-352 {

  height: 352px;

}



.h-354 {

  height: 354px;

}



.h-357 {

  height: 357px;

}



.h-358 {

  height: 358px;

}



.h-360 {

  height: 360px;

}



.h-368 {

  height: 368px;

}



.h-376 {

  height: 376px;

}



.h-377 {

  height: 377px;

}



.h-378 {

  height: 378px;

}



.h-380 {

  height: 380px;

}



.h-384 {

  height: 384px;

}



.h-386 {

  height: 386px;

}



.h-387 {

  height: 387px;

}



.h-390 {

  height: 390px;

}



.h-392 {

  height: 392px;

}



.h-400 {

  height: 400px;

}



.h-412 {

  height: 412px;

}



.h-414 {

  height: 414px;

}



.h-415 {

  height: 415px;

}



.h-420 {

  height: 420px;

}



.h-428 {

  height: 428px;

}



.h-430 {

  height: 430px;

}



.h-437 {

  height: 437px;

}



.h-440 {

  height: 440px;

}



.h-441 {

  height: 441px;

}



.h-446 {

  height: 446px;

}



.h-453 {

  height: 453px;

}



.h-458 {

  height: 458px;

}



.h-460 {

  height: 460px;

}



.h-476 {

  height: 476px;

}



.h-477 {

  height: 477px;

}



.h-480 {

  height: 480px;

}



.h-487 {

  height: 487px;

}



.h-495 {

  height: 495px;

}



.h-498 {

  height: 498px;

}



.h-500 {

  height: 500px;

}



.h-520 {

  height: 520px;

}



.h-528 {

  height: 528px;

}



.h-553 {

  height: 553px;

}



.h-540 {

  height: 540px;

}



.h-560 {

  height: 560px;

}



.h-567 {

  height: 567px;

}



.h-568 {

  height: 568px;

}



.h-571 {

  height: 571px;

}



.h-576 {

  height: 576px;

}



.h-580 {

  height: 580px;

}



.h-585 {

  height: 585px;

}



.h-644 {

  height: 644px;

}



.h-656 {

  height: 656px;

}



.h-600 {

  height: 600px;

}



.h-606 {

  height: 606px;

}



.h-602 {

  height: 602px;

}



.h-618 {

  height: 618px;

}



.h-620 {

  height: 620px;

}



.h-624 {

  height: 624px;

}



.h-628 {

  height: 628px;

}



.h-630 {

  height: 630px;

}



.h-632 {

  height: 632px;

}



.h-640 {

  height: 640px;

}



.h-646 {

  height: 646px;

}



.h-650 {

  height: 650px;

}



.h-648 {

  height: 648px;

}



.h-667 {

  height: 667px;

}



.h-680 {

  height: 680px;

}



.h-700 {

  height: 700px;

}



.h-720 {

  height: 720px;

}



.h-728 {

  height: 728px;

}



.h-750 {

  height: 750px;

}



.h-760 {

  height: 760px;

}



.h-777 {

  height: 777px;

}



.h-780 {

  height: 780px;

}



.h-788 {

  height: 788px;

}



.h-800 {

  height: 800px;

}



.h-810 {

  height: 810px;

}



.h-813 {

  height: 813px;

}



.h-825 {

  height: 825px;

}



.h-850 {

  height: 850px;

}



.h-856 {

  height: 856px;

}



.h-860 {

  height: 860px;

}



.h-864 {

  height: 864px;

}



.h-888 {

  height: 888px;

}



.h-890 {

  height: 890px;

}



.h-900 {

  height: 900px;

}



.h-910 {

  height: 910px;

}



.h-920 {

  height: 920px;

}



.h-960 {

  height: 960px;

}



.h-970 {

  height: 970px;

}



.h-980 {

  height: 980px;

}



.h-982 {

  height: 982px;

}



.h-1000 {

  height: 1000px;

}



.h-1080 {

  height: 1080px;

}



.h-1100 {

  height: 1100px;

}



.h-1200 {

  height: 1200px;

}



.h-1300 {

  height: 1300px;

}



.h-1400 {

  height: 1400px;

}



.h-1500 {

  height: 1500px;

}



.h-1600 {

  height: 1600px;

}



.h-2000 {

  height: 2000px;

}



.h-2500 {

  height: 2500px;

}



.h-2900 {

  height: 2900px;

}



.h-3000 {

  height: 3000px;

}



.h-3500 {

  height: 3500px;

}



.h-4400 {

  height: 4400px;

}



.h-5000 {

  height: 5000px;

}



/* 最小高度 */

.minh-6 {

  min-height: 6px;

}



.minh-5625vw {

  min-height: 56.25vw;

  max-height: 2160px;

}



.minh-580 {

  min-height: 580px;

}



.minh-800 {

  min-height: 800px;

}



.maxh-900 {

  max-height: 900px;

}



.maxh-1080 {

  max-height: 1080px;

}



.maxh-2160 {

  max-height: 2160px;

}



/* 最小宽度 */

.minw-288 {

  min-width: 288px;

}



.minw-784 {

  min-width: 784px;

}



.minw-1120 {

  min-width: 1120px;

}



.minw-1152 {

  min-width: 1152px;

}



.minw-1200 {

  min-width: 1200px;

}



.minw-1440 {

  min-width: 1440px;

}



/* 最大宽度 */

.maxw-2560 {

  max-width: 2560px;

}



.maxw-1504 {

  max-width: 1504px;

}



.maxw-1152 {

  max-width: 1152px;

}



.maxw-1120 {

  max-width: 1120px;

}



.maxw-1000 {

  max-width: 1000px;

}



.maxw-1017 {

  max-width: 1017px;

}



/* 图片对比度 */

.fi-0 {

  filter: invert(0%);

}



.fi-80 {

  filter: invert(80%);

}



.fi-100 {

  filter: invert(100%);

}



.fi-hv100:hover {

  filter: invert(100%);

}



.fi-hv0:hover {

  filter: invert(0%);

}



.va-md {

  vertical-align: middle;

}



.gray {

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: gray;

}



.gray-hv0:hover {

  -webkit-filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

  -o-filter: grayscale(0%);

  filter: grayscale(0%);

  filter: gray;

}



/*---------------------------------------

    - Margin & Padding

-----------------------------------------*/

/*-- Margin Top --*/

.mt--190 {

  margin-top: -190px;

}



.mt--1 {

  margin-top: -1px;

}



.mt--5 {

  margin-top: -5px;

}



.mt-0 {

  margin-top: 0px;

}



.mt-2 {

  margin-top: 2px;

}



.mt-4 {

  margin-top: 4px;

}



.mt-5 {

  margin-top: 5px;

}



.mt-8 {

  margin-top: 8px;

}



.mt-10 {

  margin-top: 10px;

}



.mt-12 {

  margin-top: 12px;

}



.mt-14 {

  margin-top: 14px;

}



.mt-15 {

  margin-top: 15px;

}



.mt-16 {

  margin-top: 16px;

}



.mt--18 {

  margin-top: -18px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-22 {

  margin-top: 22px;

}



.mt-24 {

  margin-top: 24px;

}



.mt-25 {

  margin-top: 25px;

}



.mt-28 {

  margin-top: 28px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-32 {

  margin-top: 32px;

}



.mt-35 {

  margin-top: 35px;

}



.mt-36 {

  margin-top: 36px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-44 {

  margin-top: 44px;

}



.mt-45 {

  margin-top: 45px;

}



.mt-48 {

  margin-top: 48px;

}



.mt-50 {

  margin-top: 50px;

}



.mt-55 {

  margin-top: 55px;

}



.mt-56 {

  margin-top: 56px;

}



.mt-60 {

  margin-top: 60px;

}



.mt-64 {

  margin-top: 64px;

}



.mt-65 {

  margin-top: 65px;

}



.mt-70 {

  margin-top: 70px;

}



.mt-72 {

  margin-top: 72px;

}



.mt-75 {

  margin-top: 75px;

}



.mt-80 {

  margin-top: 80px;

}



.mt-85 {

  margin-top: 85px;

}



.mt-90 {

  margin-top: 90px;

}



.mt-95 {

  margin-top: 95px;

}



.mt-96 {

  margin-top: 96px;

}



.mt-100 {

  margin-top: 100px;

}



.mt-105 {

  margin-top: 105px;

}



.mt-110 {

  margin-top: 110px;

}



.mt-115 {

  margin-top: 115px;

}



.mt-120 {

  margin-top: 120px;

}



.mt-125 {

  margin-top: 125px;

}



.mt-130 {

  margin-top: 130px;

}



.mt-135 {

  margin-top: 135px;

}



.mt-140 {

  margin-top: 140px;

}



.mt-145 {

  margin-top: 145px;

}



.mt-150 {

  margin-top: 150px;

}



.mt-155 {

  margin-top: 155px;

}



.mt-160 {

  margin-top: 160px;

}



.mt-165 {

  margin-top: 165px;

}



.mt-170 {

  margin-top: 170px;

}



.mt-175 {

  margin-top: 175px;

}



.mt-180 {

  margin-top: 180px;

}



.mt-185 {

  margin-top: 185px;

}



.mt-190 {

  margin-top: 190px;

}



.mt-195 {

  margin-top: 195px;

}



.mt-200 {

  margin-top: 200px;

}



.mt-250 {

  margin-top: 250px;

}



.mt-260 {

  margin-top: 260px;

}



.mt-300 {

  margin-top: 300px;

}



.mt-317 {

  margin-top: 317px;

}



.mt-350 {

  margin-top: 350px;

}



.mt-400 {

  margin-top: 400px;

}



.mt-450 {

  margin-top: 450px;

}



.mt-550 {

  margin-top: 550px;

}



.mt-600 {

  margin-top: 600px;

}



.mt-680 {

  margin-top: 680px;

}



/*-- Margin Bottom --*/

.mb-0 {

  margin-bottom: 0px;

}



.mb-2 {

  margin-bottom: 2px;

}



.mb-3 {

  margin-bottom: 3px;

}



.mb-4 {

  margin-bottom: 4px;

}



.mb-5 {

  margin-bottom: 5px;

}



.mb-6 {

  margin-bottom: 6px;

}



.mb-8 {

  margin-bottom: 8px;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-12 {

  margin-bottom: 12px;

}



.mb-14 {

  margin-bottom: 14px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-16 {

  margin-bottom: 16px;

}



.mb-17 {

  margin-bottom: 17px;

}



.mb-18 {

  margin-bottom: 18px;

}



.mb--18 {

  margin-bottom: -18px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-22 {

  margin-bottom: 22px;

}



.mb-24 {

  margin-bottom: 24px;

}



.mb-25 {

  margin-bottom: 25px;

}



.mb-26 {

  margin-bottom: 26px;

}



.mb-27 {

  margin-bottom: 27px;

}



.mb-28 {

  margin-bottom: 28px;

}



.mb-29 {

  margin-bottom: 29px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-32 {

  margin-bottom: 32px;

}



.mb--32 {

  margin-bottom: -32px;

}



.mb-33 {

  margin-bottom: 33px;

}



.mb-34 {

  margin-bottom: 34px;

}



.mb-35 {

  margin-bottom: 35px;

}



.mb-36 {

  margin-bottom: 36px;

}



.mb-38 {

  margin-bottom: 38px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb--40 {

  margin-bottom: -40px;

}



.mb-42 {

  margin-bottom: 42px;

}



.mb-44 {

  margin-bottom: 44px;

}



.mb-45 {

  margin-bottom: 45px;

}



.mb-48 {

  margin-bottom: 48px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mb-52 {

  margin-bottom: 52px;

}



.mb-54 {

  margin-bottom: 54px;

}



.mb-55 {

  margin-bottom: 55px;

}



.mb-56 {

  margin-bottom: 56px;

}



.mb-58 {

  margin-bottom: 58px;

}



.mb-60 {

  margin-bottom: 60px;

}



.mb-64 {

  margin-bottom: 64px;

}



.mb-65 {

  margin-bottom: 65px;

}



.mb-70 {

  margin-bottom: 70px;

}



.mb-73 {

  margin-bottom: 73px;

}



.mb-75 {

  margin-bottom: 75px;

}



.mb-80 {

  margin-bottom: 80px;

}



.mb-84 {

  margin-bottom: 84px;

}



.mb-85 {

  margin-bottom: 85px;

}



.mb-90 {

  margin-bottom: 90px;

}



.mb-95 {

  margin-bottom: 95px;

}



.mb-96 {

  margin-bottom: 96px;

}



.mb-100 {

  margin-bottom: 100px;

}



.mb-105 {

  margin-bottom: 105px;

}



.mb-110 {

  margin-bottom: 110px;

}



.mb-115 {

  margin-bottom: 115px;

}



.mb-120 {

  margin-bottom: 120px;

}



.mb-125 {

  margin-bottom: 125px;

}



.mb-130 {

  margin-bottom: 130px;

}



.mb-135 {

  margin-bottom: 135px;

}



.mb-140 {

  margin-bottom: 140px;

}



.mb-143 {

  margin-bottom: 143px;

}



.mb-145 {

  margin-bottom: 145px;

}



.mb-150 {

  margin-bottom: 150px;

}



.mb-155 {

  margin-bottom: 155px;

}



.mb-160 {

  margin-bottom: 160px;

}



.mb-165 {

  margin-bottom: 165px;

}



.mb-170 {

  margin-bottom: 170px;

}



.mb-175 {

  margin-bottom: 175px;

}



.mb-180 {

  margin-bottom: 180px;

}



.mb-185 {

  margin-bottom: 185px;

}



.mb-190 {

  margin-bottom: 190px;

}



.mb-195 {

  margin-bottom: 195px;

}



.mb-200 {

  margin-bottom: 200px;

}



.mb-205 {

  margin-bottom: 205px;

}



.mb-210 {

  margin-bottom: 210px;

}



.mb-215 {

  margin-bottom: 215px;

}



.mb-220 {

  margin-bottom: 220px;

}



.mb-225 {

  margin-bottom: 225px;

}



.mb-230 {

  margin-bottom: 230px;

}



.mb-235 {

  margin-bottom: 235px;

}



.mb-240 {

  margin-bottom: 240px;

}



.mb-245 {

  margin-bottom: 245px;

}



.mb-250 {

  margin-bottom: 250px;

}



.mb-255 {

  margin-bottom: 255px;

}



.mb-260 {

  margin-bottom: 260px;

}



.mb-265 {

  margin-bottom: 265px;

}



.mb-270 {

  margin-bottom: 270px;

}



.mb-275 {

  margin-bottom: 275px;

}



.mb-280 {

  margin-bottom: 280px;

}



.mb-285 {

  margin-bottom: 285px;

}



.mb-290 {

  margin-bottom: 290px;

}



.mb-295 {

  margin-bottom: 295px;

}



.mb-300 {

  margin-bottom: 300px;

}



.mb-350 {

  margin-bottom: 350px;

}



.mb-365 {

  margin-bottom: 365px;

}



.mb-500 {

  margin-bottom: 500px;

}



.mb-900 {

  margin-bottom: 900px;

}



/*-- Margin Left --*/

.ml-calc1120 {

  margin-left: calc((100vw - 1120px) / 2);

}



.ml-calc1152 {

  margin-left: calc((100vw - 1152px) / 2);

}



.ml--36 {

  margin-left: -36px;

}



.ml--7 {

  margin-left: -7px;

}



.ml-a {

  margin-left: auto;

}



.ml-0 {

  margin-left: 0px;

}



.ml-4 {

  margin-left: 4px;

}



.ml-5 {

  margin-left: 5px;

}



.ml-8 {

  margin-left: 8px;

}



.ml--8 {

  margin-left: -8px;

}



.ml-10 {

  margin-left: 10px;

}



.ml-12 {

  margin-left: 12px;

}



.ml-15 {

  margin-left: 15px;

}



.ml-16 {

  margin-left: 16px;

}



.ml--16 {

  margin-left: -16px;

}



.ml-20 {

  margin-left: 20px;

}



.ml-24 {

  margin-left: 24px;

}



.ml-25 {

  margin-left: 25px;

}



.ml-26 {

  margin-left: 26px;

}



.ml-30 {

  margin-left: 30px;

}



.ml-32 {

  margin-left: 32px;

}



.ml--32 {

  margin-left: -32px;

}



.ml-35 {

  margin-left: 35px;

}



.ml-36 {

  margin-left: 36px;

}



.ml-40 {

  margin-left: 40px;

}



.ml-44 {

  margin-left: 44px;

}



.ml-45 {

  margin-left: 45px;

}



.ml-48 {

  margin-left: 48px;

}



.ml-50 {

  margin-left: 50px;

}



.ml-55 {

  margin-left: 55px;

}



.ml-56 {

  margin-left: 56px;

}



.ml-60 {

  margin-left: 60px;

}



.ml-64 {

  margin-left: 64px;

}



.ml-65 {

  margin-left: 65px;

}



.ml-70 {

  margin-left: 70px;

}



.ml-72 {

  margin-left: 72px;

}



.ml-75 {

  margin-left: 75px;

}



.ml-80 {

  margin-left: 80px;

}



.ml-85 {

  margin-left: 85px;

}



.ml-90 {

  margin-left: 90px;

}



.ml-95 {

  margin-left: 95px;

}



.ml-100 {

  margin-left: 100px;

}



.ml-105 {

  margin-left: 105px;

}



.ml-110 {

  margin-left: 110px;

}



.ml-115 {

  margin-left: 115px;

}



.ml-120 {

  margin-left: 120px;

}



.ml-125 {

  margin-left: 125px;

}



.ml-130 {

  margin-left: 130px;

}



.ml-135 {

  margin-left: 135px;

}



.ml-140 {

  margin-left: 140px;

}



.ml-145 {

  margin-left: 145px;

}



.ml-150 {

  margin-left: 150px;

}



.ml-155 {

  margin-left: 155px;

}



.ml-156 {

  margin-left: 156px;

}



.ml-160 {

  margin-left: 160px;

}



.ml-165 {

  margin-left: 165px;

}



.ml-170 {

  margin-left: 170px;

}



.ml-175 {

  margin-left: 175px;

}



.ml-180 {

  margin-left: 180px;

}



.ml-185 {

  margin-left: 185px;

}



.ml-190 {

  margin-left: 190px;

}



.ml-195 {

  margin-left: 195px;

}



.ml-200 {

  margin-left: 200px;

}



.ml-436 {

  margin-left: 436px;

}



/*-- Margin Right --*/

.mr-calc1120 {

  margin-right: calc((100vw - 1120px) / 2);

}



.mr-a {

  margin-right: auto;

}



.mr-2 {

  margin-right: 2px;

}



.mr-4 {

  margin-right: 4px;

}



.mr-5 {

  margin-right: 5px;

}



.mr-6 {

  margin-right: 6px;

}



.mr--8 {

  margin-right: -8px;

}



.mr--20 {

  margin-right: -20px;

}



.mr-8 {

  margin-right: 8px;

}



.mr-10 {

  margin-right: 10px;

}



.mr-12 {

  margin-right: 12px;

}



.mr-14 {

  margin-right: 14px;

}



.mr-15 {

  margin-right: 15px;

}



.mr-16 {

  margin-right: 16px;

}



.mr--16 {

  margin-right: -16px;

}



.mr-18 {

  margin-right: 18px;

}



.mr-20 {

  margin-right: 20px;

}



.mr-24 {

  margin-right: 24px;

}



.mr-25 {

  margin-right: 25px;

}



.mr-26 {

  margin-right: 26px;

}



.mr-28 {

  margin-right: 28px;

}



.mr-30 {

  margin-right: 30px;

}



.mr--30 {

  margin-right: -30px;

}



.mr-32 {

  margin-right: 32px;

}



.mr--32 {

  margin-right: -32px;

}



.mr-34 {

  margin-right: 34px;

}



.mr-35 {

  margin-right: 35px;

}



.mr-36 {

  margin-right: 36px;

}



.mr-40 {

  margin-right: 40px;

}



.mr-42 {

  margin-right: 42px;

}



.mr-44 {

  margin-right: 44px;

}



.mr-45 {

  margin-right: 45px;

}



.mr-48 {

  margin-right: 48px;

}



.mr-50 {

  margin-right: 50px;

}



.mr-52 {

  margin-right: 52px;

}



.mr-55 {

  margin-right: 55px;

}



.mr-60 {

  margin-right: 60px;

}



.mr-64 {

  margin-right: 64px;

}



.mr-65 {

  margin-right: 65px;

}



.mr-70 {

  margin-right: 70px;

}



.mr-72 {

  margin-right: 72px;

}



.mr-75 {

  margin-right: 75px;

}



.mr-80 {

  margin-right: 80px;

}



.mr-85 {

  margin-right: 85px;

}



.mr-90 {

  margin-right: 90px;

}



.mr-95 {

  margin-right: 95px;

}



.mr-100 {

  margin-right: 100px;

}



.mr-105 {

  margin-right: 105px;

}



.mr-110 {

  margin-right: 110px;

}



.mr-115 {

  margin-right: 115px;

}



.mr-120 {

  margin-right: 120px;

}



.mr-125 {

  margin-right: 125px;

}



.mr-130 {

  margin-right: 130px;

}



.mr-135 {

  margin-right: 135px;

}



.mr-140 {

  margin-right: 140px;

}



.mr-145 {

  margin-right: 145px;

}



.mr-150 {

  margin-right: 150px;

}



.mr-155 {

  margin-right: 155px;

}



.mr-156 {

  margin-right: 156px;

}



.mr-158 {

  margin-right: 158px;

}



.mr-160 {

  margin-right: 160px;

}



.mr-165 {

  margin-right: 165px;

}



.mr-170 {

  margin-right: 170px;

}



.mr-172 {

  margin-right: 172px;

}



.mr-175 {

  margin-right: 175px;

}



.mr-180 {

  margin-right: 180px;

}



.mr-185 {

  margin-right: 185px;

}



.mr-190 {

  margin-right: 190px;

}



.mr-195 {

  margin-right: 195px;

}



.mr-200 {

  margin-right: 200px;

}



.mr-312 {

  margin-right: 312px;

}



.pd-10 {

  padding: 10px;

}



.pd-20 {

  padding: 20px;

}



.pd-16 {

  padding: 16px;

}



.pd-24 {

  padding: 24px;

}



.pd-32 {

  padding: 32px;

}



.pd-40 {

  padding: 40px;

}



.pd-64 {

  padding: 64px;

}



.pd-80 {

  padding: 80px;

}



.pd-8 {

  padding: 8px;

}



.pd-7 {

  padding: 7px;

}



.pd-6 {

  padding: 6px;

}



.pd-4 {

  padding: 4px;

}



/*-- Padding Top --*/

.pt-2 {

  padding-top: 2px;

}



.pt-3 {

  padding-top: 3px;

}



.pt-4 {

  padding-top: 4px;

}



.pt-5 {

  padding-top: 5px;

}



.pt-6 {

  padding-top: 6px;

}



.pt-7 {

  padding-top: 7px;

}



.pt-8 {

  padding-top: 8px;

}



.pt-10 {

  padding-top: 10px;

}



.pt-12 {

  padding-top: 12px;

}



.pt-13 {

  padding-top: 13px;

}



.pt-14 {

  padding-top: 14px;

}



.pt-15 {

  padding-top: 15px;

}



.pt-16 {

  padding-top: 16px;

}



.pt-17 {

  padding-top: 17px;

}



.pt-18 {

  padding-top: 18px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-22 {

  padding-top: 22px;

}



.pt-23 {

  padding-top: 23px;

}



.pt-24 {

  padding-top: 24px;

}



.pt-25 {

  padding-top: 25px;

}



.pt-26 {

  padding-top: 26px;

}



.pt-28 {

  padding-top: 28px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-31 {

  padding-top: 31px;

}



.pt-32 {

  padding-top: 32px;

}



.pt-33 {

  padding-top: 33px;

}



.pt-34 {

  padding-top: 34px;

}



.pt-35 {

  padding-top: 35px;

}



.pt-36 {

  padding-top: 36px;

}



.pt-37 {

  padding-top: 37px;

}



.pt-38 {

  padding-top: 38px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-42 {

  padding-top: 42px;

}



.pt-43 {

  padding-top: 43px;

}



.pt-44 {

  padding-top: 44px;

}



.pt-45 {

  padding-top: 45px;

}



.pt-46 {

  padding-top: 46px;

}



.pt-47 {

  padding-top: 47px;

}



.pt-48 {

  padding-top: 48px;

}



.pt-50 {

  padding-top: 50px;

}



.pt-52 {

  padding-top: 52px;

}



.pt-54 {

  padding-top: 54px;

}



.pt-55 {

  padding-top: 55px;

}



.pt-56 {

  padding-top: 56px;

}



.pt-60 {

  padding-top: 60px;

}



.pt-63 {

  padding-top: 63px;

}



.pt-64 {

  padding-top: 64px;

}



.pt-65 {

  padding-top: 65px;

}



.pt-66 {

  padding-top: 66px;

}



.pt-68 {

  padding-top: 68px;

}



.pt-70 {

  padding-top: 70px;

}



.pt-72 {

  padding-top: 72px;

}



.pt-74 {

  padding-top: 74px;

}



.pt-75 {

  padding-top: 75px;

}



.pt-76 {

  padding-top: 76px;

}



.pt-78 {

  padding-top: 78px;

}



.pt-80 {

  padding-top: 80px;

}



.pt-82 {

  padding-top: 82px;

}



.pt-83 {

  padding-top: 83px;

}



.pt-84 {

  padding-top: 84px;

}



.pt-85 {

  padding-top: 85px;

}



.pt-87 {

  padding-top: 87px;

}



.pt-88 {

  padding-top: 88px;

}



.pt-90 {

  padding-top: 90px;

}



.pt-92 {

  padding-top: 92px;

}



.pt-93 {

  padding-top: 93px;

}



.pt-94 {

  padding-top: 94px;

}



.pt-95 {

  padding-top: 95px;

}



.pt-96 {

  padding-top: 96px;

}



.pt-98 {

  padding-top: 98px;

}



.pt-100 {

  padding-top: 100px;

}



.pt-102 {

  padding-top: 102px;

}



.pt-104 {

  padding-top: 104px;

}



.pt-105 {

  padding-top: 105px;

}



.pt-106 {

  padding-top: 106px;

}



.pt-107 {

  padding-top: 107px;

}



.pt-108 {

  padding-top: 108px;

}



.pt-110 {

  padding-top: 110px;

}



.pt-113 {

  padding-top: 113px;

}



.pt-115 {

  padding-top: 115px;

}



.pt-118 {

  padding-top: 118px;

}



.pt-120 {

  padding-top: 120px;

}



.pt-122 {

  padding-top: 122px;

}



.pt-124 {

  padding-top: 124px;

}



.pt-125 {

  padding-top: 125px;

}



.pt-126 {

  padding-top: 126px;

}



.pt-128 {

  padding-top: 128px;

}



.pt-130 {

  padding-top: 130px;

}



.pt-133 {

  padding-top: 133px;

}



.pt-135 {

  padding-top: 135px;

}



.pt-140 {

  padding-top: 140px;

}



.pt-144 {

  padding-top: 144px;

}



.pt-145 {

  padding-top: 145px;

}



.pt-146 {

  padding-top: 146px;

}



.pt-150 {

  padding-top: 150px;

}



.pt-155 {

  padding-top: 155px;

}



.pt-158 {

  padding-top: 158px;

}



.pt-160 {

  padding-top: 160px;

}



.pt-164 {

  padding-top: 164px;

}



.pt-165 {

  padding-top: 165px;

}



.pt-166 {

  padding-top: 166px;

}



.pt-168 {

  padding-top: 168px;

}



.pt-170 {

  padding-top: 170px;

}



.pt-173 {

  padding-top: 173px;

}



.pt-175 {

  padding-top: 175px;

}



.pt-180 {

  padding-top: 180px;

}



.pt-182 {

  padding-top: 182px;

}



.pt-185 {

  padding-top: 185px;

}



.pt-188 {

  padding-top: 188px;

}



.pt-190 {

  padding-top: 190px;

}



.pt-192 {

  padding-top: 192px;

}



.pt-195 {

  padding-top: 195px;

}



.pt-196 {

  padding-top: 196px;

}



.pt-200 {

  padding-top: 200px;

}



.pt-205 {

  padding-top: 205px;

}



.pt-210 {

  padding-top: 210px;

}



.pt-215 {

  padding-top: 215px;

}



.pt-220 {

  padding-top: 220px;

}



.pt-225 {

  padding-top: 225px;

}



.pt-229 {

  padding-top: 229px;

}



.pt-230 {

  padding-top: 230px;

}



.pt-233 {

  padding-top: 233px;

}



.pt-235 {

  padding-top: 235px;

}



.pt-240 {

  padding-top: 240px;

}



.pt-245 {

  padding-top: 245px;

}



.pt-250 {

  padding-top: 250px;

}



.pt-255 {

  padding-top: 255px;

}



.pt-260 {

  padding-top: 260px;

}



.pt-265 {

  padding-top: 265px;

}



.pt-270 {

  padding-top: 270px;

}



.pt-275 {

  padding-top: 275px;

}



.pt-280 {

  padding-top: 280px;

}



.pt-285 {

  padding-top: 285px;

}



.pt-290 {

  padding-top: 290px;

}



.pt-295 {

  padding-top: 295px;

}



.pt-300 {

  padding-top: 300px;

}



.pt-315 {

  padding-top: 315px;

}



.pt-317 {

  padding-top: 317px;

}



.pt-320 {

  padding-top: 320px;

}



.pt-323 {

  padding-top: 323px;

}



.pt-325 {

  padding-top: 325px;

}



.pt-380 {

  padding-top: 380px;

}



.pt-400 {

  padding-top: 400px;

}



.pt-469 {

  padding-top: 469px;

}



.pt-500 {

  padding-top: 500px;

}



.pt-600 {

  padding-top: 600px;

}



.pt-670 {

  padding-top: 670px;

}



.pt-700 {

  padding-top: 700px;

}



/*-- Padding Bottom --*/

.pb-3 {

  padding-bottom: 3px;

}



.pb-4 {

  padding-bottom: 4px;

}



.pb-5 {

  padding-bottom: 5px;

}



.pb-6 {

  padding-bottom: 6px;

}



.pb-8 {

  padding-bottom: 8px;

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-11 {

  padding-bottom: 11px;

}



.pb-12 {

  padding-bottom: 12px;

}



.pb-14 {

  padding-bottom: 14px;

}



.pb-15 {

  padding-bottom: 15px;

}



.pb-16 {

  padding-bottom: 16px;

}



.pb-17 {

  padding-bottom: 16px;

}



.pb-18 {

  padding-bottom: 18px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-22 {

  padding-bottom: 22px;

}



.pb-23 {

  padding-bottom: 23px;

}



.pb-24 {

  padding-bottom: 24px;

}



.pb-25 {

  padding-bottom: 25px;

}



.pb-26 {

  padding-bottom: 26px;

}



.pb-28 {

  padding-bottom: 28px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-32 {

  padding-bottom: 32px;

}



.pb-33 {

  padding-bottom: 33px;

}



.pb-34 {

  padding-bottom: 34px;

}



.pb-35 {

  padding-bottom: 35px;

}



.pb-36 {

  padding-bottom: 36px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-42 {

  padding-bottom: 42px;

}



.pb-43 {

  padding-bottom: 43px;

}



.pb-44 {

  padding-bottom: 44px;

}



.pb-45 {

  padding-bottom: 45px;

}



.pb-46 {

  padding-bottom: 46px;

}



.pb-48 {

  padding-bottom: 48px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pb-52 {

  padding-bottom: 52px;

}



.pb-55 {

  padding-bottom: 55px;

}



.pb-56 {

  padding-bottom: 56px;

}



.pb-58 {

  padding-bottom: 58px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pb-64 {

  padding-bottom: 64px;

}



.pb-65 {

  padding-bottom: 65px;

}



.pb-68 {

  padding-bottom: 68px;

}



.pb-70 {

  padding-bottom: 70px;

}



.pb-72 {

  padding-bottom: 72px;

}



.pb-73 {

  padding-bottom: 73px;

}



.pb-74 {

  padding-bottom: 74px;

}



.pb-75 {

  padding-bottom: 75px;

}



.pb-76 {

  padding-bottom: 76px;

}



.pb-78 {

  padding-bottom: 78px;

}



.pb-80 {

  padding-bottom: 80px;

}



.pb-84 {

  padding-bottom: 84px;

}



.pb-85 {

  padding-bottom: 85px;

}



.pb-88 {

  padding-bottom: 88px;

}



.pb-90 {

  padding-bottom: 90px;

}



.pb-93 {

  padding-bottom: 93px;

}



.pb-94 {

  padding-bottom: 94px;

}



.pb-95 {

  padding-bottom: 95px;

}



.pb-96 {

  padding-bottom: 96px;

}



.pb-98 {

  padding-bottom: 98px;

}



.pb-100 {

  padding-bottom: 100px;

}



.pb-102 {

  padding-bottom: 102px;

}



.pb-103 {

  padding-bottom: 103px;

}



.pb-105 {

  padding-bottom: 105px;

}



.pb-108 {

  padding-bottom: 108px;

}



.pb-110 {

  padding-bottom: 110px;

}



.pb-115 {

  padding-bottom: 115px;

}



.pb-120 {

  padding-bottom: 120px;

}



.pb-124 {

  padding-bottom: 124px;

}



.pb-125 {

  padding-bottom: 125px;

}



.pb-128 {

  padding-bottom: 128px;

}



.pb-130 {

  padding-bottom: 130px;

}



.pb-135 {

  padding-bottom: 135px;

}



.pb-140 {

  padding-bottom: 140px;

}



.pb-142 {

  padding-bottom: 142px;

}



.pb-144 {

  padding-bottom: 144px;

}



.pb-145 {

  padding-bottom: 145px;

}



.pb-150 {

  padding-bottom: 150px;

}



.pb-152 {

  padding-bottom: 152px;

}



.pb-155 {

  padding-bottom: 155px;

}



.pb-158 {

  padding-bottom: 158px;

}



.pb-160 {

  padding-bottom: 160px;

}



.pb-165 {

  padding-bottom: 165px;

}



.pb-170 {

  padding-bottom: 170px;

}



.pb-175 {

  padding-bottom: 175px;

}



.pb-180 {

  padding-bottom: 180px;

}



.pb-185 {

  padding-bottom: 185px;

}



.pb-190 {

  padding-bottom: 190px;

}



.pb-195 {

  padding-bottom: 195px;

}



.pb-200 {

  padding-bottom: 200px;

}



.pb-205 {

  padding-bottom: 205px;

}



.pb-210 {

  padding-bottom: 210px;

}



.pb-215 {

  padding-bottom: 215px;

}



.pb-220 {

  padding-bottom: 220px;

}



.pb-225 {

  padding-bottom: 225px;

}



.pb-230 {

  padding-bottom: 230px;

}



.pb-235 {

  padding-bottom: 235px;

}



.pb-240 {

  padding-bottom: 240px;

}



.pb-245 {

  padding-bottom: 245px;

}



.pb-250 {

  padding-bottom: 250px;

}



.pb-255 {

  padding-bottom: 255px;

}



.pb-260 {

  padding-bottom: 260px;

}



.pb-265 {

  padding-bottom: 265px;

}



.pb-270 {

  padding-bottom: 270px;

}



.pb-275 {

  padding-bottom: 275px;

}



.pb-280 {

  padding-bottom: 280px;

}



.pb-285 {

  padding-bottom: 285px;

}



.pb-290 {

  padding-bottom: 290px;

}



.pb-295 {

  padding-bottom: 295px;

}



.pb-300 {

  padding-bottom: 300px;

}



/*-- Padding Left --*/

.pl-calc1120 {

  padding-left: calc((100vw - 1120px) / 2);

}



.pl-calc1152 {

  padding-left: calc((100vw - 1152px) / 2);

}



.pl40 {

  padding-left: 40%;

}



.pl38 {

  padding-left: 38%;

}



.pl--36 {

  padding-left: -36px;

}



.pl-0 {

  padding-left: 0px;

}



.pl-4 {

  padding-left: 4px;

}



.pl-5 {

  padding-left: 5px;

}



.pl-6 {

  padding-left: 6px;

}



.pl-8 {

  padding-left: 8px;

}



.pl-10 {

  padding-left: 10px;

}



.pl-12 {

  padding-left: 12px;

}



.pl-14 {

  padding-left: 14px;

}



.pl-15 {

  padding-left: 15px;

}



.pl-16 {

  padding-left: 16px;

}



.pl-18 {

  padding-left: 18px;

}



.pl-20 {

  padding-left: 20px;

}



.pl-23 {

  padding-left: 23px;

}



.pl-24 {

  padding-left: 24px;

}



.pl-25 {

  padding-left: 25px;

}



.pl-26 {

  padding-left: 26px;

}



.pl-28 {

  padding-left: 28px;

}



.pl-30 {

  padding-left: 30px;

}



.pl-32 {

  padding-left: 32px;

}



.pl-34 {

  padding-left: 34px;

}



.pl-35 {

  padding-left: 35px;

}



.pl-36 {

  padding-left: 36px;

}



.pl-37 {

  padding-left: 37px;

}



.pl-38 {

  padding-left: 38px;

}



.pl-40 {

  padding-left: 40px;

}



.pl-44 {

  padding-left: 44px;

}



.pl-45 {

  padding-left: 45px;

}



.pl-48 {

  padding-left: 48px;

}



.pl-50 {

  padding-left: 50px;

}



.pl-52 {

  padding-left: 52px;

}



.pl-54 {

  padding-left: 54px;

}



.pl-55 {

  padding-left: 55px;

}



.pl-60 {

  padding-left: 60px;

}



.pl-64 {

  padding-left: 64px;

}



.pl-65 {

  padding-left: 65px;

}



.pl-70 {

  padding-left: 70px;

}



.pl-72 {

  padding-left: 72px;

}



.pl-73 {

  padding-left: 73px;

}



.pl-75 {

  padding-left: 75px;

}



.pl-76 {

  padding-left: 76px;

}



.pl-80 {

  padding-left: 80px;

}



.pl-82 {

  padding-left: 82px;

}



.pl-84 {

  padding-left: 84px;

}



.pl-85 {

  padding-left: 85px;

}



.pl-90 {

  padding-left: 90px;

}



.pl-92 {

  padding-left: 92px;

}



.pl-95 {

  padding-left: 95px;

}



.pl-100 {

  padding-left: 100px;

}



.pl-102 {

  padding-left: 102px;

}



.pl-105 {

  padding-left: 105px;

}



.pl-110 {

  padding-left: 110px;

}



.pl-115 {

  padding-left: 115px;

}



.pl-120 {

  padding-left: 120px;

}



.pl-125 {

  padding-left: 125px;

}



.pl-130 {

  padding-left: 130px;

}



.pl-135 {

  padding-left: 135px;

}



.pl-136 {

  padding-left: 136px;

}



.pl-140 {

  padding-left: 140px;

}



.pl-144 {

  padding-left: 144px;

}



.pl-145 {

  padding-left: 145px;

}



.pl-150 {

  padding-left: 150px;

}



.pl-155 {

  padding-left: 155px;

}



.pl-160 {

  padding-left: 160px;

}



.pl-162 {

  padding-left: 162px;

}



.pl-164 {

  padding-left: 164px;

}



.pl-165 {

  padding-left: 165px;

}



.pl-169 {

  padding-left: 169px;

}



.pl-170 {

  padding-left: 170px;

}



.pl-175 {

  padding-left: 175px;

}



.pl-180 {

  padding-left: 180px;

}



.pl-185 {

  padding-left: 185px;

}



.pl-190 {

  padding-left: 190px;

}



.pl-195 {

  padding-left: 195px;

}



.pl-200 {

  padding-left: 200px;

}



.pl-272 {

  padding-left: 272px;

}



.pl-288 {

  padding-left: 288px;

}



.pl-304 {

  padding-left: 304px;

}



.pl-436 {

  padding-left: 436px;

}



/*-- Padding Right --*/

.pr-calc1120 {

  padding-right: calc((100vw - 1120px) / 2);

}



.pr-calc1152 {

  padding-right: calc((100vw - 1152px) / 2);

}



.pr-0 {

  padding-right: 0px;

}



.pr-5 {

  padding-right: 5px;

}



.pr-6 {

  padding-right: 6px;

}



.pr-7 {

  padding-right: 7px;

}



.pr-8 {

  padding-right: 8px;

}



.pr-10 {

  padding-right: 10px;

}



.pr-12 {

  padding-right: 12px;

}



.pr-14 {

  padding-right: 14px;

}



.pr-15 {

  padding-right: 15px;

}



.pr-16 {

  padding-right: 16px;

}



.pr-18 {

  padding-right: 18px;

}



.pr-20 {

  padding-right: 20px;

}



.pr-22 {

  padding-right: 22px;

}



.pr-24 {

  padding-right: 24px;

}



.pr-25 {

  padding-right: 25px;

}



.pr-26 {

  padding-right: 26px;

}



.pr-28 {

  padding-right: 28px;

}



.pr-30 {

  padding-right: 30px;

}



.pr-32 {

  padding-right: 32px;

}



.pr-34 {

  padding-right: 34px;

}



.pr-35 {

  padding-right: 35px;

}



.pr-40 {

  padding-right: 40px;

}



.pr-42 {

  padding-right: 42px;

}



.pr-44 {

  padding-right: 44px;

}



.pr-45 {

  padding-right: 45px;

}



.pr-46 {

  padding-right: 46px;

}



.pr-48 {

  padding-right: 48px;

}



.pr-50 {

  padding-right: 50px;

}



.pr-52 {

  padding-right: 52px;

}



.pr-54 {

  padding-right: 54px;

}



.pr-55 {

  padding-right: 55px;

}



.pr-60 {

  padding-right: 60px;

}



.pr-64 {

  padding-right: 64px;

}



.pr-65 {

  padding-right: 65px;

}



.pr-67 {

  padding-right: 67px;

}



.pr-68 {

  padding-right: 68px;

}



.pr-70 {

  padding-right: 70px;

}



.pr-73 {

  padding-right: 73px;

}



.pr-75 {

  padding-right: 75px;

}



.pr-76 {

  padding-right: 76px;

}



.pr-80 {

  padding-right: 80px;

}



.pr-84 {

  padding-right: 84px;

}



.pr-85 {

  padding-right: 85px;

}



.pr-90 {

  padding-right: 90px;

}



.pr-95 {

  padding-right: 95px;

}



.pr-100 {

  padding-right: 100px;

}



.pr-102 {

  padding-right: 102px;

}



.pr-105 {

  padding-right: 105px;

}



.pr-106 {

  padding-right: 106px;

}



.pr-110 {

  padding-right: 110px;

}



.pr-112 {

  padding-right: 112px;

}



.pr-115 {

  padding-right: 115px;

}



.pr-120 {

  padding-right: 120px;

}



.pr-125 {

  padding-right: 125px;

}



.pr-130 {

  padding-right: 130px;

}



.pr-135 {

  padding-right: 135px;

}



.pr-140 {

  padding-right: 140px;

}



.pr-145 {

  padding-right: 145px;

}



.pr-150 {

  padding-right: 150px;

}



.pr-155 {

  padding-right: 155px;

}



.pr-160 {

  padding-right: 160px;

}



.pr-164 {

  padding-right: 164px;

}



.pr-165 {

  padding-right: 165px;

}



.pr-169 {

  padding-right: 169px;

}



.pr-170 {

  padding-right: 170px;

}



.pr-175 {

  padding-right: 175px;

}



.pr-180 {

  padding-right: 180px;

}



.pr-185 {

  padding-right: 185px;

}



.pr-190 {

  padding-right: 190px;

}



.pr-195 {

  padding-right: 195px;

}



.pr-200 {

  padding-right: 200px;

}



.pr-272 {

  padding-right: 272px;

}



/* 白边框 */

.bd-w1 {

  border: 1px solid var(--Color-Fill-White);

}



/* 黑边框 */

.bd-b1 {

  border: 1px solid #000000;

}



/* 灰边框 */

.bd-cccccc1 {

  border: 1px solid#CCCCCC;

}



.bd-979797 {

  border: 1px solid#979797;

}



.bd-E5E6EB {

  border: 1px solid var(--Color-Fill-3);

}



.bd-9BA0AD {

  border: 1px solid#9BA0AD;

}



.bd-CDCFD6 {

  border: 1px solid #cdcfd6;

}



.bd-F6F6F6 {

  border: 1px solid#F6F6F6;

}



.bd-FF4610 {

  border: 1px solid#FF4610;

}



.bg-979797 {

  background-color: #979797;

}



.bg-D9D9D9 {

  background-color: #d9d9d9;

}



.bd-0 {

  border: 0;

}



.bg-EFEFF3 {

  background-color: #EFEFF3;

}



.bg-FFF4F1 {

  background-color: #FFF4F1;

}



.bg-F8F3FF {

  background-color: #F8F3FF;

}



.bg-141414 {

  background-color: #141414;

}



.bd-1 {

  border: 1px solid;

}



.bd-white {

  border-color: white;

}



.border-color-gray10 {

  border-color: #e6e7ea;

}



.border-color-828898 {

  border-color: #828898;

}



/* 右边框 */

.brt {

  border-right: 1px solid #8288988f;

}



/* 左边框 */

.blt {

  border-left: 1px solid #8288988f;

}



/* 左边框 */

.blt-E3E4E5 {

  border-left: 1px solid #e3e4e5;

}



.blt-9095A4 {

  border-left: 1px solid #9095a4;

}



/* 上边框 */

.btt-F6F7F8 {

  border-top: 1px solid var(--Color-Background-Full);

}



.bdt-D8D8D8 {

  border-top: 1px solid#D8D8D8;

}



.btt-979797 {

  border-top: 1px solid #979797;

}



/* 下边框 */

.bbt {

  border-bottom: 1px solid #8288988f;

}



.bbt-979797 {

  border-bottom: 1px solid #979797;

}



.bbt-E3E4E5 {

  border-bottom: 1px solid #e3e4e5;

}



/* border-radius */

.br50 {

  border-radius: 50%;

}



.br-0 {

  border-radius: 0px;

}



.br-4 {

  border-radius: 4px;

}



.br-5 {

  border-radius: 5px;

}



.br-6 {

  border-radius: 6px;

}



.br-8 {

  border-radius: 8px;

}



.br-12 {

  border-radius: 12px;

}



.br-t-8 {

  border-radius: 8px 8px 0px 0px;

}



.br-b-8 {

  border-radius: 0px 0px 8px 8px;

}



.br-tl-8 {

  border-top-left-radius: 8px;

}



.br-tl-br-8 {

  border-radius: 8px 0px;

}



.br-tl-0 {

  border-top-left-radius: 0px;

}



.br-tr-8 {

  border-top-right-radius: 8px;

}



.br-tr-0 {

  border-top-right-radius: 0px;

}



.br-bl-8 {

  border-bottom-left-radius: 8px;

}



.br-br-8 {

  border-bottom-right-radius: 8px;

}



.br-10 {

  border-radius: 10px;

}



.br-11 {

  border-radius: 11px;

}



.br-12 {

  border-radius: 12px;

}



.br-14 {

  border-radius: 14px;

}



.br-15 {

  border-radius: 15px;

}



.br-16 {

  border-radius: 16px;

}



.br-tl-16 {

  border-top-left-radius: 16px;

}



.br-tr-16 {

  border-top-right-radius: 16px;

}



.br-br-16 {

  border-bottom-right-radius: 16px;

}



.br-18 {

  border-radius: 18px;

}



.br-20 {

  border-radius: 20px;

}



.br-23 {

  border-radius: 23px;

}



.br-24 {

  border-radius: 24px;

}



.br-28 {

  border-radius: 28px;

}



.br-29 {

  border-radius: 29px;

}



.br-30 {

  border-radius: 30px;

}



.br-32 {

  border-radius: 32px;

}



.br-34 {

  border-radius: 34px;

}



.br-40 {

  border-radius: 40px;

}



.br-50 {

  border-radius: 50px;

}



.br-100 {

  border-radius: 100px;

}



.br-9999 {

  border-radius: 9999px;

}



/* 公共 */

.hover_underline:hover {

  /* border-bottom: 1px #999 solid; */

}



.transition03 {

  transition: 0.3s all;

}



.transition03-bg03 {

  transition: 0.3s background;

}



.transition02 {

  transition: 0.2s all;

}



.transition01 {

  transition: 0.1s all;

}



.transition05 {

  transition: 0.5s all;

}



.transition05-cubic {

  transition: 0.5s all cubic-bezier(0, 0.49, 0.58, 1);

}



.transition03-out {

  transition: 0.3s all ease-out;

}



.transition05-out {

  transition: 0.5s all ease-out;

}



.transition05-out-op {

  transition: 0.5s opacity ease-out;

}



.transition03-ease {

  transition: all 0.3s ease;

}



.transition05-ease {

  transition: all 0.5s ease;

}



.transition15-ease {

  transition: all 1.5s ease;

}



.transition06-ease {

  transition: all 0.6s ease;

}



.transition06-inOut {

  transition: 0.6s all ease-in-out;

}



.transition06-inOut-bg {

  transition: 0.6s background ease-in-out;

}



.transition06-inOut-color {

  transition: 0.6s color ease-in-out;

}



.transition03-inOut {

  transition: 0.3s all ease-in-out;

}



.transition12-inOut {

  transition: 1.2s all ease-in-out;

}



.transition18-inOut {

  transition: 1.8s all ease-in-out;

}



.transition22-cubic {

  transition: 2.2s all cubic-bezier(0, 0.49, 0.58, 1);

}



.swiper_transition {

  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;

}



.scale-hv12-img:hover img {

  transform: scale(1.2);

}



.scale-hv11-img:hover img {

  transform: scale(1.1);

}



.op1hv-img:hover img {

  opacity: 1;

}



.color-hv-orange6:hover {

  color: var(--Color-Brand-Normal);

}



.bg-hv-gray10:hover {

  background-color: #e6e7ea;

}



.translateY-10 {

  transform: translateY(-10px);

}



.transform {

  --transform-translate-y: 0;

  --transform-rotate: 0;

  --transform-skew-x: 0;

  --transform-skew-y: 0;

  --transform-scale-x: 1;

  --transform-scale-y: 1;

}



.rotate45 {

  transform: rotate(45deg);

}



.scale097 {

  transform: scale(0.97);

}



.b-sd-hover:hover {

  box-shadow: 0 0 8px 0 #82889861;

}



.b-sd-16 {

  box-shadow: 0px 0px 16px 0px #cdcfd6;

}



.b-sd-16-82889861 {

  box-shadow: 0px 0px 16px 0px #82889861;

}



.box {

  box-sizing: border-box;

}



.content-box {

  box-sizing: content-box;

}



.ltsp-0 {

  letter-spacing: 0;

}



.ltsp--05 {

  letter-spacing: -0.5px;

}



.ltsp--03 {

  letter-spacing: -0.3px;

}



.ltsp--02 {

  letter-spacing: -0.2px;

}



.ltsp--001 {

  letter-spacing: -0.01px;

}



.ltsp--003 {

  letter-spacing: -0.03px;

}



.ltsp-2 {

  letter-spacing: 2px;

}



.ltsp-21 {

  letter-spacing: 2.1px;

}



.ltsp-414 {

  letter-spacing: 4.14px;

}



.ltsp-8 {

  letter-spacing: 8px;

}



.ltsp-96 {

  letter-spacing: 9.6px;

}



.ltsp-12 {

  letter-spacing: 12px;

}



.pgs-0 {

  paragraph-spacing: 0;

}



/* 元素类型 */

.db {

  display: block;

}



.dn {

  display: none;

}



.di {

  display: inline;

}



.dib {

  display: inline-block;

}



.dib-hover:hover {

  display: inline-block;

}



.df {

  display: -webkit-flex;

  /* Safari */

  display: flex;

}



.dg {

  display: grid;

}



.fw-wp {

  flex-wrap: wrap;

}



.fw-nwp {

  flex-wrap: nowrap;

}



/* 透明度opacity */

.transparent {

  opacity: 0;

}



.op-0 {

  opacity: 0;

}



.op-01 {

  opacity: 0.1;

}



.op-014 {

  opacity: 0.14;

}



.op-015 {

  opacity: 0.15;

}



.op-018 {

  opacity: 0.18;

}



.op-02 {

  opacity: 0.2;

}



.op-03 {

  opacity: 0.3;

}



.op-04 {

  opacity: 0.4;

}



.op-045 {

  opacity: 0.45;

}



.op-045 {

  opacity: 0.45;

}



.op-05 {

  opacity: 0.5;

}



.op-06 {

  opacity: 0.6;

}



.op-065 {

  opacity: 0.65;

}



.op-07 {

  opacity: 0.7;

}



.op-075 {

  opacity: 0.75;

}



.op-08 {

  opacity: 0.8;

}



.op-085 {

  opacity: 0.85;

}



.op-09 {

  opacity: 0.9;

}



.op-1 {

  opacity: 1;

}



.op-1-hover:hover {

  opacity: 1;

}



.op-1-svghover:hover svg {

  opacity: 1;

}



/* line-height 行高 */

.lh-normal {

  line-height: normal;

}



.lh-12 {

  line-height: 12px;

}



.lh-14 {

  line-height: 14px;

}



.lh-17 {

  line-height: 17px;

}



.lh-18 {

  line-height: 18px;

}



.lh-20 {

  line-height: 20px;

}



.lh-22 {

  line-height: 22px;

}



.lh-24 {

  line-height: 24px;

}



.lh-25 {

  line-height: 25px;

}



.lh-26 {

  line-height: 26px;

}



.lh-28 {

  line-height: 28px;

}



.lh-29 {

  line-height: 29px;

}



.lh-30 {

  line-height: 30px;

}



.lh-32 {

  line-height: 32px;

}



.lh-33 {

  line-height: 33px;

}



.lh-34 {

  line-height: 34px;

}



.lh-35 {

  line-height: 35px;

}



.lh-36 {

  line-height: 36px;

}



.lh-40 {

  line-height: 40px;

}



.lh-42 {

  line-height: 42px;

}



.lh-44 {

  line-height: 44px;

}



.lh-45 {

  line-height: 45px;

}



.lh-46 {

  line-height: 46px;

}



.lh-48 {

  line-height: 48px;

}



.lh-50 {

  line-height: 50px;

}



.lh-52 {

  line-height: 52px;

}



.lh-54 {

  line-height: 54px;

}



.lh-56 {

  line-height: 56px;

}



.lh-59 {

  line-height: 59px;

}



.lh-60 {

  line-height: 60px;

}



.lh-64 {

  line-height: 64px;

}



.lh-66 {

  line-height: 66px;

}



.lh-68 {

  line-height: 68px;

}



.lh-72 {

  line-height: 72px;

}



.lh-75 {

  line-height: 75px;

}



.lh-76 {

  line-height: 76px;

}



.lh-78 {

  line-height: 78px;

}



.lh-80 {

  line-height: 80px;

}



.lh-84 {

  line-height: 84px;

}



.lh-90 {

  line-height: 90px;

}



.lh-100 {

  line-height: 100px;

}



.lh-120 {

  line-height: 120px;

}



.lh-130 {

  line-height: 130px;

}



.lh120 {

  line-height: 120%;

}



.lh125 {

  line-height: 125%;

}



.lh135 {

  line-height: 135%;

}



.lh140 {

  line-height: 140%;

}



.lh150 {

  line-height: 150%;

}



.lh160 {

  line-height: 160%;

}



.lh180 {

  line-height: 180%;

}



.lh115 {

  line-height: 115%;

}



.lh100 {

  line-height: 100%;

}



/* z-index 层级 */

.zindex-9999 {

  z-index: 9999;

}



.zindex-9998 {

  z-index: 9998;

}



.zindex-999 {

  z-index: 999;

}



.zindex-200 {

  z-index: 200;

}



.zindex-100 {

  z-index: 100;

}



.zindex-11 {

  z-index: 11;

}



.zindex-10 {

  z-index: 10;

}



.zindex-5 {

  z-index: 5;

}



.zindex-4 {

  z-index: 4;

}



.zindex-3 {

  z-index: 3;

}



.zindex-2 {

  z-index: 2;

}



.zindex-1 {

  z-index: 1;

}



.zindex-0 {

  z-index: 0;

}



.zindex--1 {

  z-index: -1;

}



.zindex--2 {

  z-index: -2;

}



.btn {

  padding: 0;

}



/* 小屏幕移动端 xs*/

@media (max-width: 576px) {

  .swiper_transition {

    transition: transform 0.2s ease-out 0s !important;

  }



  .w-1120 {

    width: 100%;

  }



  .w-1152 {

    width: 100%;

  }



  .w-1400 {

    width: 100%;

  }



  .w-1536 {

    width: 100%;

  }



  .w-620 {

    width: 100%;

  }



  .h-200 {

    height: 60.333vw;

  }



  .h-150 {

    height: 40vw;

  }



  .h-100 {

    height: 26.667vw;

  }



  .h-50 {

    height: 13.333vw;

  }



  .xs-dn {

    display: none !important;

  }



  .xs-db {

    display: block;

  }



  .xs-df {

    display: -webkit-flex;

    /* Safari */

    display: flex;

  }



  .xs-dg {

    display: grid;

  }



  .xs-dib {

    display: inline-block;

  }



  .xs-df-c {

    display: -webkit-flex;

    /* Safari */

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .xs-df-sb {

    display: -webkit-flex;

    /* Safari */

    display: flex;

    align-items: center;

    justify-content: space-between;

  }



  .w-100vw {

    width: 100vw;

  }

}



/* 大屏幕移动端 sm*/

@media (min-width: 576px) and (max-width: 767px) {

  .swiper_transition {

    transition: transform 0.3s linear 0s !important;

  }



  .w-1120 {

    width: 100%;

  }



  .w-1152 {

    width: 100%;

  }



  .w-1400 {

    width: 100%;

  }



  .sm-dn {

    display: none !important;

  }



  .sm-db {

    display: block;

  }



  .sm-dg {

    display: grid;

  }



  .sm-df {

    display: -webkit-flex;

    /* Safari */

    display: flex;

  }



  .sm-dib {

    display: inline-block;

  }



  .sm-df-c {

    display: -webkit-flex;

    /* Safari */

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .h-200 {

    height: 60.333vw;

  }



  .h-150 {

    height: 40vw;

  }



  .h-100 {

    height: 26.667vw;

  }



  .h-50 {

    height: 13.333vw;

  }



  /* 字体大小 */

  .fs-10 {

    font-size: 10px;

  }



  .fs-12 {

    font-size: 3.2vw;

  }



  .fs-14 {

    font-size: 3.73vw;

  }



  .fs-16 {

    font-size: 4.26vw;

  }



  /* line-height 行高 */

  .lh-14 {

    line-height: 3.73vw;

  }



  .lh-17 {

    line-height: 4.53vw;

  }



  .lh-18 {

    line-height: 4.8vw;

  }



  .lh-20 {

    line-height: 5.33vw;

  }



  .lh-22 {

    line-height: 5.86vw;

  }



  .lh-24 {

    line-height: 6.4vw;

  }



  .mr-45 {

    margin-right: 12vw;

  }



  .mr-8vw {

    margin-right: 8vw;

  }



  .pl-20 {

    padding-left: 5.33vw;

  }



  .pr-20 {

    padding-right: 5.33vw;

  }



  .l-67 {

    left: 17.2vw;

  }



  .r-75 {

    right: 19.78vw;

  }



  /* 宽度 */

  .w-335 {

    width: 89.33vw;

  }



  .w-44 {

    /* width: 11.73vw; */

  }



  .h-39 {

    height: 10.4vw;

  }



  .w-100vw {

    width: 100vw;

  }



  .mb-12 {

    margin-bottom: 3.2vw;

  }



  .w-344 {

    width: 91.733vw;

  }



  .h-364 {

    height: 97.067vw;

  }



  .br-8 {

    border-radius: 2.133vw;

  }



  .l-16 {

    left: 4.267vw;

  }



  .pb-20 {

    padding-bottom: 5.333vw;

  }



  .w-278 {

    width: 74.133vw;

  }



  .fs-10 {

    font-size: 10px;

  }



  .mb-8 {

    margin-bottom: 2.133vw;

  }



  .fs-22 {

    font-size: 5.867vw;

  }



  .lh-24 {

    line-height: 6.4vw;

  }



  .mb-12 {

    margin-bottom: 3.2vw;

  }



  .fs-8 {

    font-size: 3.2vw;

  }



  .w-1120 {

    width: 100%;

  }



  .w-1152 {

    width: 100%;

  }



  .w-620 {

    width: 100%;

  }



  .sm-dn {

    display: none !important;

  }



  .sm-db {

    display: block;

  }



  .sm-dib {

    display: inline-block;

  }



  .ltsp-8 {

    letter-spacing: 2.1vw;

  }

}



/* 大屏幕专属样式 */

@media (min-width: 1440px) {

  .lg-pl {

    padding-left: calc((100vw - 1152px) / 2);

  }

}



/* 小pad断点 md*/

@media screen and (min-width: 767px) and (max-width: 890px) {

  .md1-dn {

    display: none;

  }



  .md1-db {

    display: block;

  }

}



@media screen and (min-width: 768px) and (max-width: 1023px) {

  .w-100vw {

    width: 100vw;

  }



  .md-dn {

    display: none;

  }



  .md-db {

    display: block;

  }



  .md-dib {

    display: inline-block;

  }



  .md-df-c {

    display: -webkit-flex;

    /* Safari */

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .md-scale08 {

    transform: scale(0.8);

  }



  .md-mb8 {

    margin-bottom: 8px;

  }



  .md-mr8 {

    margin-right: 8px;

  }



  .md-fs-18 {

    font-size: 18px;

  }



  .md-lh-24 {

    line-height: 24px;

  }



  .md-pt-40 {

    padding-top: 40px;

  }



  .md-pl-pr-60 {

    padding-left: 60px;

    padding-right: 60px;

  }



  .md-pr14 {

    padding-right: 14px;

  }



  .md-pl14 {

    padding-left: 14px;

  }



  .md-pr8 {

    padding-right: 8px;

  }



  .md-pl8 {

    padding-left: 8px;

  }



  .md-pr4 {

    padding-right: 4px;

  }



  .md-pl4 {

    padding-left: 4px;

  }



  /* .fs-24 {

    font-size: 1.8vw;

  }

  .fs-16 {

    font-size: 1.2vw;

  }

  .fs-36 {

    font-size: 3.32vw;

  } */

  .w-1120 {

    width: 100%;

  }



  .w-1152 {

    width: 100%;

  }



  .w-1400 {

    width: 100%;

  }



  .md-fs-20 {

    font-size: 20px;

  }



  .md-fs-14 {

    font-size: 14px;

  }

}



/* 笔记本断点 xl*/

@media screen and (min-width: 1200px) and (max-width: 1400px) {

  .xl-df-c {

    display: -webkit-flex;

    /* Safari */

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .xl-dn {

    display: none;

  }

}



/* 大pad断点 lg*/

@media screen and (min-width: 1024px) and (max-width: 1199px) {

  .w-1120 {

    width: 100%;

  }



  .w-1152 {

    width: 100%;

  }



  .w-1400 {

    width: 100%;

  }



  /* .fs-36 {

    font-size: 3vw;

  }

  .fs-24 {

    font-size: 2.5vw;

  }

  .fs-16 {

    font-size: 1.8vw;

  } */

  .lg-pr18 {

    padding-right: 18px;

  }



  .lg-pl18 {

    padding-left: 18px;

  }



  .lg-pr26 {

    padding-right: 26px;

  }



  .lg-pl26 {

    padding-left: 26px;

  }



  .lg-mr24 {

    margin-right: 24px;

  }



  .lg-mb16 {

    margin-bottom: 16px;

  }



  .lg-mr16 {

    margin-right: 16px;

  }



  .lg-scale09 {

    transform: scale(0.9);

  }



  .lg-dn {

    display: none;

  }



  .lg-db {

    display: block;

  }



  .lg-dib {

    display: inline-block;

  }



  .lg-w100 {

    width: 100%;

  }



  .lg-w80 {

    width: 80%;

  }



  .lg-w50 {

    width: 50%;

  }



  .lg-w40 {

    width: 40%;

  }



  .lg-w33 {

    width: 33%;

  }



  .lg-w30 {

    width: 30%;

  }



  .lg-w25 {

    width: 25%;

  }



  .lg-w10 {

    width: 10%;

  }



  .lg-w-1120 {

    width: 1120px;

  }



  .lg-w-1152 {

    width: 1152px;

  }



  .lg-w-64 {

    width: 64px;

  }



  .lg-w-70 {

    width: 70px;

  }



  .lg-w-22 {

    width: 22px;

  }



  .lg-h-500 {

    height: 500px;

  }



  /* 对比度 */

  .lg-fi-100 {

    filter: invert(100%);

  }



  .lg-fs-85 {

    font-size: 8.53vw;

  }



  .lg-db {

    display: block;

  }



  .lg-df {

    display: -webkit-flex;

    /* Safari */

    display: flex;

  }



  .lg-df-c {

    display: -webkit-flex;

    /* Safari */

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .lg-pl-16 {

    padding-left: 16px;

  }



  .lg-pl-26 {

    padding-left: 26px;

  }



  .lg-pr-26 {

    padding-right: 16px;

  }



  .lg-pr-26 {

    padding-right: 26px;

  }



  .lg-t-336 {

    top: 336px;

  }



  .lg-b-0 {

    bottom: 0;

  }

}





.IntelligentGuidance_h2 {

  background: var(---, linear-gradient(101deg, #FFAE34 8.16%, #FF6B34 32.61%, #FF0083 80.05%));

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}















/* 公共基础样式2.0版本 -- 来自杜畑兴 -- respect */





/*********** 基础变量封装 ***********/



/* color */

:root {

  /* Brand */

  --Color-Brand-Normal: #FF4610;

  --Color-Brand-Hover: #FF6234;

  --Color-Brand-Active: #D93C0E;

  --Color-Brand-Disabled: #FF9070;

  --Color-Brand-Text-Disabled: #FFDACF;

  --Color-Brand-Light: #FFECE7;

  /* Success */

  --Color-Success-Normal: #34C759;

  --Color-Success-Hover: #52CF72;

  --Color-Success-Active: #2CA94C;

  --Color-Success-Disabled: #AEE9BD;

  --Color-Success-Text-Disabled: #D6F4DE;

  --Color-Success-Light: #EBF9EE;

  /* Error */

  --Color-Error-Normal: #F53F3F;

  --Color-Error-Hover: #F75C5C;

  --Color-Error-Active: #D03636;

  --Color-Error-Disabled: #FBB2B2;

  --Color-Error-Text-Disabled: #FDD9D9;

  --Color-Error-Light: #FEECEC;

  /* Warning */

  --Color-Warning-Normal: #FF9500;

  --Color-Warning-Hover: #FFA526;

  --Color-Warning-Active: #D97F00;

  --Color-Warning-Disabled: #FFD599;

  --Color-Warning-Text-Disabled: #FFEACC;

  --Color-Warning-Light: #FFF4E5;

  /* Info */

  --Color-Info-Normal: #007FFF;

  --Color-Info-Hover: #2692FF;

  --Color-Info-Active: #006CD9;

  --Color-Info-Disabled: #99CCFF;

  --Color-Info-Text-Disabled: #CCE5FF;

  --Color-Info-Light: #E5F2FF;

  /* Purple */

  --Color-Purple-Normal: #8833FF;

  --Color-Purple-Hover: #9A52FF;

  --Color-Purple-Active: #742BD9;

  --Color-Purple-Disabled: #CFADFF;

  --Color-Purple-Text-Disabled: #E7D6FF;

  --Color-Purple-Light: #F3EBFF;

  /* Text */

  --Color-Text-Title: #171B25;

  --Color-Text-T1: #414960;

  --Color-Text-T2: #61687C;

  --Color-Text-T3: #9FA3B0;

  --Color-Text-White: #FFFFFF;

  /* Fill */

  --Color-Fill-1: #61687C;

  --Color-Fill-2: #C9CDD4;

  --Color-Fill-3: #E5E6EB;

  --Color-Fill-4: #F2F4F7;

  --Color-Fill-5: #FAFAFB;

  --Color-Fill-White: #FFFFFF;

  /* Background */

  --Color-Background-Full: #F6F7F8;

  --Color-Background-1: #FFFFFF;

  --Color-Background-2: #FFFFFF;

  --Color-Background-3: #FFFFFF;

  /* Icon */

  --Color-Icon-Fill: #F6F7F8;

  --Color-Icon-Bg: rgba(0, 0, 0, 0.01);

  /* Materials */

  --Color-Mobile-Bar: rgba(255, 255, 255, 0.75);

}



@media (prefers-color-scheme: light) {



  /* 浅色主题 */

  :root {

    /* Brand */

    --Color-Brand-Normal: #FF4610;

    --Color-Brand-Hover: #FF6234;

    --Color-Brand-Active: #D93C0E;

    --Color-Brand-Disabled: #FF9070;

    --Color-Brand-Text-Disabled: #FFDACF;

    --Color-Brand-Light: #FFECE7;

    /* Success */

    --Color-Success-Normal: #34C759;

    --Color-Success-Hover: #52CF72;

    --Color-Success-Active: #2CA94C;

    --Color-Success-Disabled: #AEE9BD;

    --Color-Success-Text-Disabled: #D6F4DE;

    --Color-Success-Light: #EBF9EE;

    /* Error */

    --Color-Error-Normal: #F53F3F;

    --Color-Error-Hover: #F75C5C;

    --Color-Error-Active: #D03636;

    --Color-Error-Disabled: #FBB2B2;

    --Color-Error-Text-Disabled: #FDD9D9;

    --Color-Error-Light: #FEECEC;

    /* Warning */

    --Color-Warning-Normal: #FF9500;

    --Color-Warning-Hover: #FFA526;

    --Color-Warning-Active: #D97F00;

    --Color-Warning-Disabled: #FFD599;

    --Color-Warning-Text-Disabled: #FFEACC;

    --Color-Warning-Light: #FFF4E5;

    /* Info */

    --Color-Info-Normal: #007FFF;

    --Color-Info-Hover: #2692FF;

    --Color-Info-Active: #006CD9;

    --Color-Info-Disabled: #99CCFF;

    --Color-Info-Text-Disabled: #CCE5FF;

    --Color-Info-Light: #E5F2FF;

    /* Purple */

    --Color-Purple-Normal: #8833FF;

    --Color-Purple-Hover: #9A52FF;

    --Color-Purple-Active: #742BD9;

    --Color-Purple-Disabled: #CFADFF;

    --Color-Purple-Text-Disabled: #E7D6FF;

    --Color-Purple-Light: #F3EBFF;

    /* Text */

    --Color-Text-Title: #171B25;

    --Color-Text-T1: #414960;

    --Color-Text-T2: #61687C;

    --Color-Text-T3: #9FA3B0;

    --Color-Text-White: #FFFFFF;

    /* Fill */

    --Color-Fill-1: #61687C;

    --Color-Fill-2: #C9CDD4;

    --Color-Fill-3: #E5E6EB;

    --Color-Fill-4: #F2F4F7;

    --Color-Fill-5: #FAFAFB;

    --Color-Fill-White: #FFFFFF;

    /* Background */

    --Color-Background-Full: #F6F7F8;

    --Color-Background-1: #FFFFFF;

    --Color-Background-2: #FFFFFF;

    --Color-Background-3: #FFFFFF;

    /* Icon */

    --Color-Icon-Fill: #F6F7F8;

    --Color-Icon-Bg: rgba(0, 0, 0, 0.01);

    /* Materials */

    --Color-Mobile-Bar: rgba(255, 255, 255, 0.75);

  }

}



@media (prefers-color-scheme: dark) {



  /* 深色主题 */

  :root {

    /* Brand */

    /* --Color-Brand-Normal: #FF6D43;

    --Color-Brand-Hover: #FF9476;

    --Color-Brand-Active: #FF4510;

    --Color-Brand-Disabled: rgba(255, 109, 67, 0.25);

    --Color-Brand-Text-Disabled: rgba(255, 109, 67, 0.45);

    --Color-Brand-Light: rgba(255, 109, 67, 0.15); */

    /* Success */

    /* --Color-Success-Normal: #28C88D;

    --Color-Success-Hover: #1EBA86;

    --Color-Success-Active: #51D6A0;

    --Color-Success-Disabled: rgba(40, 200, 141, 0.25);

    --Color-Success-Text-Disabled: rgba(40, 200, 141, 0.45);

    --Color-Success-Light: rgba(40, 200, 141, 0.15); */

    /* Error */

    /* --Color-Error-Normal: #FF867C;

    --Color-Error-Hover: #FF6763;

    --Color-Error-Active: #FFA298;

    --Color-Error-Disabled: rgba(255, 134, 124, 0.25);

    --Color-Error-Text-Disabled: rgba(255, 134, 124, 0.45);

    --Color-Error-Light: rgba(255, 134, 124, 0.15); */

    /* Warning */

    /* --Color-Warning-Normal: #FFBE26;

    --Color-Warning-Hover: #FFB41F;

    --Color-Warning-Active: #FFD257;

    --Color-Warning-Disabled: rgba(255, 190, 38, 0.25);

    --Color-Warning-Text-Disabled: rgba(255, 190, 38, 0.45);

    --Color-Warning-Light: rgba(255, 190, 38, 0.15); */

    /* Info */

    /* --Color-Info-Normal: #269AFF;

    --Color-Info-Hover: #1F8EFF;

    --Color-Info-Active: #57B6FF;

    --Color-Info-Disabled: rgba(38, 154, 255, 0.25);

    --Color-Info-Text-Disabled: rgba(38, 154, 255, 0.45);

    --Color-Info-Light: rgba(38, 154, 255, 0.15); */

    /* Purple */

    /* --Color-Purple-Normal: #9B7CFF;

    --Color-Purple-Hover: #8263FF;

    --Color-Purple-Active: #B498FF;

    --Color-Purple-Disabled: rgba(155, 124, 255, 0.25);

    --Color-Purple-Text-Disabled: rgba(155, 124, 255, 0.45);

    --Color-Purple-Light: rgba(155, 124, 255, 0.15); */

    /* Text */

    /* --Color-Text-Title: #F6F6F6;

    --Color-Text-T1: rgba(255, 255, 255, 0.85);

    --Color-Text-T2: rgba(255, 255, 255, 0.65);

    --Color-Text-T3: rgba(255, 255, 255, 0.45);

    --Color-Text-White: #F6F6F6; */

    /* Fill */

    /* --Color-Fill-1: #0F0F0F;

    --Color-Fill-2: rgba(255, 255, 255, 0.18);

    --Color-Fill-3: rgba(255, 255, 255, 0.14);

    --Color-Fill-4: rgba(255, 255, 255, 0.10);

    --Color-Fill-5: rgba(255, 255, 255, 0.06);

    --Color-Fill-White: #FFFFFF; */

    /* Background */

    /* --Color-Background-Full: #000000;

    --Color-Background-1: #262626;

    --Color-Background-2: #333333;

    --Color-Background-3: #404040; */

    /* Icon */

    /* --Color-Icon-Fill: #FFFFFF;

    --Color-Icon-Bg: rgba(255, 255, 255, 0.01); */

    /* Materials */

    /* --Color-Mobile-Bar: rgba(255, 255, 255, 0.75); */

  }

}





/*Color - 基础字体颜色class */



.Color-Text-Title {

  color: var(--Color-Text-Title);

}



.Color-Text-T1 {

  color: var(--Color-Text-T1);

}



.Color-Text-T2 {

  color: var(--Color-Text-T2);

}



.Color-Text-T3 {

  color: var(--Color-Text-T3);

}



.Color-Text-White {

  color: var(--Color-Text-White);

}



.Color-Brand-Normal {

  color: var(--Color-Brand-Normal);

}



.Color-Purple-Normal {

  color: var(--Color-Purple-Normal);

}



/*Background - 基础背景颜色class */



.Color-Background-Full {

  background-color: var(--Color-Background-Full);

}



.Color-Background-1 {

  background-color: var(--Color-Background-1);

}



.Color-Background-2 {

  background-color: var(--Color-Background-2);

}



.Color-Background-3 {

  background-color: var(--Color-Background-3);

}



.Color-Purple-Light {

  background-color: var(--Color-Purple-Light);

}