网站介绍
这个网站采用了响应式布局(Responsive Web Design,RWD),可以适应不同设备的屏幕尺寸和分辨率，为用户提供更好的浏览体验。它使用了Bootstrap CSS框架来实现这些特性。
主要样式类
网站的样式主要由以下几个CSS类定义：
.bdcs-container:容器元素，用于包裹页面的所有内容。
.bdcs-main:主要内容区域，包含网站的主体内容和交互元素。
.bdcs-clearfix:清除浮动类，用于解决浮动元素之间的错位问题。
:after伪元素，用于清除浮动效果。
布局设置
在.bdcs-container .bdcs-main选择器下，设置了以下样式属性：
box-sizing: content-box;:指定元素的盒模型为content-box,即内容大小不包括边框和内边距。
margin: 0; padding: 0;:将元素的外边距和内边距设置为0。
float: none; clear: none;:禁止元素浮动，并清除之前的浮动效果。
overflow: hidden;:设置元素的溢出内容为隐藏。
white-space: nowrap; word-wrap: normal;:禁止文本换行，并使用正常的换行方式。
border: 0; background: 0 0; width: auto; height: auto; max-width: none; min-width: none; max-height: none; min-height: none; border-radius: 0; box-shadow: none; transition: none; text-align: left;:设置了元素的边框、背景、宽度、高度等样式属性，以及移除阴影、过渡动画等效果。
清除浮动效果
通过.bdcs-container .bdcs-clearfix:after{content:'';display:block;clear:both;height:0}和.bdcs-container .bdcs-clearfix{zoom:1}这两个伪元素和CSS规则，实现了清除浮动的效果，确保了后续元素不会受到之前浮动元素的影响而产生错位现象。
