:root {
  --width: 100%;
  --height: 100%;
  --aPartX: calc(var(--width) / 24);
  --aPartY: calc(var(--height) / 100);
  --aDynPartX: calc(var(--width) / 24);
  --aMinPartY: 0.625rem;
  --Height: 100vh;
  --aHPartY: calc(var(--Height) / 100);
}

@media (max-width:1840px){
  :root {
    --aDynPartX: calc(var(--width) / 23);
  }
}
@media (max-width:1760px){
  :root {
    --aDynPartX: calc(var(--width) / 22);
  }
}
@media (max-width:1680px){
  :root {
    --aDynPartX: calc(var(--width) / 21);
  }
}
@media (max-width:1600px){
  :root {
    --aDynPartX: calc(var(--width) / 20);
  }
}
@media (max-width:1520px){
  :root {
    --aDynPartX: calc(var(--width) / 19);
  }
}
@media (max-width:1440px){
  :root {
    --aDynPartX: calc(var(--width) / 18);
  }
}
@media (max-width:1280px){
  :root {
    --aDynPartX: calc(var(--width) / 16);
  }
}
@media (max-width:1200px){
  :root {
    --aDynPartX: calc(var(--width) / 15);
  }
}
@media (max-width:1120px){
  :root {
    --aDynPartX: calc(var(--width) / 14);
  }
}
@media (max-width:1040px){
  :root {
    --aDynPartX: calc(var(--width) / 13);
  }
}
@media (max-width:960px){
  :root {
    --aDynPartX: calc(var(--width) / 12);
  }
}
@media (max-width:880px){
  :root {
    --aDynPartX: calc(var(--width) / 11);
  }
}
@media (max-width:800px){
  :root {
    --aDynPartX: calc(var(--width) / 10);
  }
}
@media (max-width:720px){
  :root {
    --aDynPartX: calc(var(--width) / 9);
  }
}
@media (max-width:640px){
  :root {
    --aDynPartX: calc(var(--width) / 8);
  }
}
@media (max-width:560px){
  :root {
    --aDynPartX: calc(var(--width) / 7);
  }
}
@media (max-width:480px){
  :root {
    --aDynPartX: calc(var(--width) / 6);
  }
}
@media (max-width:400px){
  :root {
    --aDynPartX: calc(var(--width) / 5);
  }
}
@media (max-width:320px){
  :root {
    --aDynPartX: calc(var(--width) / 4);
  }
}

[class*="row-dot-"] {
  float: left ;
  box-sizing: border-box ;
}

[class*="dyn-m-"] {
  float: left ;
  box-sizing: border-box ;
}

[class*="dyn-s-"] {
  float: left ;
  box-sizing: border-box ;
}

[class*="dyn-dot-"] {
  float: left ;
  box-sizing: border-box ;
}

/* flex */
.f-hvc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.f-hc {
  display: flex;
  justify-content: center;
}

.f-hl {
  display: flex;
  justify-content: flex-start;
}

.f-hr {
  display: flex;
  justify-content: flex-end;
}

.f-vc {
  display: flex;
  align-items: center;
}

.f-vt {
  display: flex;
  align-items: flex-start;
  text-align: justify;
}

.f-vb {
  display: flex;
  align-items: flex-end;
  text-align: justify;
}

.f-wrap {
  display: flex;
}

.f-container { /* 流动布局容器，默认方向水平，垂直方向需加上is-vertical类型 */
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
}

.f-container.is-vertical{
  -ms-flex-direction: column;
  flex-direction: column;
}

