上海锐展是一支专注于工业模型、机械模型、船舶模型以及建筑模型设计与制作的专业服务机构！
虽然光辉城市Smart+设计平台将绝大多数渲染工作搬到了云端，但是基本的设计模型载入和效果调整还是需要在本地完成，这个阶段的效率就与PC的性能直接相关了。
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Separated link</a></li> </ul>
运用多通道图像融合技术、三维立体空间后台处理系统、智能化中控系统集成技术，结合传统物理沙盘与弧幕双向互动演示，可充分展示城市与项目规划、区位特点等信息。在弧幕或直幕上投射VR虚拟现实影像内容以配合实体沙盘表现，提供更直观的三维表现效果。
<div class="dropdown">
<!-- Link or button to toggle dropdown -->
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
从这个模型极其挑剔的制作工艺中，设计者所投入的大量心血与情感可见一斑，甚至于模型木材的纹理也经过了细致的考量。不仅如此，模型内部还暗藏着图像所看不见的玄机：磁铁。磁铁使得模型可以被拆卸，从而进行更细致的观察和研究。
运用多通道图像融合技术、三维立体空间后台处理系统、智能化中控系统集成技术，结合传统物理沙盘与弧幕双向互动演示，可充分展示城市与项目规划、区位特点等信息。是目前采用比较多的一种数字沙盘技术。折幕是由三块直幕硬拼接而成，画面不用象弧幕要经过曲面纠正、边缘融合处理，因而在搭建上比较方便，造价上相对略低一些。
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul>
企业必须对新的市场进入者保持足够的警惕，他们的存在将使企业做出相应的反应，而这样又不可避免地需要公司投入相应的资源。
Default
Dropup
Left submenu
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
<li class="dropdown-submenu">
<a tabindex="-1" href="#">More options</a>
<ul class="dropdown-menu">
...
</ul>
</li>
</ul>
9、成本架构——支持创造核心价值的成本架构
<div class="pagination">
<ul>
<li><a href="#">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
作为商业模型，一定要构建好需求搜集、盈利构造和成长资源，能够让自己说得清楚，也能够动员其他合作者。可见，商业模型的意义就在于说明创业者的意图，使之成为所有合作者参与和认可的蓝图。此外它也是企业成长基因，需要与其他资源配合，共助企业成长的基石。这里存在着一个问题，那就是商业模型在什么时候算是最后确定？我认为，直到企业形成自我复制之前，商业模型都在试错之中，从这个意义上，阿贵说的没错。也就是创业分为创业准备和企业成长两个阶段，过去，把创业早期称为创业，而成长阶段则不再是创业，其实真正的创业是在成长阶段，前面都是在为成长做出准备。有的人在没有行动之前就做了准备，商业模型描绘的很清晰，有的人，是走一步看一步。
<div class="pagination">
<ul>
<li class="disabled"><a href="#">Prev</a></li>
<li class="active"><a href="#">1</a></li>
...
</ul>
</div>
DLP方面，奔驰新S级对成本不敏感，自然采用了DLP做AR HUD，不过使用DLP技术做HUD，奔驰并非第一家，林肯大陆和领航员也都使用了DLP做HUD，但仍然是传统HUD，都由德国大陆汽车提供。林肯大陆和领航员使用的是德州仪器早期DMD芯片DLP3030，只有40万像素。奔驰AR HUD使用德州仪器最新的DMD芯片DLP5531（2018年下半年才量产，所以林肯没用上），有130万像素，FOV为10X5°，VID距离为33英尺即10米，奔驰称这相当于77英寸显示器。不仅在HUD上使用了DLP投影，在车大灯上，奔驰还极尽奢华使用了DLP投影，也是DLP5531。
<div class="pagination">
<ul>
<li class="disabled"><span>Prev</span></li>
<li class="active"><span>1</span></li>
...
</ul>
</div>
同时针对装配式混凝土预制构件及钢结构的特殊模型单元在设计、加工、安装等阶段进行了详细规划，模型单元表达方式应包含几何信息、属性信息及安装方式等。
<div class="pagination pagination-large">
<ul>
...
</ul>
</div>
<div class="pagination">
<ul>
...
</ul>
</div>
<div class="pagination pagination-small">
<ul>
...
</ul>
</div>
<div class="pagination pagination-mini">
<ul>
...
</ul>
</div>
（2）博物馆：通过对视频、音频、动画、图片、文字等媒体加以组合应用，将躺在历史书里的故事长线以三维立体的方式完整呈现于眼前，从而引领博物馆进入人们可参与交互式的新时代，打造沉浸式体验，吸引人们浓厚的兴趣。
<div class="pagination pagination-centered"> ... </div>
<div class="pagination pagination-right"> ... </div>
机：拥有制作船模的专用设备和机具。这是解决制作难度问题和保证作品工艺水平的重要手段。从某种角度讲，精巧细腻的作品，是手艺发挥和工具能力的表现。一般情况下，应事而宜，逐步完备。
电子沙盘可以在模型的基础上加上灯光，加强模型各模块的展示;可以在模型之上加上投影，用投影效果来凸显每个板块的相应内容;可以通过LED与模型的结合或直幕与地幕投影的结合，联动展示相应内容。不管是模型与投影结合，还是纯影像内容构成的电子沙盘，视觉效果都更加新颖丰富。
<ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul>
这个新公司将被命名为全国数据基础设施公司。也将会整合一些国有企业，包括南非电力集团、南非路政局、国有物流公司、客运铁路公司等等相关资源。
<ul class="pager">
<li class="previous">
<a href="#">← Older</a>
</li>
<li class="next">
<a href="#">Newer →</a>
</li>
</ul>
所需要的设备有：电脑，设计软件AutoCAD，雕刻机，工作台，油漆喷枪等。 □所需要的原材料有：各种厚度的有机玻璃板，各种厚度的PVC板，普通海绵，大孔海绵，背胶纸，各色绒线末，粗鱼线，铜丝电线，0.5mm漆包线，涂料，各色油漆，绒面墙纸，三氯甲烷，干花，发胶，小彩灯等。
<ul class="pager">
<li class="previous disabled">
<a href="#">← Older</a>
</li>
...
</ul>
| Labels | Markup |
|---|---|
| Default |
<span class="label">Default</span>
|
| Success |
<span class="label label-success">Success</span>
|
| Warning |
<span class="label label-warning">Warning</span>
|
| Important |
<span class="label label-important">Important</span>
|
| Info |
<span class="label label-info">Info</span>
|
| Inverse |
<span class="label label-inverse">Inverse</span>
|
| Name | Example | Markup |
|---|---|---|
| Default | 1 |
<span class="badge">1</span>
|
| Success | 2 |
<span class="badge badge-success">2</span>
|
| Warning | 4 |
<span class="badge badge-warning">4</span>
|
| Important | 6 |
<span class="badge badge-important">6</span>
|
| Info | 8 |
<span class="badge badge-info">8</span>
|
| Inverse | 10 |
<span class="badge badge-inverse">10</span>
|
稀有飞机侦探的老板Jeffery Garrity在Nationals供应商室配备了他的桌子，因为他的妻子Kathy和助理Liz处理了不断寻找旧款和稀有模型套件的会议参与者。
六边形规则相对三角细分复杂一点，也是一种常见的规则，通常选择六边形单元的中心对半切分，并消除掉其中一半的网格边，重新生成顶点并连接，这种方法不需要使用HalfEdge半边网格结构。虽然规则不完全相似，但生形过程与结果较为相近。
你可以称之为创业，相当于在人工饲养中出生和繁殖 - 在生命早期的精心照顾和喂养有助于确保公司能够茁壮成长。在这里，科学创始人倾向于发挥更多的咨询作用（通常在学术界保留日常工作以创造新的知识和前沿），而经验丰富的“吸毒者”则运用将新发现带到患者床边的机制。该模型的核心目的是将正确的专业知识带到桌面上，以降低这些极具挑战性的企业的风险 - 没有人知道如何制药。
<div class="hero-unit">
<h1>Heading</h1>
<p>Tagline</p>
<p>
<a class="btn btn-primary btn-large">
Learn more
</a>
</p>
</div>
在80年代随着日本产品技术的发展，面临着如何开拓更大发展空间的问题。把眼光放在什么方向呢？日本是把眼光放在自己曾跟随着前一个工业文明波峰的美国身上，这引起了与美国之间持续不断的贸易战，尤其是汽车、内存芯片等尖端科技产品领域，一次又一次的贸易战让美国人最终失去了耐心。
<div class="page-header"> <h1>Example page header <small>Subtext for header</small></h1> </div>
(4)将FS、CA、IS和ES各自的平均分数标再各自的数轴上;
IT / OT融合/网络安全。机器学习的发展也将推动制造商标准操作程序中的许多商业模式修改。在公司的组织构成中尤其如此。
在大众看来，富士康的工业流水线，和百年前福特发明的流水线没多大区别。其实，决策操作系统那部分，已经升级到第4代了，而且，历史上的每一次升级都导致了产业结构乃至整个经济生态的重大变革。
在CAD工程制图时代，二维设计的“错、漏、碰、撞”以及由此而来的“设计变更”现象颇难避免，由此可能引发的工期延误、造价上升与质量降低更是令工程人头疼。而BIM技术的应用较好地弥补了二维规划的不足，大大提高了设计质量（厦门地铁项目便是国内建筑界应用BIM技术提高设计质量的代表）。
除了手势识别外，腕带也可以搭载计算模块、电池、天线、传感器等元件，比如搭载肌电图(EMG)传感器或许可以实现丰富的AR交互效果。据了解，肌电图利用传感器将通过手腕传递到前掌的电机神经信号转换成数字命令，FRL的肌电图腕带的主要功能是识别使用者的手势。与基于光学的手势识别或手势识别手套相比，肌电信号更灵敏，甚至可能在你手指没开始动的时候就能识别到你从大脑发送的意图。甚至，这种交互方式比手机触屏、键鼠还要升速。
20多年前，当日本经济开始接近世界第一的位置时，中国刚刚开始改革开放不久。当时的中国与今天完全不同，如果日本要想来领导和整合中国，以当时的实际状况来说，中国对此会是求之不得的心态。
是设备过程模型，它可以说没有单一的模式，但完整的系统模型的线，它是由多个机械设备模型组合完成后，在设备过程模型的制作方法和技术上，在比例条件允许的情况下，也需要有动态模型的切，这样只能放线模型整体更直观的体现了出来相对于动态模型可以说是机械模型制作的完美结合版本的设备。
联合国环境部目前正在实施瑞典资助的减少东南亚海洋垃圾的项目，以及日本资助的一项旨在解决恒河和湄公河沿岸海洋塑料问题的倡议。通过与北九州的合作协议，该市的专业知识将支持泰国和柬埔寨的地方政府实施有效的废物管理计划。
在很多产业，企业会与其他产业生产替代品的公司开展直接或间接的斗争。替代品的存在为产品的价格设置了上限，当产品价格超过这一上限时，用户将转向其他替代产品。
分享影响市场增长的关键因素的详细信息（增长潜力，机遇，驱动因素，行业特定挑战和风险）。
在三维电子沙盘中进行任意缩放和漫游，可以模拟飞行，对目标进行全方位的观察分析;
所以应经常保持模型顶针和润滑导柱并定期检查顶针和指南列是否发生变形和表面损伤，一旦发现，要及时更换;完成生产周期之后，对力学模型的工作表面，和运动，和面向零件镀膜覆盖的专业的油，特别是应注意上齿轮，与牙条模型轴承部件和弹簧力学模型的拉伸强度的保护，以确保其始终在最佳工作状态，与生产时间的推移，冷却道路容易沉积规模和铁锈和泥和一种藻类，使冷却流道截面变量小、 冷却通道变窄，大大降低冷却液和模型志坚的热汇率，增加企业生产成本，所以对流道的清理应引起注意;为热路的力学模型，加热和控制系统的维护，以防止故障的发生，是特别重要。
<ul class="thumbnails">
<li class="span4">
<a href="#" class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
</a>
</li>
...
</ul>
第三，建筑的模型就像我们的头发一样，需要养护。当然，对于外行人来说，做到这点是很不容易的。因此，最好要有自己的合作公司。以便定期寻求它们的帮助。
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
</div>
</li>
...
</ul>
商业模型这个词是管理人员最常听到、最滥用、也是有最多定义的一个词。一些企业家在聊天时候，大家都在说商业模型这，商业模型那，但我深信他们一个在说一只鹿，一个在说一匹马。
很多历史学家直到今天依然在错误的“李约瑟难题”思想指导下追寻为什么中国没有在清代甚至宋代就发生工业革命。但如果深入理解了《生态社会人口论》建立的工业文明波浪模型，就会知道这种讨论完全没有意义，就如同讨论波浪还远未到达岸边之前为什么岸上不会被打湿一样不合逻辑。
<div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div>
在2007年，有《SE愿景2020》、MBSE倡议、《MBSE方法学调研综述》第一版、SysML 1.0发布等标志性事件；而在2017年，SysML 1.5发布、SysML 1.4被接纳为国际标准。十年中，NASA、波音、洛马、空客都有在整个集团高层关注和推动MBSE培训实施及IT环境和文化建设。同时，MBSE进入石化、建筑、健康医疗、智慧城市等行业和领域。2017年1月INCOSE成立油气工作组；5月德州墨西哥湾海岸分会首次会议召开，主题是将MBSE在航空航天最佳实践移植到油气行业。
<a href="#" class="close" data-dismiss="alert">×</a>
联合国气候行动峰会将于2019年9月23日在纽约市举行，旨在增加目标并加快全球气候紧急情况的采取行动，并支持迅速实施“巴黎气候变化协定”。 2019年联合国气候行动峰会由联合国秘书长安东尼奥·古特雷斯主持。
<button type="button" class="close" data-dismiss="alert">×</button>
以《SE愿景2020》英文定义为基础，综合上面五种定义和解释，本文给出中文定义：基于模型的系统工程是一种形式化的建模方法学，是为了应对基于文档的传统系统工程工作模式在复杂产品和系统研发时的面临的挑战，以逻辑连贯一致的多视角通用系统模型为桥梁和框架，实现跨领域模型的可追踪、可验证和全生命期内的动态关联，进而驱动贯穿于从概念方案、工程研制、乃至使用维护到报废更新的人工系统全生命期内的、以及从体系往下到系统组件各个层级内的系统工程过程和活动（包括技术过程、技术管理过程、协议过程和组织项目使能过程）。除方法学本身外，广义MBSE还包括方法学所需的使能技术（如建模语言）和人员能力，以及方法学的应用环境等所构成的体系。
BIM的应用，将带来工程投标的优化，以及工程设计和质量管理的升级。未来，随着BIM发展政策的不断推出，随着建筑业信息化建设的不断深入，掌握BIM技术的建筑企业才将有机会站上时代风口，引领行业潮流。
100年后，人们或许会发出“为什么美国没能最终超越西方文明？”的历史之问。
<div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Warning!</h4> Best check yo self, you're not... </div>
中国具体的情况当然与日本不同，中国没有日本那样的历史包袱，但中国也有自己需要解决的众多难题。如何充分地利用好未来可能也就10年、最多20年的关键历史机遇，将完全决定中国未来100年、甚至几百年时间的国运。
<div class="alert alert-error"> ... </div>
<div class="alert alert-success"> ... </div>
<div class="alert alert-info"> ... </div>
（2）设计高端，效果显著，高科技的手法展示，高大上的设计过程，传统沙盘与现代手段互动结合。
<div class="progress"> <div class="bar" style="width: 60%;"></div> </div>
其次，MBSE和SysML的关系。MBSE不等于SysML，反过来也一样，SysML不等于MBSE；SysML只是一门语言，不是方法学或工具，而且与方法学和软件工具无关；SysML是一种通用的可视化标准建模语言，是MBSE的使能技术，但MBSE所用的建模语言并不仅限于SysML，其他如AP233、BPMN、UPDM等，而且SysML并不打算、也无法取代其他建模语言在各自专业领域的贡献。SysML只是实施MBSE的起点，绝非终点。
<div class="progress progress-striped"> <div class="bar" style="width: 20%;"></div> </div>
当你具备了组织进化的视角，这些就都变成了有趣的脑力训练的话题（偶尔闲扯可以，研究是不可能研究的，会累死的）。
<div class="progress progress-striped active"> <div class="bar" style="width: 40%;"></div> </div>
法：船模制作的管理方法。随着现代管理学的成熟应用。现代船模制作，无论是业余，还是专业，都非常注重过程管理。在国外，一艘精品船模的制作前，首先需要规范地编制《船模制作指导书》，强化船模制作的过程管理。《船模制作指导书》的基本内容由：作品制作等级缮定书、制作项目规划预算书、图纸资料、材辅料计划、制作工艺单、工时进度表、试验纪录、对外联络备忘、费用支出日记、作品宣传文件等十项组成。《船模制作指导书》对于船模制作者的作品制作、参赛活动、商务洽谈，都有十分必要的作用。
<div class="progress"> <div class="bar bar-success" style="width: 35%;"></div> <div class="bar bar-warning" style="width: 20%;"></div> <div class="bar bar-danger" style="width: 10%;"></div> </div>
过度设计和过度建设太阳能发电厂以弥补不可预见的发电损失的日子已经一去不复返了。这在很大程度上要归功于新兴的太阳能战略，即通过更好地了解设备规格，工厂监控和维护对性能比的影响，从而在底线上追求每十分之一的系统性能。
<div class="progress progress-info"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger"> <div class="bar" style="width: 80%"></div> </div>
这种机制其实也不是斯隆首创，早期的贸易金融类股份公司、管理殖民地的东印度公司、上海租界工部局董事会等，尝试要早的多，斯隆只是把这种制度模块成功移植到制造业。
<div class="progress progress-info progress-striped"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success progress-striped"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning progress-striped"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger progress-striped"> <div class="bar" style="width: 80%"></div> </div>
这种方法的主观性比较强。SWOT分析所涉及的结果是人的认识和理解。如果人们的理解和认识根植于事实，那么SWOT分析就是一种非常有效的分析工具，它可以用来对各种群体进行相应的分析，并且将分析进行比较。但是在很多情况下，人们的认识和理解可能不完全是事实。因此在使用SWOT的模型过程中应该比较谨慎。在使用过程中可以利用多人打分和设立权重的办法来全面分析企业的内外状况。
正如住建部在2017年3月印发的《工程质量安全提升行动方案》中所要求的那样，通过加快推进建筑信息模型（BIM）技术在规划、勘察、设计、施工和运营维护全过程的集成应用，工程质量安全监管信息化建设以及工程质量安全数字化监管也会顺势加强，工程质量安全将得到更为智能的监管。
Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.
这位短片导演继续说道，“我实际上会玩[”少女之梦“]，然后在[尤克里里琴]上为周年纪念而唱歌，但是当我调整时，我想，f - k，我不是在帮助她BS图像又一秒。“
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</div>
另一种是没有实体沙盘模型纯三维数字沙盘，互动性更强，投影面积一般用特定白色或灰色幕面实现效果呈现。
世界上最有智慧的人是怎样理性思考的？他们在商业活动和个人生活中是如何做决策的？
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</li>
</ul>
他的作品Growth Forms，Hybrid Forms等等都是广为人知的(其中Hybrid Forms更是融合了数种不同的生长类型)，在2017年的Karlsruhe灯光艺术节上他也与ZAHA事务所合作了一场投影秀，将复杂的生物结构投影在建筑立面上。
<div class="well"> ... </div>
有一些商业模型必须先考设计好，中国最大的广告企业分众传媒的商业模型很简单，它们成功的关键是先设计好商业模型，然后与地面专用资源拥有者签约，控制了专用资源（电梯）以后，才推开商业模型
<div class="well well-large"> ... </div>
<div class="well well-small"> ... </div>
Schutt Air Advantage将属于该类别，公司本身可能会同意布朗有更好的选择。早在2014年，Schutt解释了为什么它停止了Air Advantage。基本上，这项技术已被其他头盔所超越。通过ksat.com：
今天的英国尽管早已逐步远离了工业文明波浪的巅峰，昔日“日不落帝国”的耀眼光辉已难觅踪迹，但她却在每一个重要历史关头都大致上能做出符合自己历史地位的正确选择，从而在今天还是保持了自己在世界上一定的地位。
<button class="close">×</button>
六环地铁图的剖面，就是一个管理铁三角，顶端代表企业的核心业务，需要大集中管理的业务，即财务资金业务。
<a class="close" href="#">×</a>
INCOSE英国分会发布的系统工程系列单张中第九张的主题是“MBSE是什么”。在2012年发布的第一版中除引用INCOSE标准定义外，有解释如下：MBSE使用建模方法分析和记录系统工程生命周期的关键方面，它有广泛的适用范围，横向跨越整个系统生命周期，纵向跨越从体系到单一组件；在2015年发布的第二版引用《系统工程中的SysML》一书中的定义：MBSE是由逻辑连贯一致的多视角系统模型驱动进而实现成功系统的一种方法。
搞清楚高维生物对人类意图的内在逻辑，甚至比取得基础物理学上的重大突破还要至关重要。而如果能够研究到这一层，“走出太阳系”这样的事情，也许就变成一件非常容易的事了。
class="pull-left"
.pull-left {
float: left;
}
多媒体互动类的沙盘是数字沙盘中应用的最多的一种数字沙盘，包括互动地面投影、虚拟翻书、墙面多点触控互动、桌面互动投影。观者可以通过自身的形体动作感应设备同时参与和控制地面投影；虚拟翻书是多媒体互动类沙盘中制作比较精致的类别，它是用投影机投射出来的书的形象，从而展示图片、视频、声音等，以此来迎合观者们的阅读习惯；墙面多点触控互动与桌面互动投影是一个道理，主要是通过墙面和桌面感应系统来展示项目信息，有很好的互动效果。
class="pull-right"
.pull-right {
float: right;
}
日本的兴起始于“脱亚入欧”的梦想。拷贝西方一切，仅改进细节。当日本走到已经无法再简单拷贝西方时，下一步该怎么走其实已经没有了方向。在这种情况下产生癫狂的兴奋和狂想也就不难理解。
class="muted"
.muted {
color: #999;
}
这些素材大多数都是由C4D等专业三维工具制作而成，由于某种懒得解释的技术原因，刚进圈子的PPT经常出现不兼容的情况。
class="clearfix"
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}