/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/@tarojs/webpack5-runner/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[4]!./src/components/steps/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.common_safe_area_y {
  width: 100%;
  height: constant(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  height: env(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
  background-color: transparent;
}
.flex-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.flex-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.justify-between {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.items-center {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-item {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.full-100 {
  width: 100%;
  height: 100%;
}
.color-blue {
  color: #3287EC;
}
.color-yellow {
  color: #FF9100;
}
.color-green {
  color: #00B837;
}
.color-grey {
  color: #707070;
}
.color-white {
  color: white;
}
.s-w::after {
  content: "W";
  font-size: 28rpx;
}
.s-e::after {
  content: "E";
  font-size: 28rpx;
}
.filter {
  -webkit-filter: blur(1);
          filter: blur(1);
}
@font-face {
  font-family: "iconfont";
  /* Project id 3619513 */
  src: url(/styles/iconfont.ttf?t=1663556335905) format("truetype");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16rpx;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-shouhou1:before {
  content: "\e641";
}
.icon-cangku1:before {
  content: "\e642";
}
.icon-saoma:before {
  content: "\e643";
}
.icon-dizhi1:before {
  content: "\e644";
}
.icon-huodaofukuan:before {
  content: "\e645";
}
.icon-yufukuan1:before {
  content: "\e646";
}
.icon-yue:before {
  content: "\e647";
}
.icon-zidingyi:before {
  content: "\e648";
}
.icon-jinetiaozheng:before {
  content: "\e649";
}
.icon-tuikuan1:before {
  content: "\e64a";
}
.icon-zhankai:before {
  content: "\e63f";
}
.icon-shouqi:before {
  content: "\e640";
}
.icon-lujing:before {
  content: "\e63e";
}
.icon-jizhumima:before {
  content: "\e63c";
}
.icon-a-jizhumima:before {
  content: "\e63d";
}
.icon-weixindenglu:before {
  content: "\e63b";
}
.icon-kehuxinxi:before {
  content: "\e63a";
}
.icon-yewuyuanqizi:before {
  content: "\e639";
}
.icon-chakanquanbukehu:before {
  content: "\e638";
}
.icon-biyan:before {
  content: "\e637";
}
.icon-bianji:before {
  content: "\e61e";
}
.icon-daikuan:before {
  content: "\e61f";
}
.icon-cangku:before {
  content: "\e620";
}
.icon-guanlidingdan:before {
  content: "\e621";
}
.icon-mima:before {
  content: "\e622";
}
.icon-guanbi:before {
  content: "\e623";
}
.icon-jianshao:before {
  content: "\e624";
}
.icon-dingwei:before {
  content: "\e625";
}
.icon-saomiao:before {
  content: "\e626";
}
.icon-peihuo:before {
  content: "\e627";
}
.icon-shaixuan:before {
  content: "\e628";
}
.icon-paiming:before {
  content: "\e629";
}
.icon-shanchusousuoxinxi:before {
  content: "\e62a";
}
.icon-shijian:before {
  content: "\e62b";
}
.icon-sousuo:before {
  content: "\e62c";
}
.icon-shouhou:before {
  content: "\e62d";
}
.icon-sousuofanhui:before {
  content: "\e62e";
}
.icon-sousuoshanchu:before {
  content: "\e62f";
}
.icon-tuikuan:before {
  content: "\e630";
}
.icon-tishi:before {
  content: "\e631";
}
.icon-xianxiahuizong:before {
  content: "\e632";
}
.icon-xinzeng:before {
  content: "\e633";
}
.icon-yonghuming:before {
  content: "\e634";
}
.icon-yanjing:before {
  content: "\e635";
}
.icon-yufukuan:before {
  content: "\e636";
}
.icon-wodekefu:before {
  content: "\e60c";
}
.icon-dizhi:before {
  content: "\e60d";
}
.icon-shouhouzhongxin:before {
  content: "\e60e";
}
.icon-wodeshoucang:before {
  content: "\e60f";
}
.icon-shoukuanliebiao:before {
  content: "\e610";
}
.icon-madanguanli:before {
  content: "\e611";
}
.icon-qusechazhao:before {
  content: "\e612";
}
.icon-pandiansaoma:before {
  content: "\e613";
}
.icon-yaoqingma:before {
  content: "\e614";
}
.icon-duizhang:before {
  content: "\e615";
}
.icon-tihuoliebiao:before {
  content: "\e616";
}
.icon-yangpinduibi:before {
  content: "\e617";
}
.icon-yansequyang:before {
  content: "\e618";
}
.icon-fahuoliebiao:before {
  content: "\e619";
}
.icon-yuncangkucun:before {
  content: "\e61a";
}
.icon-xiaoshou:before {
  content: "\e61b";
}
.icon-qianzhicangkucun:before {
  content: "\e61c";
}
.icon-lingquseka:before {
  content: "\e61d";
}
.icon-gouwu1:before {
  content: "\e608";
}
.icon-dingdan1:before {
  content: "\e609";
}
.icon-gerenzhongxin1:before {
  content: "\e60a";
}
.icon-shouye1:before {
  content: "\e60b";
}
.icon-gerenzhongxin:before {
  content: "\e604";
}
.icon-dingdan:before {
  content: "\e605";
}
.icon-shouye:before {
  content: "\e606";
}
.icon-gouwu:before {
  content: "\e607";
}
.common_safe_area_y {
  width: 100%;
  height: constant(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  height: env(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
  background-color: transparent;
}
.flex-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.flex-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.justify-between {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.items-center {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-item {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.full-100 {
  width: 100%;
  height: 100%;
}
.color-blue {
  color: #3287EC;
}
.color-yellow {
  color: #FF9100;
}
.color-green {
  color: #00B837;
}
.color-grey {
  color: #707070;
}
.color-white {
  color: white;
}
.s-w::after {
  content: "W";
  font-size: 28rpx;
}
.s-e::after {
  content: "E";
  font-size: 28rpx;
}
.filter {
  -webkit-filter: blur(1);
          filter: blur(1);
}
.step .step-indicator {
  position: relative;
}
.step .step-indicator .step-connection {
  position: absolute;
  z-index: 0;
  background-color: #e5e5e5;
}
.step .step-indicator .step-icon-container {
  position: absolute;
  z-index: 1;
  background: white;
}
.step:last-child .step-indicator .step-connection {
  display: none;
}
.step-status-finish .step-indicator .step-connection {
  background-color: #4581ff;
}
.step-status-wait .step-icon-container {
  color: #e5e5e5;
}
.step-status-wait .step-title {
  color: #999;
}
.step-status-process .step-icon-container {
  color: #4581ff;
}
.step-status-process .step-title {
  color: #4581ff;
}
.step-status-finish .step-icon-container {
  color: #4581ff;
}
.step-status-error .step-icon-container {
  color: #e64340;
}
.step-status-error .step-title {
  color: #e64340;
}
.steps {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.steps-horizontal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 16rpx 0;
}
.steps-horizontal .step {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.steps-horizontal .step .step-indicator {
  width: 100%;
  height: 48rpx;
}
.steps-horizontal .step .step-indicator .step-connection {
  left: 50%;
  top: 50%;
  height: 1px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
.steps-horizontal .step .step-indicator .step-icon-container {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.steps-horizontal .step-content {
  text-align: center;
  font-size: 24rpx;
  padding: 4rpx 16rpx 0;
}
.steps-horizontal .step-content .step-title {
  font-size: 28rpx;
}
.steps-horizontal .step-content .step-description {
  margin-top: 8rpx;
  color: #999;
}
.steps-vertical {
  padding: 16rpx 32rpx;
}
.steps-vertical .step {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.steps-vertical .step .step-indicator {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 48rpx;
  margin-right: 0;
}
.steps-vertical .step .step-indicator .step-connection {
  left: 50%;
  top: 21rpx;
  width: 1px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
}
.steps-vertical .step .step-indicator .step-icon-container {
  top: 21rpx;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.steps-vertical .step:last-child .step-content {
  padding-bottom: 0;
}
.steps-vertical .step .step-content {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  padding-bottom: 48rpx;
}
.steps-vertical .step .step-content .step-title {
  font-size: 28rpx;
  line-height: 1.5;
}
.steps-vertical .step .step-content .step-description {
  padding-top: 8rpx;
  font-size: 24rpx;
  color: #999;
}
.step-icon-container {
  font-size: 30rpx;
}
.step-icon-dot {
  display: block;
  width: 16rpx;
  height: 16rpx;
  background: currentColor;
  border-radius: 8rpx;
}