光滑滑块加载我的CSS缓慢

Question

我是新来的，所以请原谅任何错误，我有滑板滑块的问题，我无法找到答案。

我有一个滑块，其中幻灯片具有自定义css，它一次显示一张幻灯片，在第一张幻灯片上加载时有效，但当幻灯片滑到下一张幻灯片时css需要第二个工作（FUOC），我注意到如果我在添加幻灯片时将css内联到js，css效果会更好，但我想保留css 1}}所有在一个地方，我该怎么办？

这是幻灯片及其内容的外观样式： 这就是FUOC 我的HTML：

                                                                   IMG                                                                        

文本

                    

名称的

                                                                                                  IMG                                                                        

文本

                    

名称的

                                      

CSS：

.OpinionContainer {
    width: 100%;
    height: 100%;
    background-color: red;
}

.OpinionContainer > div {
    width: 100%;
    height: 100%;
    background-color: green;
}


#OpImg {
    display: inline-block;
    float: left;
    width: 40%;
    background-color: pink;
}

#OpText {
    display: inline-block;
    float: right;
    width: 60%;
    background-color: orange;
}

JS：

$('.OpinionContainer').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2500,
dots: false,
prevArrow: false,
nextArrow: false
});