上海锐展是一支专注于工业模型、机械模型、船舶模型以及建筑模型设计与制作的专业服务机构！
针对推理优化中常用的算子融合，MegEngine 提供了一系列已 fuse 好的 Module，其对应的 QuantizedModule 版本都会直接调用底层实现好的融合算子（比如 conv_bias）。
<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>
德班 - SOLA集团已获得R400万美元，以便在南部非洲建立商业和工业太阳能光伏设施。
<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>
4、综合演示。沙盘系统运用多媒体和信息技术，实现声、光、电、文字、图像等分别通电子产品世界过沙盘灯光、音响、等离子（液晶）显示屏、计算机屏、投影、报警器等予以同步综合演示。
没有溶解氧，鱼就无法生存。健康水通常含有7-8毫克/升的气体。低于5毫克/升对海洋生物是危险的。如果水平下降到1-2毫克/升甚至几个小时，结果对生活在生态系统中的鱼类和贝类来说是灾难性的。通常，会发生质量死亡。
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul>
(5)参照《SysML for Systems Engineering》定义和《SE愿景2025》对MBSE发展趋势的阐述，中文定义明确英文定义中的主体——模型或建模的形式化应用的内涵；关于MBSE的主要功能，将英文定义中的保守措辞“支持”改为“驱动”。
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>
这位短片导演继续说道，“我实际上会玩[”少女之梦“]，然后在[尤克里里琴]上为周年纪念而唱歌，但是当我调整时，我想，f - k，我不是在帮助她BS图像又一秒。“
<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>
（3）极具趣味性的融入式参与模式：互动方式新颖，精确度高。系统提供参与者和地面影像显示的实时动态组合，影像随观众参与同步变化。
<div class="pagination">
<ul>
<li class="disabled"><span>Prev</span></li>
<li class="active"><span>1</span></li>
...
</ul>
</div>
从2012年两人、2013年一人分别有中国人在海外获得ASEP认证（此三位已回国工作），2014年国内航空行业和大学有人获得ASEP认证、航天行业一人获得中国第一个CSEP认证开始，截止到2017年6月底，已有26位中国人（限在中国境内工作，不包括在海外工作的中国人和华人）获得INCOSE SEP认证（其中13人获ASEP初级认证，13人获CSEP中级认证），成为全球SEP认证增长率最快的地区。值得一提的是，2017年初，《中国商用飞机有限责任公司系统工程手册》出版，提出了中国商飞公司系统工程定义；与欧美已有近十种定制版的系统工程手册指南相比，中国也有了第一个行业/企业/组织定制版的系统工程手册，可喜可贺。
<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>
智能设备联网是指生产现场的生产设备、产线和工艺装置、工业机器人、传感设备等数字化物理实体通过标准通信接口、协议转换等方式将数据上传至车间层、企业层管理系统或监控系统。能力等级如下：
<div class="pagination pagination-centered"> ... </div>
<div class="pagination pagination-right"> ... </div>
近期讨论的“智慧院所”就是站在能力建设的认知维上看待整个三维协同空间，是知识工程在MBSE和MBe新范式下的深入实施和应用，其主体是复杂产品和系统全生命期内的研制组织，目标是研制体系的能力建设，对象是复杂产品和系统全生命期内基于模型的DIKW认知流。
时代在进步科技在发展，大家的思想理念和欣赏水平也在不断提高，电子沙盘系统多样化，智能化，艺术化，人性化特点得到大家的钟爱，发展方向广大，如果结合多媒体软件技术，效果更智能多样，功能简洁全面。
<ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul>
Ermakov博士耸了一下肩，“我认为德国人有很深的危机感，中国很大，人都很努力，而且山寨很厉害，德国人按部就班，有条不紊，未来会怎么样，谁也不知道。但是德国人已经司空见惯了，现在的中国和80-90年代的日本很像，当时日本也是拼得很凶，加班加点，技术进步很快，很多领域都要超过德国，我们当时很担心，但是现在又怎么样？我们还是有优势，所以担心是没有用的，德国人有自己的制造优势和思维逻辑，以后怎么样，我们不知道。”
<ul class="pager">
<li class="previous">
<a href="#">← Older</a>
</li>
<li class="next">
<a href="#">Newer →</a>
</li>
</ul>
企业间的竞争是五种力量中最主要的一种。只有那些比竞争对手的战略更具优势的战略才可能获得成功。为此，公司必须在市场、价格、质量、产量、功能、服务、研发等方面建立自己的核心竞争优势。
<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>
|
向量出现在保守象限意味着企业应该固守基本竞争优势而不要过分冒险，保守型战略包括市场渗透、市场开发、产品开发和集中多元化经营等。
以上是房地产楼群沙盘的制作流程。这些步骤可以分开进行，也可以颠倒工作顺序，或是几个步骤同步进行，每一个模型工作室的工作流程都不太相同。
当向量出现在竞争象限时，表明企业应该采取竞争性战略，包括后向一体化、前向一体化、市场渗透、市场开发、产品开发及组建合资企业等。
<div class="hero-unit">
<h1>Heading</h1>
<p>Tagline</p>
<p>
<a class="btn btn-primary btn-large">
Learn more
</a>
</p>
</div>
随后，韦尔奇把通用电气公司变成了一家看似多元化工业集团而实则投资公司（谁心疼企鹅变成了投资公司的，出来走两步），把冷酷的竞争进化压力穿透到事业部。哪个事业部做不到世界前三名，就打包出售，高管集体滚蛋吧。能做到收益率和竞争力排行世界第一第二的，如果想吃掉市场上的哪家跟随者，也好商量。
<div class="page-header"> <h1>Example page header <small>Subtext for header</small></h1> </div>
数字沙盘互动展示系统的建设是一项集成了现代信息技术，计算机技术、网络技术、“3S”技术、通信技术、系统集成技术、信息安全技术和数字展示技术，综合性、精密性并重的系统工程。它既要求各软硬体模块之间的严格兼容与逻辑自洽，以保证系统运行的平稳可靠；也要求具备一定的开放性和弹性，以满足客户的个性化需求并提供内容扩展与更新的功能。
（2）博物馆：通过对视频、音频、动画、图片、文字等媒体加以组合应用，将躺在历史书里的故事长线以三维立体的方式完整呈现于眼前，从而引领博物馆进入人们可参与交互式的新时代，打造沉浸式体验，吸引人们浓厚的兴趣。
首先是描述物理世界发生了什么；其次是诊断为什么会发生；第三是预测下一步会发生什么；第四是决策该怎么办，决策完成之后就可以驱动物理世界执行。
科博馆类数字展厅以最新的设计理念，最新的展示技术，将过去的历史、人物、物品等重现，通过数字展项互动以及最前沿数字内容观赏模式等，让参观者如同时光倒流，体验一段耐人寻味的科技文化之旅。
Schutt Air Advantage将属于该类别，公司本身可能会同意布朗有更好的选择。早在2014年，Schutt解释了为什么它停止了Air Advantage。基本上，这项技术已被其他头盔所超越。通过ksat.com：
采用国家标准地形图建立数字地面模型，可以准确的按比例还原地貌形态；
用户通过升级后的智能电子沙盘，能够直观快捷的调度现有资源，提升决策能力、提高指挥效率和协同作战能力。用户能够以任务所需的地图为界面，对各业务子系统统一使用、管理和操作，可根据任务需要，将所有能调取的信息在智能大屏上任意布局、显示、处理，为指挥员决策提供全局信息，方便指挥员研判和处置；实现指挥员与所属部队的高度互动，提高部队升速反应和处置情况能力
今年年初，我们向读者收集他们觉得最为杰出的模型照片，照片征集的结果充分证明了建筑模型所具有的巨大魅力。照片中的模型姿态各异、包罗万象，既有制作风格感性细腻的微缩模型，也有极具表现力与爆发力，令人瞠目结舌的夸张表现。我们从300多件应征作品中精心挑选了21个最令人惊叹的模型，将它们整理成5个种类，让大家一饱眼福，看看这些技艺精湛的制作者是如何使他们的模型如此值得一看。
当我看到屏幕上显示的创意时，我经常畏缩。嚼着铅笔或刷子。一直到深夜在绘图桌上画草图。手指敲击键盘上的手指。油漆泼了。就好像我们对艺术灵感的想法一直停留在Hans Namuth 1950年拍摄的杰克逊波洛克的全动作绘画模式中。如果观众在一些潜意识的水平上不知道我们会看到这些照片在行动吗？Ed Harris是否有机会在传记片中扮演波洛克？彩色？ 2000年电影的海报显示哈??里斯蜷缩在他的画布上，轻轻地弯曲，背景中完成了一个混乱的杰作。
我们对模型创新的追求，永远在引领着行业标准，针对房产模型中的建筑细节、景观雕塑，工业模型中的机械零部件，我们购置了全进口MakerBot 3D打印机，使不论多复杂、异型的模型，都能够轻松表现。
模型单元的几何信息（Gx），包括空间定位、空间占位和几何表达精度进行了较为详细的规定，解决了行业内对于模型工作量协调不足的问题。
aperPattern纸柔软,外观装饰,花纹,用于砂箱模型更高贵的气质,非常愉快。模式和其他品种,每一种都有其各自的特点,比普通纸张类高。包括复印纸、仿古纸模式的影响,一些纸、胶版纸,花纹纸,纸工艺品、金属、纸、金。拷贝纸行模式织机,质地软,一些进口复印纸和棉花和质地柔软,充满了自然和韧性。仿古效果纸主要是平原,古朴,美丽,优雅的纹理。发现论文加入各种各样的残骸,摇滚、雪、花等装饰效果。
<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>
互动数字沙盘在展示内容及效果方面与其他的沙盘比较类似，但是从名称上来看也知道它与其他数字沙盘大的不同就在于互动数字沙盘可以和参观者进行人机交互，占地面积较小、 展示方式灵活。
通过该基金建设40兆瓦的太阳能光伏项目可能会在未来几年再创造880个就业岗位。
<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>
今日中国，要做的只是简单地重回昔日中国大唐、宋朝等时代万邦来朝的盛况吗？如果不能从全球工业文明波浪进程的视角看问题，我们将无法对中国今天的历史进程获得最精确和完善的理解。
<a href="#" class="close" data-dismiss="alert">×</a>
铲车模型，工程机械模型，模型比例1：10，全面应用3D打印技术，2K金属烤漆、电镀等经典模型工艺，模型效果逼真，展示效果出众。营销专线4000810990
<button type="button" class="close" data-dismiss="alert">×</button>
Ermakov博士认为目前的自动驾驶技术还不够成熟，积累的数据还不够，美国的很多实验并不值得信赖，自动驾驶汽车撞树就充分说明了问题。德国提出要在2023年研发成功足够安全的自动驾驶汽车，Fraunhofer研究所和大众宝马等大公司发起成立了自动驾驶汽车联盟，目前这个方向是Fraunhofer的重要研究方向之一，已经有很多的成果在逐步应用，对于汽车工业，德国认为是核心竞争产业，各方面投入都很大，Ermakov博士认为汽车产业不会因为互联网公司的介入而被轻易颠覆。
本报告重点关注全球主要电子沙盘参与者，定义，描述和分析未来几年的价值，市场份额，市场竞争格局，SWOT分析和发展计划。
在CAD工程制图时代，二维设计的“错、漏、碰、撞”以及由此而来的“设计变更”现象颇难避免，由此可能引发的工期延误、造价上升与质量降低更是令工程人头疼。而BIM技术的应用较好地弥补了二维规划的不足，大大提高了设计质量（厦门地铁项目便是国内建筑界应用BIM技术提高设计质量的代表）。
<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>
上海锐展模型|机械设备模型制作优质供应商，专注与工业机械模型制作，静态动态模型兼具，汇集业内精英。是模型制作的高科技企业，拥有多台3D打印机，精确高效打造完美的机械设备模型。
<div class="alert alert-error"> ... </div>
<div class="alert alert-success"> ... </div>
<div class="alert alert-info"> ... </div>
我们还能说什么呢?当你的建造的模型与开凿出来的相差无几时，你就引起了我们的注意(也许其他人也一样)。
<div class="progress"> <div class="bar" style="width: 60%;"></div> </div>
电子沙盘实现信息的综合传递，信息容量更大。不仅拥有震撼的视觉效果，而且还有相应的解说词、音乐、音效等，刺激参观者的视听神经，再加上实质内容具有逻辑性与条理性的直观展示，视听内容经过逻辑顺序的整合，以明晰的主线表达出来，这种综合性的传达将让内容的展示效果比单一的听解说或观看模型沙盘的效果更高。由于摆脱了单一实物沙盘的空间限制，电子沙盘可以容纳与传递的信息量更大。
<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>
纹理与真实建筑物的叠加将对真实场景产生大面积的遮盖导致真实场景无法清楚显示，同时纹理的数据量大也会影响前后端交互的实时性。三维模型数据网格的叠加则会因建筑物内部线条过多造成对真实场景显示的干扰。因此不能将三维建筑物模型数据中的纹理和网格直接渲染应用于场景融合中。
超低摩擦的输入端缘何设置在腕部?FRL研究科学主管Hrvoje Benko表示，为了满足自然AR交互所需的要求，我们发现最适合的交互形态将是一种穿戴在手腕上的方案。
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.
又一个十年过去， 2007年9月SysML v1.0发布；2007-08年INCOSE发布了两版《MBSE方法学调研综述》；2009年INSIGHT杂志在第二个《MBSE：这个新范式》专刊中宣称：MBSE已具备一定条件正式登上历史舞台。MBSE应用领域拓展到体系工程，而应用行业拓展到航空航天国防军工以外的汽车、轨道交通和医疗器械等民用行业。
<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>
“树脂铸造是套件制造商的转折点，”萨瑟兰说，他配备了他的Barracuda Studios桌子。 “他们看到了我们正在做的工作，他们开始在细节和质量上进行比赛。”
随着实景三维在沙盘中的应用，我们不光可以俯瞰真实的城市场景，而且可以实现真实场景的三维漫游，在4D电影《漫游朝阳》中，阳阳带我们畅游的城市空间，就是基于这一套三维实景模型所构建的。
<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>
BIM技术的应用，还有助于投标企业精确计算工程量清单。通过在BIM模型中载入业主工程量清单，投标企业可以从宏观的动态角度把握工程量并避免漏项和错算，从而提高清单计价工作的效率和准确性，报出更精准的报价。
<div class="well"> ... </div>
能有和平的机会恢复元气，发展自己。勃兰特能抓住历史的机会给整个欧洲一个出乎所有人意外的大台阶，不仅整个欧洲，而且全世界也就全都赶紧顺着这个大台阶下去了。
<div class="well well-large"> ... </div>
<div class="well well-small"> ... </div>
宝马和捷豹路虎之间的合作开始很小，最初仅限于电动汽车的电机，但它可能不会长期保持这种状态。据称，塔塔拥有的英国姊妹公司将在慕尼黑的大型垃圾箱中翻找，以便在20世纪20年代建造出近6辆汽车。
“私营部门在投资电力基础设施和为能源结构做出贡献方面也可发挥作用。”
<button class="close">×</button>
在过去几年中，太阳能光伏等嵌入式发电成本的降低已经打破了传统的电力生产模式。对于大型商业和工业公司而言，这些协议可以灵活地采购电力，使他们能够在特定时间消耗最便宜的电力，同时减少碳足迹。
<a class="close" href="#">×</a>
（三）展示手段先进。大量运用高科技展示手法，集声、光、电、互动项目、三维动画、影视等现代视觉效果之大成。
电子沙盘可以很好的运用到军事指挥上，具有真实精确性的特点，让指挥员不会因为信息的不及时或者地形错误来误判。
class="pull-left"
.pull-left {
float: left;
}
“Cellular Forms”项目使用了一种精简的细胞生长模型来生成错综复杂的、具有雕塑感的形态。结构由细胞间的力以及细胞的营养素累积规则控制，从相互连接的细胞单元中生成。当细胞的营养素超过了一个给定的阈值时，细胞一分为二，并且与周边的细胞重新构建连接。这些规则的细微改变都能产生许多不同的组织结构，产生的形式令人联想起植物、珊瑚、内脏以及微生物。“
class="pull-right"
.pull-right {
float: right;
}
一些规模比较大的小区中，沙盘模型上都会标明楼栋号，方便购房者区分建筑主体和周边的配套。首先购房者要根据建筑主体来判断小区的规模大小，其次购房者在观察沙盘模型的时候要注意楼栋的建筑设计上是否存在问题，比如楼栋的各个结构拼接处有没有打磨和接缝的痕迹，观察这些建筑是否完全按照施工图或CAD来实施。
class="muted"
.muted {
color: #999;
}
这就是宝马显然进入的地方。这两款跨界车可以搭载第三代1系掀背车和即将推出的2系Gran Coupe的混合动力车前轮驱动FAAR架构，而不是从零开始开发平台。如果我们相信早先的一份报告声称捷豹和宝马也会分享引擎，那么在钣金下找到的大多数硬件都会有德国基因。全轮驱动肯定会可用，也可能来自宝马。
class="clearfix"
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}