* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
body {
  touch-action: manipulation;
  -webkit-text-size-adjust: none;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  color: inherit;
}
ul,
ol,
li {
  list-style: none;
}
img,
button {
  border: 0;
  outline: 0;
}
a {
  text-decoration: none;
  outline: 0;
}
table,
tr,
td {
  border-collapse: collapse;
}
input,
textarea {
  outline: 0;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Consolas;
}
.all-border-box,
.all-border-box * {
  box-sizing: border-box;
}


.arco-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height 0.3s;
  box-sizing: content-box;
}
.arco-carousel-wrap {
  position: relative;
  font-size: 0;
  width: 100%;
}
.arco-carousel.wrap-placeholder {
  display: none;
}
.arco-carousel-inner {
  overflow: visible;
}
.arco-carousel-inner:not(.vertical) {
  white-space: nowrap;
}
.arco-carousel-inner.auto,
.arco-carousel-inner.auto .arco-carousel-inner-item-inner {
  transition-timing-function:  cubic-bezier(0.66, 0, 0.34, 1) ;
}
.arco-carousel-inner.slide,
.arco-carousel-inner.slide .arco-carousel-inner-item-inner {
  transition-timing-function:  cubic-bezier(0.32, 0.94, 0.6, 1) ;
}
.arco-carousel-item {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  position: relative;
}
.arco-carousel-item.ssr-float {
  max-height: 0;
  overflow: visible;
}
.arco-carousel-item.vertical > *,
.arco-carousel-item.vertical .arco-carousel-item-inner > * {
  height: 100%;
}
.arco-carousel-item > img,
.arco-carousel-item-inner > img,
.arco-carousel-item .carousel-item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.arco-carousel-item .carousel-item-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding:  0 0.24rem ;
  font-size:  0.32rem ;
  height:  0.64rem ;
  color:  #ffffff ;
  background:  linear-gradient(180deg, rgba(0, 0, 0, 0) 5.18%, rgba(0, 0, 0, 0.15) 100%) ;
}
.arco-carousel-item-inner {
  width: 100%;
  height: 100%;
}
.arco-carousel-item-inner {
  width: 100%;
  height: 100%;
}
.arco-carousel-indicator {
  position: absolute;
  bottom:  0.24rem ;
  z-index: 1;
  will-change: transform;
  box-sizing: border-box;
}
.arco-carousel-indicator.pos-start {
  left:  0.32rem ;
  text-align: left;
}
.arco-carousel-indicator.pos-center {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  text-align: center;
}
.arco-carousel-indicator.pos-end {
  right:  0.32rem ;
  text-align: right;
}
.arco-carousel-indicator.vertical .indicator {
  display: block;
  box-sizing: border-box;
  height:  0.24rem ;
  width:  3PX ;
}
.arco-carousel-indicator.vertical .indicator:not(:last-of-type) {
  margin-right: 0;
  margin-bottom:  0.16rem ;
}
.arco-carousel-indicator.vertical .indicator.type-circle:not(:last-of-type) {
  margin-right: 0;
  margin-bottom:  0.16rem ;
}
.arco-carousel-indicator.vertical.pos-start {
  top:  0.32rem ;
}
.arco-carousel-indicator.vertical.pos-center {
  bottom: 50%;
  transform: translate3d(0, 50%, 0);
}
.arco-carousel-indicator.vertical.pos-end {
  bottom:  0.32rem ;
}
.arco-carousel-indicator.vertical.ver-pos-left {
  left:  0.24rem ;
  right: auto;
}
.arco-carousel-indicator.vertical.ver-pos-right {
  left: auto;
  right:  0.24rem ;
}
.arco-carousel-indicator.inverse .indicator {
  background-color:  #e5e6eb ;
}
.arco-carousel-indicator.inverse .indicator.active {
  background-color:  #165dff ;
}
.arco-carousel-indicator.outside {
  position: relative;
  left: 0;
  transform: none;
  bottom: 0;
  padding:  0.16rem 0 0.1rem ;
}
.arco-carousel-indicator .indicator {
  display: inline-block;
  width:  0.24rem ;
  height:  3PX ;
  transition: all 0.2s;
  background-color:  rgba(255, 255, 255, 0.5) ;
}
.arco-carousel-indicator .indicator.active {
  background-color:  #ffffff ;
}
.arco-carousel-indicator .indicator:not(:last-of-type) {
  margin-right:  0.16rem ;
}
.arco-carousel-indicator .circle-indicator,
.arco-carousel-indicator .indicator.type-circle {
  width:  6PX ;
  height:  6PX ;
  border-radius: 50%;
}
.arco-carousel-indicator .circle-indicator:not(:last-of-type),
.arco-carousel-indicator .indicator.type-circle:not(:last-of-type) {
  margin-right:  0.16rem ;
}

