.svg-icon[data-v-c8a70580] {
  width: 1em;
  height: 1em;
  /* vertical-align: -0.15em; */
  fill: currentColor;
  overflow: hidden;
}
.svg-external-icon[data-v-c8a70580] {
  background-color: currentColor;
  -webkit-mask-size: cover!important;
          mask-size: cover!important;
  display: inline-block;
}

[data-v-6162c8db] .el-dialog__body {
  max-height: auto;
  padding: 0;
}
[data-v-6162c8db] .el-dialog__body .outlined {
  background-color: transparent;
}
@media screen and (max-width: 520px) {
.DeviceDetector {
    min-width: 5.2rem;
}
}
.DeviceDetector {
  position: relative;
  width: 6rem;
  height: 4rem;
  font-size: 0.16rem;
  -webkit-box-shadow: 0.02rem 0.01rem -0.01rem rgba(0, 0, 0, 0.2), 0 0.01rem 0.01rem 0 rgba(0, 0, 0, 0.14), 0 0.01rem 0.03rem 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0.02rem 0.01rem -0.01rem rgba(0, 0, 0, 0.2), 0 0.01rem 0.01rem 0 rgba(0, 0, 0, 0.14), 0 0.01rem 0.03rem 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  -webkit-border-radius: 0.04rem;
          border-radius: 0.04rem;
}
.DeviceDetector .stepper {
  -webkit-border-radius: 0.05rem 0.05rem 0 0;
          border-radius: 0.05rem 0.05rem 0 0;
  font-size: 0.36rem;
}
.DeviceDetector .close {
  color: #eeeeee;
  -webkit-border-radius: 0.2rem;
          border-radius: 0.2rem;
  border-color: #eeeeee;
  position: absolute;
  cursor: pointer;
  top: -0.5rem;
  right: 0.02rem;
}
.DeviceDetector .device-connect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.DeviceDetector .device-connect .testing-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.32rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #201e1ee5;
}
.DeviceDetector .device-connect .testing-prepare-info {
  max-width: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.16rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.3rem;
  color: #585656e5;
}
.DeviceDetector .device-connect .device-display {
  width: 4.2rem;
  margin: 0.4rem auto 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  position: relative;
}
.DeviceDetector .device-connect .device-display .connect-success {
  position: relative;
}
.DeviceDetector .device-connect .device-display .connect-success::before {
  content: "";
  width: 0.28rem;
  height: 0.28rem;
  position: absolute;
  bottom: -0.34rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACAElEQVRYR+2Vv2sUQRTH3/eOYO+f EWzmzUaSTv8CYxIUAooWAYsQJEkRRDRikUJMiiMIQRSVCNql0sqkCIFwO7NLCGm00kpEEBtzhsyT Pe5kWG9zu8p5zU658958Pnznx4L6PNBnPpUCZQJlAj1PgOu8SBW6C0HNBGYmfe17KqBCdRvA/TbU OXc+Hoq3fImeCahQLQBY8mDGahv8lwR0qOcF8sCDfSCicavtXs8F2PBNIlrxQB9dxU3EKq53evY7 boGyahDHuCRVWY04+pL3f8GGp4mo1q4H8JkcTZjAbGet0VGADUurYd8dubF4OH7fTUJZdQOCR17d t1bs707q/UNgZH/kdKPR+Oofnupx9WL9bP1T1kJseIqI1rz5HwIZjzh60008awvuQXDndzNoR0hG O20HG75ORE+8WldBZSxU4UY3eDKfeQ211UsisuAtsjlwNDC6O7z7vf1NWXUFgucp0GWr7es88BMF kklt9UMRmfUWe3t46vDCwZmDnzrUkwJZ90ECuRpx9CIvvKtAUsCWaySUnO7mEJENAC+J6JUPgmDK BOZxEXgugaZEyGsESg5a1pi22q4WhecWaEoYfkpE19IQEZmLgmj5b+CFBJJiZdU6BJNtGAS3TGD8 976wR+GfUSuJc+TomR2yi4WJqYbCAv8KTPeXAmUCZQJ9T+AXo7StIY0IqrkAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
}
.DeviceDetector .device-connect .device-display .connect-fail {
  position: relative;
}
.DeviceDetector .device-connect .device-display .connect-fail::before {
  content: "";
  width: 0.28rem;
  height: 0.28rem;
  position: absolute;
  bottom: -0.34rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB3ElEQVRYR+2Wr08cQRTHP+8ESZOq GlKBaKhpUwWmCnG7d4giwDS5NGlVMWDAtIZfrQEDpjVF0ZC0wH/QWxr+gNrKJigSBA4J98hN7pbl 9mZnZklz5tasmPfm+5nve/t2hAE/MmB9hgBDB5wOaJVx+c2/Ms2qEc+BCznm3JZvBdBpHnPNmUlU VuWYzyEQGrGC8KmdI4m92e0AbXrhbyoqfJQmWz4QWuMDymYa2+KpzcXCEmjMOrCWEV2WhJ0iCI1Z ArbTGId77h7ohRAWpcnXfhBaYwHlS4hrTgDTAnkn5iVhNwuhMe+BbyFumf7wqakF4p0kfO+svQX2 Mie3utSr5w3QF6JCw2zY4kdm45w7RYcMArA4kd0/dcXX2WAAK0SFhvzip69wN64cQJ0XtDgEnmXq /lqaHP13AK0yQcWIj+fEhGCIIAc05iUY8bGO+EbnfTusAiG8AbTOVMf20a64JGZS5udEAIQXgEbE CAfAo17xbhlyw8oTwgmgMa/AdPdDm/h9IIp/RjXmUCM+4hIvC2H/HdeZpMWfTKdvdGvu+tRy5bji iZxw2i+v6D7wBmHf9+S9m9+BKH0fiJilwgNp3pn1LgPSdY2YQbiUhBNbkrMJvdVKBg4Bhg4M3IEb uI2UIfOyj40AAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
}
.DeviceDetector .device-connect .device-display .device {
  width: 0.46rem;
  height: 0.46rem;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.38rem;
}
.DeviceDetector .device-connect .device-display .device svg {
  width: 0.4rem;
  height: 0.4rem;
}
.DeviceDetector .device-connect .device-display .outer-progress {
  width: 3.6rem;
  height: 0.04rem;
  -webkit-border-radius: 0.05rem;
          border-radius: 0.05rem;
  position: absolute;
  top: 0.7rem;
  background-color: #eeeeee;
  overflow: hidden;
}
.DeviceDetector .device-connect .device-display .outer-progress .inner-progress {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 0.04rem;
  -webkit-border-radius: 0.05rem;
          border-radius: 0.05rem;
  background-color: #bfbfbf;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.4s linear;
  transition: -webkit-transform 0.4s linear;
  transition: transform 0.4s linear;
  transition: transform 0.4s linear, -webkit-transform 0.4s linear;
}
.DeviceDetector .device-connect .text {
  margin-top: 0.6rem;
  font-size: 0.18rem;
  max-width: 4.2rem;
  text-align: center;
  height: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.DeviceDetector .device-connect .text.gray-text {
  color: #585656e5;
}
.DeviceDetector .device-connect .text.green-text {
  color: limegreen;
}
.DeviceDetector .device-connect .text.red-text {
  color: red;
}
.DeviceDetector .device-connect .text .error-connect {
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.08rem;
  position: relative;
}
.DeviceDetector .device-connect .text .error-connect .error-icon svg {
  width: 0.2rem;
  height: 0.2rem;
}
.DeviceDetector .device-connect .text .error-connect .connect-attention-info {
  padding: 0.08rem 0.12rem;
  min-width: 1.6rem;
  min-height: 0.5rem;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 0.1rem;
          border-radius: 0.1rem;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 100%;
  -webkit-transform: translate(0.2rem, -0.1rem);
          transform: translate(0.2rem, -0.1rem);
  display: block;
  white-space: nowrap;
  font-size: 0.12rem;
  text-align: left;
}
.DeviceDetector .device-connect .text .error-connect .connect-attention-info::after {
  content: "";
  width: 0;
  height: 0;
  border: 0.1rem transparent solid;
  border-top-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 100%;
  top: 100%;
  -webkit-transform: translateX(-0.4rem);
          transform: translateX(-0.4rem);
}
.DeviceDetector .device-connect .button-container {
  margin-top: 0.4rem;
  width: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.DeviceDetector .device-select {
  width: 2.6rem;
  padding: 0.06rem 0.14rem 0.06rem 0.12rem;
  position: relative;
  font-size: 0.16rem;
  -webkit-border-radius: 0.04rem;
          border-radius: 0.04rem;
  background-color: #fff;
  cursor: pointer;
}
.DeviceDetector .device-select:focus {
  outline: none;
}
.DeviceDetector .step-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.24rem;
}
.DeviceDetector .step-container .step {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  fill: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54);
}
.DeviceDetector .step-container .step:not(:first-child)::after {
  position: absolute;
  content: "";
  height: 0.01rem;
  background-color: rgba(0, 0, 0, 0.16);
  right: 100%;
  top: 30%;
  right: -webkit-calc(50% + 0.2rem);
  right: calc(50% + 0.2rem);
  left: -webkit-calc(-50% + 0.2rem);
  left: calc(-50% + 0.2rem);
  top: 0.16rem;
}
.DeviceDetector .step-container .step.active {
  fill: #006EFF;
  color: #006EFF;
  cursor: pointer;
}
.DeviceDetector .step-container .step.active::after {
  background-color: #006EFF;
}
.DeviceDetector .step-container .step.error {
  fill: red;
  color: red;
  cursor: pointer;
}
.DeviceDetector .step-container .step.error::after {
  background-color: #006EFF;
}
.DeviceDetector .step-container .step .step-label {
  margin-top: 0.12rem;
}
.DeviceDetector .testing-container {
  width: 100%;
  margin: 0.1rem auto 0.3rem;
}
.DeviceDetector .testing-container .testing-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.DeviceDetector .testing-container .testing-body.hide {
  display: none;
}
.DeviceDetector .testing-container .testing-body .device-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.2rem;
}
.DeviceDetector .testing-container .testing-body .device-list .device-list-title {
  margin-right: 0.1rem;
}
.DeviceDetector .testing-container .testing-body .camera-video {
  width: 3rem;
  height: 1.8rem;
}
.DeviceDetector .testing-info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: absolute;
  bottom: 0.3rem;
}
.DeviceDetector .testing-info-container .testing-info {
  width: 100%;
  text-align: center;
  display: block;
}
.DeviceDetector .testing-info-container .button-list {
  margin-top: 0.2rem;
  width: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.DeviceDetector .mic-testing-container {
  margin-top: 0.2rem;
}
.DeviceDetector .mic-testing-container .mic-bar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.1rem;
}
.DeviceDetector .mic-testing-container .mic-bar-container .mic-bar {
  width: 0.08rem;
  height: 0.3rem;
  border: 0.01rem solid #cccccc;
  -webkit-border-radius: 0.01rem;
          border-radius: 0.01rem;
}
.DeviceDetector .mic-testing-container .mic-bar-container .mic-bar:not(:first-child) {
  margin-left: 0.03rem;
}
.DeviceDetector .mic-testing-container .mic-bar-container .mic-bar.active {
  background: #006EFF;
}
.DeviceDetector .audio-player-container {
  width: 3.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0.2rem auto 0;
  text-align: center;
}
.DeviceDetector .audio-player-container .audio-player-info {
  margin: 0 auto 0.16rem;
  color: #5f5f5f;
}
.DeviceDetector .testing-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.DeviceDetector .testing-list .testing-item-container {
  width: 70%;
  margin: 0 auto 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@-webkit-keyframes loading-circle {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loading-circle {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.DeviceDetector .network-loading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.DeviceDetector .network-loading::before {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAChElEQVRYR82WO2wTQRCGZ9YFLmmCQDRUFIgOCuhMg2QJ8OxKtpQuEggqQDz6hDIiSAg6QEo6pFi+WVsoLgkVDakgFFBAlYJ0IGRceAetdWddLF/uznacXHe38/j2n9mbRTjkB6eRn4jOWGt/jhMrMwARlRDxkogUEfETM7/zCY0xqyKyAAAe4G70PStMZgCt9WsAuBUG3mLmi5VK5ZxSajuWrM7MtazJvd1EAER0HBG/AcBcPxji8yAIHhDREiJeA4A/IvLBWruUBJUIoLX+AgC7IvLEWruZVAIimldKXXXOefstb6u1lljCbWY+nwsg3MFi6LTJzFeyyloul48Vi8V/MfvvzHw2F0Cstl6BZWvts6wA3o6I3iDizdDnBTPfzwUQGVer1bl6vb6bJ3nM92S321WtVmtHa/3QnxBE/BwEwY14vD094KXfr2HGASGiBURcjXxF5KW19l70PgDQWr8HgBIA5Kp5GpTWeh0AqjG7HWY+PUsAn9xD9J/wVA2O5YGXIGzKklJq3jn30Vq7ltgDaXJOsu7nhS+xUuqyc+6t/1/k+hNOktz7GmNYRCgWp8bM9X4JiGhZKXVCRDb8x0mTDfuPmBnepD83+gDRr3O4QaYJorX+AQC+DHuacSYKhCovIuJ1ALiAiGu9Xu9ps9n8mnkaTkuN4cvLzAGGN3J0AIjoESKuiMgda+2raUmeFmegwEED+KPom+7QSpA0aY9ODwxLY4w51el0/rbb7d9pdZxkfb9Lqb9YTvVuMAo0EcDfZAqFwq9Go7Exzg6NMStBEDxO883VA0R0e9QRTerwtOS5x3E4tPpjNAoeTrp151xt1DFLg8ilQFKwmSmQtptx1v8DVbAxMP//OLQAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
  -webkit-animation: loading-circle 2s linear infinite;
          animation: loading-circle 2s linear infinite;
}
.DeviceDetector .report-button {
  position: absolute;
  bottom: 0.6rem;
  cursor: pointer;
}
.DeviceDetector .gray-button {
  position: absolute;
  bottom: 0.6rem;
}
.DeviceDetector .device-testing-report {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.DeviceDetector .device-testing-report .testing-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.34rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.3rem;
  color: #201e1ee5;
}
.DeviceDetector .device-testing-report .device-report-list {
  display: block;
  width: 100%;
  margin-top: 0.1rem;
}
.DeviceDetector .device-testing-report .device-report-list .device-report {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin: 0.2rem auto 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.DeviceDetector .device-testing-report .device-report-list .device-report .device-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
}
.DeviceDetector .device-testing-report .device-report-list .device-report .device-info .report-icon {
  margin-right: 0.2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.22rem;
  line-height: 0.22rem;
  color: #515151;
}
.DeviceDetector .device-testing-report .device-report-list .device-report .device-info .report-icon svg {
  width: 0.24rem;
  height: 0.24rem;
}
.DeviceDetector .device-testing-report .device-report-list .device-report .device-info .device-name {
  width: 2.8rem;
  height: 0.24rem;
  line-height: 0.24rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DeviceDetector .device-testing-report .device-report-list .device-report .green {
  color: green;
}
.DeviceDetector .device-testing-report .device-report-list .device-report .red {
  color: red;
}
.DeviceDetector .device-testing-report .device-report-footer {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  bottom: 0.36rem;
}

.toast[data-v-45809e9f] {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  padding: 0.12rem 0.24rem;
  background: #fff;
  -webkit-box-shadow: 0 0 0.2rem 0 #0000001a;
          box-shadow: 0 0 0.2rem 0 #0000001a;
  -webkit-border-radius: 0.08rem;
          border-radius: 0.08rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 9999;
}
.toast-content[data-v-45809e9f]{
  color: #666;
  font-family: PingFang SC;
  font-size: 0.18rem;
  text-align:center;
  min-width: 3rem;
  max-width: 4.5rem;
  height: auto;
  line-height:0.3rem;
}
.fade-enter-active[data-v-45809e9f], .fade-leave-active[data-v-45809e9f] {
  opacity:1;
  top:50%;
}
.fade-enter[data-v-45809e9f], .fade-leave-to[data-v-45809e9f] {
  opacity: 0;
  top:48%;
}