@charset "UTF-8";
/**
author: sam long
date: 2017-08-20
remark: mobile sass enter file
*/
/**
author: sam long
date: 2017-08-20
remark: 变量定义文件
*/
/**
author: sam long
date: 2017-08-20
remark: 字体、字体颜色等相关设置
*/
/**
author: sam long
date: 2017-08-20
remark: 变量定义文件
*/
html, body {
  margin: 0px;
}

.clear {
  overflow: hidden;
  *zoom: 1;
}

.clearfix:after, .block-container:after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
  clear: both;
}

/**************************
author: sam long
date: 2017-08-23
remark: 块样式文件
***************************/
/**
author: sam long
date: 2017-08-20
remark: 变量定义文件
*/
/**
author: sam long
date: 2017-08-20
remark: 字体、字体颜色等相关设置
*/
/**
author: sam long
date: 2017-08-20
remark: 变量定义文件
*/
html, body {
  margin: 0px;
}

.clear {
  overflow: hidden;
  *zoom: 1;
}

.clearfix:after, .block-container:after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
  clear: both;
}

.block-container {
  display: block;
  padding: 5px;
}

.block-primary-dark {
  color: #fafafa;
  background-color: #2b85e4;
}

.block-primary-light {
  color: #fafafa;
  background-color: #5cadff;
}

.block-primary-norm {
  color: #fafafa;
  background-color: #2d8cf0;
}

.block-aux-level01 {
  color: #fafafa;
  background-color: #2d8cf0;
}

.block-aux-level02 {
  color: #fafafa;
  background-color: #19be6b;
}

.block-aux-level03 {
  color: #fafafa;
  background-color: #ff9900;
}

.block-aux-level04 {
  color: #fafafa;
  background-color: #ed3f14;
}

.block-comm-level01 {
  color: #fafafa;
  background-color: #000000;
}

.block-comm-level02 {
  color: #fafafa;
  background-color: #242424;
}

.block-comm-level03 {
  color: #fafafa;
  background-color: #4a4a4a;
}

.block-comm-level04 {
  color: #fafafa;
  background-color: #6e6e6e;
}

.block-comm-level05 {
  color: #6e6e6e;
  background-color: #b5b5b5;
}

.block-comm-level06 {
  color: #6e6e6e;
  background-color: #dbdbdb;
}

.block-comm-level07 {
  color: #6e6e6e;
  background-color: #fafafa;
}

/**
author: sam long
date: 2017-08-20
remark: 布局文件
*/
.border-sizing, .flex-col-1-1, .flex-col-1-2, .flex-col-2-2, .flex-col-1-3, .flex-col-2-3, .flex-col-3-3, .flex-col-1-4, .flex-col-2-4, .flex-col-3-4, .flex-col-4-4 {
  box-sizing: border-box;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.flex-wrap .row {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.flex-wrap .row.horizontal-left {
  justify-content: flex-start;
}
.flex-wrap .row.horizontal-center {
  justify-content: center;
}
.flex-wrap .row.horizontal-right {
  justify-content: flex-end;
}
.flex-wrap .row.vertical-top {
  align-items: flex-start;
}
.flex-wrap .row.vertical-center {
  align-items: center;
}
.flex-wrap .row.vertical-bottom {
  align-items: flex-end;
}

.flex-col-1-1 {
  flex-basis: 100%;
  max-width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-1-2 {
  flex-basis: 50%;
  max-width: 50%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-2-2 {
  flex-basis: 100%;
  max-width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-1-3 {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-2-3 {
  flex-basis: 66.66667%;
  max-width: 66.66667%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-3-3 {
  flex-basis: 100%;
  max-width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-1-4 {
  flex-basis: 25%;
  max-width: 25%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-2-4 {
  flex-basis: 50%;
  max-width: 50%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-3-4 {
  flex-basis: 75%;
  max-width: 75%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}

.flex-col-4-4 {
  flex-basis: 100%;
  max-width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1em;
}