.arco-tabs {
  display: flex;
  overflow: hidden;
  color:  #1d2129 ;
}
.arco-tabs-top {
  flex-direction: column;
}
.arco-tabs-bottom {
  flex-direction: column-reverse;
}
.arco-tabs-top.full-screen,
.arco-tabs-bottom.full-screen {
  height: 100%;
}
.arco-tabs-left,
.arco-tabs-right {
  height: 100%;
}
.arco-tabs-left {
  flex-direction: row;
}
.arco-tabs-right {
  flex-direction: row-reverse;
}
.arco-tab-cell-container {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  visibility: hidden;
  width: inherit;
  height: inherit;
}
.arco-tab-cell-container-wrap {
  flex: 0 0 auto;
  position: relative;
  background:  #ffffff ;
}
.arco-tab-cell-container-wrap.horizontal {
  width:  1.56rem ;
  height: 100%;
}
.arco-tab-cell-container-wrap.vertical {
  height:  0.84rem ;
  width: 100%;
}
.arco-tab-cell-container-wrap.vertical.type-card {
  height:  0.8rem ;
}
.arco-tab-cell-container-wrap.vertical.type-tag,
.arco-tab-cell-container-wrap.vertical.type-tag-divide {
  height:  1.2rem ;
}
.arco-tab-cell-container-inner {
  width: inherit;
  height: inherit;
  overflow: hidden;
}
.arco-tab-cell-container-inner.has-divider.pos-top {
  box-shadow: 0 -1PX 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .arco-tab-cell-container-inner.has-divider.pos-top {
    box-shadow: 0/2 -1PX/2 0 0/2 #e5e6eb inset;
  }
}
.ios .arco-tab-cell-container-inner.has-divider.pos-top,
.arco-tab-cell-container-inner.has-divider.pos-top.ios {
  box-shadow: none;
  border-bottom: 0.5PX solid #e5e6eb;
}
.arco-tab-cell-container-inner.has-divider.pos-bottom {
  box-shadow: 0 1PX 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .arco-tab-cell-container-inner.has-divider.pos-bottom {
    box-shadow: 0/2 1PX/2 0 0/2 #e5e6eb inset;
  }
}
.ios .arco-tab-cell-container-inner.has-divider.pos-bottom,
.arco-tab-cell-container-inner.has-divider.pos-bottom.ios {
  box-shadow: none;
  border-top: 0.5PX solid #e5e6eb;
}
.arco-tab-cell-container-inner.has-divider.pos-left {
  box-shadow: -1PX 0 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .arco-tab-cell-container-inner.has-divider.pos-left {
    box-shadow: -1PX/2 0/2 0 0/2 #e5e6eb inset;
  }
}
.ios .arco-tab-cell-container-inner.has-divider.pos-left,
.arco-tab-cell-container-inner.has-divider.pos-left.ios {
  box-shadow: none;
  border-right: 0.5PX solid #e5e6eb;
}
.arco-tab-cell-container-inner.has-divider.pos-right {
  box-shadow: 1PX 0 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .arco-tab-cell-container-inner.has-divider.pos-right {
    box-shadow: 1PX/2 0/2 0 0/2 #e5e6eb inset;
  }
}
.ios .arco-tab-cell-container-inner.has-divider.pos-right,
.arco-tab-cell-container-inner.has-divider.pos-right.ios {
  box-shadow: none;
  border-left: 0.5PX solid #e5e6eb;
}
.arco-tab-cell-container-inner.fixed {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 100;
  background: inherit;
}
.arco-tab-cell-container-inner.fixed.pos-top {
  top: 0;
}
.arco-tab-cell-container-inner.fixed.pos-bottom {
  bottom: 0;
}
.arco-tab-cell-container-inner.type-tag.vertical,
.arco-tab-cell-container-inner.type-tag-divide.vertical {
  padding:  0.24rem 0;
}
.arco-tab-cell-container.horizontal {
  flex-direction: column;
}
.arco-tab-cell-container.vertical.arrange-start,
.arco-tab-cell-container.vertical.overflow {
  justify-content: flex-start;
}
.arco-tab-cell-container.vertical.arrange-center:not(.overflow) {
  justify-content: center;
}
.arco-tab-cell-container.vertical.arrange-end:not(.overflow) {
  justify-content: flex-end;
}
.arco-tab-cell-container.vertical .fake-padding {
  height: 100%;
  flex: 0 0 auto;
}
.arco-tab-cell-container.shown {
  visibility: visible;
}
.arco-tab-cell-container.type-line,
.arco-tab-cell-container.type-tag {
  overflow: scroll;
}
.arco-tab-cell-container.type-line::-webkit-scrollbar,
.arco-tab-cell-container.type-tag::-webkit-scrollbar {
  display: none;
}
.arco-tab-cell-container.type-line.vertical,
.arco-tab-cell-container.type-tag.vertical {
  box-sizing: content-box;
  padding-bottom:  10PX ;
}
.arco-tab-cell-container.type-card {
  border: 1PX solid #165dff ;
  border-radius:  2PX ;
}
.arco-tab-cell-container.type-tag.vertical,
.arco-tab-cell-container.type-tag-divide.vertical {
  height: 100%;
}
.arco-tab-cell-underline {
  position: absolute;
  z-index: 1;
  transform: translateZ(0);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  overflow: visible;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes caterpillarX {
  0% {
    transform: scaleX(1) translateZ(0);
  }
  50% {
    transform: scaleX(2) translateZ(0);
  }
  100% {
    transform: scaleX(1) translateZ(0);
  }
}
@keyframes caterpillarY {
  0% {
    transform: scaleY(1) translateZ(0);
  }
  50% {
    transform: scaleY(2) translateZ(0);
  }
  100% {
    transform: scaleY(1) translateZ(0);
  }
}
.arco-tab-cell-underline.show {
  opacity: 1;
}
.pos-top .arco-tab-cell-underline,
.pos-bottom .arco-tab-cell-underline {
  left: 0;
  width:  0.48rem ;
  height:  2PX ;
}
.pos-top .arco-tab-cell-underline {
  bottom: 0;
}
.pos-top.type-line .arco-tab-cell-underline {
  bottom:  10PX ;
}
.pos-bottom .arco-tab-cell-underline {
  top: 0;
}
.pos-left .arco-tab-cell-underline,
.pos-right .arco-tab-cell-underline {
  top: 0;
  height:  0.48rem ;
  width:  2PX ;
}
.pos-left .arco-tab-cell-underline {
  left: 0;
}
.pos-right .arco-tab-cell-underline {
  right: 0;
}
.arco-tab-cell-underline-inner {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  transition: inherit;
  border-radius:  2PX ;
  background-color:  #165dff ;
}
.arco-tab-cell-underline-inner.caterpillar {
  animation-timing-function: linear;
}
.arco-tab-cell-underline-inner.caterpillar:not(.custom-animate).vertical {
  animation-name: caterpillarX;
}
.arco-tab-cell-underline-inner.caterpillar:not(.custom-animate).horizontal {
  animation-name: caterpillarY;
}
.arco-tab-cell {
  font-size:  0.3rem ;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.arco-tab-cell.no-shrink {
  flex-shrink: 0;
}
.arco-tab-cell.vertical {
  height: 100%;
}
.arco-tab-cell.vertical.line,
.arco-tab-cell.vertical.tag {
  display: inline-flex;
  vertical-align: middle;
}
.arco-tab-cell.vertical.line-divide,
.arco-tab-cell.vertical.card,
.arco-tab-cell.vertical.tag-divide {
  flex: 1;
}
.arco-tab-cell.vertical:not(.custom).line {
  margin-right:  0.8rem ;
}
.arco-tab-cell.vertical:not(.custom).line.last {
  margin-right: 0;
}
.arco-tab-cell.vertical:not(.custom).line.active,
.arco-tab-cell.vertical:not(.custom).line-divide.active {
  font-weight: bold;
  color:  #165dff ;
}
.android .arco-tab-cell.vertical:not(.custom).line.active,
.android .arco-tab-cell.vertical:not(.custom).line-divide.active,
.arco-tab-cell.vertical:not(.custom).line.active.android,
.arco-tab-cell.vertical:not(.custom).line-divide.active.android,
.arco-tab-cell.vertical:not(.custom).line.active.system-android,
.arco-tab-cell.vertical:not(.custom).line-divide.active.system-android {
  font-weight: 400;
  -webkit-text-stroke: 0.3PX currentColor;
  text-stroke: 0.3PX currentColor;
}
.arco-tab-cell.vertical:not(.custom).card {
  color:  #165dff ;
}
.arco-tab-cell.vertical:not(.custom).card.active {
  background:  #165dff ;
  color:  #ffffff ;
  font-weight: bold;
}
.android .arco-tab-cell.vertical:not(.custom).card.active,
.arco-tab-cell.vertical:not(.custom).card.active.android,
.arco-tab-cell.vertical:not(.custom).card.active.system-android {
  font-weight: 400;
  -webkit-text-stroke: 0.3PX currentColor;
  text-stroke: 0.3PX currentColor;
}
.arco-tab-cell.vertical:not(.custom).card:not(:last-child) {
  border-right: 1PX solid #165dff ;
}
.arco-tab-cell.vertical:not(.custom).card:first-of-type {
  border-top-left-radius:  2PX ;
  border-bottom-left-radius:  2PX ;
}
.arco-tab-cell.vertical:not(.custom).card:last-of-type {
  border-top-right-radius:  2PX ;
  border-bottom-right-radius:  2PX ;
}
.arco-tab-cell.vertical:not(.custom).card.android,
.arco-tab-cell.vertical:not(.custom).tag-divide.android {
  padding-top: 0.04rem;
}
.arco-tab-cell.vertical:not(.custom).tag,
.arco-tab-cell.vertical:not(.custom).tag-divide {
  margin-right:  0.32rem ;
  padding:  0 0.32rem ;
  border-radius: 2rem;
  background:  #f7f8fA ;
  color:  #1d2129 ;
}
.arco-tab-cell.vertical:not(.custom).tag.last,
.arco-tab-cell.vertical:not(.custom).tag-divide.last {
  margin-right: 0;
}
.arco-tab-cell.vertical:not(.custom).tag.active,
.arco-tab-cell.vertical:not(.custom).tag-divide.active {
  background:  #165dff ;
  color:  #ffffff ;
  font-weight: bold;
}
.android .arco-tab-cell.vertical:not(.custom).tag.active,
.android .arco-tab-cell.vertical:not(.custom).tag-divide.active,
.arco-tab-cell.vertical:not(.custom).tag.active.android,
.arco-tab-cell.vertical:not(.custom).tag-divide.active.android,
.arco-tab-cell.vertical:not(.custom).tag.active.system-android,
.arco-tab-cell.vertical:not(.custom).tag-divide.active.system-android {
  font-weight: 400;
  -webkit-text-stroke: 0.3PX currentColor;
  text-stroke: 0.3PX currentColor;
}
.arco-tab-cell.horizontal {
  height:  1.08rem ;
}
.arco-tab-cell.horizontal.active {
  font-weight: bold;
  color:  #165dff ;
}
.android .arco-tab-cell.horizontal.active,
.arco-tab-cell.horizontal.active.android,
.arco-tab-cell.horizontal.active.system-android {
  font-weight: 400;
  -webkit-text-stroke: 0.3PX currentColor;
  text-stroke: 0.3PX currentColor;
}
.arco-tab-pane-container.mode-swipe {
  display: flex;
  align-items: flex-start;
  transition-property: all;
  transition-timing-function: ease-out;
}
.arco-tab-pane-container.full-screen {
  flex: 1;
  overflow: hidden;
}
.arco-tab-pane-container.horizontal {
  flex: 1;
  flex-direction: column;
}
.arco-tab-pane-container.mode-scroll-horizontal {
  overflow-x: auto;
  white-space: nowrap;
}
.arco-tab-pane {
  width: 100%;
  flex: 1;
  overflow: auto;
}
.mode-scroll-horizontal .arco-tab-pane {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.arco-tab-pane.mode-swipe.full-screen {
  height: 100%;
}
.arco-tab-pane-extra {
  position: absolute;
}

.arco-collapse-item {
  padding: 0;
  margin: 0;
}
.arco-collapse-item .arco-collapse-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:  #ffffff ;
  height:  1.08rem ;
  margin-left:  0.32rem ;
  padding:  0.32rem 0.32rem 0.32rem 0 ;
  color:  #1d2129 ;
  line-height:  0.44rem ;
  font-size:  0.32rem ;
  position: relative;
  border-width: 0;
}
.arco-collapse-item .arco-collapse-header::after {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-bottom-style: solid;
  border-bottom-width: 1PX;
  border-bottom-color: #e5e6eb;
  box-sizing: border-box;
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .arco-collapse-item .arco-collapse-header::after {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .arco-collapse-item .arco-collapse-header::after {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.arco-collapse-item .arco-collapse-icon {
  color:  #c9cdd4 ;
  display: inline-flex;
  align-items: center;
}
.arco-collapse-item .arco-collapse-icon svg,
.arco-collapse-item .arco-collapse-icon i {
  font-size:  0.32rem ;
  width:  0.32rem ;
}
.arco-collapse-item .arco-collapse-icon-arrow {
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-collapse-item .arco-collapse-content {
  height: 0;
  line-height:  0.44rem ;
  font-size:  0.28rem ;
  color:  #86909c ;
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-collapse-item .arco-collapse-content-container {
  padding:  0.24rem 0.32rem ;
}
.arco-collapse-item.disabled .arco-collapse-header {
  color:  #c9cdd4 ;
}

.arco-checkbox {
  display: inline-flex;
  align-items: center;
}
.arco-checkbox .checkbox-icon {
  display: inline-flex;
  align-items: center;
  font-size:  20PX ;
  color:  #c2c6cc ;
}
.arco-checkbox .checkbox-icon.checked {
  color:  #165dff ;
}
.arco-checkbox .checkbox-icon.disabled {
  color:  #f7f8fa ;
}
.arco-checkbox .checkbox-icon.checked.disabled {
  color:  rgba(51, 112, 255, 0.5) ;
}
.arco-checkbox .checkbox-text {
  font-size:  0.32rem ;
  color:  #1d2129 ;
}
.arco-checkbox .checkbox-icon + .checkbox-text {
  margin-left:  0.16rem ;
}
.arco-checkbox.disabled .checkbox-text {
  opacity:  0.5 ;
}
.arco-checkbox.block {
  width: 100%;
}
.arco-checkbox.justify {
  width: 100%;
  justify-content: space-between;
}
.arco-checkbox-group .arco-checkbox:not(:last-child) {
  margin-right:  0.48rem ;
}
.arco-checkbox-group .arco-checkbox:not(:last-child).block,
.arco-checkbox-group .arco-checkbox:not(:last-child).justify {
  margin-right: 0;
}

.arco-fade-enter {
  opacity: 0;
}
.arco-fade-enter-active {
  opacity: 1;
  transition-property: opacity;
  transition-duration:  300ms ;
}
.arco-fade-exit {
  opacity: 1;
}
.arco-fade-exit-active {
  opacity: 0;
  transition-property: opacity;
  transition-duration:  300ms ;
}
.arco-fade-exit-done {
  display: none;
}

.arco-loading {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.arco-loading .bg-color-with-config {
  background: #165dff;
}
.arco-loading .stop-color-with-config {
  stop-color: #165dff;
}
.arco-loading .fill-color-with-config {
  fill: #165dff;
}
.arco-loading .stroke-color-with-config {
  stroke: #165dff;
}
@keyframes changDeg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.arco-loading.circle,
.arco-loading.arc,
.arco-loading.spin {
  animation: changDeg 1s infinite linear;
}
.arco-loading.circle .loading-circle-middle {
  stop-opacity: 0.5;
}
.arco-loading.circle .loading-circle-end {
  stop-opacity: 0;
}
.arco-loading.dot .dot-cell {
  display: inline-block;
  width:  6PX ;
  height:  6PX ;
  margin-left:  0.12rem ;
}
.arco-loading.dot .dot-cell:first-of-type {
  margin-left: 0;
}
.arco-loading.dot .dot-cell.filleted {
  border-radius: 50%;
}
.arco-loading.spin {
  height: 0.44rem;
  width: 0.44rem;
  position: relative;
}
.arco-loading.spin .spin-cell {
  position: absolute;
  left: 0.2rem;
  top: 0.02rem;
  display: inline-block;
  height: 0.2rem;
  padding-bottom: 0.08rem;
  overflow: hidden;
  transform-origin: 50% bottom;
}
.arco-loading.spin .spin-cell-inner {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  transform: scale(0.5);
  transform-origin: top left;
  height: 0.24rem;
}
.arco-loading.arc .arc-bg {
  stroke:  #e5e6eb ;
}
.arco-loading.line {
  width: 100%;
}
.arco-loading.line .loading-line-start,
.arco-loading.line .loading-line-end {
  stop-color:  #165dff ;
}
.arco-loading.line .loading-line-start {
  stop-opacity: 0;
}

.arco-toast-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: flex;
  justify-content: center;
  padding:  0 0.32rem ;
}
.arco-toast-wrapper.no-event {
  pointer-events: none;
}
.arco-toast-wrapper.from-center {
  align-items: center;
}
.arco-toast-wrapper.from-top {
  align-items: flex-start;
  padding-top:  30% ;
}
.arco-toast-wrapper.from-bottom {
  align-items: flex-end;
  padding-bottom:  30% ;
}
.arco-toast-inner {
  background:  rgba(0, 0, 0, 0.8) ;
  color:  #ffffff ;
  font-size:  0.32rem ;
  line-height:  0.48rem ;
  border-radius:  0.08rem ;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: initial;
}
.arco-toast-inner.horizontal {
  flex-direction: row;
  padding:  0.16rem 0.32rem ;
}
.arco-toast-inner.horizontal .arco-icon {
  flex: 0 0 auto;
  font-size:  0.32rem ;
}
.arco-toast-inner.horizontal .arco-toast-loading-wrapper + .arco-toast-content,
.arco-toast-inner.horizontal .arco-icon + .arco-toast-content {
  margin-left:  0.16rem ;
}
.arco-toast-inner.vertical {
  padding:  0.32rem ;
}
.arco-toast-inner.vertical .arco-icon {
  font-size:  0.48rem ;
}
.arco-toast-inner.vertical .arco-toast-loading-wrapper + .arco-toast-content,
.arco-toast-inner.vertical .arco-icon + .arco-toast-content {
  margin-top:  0.16rem ;
}
.arco-toast-inner .arco-loading .bg-color-with-config {
  background: #ffffff;
}
.arco-toast-inner .arco-loading .stop-color-with-config {
  stop-color: #ffffff;
}
.arco-toast-inner .arco-loading .fill-color-with-config {
  fill: #ffffff;
}
.arco-toast-inner .arco-loading .stroke-color-with-config {
  stroke: #ffffff;
}
.arco-toast-inner .arco-loading.arc .arc-bg {
  stroke:  #666666 ;
}
.arco-toast-loading-wrapper {
  display: flex;
  position: relative;
}
.arco-toast-loading-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:  0.24rem ;
}
.arco-toast-content {
  width: 100%;
  text-align: center;
  white-space: pre-line;
}