#app {
  height: 100%;
  width: 100%;
}

.imagein[data-v-28f681c4] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.listopen[data-v-9aa0365e] {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  backdrop-filter: saturate(180%) blur(0.09rem);
  background-color: rgba(255,255,255,0.3);
  border-radius: 0.06rem;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.listopen.active[data-v-9aa0365e] {
  width: 2.2rem;
  opacity: 1;
}
.listopen .listopen-san[data-v-9aa0365e] {
  position: absolute;
  left: 50%;
  top: -0.16rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border: 0.08rem solid transparent;
  border-bottom-color: rgba(255,255,255,0.3);
  backdrop-filter: saturate(180%) blur(0.09rem);
}
.listopen *[data-v-9aa0365e] {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.listopen .listopen-content[data-v-9aa0365e] {
  overflow: hidden;
  border-radius: 0.06rem;
}
.listopen .listopen-content .listopen-item[data-v-9aa0365e] {
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.12rem;
  padding: 0 0.1rem;
}
.listopen .listopen-content .listopen-item~.listopen-item[data-v-9aa0365e] {
  border-top: 1px solid #ddd;
}
.listopen .listopen-content .listopen-item[data-v-9aa0365e]:hover {
  background-color: rgba(255,255,255,0.5);
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Arial', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
a {
  color: #666;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #0da9fd !important;
}
img {
  border: none;
  vertical-align: middle;
}
ol,
ul,
li {
  list-style: none;
}
iframe {
  border: none;
}
::-moz-selection {
  color: #fff;
  background: #0da9fd;
}
::selection {
  color: #fff;
  background: #0da9fd;
}
::-webkit-input-placeholder {
  font-family: Arial !important;
}
.fade-transverse-leave-active {
  position: absolute;
}
.fade-transverse-enter {
  -webkit-transform: translateY(-0.3rem);
          transform: translateY(-0.3rem);
  opacity: 0;
}
.fade-transverse-leave-to {
  -webkit-transform: translateY(0.3rem);
          transform: translateY(0.3rem);
  opacity: 0;
}
.fade-transition-enter,
.fade-transition-leave-to {
  opacity: 0;
  -webkit-transform: translateY(0.3rem);
          transform: translateY(0.3rem);
}
.fade-transition-leave-active {
  position: absolute;
}
.fade-scale-leave-active,
.fade-scale-enter-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.fade-scale-enter,
.fade-scale-leave-to {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  opacity: 0;
}
@-webkit-keyframes icon_pointing {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.5);
            box-shadow: 0 0 0 0px rgba(160,160,160,0.5);
  }
  45% {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(160,160,160,0.05);
            box-shadow: 0 0 0 0.2rem rgba(160,160,160,0.05);
  }
  50% {
    -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.2);
            box-shadow: 0 0 0 0px rgba(160,160,160,0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.2);
            box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.2);
  }
}
@keyframes icon_pointing {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.5);
            box-shadow: 0 0 0 0px rgba(160,160,160,0.5);
  }
  45% {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(160,160,160,0.05);
            box-shadow: 0 0 0 0.2rem rgba(160,160,160,0.05);
  }
  50% {
    -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.2);
            box-shadow: 0 0 0 0px rgba(160,160,160,0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.2);
            box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.2);
  }
}
@-webkit-keyframes icon_pointing_inset {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.8) inset;
            box-shadow: 0 0 0 0px rgba(160,160,160,0.8) inset;
  }
  45% {
    -webkit-box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.05) inset;
            box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.05) inset;
  }
  50% {
    -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.6) inset;
            box-shadow: 0 0 0 0px rgba(160,160,160,0.6) inset;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0.05rem rgba(160,160,160,0.8) inset;
            box-shadow: 0 0 0 0.05rem rgba(160,160,160,0.8) inset;
  }
}
@keyframes icon_pointing_inset {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.8) inset;
            box-shadow: 0 0 0 0px rgba(160,160,160,0.8) inset;
  }
  45% {
    -webkit-box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.05) inset;
            box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.05) inset;
  }
  50% {
    -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.6) inset;
            box-shadow: 0 0 0 0px rgba(160,160,160,0.6) inset;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0.05rem rgba(160,160,160,0.8) inset;
            box-shadow: 0 0 0 0.05rem rgba(160,160,160,0.8) inset;
  }
}
@-webkit-keyframes icon_bgc {
  0%, 100% {
    background: linear-gradient(135deg, #f00, #ffa500, #008000, #00f, #800080) left center/400% 400%;
    background-position-x: left;
  }
  50% {
    background-position-x: right;
  }
}
@keyframes icon_bgc {
  0%, 100% {
    background: linear-gradient(135deg, #f00, #ffa500, #008000, #00f, #800080) left center/400% 400%;
    background-position-x: left;
  }
  50% {
    background-position-x: right;
  }
}
:root {
  --animate-duration: 300ms;
}
.box-shadow {
  -webkit-box-shadow: 0 0 0.04rem 0 rgba(200,200,200,0.4);
          box-shadow: 0 0 0.04rem 0 rgba(200,200,200,0.4);
}
.box-shadow:hover {
  -webkit-box-shadow: 0 0 0.04rem 0 #c8c8c8;
          box-shadow: 0 0 0.04rem 0 #c8c8c8;
}
.padding-spacing {
  padding: 0.1rem;
}
.margin-spacing {
  margin: 0.1rem;
}
body.pc-mode ::-webkit-scrollbar {
  width: 0.07rem;
  height: 0.07rem;
}
body.pc-mode ::-webkit-scrollbar-track {
  border-radius: 0.05rem;
  background-color: rgba(0,0,0,0.05);
}
body.pc-mode ::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 0.05rem;
}
body .iconfont {
  font-size: 0.16rem;
}
body .common-pop {
  padding: 0 !important;
  min-width: 0.5rem;
}
body .van-popover--light .van-popover__arrow {
  color: rgba(0,0,0,0.5);
}
body .van-popover--light .van-popover__content {
  background-color: rgba(0,0,0,0);
}
.tempwai-upload:hover .image-box-btn {
  display: block;
}
.tempwai-upload .image-box-btn {
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 0.15rem;
  border-radius: 0.25rem;
  display: none;
  padding: 0.03rem 0.05rem;
  color: #fff;
  font-size: 0.12rem;
  background-color: #000;
}
html,
body {
  height: 100%;
  width: 100%;
  color: #333;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #000;
}
@media screen and (min-width: 1000px) {
  html,
  body {
    font-size: 0.14rem;
  }
}
.danger {
  color: #f8645c !important;
}
.theme,
.primary {
  color: #0da9fd !important;
}
.warning {
  color: #eda131 !important;
}
.info {
  color: #909399 !important;
}
.success {
  color: #67c23a !important;
}
.page-bgl {
  background-color: #fafafa !important;
}
.page-bg {
  background-color: #f8f8f8 !important;
}
.page-content {
  background-color: #fff !important;
}
.page-dark {
  background-color: #0da9fd !important;
}
.fs-s {
  font-size: 0.1rem !important;
}
.fs-n {
  font-size: 0.12rem !important;
}
.fs-m {
  font-size: 0.14rem !important;
}
.fs-b {
  font-size: 0.16rem !important;
}
.fs-l {
  font-size: 0.18rem !important;
}
.fs-sl {
  font-size: 0.2rem !important;
}
.fs-xl {
  font-size: 0.26rem !important;
}
.fs-xxl {
  font-size: 0.3rem !important;
}
.fs-xxxl {
  font-size: 0.5rem !important;
}
.fc-b0 {
  color: #000 !important;
}
.fc-b1 {
  color: #333 !important;
}
.fc-b2 {
  color: #666 !important;
}
.fc-b3 {
  color: #999 !important;
}
.fc-w1 {
  color: #bbb !important;
}
.fc-w2 {
  color: #ddd !important;
}
.fc-w3 {
  color: #fff !important;
}
.point-none {
  pointer-events: none;
}
.point-auto {
  pointer-events: auto;
}
.border-radius {
  border-radius: 0.05rem;
}
.border {
  border: 1px solid #ebeef5;
}
.border-w {
  border: 1px solid #fff;
}
.bd-t {
  border-top: 1px solid #ebeef5;
}
.bd-r {
  border-right: 1px solid #ebeef5;
}
.bd-b {
  border-bottom: 1px solid #ebeef5;
}
.bd-l {
  border-left: 1px solid #ebeef5;
}
.bd-t-w {
  border-top: 1px solid #fff;
}
.bd-r-w {
  border-right: 1px solid #fff;
}
.bd-b-w {
  border-bottom: 1px solid #fff;
}
.bd-l-w {
  border-left: 1px solid #fff;
}
.border-bottom {
  border-bottom: 1px solid #ebeef5;
}
.fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.fit-fill {
  -o-object-fit: fill;
     object-fit: fill;
}
.fit-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.flex-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ff-rw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.ff-rn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.ff-rrw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse wrap;
          flex-flow: row-reverse wrap;
}
.ff-rrn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse nowrap;
          flex-flow: row-reverse nowrap;
}
.ff-cw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.ff-cn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.ff-crw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse wrap;
          flex-flow: column-reverse wrap;
}
.ff-crn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse nowrap;
          flex-flow: column-reverse nowrap;
}
.flex-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 0;
}
.flex-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333333333336%;
          flex: 0 0 33.333333333333336%;
  width: 0;
}
.flex-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 0;
}
.flex-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  width: 0;
}
.flex-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666666666666668%;
          flex: 0 0 16.666666666666668%;
  width: 0;
}
.flex-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.285714285714286%;
          flex: 0 0 14.285714285714286%;
  width: 0;
}
.flex-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  width: 0;
}
.flex-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11.11111111111111%;
          flex: 0 0 11.11111111111111%;
  width: 0;
}
.flex-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  width: 0;
}
.flex-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.090909090909092%;
          flex: 0 0 9.090909090909092%;
  width: 0;
}
.flex-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.333333333333334%;
          flex: 0 0 8.333333333333334%;
  width: 0;
}
.flex-13 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.692307692307693%;
          flex: 0 0 7.692307692307693%;
  width: 0;
}
.flex-14 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.142857142857143%;
          flex: 0 0 7.142857142857143%;
  width: 0;
}
.flex-15 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.666666666666667%;
          flex: 0 0 6.666666666666667%;
  width: 0;
}
.flex-16 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.25%;
          flex: 0 0 6.25%;
  width: 0;
}
.flex-17 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.882352941176471%;
          flex: 0 0 5.882352941176471%;
  width: 0;
}
.flex-18 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.555555555555555%;
          flex: 0 0 5.555555555555555%;
  width: 0;
}
.flex-19 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.263157894736842%;
          flex: 0 0 5.263157894736842%;
  width: 0;
}
.jc-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.jc-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.jc-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.jc-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.jc-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ai-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ai-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ai-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mg0 {
  margin: 0px !important;
}
.mgx0 {
  margin: 0 0px;
}
.mgy0 {
  margin: 0px 0;
}
.mg1 {
  margin: 0.05rem;
}
.mgx1 {
  margin: 0 0.05rem;
}
.mgy1 {
  margin: 0.05rem 0;
}
.mg2 {
  margin: 0.1rem;
}
.mgx2 {
  margin: 0 0.1rem;
}
.mgy2 {
  margin: 0.1rem 0;
}
.mg3 {
  margin: 0.15rem;
}
.mgx3 {
  margin: 0 0.15rem;
}
.mgy3 {
  margin: 0.15rem 0;
}
.mg4 {
  margin: 0.2rem;
}
.mgx4 {
  margin: 0 0.2rem;
}
.mgy4 {
  margin: 0.2rem 0;
}
.mg5 {
  margin: 0.25rem;
}
.mgx5 {
  margin: 0 0.25rem;
}
.mgy5 {
  margin: 0.25rem 0;
}
.mg6 {
  margin: 0.3rem;
}
.mgx6 {
  margin: 0 0.3rem;
}
.mgy6 {
  margin: 0.3rem 0;
}
.mg7 {
  margin: 0.35rem;
}
.mgx7 {
  margin: 0 0.35rem;
}
.mgy7 {
  margin: 0.35rem 0;
}
.mg8 {
  margin: 0.4rem;
}
.mgx8 {
  margin: 0 0.4rem;
}
.mgy8 {
  margin: 0.4rem 0;
}
.mg9 {
  margin: 0.45rem;
}
.mgx9 {
  margin: 0 0.45rem;
}
.mgy9 {
  margin: 0.45rem 0;
}
.mg10 {
  margin: 0.5rem;
}
.mgx10 {
  margin: 0 0.5rem;
}
.mgy10 {
  margin: 0.5rem 0;
}
.pd0 {
  padding: 0px !important;
}
.pdx0 {
  padding: 0 0px;
}
.pdy0 {
  padding: 0px 0;
}
.pd1 {
  padding: 0.05rem;
}
.pdx1 {
  padding: 0 0.05rem;
}
.pdy1 {
  padding: 0.05rem 0;
}
.pd2 {
  padding: 0.1rem;
}
.pdx2 {
  padding: 0 0.1rem;
}
.pdy2 {
  padding: 0.1rem 0;
}
.pd3 {
  padding: 0.15rem;
}
.pdx3 {
  padding: 0 0.15rem;
}
.pdy3 {
  padding: 0.15rem 0;
}
.pd4 {
  padding: 0.2rem;
}
.pdx4 {
  padding: 0 0.2rem;
}
.pdy4 {
  padding: 0.2rem 0;
}
.pd5 {
  padding: 0.25rem;
}
.pdx5 {
  padding: 0 0.25rem;
}
.pdy5 {
  padding: 0.25rem 0;
}
.pd6 {
  padding: 0.3rem;
}
.pdx6 {
  padding: 0 0.3rem;
}
.pdy6 {
  padding: 0.3rem 0;
}
.pd7 {
  padding: 0.35rem;
}
.pdx7 {
  padding: 0 0.35rem;
}
.pdy7 {
  padding: 0.35rem 0;
}
.pd8 {
  padding: 0.4rem;
}
.pdx8 {
  padding: 0 0.4rem;
}
.pdy8 {
  padding: 0.4rem 0;
}
.pd9 {
  padding: 0.45rem;
}
.pdx9 {
  padding: 0 0.45rem;
}
.pdy9 {
  padding: 0.45rem 0;
}
.pd10 {
  padding: 0.5rem;
}
.pdx10 {
  padding: 0 0.5rem;
}
.pdy10 {
  padding: 0.5rem 0;
}
.mgt0 {
  margin-top: 0px !important;
}
.mgt1 {
  margin-top: 0.05rem !important;
}
.mgt2 {
  margin-top: 0.1rem !important;
}
.mgt3 {
  margin-top: 0.15rem !important;
}
.mgt4 {
  margin-top: 0.2rem !important;
}
.mgt5 {
  margin-top: 0.25rem !important;
}
.mgt6 {
  margin-top: 0.3rem !important;
}
.mgt7 {
  margin-top: 0.35rem !important;
}
.mgt8 {
  margin-top: 0.4rem !important;
}
.mgt9 {
  margin-top: 0.45rem !important;
}
.mgt10 {
  margin-top: 0.5rem !important;
}
.mgr0 {
  margin-right: 0px !important;
}
.mgr1 {
  margin-right: 0.05rem !important;
}
.mgr2 {
  margin-right: 0.1rem !important;
}
.mgr3 {
  margin-right: 0.15rem !important;
}
.mgr4 {
  margin-right: 0.2rem !important;
}
.mgr5 {
  margin-right: 0.25rem !important;
}
.mgr6 {
  margin-right: 0.3rem !important;
}
.mgr7 {
  margin-right: 0.35rem !important;
}
.mgr8 {
  margin-right: 0.4rem !important;
}
.mgr9 {
  margin-right: 0.45rem !important;
}
.mgr10 {
  margin-right: 0.5rem !important;
}
.mgb0 {
  margin-bottom: 0px !important;
}
.mgb1 {
  margin-bottom: 0.05rem !important;
}
.mgb2 {
  margin-bottom: 0.1rem !important;
}
.mgb3 {
  margin-bottom: 0.15rem !important;
}
.mgb4 {
  margin-bottom: 0.2rem !important;
}
.mgb5 {
  margin-bottom: 0.25rem !important;
}
.mgb6 {
  margin-bottom: 0.3rem !important;
}
.mgb7 {
  margin-bottom: 0.35rem !important;
}
.mgb8 {
  margin-bottom: 0.4rem !important;
}
.mgb9 {
  margin-bottom: 0.45rem !important;
}
.mgb10 {
  margin-bottom: 0.5rem !important;
}
.mgl0 {
  margin-left: 0px !important;
}
.mgl1 {
  margin-left: 0.05rem !important;
}
.mgl2 {
  margin-left: 0.1rem !important;
}
.mgl3 {
  margin-left: 0.15rem !important;
}
.mgl4 {
  margin-left: 0.2rem !important;
}
.mgl5 {
  margin-left: 0.25rem !important;
}
.mgl6 {
  margin-left: 0.3rem !important;
}
.mgl7 {
  margin-left: 0.35rem !important;
}
.mgl8 {
  margin-left: 0.4rem !important;
}
.mgl9 {
  margin-left: 0.45rem !important;
}
.mgl10 {
  margin-left: 0.5rem !important;
}
.pdt0 {
  padding-top: 0px !important;
}
.pdt1 {
  padding-top: 0.05rem !important;
}
.pdt2 {
  padding-top: 0.1rem !important;
}
.pdt3 {
  padding-top: 0.15rem !important;
}
.pdt4 {
  padding-top: 0.2rem !important;
}
.pdt5 {
  padding-top: 0.25rem !important;
}
.pdt6 {
  padding-top: 0.3rem !important;
}
.pdt7 {
  padding-top: 0.35rem !important;
}
.pdt8 {
  padding-top: 0.4rem !important;
}
.pdt9 {
  padding-top: 0.45rem !important;
}
.pdt10 {
  padding-top: 0.5rem !important;
}
.pdr0 {
  padding-right: 0px !important;
}
.pdr1 {
  padding-right: 0.05rem !important;
}
.pdr2 {
  padding-right: 0.1rem !important;
}
.pdr3 {
  padding-right: 0.15rem !important;
}
.pdr4 {
  padding-right: 0.2rem !important;
}
.pdr5 {
  padding-right: 0.25rem !important;
}
.pdr6 {
  padding-right: 0.3rem !important;
}
.pdr7 {
  padding-right: 0.35rem !important;
}
.pdr8 {
  padding-right: 0.4rem !important;
}
.pdr9 {
  padding-right: 0.45rem !important;
}
.pdr10 {
  padding-right: 0.5rem !important;
}
.pdb0 {
  padding-bottom: 0px !important;
}
.pdb1 {
  padding-bottom: 0.05rem !important;
}
.pdb2 {
  padding-bottom: 0.1rem !important;
}
.pdb3 {
  padding-bottom: 0.15rem !important;
}
.pdb4 {
  padding-bottom: 0.2rem !important;
}
.pdb5 {
  padding-bottom: 0.25rem !important;
}
.pdb6 {
  padding-bottom: 0.3rem !important;
}
.pdb7 {
  padding-bottom: 0.35rem !important;
}
.pdb8 {
  padding-bottom: 0.4rem !important;
}
.pdb9 {
  padding-bottom: 0.45rem !important;
}
.pdb10 {
  padding-bottom: 0.5rem !important;
}
.pdl0 {
  padding-left: 0px !important;
}
.pdl1 {
  padding-left: 0.05rem !important;
}
.pdl2 {
  padding-left: 0.1rem !important;
}
.pdl3 {
  padding-left: 0.15rem !important;
}
.pdl4 {
  padding-left: 0.2rem !important;
}
.pdl5 {
  padding-left: 0.25rem !important;
}
.pdl6 {
  padding-left: 0.3rem !important;
}
.pdl7 {
  padding-left: 0.35rem !important;
}
.pdl8 {
  padding-left: 0.4rem !important;
}
.pdl9 {
  padding-left: 0.45rem !important;
}
.pdl10 {
  padding-left: 0.5rem !important;
}
.lh1 {
  line-height: 0.12rem !important;
}
.lh2 {
  line-height: 0.18rem !important;
}
.lh3 {
  line-height: 0.24rem !important;
}
.lh4 {
  line-height: 0.3rem !important;
}
.lh5 {
  line-height: 0.36rem !important;
}
.lh6 {
  line-height: 0.42rem !important;
}
.lh7 {
  line-height: 0.48rem !important;
}
.lh8 {
  line-height: 0.54rem !important;
}
.lh9 {
  line-height: 0.6rem !important;
}
.opacity0 {
  opacity: 0 !important;
}
.opacity1 {
  opacity: 0.1 !important;
}
.opacity2 {
  opacity: 0.2 !important;
}
.opacity3 {
  opacity: 0.3 !important;
}
.opacity4 {
  opacity: 0.4 !important;
}
.opacity5 {
  opacity: 0.5 !important;
}
.opacity6 {
  opacity: 0.6 !important;
}
.opacity7 {
  opacity: 0.7 !important;
}
.opacity8 {
  opacity: 0.8 !important;
}
.opacity9 {
  opacity: 0.9 !important;
}
.w100p {
  width: 100% !important;
}
.h100p {
  height: 100% !important;
}
.w10 {
  width: 0.1rem !important;
}
.h10 {
  height: 0.1rem !important;
}
.w20 {
  width: 0.2rem !important;
}
.h20 {
  height: 0.2rem !important;
}
.w30 {
  width: 0.3rem !important;
}
.h30 {
  height: 0.3rem !important;
}
.w40 {
  width: 0.4rem !important;
}
.h40 {
  height: 0.4rem !important;
}
.w50 {
  width: 0.5rem !important;
}
.h50 {
  height: 0.5rem !important;
}
.w60 {
  width: 0.6rem !important;
}
.h60 {
  height: 0.6rem !important;
}
.w70 {
  width: 0.7rem !important;
}
.h70 {
  height: 0.7rem !important;
}
.w80 {
  width: 0.8rem !important;
}
.h80 {
  height: 0.8rem !important;
}
.w90 {
  width: 0.9rem !important;
}
.h90 {
  height: 0.9rem !important;
}
.w100 {
  width: 1rem !important;
}
.h100 {
  height: 1rem !important;
}
.w150 {
  width: 1.5rem !important;
}
.h150 {
  height: 1.5rem !important;
}
.w200 {
  width: 2rem !important;
}
.h200 {
  height: 2rem !important;
}
.w250 {
  width: 2.5rem !important;
}
.h250 {
  height: 2.5rem !important;
}
.w300 {
  width: 3rem !important;
}
.h300 {
  height: 3rem !important;
}
.w350 {
  width: 3.5rem !important;
}
.h350 {
  height: 3.5rem !important;
}
.w400 {
  width: 4rem !important;
}
.h400 {
  height: 4rem !important;
}
.w450 {
  width: 4.5rem !important;
}
.h450 {
  height: 4.5rem !important;
}
.w500 {
  width: 5rem !important;
}
.h500 {
  height: 5rem !important;
}
.w550 {
  width: 5.5rem !important;
}
.h550 {
  height: 5.5rem !important;
}
.w600 {
  width: 6rem !important;
}
.h600 {
  height: 6rem !important;
}
.w650 {
  width: 6.5rem !important;
}
.h650 {
  height: 6.5rem !important;
}
.w700 {
  width: 7rem !important;
}
.h700 {
  height: 7rem !important;
}
.w750 {
  width: 7.5rem !important;
}
.h750 {
  height: 7.5rem !important;
}
.w800 {
  width: 8rem !important;
}
.h800 {
  height: 8rem !important;
}
.w850 {
  width: 8.5rem !important;
}
.h850 {
  height: 8.5rem !important;
}
.w900 {
  width: 9rem !important;
}
.h900 {
  height: 9rem !important;
}
.w950 {
  width: 9.5rem !important;
}
.h950 {
  height: 9.5rem !important;
}
.w1000 {
  width: 10rem !important;
}
.h1000 {
  height: 10rem !important;
}
.scroll-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.omit-1,
.omit-2,
.omit-3,
.omit-4,
.omit-5,
.omit-6,
.omit-7,
.omit-8,
.omit-9 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.omit-1 {
  -webkit-line-clamp: 1;
}
.omit-2 {
  -webkit-line-clamp: 2;
}
.omit-3 {
  -webkit-line-clamp: 3;
}
.omit-4 {
  -webkit-line-clamp: 4;
}
.omit-5 {
  -webkit-line-clamp: 5;
}
.omit-6 {
  -webkit-line-clamp: 6;
}
.omit-7 {
  -webkit-line-clamp: 7;
}
.omit-8 {
  -webkit-line-clamp: 8;
}
.omit-9 {
  -webkit-line-clamp: 9;
}
.line-through {
  text-decoration: line-through;
}
.clearfix {
  *zoom: 1;
  clear: both;
}
.clearfixbefore,
.clearfixafter {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.inline-block {
  display: inline-block;
}
.overflow-hidden {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.hide {
  display: none;
}
.hand {
  cursor: pointer;
}
.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}
.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-default {
  cursor: default;
}
.cursor-move {
  cursor: move;
}
.omit,
.flex-omit-x,
.flex-omit-y {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.flex-omit-x {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex-omit-y {
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tal {
  text-align: left;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.margin-auto {
  margin: auto;
}
.margin-xauto {
  margin: 0 auto;
}
.margin-yauto {
  margin: auto 0;
}
.pf {
  position: fixed;
}
.pr {
  position: relative !important;
}
.pa {
  position: absolute !important;
}
.pac {
  position: absolute !important;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pre {
  white-space: pre-wrap;
}
.full {
  height: 100%;
  width: 100%;
}
.round {
  border-radius: 50%;
}
.strong {
  font-weight: 600;
}
.hover:hover {
  color: #0da9fd !important;
  cursor: pointer;
  background-color: rgba(0,0,0,0);
}
.hover-success:hover {
  color: #67c23a !important;
  cursor: pointer;
  background-color: rgba(0,0,0,0);
}
.hover-danger:hover {
  color: #f8645c !important;
  cursor: pointer;
  background-color: rgba(0,0,0,0);
}
.hover-bg-theme:hover {
  color: #fff !important;
  cursor: pointer;
  background-color: #0da9fd;
}
.hover-bg-danger:hover {
  color: #fff !important;
  cursor: pointer;
  background-color: #f8645c;
}
.hover-shadow {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.hover-shadow:hover {
  -webkit-box-shadow: 0.02rem 0.02rem 0.1rem 0 rgba(133,133,133,0.15);
          box-shadow: 0.02rem 0.02rem 0.1rem 0 rgba(133,133,133,0.15);
}
.hover-scale {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.hover-scale:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.line {
  position: relative;
}
.line::after {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1px;
  background-color: #bbb;
  left: -1.2rem;
  top: 50%;
}
.line::before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1px;
  background-color: #bbb;
  right: -1.2rem;
  top: 50%;
}
.list-style-none {
  list-style: none;
}
.list-style-disc {
  list-style: disc;
}
.list-style-circle {
  list-style: circle;
}
.list-style-decimal {
  list-style: decimal;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.hr-in-line {
  width: 100%;
  height: 1px;
  background: #eee;
}