Javascript OWLCarousel CSS3问题-webkit风格

我从包含css和Js的网站上拖拽了owl carousel的代码，但每个-webkit，-mos，-ms上都有eror。我看得更远，但他们要求添加JS：

 $(document).ready(function(){
    $(".owl-carousel").owlCarousel({
        navigation : false,
        rtl:true,
        slideSpeed : 300,
        paginationSpeed : 400,
        autoplay:true,
        singleItem:true
    }); 
})

但是没用

/**
*猫头鹰转盘v2.3.4
*版权所有2013-2018 David Deutsch
*许可依据：请参阅中的许可https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.猫头鹰转盘，
.猫头鹰转盘.猫头鹰物品{
-webkit点击突出显示颜色：透明；
职位：相对
}
.猫头鹰转盘{
显示：无；
宽度：100%；
z指数：1
}
.猫头鹰旋转木马.猫头鹰舞台{
位置：相对位置；
-ms触摸动作：泛Y；
触摸动作：操作；
-moz背面可见性：隐藏；
}
.猫头鹰旋转木马.猫头鹰舞台：之后{
内容：“.”；
显示：块；
明确：两者皆有；
可见性：隐藏；
线高：0；
身高：0
}
.猫头鹰转盘.猫头鹰舞台外部{
位置：相对位置；
溢出：隐藏；
-webkit转换：translate3d（0,0,0）
}
.猫头鹰转盘.猫头鹰物品，
.猫头鹰转盘.猫头鹰包装袋{
-webkit背面可见性：隐藏；
-moz背面可见性：隐藏；
-ms背面可见性：隐藏；
-webkit转换：translate3d（0,0,0）；
-moz变换：translate3d（0,0,0）；
-ms变换：translate3d（0,0,0）
}
.猫头鹰转盘.猫头鹰物品{
最小高度：1px；
浮动：左；
-webkit背面可见性：隐藏；
-webkit触摸标注：无
}
.猫头鹰传送带.猫头鹰物品img{
显示：块；
宽度：100%
}
.owl carousel.owl-dots.disabled，
.owl转盘。owl-nav已禁用{
显示：无
}
.无js.猫头鹰旋转木马，
.owl-carousel.owl-loaded{
显示：块
}
.猫头鹰转盘.猫头鹰圆点，
.猫头鹰转盘.猫头鹰导航.猫头鹰下一个，
.猫头鹰转盘.猫头鹰导航.猫头鹰前置{
光标：指针；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无
}
.owl转盘。owl导航按钮。owl-next，
.owl转盘.owl导航按钮.owl-prev，
.owl旋转木马按钮.owl-dot{
背景：0；
颜色：继承；
边界：无；
填充：0！重要；
字体：继承
}
.owl-carousel.owl-loading{
不透明度：0；
显示：块
}
.owl-carousel.owl-hidden{
不透明度：0
}
.owl-carousel.owl-refresh.owl项目{
可见性：隐藏
}
.owl-carousel.owl-drag.owl项目{
-ms触摸动作：泛y；
触摸动作：泛y；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无
}
.猫头鹰旋转木马{
光标：移动；
光标：抓取
}
.owl-carousel.owl-rtl{
方向：rtl
}
.owl-carousel.owl-rtl.owl项目{
浮球：对
}
.猫头鹰旋转木马.动画{
动画持续时间：1s；
动画填充模式：均为
}
.猫头鹰旋转木马.猫头鹰在{
z索引：0
}
.猫头鹰旋转木马.猫头鹰动画{
z指数：1
}
.猫头鹰旋转木马.淡出{
动画名称：淡出
}
@关键帧淡出{
0% {
不透明度：1
}
100% {
不透明度：0
}
}
.猫头鹰高度{
过渡：高度。5秒轻松进出
}
.owl carousel.owl item.owl lazy{
不透明度：0；
过渡：不透明度。4s轻松
}
.owl carousel.owl item.owl lazy:not（[src]），
.owl carousel.owl item.owl lazy[src^=”“]{
最大高度：0
}
.owl转盘.owl项目img.owl-lazy{
变换样式：保留-3d
}
.owl carousel.owl视频包装器{
位置：相对位置；
身高：100%；
背景：#000
}
.owl转盘.owl视频播放图标{
位置：绝对位置；
高度：80px；
宽度：80px；
左：50%；
最高：50%；
左边距：-40px；
利润上限：-40px；
背景：url（owl.video.play.png）不重复；
光标：指针；
z指数：1；
-webkit背面可见性：隐藏；
转换：转换。1s轻松
}
.owl旋转木马.owl视频播放图标：悬停{
-ms变换：比例（1.3,1.3）；
变换：比例（1.3，1.3）
}
.owl转盘。owl视频播放。owl视频播放图标，
.owl转盘。owl视频播放。owl视频tn{
显示：无
}
.猫头鹰转盘.猫头鹰视频传送带{
不透明度：0；
身高：100%；
背景位置：中心；
背景重复：无重复；
背景尺寸：包含；
过渡：不透明度。4s轻松
}
.猫头鹰转盘.猫头鹰视频帧{
位置：相对位置；
z指数：1；
身高：100%；
宽度：100%
}

顺便说一下，这只是一个虚拟项目

---

这些代码是唯一的旋转木马我有更多的不同部分

以下是他们网站上的演示

请正确阅读它们的安装步骤

请参考包含的CSS和js的顺序。请注意，还必须包括owl主题css

$（'.owl carousel'）.owlCarousel({
循环：对，
差额：10，
导航：是的，
响应：{
0: {
项目：1
},
600: {
项目：3
},
1000: {
项目：5
}
}
})

.item{
高度：10雷姆；
背景：#4DC7A0；
填充：1rem；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12