@font-face {
  font-family: "ac-iconfont";
  src: url('//at.alicdn.com/t/font_1173688_zsxh52092c.eot?t=1557737013284');
  /* IE9 */
  src: url('//at.alicdn.com/t/font_1173688_zsxh52092c.eot?t=1557737013284#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAWEAAsAAAAACrwAAAU3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCECAqHRIYSATYCJAMkCxQABCAFhG0HdBswCSMRFpQCsn8c5Kas6zxMIyJU0SiysxVNNPHJ8SGaaPPfg4D/Nm3e7gKLedUEqRmkIkLvPKkYoWoGOdNN1f4IAL93zVLAQ1mZ5xcrexIloE6Tn12efZMpKXk/3C/1KujA8l1bslbWIprG4+SBVZR+0A1kOiCegng2A48JPBsCMFGICogWLx0CqCgoGwlAjKwyBqKG3Cg5NIFq06fsqSAWoUOVfpRuAwvtnxfPqSZUkNDJKFt2ibYcQhONF2flWDqm+pgoNO0FAW4/kIEKgAJiXmr4OyW75QrImD5/p9ALsKEiodeEZtIK5FZ7or04m05raGp4oNJaYMOBRzUzb5M0WPXM/vFkDCD0KGYL8DMrRtDQRVBBEyIooKkiSKAZ1b7FBCc6WApABAG51UTQwxMtiMxp0MCHobflABdgB2FHxBSlWFugLCOQds4k1C+xWPS+/KYCBTx5rdYCFlePMx7/F0j+H8zJDae0qalUKCcnnEwGHz+OhhoEMxrNuPy4wdlUqyAiAmsKJv+veyo3vK5QKjUjujOzzJBly1ds8fulNQ9q2rMuCdkbN2ftWjmEtZh7rvaRM5y2ljjeJWDKPJ2HFWdKmoPJhplH8G/bl1+3cm+fZcs8d0OhbJ8pU0+KRMKcesSEP5zTOB73RlIpX/bmZSu88WTRZMBeFM/y54TjqKDpMW8ys1vljMrcKXRzd2XtYBrbnqElTLbMnUFevz2+Y0IwXsz0hQLLxKQ/HMouIe8NhhNZO2KeGVeLbR+V7Ytmz/VnJLK2xDxDIvHY5iLygFuKzabcUhWm0tD7HSyXfjgiv3s3geEIrYSeftL7aMrU6qtWd+1anQrNjfsjVfPVG1x1/0hp/kJpuOVq620t5MGDW0ittz4xSSPjyOZh3INZ5ZY2XTq9fKLUe84+Mdx/vku4+PqyI36ZZLLrSmVEGx3eVuDkgwcnC1D9Q91pzudAuzUFo9YvVn/+uwHBVg0PHbcal6ohpa8S8i03jKpet13zQLvQ+oXG28YvOsI3GJoPaN62afN6l6qPMihVDC0bde4WKXJWilSp2iSqtG7SKixuuzM6BiffLNiuZaDpJMcdKVKkUfu8zfJ3tHSyD+4COCjs/FU1D/0b4Rxr66XwW7F+sZAXyxcr8/5D5M/WLc5/Pg8N5rx8ebroD0VvWryfP/9abEWxM+oYqdgt6sdPy1J78fCnNmd+5/2n583OnLg6//33/fcbo2FiUzjvlPE91W2n5C3MnJgC0usnf8kDbMbnySXZeDttcll2AMj3ZCCdO1klFwCQm44vkPVWiJ2Q/jD+Wba8wr/D3+O0Av3tDT6qZgWAn9JvNZFKr5/Svvo9tFBa88JqSk5QvjrFY1Tkkes9EICRSEDdrtGkToNXNe7iD8rqLd0aBCpe3yjR1oIAGZUSaAVfAXSYqQF6VBqDifK03t+Mm/HICMUIlONbAgIH+0DCxjmQcXAHreB/Bx0+XoIeh5DBREi4j2im1FZRrR8ZRuD0/qIrS73XfLJ22n6iOLSGgzqb/gsOVU7nSRatvaIHt7FNOBZbEa89U6dfyPnQtqQHphpWklJk2KWpT3ulxFKn1jwyjMBp9hdNZan35syyjn3/J4pDazhnyI/4LzhUS9fkJGQl0K/mvtSQY1k+HIstIp5ezzN1mhcE0apl0gzpq9WwklDWKA47UmoqX9ac9G/tjvUslFqjPP9KSEIWitAJvTAIVRiFiWW06qtQwl21VYPYWKmOmJbUYd7Tjt0UE+PczLYUMGe4g8XaMNMpbuFFKQA=') format('woff2'), url('//at.alicdn.com/t/font_1173688_zsxh52092c.woff?t=1557737013284') format('woff'), url('//at.alicdn.com/t/font_1173688_zsxh52092c.ttf?t=1557737013284') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_1173688_zsxh52092c.svg?t=1557737013284#iconfont') format('svg');
  /* iOS 4.1- */
}
.ac-iconfont {
  font-family: "ac-iconfont";
  font-size: 32rpx;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-finished:before {
  content: "\e61c";
}
.icon-like-active:before {
  content: "\e608";
}
.icon-home:before {
  content: "\e8e6";
}
.icon-notice:before {
  content: "\e601";
}
.icon-add:before {
  content: "\e60a";
}
.icon-close:before {
  content: "\e732";
}
.icon-reduce:before {
  content: "\ecbe";
}
.icon-like:before {
  content: "\e609";
}
.icon-arrow-left:before {
  content: "\e600";
}
.ac-steps-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10rpx;
  padding-bottom: 30rpx;
  position: relative;
}
.ac-steps-wrapper .ac-steps {
  font-size: 24rpx;
  color: #999898;
  padding-bottom: 20rpx;
  position: relative;
  z-index: 3;
}
.ac-steps-wrapper .ac-steps-title.ac-active {
  color: #158b15;
}
.ac-steps-wrapper .ac-steps-icon-wrapper {
  position: absolute;
  left: 50%;
  bottom: 0;
  padding: 0 10rpx;
  transform: translate(-50%, 50%);
  background: #fff;
}
.ac-steps-wrapper .ac-steps-icon-wrapper .ac-steps-icon {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background: #999898;
}
.ac-steps-wrapper .ac-steps-icon-wrapper .ac-iconfont {
  font-size: 24rpx;
}
.ac-steps-wrapper .ac-steps-icon-wrapper.ac-active .ac-iconfont,
.ac-steps-wrapper .ac-steps-icon-wrapper.ac-finished .ac-iconfont {
  color: #158b15;
}
.ac-steps-wrapper .ac-steps-icon-wrapper.ac-active .ac-steps-icon,
.ac-steps-wrapper .ac-steps-icon-wrapper.ac-finished .ac-steps-icon {
  background: #158b15;
}
.ac-steps-wrapper .ac-steps:nth-child(3) .ac-steps-icon-wrapper,
.ac-steps-wrapper .ac-steps:last-child .ac-steps-icon-wrapper {
  transform: translateY(50%);
}
.ac-steps-wrapper .ac-steps:nth-child(3) .ac-steps-icon-wrapper {
  left: 0;
}
.ac-steps-wrapper .ac-steps:last-child .ac-steps-icon-wrapper {
  right: 0;
  left: auto;
}
.ac-steps-wrapper .ac-steps-default-line {
  background: #999898;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30rpx;
  height: 2rpx;
  width: 100%;
}
.ac-steps-wrapper .ac-steps-active-line {
  background: #158b15;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30rpx;
  height: 2rpx;
  width: 0;
  z-index: 1;
  transition: all 0.5s;
}