根据提供的素材内容，这个网站是一个用于安全检测的页面，主要使用了以下样式：

  1. body { margin: 0!important; padding: 0!important;}：这是一个简单的CSS样式设置，用于去除body元素的外边距和内边距。这种设置有助于提高页面的性能，特别是在需要快速渲染时。

  2. .scroll-wrapper{ -webkit-overflow-scrolling: touch; overflow: scroll;}：这是一个针对滚动内容的CSS样式设置。当用户触摸屏幕时，该样式会触发-webkit-overflow-scrolling属性，以实现触摸滚动效果。

  3. iframe{ width: 100%; height: 100%; }：这是另一个CSS样式设置，用于将iframe元素设置为100%宽高，确保在大多数设备上能够正确显示。

  4. *, *:before, *:after { box-sizing: border-box; }：这是CSS的一个属性，用于定义元素的盒模型。box-sizing: border-box;属性将计算元素的宽度和高度时包括其自身的边框。

  5. html, body { width: 100%; height: 100%; font-family: "Poppins", sans-serif; }：这是HTML和CSS的样式设置。width: 100%; height: 100%;属性用于设置整个页面的宽度和高度，而font-family: "Poppins", sans-serif;则用于设置默认的字体。

  6. body { width: 100%; height: 100%; overflow: hidden; background: url('background.jpg'), center center repeat fixed; } html, body { margin: 0; padding: 0; } body, input { display: flex; justify-content: center; align-items: center; } *, *:before, *:after { box-sizing: border-box; } html, body { width: 100%; height: 100%; font-family: "Poppins", sans-serif; } body { width: 100%; height: 100%; overflow: hidden; background: img() top; }：这是一个复杂的CSS样式设置，用于创建一个响应式布局的网页。其中包括背景图片、固定位置的背景、字体设置等。