@charset "UTF-8";
/*---------       字体行高       -----------*/
/*---------       字体颜色       -----------*/
/*---------       边框颜色       -----------*/
/*---------       背景颜色       -----------*/
/* 属性多值传递
ex:
@include remCalc(padding,10,20);
padding: 0.13333rem 0.26667rem;*/
/*按钮纯色系*/
/*按钮边框色系*/
/*按钮大小*/
/*自适应按钮*/
/*标题*/
/*小消息标签*/
/*背景色点击变化*/
/*字数省略限制*/
/*波纹点击效果*/
.check-process-step {
  width: 1140px;
  height: 40px;
  background: #fff;
}
.check-process-step .step-item {
    display: inline-block;
    vertical-align: middle;
    padding-left: 49px;
}
.check-process-step .step-item .step-index {
      width: 22px;
      height: 22px;
      background: #ffffff;
      border-radius: 50%;
      color: #aaa;
      font-size: 14px;
      text-align: center;
      line-height: 22px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
}
.check-process-step .step-item.active .step-index {
      color: #fd6e06;
}
.check-process-step .step-item .step-text {
      color: #ffffff;
      font-size: 14px;
      display: inline-block;
      line-height: 40px;
      vertical-align: middle;
}
.check-process-step .step-one {
    width: 185px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALkAAAAoCAYAAACil1u6AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAuaADAAQAAAABAAAAKAAAAABzVd1AAAACDElEQVR4Ae2cQU4CQRBFuwkQw1G4j2t140KDlyG6cKVr78NRTBShhYTFJ6FDV88EqidvNtSia6j/6qfzVxM3L9MUeCDgnEBK6WG8XH/UjDmqaaIHApcmEEN4TYvpvOZ/MXkNNXouTyDG2TaEr/QYZtY/x+RWYpy/HoEY5tubyZt1AExuJcb5KxOId3+Lyb1lCExuocVZFwSs+RyTu1gbQ5gIGPM5JjfR5bAbAoZ8jsndbI1B7ATK8jkmt5OlwxGBknyOyR0tjFEqCBTkc0xewZUWZwTO5HNM7mxfjFNLIJ/PMXktU/rcEcjlc0zublUMVE0gk88xeTVRGl0SOJHPMbnLTTFUNwLH+RyTd6NJt1MCms8xudMlMVZHApLPMXlHlrQ7JnDI55jc8Y4YrR8C435ew1sg4JBACqvRz/qJm9zhbhipBwIpfe/MfRvfw/6XBwLDI7D7zspzXP6u9sow+fD2i6KQPvUbLWRyLDEsAoccrqK4yZUGddsEJIerEEyuNKibJqA5XIVgcqVB3TCB4xyuQsjkSoO6TQIncrgK4SZXGtTtEcjkcBWCyZUGdXMEcjlchWBypUHdGIF8DlchZHKlQd0OgTM5XIVwkysN6jYIFORwFYLJlQZ1EwRKcrgKweRKg7oBAmU5XIWQyZUGtW8ChhyuQrjJlQa1XwLGHK5CMLnSoHZLwJrDVcg/7RWEX24TjCQAAAAASUVORK5CYII=);
    background-size: 185px 40px;
}
.check-process-step .step-two {
    width: 185px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALkAAAAoCAYAAACil1u6AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAuaADAAQAAAABAAAAKAAAAABzVd1AAAACq0lEQVR4Ae2cMW7CQBBFMQVScpOkhYrLQMoo54lSBi5DBS25SSLRkBkLrb5lbHZdwCAeUqQpPOuZt5PlkchU2+12NRqNFvbDCwJhCVRV9TadTldDChwfDod3S9wPSSYHAtcicDweP3e73cuQ+1We5Mm2yNbC5yGLkAOBKxHY26E8m8/nfyX3G/vF9jbwY28HHyWJXAuBGxB4nUwmX6X3rYfck06+sy5dgOshcGUCCzOPZck905B7En5ego5rb0Wg1M9rJ9di8XOlQRyYQLafN05ybwg/D7ytlKYEsv28NeS+Cn6uLIkDE8jy87ND7k3h54G3ltISgRw/bzl5yrYAP1caxIEJ9Pp550nuDeHngbeV0pRAr5/3Drmvgp8rS+LABDr9/OKQe1P4eeCtpbREoMvPe508ZVuAnysN4sAEWn6edZJ7Q/h54G2lNCXQ8vPsIfdV8HNlSRyYQMPPi4bcm8LPA28tpSUC6ufZTp6yLcDPlQZxYAK1nw8acm/KBn1pvy3fgRukNAg4gXWxrsANAvdGYNBJjq7c2zY/bL3DdGWz2TzZI0j+POjrw6Kj8Xsg8GuPdM78T9/FunJ6xo4Bv4dtfuAa/ZllH3BHUDTk/mHTcviOFifHKzKB9el/OnWN2UN+8vDPyJ1RGwSMgHu4f5dQemV98MTDEy+C2ASSh2uZWSc5Hq7IiKMSUA/XGi8OOR6uuIgDE2h4uNbZO+R4uKIiDkyg5eFaa6eT4+GKiTgwgbMervV2nuR4uGIijkqgy8O13rNDjocrIuLABDo9XGtuDTkerniIAxPo9XCtu+HkeLiiIQ5M4KKHa+2NkxwPVzTEUQnkeLjWnoYcD1csxIEJZHm41l8POR6uSIgDE8j2cO2hwsMVB3FgAkUern2M8XDFQRyVQKmHax//LzQMDcTpHyMAAAAASUVORK5CYII=);
    background-size: 185px 40px;
    margin-left: -12px;
}
.check-process-step .step-two.active {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALkAAAAoCAYAAACil1u6AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAuaADAAQAAAABAAAAKAAAAABzVd1AAAACu0lEQVR4Ae2cTW7bMBBGh0pcILlJs8590i6LIEF7khYoii4b36fr5iYNkD9WY8PWJ1iySCFQZ/G88cDQkMPHAfEiR04vt6s7s3RlvCAQmEDO+ePp96e7OSU2zcnTJ8v2Z04yORBYikAy+5E/2/s587W5Zp78+rL6bSmdzxmEHAgsQqA9jJvTx8v01R5q5mv84vTN7rPZdU0i10JgcQLJLtrD+GftvJsm96St7+R17QBcD4FlCaSr55vVh5o5903uSfh5DTqu/V8Eav184+RaLH6uNIjDEqjw895J7gvCz8NuK4UpgQo/P2hyHwc/V5rEcQmU+flgk/ui8PO4W0tlHYESPz9w8i6d++fKgjgwgQk/Hz3JfUn4eeCNpbSOwISfH21yHwU/71gSRSYw7ueTTe7Lws8jby617QiM+flRJ98l+zv3z5UGcVgCA35edJL7gvDzsNtKYUpgwM+Lm9zHwc+VJnFcAn0/r2pyXxR+HndrqawjoH5e7ORdOn6uLIgDE9j5+dwS/d8dU0q/5uaTB4FlCOR1ta4sUxizQODtCKArb8eSkaIRmKsr+YudvT6/a58HtYtoa6IeCOwJ5Py3vUly6be+q3Vl84wdDb5nSRCTgD+z7A3u1VU1+fbZOn6jJea2UlVHIK+33+lsPylucv9a3+89dgMRQSAgAfdw/y0heRX94YmHCzHCuATEw7XIopMcD1dkxFEJqIdrjZNNjocrLuK4BPoernUebXI8XFERhyUw4OFa66iT4+GKiTgsgREP13pHT3I8XDERRyUw5uFa72CT4+GKiDgugXEP15oPmhwPVzzEYQlMeLjW3XNyPFzREIclUODhWnvvJMfDFQ1xVAIlHq6175scD1csxHEJlHm41r9pcjxckRCHJVDh4bqGhIcrDuKwBCo9XNfR4OGKgzgqgVoP13X8AwU7BFVOB14pAAAAAElFTkSuQmCC);
      background-size: 185px 40px;
}
.check-process-step .step-three {
    width: 448px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcAAAAAoCAYAAABpRSooAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAABwKADAAQAAAABAAAAKAAAAACZBSEPAAACo0lEQVR4Ae3ZMWpbURQEUOkXgmQnSatO60jvtCHrCWlS2L3XoUpqk50koEZ512CDsGX/7/LOERgLd3PehQHP+nA43K5Wq5vx40OAAAECBFIEfk2n0+nbSPs7JbGcBAgQIECgBKbdbvdvvV5/Gd//IiFAgAABAikCUwXdbrd/Rgl+TwktJwECBAgQeCjAYhgleDt+3dV3HwIECBAg0F3gqQArqD2w+3PLR4AAAQKPAhcFaA98ZPGbAAECBLoLXBRghbUHdn9y+QgQIECgBJ4VYP3RHlgKPgQIECDQWeDFAqzA9sDOzy4bAQIECFwtQHug4yBAgACBzgJXC7BC2wM7P71sBAgQyBZ4tQCLxh6YfSDSEyBAoKvAmwVYwe2BXZ9fLgIECOQKzCpAe2DugUhOgACBrgKzCrDC2wO7noBcBAgQyBSYXYDFYw/MPBKpCRAg0FFgUQEWgD2w4xnIRIAAgTyBxQVoD8w7EokJECDQUWBxARaCPbDjKchEgACBLIF3FWAWkbQECBAg0FHgXQV4PB4/nc/nHx1BZCJAgACBDIHFBbjf7z+M8rsfPB8ziKQkQIAAgY4Ciwtws9n8HBCfO2LIRIAAAQI5AosKcPzr8+ugucnhkZQAAQIEugrMLkC7X9cTkIsAAQKZArMK0O6XeRxSEyBAoLPArAK0+3U+AdkIECCQKfBmAdr9Mg9DagIECHQXeLUA7X7dn18+AgQI5ApcLUC7X+5RSE6AAIEEgasFaPdLeH4ZCRAgkCvwYgHa/XIPQnICBAikCDwrQLtfytPLSYAAgWyBiwK0+2Ufg/QECBBIErgoQLtf0tPLSoAAgWyBpwK0+2UfgvQECBBIE3goQLtf2rPLS4AAAQKT3c8RECBAgECiwGT3S3x2mQkQIEDgP4cdhk8+YVseAAAAAElFTkSuQmCC);
    background-size: 448px 40px;
    margin-left: -12px;
}
.check-process-step .step-three.active {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcAAAAAoCAYAAABpRSooAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAABwKADAAQAAAABAAAAKAAAAACZBSEPAAACo0lEQVR4Ae3aQWoUURQF0FcVW9Cd6Hqcx6mIoitREHHiIM5dj+4kgrFT5mcQaJJOqjJ899QO7vkP7uDWtH+/O6uaTstHgAABAgRiBJbv83xy8aaW+hWTWVACBAgQIHAlME+f6s988vdVLcs5EQIECBAgkCIwj6DT5/q9VL1NCS0nAQIECBC4LsDB8OTLxVnV8gMJAQIECBBIELgpwBHWHpjw5DISIECAwBA4KEB7oKMgQIAAgRSBgwIcoe2BKU8vJwECBLIFbhXg4LAHZh+F9AQIEEgQuLMAR3B7YMLzy0iAAIFcgaMFaA/MPQrJCRAgkCBwtABHeHtgwgnISIAAgUyBewtwkNgDMw9DagIECHQXeLAAB4A9sPsZyEeAAIE8gVUFaA/MOwyJCRAg0F1gVQEOBHtg91OQjwABAlkCqwtwsNgDs45DWgIECHQW2FSAA8Ie2PkcZCNAgECOwOYCtAfmHIekBAgQ6CywuQAHhj2w80nIRoAAgQyBRxVgBo2UBAgQINBZ4FEFuHyoF1PV184wshEgQIBAb4HNBbh8rGeX+6c/a5qe96aRjgABAgQ6C2wuwMv97ltN9bIzimwECBAg0F9gUwH+e7d7ffULzGl/FgkJECBAoLvA6gK0+3U/BfkIECCQJbCqAO1+WUchLQECBBIEVhWg3S/hFGQkQIBAlsCDBWj3yzoIaQkQIJAicG8B2v1SzkBOAgQI5AkcLUC7X94xSEyAAIEkgaMFaPdLOgNZCRAgkCdwZwHa/fIOQWICBAikCdwqQLtf2gnIS4AAgUyBgwK0+2UegdQECBBIFDgoQLtf4gnITIAAgUyBmwK0+2UegNQECBBIFbguQLtf6vPLTYAAgVyB2e6X+/iSEyBAIFlgtvslP7/sBAgQyBX4D5V7hVtFt6wlAAAAAElFTkSuQmCC);
      background-size: 448px 40px;
}