.yun-arrow-wrap .yun-arrow-item {
    display: table-cell;
    position: relative;
    width: auto;
    background-color: #fff
}
.yun-arrow-wrap .yun-arrow-triangle {
    width: 1200px;
    height: 17px;
    background-color: transparent
}

.yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {
    content: "";
    position: absolute;
    bottom: 43%;
    width: 50%;
    box-sizing: border-box
}
.yun-arrow-wrap .yun-arrow-triangle:before {
    right: 50%;
    border-top: 18px solid #eee;
    border-left: 24px solid transparent
}
.yun-arrow-wrap .yun-arrow-triangle:after {
    left: 50%;
    border-bottom: 18px solid #eee;
    border-left: 22px solid transparent
}
.yun-arrow-wrap2 .yun-arrow-triangle:before {
    right: 50%;
    border-top: 18px solid #c9c9c9;
    border-left: 24px solid transparent
}
.yun-arrow-wrap2 .yun-arrow-triangle:after {
    left: 50%;
    border-bottom: 18px solid #c9c9c9;
    border-left: 22px solid transparent
}
.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {
    left: 0;
    bottom: 77%;
}
.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {
    left: 0%;
    width: 100%;
    bottom: 84%;

}
.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {
    left: 0;
    bottom: 63%;
}
.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {
    left: 0%;
    width: 100%;
    bottom: 70%;
}
.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {
    left: 0;
    bottom: 46%;
}
.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {
    left: 0%;
    width: 100%;
    bottom: 53%;
}
.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {
    left: 0;
    bottom: 29%;
}
.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {
    left: 0%;
    width: 100%;
    bottom: 36%;
}
.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {
    left: 0;
    bottom: 13%;
}
.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {
    left: 0%;
    width: 100%;
    bottom: 20%;
}
.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {
    right: 31%;
    width: 69%
}
.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {
    left: 69%
}
.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:before {
    right: 19%;
    width: 81%
}
.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:after {
    left: 81%
}
.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:before {
    right: 6%;
    width: 94%
}
.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:after {
    left: 94%
}