Html 这个代码怎么了？

我是一个HTML新手&我似乎无法理解我刚刚编写的代码的问题。当然XXXX不算数；-）

我确信这段代码的风格能让我得到我想要的结果，然而奇怪的是，当我在我的站点或scratchpad.io（我在实现代码之前用来测试代码的站点）上运行这段代码时

.身体{
填充：20px；
}
* {
字体系列：Arial，无衬线；
字体大小：15磅；
保证金：0；
填充：0；
边界：无；
}
.发送{
背景：#62b4f5；
颜色：#fff；
字号：500；
边界半径：0 4px 4px 0；
填充：10px 30px；
字号：13pt；
盒影：0px 2px 5px 0px rgba（173173,0.5）；
左边距：-6px；
}
.发送：悬停{
字号：700；
填充：10px29px；
}
输入[type=“text”]{
宽度：300px；
边界半径：4px 0 0 4px；
填充：10px 20px；
盒影：0px 2px 5px 0px rgba（173173,0.5）；
大纲：无；
}
.建议{
填充：5px15px；
}
.建议：悬停{
光标：指针；
背景：rgba（0,0,0,0.15）；
}
#自动建议{
位置：绝对位置；
顶部：70像素；
背景：rgba（0,0,0,0.05）；
宽度：400px；
}

找不到开口标签

。

没有开口标签

标签。到底是什么问题？它不做什么？

<form action="XXXX" method="post">
<input type="hidden" name="FORM_ID" value="XXXX">
<input type="hidden" name="COMPLETE_URL" value=“XXXX”>
.body {
  padding: 20px;
}

* {
  font-family: Arial, sans-serif;
  font-size: 15pt;
      margin: 0;
  padding: 0;
  border: none;
}

.send {
  background: #62b4f5;
  color: #fff;
  font-weight: 500;
  border-radius: 0 4px 4px 0;
  padding: 10px 30px;
  font-size: 13pt;
  box-shadow: 0px 2px 5px 0px rgba(173,173,173,0.5);
  margin-left: -6px;
}

.send:hover {
  font-weight: 700;
  padding: 10px 29px;
}

input[type="text"] {
  width: 300px;
  border-radius: 4px 0 0 4px;
  padding: 10px 20px;
  box-shadow: 0px 2px 5px 0px rgba(173,173,173,0.5);
  outline: none;
}

.suggestion {
  padding: 5px 15px;
}

.suggestion:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.15);
}

#autosuggest {
  position: absolute;
  top: 70px;
  background: rgba(0,0,0,0.05);
  width: 400px;
}
</style>
</form>