.guide-process{display: flex;width: 100%;height: 44px;padding: 5px 0;font-family: "Helvetica Neue", Helvetica, sans-serif;background-color: #fff;}
.guide-process>.step{display: flex;width: 25%;flex-grow: 1;padding: 0 10px;}
.guide-process>.step:first-child .triangle-box-1:before{width: 10px;border: none;}
.guide-process>.step:last-child .triangle-box-1:after{width: 10px;border: none;background-color: #EE4900;}
.guide-process>.step:last-child.active>.triangle-box-1:after {
    width: 10px;border: none;background-color: #dcdada;
}
.triangle-box-1{height:34px; background-color:#EE4900; position:relative;width: 100%;font-size: 12px;justify-content: center;align-items: center;color: #fff;display: flex;line-height: 14px;text-align:center;}
.triangle-box-1:after{content:"";width:0px; height:34px; position:absolute; box-sizing:border-box;right:-10px;border-top: 17px solid transparent;border-left: 10px solid #EE4900;border-bottom: 17px solid transparent;top:0px;}
.triangle-box-1:before{content:"";width:0px; height:34px; position:absolute; box-sizing:border-box;left:-10px; background-color:#EE4900;border-top: 17px solid transparent;border-left: 10px solid #fff;border-bottom: 17px solid transparent;top:0px;}
.guide-process>.step.active>.triangle-box-1{background-color: #dcdada;}
.guide-process>.step.active>.triangle-box-1:after{border-left-color: #dcdada;}
.guide-process>.step.active>.triangle-box-1:before{background-color: #dcdada;}
.guide-process>.step:last-child.active>.triangle-box-1:after{background-color: #dcdada;}