Javascript 无法将源代码从JSFIDLE显示给blogger

我的源代码有问题。我希望你读得好，理解，不要立即表现出对我的问题一无所知。 我经常遇到聪明但不喜欢理解别人问题的人

我通过JSFIDLE编辑了一个测验。在这个论坛的帮助下，它在JSFIDLE上运行良好

但当我在blogger上尝试这个源代码时，它并没有很好地工作。这个问题没有出现。有人说CSS有问题。我编辑了CSS，但它不起作用。即使我删除了整个CSS，问题仍然不会出现，而其余部分会出现

我将用下图显示差异。

第一个映像在JSField中运行良好。第二张图片是一个拥有完整CSS的博客。第三张图片是没有CSS的blogger的出现。我指的是我在JSField上使用的CSS

我已经更改了几次内容，甚至删除了一些部分。但最后它没有工作，我返回了CSS

有一件事是肯定的，尽管我尝试了问答题，但它并没有出现在blogger上

我已经问过很多次了，我希望能在这个论坛上找到我的问题的答案。 这里我给出了JSFIDLE中的链接

这是解决我问题的CSS。我很抱歉显示了所有的CSS，因为我不知道blogger中的哪个部分是问题所在

@导入url（'https://fonts.googleapis.com/css?family=Roboto+板'）；
基扎雷亚先生{
宽度：95%；
保证金：自动；
填充：10px；
位置：相对位置；
文本对齐：居中；
}
.mc_测验{
颜色：#3a5336；
边缘底部：0px；
}
.多回声片{
宽度：90%；
保证金：自动；
填充：10px；
}
奎茨博克斯先生
{
宽度：90%；
保证金：自动；
}
.问题{
文本对齐：居中；
字号：0.8em；
}
巴顿纳雷亚酒店
{
文本对齐：右对齐；
高度：4.5em；
}
钮扣{
高度：4em；
宽度：130px；
填充：1.5em自动；
保证金：1em自动；
背景色：#f1f2ec；
边界：无；
边界半径：3px；
颜色：#7aa4a9；
文本转换：大写；
字母间距：0.5em；
过渡：所有0.2s立方贝塞尔（.4,0,2,1）；
}
#下一步：悬停，
#提交：悬停，
.视图回答：悬停，
.视图图表：悬停，
.backBtn:悬停，
.回放：悬停{
字母间距：0.8em；
}
.viewanswer，
.viewchart，
.重播{
宽度：30%；
}
.backBtn{
宽度：100px；
高度：2米；
字号：0.8em；
左缘：70%；
}
#下一步：主动，
#提交：活动，
.视图回答：活动，
.视图图表：活动，
.backBtn：活动，
.重播：活动{
字母间距：0.3em；
}
结果属{
显示：无；
宽度：70%；
保证金：自动；
填充：10px；
}
.图表盒{
宽度：60%；
保证金：自动；
}
.resultPage1{
文本对齐：居中；
}
.resultBox h1{
}
.简要图表
{
文本对齐：居中；
}
.resultBtns{
宽度：60%；
保证金：自动；
文本对齐：居中；
}
.resultPage2，
.resultPage3
{
显示：无；
文本对齐：居中；
}
阿兰斯沃克斯先生{
宽度：100%；
保证金：0；
位置：相对位置；
}
结果板{
位置：相对位置；
显示：内联块；
宽度：40%；
填充：2%；
高度：190px；
垂直对齐：顶部；
边框底部：0.6px固体rgba（255255,0.2）；
文本对齐：左对齐；
利润底部：4倍；
}
.\u结果板：第n个孩子（偶数）{
左边距：5px；
左边框：0.6px固体rgba（255255,0.2）；
}
._结果板：第n个孩子（2），
._结果板：第n个孩子（1）{
边框底部：0px；
}
头{
字体大小：粗体；
边缘底部：8px；
高度：90px；
}
尤兰斯先生，
对{
边缘底部：8px；
位置：相对位置；
线高：2；
填充物：5px；
}
对{
背景#968089；
}
.h-正确{
背景#968089；
}
.h-正确：之后，
正确：在{
线高：1.4；
位置：绝对位置；
z指数：499；
字体系列：“FontAwesome”；
内容：“\f00c”；
底部：0；
右：7px；
字号：1.9em；
颜色：#2dceb1；
}
.h-不正确{
背景#ab4e6b；
}
.h-不正确：之后{
线高：1.4；
位置：绝对位置；
z指数：499；
字体系列：“FontAwesome”；
内容：“\f00d”；
底部：0；
右：7px；
字号：1.9em；
颜色：#ff383e；
}
.结果第3页h1，
.ResultPage1H1，
.resultPage2 h1{
文本对齐：居中；
垫底：10px；
边框底部：1.3倍实心rgba（21,63,101,0.9）；
颜色：#3a5336；
}
1.我的进步{
位置：相对位置；
显示：块；
保证金：3rem自动0rem；
宽度：100%；
最大宽度：950px；
}
进展{
显示：块；
位置：相对位置；
顶部：-0.5px；
左：5px；
-webkit外观：无；
-moz外观：无；
外观：无；
背景#f1f2ec；
宽度：100%；
高度：2.5px；
背景：无；
-webkit转换：1s；
过渡：1s；
将改变：内容；
}
进度：：-webkit进度条{
背景色：#c72828；
}
进度：：-webkit进度值{
背景色：#153f65；
-webkit过渡：所有0.5s易入易出；
过渡：所有0.5s缓进缓出；
}
.我的进度指标{
位置：绝对位置；
顶部：-6px；
左：0；
显示：内联块；
宽度：5px；
高度：5px；
背景：#7aa4a9；
边框：3px实心#f1f2ec；
边界半径：50%；
-webkit转换：所有.2易入易出；
转换：所有.2易入易出；
-webkit转换延迟：.3s；
转换延迟：.3s；
改变：转变；
}
.my-progress-indicator.progress_1{
左：0；
}
.my-progress-indicator.progress_2{
左：9%；
}
.my-progress-indicator.progress_3{
左：18%；
}
.my-progress-indicator.progress_4{
左：27%；
}
.my-progress-indicator.progress_5{
左：36%；
}
.my-progress-indicator.progress_6{
左：45%；
}
.my-progress-indicator.progress_7{
左：54%；
}
.my-progress-indicator.progress_8{
左：63%；
}
.my-progress-indicator.progress_9{
左：72%；
}
.my-progress-indicator.progress_10{
左：81%；
}
.我的进度指标