Bootstrap 4 引导手风琴加号和减号错误

这让我快发疯了。当我展开和收缩面板时，为什么“+”和“-”符号会变为不正确的符号

例如，单击时，顶部面板将从“+”更改为“-”，但由于尚未单击，底部面板也将更改为“-”，而不是保持“+”。提前感谢您的帮助

代码如下：

试验
p{
字体系列：“蒙特塞拉特”，无衬线；
字体大小：15px；
线高：1.5；
颜色：#2E445C；
文本对齐：左对齐；
字体大小：300；
}
a{
字体系列：“蒙特塞拉特”，无衬线；
字体大小：15px；
线高：1.5；
颜色：#2E445C；
文字装饰：无；
文本对齐：居中；
}
h1{
字体系列：“蒙特塞拉特”，无衬线；
字体大小：32px；
线高：1.3；
利润率：10px；
颜色：#2E445C；
文本对齐：居中；
}
氢{
字体系列：“蒙特塞拉特”，无衬线；
字号：21px；
线高：1.5；
利润率：10px；
颜色：#2E445C；
文本对齐：居中；
}
h3{
字体系列：“蒙特塞拉特”，无衬线；
字体大小：14px；
线高：1.5；
保证金：5px；
颜色：#ffffff；
文本对齐：居中；
}
h4{
字体系列：“蒙特塞拉特”，无衬线；
字体大小：20px；
线高：1.3；
利润率：10px；
颜色：#2f475a；
文本对齐：居中；
}
img{
显示：块；
左边距：自动；
右边距：自动；
填充：10px；
}
.卡img top{
填充：0；
宽度：90%；
边缘顶部：10px；
}
输入{
颜色：#57687c；
宽度：100px
高度：45px；
文本对齐：居中；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：15px；
}
h5{
字体系列：“蒙特塞拉特”，无衬线；
字号：17px；
字体大小：粗体；
线高：1.7；
颜色：#1276B5；
文本对齐：居中；
}
.modal.fade.modal对话框{
-webkit转换：-webkit转换0.3s缓解；
-moz变换：-moz变换0.3s缓变；
-o-转换：-o-转换0.3s缓解；
过渡：0.3s的过渡；
}
.navbar.navbar导航{
保证金：0自动；
}
答：-webkit任何链接{
颜色：#2E445C；
光标：指针；
文字装饰：无；
}
.表格组{
利润率：8px；
}
.专家组标题a：之后{
内容:'一';；
浮动：对；
字体大小：20px；
字号：600；
}
.面板标题a.折叠：之后{
内容：“+”；
}
.小组委员会{
填充：10px；
}
@仅介质屏幕和（最小宽度：800px）{
.小组{
宽度：75%；
保证金：0自动；
}
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。但拉奥里特是一位智者


Lorem ipsum dolor sit amet，是一位杰出的献身者。但拉奥里特是一位智者