.diy-comp-view-navigation[data-v-9f1665ba]{background-color:#fff;position:relative}.diy-comp-view-navigation[data-v-9f1665ba] ::-webkit-scrollbar{display:none}.diy-comp-view-navigation .one[data-v-9f1665ba]{white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 15px}.diy-comp-view-navigation .navigation-indicator[data-v-9f1665ba]{width:100%;height:10px}.diy-comp-view-navigation .navigation-image-item[data-v-9f1665ba]{display:inline-block;vertical-align:middle;margin-top:8px;margin-bottom:5px}.diy-comp-view-navigation .navigation-image-item .navigation-image-item__cover[data-v-9f1665ba]{width:50px;height:50px;background-position:50%;background-size:cover;display:block;margin:0 auto;border:0}.diy-comp-view-navigation .navigation-image-item .navigation-image-item__title[data-v-9f1665ba]{width:100%;font-size:12px;line-height:2.4em;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.diy-comp-view-navigation .navigation-text-item[data-v-9f1665ba]{display:inline-block;padding:8px 0;color:#333;width:25%;text-decoration:none}.diy-comp-view-navigation .navigation-text-item .navigation-text-item__title[data-v-9f1665ba]{display:inline-block;width:100%;position:relative;height:12px;font-size:12px;line-height:12px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}.diy-comp-view-navigation .navigation-text-item .navigation-text-item__title[data-v-9f1665ba]:after{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;content:"";pointer-events:none;border-right:1px solid #eee}.diy-comp-view-navigation .navigation-text-item:last-child .navigation-text-item__title[data-v-9f1665ba]:after{border-right:0}