epnz-block-ui/dist/css/block.css

Block UI

@charset "UTF-8";
/*
 * @Author: 故乡情 s@epnz.com
 * @Date: 2022-06-14 13:00:08
 * @LastEditTime: 2025-03-03 22:39:27
 * @LastEditors: 故乡情 s@epnz.com
 * @Description: Block UI
 * @FilePath: \ui\src\scss\block.scss
 */
body {
  margin: 0;
  font-family: Verdana, "Microsoft YaHei", Geneva, Tahoma, sans-serif;
  color: #302e32;
}

a {
  color: #7d01f8;
  text-decoration: none;
}

a:hover {
  color: #5701ac;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1 0 0%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
  box-sizing: border-box;
  overflow: hidden;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

@media (max-width: 1199.98px) {
  .col-t-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-3 {
    flex: 0 0 auto;
    width: 25%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-6 {
    flex: 0 0 auto;
    width: 50%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-9 {
    flex: 0 0 auto;
    width: 75%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-t-12 {
    flex: 0 0 auto;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (max-width: 991.98px) {
  .col-p-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-3 {
    flex: 0 0 auto;
    width: 25%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-6 {
    flex: 0 0 auto;
    width: 50%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-9 {
    flex: 0 0 auto;
    width: 75%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-p-12 {
    flex: 0 0 auto;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (max-width: 575.98px) {
  .col-m-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-3 {
    flex: 0 0 auto;
    width: 25%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-6 {
    flex: 0 0 auto;
    width: 50%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-9 {
    flex: 0 0 auto;
    width: 75%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .col-m-12 {
    flex: 0 0 auto;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }
}
/*
 * @Author: 故乡情 s@epnz.com
 * @Date: 2022-06-16 00:28:59
 * @LastEditTime: 2025-03-03 23:43:31
 * @LastEditors: 故乡情 s@epnz.com
 * @Description: Block UI
 * @FilePath: \ui\src\scss\_color.scss
 */
.black {
  color: #000;
}

.bc-black {
  background-color: #000;
}

.bc-gradient-black {
  background: linear-gradient(45deg, black, #1f1f1f);
}

.danger {
  color: #ff3300;
}

.bc-danger {
  background-color: #ff3300;
}

.bc-gradient-danger {
  background: linear-gradient(45deg, #e02d00, #ff643d);
}

.default {
  color: #7d01f8;
}

.bc-default {
  background-color: #7d01f8;
}

.bc-gradient-default {
  background: linear-gradient(45deg, #6e01da, #9c38fe);
}

.success {
  color: #04be02;
}

.bc-success {
  background-color: #04be02;
}

.bc-gradient-success {
  background: linear-gradient(45deg, #03a002, #05fb03);
}

.warning {
  color: #ffcc00;
}

.bc-warning {
  background-color: #ffcc00;
}

.bc-gradient-warning {
  background: linear-gradient(45deg, #e0b400, #ffd83d);
}

.info {
  color: #4073ff;
}

.bc-info {
  background-color: #4073ff;
}

.bc-gradient-info {
  background: linear-gradient(45deg, #215dff, #7da0ff);
}

.dark {
  color: #302e32;
}

.bc-dark {
  background-color: #302e32;
}

.bc-gradient-dark {
  background: linear-gradient(45deg, #211f22, #4f4b52);
}

.white {
  color: #ffffff;
}

.bc-white {
  background-color: #ffffff;
}

.bc-gradient-white {
  background: linear-gradient(45deg, #f0f0f0, white);
}

.blue {
  color: #4073ff;
}

.bc-blue {
  background-color: #4073ff;
}

.bc-gradient-blue {
  background: linear-gradient(45deg, #215dff, #7da0ff);
}

.green {
  color: #04be02;
}

.bc-green {
  background-color: #04be02;
}

.bc-gradient-green {
  background: linear-gradient(45deg, #03a002, #05fb03);
}

.marrs {
  color: #008080;
}

.bc-marrs {
  background-color: #008080;
}

.bc-gradient-marrs {
  background: linear-gradient(45deg, #006161, #00bdbd);
}

.orange {
  color: #ff6600;
}

.bc-orange {
  background-color: #ff6600;
}

.bc-gradient-orange {
  background: linear-gradient(45deg, #e05a00, #ff8b3d);
}

.pink {
  color: #d63384;
}

.bc-pink {
  background-color: #d63384;
}

.bc-gradient-pink {
  background: linear-gradient(45deg, #c32775, #e066a3);
}

.red {
  color: #ff3300;
}

.bc-red {
  background-color: #ff3300;
}

.bc-gradient-red {
  background: linear-gradient(45deg, #e02d00, #ff643d);
}

.yellow {
  color: #ffcc00;
}

.bc-yellow {
  background-color: #ffcc00;
}

.bc-gradient-yellow {
  background: linear-gradient(45deg, #e0b400, #ffd83d);
}

.gray {
  color: #b0acb3;
}

.bc-gray {
  background-color: #b0acb3;
}

.bc-gradient-gray {
  background: linear-gradient(45deg, #a09ca4, #ceccd0);
}

.bright {
  color: #e3e1e4;
}

.bc-bright {
  background-color: #e3e1e4;
}

.bc-gradient-bright {
  background: linear-gradient(45deg, #d3d1d5, white);
}

.br {
  border-radius: 5px;
}

.br-top {
  border-radius: 5px 5px 0 0;
}

.br-right {
  border-radius: 0 5px 5px 0;
}

.br-bottom {
  border-radius: 0 0 5px 5px;
}

.br-left {
  border-radius: 5px 0 0 5px;
}

.br-bottom-5 {
  border-radius: 0 0 50% 50%;
}

.border {
  border: 1px solid #e3e1e4;
}

.block-full {
  width: 100%;
  box-sizing: border-box;
}

.block {
  max-width: 1400px;
  margin: 0 auto;
}

.m-1 {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.mx-1 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mt-1 {
  margin-top: 5px;
}

.mb-1 {
  margin-bottom: 5px;
}

.ml-1 {
  margin-left: 5px;
}

.mr-1 {
  margin-right: 5px;
}

.p-1 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.px-1 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pt-1 {
  padding-top: 5px;
}

.pb-1 {
  padding-bottom: 5px;
}

.pl-1 {
  padding-left: 5px;
}

.pr-1 {
  padding-right: 5px;
}

.g-1 {
  padding-top: 2.5px;
  padding-right: 2.5px;
  padding-bottom: 2.5px;
  padding-left: 2.5px;
}
.g-1 > * {
  padding-top: 2.5px;
  padding-right: 2.5px;
  padding-bottom: 2.5px;
  padding-left: 2.5px;
}

.gx-1 {
  padding-right: 2.5px;
  padding-left: 2.5px;
}
.gx-1 > * {
  padding-right: 2.5px;
  padding-left: 2.5px;
}

.gy-1 {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
.gy-1 > * {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}

.m-2 {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mx-2 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mt-2 {
  margin-top: 10px;
}

.mb-2 {
  margin-bottom: 10px;
}

.ml-2 {
  margin-left: 10px;
}

.mr-2 {
  margin-right: 10px;
}

.p-2 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pt-2 {
  padding-top: 10px;
}

.pb-2 {
  padding-bottom: 10px;
}

.pl-2 {
  padding-left: 10px;
}

.pr-2 {
  padding-right: 10px;
}

.g-2 {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.g-2 > * {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.gx-2 {
  padding-right: 5px;
  padding-left: 5px;
}
.gx-2 > * {
  padding-right: 5px;
  padding-left: 5px;
}

.gy-2 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.gy-2 > * {
  padding-top: 5px;
  padding-bottom: 5px;
}

.m-3 {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.mx-3 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mt-3 {
  margin-top: 15px;
}

.mb-3 {
  margin-bottom: 15px;
}

.ml-3 {
  margin-left: 15px;
}

.mr-3 {
  margin-right: 15px;
}

.p-3 {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.px-3 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-3 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pt-3 {
  padding-top: 15px;
}

.pb-3 {
  padding-bottom: 15px;
}

.pl-3 {
  padding-left: 15px;
}

.pr-3 {
  padding-right: 15px;
}

.g-3 {
  padding-top: 7.5px;
  padding-right: 7.5px;
  padding-bottom: 7.5px;
  padding-left: 7.5px;
}
.g-3 > * {
  padding-top: 7.5px;
  padding-right: 7.5px;
  padding-bottom: 7.5px;
  padding-left: 7.5px;
}

.gx-3 {
  padding-right: 7.5px;
  padding-left: 7.5px;
}
.gx-3 > * {
  padding-right: 7.5px;
  padding-left: 7.5px;
}

.gy-3 {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.gy-3 > * {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.m-4 {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-4 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mt-4 {
  margin-top: 20px;
}

.mb-4 {
  margin-bottom: 20px;
}

.ml-4 {
  margin-left: 20px;
}

.mr-4 {
  margin-right: 20px;
}

.p-4 {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.px-4 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-4 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pt-4 {
  padding-top: 20px;
}

.pb-4 {
  padding-bottom: 20px;
}

.pl-4 {
  padding-left: 20px;
}

.pr-4 {
  padding-right: 20px;
}

.g-4 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.g-4 > * {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.gx-4 {
  padding-right: 10px;
  padding-left: 10px;
}
.gx-4 > * {
  padding-right: 10px;
  padding-left: 10px;
}

.gy-4 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.gy-4 > * {
  padding-top: 10px;
  padding-bottom: 10px;
}

.m-5 {
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.mx-5 {
  margin-left: 25px;
  margin-right: 25px;
}

.my-5 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mt-5 {
  margin-top: 25px;
}

.mb-5 {
  margin-bottom: 25px;
}

.ml-5 {
  margin-left: 25px;
}

.mr-5 {
  margin-right: 25px;
}

.p-5 {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.px-5 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-5 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pt-5 {
  padding-top: 25px;
}

.pb-5 {
  padding-bottom: 25px;
}

.pl-5 {
  padding-left: 25px;
}

.pr-5 {
  padding-right: 25px;
}

.g-5 {
  padding-top: 12.5px;
  padding-right: 12.5px;
  padding-bottom: 12.5px;
  padding-left: 12.5px;
}
.g-5 > * {
  padding-top: 12.5px;
  padding-right: 12.5px;
  padding-bottom: 12.5px;
  padding-left: 12.5px;
}

.gx-5 {
  padding-right: 12.5px;
  padding-left: 12.5px;
}
.gx-5 > * {
  padding-right: 12.5px;
  padding-left: 12.5px;
}

.gy-5 {
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}
.gy-5 > * {
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.m-6 {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.mx-6 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-6 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt-6 {
  margin-top: 30px;
}

.mb-6 {
  margin-bottom: 30px;
}

.ml-6 {
  margin-left: 30px;
}

.mr-6 {
  margin-right: 30px;
}

.p-6 {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.px-6 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-6 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pt-6 {
  padding-top: 30px;
}

.pb-6 {
  padding-bottom: 30px;
}

.pl-6 {
  padding-left: 30px;
}

.pr-6 {
  padding-right: 30px;
}

.g-6 {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
.g-6 > * {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.gx-6 {
  padding-right: 15px;
  padding-left: 15px;
}
.gx-6 > * {
  padding-right: 15px;
  padding-left: 15px;
}

.gy-6 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.gy-6 > * {
  padding-top: 15px;
  padding-bottom: 15px;
}

.m-7 {
  margin-left: 35px;
  margin-right: 35px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.mx-7 {
  margin-left: 35px;
  margin-right: 35px;
}

.my-7 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mt-7 {
  margin-top: 35px;
}

.mb-7 {
  margin-bottom: 35px;
}

.ml-7 {
  margin-left: 35px;
}

.mr-7 {
  margin-right: 35px;
}

.p-7 {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
}

.px-7 {
  padding-left: 35px;
  padding-right: 35px;
}

.py-7 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pt-7 {
  padding-top: 35px;
}

.pb-7 {
  padding-bottom: 35px;
}

.pl-7 {
  padding-left: 35px;
}

.pr-7 {
  padding-right: 35px;
}

.g-7 {
  padding-top: 17.5px;
  padding-right: 17.5px;
  padding-bottom: 17.5px;
  padding-left: 17.5px;
}
.g-7 > * {
  padding-top: 17.5px;
  padding-right: 17.5px;
  padding-bottom: 17.5px;
  padding-left: 17.5px;
}

.gx-7 {
  padding-right: 17.5px;
  padding-left: 17.5px;
}
.gx-7 > * {
  padding-right: 17.5px;
  padding-left: 17.5px;
}

.gy-7 {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}
.gy-7 > * {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}

.m-8 {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.mx-8 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-8 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mt-8 {
  margin-top: 40px;
}

.mb-8 {
  margin-bottom: 40px;
}

.ml-8 {
  margin-left: 40px;
}

.mr-8 {
  margin-right: 40px;
}

.p-8 {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.px-8 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-8 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pt-8 {
  padding-top: 40px;
}

.pb-8 {
  padding-bottom: 40px;
}

.pl-8 {
  padding-left: 40px;
}

.pr-8 {
  padding-right: 40px;
}

.g-8 {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.g-8 > * {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.gx-8 {
  padding-right: 20px;
  padding-left: 20px;
}
.gx-8 > * {
  padding-right: 20px;
  padding-left: 20px;
}

.gy-8 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.gy-8 > * {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-9 {
  margin-left: 45px;
  margin-right: 45px;
  margin-top: 45px;
  margin-bottom: 45px;
}

.mx-9 {
  margin-left: 45px;
  margin-right: 45px;
}

.my-9 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mt-9 {
  margin-top: 45px;
}

.mb-9 {
  margin-bottom: 45px;
}

.ml-9 {
  margin-left: 45px;
}

.mr-9 {
  margin-right: 45px;
}

.p-9 {
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 45px;
  padding-bottom: 45px;
}

.px-9 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-9 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pt-9 {
  padding-top: 45px;
}

.pb-9 {
  padding-bottom: 45px;
}

.pl-9 {
  padding-left: 45px;
}

.pr-9 {
  padding-right: 45px;
}

.g-9 {
  padding-top: 22.5px;
  padding-right: 22.5px;
  padding-bottom: 22.5px;
  padding-left: 22.5px;
}
.g-9 > * {
  padding-top: 22.5px;
  padding-right: 22.5px;
  padding-bottom: 22.5px;
  padding-left: 22.5px;
}

.gx-9 {
  padding-right: 22.5px;
  padding-left: 22.5px;
}
.gx-9 > * {
  padding-right: 22.5px;
  padding-left: 22.5px;
}

.gy-9 {
  padding-top: 22.5px;
  padding-bottom: 22.5px;
}
.gy-9 > * {
  padding-top: 22.5px;
  padding-bottom: 22.5px;
}

.m-10 {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.mx-10 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-10 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mt-10 {
  margin-top: 50px;
}

.mb-10 {
  margin-bottom: 50px;
}

.ml-10 {
  margin-left: 50px;
}

.mr-10 {
  margin-right: 50px;
}

.p-10 {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.px-10 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-10 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pt-10 {
  padding-top: 50px;
}

.pb-10 {
  padding-bottom: 50px;
}

.pl-10 {
  padding-left: 50px;
}

.pr-10 {
  padding-right: 50px;
}

.g-10 {
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
}
.g-10 > * {
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
}

.gx-10 {
  padding-right: 25px;
  padding-left: 25px;
}
.gx-10 > * {
  padding-right: 25px;
  padding-left: 25px;
}

.gy-10 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.gy-10 > * {
  padding-top: 25px;
  padding-bottom: 25px;
}

.ts-1 {
  text-shadow: 0 0 2.5px rgba(0, 0, 0, 0.5);
}

.bs-1 {
  box-shadow: 0 0 2.5px rgba(0, 0, 0, 0.5);
}

.ts-2 {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.bs-2 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.ts-3 {
  text-shadow: 0 0 7.5px rgba(0, 0, 0, 0.5);
}

.bs-3 {
  box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.5);
}

.ts-4 {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.bs-4 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.ts-5 {
  text-shadow: 0 0 12.5px rgba(0, 0, 0, 0.5);
}

.bs-5 {
  box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.5);
}

/*
 * @Author: 故乡情 s@epnz.com
 * @Date: 2025-03-03 22:36:05
 * @LastEditTime: 2025-03-03 23:40:12
 * @LastEditors: 故乡情 s@epnz.com
 * @Description: Block UI
 * @FilePath: \ui\src\scss\_button.scss
 */
.btn-default {
  background-color: #7d01f8;
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #6e01da;
}

.btn-gradient-default {
  background: linear-gradient(45deg, #6e01da, #9c38fe);
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #6e01da;
}

.btn-success {
  background-color: #04be02;
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #03a002;
}

.btn-gradient-success {
  background: linear-gradient(45deg, #03a002, #05fb03);
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #03a002;
}

.btn-warning {
  background-color: #ffcc00;
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #e0b400;
}

.btn-gradient-warning {
  background: linear-gradient(45deg, #e0b400, #ffd83d);
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #e0b400;
}

.btn-info {
  background-color: #4073ff;
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #215dff;
}

.btn-gradient-info {
  background: linear-gradient(45deg, #215dff, #7da0ff);
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #215dff;
}

.btn-danger {
  background-color: #ff3300;
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #e02d00;
}

.btn-gradient-danger {
  background: linear-gradient(45deg, #e02d00, #ff643d);
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #e02d00;
}

.btn-dark {
  background-color: #302e32;
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #211f22;
}

.btn-gradient-dark {
  background: linear-gradient(45deg, #211f22, #4f4b52);
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #211f22;
}

.btn-gray {
  background-color: #b0acb3;
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #a09ca4;
}

.btn-gradient-gray {
  background: linear-gradient(45deg, #a09ca4, #ceccd0);
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #ffffff;
  border: 1px solid #a09ca4;
}

.btn-bright {
  background-color: #e3e1e4;
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #000;
  border: 1px solid #d3d1d5;
}

.btn-gradient-bright {
  background: linear-gradient(45deg, #d3d1d5, white);
  border-radius: 5px;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  color: #000;
  border: 1px solid #d3d1d5;
}

button {
  cursor: pointer;
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.fw-b {
  font-weight: bold;
}

.fw-n {
  font-weight: normal;
}

.fw-l {
  font-weight: lighter;
}

.fw-1 {
  font-weight: 100;
}

.fw-2 {
  font-weight: 200;
}

.fw-3 {
  font-weight: 300;
}

.fw-4 {
  font-weight: 400;
}

.fw-5 {
  font-weight: 500;
}

.fw-6 {
  font-weight: 600;
}

.fw-7 {
  font-weight: 700;
}

.fw-8 {
  font-weight: 800;
}

.fw-9 {
  font-weight: 900;
}

:root {
  --color-black: #000;
  --color-success: #04be02;
  --color-danger: #ff3300;
  --color-info: #4073ff;
  --color-warning: #ffcc00;
  --color-blue: #4073ff;
  --color-default: #7d01f8;
  --color-green: #04be02;
  --color-marrs: #008080;
  --color-orange: #ff6600;
  --color-pink: #d63384;
  --color-red: #ff3300;
  --color-white: #ffffff;
  --color-yellow: #ffcc00;
  --color-dark: #302e32;
  --color-gray: #b0acb3;
  --color-bright: #e3e1e4;
  --unit: 5px;
}/*# sourceMappingURL=block.css.map */