.f-flow {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.f-fix {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* 流式布局 */
.row-1 {
  width: calc(var(--aPartX) * 1);
  float: left ;
  box-sizing: border-box ;
}

.row-2 {
  width: calc(var(--aPartX) * 2);
  float: left ;
  box-sizing: border-box ;
}

.row-3 {
  width: calc(var(--aPartX) * 3);
  float: left ;
  box-sizing: border-box ;
}

.row-4 {
  width: calc(var(--aPartX) * 4);
  float: left ;
  box-sizing: border-box ;
}

.row-5 {
  width: calc(var(--aPartX) * 5);
  float: left ;
  box-sizing: border-box ;
}

.row-6 {
  width: calc(var(--aPartX) * 6);
  float: left ;
  box-sizing: border-box ;
}

.row-7 {
  width: calc(var(--aPartX) * 7);
  float: left ;
  box-sizing: border-box ;
}

.row-8 {
  width: calc(var(--aPartX) * 8);
  float: left ;
  box-sizing: border-box ;
}

.row-9 {
  width: calc(var(--aPartX) * 9);
  float: left ;
  box-sizing: border-box ;
}

.row-10 {
  width: calc(var(--aPartX) * 10);
  float: left ;
  box-sizing: border-box ;
}

.row-11 {
  width: calc(var(--aPartX) * 11);
  float: left ;
  box-sizing: border-box ;
}

.row-12 {
  width: calc(var(--aPartX) * 12);
  float: left ;
  box-sizing: border-box ;
}

.row-13 {
  width: calc(var(--aPartX) * 13);
  float: left ;
  box-sizing: border-box ;
}

.row-14 {
  width: calc(var(--aPartX) * 14);
  float: left ;
  box-sizing: border-box ;
}

.row-15 {
  width: calc(var(--aPartX) * 15);
  float: left ;
  box-sizing: border-box ;
}

.row-16 {
  width: calc(var(--aPartX) * 16);
  float: left ;
  box-sizing: border-box ;
}

.row-17 {
  width: calc(var(--aPartX) * 17);
  float: left ;
  box-sizing: border-box ;
}

.row-18 {
  width: calc(var(--aPartX) * 18);
  float: left ;
  box-sizing: border-box ;
}

.row-19 {
  width: calc(var(--aPartX) * 19);
  float: left ;
  box-sizing: border-box ;
}

.row-20 {
  width: calc(var(--aPartX) * 20);
  float: left ;
  box-sizing: border-box ;
}

.row-21 {
  width: calc(var(--aPartX) * 21);
  float: left ;
  box-sizing: border-box ;
}

.row-22 {
  width: calc(var(--aPartX) * 22);
  float: left ;
  box-sizing: border-box ;
}

.row-23 {
  width: calc(var(--aPartX) * 23);
  float: left ;
  box-sizing: border-box ;
}

.row-24 {
  width: calc(var(--aPartX) * 24);
  float: left ;
  box-sizing: border-box ;
}

.r{
  width: 100%;
  float: left ;
  box-sizing: border-box ;
}

.w{
  width: 100% !important;
}

/* .row-24::before{
  display: table;
  content: "";
}

.row-24::after{
  display: table;
  content: "";
  clear: both;
} */


.row-dot-1 {
  width: calc(var(--aPartX) * 0.1);
}

.row-dot-2 {
  width: calc(var(--aPartX) * 0.2);
}

.row-dot-3 {
  width: calc(var(--aPartX) * 0.3);
}

.row-dot-4 {
  width: calc(var(--aPartX) * 0.4);
}

.row-dot-5 {
  width: calc(var(--aPartX) * 0.5);
}

.row-dot-6 {
  width: calc(var(--aPartX) * 0.6);
}

.row-dot-7 {
  width: calc(var(--aPartX) * 0.7);
}

.row-dot-8 {
  width: calc(var(--aPartX) * 0.8);
}

.row-dot-9 {
  width: calc(var(--aPartX) * 0.9);
}

/* 动态流式布局 */
.dyn-m-1 {
  width: calc(var(--aDynPartX) * 1);
}

.dyn-m-2 {
  width: calc(var(--aDynPartX) * 2);
}

.dyn-m-3 {
  width: calc(var(--aDynPartX) * 3);
}

.dyn-m-4 {
  width: calc(var(--aDynPartX) * 4);
}

.dyn-m-5 {
  width: calc(var(--aDynPartX) * 5);
}

.dyn-m-6 {
  width: calc(var(--aDynPartX) * 6);
}

.dyn-m-7 {
  width: calc(var(--aDynPartX) * 7);
}

.dyn-m-8 {
  width: calc(var(--aDynPartX) * 8);
}

.dyn-m-9 {
  width: calc(var(--aDynPartX) * 9);
}

.dyn-m-10 {
  width: calc(var(--aDynPartX) * 10);
}

.dyn-m-11 {
  width: calc(var(--aDynPartX) * 11);
}

.dyn-m-12 {
  width: calc(var(--aDynPartX) * 12);
}

.dyn-m-13 {
  width: calc(var(--aDynPartX) * 13);
}

.dyn-m-14 {
  width: calc(var(--aDynPartX) * 14);
}

.dyn-m-15 {
  width: calc(var(--aDynPartX) * 15);
}

.dyn-m-16 {
  width: calc(var(--aDynPartX) * 16);
}

.dyn-m-17 {
  width: calc(var(--aDynPartX) * 17);
}

.dyn-m-18 {
  width: calc(var(--aDynPartX) * 18);
}

.dyn-m-19 {
  width: calc(var(--aDynPartX) * 19);
}

.dyn-m-20 {
  width: calc(var(--aDynPartX) * 20);
}

.dyn-m-21 {
  width: calc(var(--aDynPartX) * 21);
}

.dyn-m-22 {
  width: calc(var(--aDynPartX) * 22);
}

.dyn-m-23 {
  width: calc(var(--aDynPartX) * 23);
}

.dyn-m-24 {
  width: calc(var(--aDynPartX) * 24);
}

@media (max-width:720px){
  .dyn-s-1 {
    width: calc(var(--aDynPartX) * 1);
  }

  .dyn-s-2 {
    width: calc(var(--aDynPartX) * 2);
  }

  .dyn-s-3 {
    width: calc(var(--aDynPartX) * 3);
  }

  .dyn-s-4 {
    width: calc(var(--aDynPartX) * 4);
  }

  .dyn-s-5 {
    width: calc(var(--aDynPartX) * 5);
  }

  .dyn-s-6 {
    width: calc(var(--aDynPartX) * 6);
  }

  .dyn-s-7 {
    width: calc(var(--aDynPartX) * 7);
  }

  .dyn-s-8 {
    width: calc(var(--aDynPartX) * 8);
  }

  .dyn-s-9 {
    width: calc(var(--aDynPartX) * 9);
  }

  .dyn-s-10 {
    width: calc(var(--aDynPartX) * 10);
  }

  .dyn-s-11 {
    width: calc(var(--aDynPartX) * 11);
  }

  .dyn-s-12 {
    width: calc(var(--aDynPartX) * 12);
  }

  .dyn-s-13 {
    width: calc(var(--aDynPartX) * 13);
  }

  .dyn-s-14 {
    width: calc(var(--aDynPartX) * 14);
  }

  .dyn-s-15 {
    width: calc(var(--aDynPartX) * 15);
  }

  .dyn-s-16 {
    width: calc(var(--aDynPartX) * 16);
  }

  .dyn-s-17 {
    width: calc(var(--aDynPartX) * 17);
  }

  .dyn-s-18 {
    width: calc(var(--aDynPartX) * 18);
  }

  .dyn-s-19 {
    width: calc(var(--aDynPartX) * 19);
  }

  .dyn-s-20 {
    width: calc(var(--aDynPartX) * 20);
  }

  .dyn-s-21 {
    width: calc(var(--aDynPartX) * 21);
  }

  .dyn-s-22 {
    width: calc(var(--aDynPartX) * 22);
  }

  .dyn-s-23 {
    width: calc(var(--aDynPartX) * 23);
  }

  .dyn-s-24 {
    width: calc(var(--aDynPartX) * 24);
  }
}
.dyn-dot-1 {
  width: calc(var(--aDynPartX) * 0.1);
}

.dyn-dot-2 {
  width: calc(var(--aDynPartX) * 0.2);
}

.dyn-dot-3 {
  width: calc(var(--aDynPartX) * 0.3);
}

.dyn-dot-4 {
  width: calc(var(--aDynPartX) * 0.4);
}

.dyn-dot-5 {
  width: calc(var(--aDynPartX) * 0.5);
}

.dyn-dot-6 {
  width: calc(var(--aDynPartX) * 0.6);
}

.dyn-dot-7 {
  width: calc(var(--aDynPartX) * 0.7);
}

.dyn-dot-8 {
  width: calc(var(--aDynPartX) * 0.8);
}

.dyn-dot-9 {
  width: calc(var(--aDynPartX) * 0.9);
}

.h-1 {
  height: calc(var(--aPartY) * 1);
}

.h-2 {
  height: calc(var(--aPartY) * 2);
}

.h-3 {
  height: calc(var(--aPartY) * 3);
}

.h-4 {
  height: calc(var(--aPartY) * 4);
}

.h-5 {
  height: calc(var(--aPartY) * 5);
}

.h-6 {
  height: calc(var(--aPartY) * 6);
}

.h-7 {
  height: calc(var(--aPartY) * 7);
}

.h-8 {
  height: calc(var(--aPartY) * 8);
}

.h-9 {
  height: calc(var(--aPartY) * 9);
}

.h-10 {
  height: calc(var(--aPartY) * 10);
}

.h-11 {
  height: calc(var(--aPartY) * 11);
}

.h-12 {
  height: calc(var(--aPartY) * 12);
}

.h-13 {
  height: calc(var(--aPartY) * 13);
}

.h-14 {
  height: calc(var(--aPartY) * 14);
}

.h-15 {
  height: calc(var(--aPartY) * 15);
}

.h-16 {
  height: calc(var(--aPartY) * 16);
}

.h-17 {
  height: calc(var(--aPartY) * 17);
}

.h-18 {
  height: calc(var(--aPartY) * 18);
}

.h-19 {
  height: calc(var(--aPartY) * 19);
}

.h-20 {
  height: calc(var(--aPartY) * 20);
}

.h-21 {
  height: calc(var(--aPartY) * 21);
}

.h-22 {
  height: calc(var(--aPartY) * 22);
}

.h-23 {
  height: calc(var(--aPartY) * 23);
}

.h-24 {
  height: calc(var(--aPartY) * 24);
}

.h-25 {
  height: calc(var(--aPartY) * 25);
}

.h-26 {
  height: calc(var(--aPartY) * 26);
}

.h-27 {
  height: calc(var(--aPartY) * 27);
}

.h-28 {
  height: calc(var(--aPartY) * 28);
}

.h-29 {
  height: calc(var(--aPartY) * 29);
}

.h-30 {
  height: calc(var(--aPartY) * 30);
}

.h-31 {
  height: calc(var(--aPartY) * 31);
}

.h-32 {
  height: calc(var(--aPartY) * 32);
}

.h-33 {
  height: calc(var(--aPartY) * 33);
}

.h-34 {
  height: calc(var(--aPartY) * 34);
}

.h-35 {
  height: calc(var(--aPartY) * 35);
}

.h-36 {
  height: calc(var(--aPartY) * 36);
}

.h-37 {
  height: calc(var(--aPartY) * 37);
}

.h-38 {
  height: calc(var(--aPartY) * 38);
}

.h-39 {
  height: calc(var(--aPartY) * 39);
}

.h-40 {
  height: calc(var(--aPartY) * 40);
}

.h-41 {
  height: calc(var(--aPartY) * 41);
}

.h-42 {
  height: calc(var(--aPartY) * 42);
}

.h-43 {
  height: calc(var(--aPartY) * 43);
}

.h-44 {
  height: calc(var(--aPartY) * 44);
}

.h-45 {
  height: calc(var(--aPartY) * 45);
}

.h-46 {
  height: calc(var(--aPartY) * 46);
}

.h-47 {
  height: calc(var(--aPartY) * 47);
}

.h-48 {
  height: calc(var(--aPartY) * 48);
}

.h-49 {
  height: calc(var(--aPartY) * 49);
}

.h-50 {
  height: calc(var(--aPartY) * 50);
}

.h-51 {
  height: calc(var(--aPartY) * 51);
}

.h-52 {
  height: calc(var(--aPartY) * 52);
}

.h-53 {
  height: calc(var(--aPartY) * 53);
}

.h-54 {
  height: calc(var(--aPartY) * 54);
}

.h-55 {
  height: calc(var(--aPartY) * 55);
}

.h-56 {
  height: calc(var(--aPartY) * 56);
}

.h-57 {
  height: calc(var(--aPartY) * 57);
}

.h-58 {
  height: calc(var(--aPartY) * 58);
}

.h-59 {
  height: calc(var(--aPartY) * 59);
}

.h-60 {
  height: calc(var(--aPartY) * 60);
}

.h-61 {
  height: calc(var(--aPartY) * 61);
}

.h-62 {
  height: calc(var(--aPartY) * 62);
}

.h-63 {
  height: calc(var(--aPartY) * 63);
}

.h-64 {
  height: calc(var(--aPartY) * 64);
}

.h-65 {
  height: calc(var(--aPartY) * 65);
}

.h-66 {
  height: calc(var(--aPartY) * 66);
}

.h-67 {
  height: calc(var(--aPartY) * 67);
}

.h-68 {
  height: calc(var(--aPartY) * 68);
}

.h-69 {
  height: calc(var(--aPartY) * 69);
}

.h-70 {
  height: calc(var(--aPartY) * 70);
}

.h-71 {
  height: calc(var(--aPartY) * 71);
}

.h-72 {
  height: calc(var(--aPartY) * 72);
}

.h-73 {
  height: calc(var(--aPartY) * 73);
}

.h-74 {
  height: calc(var(--aPartY) * 74);
}

.h-75 {
  height: calc(var(--aPartY) * 75);
}

.h-76 {
  height: calc(var(--aPartY) * 76);
}

.h-77 {
  height: calc(var(--aPartY) * 77);
}

.h-78 {
  height: calc(var(--aPartY) * 78);
}

.h-79 {
  height: calc(var(--aPartY) * 79);
}

.h-80 {
  height: calc(var(--aPartY) * 80);
}

.h-81 {
  height: calc(var(--aPartY) * 81);
}

.h-82 {
  height: calc(var(--aPartY) * 82);
}

.h-83 {
  height: calc(var(--aPartY) * 83);
}

.h-84 {
  height: calc(var(--aPartY) * 84);
}

.h-85 {
  height: calc(var(--aPartY) * 85);
}

.h-86 {
  height: calc(var(--aPartY) * 86);
}

.h-87 {
  height: calc(var(--aPartY) * 87);
}

.h-88 {
  height: calc(var(--aPartY) * 88);
}

.h-89 {
  height: calc(var(--aPartY) * 89);
}

.h-90 {
  height: calc(var(--aPartY) * 90);
}

.h-91 {
  height: calc(var(--aPartY) * 91);
}

.h-92 {
  height: calc(var(--aPartY) * 92);
}

.h-93 {
  height: calc(var(--aPartY) * 93);
}

.h-94 {
  height: calc(var(--aPartY) * 94);
}

.h-95 {
  height: calc(var(--aPartY) * 95);
}

.h-96 {
  height: calc(var(--aPartY) * 96);
}

.h-97 {
  height: calc(var(--aPartY) * 97);
}

.h-98 {
  height: calc(var(--aPartY) * 98);
}

.h-99 {
  height: calc(var(--aPartY) * 99);
}

.h {
  height: calc(var(--aPartY) * 100);
}

.mh-1 {
  height: calc(var(--aMinPartY) * 1);
}

.mh-2 {
  height: calc(var(--aMinPartY) * 2);
}

.mh-3 {
  height: calc(var(--aMinPartY) * 3);
}

.mh-4 {
  height: calc(var(--aMinPartY) * 4);
}

.mh-5 {
  height: calc(var(--aMinPartY) * 5);
}

.mh-6 {
  height: calc(var(--aMinPartY) * 6);
}

.mh-7 {
  height: calc(var(--aMinPartY) * 7);
}

.mh-8 {
  height: calc(var(--aMinPartY) * 8);
}

.mh-9 {
  height: calc(var(--aMinPartY) * 9);
}

.mh-10 {
  height: calc(var(--aMinPartY) * 10);
}

.mh-11 {
  height: calc(var(--aMinPartY) * 11);
}

.mh-12 {
  height: calc(var(--aMinPartY) * 12);
}

.mh-13 {
  height: calc(var(--aMinPartY) * 13);
}

.mh-14 {
  height: calc(var(--aMinPartY) * 14);
}

.mh-15 {
  height: calc(var(--aMinPartY) * 15);
}

.mh-16 {
  height: calc(var(--aMinPartY) * 16);
}

.mh-17 {
  height: calc(var(--aMinPartY) * 17);
}

.mh-18 {
  height: calc(var(--aMinPartY) * 18);
}

.mh-19 {
  height: calc(var(--aMinPartY) * 19);
}

.mh-20 {
  height: calc(var(--aMinPartY) * 20);
}

.mh-21 {
  height: calc(var(--aMinPartY) * 21);
}

.mh-22 {
  height: calc(var(--aMinPartY) * 22);
}

.mh-23 {
  height: calc(var(--aMinPartY) * 23);
}

.mh-24 {
  height: calc(var(--aMinPartY) * 24);
}

.mh-25 {
  height: calc(var(--aMinPartY) * 25);
}

.mh-26 {
  height: calc(var(--aMinPartY) * 26);
}

.mh-27 {
  height: calc(var(--aMinPartY) * 27);
}

.mh-28 {
  height: calc(var(--aMinPartY) * 28);
}

.mh-29 {
  height: calc(var(--aMinPartY) * 29);
}

.mh-30 {
  height: calc(var(--aMinPartY) * 30);
}

.mh-31 {
  height: calc(var(--aMinPartY) * 31);
}

.mh-32 {
  height: calc(var(--aMinPartY) * 32);
}

.mh-33 {
  height: calc(var(--aMinPartY) * 33);
}

.mh-34 {
  height: calc(var(--aMinPartY) * 34);
}

.mh-35 {
  height: calc(var(--aMinPartY) * 35);
}

.mh-36 {
  height: calc(var(--aMinPartY) * 36);
}

.mh-37 {
  height: calc(var(--aMinPartY) * 37);
}

.mh-38 {
  height: calc(var(--aMinPartY) * 38);
}

.mh-39 {
  height: calc(var(--aMinPartY) * 39);
}

.mh-40 {
  height: calc(var(--aMinPartY) * 40);
}

.mh-41 {
  height: calc(var(--aMinPartY) * 41);
}

.mh-42 {
  height: calc(var(--aMinPartY) * 42);
}

.mh-43 {
  height: calc(var(--aMinPartY) * 43);
}

.mh-44 {
  height: calc(var(--aMinPartY) * 44);
}

.mh-45 {
  height: calc(var(--aMinPartY) * 45);
}

.mh-46 {
  height: calc(var(--aMinPartY) * 46);
}

.mh-47 {
  height: calc(var(--aMinPartY) * 47);
}

.mh-48 {
  height: calc(var(--aMinPartY) * 48);
}

.mh-49 {
  height: calc(var(--aMinPartY) * 49);
}

.mh-50 {
  height: calc(var(--aMinPartY) * 50);
}

.mh-51 {
  height: calc(var(--aMinPartY) * 51);
}

.mh-52 {
  height: calc(var(--aMinPartY) * 52);
}

.mh-53 {
  height: calc(var(--aMinPartY) * 53);
}

.mh-54 {
  height: calc(var(--aMinPartY) * 54);
}

.mh-55 {
  height: calc(var(--aMinPartY) * 55);
}

.mh-56 {
  height: calc(var(--aMinPartY) * 56);
}

.mh-57 {
  height: calc(var(--aMinPartY) * 57);
}

.mh-58 {
  height: calc(var(--aMinPartY) * 58);
}

.mh-59 {
  height: calc(var(--aMinPartY) * 59);
}

.mh-60 {
  height: calc(var(--aMinPartY) * 60);
}

.mh-61 {
  height: calc(var(--aMinPartY) * 61);
}

.mh-62 {
  height: calc(var(--aMinPartY) * 62);
}

.mh-63 {
  height: calc(var(--aMinPartY) * 63);
}

.mh-64 {
  height: calc(var(--aMinPartY) * 64);
}

.mh-65 {
  height: calc(var(--aMinPartY) * 65);
}

.mh-66 {
  height: calc(var(--aMinPartY) * 66);
}

.mh-67 {
  height: calc(var(--aMinPartY) * 67);
}

.mh-68 {
  height: calc(var(--aMinPartY) * 68);
}

.mh-69 {
  height: calc(var(--aMinPartY) * 69);
}

.mh-70 {
  height: calc(var(--aMinPartY) * 70);
}

.mh-71 {
  height: calc(var(--aMinPartY) * 71);
}

.mh-72 {
  height: calc(var(--aMinPartY) * 72);
}

.mh-73 {
  height: calc(var(--aMinPartY) * 73);
}

.mh-74 {
  height: calc(var(--aMinPartY) * 74);
}

.mh-75 {
  height: calc(var(--aMinPartY) * 75);
}

.mh-76 {
  height: calc(var(--aMinPartY) * 76);
}

.mh-77 {
  height: calc(var(--aMinPartY) * 77);
}

.mh-78 {
  height: calc(var(--aMinPartY) * 78);
}

.mh-79 {
  height: calc(var(--aMinPartY) * 79);
}

.mh-80 {
  height: calc(var(--aMinPartY) * 80);
}

.mh-81 {
  height: calc(var(--aMinPartY) * 81);
}

.mh-82 {
  height: calc(var(--aMinPartY) * 82);
}

.mh-83 {
  height: calc(var(--aMinPartY) * 83);
}

.mh-84 {
  height: calc(var(--aMinPartY) * 84);
}

.mh-85 {
  height: calc(var(--aMinPartY) * 85);
}

.mh-86 {
  height: calc(var(--aMinPartY) * 86);
}

.mh-87 {
  height: calc(var(--aMinPartY) * 87);
}

.mh-88 {
  height: calc(var(--aMinPartY) * 88);
}

.mh-89 {
  height: calc(var(--aMinPartY) * 89);
}

.mh-90 {
  height: calc(var(--aMinPartY) * 90);
}

.mh-91 {
  height: calc(var(--aMinPartY) * 91);
}

.mh-92 {
  height: calc(var(--aMinPartY) * 92);
}

.mh-93 {
  height: calc(var(--aMinPartY) * 93);
}

.mh-94 {
  height: calc(var(--aMinPartY) * 94);
}

.mh-95 {
  height: calc(var(--aMinPartY) * 95);
}

.mh-96 {
  height: calc(var(--aMinPartY) * 96);
}

.mh-97 {
  height: calc(var(--aMinPartY) * 97);
}

.mh-98 {
  height: calc(var(--aMinPartY) * 98);
}

.mh-99 {
  height: calc(var(--aMinPartY) * 99);
}

.mh {
  height: calc(var(--aMinPartY) * 100);
}

.H-1 {
  height: calc(var(--aHPartY) * 1);
}

.H-2 {
  height: calc(var(--aHPartY) * 2);
}

.H-3 {
  height: calc(var(--aHPartY) * 3);
}

.H-4 {
  height: calc(var(--aHPartY) * 4);
}

.H-5 {
  height: calc(var(--aHPartY) * 5);
}

.H-6 {
  height: calc(var(--aHPartY) * 6);
}

.H-7 {
  height: calc(var(--aHPartY) * 7);
}

.H-8 {
  height: calc(var(--aHPartY) * 8);
}

.H-9 {
  height: calc(var(--aHPartY) * 9);
}

.H-10 {
  height: calc(var(--aHPartY) * 10);
}

.H-11 {
  height: calc(var(--aHPartY) * 11);
}

.H-12 {
  height: calc(var(--aHPartY) * 12);
}

.H-13 {
  height: calc(var(--aHPartY) * 13);
}

.H-14 {
  height: calc(var(--aHPartY) * 14);
}

.H-15 {
  height: calc(var(--aHPartY) * 15);
}

.H-16 {
  height: calc(var(--aHPartY) * 16);
}

.H-17 {
  height: calc(var(--aHPartY) * 17);
}

.H-18 {
  height: calc(var(--aHPartY) * 18);
}

.H-19 {
  height: calc(var(--aHPartY) * 19);
}

.H-20 {
  height: calc(var(--aHPartY) * 20);
}

.H-21 {
  height: calc(var(--aHPartY) * 21);
}

.H-22 {
  height: calc(var(--aHPartY) * 22);
}

.H-23 {
  height: calc(var(--aHPartY) * 23);
}

.H-24 {
  height: calc(var(--aHPartY) * 24);
}

.H-25 {
  height: calc(var(--aHPartY) * 25);
}

.H-26 {
  height: calc(var(--aHPartY) * 26);
}

.H-27 {
  height: calc(var(--aHPartY) * 27);
}

.H-28 {
  height: calc(var(--aHPartY) * 28);
}

.H-29 {
  height: calc(var(--aHPartY) * 29);
}

.H-30 {
  height: calc(var(--aHPartY) * 30);
}

.H-31 {
  height: calc(var(--aHPartY) * 31);
}

.H-32 {
  height: calc(var(--aHPartY) * 32);
}

.H-33 {
  height: calc(var(--aHPartY) * 33);
}

.H-34 {
  height: calc(var(--aHPartY) * 34);
}

.H-35 {
  height: calc(var(--aHPartY) * 35);
}

.H-36 {
  height: calc(var(--aHPartY) * 36);
}

.H-37 {
  height: calc(var(--aHPartY) * 37);
}

.H-38 {
  height: calc(var(--aHPartY) * 38);
}

.H-39 {
  height: calc(var(--aHPartY) * 39);
}

.H-40 {
  height: calc(var(--aHPartY) * 40);
}

.H-41 {
  height: calc(var(--aHPartY) * 41);
}

.H-42 {
  height: calc(var(--aHPartY) * 42);
}

.H-43 {
  height: calc(var(--aHPartY) * 43);
}

.H-44 {
  height: calc(var(--aHPartY) * 44);
}

.H-45 {
  height: calc(var(--aHPartY) * 45);
}

.H-46 {
  height: calc(var(--aHPartY) * 46);
}

.H-47 {
  height: calc(var(--aHPartY) * 47);
}

.H-48 {
  height: calc(var(--aHPartY) * 48);
}

.H-49 {
  height: calc(var(--aHPartY) * 49);
}

.H-50 {
  height: calc(var(--aHPartY) * 50);
}

.H-51 {
  height: calc(var(--aHPartY) * 51);
}

.H-52 {
  height: calc(var(--aHPartY) * 52);
}

.H-53 {
  height: calc(var(--aHPartY) * 53);
}

.H-54 {
  height: calc(var(--aHPartY) * 54);
}

.H-55 {
  height: calc(var(--aHPartY) * 55);
}

.H-56 {
  height: calc(var(--aHPartY) * 56);
}

.H-57 {
  height: calc(var(--aHPartY) * 57);
}

.H-58 {
  height: calc(var(--aHPartY) * 58);
}

.H-59 {
  height: calc(var(--aHPartY) * 59);
}

.H-60 {
  height: calc(var(--aHPartY) * 60);
}

.H-61 {
  height: calc(var(--aHPartY) * 61);
}

.H-62 {
  height: calc(var(--aHPartY) * 62);
}

.H-63 {
  height: calc(var(--aHPartY) * 63);
}

.H-64 {
  height: calc(var(--aHPartY) * 64);
}

.H-65 {
  height: calc(var(--aHPartY) * 65);
}

.H-66 {
  height: calc(var(--aHPartY) * 66);
}

.H-67 {
  height: calc(var(--aHPartY) * 67);
}

.H-68 {
  height: calc(var(--aHPartY) * 68);
}

.H-69 {
  height: calc(var(--aHPartY) * 69);
}

.H-70 {
  height: calc(var(--aHPartY) * 70);
}

.H-71 {
  height: calc(var(--aHPartY) * 71);
}

.H-72 {
  height: calc(var(--aHPartY) * 72);
}

.H-73 {
  height: calc(var(--aHPartY) * 73);
}

.H-74 {
  height: calc(var(--aHPartY) * 74);
}

.H-75 {
  height: calc(var(--aHPartY) * 75);
}

.H-76 {
  height: calc(var(--aHPartY) * 76);
}

.H-77 {
  height: calc(var(--aHPartY) * 77);
}

.H-78 {
  height: calc(var(--aHPartY) * 78);
}

.H-79 {
  height: calc(var(--aHPartY) * 79);
}

.H-80 {
  height: calc(var(--aHPartY) * 80);
}

.H-81 {
  height: calc(var(--aHPartY) * 81);
}

.H-82 {
  height: calc(var(--aHPartY) * 82);
}

.H-83 {
  height: calc(var(--aHPartY) * 83);
}

.H-84 {
  height: calc(var(--aHPartY) * 84);
}

.H-85 {
  height: calc(var(--aHPartY) * 85);
}

.H-86 {
  height: calc(var(--aHPartY) * 86);
}

.H-87 {
  height: calc(var(--aHPartY) * 87);
}

.H-88 {
  height: calc(var(--aHPartY) * 88);
}

.H-89 {
  height: calc(var(--aHPartY) * 89);
}

.H-90 {
  height: calc(var(--aHPartY) * 90);
}

.H-91 {
  height: calc(var(--aHPartY) * 91);
}

.H-92 {
  height: calc(var(--aHPartY) * 92);
}

.H-93 {
  height: calc(var(--aHPartY) * 93);
}

.H-94 {
  height: calc(var(--aHPartY) * 94);
}

.H-95 {
  height: calc(var(--aHPartY) * 95);
}

.H-96 {
  height: calc(var(--aHPartY) * 96);
}

.H-97 {
  height: calc(var(--aHPartY) * 97);
}

.H-98 {
  height: calc(var(--aHPartY) * 98);
}

.H-99 {
  height: calc(var(--aHPartY) * 99);
}

.H {
  height: calc(var(--aHPartY) * 100);
}

/* base */
.mb-50 {
  margin-bottom: 50%;
}

.p-10 {
  padding: 10px;
}

.ptb-10 {
  padding: 10px 0;
}

.plr-10 {
  padding: 0 10px;
}

.ta-l {
  text-align: left;
}

.ta-c {
  text-align: center;
}

.ta-r {
  text-align: right;
}

.fl-l {
  float: left;
}

.fl-r {
  float: right;
}

.border-none {
  border: none !important;
}

.inline-block {
  display: inline-block;
}

/* color */
.red{
  background-color: red;
}

.green{
  background-color: limegreen;
}

.yellow{
  background-color: yellow;
}

.blue{
  background-color: lightblue;
}

.black{
  background-color: black;
}

.light{
  color: #fff;
}

.light:hover{
  color: #f9f9f9;
}

.transparent {
  color: transparent;
}

.ellipsis {
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* light */
.light-gold{
  -webkit-filter: drop-shadow(0 0 15px #eebf23);
  filter: drop-shadow(0 0 15px #eebf23);
}

.light-silver{
  -webkit-filter: drop-shadow(0 0 6px #a0a0a0);
  box-shadow: 0px 5px 6px #a0a0a0;
}

.light-purple{
  -webkit-filter: drop-shadow(0 0 5px purple);
  filter: drop-shadow(0 0 5px purple);
}

.light-white{
  -webkit-filter: drop-shadow(0 0 5px #ddd);
  filter: drop-shadow(0 0 5px #ddd);
}

.light-platinum{
  -webkit-filter: drop-shadow(0 0 15px #ffffff);
  filter: drop-shadow(0 0 15px #ffffff);
}

/* scroll */
.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-auto {
  overflow-x: scroll;
}

::-webkit-scrollbar-corner { /* 补充滚动条交汇处的样式 */
  background-color: transparent;
}

/* ===== message-box ===== */
.g_el-message-box {
  background-color: var(--bg-color1) !important;
  border: 0 !important;
  -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, .2), 2px 6px 10px 0 rgba(0, 0, 0, .19) !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, .2), 2px 6px 10px 0 rgba(0, 0, 0, .19) !important;
}

.g_el-message-box .el-message-box__title {
  color: var(--text-color3);
}

.g_el-message-box .el-message-box__content {
  color: var(--text-color3);
}

.g_el-message-box .el-button--primary {
  background-color: var(--bg-color18) !important;
  color: #fff !important;
}

/* ===== footer-doc-tab ===== */
.el-popper.thumbnail-popover {
  z-index: 9300 !important;
  padding: 12px 0 !important;
  transform: translateY(-5px);
}

.thumbnail-popover .el-popover__title{
  font-size: 14px;
  padding: 0 12px;
}

.thumbnail-popover .svg-icon {
  width: 200px !important;
}