网站介绍
这是一个基于MIP(Mobile Interoperability Profile)规范的响应式网页设计。MIP是一种为了提高移动端网页浏览体验而提出的技术标准。在这个网站中，我们使用了mip-lightbox组件来创建一个图片轮播功能，使得用户可以在移动设备上方便地查看多张图片。
图片轮播功能
mip-lightbox是MIP提供的一个用于创建图片轮播功能的组件。在我们的网站中，通过使用这个组件，用户可以轻松地在移动设备上查看大图。同时，我们也设置了max-height:100%;和overflow:auto;等样式，以确保图片在不同尺寸的屏幕上都能自适应显示。
mip-lightbox a为图片的链接设置了白色文字颜色，以便用户更容易识别。.mip-lightbox-countdown则是一个倒计时组件，它会显示剩余的时间。
遮罩层和表单样式
为了提高用户体验，我们使用了#MIP-LLIGTBOX-MASK作为遮罩层，当打开图片轮播时，遮罩层会覆盖在整个页面上。同时，我们也设置了position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; background-image:none !important; background:rgba(0,0,0,0.8); z-index:10000 !important; display:none,以确保其始终位于最上层。
我们使用了mip-form和mip-form #mip-form-cross。mip-form用于包裹表单内容，而#mip-form-cross则是关闭按钮。我们通过设置display:block; padding:6px; width:20px; height:来定义按钮的大小和位置。
