@charset "UTF-8";
/* 辅助色 */
/* 成功色 */
/* 信息色 */
/* 提醒色 */
/* 警告色 */
/* 强调色（文字滑过效果，可与主色一致）*/
/* 融合色 */
/* 黑色 */
/* 背景色(可与主色一致) */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, em, button, img {
  margin: 0;
  padding: 0; }

html, body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

body {
  border: 0;
  color: #333;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  cursor: auto;
  background: #fff;
  font-family: "微软雅黑", serif; }

img {
  border: 0;
  height: auto; }

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
  border: 0; }

a:hover {
  color: #be0c08;
  /*text-decoration:underline;*/ }

td, select, input, textarea {
  color: #333;
  font-family: "微软雅黑", "Lucida Grande", Tahoma; }

h1, h2, h3, h4, h5, h6 {
  font-family: "微软雅黑", "Open Sans"; }

input {
  outline: 0;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

.body_lock {
  height: 100%;
  overflow: hidden; }

.inp {
  height: 20px;
  line-height: 20px;
  border: #fecc8c solid 1px;
  float: left;
  width: 99.6%;
  outline: 0;
  text-indent: 10px;
  padding: 9px 0;
  box-sizing: content-box;
  background: #fff; }

.clearfix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  zoom: 1; }

.fleft {
  float: left; }

.fright {
  float: right; }

.tcenter {
  text-align: center; }

.tleft {
  text-align: left; }

.tright {
  text-align: right; }

em {
  color: #d10000;
  font-style: normal; }

.Red {
  color: #d10000; }

.Gray {
  color: #999; }

.Black {
  color: #333; }

.Blue {
  color: #2498ff; }

/*标签*/
.label {
  width: auto;
  display: inline-block;
  padding: 4px 8px;
  color: white;
  font-size: 12px;
  line-height: 1.2; }

.alert {
  background: #be0c09; }

.warning {
  background: #ff7e00; }

.secondary {
  background: #eeeeee;
  color: #888 !important;
  cursor: not-allowed; }

/*高版本浏览器下实现 图片放大*/
.transitionScale img {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all  0.2s linear;
  -o-transition: all  0.2s linear;
  transition: all  0.2s linear; }

.transitionScale:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

/*隐藏信息显示*/
.transition-detail {
  position: relative; }

.hidden-detail-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(190, 12, 9, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#afbe0c09,endColorstr=#afbe0c09);
  *background: #be0c09;
  z-index: 100;
  color: white;
  font-size: 12px;
  line-height: 24px;
  _display: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;
  z-index: 50; }

.index-hot-study .data-out-in .out-in-box {
  background: #be0c09; }

.hidden-detail-box .hid-container {
  padding: 20px; }

.ie6-show {
  _display: block;
  *background: #be0c09; }

.stay-box {
  position: absolute;
  width: 100%; }

.data-out-in {
  position: absolute;
  width: 100%; }

.data-out-in .out-in-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  font-size: 12px;
  line-height: 24px;
  color: white;
  display: none; }

.out-in-box .hid-container {
  padding: 10px; }

.out-in-box .hid-container p {
  display: inline-block; }

/*全局排版布局*/
.column_l {
  width: 70%;
  float: left;
  _width: 715px; }

.column_l_l {
  width: 48%;
  float: left;
  _width: 345px; }

.column_l_r {
  width: 48%;
  float: right;
  _width: 345px; }

.column_r {
  width: 26%;
  float: right;
  _width: 260px; }

/*边距*/
.mt0 {
  margin-top: 0 !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 30px !important; }

.mr0 {
  margin-right: 0 !important; }

.margin-t20 {
  margin-top: 20px !important; }

.margin-r20 {
  margin-right: 20px; }

.padding-l20 {
  padding-left: 20px !important; }

.margin-t {
  margin-top: 10px !important; }

.margin-r {
  margin-right: 10px !important; }

.margin-r15 {
  margin-right: 15px !important; }

.margin-r25 {
  margin-right: 25px !important; }

.margin-b {
  margin-bottom: 10px !important; }

.margin-l {
  margin-left: 10px !important; }

.padding-t {
  padding-top: 10px !important; }

.padding-r {
  padding-right: 10px !important; }

.padding-b {
  padding-bottom: 10px !important; }

.padding-l {
  padding-left: 10px !important; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999; }

.row {
  max-width: 1020px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  *zoom: 1;
  _width: 1020px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.hide {
  display: none; }

/*display*/
.show-for-small {
  display: none; }

@media only screen and (max-width: 768px) {
  .show-for-small {
    display: inherit !important; }

  .hide-for-small {
    display: none !important; }

  .hidden-for-small {
    display: none !important; }

  .show-for-large {
    display: none !important; }

  .hide-for-large {
    display: inherit !important; } }
/*行布局*/
/*小*/
@media only screen {
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    float: left; }

  .small-1 {
    position: relative;
    width: 8.33333%; }

  .small-2 {
    position: relative;
    width: 16.66667%; }

  .small-3 {
    position: relative;
    width: 25%; }

  .small-4 {
    position: relative;
    width: 33.33333%; }

  .small-5 {
    position: relative;
    width: 41.66667%; }

  .small-6 {
    position: relative;
    width: 50%; }

  .small-7 {
    position: relative;
    width: 58.33333%; }

  .small-8 {
    position: relative;
    width: 66.66667%; }

  .small-9 {
    position: relative;
    width: 75%; }

  .small-10 {
    position: relative;
    width: 83.33333%; }

  .small-11 {
    position: relative;
    width: 91.66667%; }

  .small-12 {
    position: relative;
    width: 100%; }

  .small-offset-0 {
    position: relative;
    margin-left: 0%; }

  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .small-offset-3 {
    position: relative;
    margin-left: 25%; }

  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .small-offset-6 {
    position: relative;
    margin-left: 50%; }

  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .small-offset-9 {
    position: relative;
    margin-left: 75%; }

  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right !important; }

  .small-100 {
    width: 100%;
    position: relative; } }
/*中*/
@media only screen and (min-width: 640px) {
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    float: left; }

  .medium-1 {
    position: relative;
    width: 8.33333%; }

  .medium-2 {
    position: relative;
    width: 16.66667%; }

  .medium-3 {
    position: relative;
    width: 25%; }

  .medium-4 {
    position: relative;
    width: 33.33333%; }

  .medium-5 {
    position: relative;
    width: 41.66667%; }

  .medium-6 {
    position: relative;
    width: 50%; }

  .medium-7 {
    position: relative;
    width: 58.33333%; }

  .medium-8 {
    position: relative;
    width: 66.66667%; }

  .medium-9 {
    position: relative;
    width: 75%; }

  .medium-10 {
    position: relative;
    width: 83.33333%; }

  .medium-11 {
    position: relative;
    width: 91.66667%; }

  .medium-12 {
    position: relative;
    width: 100%; }

  .medium-offset-0 {
    position: relative;
    margin-left: 0%; }

  .medium-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .medium-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .medium-offset-3 {
    position: relative;
    margin-left: 25%; }

  .medium-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .medium-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .medium-offset-6 {
    position: relative;
    margin-left: 50%; }

  .medium-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .medium-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .medium-offset-9 {
    position: relative;
    margin-left: 75%; }

  .medium-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.medium-centered,
  .columns.medium-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right !important; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .medium-100 {
    position: relative;
    width: 100%; } }
/*大*/
@media only screen and (min-width: 769px) {
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    float: left; }

  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; }

  .large-offset-0 {
    position: relative;
    margin-left: 0%; }

  .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .large-offset-3 {
    position: relative;
    margin-left: 25%; }

  .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .large-offset-6 {
    position: relative;
    margin-left: 50%; }

  .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .large-offset-9 {
    position: relative;
    margin-left: 75%; }

  .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important; }

  .large-74 {
    position: relative;
    width: 74%; }

  .large-24 {
    position: relative;
    width: 24%; } }
/*块布局*/
/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    *zoom: 1; }

  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }

  [class*="block-grid-"]:after {
    clear: both; }

  [class*="block-grid-"] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 10px; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 10px; }

  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-8 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }

  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both; } }
/* Foundation Block Grids for medium breakpoint */
@media only screen and (min-width: 640px) {
  /* Remove small grid clearing */
  .medium-block-grid-1 > li {
    width: 100%;
    padding: 0; }

  .medium-block-grid-1 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both; }

  .medium-block-grid-2 > li {
    width: 50%;
    padding: 0 10px; }

  .medium-block-grid-2 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-3 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both; }

  .medium-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-4 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both; }

  .medium-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-5 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-6 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both; }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-7 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both; }

  .medium-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-8 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both; }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-9 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both; }

  .medium-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-10 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both; }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-11 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both; }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }

  .medium-block-grid-12 > li:nth-of-type(n) {
    clear: none; }

  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }

  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none; }

  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both; } }

/*# sourceMappingURL=layout.css.map */
