页面结构

STRUCTURE

栅格布局 

页面布局采用响应式，遵循4点规律和4倍原则，宽度以4为基本单位增减。

在12栅格系统的基础上，我们将整个设计区域按照24等分的原则进行划分。

建议横向排列的盒子数量最多四个，最少一个。『盒子』在整个屏幕上占比见上图。

页面框架 

样式一
  1. 1 rgba(255,255,255,.6)
  2. 2 #FFFFFF
  3. 3 #F68330
  4. 4 #1F1F1F
  5. 5 #797A80
样式二

区块布局 

通知栏

顶部区:60px ;页签:50px；通知栏:40px。

以1920*1080分辨率为例，内容区域超出，则只滚动内容区域，不滚动整个浏览器页面。
两栏平铺
三栏、多栏平铺

若分隔数量多且内容宽度大，建议使用多栏纵向排列。
多栏纵向排列

当内容区需要多个分隔栏，且每个栏的内容宽度较大，建议使用纵向可滚动的分栏方式。
多栏固定某栏

固定某栏的位置，其他栏可滚动
去除页签

内容区与顶部区间隔16px。