这个网站是一个在线下单系统，使用HTML和CSS构建。网站的主要结构如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>占美金属在线下单系统</title>
<style>
#app {
height: 100%;
margin: 0px;
padding: 0px;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-webkit-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
}
</style>
</head>
<body>
<div id="app">
<!-- 这里放置网页内容 -->
</div>
</body>
</html>
在这个网站中，主要使用了HTML和CSS来构建页面结构和样式。其中，#app元素设置了整个页面的高度为100%,并去掉了默认的边距和内边距。.chromeframe类设置了一个灰色的背景和黑色的文字，用于提示用户当前页面需要使用Chrome浏览器才能正常显示。#loader-wrapper和#loader元素用于实现一个加载动画，当页面加载过程中，会显示一个旋转的圆圈图标。
