@charset "UTF-8";

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

.text-r {
  text-align: right !important;
}

.text-c {
  text-align: center !important;
}

.m-l-auto {
  margin-left: auto !important;
}

.m-r-auto {
  margin-right: auto !important;
}

.m-t-auto {
  margin-top: auto !important;
}

.m-b-auto {
  margin-bottom: auto !important;
}

.font-w {
  font-weight: 700;
}

.block {
  display: block;
}

.overflow-h {
  overflow: hidden;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.flex-100 > * {
  flex: 1;
}

.flex-item,
.flex-100 {
  display: flex;
  align-items: center;
  word-break: break-all;
}
.flex-item.dir-r,
.flex-100.dir-r {
  flex-direction: row;
}
.flex-item.dir-c,
.flex-100.dir-c {
  flex-direction: column;
}
.flex-item.a-t,
.flex-100.a-t {
  align-items: flex-start;
}
.flex-item.a-b,
.flex-100.a-b {
  align-items: flex-end;
}
.flex-item.a-s,
.flex-100.a-s {
  align-items: stretch;
}
.flex-item.j-a,
.flex-100.j-a {
  justify-content: space-around;
}
.flex-item.j-c,
.flex-100.j-c {
  justify-content: center;
}
.flex-item.j-b,
.flex-100.j-b {
  justify-content: space-between;
}
.flex-item.j-e,
.flex-100.j-e {
  justify-content: flex-end;
}
.flex-item.j-s,
.flex-100.j-s {
  justify-content: flex-start;
}
.flex-item.flex-wrap,
.flex-100.flex-wrap {
  flex-wrap: wrap;
}
.flex-item > .flexN,
.flex-100 > .flexN {
  flex: none;
}
.flex-item > .flexA,
.flex-100 > .flexA {
  flex: auto;
  overflow: hidden;
}

.grid-box {
  display: grid;
}
.grid-box.grid-auto-60 {
  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
}
.grid-box.grid-auto-60.fit {
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}
.grid-box.grid-auto-100 {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.grid-box.grid-auto-100.fit {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.grid-box.grid-auto-120 {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.grid-box.grid-auto-120.fit {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.grid-box.grid-auto-140 {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.grid-box.grid-auto-140.fit {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.grid-box.grid-auto-160 {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.grid-box.grid-auto-160.fit {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.grid-box.grid-auto-180 {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.grid-box.grid-auto-180.fit {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.grid-box.grid-auto-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.grid-box.grid-auto-200.fit {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.grid-box.grid-auto-240 {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.grid-box.grid-auto-240.fit {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.grid-box.grid-auto-260 {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.grid-box.grid-auto-260.fit {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.grid-box.grid-auto-280 {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.grid-box.grid-auto-280.fit {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.grid-box.grid-auto-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.grid-box.grid-auto-300.fit {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid-box.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-box.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-box.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-box.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid-box.gap-5 {
  grid-gap: 5px;
}
.grid-box.row-gap-5 {
  grid-row-gap: 5px;
}
.grid-box.col-gap-5 {
  grid-column-gap: 5px;
}
.grid-box.gap-10 {
  grid-gap: 10px;
}
.grid-box.row-gap-10 {
  grid-row-gap: 10px;
}
.grid-box.col-gap-10 {
  grid-column-gap: 10px;
}
.grid-box.gap-15 {
  grid-gap: 15px;
}
.grid-box.row-gap-15 {
  grid-row-gap: 15px;
}
.grid-box.col-gap-15 {
  grid-column-gap: 15px;
}
.grid-box.gap-20 {
  grid-gap: 20px;
}
.grid-box.row-gap-20 {
  grid-row-gap: 20px;
}
.grid-box.col-gap-20 {
  grid-column-gap: 20px;
}
.grid-box.gap-25 {
  grid-gap: 25px;
}
.grid-box.row-gap-25 {
  grid-row-gap: 25px;
}
.grid-box.col-gap-25 {
  grid-column-gap: 25px;
}
.grid-box.gap-30 {
  grid-gap: 30px;
}
.grid-box.row-gap-30 {
  grid-row-gap: 30px;
}
.grid-box.col-gap-30 {
  grid-column-gap: 30px;
}
.grid-box.gap-35 {
  grid-gap: 35px;
}
.grid-box.row-gap-35 {
  grid-row-gap: 35px;
}
.grid-box.col-gap-35 {
  grid-column-gap: 35px;
}
.grid-box.gap-40 {
  grid-gap: 40px;
}
.grid-box.row-gap-40 {
  grid-row-gap: 40px;
}
.grid-box.col-gap-40 {
  grid-column-gap: 40px;
}
.grid-box.gap-45 {
  grid-gap: 45px;
}
.grid-box.row-gap-45 {
  grid-row-gap: 45px;
}
.grid-box.col-gap-45 {
  grid-column-gap: 45px;
}
.grid-box.gap-50 {
  grid-gap: 50px;
}
.grid-box.row-gap-50 {
  grid-row-gap: 50px;
}
.grid-box.col-gap-50 {
  grid-column-gap: 50px;
}

.m-0 {
  margin: 0px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.m-1 {
  margin: 1px !important;
}

.m-t-1 {
  margin-top: 1px !important;
}

.m-r-1 {
  margin-right: 1px !important;
}

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-l-1 {
  margin-left: 1px !important;
}

.p-1 {
  padding: 1px !important;
}

.p-t-1 {
  padding-top: 1px !important;
}

.p-r-1 {
  padding-right: 1px !important;
}

.p-b-1 {
  padding-bottom: 1px !important;
}

.p-l-1 {
  padding-left: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.p-r-2 {
  padding-right: 2px !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.p-l-2 {
  padding-left: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-t-3 {
  margin-top: 3px !important;
}

.m-r-3 {
  margin-right: 3px !important;
}

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-l-3 {
  margin-left: 3px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-t-3 {
  padding-top: 3px !important;
}

.p-r-3 {
  padding-right: 3px !important;
}

.p-b-3 {
  padding-bottom: 3px !important;
}

.p-l-3 {
  padding-left: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-r-4 {
  margin-right: 4px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-l-4 {
  margin-left: 4px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.p-r-4 {
  padding-right: 4px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.p-l-4 {
  padding-left: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-6 {
  margin: 6px !important;
}

.m-t-6 {
  margin-top: 6px !important;
}

.m-r-6 {
  margin-right: 6px !important;
}

.m-b-6 {
  margin-bottom: 6px !important;
}

.m-l-6 {
  margin-left: 6px !important;
}

.p-6 {
  padding: 6px !important;
}

.p-t-6 {
  padding-top: 6px !important;
}

.p-r-6 {
  padding-right: 6px !important;
}

.p-b-6 {
  padding-bottom: 6px !important;
}

.p-l-6 {
  padding-left: 6px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-t-8 {
  margin-top: 8px !important;
}

.m-r-8 {
  margin-right: 8px !important;
}

.m-b-8 {
  margin-bottom: 8px !important;
}

.m-l-8 {
  margin-left: 8px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-t-8 {
  padding-top: 8px !important;
}

.p-r-8 {
  padding-right: 8px !important;
}

.p-b-8 {
  padding-bottom: 8px !important;
}

.p-l-8 {
  padding-left: 8px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-12 {
  margin: 12px !important;
}

.m-t-12 {
  margin-top: 12px !important;
}

.m-r-12 {
  margin-right: 12px !important;
}

.m-b-12 {
  margin-bottom: 12px !important;
}

.m-l-12 {
  margin-left: 12px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-t-12 {
  padding-top: 12px !important;
}

.p-r-12 {
  padding-right: 12px !important;
}

.p-b-12 {
  padding-bottom: 12px !important;
}

.p-l-12 {
  padding-left: 12px !important;
}

.m-14 {
  margin: 14px !important;
}

.m-t-14 {
  margin-top: 14px !important;
}

.m-r-14 {
  margin-right: 14px !important;
}

.m-b-14 {
  margin-bottom: 14px !important;
}

.m-l-14 {
  margin-left: 14px !important;
}

.p-14 {
  padding: 14px !important;
}

.p-t-14 {
  padding-top: 14px !important;
}

.p-r-14 {
  padding-right: 14px !important;
}

.p-b-14 {
  padding-bottom: 14px !important;
}

.p-l-14 {
  padding-left: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-t-16 {
  margin-top: 16px !important;
}

.m-r-16 {
  margin-right: 16px !important;
}

.m-b-16 {
  margin-bottom: 16px !important;
}

.m-l-16 {
  margin-left: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-r-16 {
  padding-right: 16px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.m-18 {
  margin: 18px !important;
}

.m-t-18 {
  margin-top: 18px !important;
}

.m-r-18 {
  margin-right: 18px !important;
}

.m-b-18 {
  margin-bottom: 18px !important;
}

.m-l-18 {
  margin-left: 18px !important;
}

.p-18 {
  padding: 18px !important;
}

.p-t-18 {
  padding-top: 18px !important;
}

.p-r-18 {
  padding-right: 18px !important;
}

.p-b-18 {
  padding-bottom: 18px !important;
}

.p-l-18 {
  padding-left: 18px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-55 {
  margin: 55px !important;
}

.m-t-55 {
  margin-top: 55px !important;
}

.m-r-55 {
  margin-right: 55px !important;
}

.m-b-55 {
  margin-bottom: 55px !important;
}

.m-l-55 {
  margin-left: 55px !important;
}

.p-55 {
  padding: 55px !important;
}

.p-t-55 {
  padding-top: 55px !important;
}

.p-r-55 {
  padding-right: 55px !important;
}

.p-b-55 {
  padding-bottom: 55px !important;
}

.p-l-55 {
  padding-left: 55px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-65 {
  margin: 65px !important;
}

.m-t-65 {
  margin-top: 65px !important;
}

.m-r-65 {
  margin-right: 65px !important;
}

.m-b-65 {
  margin-bottom: 65px !important;
}

.m-l-65 {
  margin-left: 65px !important;
}

.p-65 {
  padding: 65px !important;
}

.p-t-65 {
  padding-top: 65px !important;
}

.p-r-65 {
  padding-right: 65px !important;
}

.p-b-65 {
  padding-bottom: 65px !important;
}

.p-l-65 {
  padding-left: 65px !important;
}

.m-70 {
  margin: 70px !important;
}

.m-t-70 {
  margin-top: 70px !important;
}

.m-r-70 {
  margin-right: 70px !important;
}

.m-b-70 {
  margin-bottom: 70px !important;
}

.m-l-70 {
  margin-left: 70px !important;
}

.p-70 {
  padding: 70px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.p-r-70 {
  padding-right: 70px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-l-70 {
  padding-left: 70px !important;
}

.m-75 {
  margin: 75px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.m-r-75 {
  margin-right: 75px !important;
}

.m-b-75 {
  margin-bottom: 75px !important;
}

.m-l-75 {
  margin-left: 75px !important;
}

.p-75 {
  padding: 75px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.m-r-80 {
  margin-right: 80px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.p-r-80 {
  padding-right: 80px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.m-85 {
  margin: 85px !important;
}

.m-t-85 {
  margin-top: 85px !important;
}

.m-r-85 {
  margin-right: 85px !important;
}

.m-b-85 {
  margin-bottom: 85px !important;
}

.m-l-85 {
  margin-left: 85px !important;
}

.p-85 {
  padding: 85px !important;
}

.p-t-85 {
  padding-top: 85px !important;
}

.p-r-85 {
  padding-right: 85px !important;
}

.p-b-85 {
  padding-bottom: 85px !important;
}

.p-l-85 {
  padding-left: 85px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-t-90 {
  margin-top: 90px !important;
}

.m-r-90 {
  margin-right: 90px !important;
}

.m-b-90 {
  margin-bottom: 90px !important;
}

.m-l-90 {
  margin-left: 90px !important;
}

.p-90 {
  padding: 90px !important;
}

.p-t-90 {
  padding-top: 90px !important;
}

.p-r-90 {
  padding-right: 90px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.p-l-90 {
  padding-left: 90px !important;
}

.m-95 {
  margin: 95px !important;
}

.m-t-95 {
  margin-top: 95px !important;
}

.m-r-95 {
  margin-right: 95px !important;
}

.m-b-95 {
  margin-bottom: 95px !important;
}

.m-l-95 {
  margin-left: 95px !important;
}

.p-95 {
  padding: 95px !important;
}

.p-t-95 {
  padding-top: 95px !important;
}

.p-r-95 {
  padding-right: 95px !important;
}

.p-b-95 {
  padding-bottom: 95px !important;
}

.p-l-95 {
  padding-left: 95px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-150 {
  margin: 150px !important;
}

.m-t-150 {
  margin-top: 150px !important;
}

.m-r-150 {
  margin-right: 150px !important;
}

.m-b-150 {
  margin-bottom: 150px !important;
}

.m-l-150 {
  margin-left: 150px !important;
}

.p-150 {
  padding: 150px !important;
}

.p-t-150 {
  padding-top: 150px !important;
}

.p-r-150 {
  padding-right: 150px !important;
}

.p-b-150 {
  padding-bottom: 150px !important;
}

.p-l-150 {
  padding-left: 150px !important;
}

.m-160 {
  margin: 160px !important;
}

.m-t-160 {
  margin-top: 160px !important;
}

.m-r-160 {
  margin-right: 160px !important;
}

.m-b-160 {
  margin-bottom: 160px !important;
}

.m-l-160 {
  margin-left: 160px !important;
}

.p-160 {
  padding: 160px !important;
}

.p-t-160 {
  padding-top: 160px !important;
}

.p-r-160 {
  padding-right: 160px !important;
}

.p-b-160 {
  padding-bottom: 160px !important;
}

.p-l-160 {
  padding-left: 160px !important;
}

.m-200 {
  margin: 200px !important;
}

.m-t-200 {
  margin-top: 200px !important;
}

.m-r-200 {
  margin-right: 200px !important;
}

.m-b-200 {
  margin-bottom: 200px !important;
}

.m-l-200 {
  margin-left: 200px !important;
}

.p-200 {
  padding: 200px !important;
}

.p-t-200 {
  padding-top: 200px !important;
}

.p-r-200 {
  padding-right: 200px !important;
}

.p-b-200 {
  padding-bottom: 200px !important;
}

.p-l-200 {
  padding-left: 200px !important;
}

.m-300 {
  margin: 300px !important;
}

.m-t-300 {
  margin-top: 300px !important;
}

.m-r-300 {
  margin-right: 300px !important;
}

.m-b-300 {
  margin-bottom: 300px !important;
}

.m-l-300 {
  margin-left: 300px !important;
}

.p-300 {
  padding: 300px !important;
}

.p-t-300 {
  padding-top: 300px !important;
}

.p-r-300 {
  padding-right: 300px !important;
}

.p-b-300 {
  padding-bottom: 300px !important;
}

.p-l-300 {
  padding-left: 300px !important;
}

.m-400 {
  margin: 400px !important;
}

.m-t-400 {
  margin-top: 400px !important;
}

.m-r-400 {
  margin-right: 400px !important;
}

.m-b-400 {
  margin-bottom: 400px !important;
}

.m-l-400 {
  margin-left: 400px !important;
}

.p-400 {
  padding: 400px !important;
}

.p-t-400 {
  padding-top: 400px !important;
}

.p-r-400 {
  padding-right: 400px !important;
}

.p-b-400 {
  padding-bottom: 400px !important;
}

.p-l-400 {
  padding-left: 400px !important;
}

.m-500 {
  margin: 500px !important;
}

.m-t-500 {
  margin-top: 500px !important;
}

.m-r-500 {
  margin-right: 500px !important;
}

.m-b-500 {
  margin-bottom: 500px !important;
}

.m-l-500 {
  margin-left: 500px !important;
}

.p-500 {
  padding: 500px !important;
}

.p-t-500 {
  padding-top: 500px !important;
}

.p-r-500 {
  padding-right: 500px !important;
}

.p-b-500 {
  padding-bottom: 500px !important;
}

.p-l-500 {
  padding-left: 500px !important;
}

.radius-0 {
  border-radius: 0px !important;
}

.radius-2 {
  border-radius: 2px !important;
}

.radius-4 {
  border-radius: 4px !important;
}

.radius-5 {
  border-radius: 5px !important;
}

.radius-6 {
  border-radius: 6px !important;
}

.radius-8 {
  border-radius: 8px !important;
}

.radius-10 {
  border-radius: 10px !important;
}

.radius-12 {
  border-radius: 12px !important;
}

.radius-14 {
  border-radius: 14px !important;
}

.radius-15 {
  border-radius: 15px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

.radius-25 {
  border-radius: 25px !important;
}

.radius-30 {
  border-radius: 30px !important;
}

.radius-35 {
  border-radius: 35px !important;
}

.radius-40 {
  border-radius: 40px !important;
}

.radius-45 {
  border-radius: 45px !important;
}

.radius-50 {
  border-radius: 50px !important;
}

.radius-c {
  border-radius: 50% !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-70 {
  font-size: 70px !important;
}

.w-5 {
  width: 5px !important;
}

.h-5 {
  height: 5px !important;
}

.w-10 {
  width: 10px !important;
}

.h-10 {
  height: 10px !important;
}

.w-15 {
  width: 15px !important;
}

.h-15 {
  height: 15px !important;
}

.w-20 {
  width: 20px !important;
}

.h-20 {
  height: 20px !important;
}

.w-25 {
  width: 25px !important;
}

.h-25 {
  height: 25px !important;
}

.w-30 {
  width: 30px !important;
}

.h-30 {
  height: 30px !important;
}

.w-35 {
  width: 35px !important;
}

.h-35 {
  height: 35px !important;
}

.w-40 {
  width: 40px !important;
}

.h-40 {
  height: 40px !important;
}

.w-45 {
  width: 45px !important;
}

.h-45 {
  height: 45px !important;
}

.w-50 {
  width: 50px !important;
}

.h-50 {
  height: 50px !important;
}

.w-55 {
  width: 55px !important;
}

.h-55 {
  height: 55px !important;
}

.w-60 {
  width: 60px !important;
}

.h-60 {
  height: 60px !important;
}

.w-65 {
  width: 65px !important;
}

.h-65 {
  height: 65px !important;
}

.w-70 {
  width: 70px !important;
}

.h-70 {
  height: 70px !important;
}

.w-75 {
  width: 75px !important;
}

.h-75 {
  height: 75px !important;
}

.w-80 {
  width: 80px !important;
}

.h-80 {
  height: 80px !important;
}

.w-85 {
  width: 85px !important;
}

.h-85 {
  height: 85px !important;
}

.w-90 {
  width: 90px !important;
}

.h-90 {
  height: 90px !important;
}

.w-95 {
  width: 95px !important;
}

.h-95 {
  height: 95px !important;
}

.w-100 {
  width: 100px !important;
}

.h-100 {
  height: 100px !important;
}

.w-120 {
  width: 120px !important;
}

.h-120 {
  height: 120px !important;
}

.w-130 {
  width: 130px !important;
}

.h-130 {
  height: 130px !important;
}

.w-140 {
  width: 140px !important;
}

.h-140 {
  height: 140px !important;
}

.w-150 {
  width: 150px !important;
}

.h-150 {
  height: 150px !important;
}

.w-160 {
  width: 160px !important;
}

.h-160 {
  height: 160px !important;
}

.w-200 {
  width: 200px !important;
}

.h-200 {
  height: 200px !important;
}

.w-210 {
  width: 210px !important;
}

.h-210 {
  height: 210px !important;
}

.w-230 {
  width: 230px !important;
}

.h-230 {
  height: 230px !important;
}

.w-240 {
  width: 240px !important;
}

.h-240 {
  height: 240px !important;
}

.w-260 {
  width: 260px !important;
}

.h-260 {
  height: 260px !important;
}

.w-280 {
  width: 280px !important;
}

.h-280 {
  height: 280px !important;
}

.w-290 {
  width: 290px !important;
}

.h-290 {
  height: 290px !important;
}

.w-300 {
  width: 300px !important;
}

.h-300 {
  height: 300px !important;
}

.w-310 {
  width: 310px !important;
}

.h-310 {
  height: 310px !important;
}

.w-340 {
  width: 340px !important;
}

.h-340 {
  height: 340px !important;
}

.w-360 {
  width: 360px !important;
}

.h-360 {
  height: 360px !important;
}

.w-400 {
  width: 400px !important;
}

.h-400 {
  height: 400px !important;
}

.w-500 {
  width: 500px !important;
}

.h-500 {
  height: 500px !important;
}

.w-570 {
  width: 570px !important;
}

.h-570 {
  height: 570px !important;
}

.w-600 {
  width: 600px !important;
}

.h-600 {
  height: 600px !important;
}

.w-680 {
  width: 680px !important;
}

.h-680 {
  height: 680px !important;
}

.w-700 {
  width: 700px !important;
}

.h-700 {
  height: 700px !important;
}

.w-800 {
  width: 800px !important;
}

.h-800 {
  height: 800px !important;
}

.w-890 {
  width: 890px !important;
}

.h-890 {
  height: 890px !important;
}

.w-900 {
  width: 900px !important;
}

.h-900 {
  height: 900px !important;
}

.w-1000 {
  width: 1000px !important;
}

.h-1000 {
  height: 1000px !important;
}

.w-full {
  width: 100% !important;
}

.h-full {
  height: 100% !important;
}

.min-h-full {
  min-height: 100%;
}

.lh-0 {
  line-height: calc(0 / 10) !important;
}

.lh-10 {
  line-height: calc(10 / 10) !important;
}

.lh-11 {
  line-height: calc(11 / 10) !important;
}

.lh-12 {
  line-height: calc(12 / 10) !important;
}

.lh-13 {
  line-height: calc(13 / 10) !important;
}

.lh-14 {
  line-height: calc(14 / 10) !important;
}

.lh-15 {
  line-height: calc(15 / 10) !important;
}

.lh-16 {
  line-height: calc(16 / 10) !important;
}

.lh-17 {
  line-height: calc(17 / 10) !important;
}

.lh-18 {
  line-height: calc(18 / 10) !important;
}

.lh-19 {
  line-height: calc(19 / 10) !important;
}

.lh-20 {
  line-height: calc(20 / 10) !important;
}

.lh-22 {
  line-height: calc(22 / 10) !important;
}

.lh-24 {
  line-height: calc(24 / 10) !important;
}

.lh-26 {
  line-height: calc(26 / 10) !important;
}

.lh-28 {
  line-height: calc(28 / 10) !important;
}

.lh-30 {
  line-height: calc(30 / 10) !important;
}

.w-em-1 {
  width: 1em !important;
}

.h-em-1 {
  height: 1em !important;
}

.w-em-2 {
  width: 2em !important;
}

.h-em-2 {
  height: 2em !important;
}

.w-em-3 {
  width: 3em !important;
}

.h-em-3 {
  height: 3em !important;
}

.w-em-4 {
  width: 4em !important;
}

.h-em-4 {
  height: 4em !important;
}

.w-em-5 {
  width: 5em !important;
}

.h-em-5 {
  height: 5em !important;
}

.w-em-6 {
  width: 6em !important;
}

.h-em-6 {
  height: 6em !important;
}

.w-em-7 {
  width: 7em !important;
}

.h-em-7 {
  height: 7em !important;
}

.w-em-8 {
  width: 8em !important;
}

.h-em-8 {
  height: 8em !important;
}

.w-em-9 {
  width: 9em !important;
}

.h-em-9 {
  height: 9em !important;
}

.w-em-10 {
  width: 10em !important;
}

.h-em-10 {
  height: 10em !important;
}

.c-000 {
  color: #000 !important;
}

.c-111 {
  color: #111 !important;
}

.c-222 {
  color: #222 !important;
}

.c-333 {
  color: #333 !important;
}

.c-444 {
  color: #444 !important;
}

.c-555 {
  color: #555 !important;
}

.c-666 {
  color: #666 !important;
}

.c-777 {
  color: #777 !important;
}

.c-888 {
  color: #888 !important;
}

.c-999 {
  color: #999 !important;
}

.c-fff {
  color: #fff !important;
}

.c-ccc {
  color: #ccc !important;
}

.c-ddd {
  color: #ddd !important;
}

.custom-checkbox-noStyle input[type=checkbox]:checked + .custom-checkbox em:after,
.custom-checkbox-noStyle input[type=radio]:checked + .custom-checkbox em:after, .ms-upload-container.type-2 .ms-upload-list > div .ms-delete:before, .ms-upload-container.type-2 .ms-upload-list > div .ms-delete:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.nowrap,
.ellipsis,
.ms-upload-container.type-2 .ms-upload-list > div .ms-file-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input.form-el,
textarea.form-el {
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
  color: #000000;
  font-size: 14px;
  line-height: 34px;
  margin: 0;
  display: block;
  border: none;
}
input.form-el::-moz-placeholder, textarea.form-el::-moz-placeholder {
  color: #d1cdca;
}
input.form-el::placeholder,
textarea.form-el::placeholder {
  color: #d1cdca;
}

.img-100 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.clamp-3, .clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clamp-2 {
  -webkit-line-clamp: 2;
}

.clamp-3 {
  -webkit-line-clamp: 3;
}

:root {
  --theme-c: #b200f4;
}

#showTips-wrap,
#loading-wrap {
  position: fixed;
  z-index: 100000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  cursor: not-allowed;
}

#loading-wrap {
  justify-content: center;
}
#loading-wrap.ms-loading-hide {
  animation: msLoadingHide 0.3s ease-in-out forwards;
}
#loading-wrap .loading-box {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
}
#loading-wrap .loading-box em {
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin-right: 6px;
  border-left-color: #bbb;
  animation: msLoading 1s linear infinite;
}
#loading-wrap .loading-box .loading-text {
  font-size: 14px;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@keyframes msLoading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes msLoadingHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

#showTips-wrap {
  flex-direction: column;
  justify-content: start;
  padding-top: 50px;
  pointer-events: none;
}
#showTips-wrap .showTips-box {
  box-sizing: border-box;
  overflow: hidden;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #eee;
  padding: 8px 12px;
  max-width: 90vw;
  display: flex;
  align-items: center;
  animation: showTipsFadeUp 0.3s ease-in-out;
  transition: opacity 0.1s, all 0.4s;
  height: 36px;
}
#showTips-wrap .showTips-box.ms-msg-hide {
  opacity: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-width: 0;
  margin-top: 0 !important;
}
#showTips-wrap .showTips-box:nth-of-type(n + 2) {
  margin-top: 10px;
}
#showTips-wrap .showTips-box span {
  font-size: 14px;
  color: #333;
  line-height: 1.2;
  flex: auto;
}
#showTips-wrap .showTips-box em {
  flex: none;
  width: 18px;
  height: 18px;
  background-color: #ddd;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
}
#showTips-wrap .showTips-box[data-type=info] em:before, #showTips-wrap .showTips-box[data-type=info] em:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 2px;
  background: #fff;
  border-radius: 4px;
}
#showTips-wrap .showTips-box[data-type=info] em:before {
  height: 3px;
  top: 3px;
}
#showTips-wrap .showTips-box[data-type=info] em:after {
  height: 7px;
  bottom: 3px;
}
#showTips-wrap .showTips-box[data-type=warning] em {
  background-color: #ffc23f;
}
#showTips-wrap .showTips-box[data-type=warning] em:before, #showTips-wrap .showTips-box[data-type=warning] em:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 2px;
  background: #fff;
  border-radius: 4px;
}
#showTips-wrap .showTips-box[data-type=warning] em:before {
  height: 7px;
  top: 3px;
}
#showTips-wrap .showTips-box[data-type=warning] em:after {
  height: 3px;
  bottom: 3px;
}
#showTips-wrap .showTips-box[data-type=success] em {
  background-color: rgb(12, 214, 103);
}
#showTips-wrap .showTips-box[data-type=success] em:before, #showTips-wrap .showTips-box[data-type=success] em:after {
  content: "";
  height: 2px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #fff;
  border-radius: 3px;
}
#showTips-wrap .showTips-box[data-type=success] em:before {
  width: 6px;
  transform: translate(-3px, 2px) rotate(45deg);
}
#showTips-wrap .showTips-box[data-type=success] em:after {
  width: 8px;
  transform: translateX(2px) rotate(-45deg);
}
#showTips-wrap .showTips-box[data-type=error] em {
  background-color: rgb(255, 89, 67);
}
#showTips-wrap .showTips-box[data-type=error] em:before, #showTips-wrap .showTips-box[data-type=error] em:after {
  content: "";
  width: 10px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  border-radius: 2px;
}
#showTips-wrap .showTips-box[data-type=error] em:before {
  transform: rotate(-45deg);
}
#showTips-wrap .showTips-box[data-type=error] em:after {
  transform: rotate(45deg);
}
@keyframes showTipsFadeUp {
  0% {
    opacity: 0.2;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.popup-bg {
  --fontSize: 14px;
  --headerH: 40px;
  --btnHeight: 36px;
  --padding: 15px;
  --publicWidth: 400px;
  --color-1: #333;
  --border-1: #f1f1f1;
  --radius: 8px;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 9999;
  -webkit-tap-highlight-color: transparent;
  display: none;
}
.popup-bg .popup-box {
  background: #fff;
  width: 460px;
  max-width: 90vw;
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
}
.popup-bg .popup-box > .popup-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  margin: auto;
  cursor: pointer;
}
.popup-bg .popup-box > .popup-close:before, .popup-bg .popup-box > .popup-close:after {
  content: "";
  width: 28px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.popup-bg .popup-box > .popup-close:before {
  transform: rotate(-45deg);
}
.popup-bg .popup-box > .popup-close:after {
  transform: rotate(45deg);
}
.popup-bg .popup-header {
  position: relative;
  box-sizing: border-box;
  height: var(--headerH);
  padding: 0 var(--padding);
  border-bottom: 1px solid var(--border-1);
}
.popup-bg .popup-header .popup-title {
  font-size: 14px;
  color: #333;
  line-height: 40px;
}
.popup-bg .popup-header > .popup-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(var(--padding) - 5px);
  margin: auto;
  cursor: pointer;
}
.popup-bg .popup-header > .popup-close:before, .popup-bg .popup-header > .popup-close:after {
  content: "";
  width: 22px;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.popup-bg .popup-header > .popup-close:before {
  transform: rotate(-45deg);
}
.popup-bg .popup-header > .popup-close:after {
  transform: rotate(45deg);
}
.popup-bg .popup-footer {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: var(--padding);
  border-top: 1px solid var(--border-1);
}
.popup-bg .popup-footer .ms-btn {
  font-size: 14px;
  min-width: 70px;
  padding: 0 var(--padding);
  box-sizing: border-box;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
  cursor: pointer;
}
.popup-bg .popup-footer .ms-btn:nth-of-type(n + 2) {
  margin-left: 10px;
}
.popup-bg .popup-footer .ms-btn.ms-default {
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
}
.popup-bg .popup-footer .ms-btn.ms-primary {
  background: var(--theme-c);
  color: #fff;
  border: 1px solid var(--theme-c);
}
.popup-bg .popup-body {
  padding: 15px;
  box-sizing: border-box;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
}
.popup-bg .popup-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.popup-bg .popup-body::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.popup-bg .popup-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ccc;
}
.popup-bg.full-width .popup-box {
  width: 100%;
  max-width: none;
}
.popup-bg.full-popup .popup-box {
  border-radius: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}
.popup-bg.full-popup .popup-box .popup-body {
  height: calc(100vh - 104px);
  max-height: none;
}
.popup-bg.ms-show {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: msFade 0.3s forwards;
}
.popup-bg.ms-show .popup-box {
  animation: msFadeUp 0.3s forwards;
}
.popup-bg.ms-show.full-popup .popup-box {
  animation: msFadeRight 0.3s forwards;
}
.popup-bg.bottom {
  align-items: flex-end;
}
.popup-bg.bottom .popup-box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.popup-bg.popup-viewImg .popup-box {
  width: auto;
  max-width: 100%;
  background: transparent;
}
.popup-bg.popup-viewImg .popup-box img {
  width: 100%;
  max-width: 100vw;
  max-height: 100vh;
  -o-object-fit: contain;
     object-fit: contain;
  display: table;
}
.popup-bg.ms-animate-out {
  animation: msFadeOut 0.3s forwards;
}
.popup-bg.ms-animate-out .popup-box {
  animation: msFadeUpOut 0.3s forwards;
}
.popup-bg.ms-animate-out.full-popup .popup-box {
  animation: msFadeRightOut 0.3s forwards;
}
@keyframes msFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes msFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes msFadeUp {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes msFadeUpOut {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes msFadeRight {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes msFadeRightOut {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

body.overflow-hidden, body.ms-popup-open {
  height: 100%;
  overflow: hidden;
}

select[ms-select] {
  display: none;
}

.ms-select-container {
  --liHeight: 40px;
  --padding: 10px;
  --maxNum: 6;
  --fontSize: 14px;
  --textColor1: #333;
  --hoverBg: #f8f8f8;
  --border-c: #ccc;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 999;
}
.ms-select-container .ms-select-list {
  overflow-y: auto;
}
.ms-select-container .ms-select-list::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.ms-select-container .ms-select-list::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.ms-select-container .ms-select-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ddd;
}
.ms-select-container .ms-select-item {
  line-height: var(--liHeight);
  padding: 0 var(--padding);
  cursor: pointer;
  position: relative;
}
.ms-select-container .ms-select-item.ms-hide {
  display: none !important;
}
.ms-select-container .ms-select-item:hover {
  background-color: var(--hoverBg);
}
.ms-select-container .ms-select-item p {
  line-height: 1;
  font-size: var(--fontSize);
  color: var(--textColor1);
  padding-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.ms-select-container .ms-select-item p:first-of-type:last-of-type {
  line-height: var(--liHeight);
}
.ms-select-container .ms-select-item p:nth-of-type(n + 2) {
  color: #999;
  font-size: 12px;
  padding: calc(var(--padding) / 2) 0;
}
.ms-select-container .ms-select-item p:first-of-type:not(:last-of-type) {
  padding-top: var(--padding);
}
.ms-select-container .ms-select-item p:last-of-type:not(:first-of-type) {
  padding-bottom: var(--padding);
  padding-top: 0;
}
.ms-select-container .ms-select-item em {
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.ms-select-container .ms-select-item.selected {
  cursor: default;
}
.ms-select-container .ms-select-item.selected em {
  border-color: var(--theme-c);
  background-color: var(--theme-c);
}
.ms-select-container .ms-select-item.selected em:after {
  content: "";
  width: 6px;
  height: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1px;
  left: 0;
  margin: auto;
  transform: rotate(-45deg);
}
.ms-select-container .ms-select-item-wrap > .ms-select-item-wrap {
  display: none;
}
.ms-select-container .ms-select-item-wrap.showList > .ms-select-item-wrap {
  display: block;
}
.ms-select-container .ms-select-item-wrap.showList > .ms-select-item .ms-arrow:after {
  transform: rotate(90deg);
}
.ms-select-container .ms-select-item-wrap .ms-select-item {
  display: flex;
}
.ms-select-container .ms-select-item-wrap .ms-select-item p {
  flex: auto;
}
.ms-select-container .ms-select-item-wrap .ms-arrow {
  flex: none;
  padding: var(--padding);
  position: relative;
}
.ms-select-container .ms-select-item-wrap .ms-arrow:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 4px;
  margin: auto;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #ccc;
  transition: 0.3s;
}
.ms-select-container .ms-select-item-wrap .ms-arrow.no-click {
  opacity: 0;
  pointer-events: none;
}
.ms-select-container .ms-select-header {
  border-bottom: 1px solid #eee;
  text-align: center;
  height: var(--liHeight);
  line-height: var(--liHeight);
  font-size: var(--fontSize);
  color: var(--textColor1);
}
.ms-select-container .ms-select-header .ms-select-all {
  font-size: calc(var(--fontSize) - 2px);
  color: var(--theme-c);
  cursor: pointer;
  position: absolute;
  left: var(--padding);
  white-space: nowrap;
}
.ms-select-container .ms-search-wrap {
  padding-left: var(--padding);
  border-bottom: 1px solid #eee;
}
.ms-select-container .ms-search-wrap input {
  border: none;
  line-height: var(--liHeight);
  font-size: var(--fontSize);
  color: var(--textColor1);
  display: block;
  width: 100%;
  outline: none;
}
.ms-select-container .ms-search-wrap input::-moz-placeholder {
  color: #ccc;
}
.ms-select-container .ms-search-wrap input::placeholder {
  color: #ccc;
}
.ms-select-container .ms-search-wrap .ms-search-box {
  padding-right: var(--liHeight);
  position: relative;
}
.ms-select-container .ms-search-wrap .ms-search-clear {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: var(--liHeight);
  cursor: pointer;
}
.ms-select-container .ms-search-wrap .ms-search-clear.ms-hide {
  display: none;
}
.ms-select-container .ms-search-wrap .ms-search-clear:before, .ms-select-container .ms-search-wrap .ms-search-clear:after {
  content: "";
  width: 50%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ms-select-container .ms-search-wrap .ms-search-clear:before {
  transform: rotate(-45deg);
}
.ms-select-container .ms-search-wrap .ms-search-clear:after {
  transform: rotate(45deg);
}
.ms-select-container .ms-search-wrap .ms-search-clear:hover:before, .ms-select-container .ms-search-wrap .ms-search-clear:hover:after {
  background-color: #333;
}
.ms-select-container .ms-search-empty {
  text-align: center;
}
.ms-select-container .ms-search-empty > p {
  line-height: var(--liHeight);
  font-size: var(--fontSize);
  color: var(--border-c);
  margin: 0;
}
.ms-select-container .ms-search-empty.ms-hide {
  display: none;
}
.ms-select-container .ms-add-option {
  text-align: center;
  line-height: var(--liHeight);
  font-size: var(--fontSize);
  color: var(--theme-c);
  cursor: pointer;
}
.ms-select-container .ms-add-option.ms-hide {
  display: none;
}
.ms-select-container.ms-custom-data .ms-select-item:nth-of-type(n + 2) {
  border-top: 1px dashed #ddd;
}

.ms-select-container.pc {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  min-width: 200px;
}
.ms-select-container.pc.ms-show {
  display: block;
  animation: msPcFade 0.3s;
}
.ms-select-container.pc .ms-select-bg {
  display: none;
}
.ms-select-container.pc .ms-select-box {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
.ms-select-container.pc .ms-select-list {
  max-height: calc(var(--maxNum) * var(--liHeight));
}

.ms-select-container.mobile {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.ms-select-container.mobile.ms-show {
  display: block;
}
.ms-select-container.mobile .ms-select-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  animation: msMobileFade 0.3s;
}
.ms-select-container.mobile .ms-select-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 10px 10px 0 0;
  animation: msMobileFadeUp 0.3s;
}
.ms-select-container.mobile .ms-select-list {
  min-height: calc(2 * var(--liHeight));
  max-height: 60vh;
}

.ms-select-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 40px;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
}
.ms-select-btn .ms-select-text {
  flex: auto;
  color: #333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ms-select-btn .ms-select-text[data-value=""] {
  color: #ccc;
}
.ms-select-btn .ms-select-text:not([data-value]) {
  color: #ccc;
}
.ms-select-btn .ms-select-arrow {
  flex: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
  border-width: 7px 6px;
  border-radius: 4px;
  border-bottom: none;
  transition: 0.3s;
  margin-left: 6px;
}
.ms-select-btn.ms-active .ms-select-arrow {
  transform: rotate(-180deg);
}

@keyframes msPcFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes msMobileFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes msMobileFadeUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
input[ms-file] {
  display: none;
}

.ms-upload-container .ms-upload-btn {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.ms-upload-container .ms-upload-btn.disabled {
  display: none;
}
.ms-upload-container.type-1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
  grid-gap: 10px;
}
.ms-upload-container.type-1 > div {
  padding-top: 100%;
  position: relative;
  border: 1px dashed #ccc;
  border-radius: 6px;
  background-color: #f9f9f9;
  overflow: hidden;
}
.ms-upload-container.type-1 .ms-upload-btn {
  font-size: 0;
  color: transparent;
}
.ms-upload-container.type-1 .ms-upload-btn:before, .ms-upload-container.type-1 .ms-upload-btn:after {
  content: "";
  width: 40%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ms-upload-container.type-1 .ms-upload-btn:after {
  transform: rotate(90deg);
}
.ms-upload-container.type-1 .ms-upload-item .ms-file-info,
.ms-upload-container.type-1 .ms-network-item .ms-file-info {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ms-upload-container.type-1 .ms-upload-item .ms-file-info img,
.ms-upload-container.type-1 .ms-network-item .ms-file-info img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.ms-upload-container.type-1 .ms-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: #b200f4;
  cursor: pointer;
}
.ms-upload-container.type-1 .ms-delete:before, .ms-upload-container.type-1 .ms-delete:after {
  content: "";
  width: 16px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ms-upload-container.type-1 .ms-delete:before {
  transform: rotate(-45deg);
}
.ms-upload-container.type-1 .ms-delete:after {
  transform: rotate(45deg);
}
.ms-upload-container.type-1 .ms-progressBar {
  --barHeight: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--barHeight);
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  text-align: center;
  display: none;
  pointer-events: none;
}
.ms-upload-container.type-1 .ms-progressBar em {
  width: 0%;
  height: var(--barHeight);
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(22, 183, 119);
}
.ms-upload-container.type-1 .ms-progressBar span {
  width: 100%;
  height: var(--barHeight);
  line-height: var(--barHeight);
  text-align: center;
  font-size: 11px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.ms-upload-container.type-1 .ms-progressBar.success {
  height: 20px;
  line-height: 20px;
}
.ms-upload-container.type-1 .ms-progressBar.success:after {
  content: "上传成功";
}
.ms-upload-container.type-1 .ms-progressBar.success em {
  display: none;
}
.ms-upload-container.type-1 .fail .ms-progressBar {
  background: #b200f4;
  cursor: pointer;
  pointer-events: all;
}
.ms-upload-container.type-2 .ms-upload-btn {
  font-size: 14px;
  min-width: 70px;
  padding: 0 30px;
  display: table;
  box-sizing: border-box;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  cursor: pointer;
  background: var(--theme-c);
  color: #fff;
  border: 1px solid var(--theme-c);
}
.ms-upload-container.type-2 .ms-upload-list {
  display: grid;
  grid-gap: 10px;
  padding-top: 10px;
}
.ms-upload-container.type-2 .ms-upload-list > div {
  display: flex;
  align-items: center;
}
.ms-upload-container.type-2 .ms-upload-list > div .ms-file-info {
  flex: none;
  font-size: 12px;
  color: #999;
  width: 6em;
  margin-right: auto;
  cursor: default;
}
.ms-upload-container.type-2 .ms-upload-list > div .ms-delete {
  width: 16px;
  height: 16px;
  flex: none;
  cursor: pointer;
  position: relative;
}
.ms-upload-container.type-2 .ms-upload-list > div .ms-delete:before, .ms-upload-container.type-2 .ms-upload-list > div .ms-delete:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgb(255, 88, 88);
}
.ms-upload-container.type-2 .ms-upload-list > div .ms-delete:before {
  transform: rotate(45deg);
}
.ms-upload-container.type-2 .ms-upload-list > div .ms-delete:after {
  transform: rotate(-45deg);
}
.ms-upload-container.type-2 .ms-upload-list > div .ms-progressBar {
  flex: auto;
  height: 14px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  display: none;
  pointer-events: none;
}
.ms-upload-container.type-2 .ms-upload-list > div .ms-progressBar em {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgb(44, 212, 145);
}
.ms-upload-container.type-2 .ms-upload-list > div .ms-progressBar span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 10px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ms-upload-container.type-2 .ms-upload-list > div.fail .ms-progressBar {
  background: rgb(255, 88, 88);
  cursor: pointer;
  pointer-events: all;
}

input[ms-url] + .ms-upload-container .ms-progressBar {
  display: block !important;
}

.drag-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 101;
}
.drag-bg.ms-hide {
  display: none;
}

.drag-el {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  transition: 0s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.w-box {
  background-color: #fff;
}

.w-box-c {
  background-color: #fff;
  border-radius: 6px;
}

.btn {
  font-size: 16px;
  line-height: 34px;
  padding: 0 25px;
  text-align: center;
  border-radius: 4px;
  --color: var(--theme-c);
  background-color: var(--color);
  border: 1px solid var(--color);
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.btn.btn-default {
  border-color: #333;
  background: #fff;
  color: #333;
}
.btn.btn-default2 {
  border-color: #e3e3e3;
  background: transparent;
  color: #333333;
}
.btn.btn-primary {
  border-color: var(--color);
  background-color: var(--color);
  color: #fff;
}
.btn.btn-grey {
  --color: #333;
  border-color: var(--color);
  background-color: var(--color);
  color: #fff;
}
.btn.btn-blue {
  --color: var(--blue);
}
.btn.btn-xs {
  line-height: 32px;
  padding: 0 20px;
  font-size: 14px;
}
.btn.btn-ms {
  line-height: 30px;
  padding: 0 15px;
  font-size: 12px;
}
.btn.btn-border {
  background-color: transparent;
  color: var(--color);
}
.btn.btn-border2 {
  background-color: transparent;
  border-color: var(--theme-c);
  color: var(--theme-c);
}
.btn.linear-1 {
  border: none;
}

.custom-checkbox-noStyle {
  position: relative;
  --switch-w: 56px;
  --switch-h: 26px;
  --switch-s: 2px;
}
.custom-checkbox-noStyle.disabled input {
  display: none;
}
.custom-checkbox-noStyle .custom-switch {
  width: var(--switch-w);
  height: var(--switch-h);
  border-radius: var(--switch-h);
  background: #eee;
  position: relative;
  transition: 0.3s;
}
.custom-checkbox-noStyle .custom-switch:after {
  content: "";
  width: calc(var(--switch-h) - var(--switch-s) * 2);
  height: calc(var(--switch-h) - var(--switch-s) * 2);
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: var(--switch-s);
  top: var(--switch-s);
  transition: 0.3s;
}
.custom-checkbox-noStyle .custom-checkbox em {
  display: block;
  position: relative;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  border: 1px solid #b8b8b8;
  border-radius: 2px;
}
.custom-checkbox-noStyle .custom-checkbox span {
  font-size: 12px;
  color: #333;
}
.custom-checkbox-noStyle .custom-checkbox .line {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ededed;
}
.custom-checkbox-noStyle input[type=checkbox],
.custom-checkbox-noStyle input[type=radio] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.custom-checkbox-noStyle input[type=checkbox]:checked + .custom-switch,
.custom-checkbox-noStyle input[type=radio]:checked + .custom-switch {
  background: var(--theme-c);
}
.custom-checkbox-noStyle input[type=checkbox]:checked + .custom-switch:after,
.custom-checkbox-noStyle input[type=radio]:checked + .custom-switch:after {
  transform: translateX(calc(var(--switch-w) - var(--switch-h)));
}
.custom-checkbox-noStyle input[type=checkbox]:checked + .custom-checkbox em,
.custom-checkbox-noStyle input[type=radio]:checked + .custom-checkbox em {
  border-color: var(--theme-c);
  background: var(--theme-c);
}
.custom-checkbox-noStyle input[type=checkbox]:checked + .custom-checkbox em:after,
.custom-checkbox-noStyle input[type=radio]:checked + .custom-checkbox em:after {
  content: "";
  width: 7px;
  height: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-1px) rotate(-45deg);
}
.custom-checkbox-noStyle input[type=checkbox]:checked + .custom-checkbox .line,
.custom-checkbox-noStyle input[type=radio]:checked + .custom-checkbox .line {
  border-color: var(--theme-c);
}
.custom-checkbox-noStyle input[type=radio] + .custom-checkbox em {
  border-radius: 50%;
}
.custom-checkbox-noStyle input[type=radio]:checked + .custom-checkbox em {
  background: #fff;
}
.custom-checkbox-noStyle input[type=radio]:checked + .custom-checkbox em:after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--theme-c);
  border: none;
  transform: none;
}

input.form-el,
textarea.form-el {
  padding: 0 10px;
}
input.form-el.noresize,
textarea.form-el.noresize {
  resize: none;
}
input.form-el[disabled],
textarea.form-el[disabled] {
  background: #f8f8f8;
  color: #aaa;
}
input.form-el.size-ms,
textarea.form-el.size-ms {
  line-height: 30px;
}

textarea.form-el {
  line-height: 1.6;
  padding-top: 8px;
  padding-bottom: 8px;
}

.icon-14 {
  width: 14px;
  height: 14px;
}

.icon14_1 {
  background-image: url("../images/icon/icon14_1.png");
  background-size: 100% 100%;
}

.icon-20 {
  width: 20px;
  height: 20px;
}

.icon20_1 {
  background-image: url("../images/icon/icon20_1.png");
  background-size: 100% 100%;
}

.icon20_2 {
  background-image: url("../images/icon/icon20_2.png");
  background-size: 100% 100%;
}

.icon20_3 {
  background-image: url("../images/icon/icon20_3.png");
  background-size: 100% 100%;
}

.icon20_4 {
  background-image: url("../images/icon/icon20_4.png");
  background-size: 100% 100%;
}

.icon-24 {
  width: 24px;
  height: 24px;
}

.icon24_1 {
  background-image: url("../images/icon/icon24_1.png");
  background-size: 100% 100%;
}

.icon24_2 {
  background-image: url("../images/icon/icon24_2.png");
  background-size: 100% 100%;
}

.icon24_3 {
  background-image: url("../images/icon/icon24_3.png");
  background-size: 100% 100%;
}

.icon24_4 {
  background-image: url("../images/icon/icon24_4.png");
  background-size: 100% 100%;
}

.icon24_5 {
  background-image: url("../images/icon/icon24_5.png");
  background-size: 100% 100%;
}

.icon24_6 {
  background-image: url("../images/icon/icon24_6.png");
  background-size: 100% 100%;
}

.icon24_7 {
  background-image: url("../images/icon/icon24_7.png");
  background-size: 100% 100%;
}

.icon24_8 {
  background-image: url("../images/icon/icon24_8.png");
  background-size: 100% 100%;
}/*# sourceMappingURL=public.css.map */