dgt_www_site/css/cc-css-tools.css

@charset "UTF-8";
/**
* 溢出省略号
* @param {Number} 行数
*/
/* BEM -------------------------- */
/**
* 真1px边框
* {List}  多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向
* {Color} 边框的颜色, 默认#ccc
* {List} 4个圆角半径, 默认0
* {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after
*/
/**
* 等边三角形
* @param {String} 尺寸
* @param {Color} 颜色
* @param {String} 方向
*/
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/* Font Size
-------------------------- */
/* z-index
-------------------------- */
/* Size Lenght
-------------------------- */
.cc-bg-w {
  background-color: #FFFFFF; }

.cc-tc-w {
  color: #FFFFFF; }

.cc-bg-b {
  background-color: #000000; }

.cc-tc-b {
  color: #000000; }

.cc-bg-p {
  background-color: #409EFF; }

.cc-tc-p {
  color: #409EFF; }

.cc-bg-s {
  background-color: #67C23A; }

.cc-tc-s {
  color: #67C23A; }

.cc-bg-e {
  background-color: #E6A23C; }

.cc-tc-e {
  color: #E6A23C; }

.cc-bg-d {
  background-color: #F56C6C; }

.cc-tc-d {
  color: #F56C6C; }

.cc-bg-i {
  background-color: #909399; }

.cc-tc-i {
  color: #909399; }

.cc-bg-l1 {
  background-color: #53a8ff; }

.cc-tc-l1 {
  color: #53a8ff; }

.cc-bg-l2 {
  background-color: #66b1ff; }

.cc-tc-l2 {
  color: #66b1ff; }

.cc-bg-l3 {
  background-color: #79bbff; }

.cc-tc-l3 {
  color: #79bbff; }

.cc-bg-l4 {
  background-color: #8cc5ff; }

.cc-tc-l4 {
  color: #8cc5ff; }

.cc-bg-l5 {
  background-color: #a0cfff; }

.cc-tc-l5 {
  color: #a0cfff; }

.cc-bg-l6 {
  background-color: #b3d8ff; }

.cc-tc-l6 {
  color: #b3d8ff; }

.cc-bg-l7 {
  background-color: #c6e2ff; }

.cc-tc-l7 {
  color: #c6e2ff; }

.cc-bg-l8 {
  background-color: #d9ecff; }

.cc-tc-l8 {
  color: #d9ecff; }

.cc-bg-l9 {
  background-color: #ecf5ff; }

.cc-tc-l9 {
  color: #ecf5ff; }

.cc-bg-t1 {
  background-color: #303133; }

.cc-tc-t1 {
  color: #303133; }

.cc-bg-t2 {
  background-color: #606266; }

.cc-tc-t2 {
  color: #606266; }

.cc-bg-t3 {
  background-color: #909399; }

.cc-tc-t3 {
  color: #909399; }

.cc-bg-t4 {
  background-color: #C0C4CC; }

.cc-tc-t4 {
  color: #C0C4CC; }

.cc-bg-333 {
  background-color: #333; }

.cc-tc-333 {
  color: #333; }

.cc-bg-666 {
  background-color: #666; }

.cc-tc-666 {
  color: #666; }

.cc-bg-999 {
  background-color: #999; }

.cc-tc-999 {
  color: #999; }

/**
* 溢出省略号
* @param {Number} 行数
*/
/* BEM -------------------------- */
/**
* 真1px边框
* {List}  多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向
* {Color} 边框的颜色, 默认#ccc
* {List} 4个圆角半径, 默认0
* {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after
*/
/**
* 等边三角形
* @param {String} 尺寸
* @param {Color} 颜色
* @param {String} 方向
*/
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/* Font Size
-------------------------- */
/* z-index
-------------------------- */
/* Size Lenght
-------------------------- */
.cc-pad-2 {
  padding: 2px; }

.cc-pad-t-2 {
  padding-top: 2px; }

.cc-pad-b-2 {
  padding-bottom: 2px; }

.cc-pad-l-2 {
  padding-left: 2px; }

.cc-pad-r-2 {
  padding-right: 2px; }

.cc-mar-2 {
  margin: 2px; }

.cc-mar-t-2 {
  margin-top: 2px; }

.cc-mar-b-2 {
  margin-bottom: 2px; }

.cc-mar-l-2 {
  margin-left: 2px; }

.cc-mar-r-2 {
  margin-right: 2px; }

.cc-pad-2-2 {
  padding: 2px 2px; }

.cc-mar-2-2 {
  margin: 2px 2px; }

.cc-pad-4 {
  padding: 4px; }

.cc-pad-t-4 {
  padding-top: 4px; }

.cc-pad-b-4 {
  padding-bottom: 4px; }

.cc-pad-l-4 {
  padding-left: 4px; }

.cc-pad-r-4 {
  padding-right: 4px; }

.cc-mar-4 {
  margin: 4px; }

.cc-mar-t-4 {
  margin-top: 4px; }

.cc-mar-b-4 {
  margin-bottom: 4px; }

.cc-mar-l-4 {
  margin-left: 4px; }

.cc-mar-r-4 {
  margin-right: 4px; }

.cc-pad-4-4 {
  padding: 4px 4px; }

.cc-mar-4-4 {
  margin: 4px 4px; }

.cc-pad-6 {
  padding: 6px; }

.cc-pad-t-6 {
  padding-top: 6px; }

.cc-pad-b-6 {
  padding-bottom: 6px; }

.cc-pad-l-6 {
  padding-left: 6px; }

.cc-pad-r-6 {
  padding-right: 6px; }

.cc-mar-6 {
  margin: 6px; }

.cc-mar-t-6 {
  margin-top: 6px; }

.cc-mar-b-6 {
  margin-bottom: 6px; }

.cc-mar-l-6 {
  margin-left: 6px; }

.cc-mar-r-6 {
  margin-right: 6px; }

.cc-pad-6-6 {
  padding: 6px 6px; }

.cc-mar-6-6 {
  margin: 6px 6px; }

.cc-pad-8 {
  padding: 8px; }

.cc-pad-t-8 {
  padding-top: 8px; }

.cc-pad-b-8 {
  padding-bottom: 8px; }

.cc-pad-l-8 {
  padding-left: 8px; }

.cc-pad-r-8 {
  padding-right: 8px; }

.cc-mar-8 {
  margin: 8px; }

.cc-mar-t-8 {
  margin-top: 8px; }

.cc-mar-b-8 {
  margin-bottom: 8px; }

.cc-mar-l-8 {
  margin-left: 8px; }

.cc-mar-r-8 {
  margin-right: 8px; }

.cc-pad-8-8 {
  padding: 8px 8px; }

.cc-mar-8-8 {
  margin: 8px 8px; }

.cc-pad-10 {
  padding: 10px; }

.cc-pad-t-10 {
  padding-top: 10px; }

.cc-pad-b-10 {
  padding-bottom: 10px; }

.cc-pad-l-10 {
  padding-left: 20px; }

.cc-pad-r-10 {
  padding-right: 10px; }

.cc-mar-10 {
  margin: 10px; }

.cc-mar-t-10 {
  margin-top: 10px; }

.cc-mar-b-10 {
  margin-bottom: 10px; }

.cc-mar-l-10 {
  margin-left: 10px; }

.cc-mar-r-10 {
  margin-right: 10px; }

.cc-pad-10-10 {
  padding: 10px 10px; }

.cc-mar-10-10 {
  margin: 10px 10px; }

.cc-pad-12 {
  padding: 12px; }

.cc-pad-t-12 {
  padding-top: 12px; }

.cc-pad-b-12 {
  padding-bottom: 12px; }

.cc-pad-l-12 {
  padding-left: 12px; }

.cc-pad-r-12 {
  padding-right: 12px; }

.cc-mar-12 {
  margin: 12px; }

.cc-mar-t-12 {
  margin-top: 12px; }

.cc-mar-b-12 {
  margin-bottom: 12px; }

.cc-mar-l-12 {
  margin-left: 12px; }

.cc-mar-r-12 {
  margin-right: 12px; }

.cc-pad-12-12 {
  padding: 12px 12px; }

.cc-mar-12-12 {
  margin: 12px 12px; }

.cc-pad-14 {
  padding: 14px; }

.cc-pad-t-14 {
  padding-top: 14px; }

.cc-pad-b-14 {
  padding-bottom: 14px; }

.cc-pad-l-14 {
  padding-left: 14px; }

.cc-pad-r-14 {
  padding-right: 14px; }

.cc-mar-14 {
  margin: 14px; }

.cc-mar-t-14 {
  margin-top: 14px; }

.cc-mar-b-14 {
  margin-bottom: 14px; }

.cc-mar-l-14 {
  margin-left: 14px; }

.cc-mar-r-14 {
  margin-right: 14px; }

.cc-pad-14-14 {
  padding: 14px 14px; }

.cc-mar-14-14 {
  margin: 14px 14px; }

.cc-pad-16 {
  padding: 16px; }

.cc-pad-t-16 {
  padding-top: 16px; }

.cc-pad-b-16 {
  padding-bottom: 16px; }

.cc-pad-l-16 {
  padding-left: 16px; }

.cc-pad-r-16 {
  padding-right: 16px; }

.cc-mar-16 {
  margin: 16px; }

.cc-mar-t-16 {
  margin-top: 16px; }

.cc-mar-b-16 {
  margin-bottom: 16px; }

.cc-mar-l-16 {
  margin-left: 16px; }

.cc-mar-r-16 {
  margin-right: 16px; }

.cc-pad-16-16 {
  padding: 16px 16px; }

.cc-mar-16-16 {
  margin: 16px 16px; }

.cc-pad-18 {
  padding: 18px; }

.cc-pad-t-18 {
  padding-top: 18px; }

.cc-pad-b-18 {
  padding-bottom: 18px; }

.cc-pad-l-18 {
  padding-left: 18px; }

.cc-pad-r-18 {
  padding-right: 18px; }

.cc-mar-18 {
  margin: 18px; }

.cc-mar-t-18 {
  margin-top: 18px; }

.cc-mar-b-18 {
  margin-bottom: 18px; }

.cc-mar-l-18 {
  margin-left: 18px; }

.cc-mar-r-18 {
  margin-right: 18px; }

.cc-pad-18-18 {
  padding: 18px 18px; }

.cc-mar-18-18 {
  margin: 18px 18px; }

.cc-pad-20 {
  padding: 20px; }

.cc-pad-t-20 {
  padding-top: 20px; }

.cc-pad-b-20 {
  padding-bottom: 20px; }

.cc-pad-l-20 {
  padding-left: 20px; }

.cc-pad-r-20 {
  padding-right: 20px; }

.cc-mar-20 {
  margin: 20px; }

.cc-mar-t-20 {
  margin-top: 10px; }

.cc-mar-b-20 {
  margin-bottom: 20px; }

.cc-mar-l-20 {
  margin-left: 20px; }

.cc-mar-r-20 {
  margin-right: 20px; }

.cc-pad-20-20 {
  padding: 20px 20px; }

.cc-mar-20-20 {
  margin: 20px 20px; }

.cc-pad-22 {
  padding: 22px; }

.cc-pad-t-22 {
  padding-top: 22px; }

.cc-pad-b-22 {
  padding-bottom: 22px; }

.cc-pad-l-22 {
  padding-left: 22px; }

.cc-pad-r-22 {
  padding-right: 22px; }

.cc-mar-22 {
  margin: 22px; }

.cc-mar-t-22 {
  margin-top: 22px; }

.cc-mar-b-22 {
  margin-bottom: 22px; }

.cc-mar-l-22 {
  margin-left: 22px; }

.cc-mar-r-22 {
  margin-right: 22px; }

.cc-pad-22-22 {
  padding: 22px 22px; }

.cc-mar-22-22 {
  margin: 22px 22px; }

.cc-pad-24 {
  padding: 24px; }

.cc-pad-t-24 {
  padding-top: 24px; }

.cc-pad-b-24 {
  padding-bottom: 24px; }

.cc-pad-l-24 {
  padding-left: 24px; }

.cc-pad-r-24 {
  padding-right: 24px; }

.cc-mar-24 {
  margin: 24px; }

.cc-mar-t-24 {
  margin-top: 24px; }

.cc-mar-b-24 {
  margin-bottom: 24px; }

.cc-mar-l-24 {
  margin-left: 24px; }

.cc-mar-r-24 {
  margin-right: 24px; }

.cc-pad-24-24 {
  padding: 24px 24px; }

.cc-mar-24-24 {
  margin: 24px 24px; }

.cc-pad-26 {
  padding: 26px; }

.cc-pad-t-26 {
  padding-top: 26px; }

.cc-pad-b-26 {
  padding-bottom: 26px; }

.cc-pad-l-26 {
  padding-left: 26px; }

.cc-pad-r-26 {
  padding-right: 26px; }

.cc-mar-26 {
  margin: 26px; }

.cc-mar-t-26 {
  margin-top: 26px; }

.cc-mar-b-26 {
  margin-bottom: 26px; }

.cc-mar-l-26 {
  margin-left: 26px; }

.cc-mar-r-26 {
  margin-right: 26px; }

.cc-pad-26-26 {
  padding: 26px 26px; }

.cc-mar-26-26 {
  margin: 26px 26px; }

.cc-pad-28 {
  padding: 28px; }

.cc-pad-t-28 {
  padding-top: 28px; }

.cc-pad-b-28 {
  padding-bottom: 28px; }

.cc-pad-l-28 {
  padding-left: 28px; }

.cc-pad-r-28 {
  padding-right: 28px; }

.cc-mar-28 {
  margin: 28px; }

.cc-mar-t-28 {
  margin-top: 28px; }

.cc-mar-b-28 {
  margin-bottom: 28px; }

.cc-mar-l-28 {
  margin-left: 28px; }

.cc-mar-r-28 {
  margin-right: 28px; }

.cc-pad-28-28 {
  padding: 28px 28px; }

.cc-mar-28-28 {
  margin: 28px 28px; }

.cc-pad-30 {
  padding: 30px; }

.cc-pad-t-30 {
  padding-top: 30px; }

.cc-pad-b-30 {
  padding-bottom: 30px; }

.cc-pad-l-30 {
  padding-left: 30px; }

.cc-pad-r-30 {
  padding-right: 30px; }

.cc-mar-30 {
  margin: 30px; }

.cc-mar-t-30 {
  margin-top: 30px; }

.cc-mar-b-30 {
  margin-bottom: 30px; }

.cc-mar-l-30 {
  margin-left: 30px; }

.cc-mar-r-30 {
  margin-right: 30px; }

.cc-pad-30-30 {
  padding: 30px 30px; }

.cc-mar-30-30 {
  margin: 30px 30px; }

.cc-pad-32 {
  padding: 32px; }

.cc-pad-t-32 {
  padding-top: 32px; }

.cc-pad-b-32 {
  padding-bottom: 32px; }

.cc-pad-l-32 {
  padding-left: 32px; }

.cc-pad-r-32 {
  padding-right: 32px; }

.cc-mar-32 {
  margin: 32px; }

.cc-mar-t-32 {
  margin-top: 32px; }

.cc-mar-b-32 {
  margin-bottom: 32px; }

.cc-mar-l-32 {
  margin-left: 32px; }

.cc-mar-r-32 {
  margin-right: 32px; }

.cc-pad-32-32 {
  padding: 32px 32px; }

.cc-mar-32-32 {
  margin: 32px 32px; }

.cc-pad-34 {
  padding: 34px; }

.cc-pad-t-34 {
  padding-top: 34px; }

.cc-pad-b-34 {
  padding-bottom: 34px; }

.cc-pad-l-34 {
  padding-left: 34px; }

.cc-pad-r-34 {
  padding-right: 34px; }

.cc-mar-34 {
  margin: 34px; }

.cc-mar-t-34 {
  margin-top: 34px; }

.cc-mar-b-34 {
  margin-bottom: 34px; }

.cc-mar-l-34 {
  margin-left: 34px; }

.cc-mar-r-34 {
  margin-right: 34px; }

.cc-pad-34-34 {
  padding: 34px 34px; }

.cc-mar-34-34 {
  margin: 34px 34px; }

.cc-pad-36 {
  padding: 36px; }

.cc-pad-t-36 {
  padding-top: 36px; }

.cc-pad-b-36 {
  padding-bottom: 36px; }

.cc-pad-l-36 {
  padding-left: 36px; }

.cc-pad-r-36 {
  padding-right: 36px; }

.cc-mar-36 {
  margin: 36px; }

.cc-mar-t-36 {
  margin-top: 36px; }

.cc-mar-b-36 {
  margin-bottom: 36px; }

.cc-mar-l-36 {
  margin-left: 36px; }

.cc-mar-r-36 {
  margin-right: 36px; }

.cc-pad-36-36 {
  padding: 36px 36px; }

.cc-mar-36-36 {
  margin: 36px 36px; }

.cc-pad-38 {
  padding: 38px; }

.cc-pad-t-38 {
  padding-top: 38px; }

.cc-pad-b-38 {
  padding-bottom: 38px; }

.cc-pad-l-38 {
  padding-left: 38px; }

.cc-pad-r-38 {
  padding-right: 38px; }

.cc-mar-38 {
  margin: 38px; }

.cc-mar-t-38 {
  margin-top: 38px; }

.cc-mar-b-38 {
  margin-bottom: 38px; }

.cc-mar-l-38 {
  margin-left: 38px; }

.cc-mar-r-38 {
  margin-right: 38px; }

.cc-pad-38-38 {
  padding: 38px 38px; }

.cc-mar-38-38 {
  margin: 38px 38px; }

.cc-pad-40 {
  padding: 40px; }

.cc-pad-t-40 {
  padding-top: 40px; }

.cc-pad-b-40 {
  padding-bottom: 40px; }

.cc-pad-l-40 {
  padding-left: 40px; }

.cc-pad-r-40 {
  padding-right: 40px; }

.cc-mar-40 {
  margin: 40px; }

.cc-mar-t-40 {
  margin-top: 40px; }

.cc-mar-b-40 {
  margin-bottom: 40px; }

.cc-mar-l-40 {
  margin-left: 40px; }

.cc-mar-r-40 {
  margin-right: 40px; }

.cc-pad-40-40 {
  padding: 40px 40px; }

.cc-mar-40-40 {
  margin: 40px 40px; }

.cc-pad-42 {
  padding: 42px; }

.cc-pad-t-42 {
  padding-top: 42px; }

.cc-pad-b-42 {
  padding-bottom: 42px; }

.cc-pad-l-42 {
  padding-left: 42px; }

.cc-pad-r-42 {
  padding-right: 42px; }

.cc-mar-42 {
  margin: 42px; }

.cc-mar-t-42 {
  margin-top: 42px; }

.cc-mar-b-42 {
  margin-bottom: 42px; }

.cc-mar-l-42 {
  margin-left: 42px; }

.cc-mar-r-42 {
  margin-right: 42px; }

.cc-pad-42-42 {
  padding: 42px 42px; }

.cc-mar-42-42 {
  margin: 42px 42px; }

.cc-pad-44 {
  padding: 44px; }

.cc-pad-t-44 {
  padding-top: 44px; }

.cc-pad-b-44 {
  padding-bottom: 44px; }

.cc-pad-l-44 {
  padding-left: 44px; }

.cc-pad-r-44 {
  padding-right: 44px; }

.cc-mar-44 {
  margin: 44px; }

.cc-mar-t-44 {
  margin-top: 44px; }

.cc-mar-b-44 {
  margin-bottom: 44px; }

.cc-mar-l-44 {
  margin-left: 44px; }

.cc-mar-r-44 {
  margin-right: 44px; }

.cc-pad-44-44 {
  padding: 44px 44px; }

.cc-mar-44-44 {
  margin: 44px 44px; }

.cc-pad-46 {
  padding: 46px; }

.cc-pad-t-46 {
  padding-top: 46px; }

.cc-pad-b-46 {
  padding-bottom: 46px; }

.cc-pad-l-46 {
  padding-left: 46px; }

.cc-pad-r-46 {
  padding-right: 46px; }

.cc-mar-46 {
  margin: 46px; }

.cc-mar-t-46 {
  margin-top: 46px; }

.cc-mar-b-46 {
  margin-bottom: 46px; }

.cc-mar-l-46 {
  margin-left: 46px; }

.cc-mar-r-46 {
  margin-right: 46px; }

.cc-pad-46-46 {
  padding: 46px 46px; }

.cc-mar-46-46 {
  margin: 46px 46px; }

.cc-pad-48 {
  padding: 48px; }

.cc-pad-t-48 {
  padding-top: 48px; }

.cc-pad-b-48 {
  padding-bottom: 48px; }

.cc-pad-l-48 {
  padding-left: 48px; }

.cc-pad-r-48 {
  padding-right: 48px; }

.cc-mar-48 {
  margin: 48px; }

.cc-mar-t-48 {
  margin-top: 48px; }

.cc-mar-b-48 {
  margin-bottom: 48px; }

.cc-mar-l-48 {
  margin-left: 48px; }

.cc-mar-r-48 {
  margin-right: 48px; }

.cc-pad-48-48 {
  padding: 48px 48px; }

.cc-mar-48-48 {
  margin: 48px 48px; }

.cc-pad-50 {
  padding: 50px; }

.cc-pad-t-50 {
  padding-top: 50px; }

.cc-pad-b-50 {
  padding-bottom: 50px; }

.cc-pad-l-50 {
  padding-left: 50px; }

.cc-pad-r-50 {
  padding-right: 50px; }

.cc-mar-50 {
  margin: 50px; }

.cc-mar-t-50 {
  margin-top: 50px; }

.cc-mar-b-50 {
  margin-bottom: 50px; }

.cc-mar-l-50 {
  margin-left: 50px; }

.cc-mar-r-50 {
  margin-right: 50px; }

.cc-pad-50-50 {
  padding: 50px 50px; }

.cc-mar-50-50 {
  margin: 50px 50px; }

.cc-pad-52 {
  padding: 52px; }

.cc-pad-t-52 {
  padding-top: 52px; }

.cc-pad-b-52 {
  padding-bottom: 52px; }

.cc-pad-l-52 {
  padding-left: 52px; }

.cc-pad-r-52 {
  padding-right: 52px; }

.cc-mar-52 {
  margin: 52px; }

.cc-mar-t-52 {
  margin-top: 52px; }

.cc-mar-b-52 {
  margin-bottom: 52px; }

.cc-mar-l-52 {
  margin-left: 52px; }

.cc-mar-r-52 {
  margin-right: 52px; }

.cc-pad-52-52 {
  padding: 52px 52px; }

.cc-mar-52-52 {
  margin: 52px 52px; }

.cc-pad-54 {
  padding: 54px; }

.cc-pad-t-54 {
  padding-top: 54px; }

.cc-pad-b-54 {
  padding-bottom: 54px; }

.cc-pad-l-54 {
  padding-left: 54px; }

.cc-pad-r-54 {
  padding-right: 54px; }

.cc-mar-54 {
  margin: 54px; }

.cc-mar-t-54 {
  margin-top: 54px; }

.cc-mar-b-54 {
  margin-bottom: 54px; }

.cc-mar-l-54 {
  margin-left: 54px; }

.cc-mar-r-54 {
  margin-right: 54px; }

.cc-pad-54-54 {
  padding: 54px 54px; }

.cc-mar-54-54 {
  margin: 54px 54px; }

.cc-pad-56 {
  padding: 56px; }

.cc-pad-t-56 {
  padding-top: 56px; }

.cc-pad-b-56 {
  padding-bottom: 56px; }

.cc-pad-l-56 {
  padding-left: 56px; }

.cc-pad-r-56 {
  padding-right: 56px; }

.cc-mar-56 {
  margin: 56px; }

.cc-mar-t-56 {
  margin-top: 56px; }

.cc-mar-b-56 {
  margin-bottom: 56px; }

.cc-mar-l-56 {
  margin-left: 56px; }

.cc-mar-r-56 {
  margin-right: 56px; }

.cc-pad-56-56 {
  padding: 56px 56px; }

.cc-mar-56-56 {
  margin: 56px 56px; }

.cc-pad-58 {
  padding: 58px; }

.cc-pad-t-58 {
  padding-top: 58px; }

.cc-pad-b-58 {
  padding-bottom: 58px; }

.cc-pad-l-58 {
  padding-left: 58px; }

.cc-pad-r-58 {
  padding-right: 58px; }

.cc-mar-58 {
  margin: 58px; }

.cc-mar-t-58 {
  margin-top: 58px; }

.cc-mar-b-58 {
  margin-bottom: 58px; }

.cc-mar-l-58 {
  margin-left: 58px; }

.cc-mar-r-58 {
  margin-right: 58px; }

.cc-pad-58-58 {
  padding: 58px 58px; }

.cc-mar-58-58 {
  margin: 58px 58px; }

.cc-pad-60 {
  padding: 60px; }

.cc-pad-t-60 {
  padding-top: 60px; }

.cc-pad-b-60 {
  padding-bottom: 60px; }

.cc-pad-l-60 {
  padding-left: 60px; }

.cc-pad-r-60 {
  padding-right: 60px; }

.cc-mar-60 {
  margin: 60px; }

.cc-mar-t-60 {
  margin-top: 60px; }

.cc-mar-b-60 {
  margin-bottom: 60px; }

.cc-mar-l-60 {
  margin-left: 60px; }

.cc-mar-r-60 {
  margin-right: 60px; }

.cc-pad-60-60 {
  padding: 60px 60px; }

.cc-mar-60-60 {
  margin: 60px 60px; }

.cc-w-2 {
  width: 2px; }

.cc-h-2 {
  height: 2px; }

.cc-t-2 {
  top: 2px; }

.cc-b-2 {
  bottom: 2px; }

.cc-l-2 {
  left: 2px; }

.cc-r-2 {
  right: 2px; }

.cc-w-4 {
  width: 4px; }

.cc-h-4 {
  height: 4px; }

.cc-t-4 {
  top: 4px; }

.cc-b-4 {
  bottom: 4px; }

.cc-l-4 {
  left: 4px; }

.cc-r-4 {
  right: 4px; }

.cc-w-6 {
  width: 6px; }

.cc-h-6 {
  height: 6px; }

.cc-t-6 {
  top: 6px; }

.cc-b-6 {
  bottom: 6px; }

.cc-l-6 {
  left: 6px; }

.cc-r-6 {
  right: 6px; }

.cc-w-8 {
  width: 8px; }

.cc-h-8 {
  height: 8px; }

.cc-t-8 {
  top: 8px; }

.cc-b-8 {
  bottom: 8px; }

.cc-l-8 {
  left: 8px; }

.cc-r-8 {
  right: 8px; }

.cc-w-10 {
  width: 10px; }

.cc-h-10 {
  height: 10px; }

.cc-t-10 {
  top: 10px; }

.cc-b-10 {
  bottom: 10px; }

.cc-l-10 {
  left: 10px; }

.cc-r-10 {
  right: 10px; }

.cc-w-12 {
  width: 12px; }

.cc-h-12 {
  height: 12px; }

.cc-t-12 {
  top: 12px; }

.cc-b-12 {
  bottom: 12px; }

.cc-l-12 {
  left: 12px; }

.cc-r-12 {
  right: 12px; }

.cc-w-14 {
  width: 14px; }

.cc-h-14 {
  height: 14px; }

.cc-t-14 {
  top: 14px; }

.cc-b-14 {
  bottom: 14px; }

.cc-l-14 {
  left: 14px; }

.cc-r-14 {
  right: 14px; }

.cc-w-16 {
  width: 16px; }

.cc-h-16 {
  height: 16px; }

.cc-t-16 {
  top: 16px; }

.cc-b-16 {
  bottom: 16px; }

.cc-l-16 {
  left: 16px; }

.cc-r-16 {
  right: 16px; }

.cc-w-18 {
  width: 18px; }

.cc-h-18 {
  height: 18px; }

.cc-t-18 {
  top: 18px; }

.cc-b-18 {
  bottom: 18px; }

.cc-l-18 {
  left: 18px; }

.cc-r-18 {
  right: 18px; }

.cc-w-20 {
  width: 20px; }

.cc-h-20 {
  height: 20px; }

.cc-t-20 {
  top: 20px; }

.cc-b-20 {
  bottom: 20px; }

.cc-l-20 {
  left: 20px; }

.cc-r-20 {
  right: 20px; }

.cc-w-22 {
  width: 22px; }

.cc-h-22 {
  height: 22px; }

.cc-t-22 {
  top: 22px; }

.cc-b-22 {
  bottom: 22px; }

.cc-l-22 {
  left: 22px; }

.cc-r-22 {
  right: 22px; }

.cc-w-24 {
  width: 24px; }

.cc-h-24 {
  height: 24px; }

.cc-t-24 {
  top: 24px; }

.cc-b-24 {
  bottom: 24px; }

.cc-l-24 {
  left: 24px; }

.cc-r-24 {
  right: 24px; }

.cc-w-26 {
  width: 26px; }

.cc-h-26 {
  height: 26px; }

.cc-t-26 {
  top: 26px; }

.cc-b-26 {
  bottom: 26px; }

.cc-l-26 {
  left: 26px; }

.cc-r-26 {
  right: 26px; }

.cc-w-28 {
  width: 28px; }

.cc-h-28 {
  height: 28px; }

.cc-t-28 {
  top: 28px; }

.cc-b-28 {
  bottom: 28px; }

.cc-l-28 {
  left: 28px; }

.cc-r-28 {
  right: 28px; }

.cc-w-30 {
  width: 30px; }

.cc-h-30 {
  height: 30px; }

.cc-t-30 {
  top: 30px; }

.cc-b-30 {
  bottom: 30px; }

.cc-l-30 {
  left: 30px; }

.cc-r-30 {
  right: 30px; }

.cc-w-32 {
  width: 32px; }

.cc-h-32 {
  height: 32px; }

.cc-t-32 {
  top: 32px; }

.cc-b-32 {
  bottom: 32px; }

.cc-l-32 {
  left: 32px; }

.cc-r-32 {
  right: 32px; }

.cc-w-34 {
  width: 34px; }

.cc-h-34 {
  height: 34px; }

.cc-t-34 {
  top: 34px; }

.cc-b-34 {
  bottom: 34px; }

.cc-l-34 {
  left: 34px; }

.cc-r-34 {
  right: 34px; }

.cc-w-36 {
  width: 36px; }

.cc-h-36 {
  height: 36px; }

.cc-t-36 {
  top: 36px; }

.cc-b-36 {
  bottom: 36px; }

.cc-l-36 {
  left: 36px; }

.cc-r-36 {
  right: 36px; }

.cc-w-38 {
  width: 38px; }

.cc-h-38 {
  height: 38px; }

.cc-t-38 {
  top: 38px; }

.cc-b-38 {
  bottom: 38px; }

.cc-l-38 {
  left: 38px; }

.cc-r-38 {
  right: 38px; }

.cc-w-40 {
  width: 40px; }

.cc-h-40 {
  height: 40px; }

.cc-t-40 {
  top: 40px; }

.cc-b-40 {
  bottom: 40px; }

.cc-l-40 {
  left: 40px; }

.cc-r-40 {
  right: 40px; }

.cc-w-42 {
  width: 42px; }

.cc-h-42 {
  height: 42px; }

.cc-t-42 {
  top: 42px; }

.cc-b-42 {
  bottom: 42px; }

.cc-l-42 {
  left: 42px; }

.cc-r-42 {
  right: 42px; }

.cc-w-44 {
  width: 44px; }

.cc-h-44 {
  height: 44px; }

.cc-t-44 {
  top: 44px; }

.cc-b-44 {
  bottom: 44px; }

.cc-l-44 {
  left: 44px; }

.cc-r-44 {
  right: 44px; }

.cc-w-46 {
  width: 46px; }

.cc-h-46 {
  height: 46px; }

.cc-t-46 {
  top: 46px; }

.cc-b-46 {
  bottom: 46px; }

.cc-l-46 {
  left: 46px; }

.cc-r-46 {
  right: 46px; }

.cc-w-48 {
  width: 48px; }

.cc-h-48 {
  height: 48px; }

.cc-t-48 {
  top: 48px; }

.cc-b-48 {
  bottom: 48px; }

.cc-l-48 {
  left: 48px; }

.cc-r-48 {
  right: 48px; }

.cc-w-50 {
  width: 50px; }

.cc-h-50 {
  height: 50px; }

.cc-t-50 {
  top: 50px; }

.cc-b-50 {
  bottom: 50px; }

.cc-l-50 {
  left: 50px; }

.cc-r-50 {
  right: 50px; }

.cc-w-52 {
  width: 52px; }

.cc-h-52 {
  height: 52px; }

.cc-t-52 {
  top: 52px; }

.cc-b-52 {
  bottom: 52px; }

.cc-l-52 {
  left: 52px; }

.cc-r-52 {
  right: 52px; }

.cc-w-54 {
  width: 54px; }

.cc-h-54 {
  height: 54px; }

.cc-t-54 {
  top: 54px; }

.cc-b-54 {
  bottom: 54px; }

.cc-l-54 {
  left: 54px; }

.cc-r-54 {
  right: 54px; }

.cc-w-56 {
  width: 56px; }

.cc-h-56 {
  height: 56px; }

.cc-t-56 {
  top: 56px; }

.cc-b-56 {
  bottom: 56px; }

.cc-l-56 {
  left: 56px; }

.cc-r-56 {
  right: 56px; }

.cc-w-58 {
  width: 58px; }

.cc-h-58 {
  height: 58px; }

.cc-t-58 {
  top: 58px; }

.cc-b-58 {
  bottom: 58px; }

.cc-l-58 {
  left: 58px; }

.cc-r-58 {
  right: 58px; }

.cc-w-60 {
  width: 60px; }

.cc-h-60 {
  height: 60px; }

.cc-t-60 {
  top: 60px; }

.cc-b-60 {
  bottom: 60px; }

.cc-l-60 {
  left: 60px; }

.cc-r-60 {
  right: 60px; }

.cc-w-62 {
  width: 62px; }

.cc-h-62 {
  height: 62px; }

.cc-t-62 {
  top: 62px; }

.cc-b-62 {
  bottom: 62px; }

.cc-l-62 {
  left: 62px; }

.cc-r-62 {
  right: 62px; }

.cc-w-64 {
  width: 64px; }

.cc-h-64 {
  height: 64px; }

.cc-t-64 {
  top: 64px; }

.cc-b-64 {
  bottom: 64px; }

.cc-l-64 {
  left: 64px; }

.cc-r-64 {
  right: 64px; }

.cc-w-66 {
  width: 66px; }

.cc-h-66 {
  height: 66px; }

.cc-t-66 {
  top: 66px; }

.cc-b-66 {
  bottom: 66px; }

.cc-l-66 {
  left: 66px; }

.cc-r-66 {
  right: 66px; }

.cc-w-68 {
  width: 68px; }

.cc-h-68 {
  height: 68px; }

.cc-t-68 {
  top: 68px; }

.cc-b-68 {
  bottom: 68px; }

.cc-l-68 {
  left: 68px; }

.cc-r-68 {
  right: 68px; }

.cc-w-70 {
  width: 70px; }

.cc-h-70 {
  height: 70px; }

.cc-t-70 {
  top: 70px; }

.cc-b-70 {
  bottom: 70px; }

.cc-l-70 {
  left: 70px; }

.cc-r-70 {
  right: 70px; }

.cc-w-72 {
  width: 72px; }

.cc-h-72 {
  height: 72px; }

.cc-t-72 {
  top: 72px; }

.cc-b-72 {
  bottom: 72px; }

.cc-l-72 {
  left: 72px; }

.cc-r-72 {
  right: 72px; }

.cc-w-74 {
  width: 74px; }

.cc-h-74 {
  height: 74px; }

.cc-t-74 {
  top: 74px; }

.cc-b-74 {
  bottom: 74px; }

.cc-l-74 {
  left: 74px; }

.cc-r-74 {
  right: 74px; }

.cc-w-76 {
  width: 76px; }

.cc-h-76 {
  height: 76px; }

.cc-t-76 {
  top: 76px; }

.cc-b-76 {
  bottom: 76px; }

.cc-l-76 {
  left: 76px; }

.cc-r-76 {
  right: 76px; }

.cc-w-78 {
  width: 78px; }

.cc-h-78 {
  height: 78px; }

.cc-t-78 {
  top: 78px; }

.cc-b-78 {
  bottom: 78px; }

.cc-l-78 {
  left: 78px; }

.cc-r-78 {
  right: 78px; }

.cc-w-80 {
  width: 80px; }

.cc-h-80 {
  height: 80px; }

.cc-t-80 {
  top: 80px; }

.cc-b-80 {
  bottom: 80px; }

.cc-l-80 {
  left: 80px; }

.cc-r-80 {
  right: 80px; }

.cc-w-82 {
  width: 82px; }

.cc-h-82 {
  height: 82px; }

.cc-t-82 {
  top: 82px; }

.cc-b-82 {
  bottom: 82px; }

.cc-l-82 {
  left: 82px; }

.cc-r-82 {
  right: 82px; }

.cc-w-84 {
  width: 84px; }

.cc-h-84 {
  height: 84px; }

.cc-t-84 {
  top: 84px; }

.cc-b-84 {
  bottom: 84px; }

.cc-l-84 {
  left: 84px; }

.cc-r-84 {
  right: 84px; }

.cc-w-86 {
  width: 86px; }

.cc-h-86 {
  height: 86px; }

.cc-t-86 {
  top: 86px; }

.cc-b-86 {
  bottom: 86px; }

.cc-l-86 {
  left: 86px; }

.cc-r-86 {
  right: 86px; }

.cc-w-88 {
  width: 88px; }

.cc-h-88 {
  height: 88px; }

.cc-t-88 {
  top: 88px; }

.cc-b-88 {
  bottom: 88px; }

.cc-l-88 {
  left: 88px; }

.cc-r-88 {
  right: 88px; }

.cc-w-90 {
  width: 90px; }

.cc-h-90 {
  height: 90px; }

.cc-t-90 {
  top: 90px; }

.cc-b-90 {
  bottom: 90px; }

.cc-l-90 {
  left: 90px; }

.cc-r-90 {
  right: 90px; }

.cc-w-92 {
  width: 92px; }

.cc-h-92 {
  height: 92px; }

.cc-t-92 {
  top: 92px; }

.cc-b-92 {
  bottom: 92px; }

.cc-l-92 {
  left: 92px; }

.cc-r-92 {
  right: 92px; }

.cc-w-94 {
  width: 94px; }

.cc-h-94 {
  height: 94px; }

.cc-t-94 {
  top: 94px; }

.cc-b-94 {
  bottom: 94px; }

.cc-l-94 {
  left: 94px; }

.cc-r-94 {
  right: 94px; }

.cc-w-96 {
  width: 96px; }

.cc-h-96 {
  height: 96px; }

.cc-t-96 {
  top: 96px; }

.cc-b-96 {
  bottom: 96px; }

.cc-l-96 {
  left: 96px; }

.cc-r-96 {
  right: 96px; }

.cc-w-98 {
  width: 98px; }

.cc-h-98 {
  height: 98px; }

.cc-t-98 {
  top: 98px; }

.cc-b-98 {
  bottom: 98px; }

.cc-l-98 {
  left: 98px; }

.cc-r-98 {
  right: 98px; }

.cc-w-100 {
  width: 100px; }

.cc-h-100 {
  height: 100px; }

.cc-t-100 {
  top: 100px; }

.cc-b-100 {
  bottom: 100px; }

.cc-l-100 {
  left: 100px; }

.cc-r-100 {
  right: 100px; }

.cc-w-102 {
  width: 102px; }

.cc-h-102 {
  height: 102px; }

.cc-t-102 {
  top: 102px; }

.cc-b-102 {
  bottom: 102px; }

.cc-l-102 {
  left: 102px; }

.cc-r-102 {
  right: 102px; }

.cc-w-104 {
  width: 104px; }

.cc-h-104 {
  height: 104px; }

.cc-t-104 {
  top: 104px; }

.cc-b-104 {
  bottom: 104px; }

.cc-l-104 {
  left: 104px; }

.cc-r-104 {
  right: 104px; }

.cc-w-106 {
  width: 106px; }

.cc-h-106 {
  height: 106px; }

.cc-t-106 {
  top: 106px; }

.cc-b-106 {
  bottom: 106px; }

.cc-l-106 {
  left: 106px; }

.cc-r-106 {
  right: 106px; }

.cc-w-108 {
  width: 108px; }

.cc-h-108 {
  height: 108px; }

.cc-t-108 {
  top: 108px; }

.cc-b-108 {
  bottom: 108px; }

.cc-l-108 {
  left: 108px; }

.cc-r-108 {
  right: 108px; }

.cc-w-110 {
  width: 110px; }

.cc-h-110 {
  height: 110px; }

.cc-t-110 {
  top: 110px; }

.cc-b-110 {
  bottom: 110px; }

.cc-l-110 {
  left: 110px; }

.cc-r-110 {
  right: 110px; }

.cc-w-112 {
  width: 112px; }

.cc-h-112 {
  height: 112px; }

.cc-t-112 {
  top: 112px; }

.cc-b-112 {
  bottom: 112px; }

.cc-l-112 {
  left: 112px; }

.cc-r-112 {
  right: 112px; }

.cc-w-114 {
  width: 114px; }

.cc-h-114 {
  height: 114px; }

.cc-t-114 {
  top: 114px; }

.cc-b-114 {
  bottom: 114px; }

.cc-l-114 {
  left: 114px; }

.cc-r-114 {
  right: 114px; }

.cc-w-116 {
  width: 116px; }

.cc-h-116 {
  height: 116px; }

.cc-t-116 {
  top: 116px; }

.cc-b-116 {
  bottom: 116px; }

.cc-l-116 {
  left: 116px; }

.cc-r-116 {
  right: 116px; }

.cc-w-118 {
  width: 118px; }

.cc-h-118 {
  height: 118px; }

.cc-t-118 {
  top: 118px; }

.cc-b-118 {
  bottom: 118px; }

.cc-l-118 {
  left: 118px; }

.cc-r-118 {
  right: 118px; }

.cc-w-120 {
  width: 120px; }

.cc-h-120 {
  height: 120px; }

.cc-t-120 {
  top: 120px; }

.cc-b-120 {
  bottom: 120px; }

.cc-l-120 {
  left: 120px; }

.cc-r-120 {
  right: 120px; }

.cc-w-122 {
  width: 122px; }

.cc-h-122 {
  height: 122px; }

.cc-t-122 {
  top: 122px; }

.cc-b-122 {
  bottom: 122px; }

.cc-l-122 {
  left: 122px; }

.cc-r-122 {
  right: 122px; }

.cc-w-124 {
  width: 124px; }

.cc-h-124 {
  height: 124px; }

.cc-t-124 {
  top: 124px; }

.cc-b-124 {
  bottom: 124px; }

.cc-l-124 {
  left: 124px; }

.cc-r-124 {
  right: 124px; }

.cc-w-126 {
  width: 126px; }

.cc-h-126 {
  height: 126px; }

.cc-t-126 {
  top: 126px; }

.cc-b-126 {
  bottom: 126px; }

.cc-l-126 {
  left: 126px; }

.cc-r-126 {
  right: 126px; }

.cc-w-128 {
  width: 128px; }

.cc-h-128 {
  height: 128px; }

.cc-t-128 {
  top: 128px; }

.cc-b-128 {
  bottom: 128px; }

.cc-l-128 {
  left: 128px; }

.cc-r-128 {
  right: 128px; }

.cc-w-130 {
  width: 130px; }

.cc-h-130 {
  height: 130px; }

.cc-t-130 {
  top: 130px; }

.cc-b-130 {
  bottom: 130px; }

.cc-l-130 {
  left: 130px; }

.cc-r-130 {
  right: 130px; }

.cc-w-132 {
  width: 132px; }

.cc-h-132 {
  height: 132px; }

.cc-t-132 {
  top: 132px; }

.cc-b-132 {
  bottom: 132px; }

.cc-l-132 {
  left: 132px; }

.cc-r-132 {
  right: 132px; }

.cc-w-134 {
  width: 134px; }

.cc-h-134 {
  height: 134px; }

.cc-t-134 {
  top: 134px; }

.cc-b-134 {
  bottom: 134px; }

.cc-l-134 {
  left: 134px; }

.cc-r-134 {
  right: 134px; }

.cc-w-136 {
  width: 136px; }

.cc-h-136 {
  height: 136px; }

.cc-t-136 {
  top: 136px; }

.cc-b-136 {
  bottom: 136px; }

.cc-l-136 {
  left: 136px; }

.cc-r-136 {
  right: 136px; }

.cc-w-138 {
  width: 138px; }

.cc-h-138 {
  height: 138px; }

.cc-t-138 {
  top: 138px; }

.cc-b-138 {
  bottom: 138px; }

.cc-l-138 {
  left: 138px; }

.cc-r-138 {
  right: 138px; }

.cc-w-140 {
  width: 140px; }

.cc-h-140 {
  height: 140px; }

.cc-t-140 {
  top: 140px; }

.cc-b-140 {
  bottom: 140px; }

.cc-l-140 {
  left: 140px; }

.cc-r-140 {
  right: 140px; }

.cc-w-142 {
  width: 142px; }

.cc-h-142 {
  height: 142px; }

.cc-t-142 {
  top: 142px; }

.cc-b-142 {
  bottom: 142px; }

.cc-l-142 {
  left: 142px; }

.cc-r-142 {
  right: 142px; }

.cc-w-144 {
  width: 144px; }

.cc-h-144 {
  height: 144px; }

.cc-t-144 {
  top: 144px; }

.cc-b-144 {
  bottom: 144px; }

.cc-l-144 {
  left: 144px; }

.cc-r-144 {
  right: 144px; }

.cc-w-146 {
  width: 146px; }

.cc-h-146 {
  height: 146px; }

.cc-t-146 {
  top: 146px; }

.cc-b-146 {
  bottom: 146px; }

.cc-l-146 {
  left: 146px; }

.cc-r-146 {
  right: 146px; }

.cc-w-148 {
  width: 148px; }

.cc-h-148 {
  height: 148px; }

.cc-t-148 {
  top: 148px; }

.cc-b-148 {
  bottom: 148px; }

.cc-l-148 {
  left: 148px; }

.cc-r-148 {
  right: 148px; }

.cc-w-150 {
  width: 150px; }

.cc-h-150 {
  height: 150px; }

.cc-t-150 {
  top: 150px; }

.cc-b-150 {
  bottom: 150px; }

.cc-l-150 {
  left: 150px; }

.cc-r-150 {
  right: 150px; }

.cc-w-152 {
  width: 152px; }

.cc-h-152 {
  height: 152px; }

.cc-t-152 {
  top: 152px; }

.cc-b-152 {
  bottom: 152px; }

.cc-l-152 {
  left: 152px; }

.cc-r-152 {
  right: 152px; }

.cc-w-154 {
  width: 154px; }

.cc-h-154 {
  height: 154px; }

.cc-t-154 {
  top: 154px; }

.cc-b-154 {
  bottom: 154px; }

.cc-l-154 {
  left: 154px; }

.cc-r-154 {
  right: 154px; }

.cc-w-156 {
  width: 156px; }

.cc-h-156 {
  height: 156px; }

.cc-t-156 {
  top: 156px; }

.cc-b-156 {
  bottom: 156px; }

.cc-l-156 {
  left: 156px; }

.cc-r-156 {
  right: 156px; }

.cc-w-158 {
  width: 158px; }

.cc-h-158 {
  height: 158px; }

.cc-t-158 {
  top: 158px; }

.cc-b-158 {
  bottom: 158px; }

.cc-l-158 {
  left: 158px; }

.cc-r-158 {
  right: 158px; }

.cc-w-160 {
  width: 160px; }

.cc-h-160 {
  height: 160px; }

.cc-t-160 {
  top: 160px; }

.cc-b-160 {
  bottom: 160px; }

.cc-l-160 {
  left: 160px; }

.cc-r-160 {
  right: 160px; }

.cc-w-162 {
  width: 162px; }

.cc-h-162 {
  height: 162px; }

.cc-t-162 {
  top: 162px; }

.cc-b-162 {
  bottom: 162px; }

.cc-l-162 {
  left: 162px; }

.cc-r-162 {
  right: 162px; }

.cc-w-164 {
  width: 164px; }

.cc-h-164 {
  height: 164px; }

.cc-t-164 {
  top: 164px; }

.cc-b-164 {
  bottom: 164px; }

.cc-l-164 {
  left: 164px; }

.cc-r-164 {
  right: 164px; }

.cc-w-166 {
  width: 166px; }

.cc-h-166 {
  height: 166px; }

.cc-t-166 {
  top: 166px; }

.cc-b-166 {
  bottom: 166px; }

.cc-l-166 {
  left: 166px; }

.cc-r-166 {
  right: 166px; }

.cc-w-168 {
  width: 168px; }

.cc-h-168 {
  height: 168px; }

.cc-t-168 {
  top: 168px; }

.cc-b-168 {
  bottom: 168px; }

.cc-l-168 {
  left: 168px; }

.cc-r-168 {
  right: 168px; }

.cc-w-170 {
  width: 170px; }

.cc-h-170 {
  height: 170px; }

.cc-t-170 {
  top: 170px; }

.cc-b-170 {
  bottom: 170px; }

.cc-l-170 {
  left: 170px; }

.cc-r-170 {
  right: 170px; }

.cc-w-172 {
  width: 172px; }

.cc-h-172 {
  height: 172px; }

.cc-t-172 {
  top: 172px; }

.cc-b-172 {
  bottom: 172px; }

.cc-l-172 {
  left: 172px; }

.cc-r-172 {
  right: 172px; }

.cc-w-174 {
  width: 174px; }

.cc-h-174 {
  height: 174px; }

.cc-t-174 {
  top: 174px; }

.cc-b-174 {
  bottom: 174px; }

.cc-l-174 {
  left: 174px; }

.cc-r-174 {
  right: 174px; }

.cc-w-176 {
  width: 176px; }

.cc-h-176 {
  height: 176px; }

.cc-t-176 {
  top: 176px; }

.cc-b-176 {
  bottom: 176px; }

.cc-l-176 {
  left: 176px; }

.cc-r-176 {
  right: 176px; }

.cc-w-178 {
  width: 178px; }

.cc-h-178 {
  height: 178px; }

.cc-t-178 {
  top: 178px; }

.cc-b-178 {
  bottom: 178px; }

.cc-l-178 {
  left: 178px; }

.cc-r-178 {
  right: 178px; }

.cc-w-180 {
  width: 180px; }

.cc-h-180 {
  height: 180px; }

.cc-t-180 {
  top: 180px; }

.cc-b-180 {
  bottom: 180px; }

.cc-l-180 {
  left: 180px; }

.cc-r-180 {
  right: 180px; }

.cc-w-182 {
  width: 182px; }

.cc-h-182 {
  height: 182px; }

.cc-t-182 {
  top: 182px; }

.cc-b-182 {
  bottom: 182px; }

.cc-l-182 {
  left: 182px; }

.cc-r-182 {
  right: 182px; }

.cc-w-184 {
  width: 184px; }

.cc-h-184 {
  height: 184px; }

.cc-t-184 {
  top: 184px; }

.cc-b-184 {
  bottom: 184px; }

.cc-l-184 {
  left: 184px; }

.cc-r-184 {
  right: 184px; }

.cc-w-186 {
  width: 186px; }

.cc-h-186 {
  height: 186px; }

.cc-t-186 {
  top: 186px; }

.cc-b-186 {
  bottom: 186px; }

.cc-l-186 {
  left: 186px; }

.cc-r-186 {
  right: 186px; }

.cc-w-188 {
  width: 188px; }

.cc-h-188 {
  height: 188px; }

.cc-t-188 {
  top: 188px; }

.cc-b-188 {
  bottom: 188px; }

.cc-l-188 {
  left: 188px; }

.cc-r-188 {
  right: 188px; }

.cc-w-190 {
  width: 190px; }

.cc-h-190 {
  height: 190px; }

.cc-t-190 {
  top: 190px; }

.cc-b-190 {
  bottom: 190px; }

.cc-l-190 {
  left: 190px; }

.cc-r-190 {
  right: 190px; }

.cc-w-192 {
  width: 192px; }

.cc-h-192 {
  height: 192px; }

.cc-t-192 {
  top: 192px; }

.cc-b-192 {
  bottom: 192px; }

.cc-l-192 {
  left: 192px; }

.cc-r-192 {
  right: 192px; }

.cc-w-194 {
  width: 194px; }

.cc-h-194 {
  height: 194px; }

.cc-t-194 {
  top: 194px; }

.cc-b-194 {
  bottom: 194px; }

.cc-l-194 {
  left: 194px; }

.cc-r-194 {
  right: 194px; }

.cc-w-196 {
  width: 196px; }

.cc-h-196 {
  height: 196px; }

.cc-t-196 {
  top: 196px; }

.cc-b-196 {
  bottom: 196px; }

.cc-l-196 {
  left: 196px; }

.cc-r-196 {
  right: 196px; }

.cc-w-198 {
  width: 198px; }

.cc-h-198 {
  height: 198px; }

.cc-t-198 {
  top: 198px; }

.cc-b-198 {
  bottom: 198px; }

.cc-l-198 {
  left: 198px; }

.cc-r-198 {
  right: 198px; }

.cc-w-200 {
  width: 200px; }

.cc-h-200 {
  height: 200px; }

.cc-t-200 {
  top: 200px; }

.cc-b-200 {
  bottom: 200px; }

.cc-l-200 {
  left: 200px; }

.cc-r-200 {
  right: 200px; }

.cc-w-p5 {
  width: 5%; }

.cc-h-p5 {
  height: 5%; }

.cc-w-max-p5 {
  max-width: 5%; }

.cc-h-max-p5 {
  max-height: 5%; }

.cc-w-min-p5 {
  min-width: 5%; }

.cc-h-min-p5 {
  min-height: 5%; }

.cc-h-line-5 {
  min-height: 5%; }

.cc-w-p10 {
  width: 10%; }

.cc-h-p10 {
  height: 10%; }

.cc-w-max-p10 {
  max-width: 10%; }

.cc-h-max-p10 {
  max-height: 10%; }

.cc-w-min-p10 {
  min-width: 10%; }

.cc-h-min-p10 {
  min-height: 10%; }

.cc-h-line-10 {
  min-height: 10%; }

.cc-w-p15 {
  width: 15%; }

.cc-h-p15 {
  height: 15%; }

.cc-w-max-p15 {
  max-width: 15%; }

.cc-h-max-p15 {
  max-height: 15%; }

.cc-w-min-p15 {
  min-width: 15%; }

.cc-h-min-p15 {
  min-height: 15%; }

.cc-h-line-15 {
  min-height: 15%; }

.cc-w-p20 {
  width: 20%; }

.cc-h-p20 {
  height: 20%; }

.cc-w-max-p20 {
  max-width: 20%; }

.cc-h-max-p20 {
  max-height: 20%; }

.cc-w-min-p20 {
  min-width: 20%; }

.cc-h-min-p20 {
  min-height: 20%; }

.cc-h-line-20 {
  min-height: 20%; }

.cc-w-p25 {
  width: 25%; }

.cc-h-p25 {
  height: 25%; }

.cc-w-max-p25 {
  max-width: 25%; }

.cc-h-max-p25 {
  max-height: 25%; }

.cc-w-min-p25 {
  min-width: 25%; }

.cc-h-min-p25 {
  min-height: 25%; }

.cc-h-line-25 {
  min-height: 25%; }

.cc-w-p30 {
  width: 30%; }

.cc-h-p30 {
  height: 30%; }

.cc-w-max-p30 {
  max-width: 30%; }

.cc-h-max-p30 {
  max-height: 30%; }

.cc-w-min-p30 {
  min-width: 30%; }

.cc-h-min-p30 {
  min-height: 30%; }

.cc-h-line-30 {
  min-height: 30%; }

.cc-w-p35 {
  width: 35%; }

.cc-h-p35 {
  height: 35%; }

.cc-w-max-p35 {
  max-width: 35%; }

.cc-h-max-p35 {
  max-height: 35%; }

.cc-w-min-p35 {
  min-width: 35%; }

.cc-h-min-p35 {
  min-height: 35%; }

.cc-h-line-35 {
  min-height: 35%; }

.cc-w-p40 {
  width: 40%; }

.cc-h-p40 {
  height: 40%; }

.cc-w-max-p40 {
  max-width: 40%; }

.cc-h-max-p40 {
  max-height: 40%; }

.cc-w-min-p40 {
  min-width: 40%; }

.cc-h-min-p40 {
  min-height: 40%; }

.cc-h-line-40 {
  min-height: 40%; }

.cc-w-p45 {
  width: 45%; }

.cc-h-p45 {
  height: 45%; }

.cc-w-max-p45 {
  max-width: 45%; }

.cc-h-max-p45 {
  max-height: 45%; }

.cc-w-min-p45 {
  min-width: 45%; }

.cc-h-min-p45 {
  min-height: 45%; }

.cc-h-line-45 {
  min-height: 45%; }

.cc-w-p50 {
  width: 50%; }

.cc-h-p50 {
  height: 50%; }

.cc-w-max-p50 {
  max-width: 50%; }

.cc-h-max-p50 {
  max-height: 50%; }

.cc-w-min-p50 {
  min-width: 50%; }

.cc-h-min-p50 {
  min-height: 50%; }

.cc-h-line-50 {
  min-height: 50%; }

.cc-w-p55 {
  width: 55%; }

.cc-h-p55 {
  height: 55%; }

.cc-w-max-p55 {
  max-width: 55%; }

.cc-h-max-p55 {
  max-height: 55%; }

.cc-w-min-p55 {
  min-width: 55%; }

.cc-h-min-p55 {
  min-height: 55%; }

.cc-h-line-55 {
  min-height: 55%; }

.cc-w-p60 {
  width: 60%; }

.cc-h-p60 {
  height: 60%; }

.cc-w-max-p60 {
  max-width: 60%; }

.cc-h-max-p60 {
  max-height: 60%; }

.cc-w-min-p60 {
  min-width: 60%; }

.cc-h-min-p60 {
  min-height: 60%; }

.cc-h-line-60 {
  min-height: 60%; }

.cc-w-p65 {
  width: 65%; }

.cc-h-p65 {
  height: 65%; }

.cc-w-max-p65 {
  max-width: 65%; }

.cc-h-max-p65 {
  max-height: 65%; }

.cc-w-min-p65 {
  min-width: 65%; }

.cc-h-min-p65 {
  min-height: 65%; }

.cc-h-line-65 {
  min-height: 65%; }

.cc-w-p70 {
  width: 70%; }

.cc-h-p70 {
  height: 70%; }

.cc-w-max-p70 {
  max-width: 70%; }

.cc-h-max-p70 {
  max-height: 70%; }

.cc-w-min-p70 {
  min-width: 70%; }

.cc-h-min-p70 {
  min-height: 70%; }

.cc-h-line-70 {
  min-height: 70%; }

.cc-w-p75 {
  width: 75%; }

.cc-h-p75 {
  height: 75%; }

.cc-w-max-p75 {
  max-width: 75%; }

.cc-h-max-p75 {
  max-height: 75%; }

.cc-w-min-p75 {
  min-width: 75%; }

.cc-h-min-p75 {
  min-height: 75%; }

.cc-h-line-75 {
  min-height: 75%; }

.cc-w-p80 {
  width: 80%; }

.cc-h-p80 {
  height: 80%; }

.cc-w-max-p80 {
  max-width: 80%; }

.cc-h-max-p80 {
  max-height: 80%; }

.cc-w-min-p80 {
  min-width: 80%; }

.cc-h-min-p80 {
  min-height: 80%; }

.cc-h-line-80 {
  min-height: 80%; }

.cc-w-p85 {
  width: 85%; }

.cc-h-p85 {
  height: 85%; }

.cc-w-max-p85 {
  max-width: 85%; }

.cc-h-max-p85 {
  max-height: 85%; }

.cc-w-min-p85 {
  min-width: 85%; }

.cc-h-min-p85 {
  min-height: 85%; }

.cc-h-line-85 {
  min-height: 85%; }

.cc-w-p90 {
  width: 90%; }

.cc-h-p90 {
  height: 90%; }

.cc-w-max-p90 {
  max-width: 90%; }

.cc-h-max-p90 {
  max-height: 90%; }

.cc-w-min-p90 {
  min-width: 90%; }

.cc-h-min-p90 {
  min-height: 90%; }

.cc-h-line-90 {
  min-height: 90%; }

.cc-w-p95 {
  width: 95%; }

.cc-h-p95 {
  height: 95%; }

.cc-w-max-p95 {
  max-width: 95%; }

.cc-h-max-p95 {
  max-height: 95%; }

.cc-w-min-p95 {
  min-width: 95%; }

.cc-h-min-p95 {
  min-height: 95%; }

.cc-h-line-95 {
  min-height: 95%; }

.cc-w-p100 {
  width: 100%; }

.cc-h-p100 {
  height: 100%; }

.cc-w-max-p100 {
  max-width: 100%; }

.cc-h-max-p100 {
  max-height: 100%; }

.cc-w-min-p100 {
  min-width: 100%; }

.cc-h-min-p100 {
  min-height: 100%; }

.cc-h-line-100 {
  min-height: 100%; }

.cc-w-250 {
  width: 250px; }

.cc-h-250 {
  height: 250px; }

.cc-w-max-250 {
  max-width: 250px; }

.cc-h-max-250 {
  max-height: 250px; }

.cc-w-min-250 {
  min-width: 250px; }

.cc-h-min-250 {
  min-height: 250px; }

.cc-h-line-250 {
  min-height: 250px; }

.cc-w-300 {
  width: 300px; }

.cc-h-300 {
  height: 300px; }

.cc-w-max-300 {
  max-width: 300px; }

.cc-h-max-300 {
  max-height: 300px; }

.cc-w-min-300 {
  min-width: 300px; }

.cc-h-min-300 {
  min-height: 300px; }

.cc-h-line-300 {
  min-height: 300px; }

.cc-w-350 {
  width: 350px; }

.cc-h-350 {
  height: 350px; }

.cc-w-max-350 {
  max-width: 350px; }

.cc-h-max-350 {
  max-height: 350px; }

.cc-w-min-350 {
  min-width: 350px; }

.cc-h-min-350 {
  min-height: 350px; }

.cc-h-line-350 {
  min-height: 350px; }

.cc-w-400 {
  width: 400px; }

.cc-h-400 {
  height: 400px; }

.cc-w-max-400 {
  max-width: 400px; }

.cc-h-max-400 {
  max-height: 400px; }

.cc-w-min-400 {
  min-width: 400px; }

.cc-h-min-400 {
  min-height: 400px; }

.cc-h-line-400 {
  min-height: 400px; }

.cc-w-450 {
  width: 450px; }

.cc-h-450 {
  height: 450px; }

.cc-w-max-450 {
  max-width: 450px; }

.cc-h-max-450 {
  max-height: 450px; }

.cc-w-min-450 {
  min-width: 450px; }

.cc-h-min-450 {
  min-height: 450px; }

.cc-h-line-450 {
  min-height: 450px; }

.cc-w-500 {
  width: 500px; }

.cc-h-500 {
  height: 500px; }

.cc-w-max-500 {
  max-width: 500px; }

.cc-h-max-500 {
  max-height: 500px; }

.cc-w-min-500 {
  min-width: 500px; }

.cc-h-min-500 {
  min-height: 500px; }

.cc-h-line-500 {
  min-height: 500px; }

.cc-w-550 {
  width: 550px; }

.cc-h-550 {
  height: 550px; }

.cc-w-max-550 {
  max-width: 550px; }

.cc-h-max-550 {
  max-height: 550px; }

.cc-w-min-550 {
  min-width: 550px; }

.cc-h-min-550 {
  min-height: 550px; }

.cc-h-line-550 {
  min-height: 550px; }

.cc-w-600 {
  width: 600px; }

.cc-h-600 {
  height: 600px; }

.cc-w-max-600 {
  max-width: 600px; }

.cc-h-max-600 {
  max-height: 600px; }

.cc-w-min-600 {
  min-width: 600px; }

.cc-h-min-600 {
  min-height: 600px; }

.cc-h-line-600 {
  min-height: 600px; }

.cc-w-650 {
  width: 650px; }

.cc-h-650 {
  height: 650px; }

.cc-w-max-650 {
  max-width: 650px; }

.cc-h-max-650 {
  max-height: 650px; }

.cc-w-min-650 {
  min-width: 650px; }

.cc-h-min-650 {
  min-height: 650px; }

.cc-h-line-650 {
  min-height: 650px; }

.cc-w-700 {
  width: 700px; }

.cc-h-700 {
  height: 700px; }

.cc-w-max-700 {
  max-width: 700px; }

.cc-h-max-700 {
  max-height: 700px; }

.cc-w-min-700 {
  min-width: 700px; }

.cc-h-min-700 {
  min-height: 700px; }

.cc-h-line-700 {
  min-height: 700px; }

.cc-w-750 {
  width: 750px; }

.cc-h-750 {
  height: 750px; }

.cc-w-max-750 {
  max-width: 750px; }

.cc-h-max-750 {
  max-height: 750px; }

.cc-w-min-750 {
  min-width: 750px; }

.cc-h-min-750 {
  min-height: 750px; }

.cc-h-line-750 {
  min-height: 750px; }

.cc-w-800 {
  width: 800px; }

.cc-h-800 {
  height: 800px; }

.cc-w-max-800 {
  max-width: 800px; }

.cc-h-max-800 {
  max-height: 800px; }

.cc-w-min-800 {
  min-width: 800px; }

.cc-h-min-800 {
  min-height: 800px; }

.cc-h-line-800 {
  min-height: 800px; }

.cc-w-850 {
  width: 850px; }

.cc-h-850 {
  height: 850px; }

.cc-w-max-850 {
  max-width: 850px; }

.cc-h-max-850 {
  max-height: 850px; }

.cc-w-min-850 {
  min-width: 850px; }

.cc-h-min-850 {
  min-height: 850px; }

.cc-h-line-850 {
  min-height: 850px; }

.cc-w-900 {
  width: 900px; }

.cc-h-900 {
  height: 900px; }

.cc-w-max-900 {
  max-width: 900px; }

.cc-h-max-900 {
  max-height: 900px; }

.cc-w-min-900 {
  min-width: 900px; }

.cc-h-min-900 {
  min-height: 900px; }

.cc-h-line-900 {
  min-height: 900px; }

.cc-w-950 {
  width: 950px; }

.cc-h-950 {
  height: 950px; }

.cc-w-max-950 {
  max-width: 950px; }

.cc-h-max-950 {
  max-height: 950px; }

.cc-w-min-950 {
  min-width: 950px; }

.cc-h-min-950 {
  min-height: 950px; }

.cc-h-line-950 {
  min-height: 950px; }

.cc-w-1000 {
  width: 1000px; }

.cc-h-1000 {
  height: 1000px; }

.cc-w-max-1000 {
  max-width: 1000px; }

.cc-h-max-1000 {
  max-height: 1000px; }

.cc-w-min-1000 {
  min-width: 1000px; }

.cc-h-min-1000 {
  min-height: 1000px; }

.cc-h-line-1000 {
  min-height: 1000px; }

.cc-w-1050 {
  width: 1050px; }

.cc-h-1050 {
  height: 1050px; }

.cc-w-max-1050 {
  max-width: 1050px; }

.cc-h-max-1050 {
  max-height: 1050px; }

.cc-w-min-1050 {
  min-width: 1050px; }

.cc-h-min-1050 {
  min-height: 1050px; }

.cc-h-line-1050 {
  min-height: 1050px; }

.cc-w-1100 {
  width: 1100px; }

.cc-h-1100 {
  height: 1100px; }

.cc-w-max-1100 {
  max-width: 1100px; }

.cc-h-max-1100 {
  max-height: 1100px; }

.cc-w-min-1100 {
  min-width: 1100px; }

.cc-h-min-1100 {
  min-height: 1100px; }

.cc-h-line-1100 {
  min-height: 1100px; }

.cc-w-1150 {
  width: 1150px; }

.cc-h-1150 {
  height: 1150px; }

.cc-w-max-1150 {
  max-width: 1150px; }

.cc-h-max-1150 {
  max-height: 1150px; }

.cc-w-min-1150 {
  min-width: 1150px; }

.cc-h-min-1150 {
  min-height: 1150px; }

.cc-h-line-1150 {
  min-height: 1150px; }

.cc-w-1200 {
  width: 1200px; }

.cc-h-1200 {
  height: 1200px; }

.cc-w-max-1200 {
  max-width: 1200px; }

.cc-h-max-1200 {
  max-height: 1200px; }

.cc-w-min-1200 {
  min-width: 1200px; }

.cc-h-min-1200 {
  min-height: 1200px; }

.cc-h-line-1200 {
  min-height: 1200px; }

.cc-f-s8 {
  font-size: 8px; }

.cc-f-s10 {
  font-size: 10px; }

.cc-f-s12 {
  font-size: 12px; }

.cc-f-s14 {
  font-size: 14px; }

.cc-f-s16 {
  font-size: 16px; }

.cc-f-s18 {
  font-size: 18px; }

.cc-f-s20 {
  font-size: 20px; }

.cc-f-s22 {
  font-size: 22px; }

.cc-f-s24 {
  font-size: 24px; }

.cc-f-s26 {
  font-size: 26px; }

.cc-f-s28 {
  font-size: 28px; }

.cc-f-s30 {
  font-size: 30px; }

/**
* 溢出省略号
* @param {Number} 行数
*/
/* BEM -------------------------- */
/**
* 真1px边框
* {List}  多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向
* {Color} 边框的颜色, 默认#ccc
* {List} 4个圆角半径, 默认0
* {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after
*/
/**
* 等边三角形
* @param {String} 尺寸
* @param {Color} 颜色
* @param {String} 方向
*/
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/* Font Size
-------------------------- */
/* z-index
-------------------------- */
/* Size Lenght
-------------------------- */
.cc-click--invalid {
  pointer-events: none; }

.cc-onselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cc-bs-b {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); }

.cc-bs-d {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12); }

.cc-bs-l {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.cc-bc-b {
  border: 1px solid #DCDFE6; }

.cc-bs-n {
  -webkit-box-shadow: none;
  box-shadow: none; }

.cc-bc-l {
  border: 1px solid #DCDFE6;
  border-color: #EBEEF5; }

.cc-br-0 {
  border-radius: 0; }

.cc-br-2 {
  border-radius: 2px; }

.cc-br-4 {
  border-radius: 4px; }

.cc-f--left {
  float: left; }

.cc-f--right {
  float: right; }

.cc-dis--n {
  display: none; }

.cc-dis--b {
  display: block; }

.cc-dis--i {
  display: inline; }

.cc-dis--ib {
  display: inline-block; }

.cc-pos--a {
  position: absolute; }

.cc-pos--r {
  position: relative; }

.cc-pos--f {
  position: fixed; }

.cc-pos--s {
  position: static; }

.cc-pos--i {
  position: inherit; }

.cc-cur--a {
  cursor: auto; }

.cc-cur--c {
  cursor: crosshair; }

.cc-cur--d {
  cursor: default; }

.cc-cur--p {
  cursor: pointer; }

.cc-cur--m {
  cursor: move; }

.cc-cur--t {
  cursor: text; }

.cc-cur--w {
  cursor: wait; }

.cc-cur--h {
  cursor: help; }

.cc-fw--n {
  font-weight: normal; }

.cc-fw--b {
  font-weight: bold; }

.cc-fw--l {
  font-weight: lighter; }

.cc-ta--c {
  text-align: center; }

.cc-ta--left {
  text-align: bold; }

.cc-ta--r {
  text-align: right; }

.cc-td--o {
  text-decoration: overline; }

.cc-td--l {
  text-decoration: line-through; }

.cc-td--u {
  text-decoration: underline; }

.cc-td--n {
  text-decoration: none; }

.cc-ov--o {
  overflow: overline; }

.cc-ov--l {
  overflow: line-through; }

.cc-ov--u {
  overflow: underline; }

.cc-ov--n {
  overflow: none; }

.cc-bo-d {
  border: 1px solid #d7dae2; }

.cc-bo2-d {
  border: 2px solid #d7dae2; }

.cc-bo-b {
  border: 1px solid #000000; }

.cc-bo2-b {
  border: 2px solid #000000; }

.cc-bo-w {
  border: 1px solid #FFFFFF; }

.cc-bo2-w {
  border: 2px solid #FFFFFF; }

.cc-bo-i {
  border: 1px solid #909399; }

.cc-bo2-i {
  border: 2px solid #909399; }

.cc-bo-333 {
  border: 1px solid #333; }

.cc-bo2-333 {
  border: 2px solid #333; }

.cc-bo-666 {
  border: 1px solid #666; }

.cc-bo2-666 {
  border: 2px solid #666; }

.cc-bo-999 {
  border: 1px solid #999; }

.cc-bo2-999 {
  border: 2px solid #999; }

/**
* 溢出省略号
* @param {Number} 行数
*/
/* BEM -------------------------- */
/**
* 真1px边框
* {List}  多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向
* {Color} 边框的颜色, 默认#ccc
* {List} 4个圆角半径, 默认0
* {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after
*/
/**
* 等边三角形
* @param {String} 尺寸
* @param {Color} 颜色
* @param {String} 方向
*/
.cc-clearfix:before, .cc-clearfix:after {
  content: "";
  display: table; }

.cc-clearfix:after {
  clear: both; }

.cc-float--left, .cc-float--right {
  float: left; }

.cc-t-no-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.cc-t-mr-2 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.cc-t-mr-3 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.cc-tri-l {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: left left 0 left;
  border-color: 10px transparent transparent transparent;
  margin-bottom: 10px; }

.cc-tri-r {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: right right 0 right;
  border-color: 10px transparent transparent transparent;
  margin-bottom: 10px; }

.cc-tri-d {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: down down 0 down;
  border-color: 10px transparent transparent transparent;
  margin-bottom: 10px; }

.cc-tri-u {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: up up 0 up;
  border-color: 10px transparent transparent transparent;
  margin-bottom: 10px; }

/**
* 溢出省略号
* @param {Number} 行数
*/
/* BEM -------------------------- */
/**
* 真1px边框
* {List}  多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向
* {Color} 边框的颜色, 默认#ccc
* {List} 4个圆角半径, 默认0
* {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after
*/
/**
* 等边三角形
* @param {String} 尺寸
* @param {Color} 颜色
* @param {String} 方向
*/
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/* Font Size
-------------------------- */
/* z-index
-------------------------- */
/* Size Lenght
-------------------------- */
.cc-flex--1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.cc-flex--2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2; }

.cc-flex--3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3; }

.cc-flex--4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4; }

.cc-flex--5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5; }

.cc-flex--6 {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  flex: 6; }

.cc-flex--7 {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7; }

.cc-flex--8 {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8; }

.cc-flex--9 {
  -webkit-box-flex: 9;
  -ms-flex: 9;
  flex: 9; }

.cc-flex--10 {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  flex: 10; }

.cc-flex--11 {
  -webkit-box-flex: 11;
  -ms-flex: 11;
  flex: 11; }

.cc-flex--12 {
  -webkit-box-flex: 12;
  -ms-flex: 12;
  flex: 12; }

.cc-flex--13 {
  -webkit-box-flex: 13;
  -ms-flex: 13;
  flex: 13; }

.cc-flex--14 {
  -webkit-box-flex: 14;
  -ms-flex: 14;
  flex: 14; }

.cc-flex--15 {
  -webkit-box-flex: 15;
  -ms-flex: 15;
  flex: 15; }

.cc-flex--16 {
  -webkit-box-flex: 16;
  -ms-flex: 16;
  flex: 16; }

.cc-flex--17 {
  -webkit-box-flex: 17;
  -ms-flex: 17;
  flex: 17; }

.cc-flex--18 {
  -webkit-box-flex: 18;
  -ms-flex: 18;
  flex: 18; }

.cc-flex--19 {
  -webkit-box-flex: 19;
  -ms-flex: 19;
  flex: 19; }

.cc-flex--20 {
  -webkit-box-flex: 20;
  -ms-flex: 20;
  flex: 20; }

.cc-flex--21 {
  -webkit-box-flex: 21;
  -ms-flex: 21;
  flex: 21; }

.cc-flex--22 {
  -webkit-box-flex: 22;
  -ms-flex: 22;
  flex: 22; }

.cc-flex--23 {
  -webkit-box-flex: 23;
  -ms-flex: 23;
  flex: 23; }

.cc-flex--24 {
  -webkit-box-flex: 24;
  -ms-flex: 24;
  flex: 24; }

.cc-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.cc-flex--r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.cc-flex--rr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.cc-flex--c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.cc-flex--cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.cc-flex--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.cc-flex--nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.cc-flex--asfs {
  -ms-flex-item-align: start;
  align-self: flex-start; }

.cc-flex--asfe {
  -ms-flex-item-align: end;
  align-self: flex-end; }

.cc-flex--asc {
  -ms-flex-item-align: center;
  align-self: center; }

.cc-flex--asb {
  -ms-flex-item-align: baseline;
  align-self: baseline; }

.cc-flex--ass {
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.cc-flex--jfs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.cc-flex--jfe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.cc-flex--jc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.cc-flex--jsb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.cc-flex--jsa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.cc-flex--aifs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.cc-flex--aife {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.cc-flex--aic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.cc-flex--aib {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.cc-flex--ais {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.cc-flex--acfs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.cc-flex--acfe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
  align-content: flex-end; }

.cc-flex--acc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center; }

.cc-flex--acsa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: distribute;
  align-content: space-around; }

.cc-flex--acsb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.cc-flex--acs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.cc-vh-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }