Javascript 旋转滑块项目符号出现重叠

我试图用旋转滑块js在中间底部位置设置一个简单的项目符号列表。这是我的旋转滑块设置：

var-tpj=jQuery；
var revapi2；
tpj（文档）.ready（函数（）{
如果（tpj（“#rev#u滑块_2_1”）。旋转==未定义）{
revslider_showDoubleJqueryError（“rev#u slider_2_1”）；
}否则{
revapi2=tpj（“#rev#u滑块_2_1”）.show（）.revolution({
幻灯片类型：“旋转木马”，
jsFileLocation:“/libs/revolutionSlider/js/”，
dottedOverlay：“无”，
幻灯片布局：“自动”，
延误：9000，
导航：{
键盘导航：“关闭”，
键盘方向：“水平”，
鼠标滚动导航：“关闭”，
onHoverStop:“关闭”，
箭头：{
样式：“，
启用：对，
隐藏手机：错，
隐藏在：300以下，
隐藏：对，
隐藏延迟：200，
隐藏延迟移动电话：1200，
tmp:“”，
左：{
h_align:“左”，
v_对齐：“居中”，
h_偏移量：30，
v_偏移量：0
},
对:{
h_align：“对”，
v_对齐：“居中”，
h_偏移量：30，
v_偏移量：0
}
}
,
子弹：{
启用：对，
隐藏手机：错，
风格：“赫斯佩里登”，
隐藏：假，
方向：“水平”，
h_align：“居中”，
v_对齐：“底部”，
h_偏移量：20，
v_偏移量：2，
空间：5，
tmp:'
}
},
旋转木马：{
水平对齐：“居中”，
垂直对齐：“居中”，
淡出：“关闭”，
maxVisibleItems:3，
无限：“开”，
空格：0，
伸展：“关”
},
视口：{
启用：对，
出自：“暂停”，
可见面积：“80%”
},
响应级别：[1240102477840320]，
网格宽度：[1240102477840320]，
网格高度：[600500400300]，
懒散型：“无”，
视差：{
键入：“鼠标”，
奥利戈：“滑动中心”，
速度：2000，
级别：[2,3,4,5,6,7,12,16,10,50]，
},
阴影：0，
旋转器：“关闭”，
停止循环：“开”，
停止循环：“开”，
stopAfterLoops:0，
停止幻灯片：1，
洗牌：“关”，
自动高度：“打开”，
hideThumbsOnMobile：“开”，
hideSliderAtLimit:0，
hideCaptionAtLimit:0，
HIDEALCATIONALLIMIT:0，
调试模式：false，
回退：{
全部：“关闭”，
nextSlideOnWindowFocus：“关闭”，
disableFocusListener:false，
}
});
}
}); /*准备好了吗*/