/* 默认颜色 */
/* 十二行业样式   */
.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);
}
/* 字体 */
.bodor-PF {
  font-family: PingFangSC-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: RedHatDisplay-Regular, sf-pro-text_regular, sf-pro-display_regular,
    PingFang SC, "Microsoft YaHei" !important;
  font-weight: 400 !important;
}
.bodor-PFMedium {
  font-family: RedHatDisplay-Medium, sf-pro-text_medium, PingFang SC,
    "Microsoft YaHei" !important;
  font-weight: 500 !important;
}
.bodor-PFSemibold {
  font-family: RedHatDisplay-Semibold,  PingFang SC, "Microsoft YaHei" !important;
  font-weight: 600 !important;
}
.bodor-SFRBold {
  font-family: RedHatDisplay-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: RedHatDisplay-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: RedHatDisplay-Regular,"Microsoft YaHei" !important;
  font-weight: 400 !important;
}
.bodor-RHDMedium{
  font-family: RedHatDisplay-Medium,"Microsoft YaHei" !important;
  font-weight: 500 !important;
}
.bodor-RHDSemiBold{
  font-family: RedHatDisplay-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);
}