/*! QUI 1.0 | https://qui.enqoo.com | (c) 2011 - 2022 Enqoo | MIT License */

/* ========================================================================
排版内容
========================================================================== */

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    /* 将全局 box-sizing 的值设置 border-box，即元素的 width 和 height 中包含 padding(内边距) 和 border(边框) */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    scroll-behavior: smooth;
    /* Correct the line height in all browsers. */
    line-height: 1.15;
    /* Prevent adjustments of font size after orientation changes in iOS. */
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    /* font-family:   "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif; */
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.75;
    color: #222222;
}

/* 排版内容: Headings 标题
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    line-height: 1.4;
    margin-bottom: 1rem;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.375rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1.25rem;
}


/* 排版内容 : Links
========================================================================== */
a {
    color: #383838;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    /* Remove the gray background on active links in IE 10. */
}

a:hover,
a:focus {
    color: #4695D8;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
* Render the `main` element consistently in IE.
*/

main {
    display: block;
}


/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
    display: list-item;
}

/* Misc
========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
    display: none;
}

/* ========================================================================
设置媒体响应式
========================================================================== */
/* 设置图片为100%，用于响应式 */
img,video {
    border-style: none;
    max-width: 100%;
    height: auto;
    /* 用于消除图片之间空隙 */
    vertical-align: middle;
}

/* 响应式Video */
.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ========================================================================
栅格布局
========================================================================== */
/*
* 优先设计更小的宽度。
* 基础的 CSS 是移动设备优先，媒体查询是针对于平板电脑、台式电脑。
* 断点前缀为 eq-g-,即默认布局
* xs: 特小屏幕 ≥480px
*  s: 小屏幕 ≥568px
*  m: 中屏幕   ≥768px
*  xm 中大屏幕 ≥820px
*  l: 大屏幕 ≥ 1024px
* xl: 特大屏幕 ≥1200px
* xxl: 超大屏幕 ≥1400px
* xxxl: 巨大屏幕 ≥1600px
* 命名以eq-前缀。但避免使用.eq-g-,.eq-f- 这样的形式命名
*/

[class*="eq-container"] {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
}

.eq-container {
    width: 1230px;
}

/* 不同的主体宽度 */
.eq-container-min {
    width: 420px;
}

.eq-container-small {
    width: 830px;
}

.eq-container-medium {
    width: 1030px;
}

.eq-container-large {
    width: 1630px;
}

.eq-container-expand {
    width: 100%;
}

/* 一边延伸 */
.eq-container-expand-left,
.eq-container-expand-right {
    width: calc(50% + (1200px / 2));
}

.eq-container-expand-left {
    margin-left: 0;
}

.eq-container-expand-right {
    margin-right: 0;
}

/* 浮动清理，不能把清理浮动放在 flex 后面 */
.eq-container::before,
.eq-container::after {
    display: table;
    content: "";
}

.eq-container::after {
    clear: both;
}

/* 栅格布局: 流式布局
========================================================================== */
.eq-row {
    width: 100%;
    *zoom: 1;
}

.eq-row {
    *zoom: 1;
}

.eq-row::before,
.eq-row::after {
    display: table;
    content: "";
}

.eq-row::after {
    clear: both;
}

/* 两个数加起来需等于12,外层需套.eq-row */
[class*="eq-g-"] {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

/* 默认情况，特小屏幕 <480px */
.eq-g-12 {
    width: 100%;
}

.eq-g-11 {
    width: 91.66666667%;
}

.eq-g-10 {
    width: 83.33333333%;
}

.eq-g-9 {
    width: 75%;
}

.eq-g-8 {
    width: 66.66666667%;
}

.eq-g-7 {
    width: 58.33333333%;
}

.eq-g-6 {
    width: 50%;
}

.eq-g-5 {
    width: 41.66666667%;
}

.eq-g-4 {
    width: 33.33333333%;
}

.eq-g-3 {
    width: 25%;
}

.eq-g-2 {
    width: 16.66666667%;
}

.eq-g-1 {
    width: 8.33333333%;
}

/* 栅格布局: flex 弹性布局
========================================================================== */
.eq-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    /* 默认轴线换行 */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 默认轴线水平方向，起点在左边 */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

/* 行内弹性元素 */
.eq-flex-inline {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}

/* 处理浮动对 flex 布局对影响 */
.eq-flex::before,
.eq-flex::after,
.eq-flex-inline::before,
.eq-flex-inline::after {
    display: none;
}

/* 反向主轴：从右到左 */
.eq-flex-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* 纵轴 */
.eq-flex-column {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

/* 反向纵轴：从下到上 */
.eq-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

/*
* 多个弹性项目换行方式
*/

/* 不换行：一排中排列所有弹性项目 */
.eq-flex-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* 多行项目反向换行排列 */
.eq-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/*
 * 主轴的弹性项目对齐方式
 * https://developer.mozilla.org/zh-CN/docs/Web/CSS/justify-content
*/

/* 左边 */
.eq-flex-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

/* 沿着主轴局中，默认水平居中 */
.eq-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/* 右边 */
.eq-flex-right {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

/* 两边分布，首个元素置于起点，末尾元素放置于终点 */
.eq-flex-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* 均予分布，每个元素周围分配相同的空间 */
.eq-flex-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/*
 * 交叉轴的弹性项目排列方式
 * flex-wrap: wrap;多行排列时无效
 * https://developer.mozilla.org/zh-CN/docs/Web/CSS/align-items
*/
/* 上边 */
.eq-flex-top {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

/* 沿着主轴局中，默认垂直居中 */
.eq-flex-middle {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* 底部 */
.eq-flex-bottom {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

/* 拉伸到容器的高度 */
.eq-flex-stretch {
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

/* 基线对齐，不同高度时按照基线对齐 */
.eq-flex-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

/*
 * 多行弹性弹性项目侧轴对齐方式，即（受 flex-wrap 影响）元素从上到下的排列方式，单行时无效
 */
/* 上边 */
.eq-flex-wrap-top {
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

/* 垂直居中 */
.eq-flex-wrap-middle {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
}

/* 底部 */
.eq-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

/* 垂直两边分布 */
.eq-flex-wrap-between {
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between;
}

/* 垂直平均分布 */
.eq-flex-wrap-around {
    -ms-flex-line-pack: distribute;
    -webkit-align-content: space-around;
    align-content: space-around;
}

/* 垂直拉伸分布 */
.eq-flex-wrap-stretch {
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
}

/*
 * 单个弹性项目的对齐方式
 */
.eq-flex-item-auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.eq-flex-item-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.eq-flex-item-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.eq-flex-item-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.eq-flex-item-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.eq-flex-item-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

/*
 * 弹性项目排列顺序
 */
/* 首位 */
.eq-flex-first {
    order: -1;
}

/* 末尾 */
.eq-flex-last {
    order: 100;
}


/* 栅格布局: flex 弹性栅格
========================================================================== */

.eq-f-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.eq-f-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.eq-f-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.eq-f-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.eq-f-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.eq-f-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.eq-f-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.eq-f-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.eq-f-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.eq-f-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.eq-f-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.eq-f-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


/* 栅格布局: flex 自动分栏
-------------------------------------------------------------------- */
/*
 * 弹性元素自动恒等划分：自动在一行平分元素
 */
.eq-f-col > * {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
}

/*
 * 弹性元素内容自适应
 * 相当 flex: initial;
 * 在不给元素 width 的情况下，flex-basis (flex 第三个值) 默认值为 auto，即为根据内容自动适配。flex-basis 优先级比 width 高
 * 第二个值 flex-shrink 为 1 防止内容过大溢出，可设置个 min-width 在弹性元素防止挤压过小
 * 在一栏中内容自适应使用 .eq-flex-inline
 */
.eq-f-col-content > * {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

/*
 * 弹性元素自动伸缩：自动挤压和伸缩内容和元素获得空间，图片图标会自动缩小
 * 等同 flex:auto;
 */
.eq-f-col-auto > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

/*
 * flex 元素不可伸缩
 * 相当于 flex:none
 */
.eq-f-col-none > * {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

/* 用来拉伸元素至满屏，如应用在 eq-card 上
 * max-width 用于修复 IE
 */
.eq-f-col-1 > * {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
}

.eq-f-col-2 > * {
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    -ms-flex: 1 1 auto;
    max-width: 50%;
}

.eq-f-col-3 > * {
    -webkit-flex: 1 1 33.3333333333%;
    -ms-flex: 1 1 33.3333333333%;
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
}

.eq-f-col-4 > * {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
}

.eq-f-col-5 > * {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
}

.eq-f-col-6 > * {
    -webkit-flex: 1 1 16.6666666667%;
    -ms-flex: 1 1 16.6666666667%;
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
}

.eq-f-col-7 > * {
    -webkit-flex: 1 1 14.285714285714286%;
    -ms-flex: 1 1 14.285714285714286%;
    flex: 1 1 14.285714285714286%;
    max-width: 14.285714285714286%;
}

.eq-f-col-8 > * {
    -webkit-flex: 1 1 12.5%;
    -ms-flex: 1 1 12.5%;
    flex: 1 1 12.5%;
    max-width: 12.5%;
}


/* 栅格布局: grid 网格布局
========================================================================== */
.eq-grid {
    display: -ms-grid;
    display: grid;
}


/* 栅格布局: 间隔网格
========================================================================== */

.eq-gutter {
    margin-left: -20px;
    margin-top: -20px;
    /*
    * 修复 padding 无法实现 width="100%"
    * https://stackoverflow.com/questions/5219175/how-to-make-an-element-width-100-minus-padding
    * calc 支持 IE9+
    */
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
}

.eq-gutter > * {
    padding-left: 20px;
    padding-top: 20px;
}

.eq-gutter-10 {
    margin-left: -10px;
    margin-top: -10px;
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
}

.eq-gutter-10 > * {
    padding-left: 10px;
    padding-top: 10px;
}

.eq-gutter-30 {
    margin-left: -30px;
    margin-top: -30px;
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px);
}

.eq-gutter-30 > * {
    padding-left: 30px;
    padding-top: 30px;
}

.eq-gutter-40 {
    margin-left: -40px;
    margin-top: -40px;
    width: -webkit-calc(100% + 40px);
    width: -moz-calc(100% + 40px);
    width: calc(100% + 40px);
}

.eq-gutter-40 > * {
    padding-left: 40px;
    padding-top: 40px;
}


.eq-gutter-50 {
    margin-left: -50px;
    margin-top: -50px;
    width: -webkit-calc(100% + 50px);
    width: -moz-calc(100% + 50px);
    width: calc(100% + 50px);
}

.eq-gutter-50 > * {
    padding-left: 50px;
    padding-top: 50px;
}


.eq-gutter-60 {
    margin-left: -60px;
    margin-top: -60px;
    width: -webkit-calc(100% + 60px);
    width: -moz-calc(100% + 60px);
    width: calc(100% + 60px);
}

.eq-gutter-60 > * {
    padding-left: 60px;
    padding-top: 60px;
}

.eq-gutter-70 {
    margin-left: -70px;
    margin-top: -70px;
    width: -webkit-calc(100% + 70px);
    width: -moz-calc(100% + 70px);
    width: calc(100% + 70px);
}

.eq-gutter-70 > * {
    padding-left: 70px;
    padding-top: 70px;
}


.eq-gutter-80 {
    margin-left: -80px;
    margin-top: -80px;
    width: -webkit-calc(100% + 80px);
    width: -moz-calc(100% + 80px);
    width: calc(100% + 80px);
}

.eq-gutter-80 > * {
    padding-left: 80px;
    padding-top: 80px;
}

.eq-gutter-90 {
    margin-left: -90px;
    margin-top: -90px;
    width: -webkit-calc(100% + 90px);
    width: -moz-calc(100% + 90px);
    width: calc(100% + 90px);
}

.eq-gutter-90 > * {
    padding-left: 90px;
    padding-top: 90px;
}

.eq-gutter-100 {
    margin-left: -100px;
    margin-top: -100px;
    width: -webkit-calc(100% + 100px);
    width: -moz-calc(100% + 100px);
    width: calc(100% + 100px);
}

.eq-gutter-100 > * {
    padding-left: 100px;
    padding-top: 100px;
}

.eq-gutter-110 {
    margin-left: -110px;
    margin-top: -110px;
    width: -webkit-calc(100% + 110px);
    width: -moz-calc(100% + 110px);
    width: calc(100% + 110px);
}

.eq-gutter-110 > * {
    padding-left: 110px;
    padding-top: 110px;
}

.eq-gutter-120 {
    margin-left: -120px;
    margin-top: -120px;
    width: -webkit-calc(100% + 120px);
    width: -moz-calc(100% + 120px);
    width: calc(100% + 120px);
}

.eq-gutter-120 > * {
    padding-left: 120px;
    padding-top: 120px;
}


@media (min-width: 568px) {
    .eq-gutter-s {
        margin-left: -20px;
        margin-top: -20px;
        width: -webkit-calc(100% + 20px);
        width: -moz-calc(100% + 20px);
        width: calc(100% + 20px);
    }

    .eq-gutter-s > * {
        padding-left: 20px;
        padding-top: 20px;
    }

    .eq-gutter-s-10 {
        margin-left: -10px;
        margin-top: -10px;
        width: -webkit-calc(100% + 10px);
        width: -moz-calc(100% + 10px);
        width: calc(100% + 10px);
    }

    .eq-gutter-s-10 > * {
        padding-left: 10px;
        padding-top: 10px;
    }

    .eq-gutter-s-30 {
        margin-left: -30px;
        margin-top: -30px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
    }

    .eq-gutter-s-30 > * {
        padding-left: 30px;
        padding-top: 30px;
    }

    .eq-gutter-s-40 {
        margin-left: -40px;
        margin-top: -40px;
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: calc(100% + 40px);
    }

    .eq-gutter-s-40 > * {
        padding-left: 40px;
        padding-top: 40px;
    }


    .eq-gutter-s-50 {
        margin-left: -50px;
        margin-top: -50px;
        width: -webkit-calc(100% + 50px);
        width: -moz-calc(100% + 50px);
        width: calc(100% + 50px);
    }

    .eq-gutter-s-50 > * {
        padding-left: 50px;
        padding-top: 50px;
    }


    .eq-gutter-s-60 {
        margin-left: -60px;
        margin-top: -60px;
        width: -webkit-calc(100% + 60px);
        width: -moz-calc(100% + 60px);
        width: calc(100% + 60px);
    }

    .eq-gutter-s-60 > * {
        padding-left: 60px;
        padding-top: 60px;
    }


    .eq-gutter-s-70 {
        margin-left: -70px;
        margin-top: -70px;
        width: -webkit-calc(100% + 70px);
        width: -moz-calc(100% + 70px);
        width: calc(100% + 70px);
    }

    .eq-gutter-s-70 > * {
        padding-left: 70px;
        padding-top: 70px;
    }


    .eq-gutter-s-80 {
        margin-left: -80px;
        margin-top: -80px;
        width: -webkit-calc(100% + 80px);
        width: -moz-calc(100% + 80px);
        width: calc(100% + 80px);
    }

    .eq-gutter-s-80 > * {
        padding-left: 80px;
        padding-top: 80px;
    }

    .eq-gutter-s-90 {
        margin-left: -90px;
        margin-top: -90px;
        width: -webkit-calc(100% + 90px);
        width: -moz-calc(100% + 90px);
        width: calc(100% + 90px);
    }

    .eq-gutter-s-90 > * {
        padding-left: 90px;
        padding-top: 90px;
    }

    .eq-gutter-s-100 {
        margin-left: -100px;
        margin-top: -100px;
        width: -webkit-calc(100% + 100px);
        width: -moz-calc(100% + 100px);
        width: calc(100% + 100px);
    }

    .eq-gutter-s-100 > * {
        padding-left: 100px;
        padding-top: 100px;
    }

    .eq-gutter-s-110 {
        margin-left: -110px;
        margin-top: -110px;
        width: -webkit-calc(100% + 110px);
        width: -moz-calc(100% + 110px);
        width: calc(100% + 110px);
    }

    .eq-gutter-s-110 > * {
        padding-left: 110px;
        padding-top: 110px;
    }

    .eq-gutter-s-120 {
        margin-left: -120px;
        margin-top: -120px;
        width: -webkit-calc(100% + 120px);
        width: -moz-calc(100% + 120px);
        width: calc(100% + 120px);
    }

    .eq-gutter-s-120 > * {
        padding-left: 120px;
        padding-top: 120px;
    }


}

@media (min-width: 768px) {
    .eq-gutter-m {
        margin-left: -20px;
        margin-top: -20px;
        width: -webkit-calc(100% + 20px);
        width: -moz-calc(100% + 20px);
        width: calc(100% + 20px);
    }

    .eq-gutter-m > * {
        padding-left: 20px;
        padding-top: 20px;
    }

    .eq-gutter-m-10 {
        margin-left: -10px;
        margin-top: -10px;
        width: -webkit-calc(100% + 10px);
        width: -moz-calc(100% + 10px);
        width: calc(100% + 10px);
    }

    .eq-gutter-m-10 > * {
        padding-left: 10px;
        padding-top: 10px;
    }

    .eq-gutter-m-30 {
        margin-left: -30px;
        margin-top: -30px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
    }

    .eq-gutter-m-30 > * {
        padding-left: 30px;
        padding-top: 30px;
    }

    .eq-gutter-m-40 {
        margin-left: -40px;
        margin-top: -40px;
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: calc(100% + 40px);
    }

    .eq-gutter-m-40 > * {
        padding-left: 40px;
        padding-top: 40px;
    }


    .eq-gutter-m-50 {
        margin-left: -50px;
        margin-top: -50px;
        width: -webkit-calc(100% + 50px);
        width: -moz-calc(100% + 50px);
        width: calc(100% + 50px);
    }

    .eq-gutter-m-50 > * {
        padding-left: 50px;
        padding-top: 50px;
    }


    .eq-gutter-m-60 {
        margin-left: -60px;
        margin-top: -60px;
        width: -webkit-calc(100% + 60px);
        width: -moz-calc(100% + 60px);
        width: calc(100% + 60px);
    }

    .eq-gutter-m-60 > * {
        padding-left: 60px;
        padding-top: 60px;
    }


    .eq-gutter-m-70 {
        margin-left: -70px;
        margin-top: -70px;
        width: -webkit-calc(100% + 70px);
        width: -moz-calc(100% + 70px);
        width: calc(100% + 70px);
    }

    .eq-gutter-m-70 > * {
        padding-left: 70px;
        padding-top: 70px;
    }


    .eq-gutter-m-80 {
        margin-left: -80px;
        margin-top: -80px;
        width: -webkit-calc(100% + 80px);
        width: -moz-calc(100% + 80px);
        width: calc(100% + 80px);
    }

    .eq-gutter-m-80 > * {
        padding-left: 80px;
        padding-top: 80px;
    }

    .eq-gutter-m-90 {
        margin-left: -90px;
        margin-top: -90px;
        width: -webkit-calc(100% + 90px);
        width: -moz-calc(100% + 90px);
        width: calc(100% + 90px);
    }

    .eq-gutter-m-90 > * {
        padding-left: 90px;
        padding-top: 90px;
    }

    .eq-gutter-m-100 {
        margin-left: -100px;
        margin-top: -100px;
        width: -webkit-calc(100% + 100px);
        width: -moz-calc(100% + 100px);
        width: calc(100% + 100px);
    }

    .eq-gutter-m-100 > * {
        padding-left: 100px;
        padding-top: 100px;
    }

    .eq-gutter-m-110 {
        margin-left: -110px;
        margin-top: -110px;
        width: -webkit-calc(100% + 110px);
        width: -moz-calc(100% + 110px);
        width: calc(100% + 110px);
    }

    .eq-gutter-m-110 > * {
        padding-left: 110px;
        padding-top: 110px;
    }

    .eq-gutter-m-120 {
        margin-left: -120px;
        margin-top: -120px;
        width: -webkit-calc(100% + 120px);
        width: -moz-calc(100% + 120px);
        width: calc(100% + 120px);
    }

    .eq-gutter-m-120 > * {
        padding-left: 120px;
        padding-top: 120px;
    }
}

@media (min-width: 1024px) {
    .eq-gutter-l {
        margin-left: -20px;
        margin-top: -20px;
        width: -webkit-calc(100% + 20px);
        width: -moz-calc(100% + 20px);
        width: calc(100% + 20px);
    }

    .eq-gutter-l > * {
        padding-left: 20px;
        padding-top: 20px;
    }

    .eq-gutter-l-10 {
        margin-left: -10px;
        margin-top: -10px;
        width: -webkit-calc(100% + 10px);
        width: -moz-calc(100% + 10px);
        width: calc(100% + 10px);
    }

    .eq-gutter-l-10 > * {
        padding-left: 10px;
        padding-top: 10px;
    }

    .eq-gutter-l-30 {
        margin-left: -30px;
        margin-top: -30px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
    }

    .eq-gutter-l-30 > * {
        padding-left: 30px;
        padding-top: 30px;
    }

    .eq-gutter-l-40 {
        margin-left: -40px;
        margin-top: -40px;
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: calc(100% + 40px);
    }

    .eq-gutter-l-40 > * {
        padding-left: 40px;
        padding-top: 40px;
    }


    .eq-gutter-l-50 {
        margin-left: -50px;
        margin-top: -50px;
        width: -webkit-calc(100% + 50px);
        width: -moz-calc(100% + 50px);
        width: calc(100% + 50px);
    }

    .eq-gutter-l-50 > * {
        padding-left: 50px;
        padding-top: 50px;
    }


    .eq-gutter-l-60 {
        margin-left: -60px;
        margin-top: -60px;
        width: -webkit-calc(100% + 60px);
        width: -moz-calc(100% + 60px);
        width: calc(100% + 60px);
    }

    .eq-gutter-l-60 > * {
        padding-left: 60px;
        padding-top: 60px;
    }


    .eq-gutter-l-70 {
        margin-left: -70px;
        margin-top: -70px;
        width: -webkit-calc(100% + 70px);
        width: -moz-calc(100% + 70px);
        width: calc(100% + 70px);
    }

    .eq-gutter-l-70 > * {
        padding-left: 70px;
        padding-top: 70px;
    }


    .eq-gutter-l-80 {
        margin-left: -80px;
        margin-top: -80px;
        width: -webkit-calc(100% + 80px);
        width: -moz-calc(100% + 80px);
        width: calc(100% + 80px);
    }

    .eq-gutter-l-80 > * {
        padding-left: 80px;
        padding-top: 80px;
    }

    .eq-gutter-l-90 {
        margin-left: -90px;
        margin-top: -90px;
        width: -webkit-calc(100% + 90px);
        width: -moz-calc(100% + 90px);
        width: calc(100% + 90px);
    }

    .eq-gutter-l-90 > * {
        padding-left: 90px;
        padding-top: 90px;
    }

    .eq-gutter-l-100 {
        margin-left: -100px;
        margin-top: -100px;
        width: -webkit-calc(100% + 100px);
        width: -moz-calc(100% + 100px);
        width: calc(100% + 100px);
    }

    .eq-gutter-l-100 > * {
        padding-left: 100px;
        padding-top: 100px;
    }

    .eq-gutter-l-110 {
        margin-left: -110px;
        margin-top: -110px;
        width: -webkit-calc(100% + 110px);
        width: -moz-calc(100% + 110px);
        width: calc(100% + 110px);
    }

    .eq-gutter-l-110 > * {
        padding-left: 110px;
        padding-top: 110px;
    }

    .eq-gutter-l-120 {
        margin-left: -120px;
        margin-top: -120px;
        width: -webkit-calc(100% + 120px);
        width: -moz-calc(100% + 120px);
        width: calc(100% + 120px);
    }

    .eq-gutter-l-120 > * {
        padding-left: 120px;
        padding-top: 120px;
    }
}

@media (min-width: 1200px) {
    .eq-gutter-xl {
        margin-left: -20px;
        margin-top: -20px;
        width: -webkit-calc(100% + 20px);
        width: -moz-calc(100% + 20px);
        width: calc(100% + 20px);
    }

    .eq-gutter-xl > * {
        padding-left: 20px;
        padding-top: 20px;
    }

    .eq-gutter-xl-10 {
        margin-left: -10px;
        margin-top: -10px;
        width: -webkit-calc(100% + 10px);
        width: -moz-calc(100% + 10px);
        width: calc(100% + 10px);
    }

    .eq-gutter-xl-10 > * {
        padding-left: 10px;
        padding-top: 10px;
    }

    .eq-gutter-xl-30 {
        margin-left: -30px;
        margin-top: -30px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
    }

    .eq-gutter-xl-30 > * {
        padding-left: 30px;
        padding-top: 30px;
    }

    .eq-gutter-xl-40 {
        margin-left: -40px;
        margin-top: -40px;
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: calc(100% + 40px);
    }

    .eq-gutter-xl-40 > * {
        padding-left: 40px;
        padding-top: 40px;
    }


    .eq-gutter-xl-50 {
        margin-left: -50px;
        margin-top: -50px;
        width: -webkit-calc(100% + 50px);
        width: -moz-calc(100% + 50px);
        width: calc(100% + 50px);
    }

    .eq-gutter-xl-50 > * {
        padding-left: 50px;
        padding-top: 50px;
    }


    .eq-gutter-xl-60 {
        margin-left: -60px;
        margin-top: -60px;
        width: -webkit-calc(100% + 60px);
        width: -moz-calc(100% + 60px);
        width: calc(100% + 60px);
    }

    .eq-gutter-xl-60 > * {
        padding-left: 60px;
        padding-top: 60px;
    }


    .eq-gutter-xl-70 {
        margin-left: -70px;
        margin-top: -70px;
        width: -webkit-calc(100% + 70px);
        width: -moz-calc(100% + 70px);
        width: calc(100% + 70px);
    }

    .eq-gutter-xl-70 > * {
        padding-left: 70px;
        padding-top: 70px;
    }


    .eq-gutter-xl-80 {
        margin-left: -80px;
        margin-top: -80px;
        width: -webkit-calc(100% + 80px);
        width: -moz-calc(100% + 80px);
        width: calc(100% + 80px);
    }

    .eq-gutter-xl-80 > * {
        padding-left: 80px;
        padding-top: 80px;
    }

    .eq-gutter-xl-90 {
        margin-left: -90px;
        margin-top: -90px;
        width: -webkit-calc(100% + 90px);
        width: -moz-calc(100% + 90px);
        width: calc(100% + 90px);
    }

    .eq-gutter-xl-90 > * {
        padding-left: 90px;
        padding-top: 90px;
    }

    .eq-gutter-xl-100 {
        margin-left: -100px;
        margin-top: -100px;
        width: -webkit-calc(100% + 100px);
        width: -moz-calc(100% + 100px);
        width: calc(100% + 100px);
    }

    .eq-gutter-xl-100 > * {
        padding-left: 100px;
        padding-top: 100px;
    }

    .eq-gutter-xl-110 {
        margin-left: -110px;
        margin-top: -110px;
        width: -webkit-calc(100% + 110px);
        width: -moz-calc(100% + 110px);
        width: calc(100% + 110px);
    }

    .eq-gutter-xl-110 > * {
        padding-left: 110px;
        padding-top: 110px;
    }

    .eq-gutter-xl-120 {
        margin-left: -120px;
        margin-top: -120px;
        width: -webkit-calc(100% + 120px);
        width: -moz-calc(100% + 120px);
        width: calc(100% + 120px);
    }

    .eq-gutter-xl-120 > * {
        padding-left: 120px;
        padding-top: 120px;
    }
}

/* ========================================================================
组件
========================================================================== */

/* 组件: 警报
* 显示成功，警告和错误消息。
========================================================================== */
.eq-alert {
    position: relative;
    margin-bottom: 20px;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 8px;
}

.eq-alert-danger {
    background: #fff1f1;
    color: #ef0000;
}


/* 组件: 背景
========================================================================== */
/*
 *  背景颜色
 */
.eq-background-grey {
    background: #f8f8f8;
}

.eq-background-gradient {
    background: #179fe3;
    background: -moz-radial-gradient(top, ellipse cover, #179fe3 0%, #236CB3 100%);
    background: -webkit-radial-gradient(top, ellipse cover, #179fe3 0%, #236CB3 100%);
    background: radial-gradient(ellipse at top, #179fe3 0%, #236CB3 100%);
    height: 100%;
}

/*
 *  背景尺寸
 */
.eq-background-cover {
    background-size: cover;
}

.eq-background-contain {
    background-size: contain;
}

/*
 *  背景位置
 */
.eq-background-top-left {
    background-position: 0 0;
}

.eq-background-top-center {
    background-position: 50% 0;
}

.eq-background-top-right {
    background-position: 100% 0;
}

.eq-background-center-left {
    background-position: 0 50%;
}

.eq-background-center-center {
    background-position: 50% 50%;
}

.eq-background-center-right {
    background-position: 100% 50%;
}

.eq-background-bottom-left {
    background-position: 0 100%;
}

.eq-background-bottom-center {
    background-position: 50% 100%;
}

.eq-background-bottom-right {
    background-position: 100% 100%;
}

/*
 *  背景重复性
 */
.eq-background-norepeat {
    background-repeat: no-repeat;
}

/*
 *  背景固定
 */
.eq-background-fixed {
    background-attachment: fixed;
    /* 修复 Chrome 67  */
    backface-visibility: hidden;
}

.eq-background-scroll {
    background-attachment: scroll;
}


/* 组件: 按钮
 ========================================================================== */
.eq-button {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /* user-select: 文本不被选择 */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 1.875rem;
    line-height: 36px;
    border: 1px solid #E3E3E3;
    border-radius: 0.3125rem;
    background: transparent;
    color: #585858;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.eq-button:focus, .eq-button:hover {
    text-decoration: none;
    outline: none;
    background-color: #E3E3E3;
    color: #585858;
}

/*
* 按钮颜色
*/
/* 蓝色 */
.eq-button-primary {
    border-color: rgba(70, 149, 216, 1);
    background-color: rgba(70, 149, 216, 1);
    color: #ffffff;
}

.eq-button-primary:hover,
.eq-button-primary:focus {
    background: rgba(65, 142, 204, 1);
    color: #ffffff;
}

/* 玫红色 */
.eq-button-secondary {
    border-color: rgba(216, 70, 128, 1);
    background-color: rgba(216, 70, 128, 1);
    color: #ffffff;
}

.eq-button-secondary:hover,
.eq-button-secondary:focus {
    background-color: rgba(204, 65, 121, 1);
    color: #ffffff;
}

/* 白色线框 */
.eq-button-line-white {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.8);
}

.eq-button-line-white:hover,
.eq-button-line-white:focus,
.eq-button-line-white:enabled {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
    background: transparent;
}

/* 被禁用时 */
.eq-button-line-white:disabled {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.5);
}

/*
* 按钮大小
*/
.eq-button-small {
    padding: 0 15px;
    line-height: 28px;
    font-size: 0.75rem;
}

.eq-button-large {
    padding: 0 40px;
    line-height: 50px;
    font-size: 1rem;
}

/*
* 按钮形状
*/
/* 圆形 */
.eq-button-radius {
    width: 42px;
    height: 42px;
    line-height: 40px;
    border-radius: 100%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 1.125rem;
}

/* 组件: 面包屑导航
========================================================================== */
.eq-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.eq-breadcrumb li {
    position: relative;
    padding-right: 20px;
    margin-right: 5px;
}

.eq-breadcrumb li::before,
.eq-breadcrumb li::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 6px;
    background: #989898;
    top: 50%;
    right: 0;
    transform-origin: 0;
    transform: rotate(225deg);
}

.eq-breadcrumb li::after {
    transform: rotate(135deg);
}

.eq-breadcrumb li:last-child {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
    padding-right: 0;
    margin-right: 0;
}

.eq-breadcrumb li:last-child::before,
.eq-breadcrumb li:last-child::after {
    content: none;
}


/* 组件: 卡片
========================================================================== */
.eq-card {
    position: relative;
}

/*
* 卡片样式
*/
/* 默认白色底 */
.eq-card-default {
    background: #ffffff;
}

/* 蓝色底 */
.eq-card-primary {
    background: #4695D8;
    color: rgba(255, 255, 255, 0.8);
}

/* 黑色底 */
.eq-card-secondary {
    background: #222;
    color: rgba(255, 255, 255, 0.8);
}

/*
* 卡片阴影
*/
.eq-card-shadow {
    box-shadow: 0 4px 26px 4px rgb(0, 0, 0, 0.1);
}

/*
* 卡片圆角
*/
.eq-card-radius {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.eq-card-radius-small {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
}

.eq-card-radius-medium {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}

.eq-card-radius-large {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
}

/*
* 卡片媒体
*/
.eq-card-media-top {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

/*
* 卡片交互
*/
.eq-card-hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.eq-card-hover:hover {
    box-shadow: 0 4px 26px 4px rgba(0, 0, 0, 0.1);
}

.eq-card-primary.eq-card-hover:hover {
    box-shadow: 0 4px 26px 4px rgba(69, 149, 216, 0.3);
}

/* 激活时样式 */
.eq-card-hover.eq-active,
.eq-card-hover.eq-active:hover {
    transform: scale(0.9, 0.9);
    box-shadow: 0 4px 26px 4px rgba(69, 149, 216, 0.3);
}

.eq-card-hover:hover,
.eq-card-default.eq-active,
.eq-card-default.eq-active:hover {
    box-shadow: 0 4px 26px 4px rgba(0, 0, 0, 0.1);
}

.eq-card-hover .eq-checkbox {
    display: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg width='14px' height='10px' viewBox='0 0 14 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECombined Shape Copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Ariticle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-120.000000, -366.000000)'%3E%3Cg id='artical' transform='translate(100.000000, 309.000000)' fill='%23FFFFFF'%3E%3Cg id='content' transform='translate(0.000000, 35.000000)'%3E%3Cpath d='M20.8531245,26.2734433 C20.6618378,26.0821567 20.3388596,26.075761 20.1435975,26.2710231 C19.9540459,26.4605747 19.9494189,26.7839513 20.1460177,26.9805501 L24.0320818,30.8666142 C24.4229391,31.2574715 25.0552935,31.253412 25.441839,30.8602383 L33.3186929,22.8483184 C33.5082694,22.6587419 33.5095293,22.3408996 33.3142671,22.1456374 C33.1247155,21.9560858 32.804404,21.9483938 32.6115861,22.1412117 L24.6662394,30.0865583 L20.8531245,26.2734433 Z' id='Combined-Shape-Copy-2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* 选中卡片选择框固定住 */
.eq-card-hover:hover .eq-checkbox,
.eq-card-hover.eq-active .eq-checkbox {
    display: block;
}

/*
* 卡片选择
*/
.eq-card-select {
    position: absolute;
    left: 12px;
    top: 12px;
}


/* 组件: Cover 遮盖
* 平铺成背景
========================================================================== */
.eq-cover-container {
    position: relative;
    overflow: hidden;
    max-height: 850px;
}

.eq-cover {
    max-width: none;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* 组件: 点导航 dotnav
========================================================================== */
.eq-dotnav {
    list-style: none;
    margin: 0 0 0 -12px;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.eq-dotnav li {
    display: inline-block;
    padding-left: 12px;
}

.eq-dotnav li a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(102, 102, 102, 0.2);
}

/* 垂直点 */
.eq-dotnav-vertical {
    margin-left: 0;
    margin-top: -12px;
}

.eq-dotnav-vertical li {
    display: block;
    padding-left: 0;
    padding-top: 12px;
}

.eq-dotnav li.eq.active a {
    background-color: rgba(102, 102, 102, 0.6);
}

/* 激活点 */
.eq-dotnav li.eq-active a {
    background: rgba(102, 102, 102, 0.5);
}


/* 组件: 下拉菜单 Dropdown
========================================================================== */
.eq-dropdown {
    display: none;
}

.eq-dropdown-menu {
    position: absolute;
    z-index: 1;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 26px 0 rgb(69 149 216 / 20%);
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 100px;
}

.eq-dropdown-menu.open,
.eq-dropdown.open {
    display: flex;
}

/* 组件: dl dt dd 描述列表元素
* 轻松创建外观精美的描述列表，这些列表具有不同的样式。
========================================================================== */
.eq-description-list > dt {
    font-weight: bold;
    text-transform: uppercase;
}

.eq-description-list > dt:nth-child(n+2) {
    margin-top: 20px;
}

/* 线分割 */
.eq-description-list-divider > dt:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #E8E8E8;
}


/* 组件: 表单
========================================================================== */

.eq-form {
    position: relative;
}

/* 白色表单 */
.eq-form-white {
    color: #ffffff;
}

/* 字段分组 */
.eq-field-row {
    margin-bottom: 25px;
}

.eq-field-row {
    *zoom: 1;
}

.eq-field-row::before,
.eq-field-row::after {
    display: table;
    content: "";
}

.eq-field-row::after {
    clear: both;
}

/*
* 基础样式
*/

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea,
figure,
figcaption {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input {
    /* 1 */
    overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
    /* 1 */
    text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focus,
[type="button"]:-moz-focus,
[type="reset"]:-moz-focus,
[type="submit"]:-moz-focus {
    outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

.eq-field {
    width: 100%;
    max-width: 100%;
    outline: none;
    /* 去掉默认点击颜色边框 */
    resize: none;
    border: 1px solid #E8E8E8;
    padding: 12px 8px;
    border-radius: 5px;
    color: #5E626A;
    background: none;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transition-property: color, background-color, border;
    transition-property: color, background-color, border;
    display: inline-block;
    vertical-align: middle;
}

.eq-field:focus {
    border-color: #4695D8;
    background: #fff;
}

/* 单线边框，用在深色背景上 */
.eq-field-line {
    padding: 8px 0;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: #ffffff;
    border-radius: 0;
}

.eq-field-line:focus,
.eq-field-line:invalid {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 1);
}

/* 单线边框 placeholder */
.eq-field-line:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.eq-field-line::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.eq-field-line::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

/* label 标题 */
.eq-label {
    color: #5E626A;
    margin-bottom: 5px;
    display: block;
}

/* 文本框 */
.eq-textarea {
    overflow: auto;
}

/* 下拉选项 */
.eq-select {
    height: 42px;
    line-height: 42px;
    padding: 0 8px;
}

/* 单选按钮和复选框 */
.eq-radio,
.eq-checkbox {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-top: -3px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #E8E8E8;
    background: no-repeat 50% 50%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transition-property: background-color, border;
    -moz-transition-property: background-color, border;
    transition-property: background-color, border;
}

.eq-radio {
    border-radius: 50%;
}

.eq-checkbox {
    border-radius: 3px;
}

/* 焦点状态 */
.eq-radio:focus,
.eq-checkbox:focus {
    outline: none;
}

/* 选中或未知状态 */
.eq-radio:checked,
.eq-checkbox:checked,
.eq-checkbox:indeterminate {
    background-color: rgba(70, 149, 216, 1);
    border-color: transparent;
}

.eq-radio:checked {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iM3B4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDMgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5PdmFsIDE1ODwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJhZG1pbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFkZC1tb2R1bGVzLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMjUuMDAwMDAwLCAtNjU1LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTE1OCIgY3g9IjIyNi41IiBjeT0iNjU2LjUiIHI9IjEuNSI+PC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}

.eq-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg width='14px' height='10px' viewBox='0 0 14 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ECombined Shape Copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Ariticle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-120.000000, -366.000000)'%3E%3Cg id='artical' transform='translate(100.000000, 309.000000)' fill='%23FFFFFF'%3E%3Cg id='content' transform='translate(0.000000, 35.000000)'%3E%3Cpath d='M20.8531245,26.2734433 C20.6618378,26.0821567 20.3388596,26.075761 20.1435975,26.2710231 C19.9540459,26.4605747 19.9494189,26.7839513 20.1460177,26.9805501 L24.0320818,30.8666142 C24.4229391,31.2574715 25.0552935,31.253412 25.441839,30.8602383 L33.3186929,22.8483184 C33.5082694,22.6587419 33.5095293,22.3408996 33.3142671,22.1456374 C33.1247155,21.9560858 32.804404,21.9483938 32.6115861,22.1412117 L24.6662394,30.0865583 L20.8531245,26.2734433 Z' id='Combined-Shape-Copy-2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.eq-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/* 白色表单时 */
.eq-radio-white:checked,
.eq-checkbox-white:checked,
.eq-checkbox-white:indeterminate {
    background-color: transparent;
    border: 1px solid #fff;
}

/*
* 特殊样式
*/

.eq-checkbox-radius {
    border-radius: 50%;
    width: 22px;
    height: 22px;
}

/* 字段白色背景 */
.eq-field-white {
    background: #fff;
}

/*
* 文件选择器
*/
.eq-file {
    position: absolute;
    z-index: 1;
    /* 隐藏默认上传框 */
    font-size: 500px;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/*
* 表单状态
*/

/* 错误验证状态，点击后验证 */
.eq-field:focus:invalid {
    background: #fff1f1;
}

/* 正确验证状态 */
.eq-field:focus:valid {
    background: #ffffff;
}

.eq-field-line:focus:valid {
    background: none;
}

/* 字段验证错误*/
.eq-error-message {
    color: #ef0000;
    text-align: left;
    margin-top: 5px;
}

/* 白色表单时 */
.eq-form-white .eq-error-message {
    color: #e8ef00;
}

.eq-form-white .eq-error {
    border-bottom-color: #e8ef00;
}

/*
* 表单大小
*/
.eq-field-small {
    height: 30px;
    line-height: 28px;
    font-size: 0.875rem;
}

.eq-field-large {
    height: 52px;
    line-height: 50px;
    font-size: 1rem;
}

/*
* 表单布局
*/

/* 水平方向 */
@media (min-width: 768px) {
    .eq-form-horizontal .eq-label {
        float: left;
        width: 20%;
        padding-top: 10px;
    }

    .eq-field-controls {
        float: left;
        width: 80%;
    }

    .eq-field-controls-text {
        padding-top: 8px;
    }
}


/* 调整 radio 和 checkbox 间距 */
.eq-label-check {
    margin-right: 20px;
    margin-top: 10px;
    display: inline-block;
    color: #5E626A;
}

.eq-label-check input[type="radio"],
.eq-label-check input[type="checkbox"] {
    margin-right: 8px;
}

/*
* 搜索框
*/
.eq-search {
    position: relative;
}

.eq-search-field {
    border: none;
    width: 100%;
    background: none;
    opacity: 0.8;
    padding: 8px 8px 8px 30px;
    line-height: 28px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    pointer-events: auto;
}

/* Placeholder */
.eq-search-field:-ms-input-placeholder {
    color: #989898 !important;
}

.eq-search-field::-moz-placeholder {
    color: #989898;
}

.eq-search-field::-webkit-input-placeholder {
    color: #989898;
}

.eq-search-field-white:-ms-input-placeholder {
    color: #ffffff;
}

.eq-search-field-white::-moz-placeholder {
    color: #ffffff;
}

.eq-search-field-white,
.eq-search-field-white::-webkit-input-placeholder {
    color: #ffffff;
}

/* 去掉默认清理按钮 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* 搜索和清除按钮 */
.eq-search [class*="eq-icons-search"],
.eq-reset {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    margin-top: -14px;
    cursor: pointer;
    transition: all 1s;
    background-color: transparent;
    /* 作为 submit */
    border: none;
    text-indent: -99999px;
    padding-right: 0;
    pointer-events: auto;
}

.eq-reset {
    left: auto;
    right: 0;
    top: 50%;
    width: 22px;
    height: 44px;
    margin-top: -22px;
}

.eq-reset::before,
.eq-reset::after {
    position: absolute;
    top: 50%;
    content: '';
    height: 1px;
    background-color: #989898;
    width: 15px;
    right: 0;
    transform-origin: center;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.eq-reset::after {
    transform: rotate(135deg);
    -ms-transform: rotate(1355deg);
    -webkit-transform: rotate(135deg);
}

.eq-reset-white::before,
.eq-reset-white::after {
    background-color: #ffffff;
}

.eq-search-submit:focus,
.eq-search-submit:active {
    border: none;
    outline: none;
}

/* 清理点击出现边框 */
.eq-search-field:focus,
.eq-reset:focus {
    outline: 0;
    background: none;
    opacity: 1;
}

/* 伸缩导航 */
.eq-search.eq-search-expend {
    display: none;
}

.eq-search.eq-search-expend.open {
    display: block;
    width: 100%;
}

/*
* 编辑器
*/
.eq-editor-bg {
    background: #ffffff;
    border-radius: 5px;
}

.eq-editor-bg .eq-field {
    border: none;
    padding: 15px;
    font-size: 18px;
}

.eq-editor-content {
    height: 380px;
    width: 100%;
    overflow: scroll;
    resize: none;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #E8E8E8;
}

.eq-editor-content:focus {
    outline: none;
}

.eq-editor-navbar {
    background: #F0F0F0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.eq-editor-toolbar {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.eq-editor-toolbar li {
    float: left;
}

.eq-editor-toolbar li > a {
    display: block;
    padding: 10px 18px;
}

.eq-editor-toolbar li > a:hover {
    background: #f8f8f8;
}

/*
* 字体图标
*/
/*@font-face {*/
/*    font-family: eqfont;*/
/*    src: url('../fonts/eqfont.ttf'),*/
/*    url('../fonts/eqfont.eot'),*/
/*    url('../fonts/eqfont.woff');*/
/*}*/

/*[class*='eq-fonticon-'] {*/
/*    font-family: eqfont;*/
/*    display: inline-block;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    font-size: 10px;*/
/*    color: #858585;*/
/*    font-style: normal;*/
/*}*/

/*.eq-editor-toolbar li > a:hover [class*='eq-fonticon-'] {*/
/*    color: #222222;*/
/*}*/

/*.eq-fonticon-color:before {*/
/*    content: '\e907';*/
/*}*/

/*.eq-fonticon-head:before {*/
/*    content: '\e909';*/
/*}*/

/*.eq-fonticon-bold:before {*/
/*    content: '\e908';*/
/*}*/

/*.eq-fonticon-italic:before {*/
/*    content: '\e904';*/
/*}*/

/*.eq-fonticon-underline:before {*/
/*    content: '\e903';*/
/*}*/

/*.eq-fonticon-strikethrough:before {*/
/*    content: '\e902';*/
/*}*/

/*.eq-fonticon-listul:before {*/
/*    content: '\e90b';*/
/*}*/

/*.eq-fonticon-listol:before {*/
/*    content: '\e900';*/
/*}*/

/*.eq-fonticon-link:before {*/
/*    content: '\e90a';*/
/*}*/

/*.eq-fonticon-image:before {*/
/*    content: '\e906';*/
/*}*/

/*.eq-fonticon-movie:before {*/
/*    content: '\e90c';*/
/*}*/


/* 组件: 过滤 Filter
* 过滤或排序项目。
========================================================================== */
.eq-filter {
    padding: 0;
    margin: 0;
    list-style: none;
}


/* 组件: 列表 List
* 轻松创建外观精美的列表，这些列表具有不同的样式。
========================================================================== */
/* 不要使用 margin: 0， 以免覆盖 .eq-gutter */
.eq-list {
    padding: 0;
    list-style: none;
}

.eq-list::before,
.eq-list::after {
    display: table;
    content: "";
}

/* 组件: 分页: Pagination
========================================================================== */

.eq-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 30px -6px;
    padding: 0;
    list-style: none;
}

.eq-pagination li {
    padding: 6px 6px 6px 0;
}

.eq-pagination li a {
    display: inline-block;
    padding: 2px 12px;
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    color: #989898;
    text-align: center;
}

.eq-pagination li a:hover,
.eq-pagination li.eq-active a {
    background: #ffffff;
    color: #383838;
}

.eq-pagination-first,
.eq-pagination-last,
.eq-pagination-previous,
.eq-pagination-next {
    background-size: auto 12px !important;
    text-indent: -99999px;
}

/* 组件: 表格
========================================================================== */
.eq-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.eq-table thead tr {
    border-bottom: 1px solid #CACACA;
}

.eq-table th {
    text-align: left;
    padding: 16px 12px;
    color: #989898;
    font-size: 0.875rem;
    font-weight: normal;
}

.eq-table td {
    padding: 16px 12px;
    vertical-align: top;
    word-break: break-all;
}

.eq-table tbody tr {
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}

/*
* 垂直居中
*/
.eq-table-middle td {
    vertical-align: middle;
}

/*
* 行分割
*/
.eq-table-divider tr:not(:first-child) {
    border-top: 1px solid #E8E8E8;
}

/*
* 行条纹
*/
.eq-table-striped tr:nth-child(even) {
    background-color: #f8f8f8;
}

/*
* 表格交互
*/
.eq-table-hover tbody tr:hover,
.eq-table-hover tbody tr.eq-active {
    background: #ffffff;
}

/* 组件: Tab 标签组
========================================================================== */
.eq-tab {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.eq-tab > li {
    display: inline-block;
}

.eq-tab > li a {
    display: inline-block;
    padding: 6px 30px;
    font-size: 1rem;
}

.eq-tab > li.eq-active a {
    background: #8098C0;
    color: #fff;
}

.eq-tabs .eq-tab {
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 30px;
}

.eq-tabs .eq-tab li.eq-active a {
    background: #ffffff;
    color: #4695D8;
    border-bottom: 2px solid #4695D8;
}

.eq-tab-content > div:not(.eq-active) {
    display: none;
}


/* 组件: 提示
========================================================================== */
.eq-tooltip {
    position: relative;
    display: inline-block;
}

.eq-tooltip-content {
    position: absolute;
    top: -75px;
    left: 50%;
    background: #ffffff;
    color: #585858;
    padding: 15px;
    border-radius: 5px;
    font-size: 12px;
    width: 120px;
    margin-left: -60px;
    box-shadow: 0 0 25px 0 rgba(152, 152, 152, 0.1);
    display: none;
}

.eq-tooltip-content::after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    content: "";
    border-top: 6px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    width: 0;
    height: 0;
    box-shadow: 0 3px 25px 0 rgba(152, 152, 152, 0.1);
}

.eq-tooltip-content h6 {
    margin-bottom: 5px;
    font-size: 13px;
}

.eq-tooltip:hover .eq-tooltip-content {
    display: block;
}


/* 组件: 导航
========================================================================== */
/*
* 导航栏
*/
.eq-navbar,
.eq-nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

.eq-navbar::before,
.eq-navbar::after {
    content: "";
    display: table;
}

.eq-navbar::after {
    clear: both;
}

.eq-navbar-container {
    background: #ffffff;
}

/* 设置 ul 为导航 */
.eq-navbar-nav,
.eq-icon-navbar,
.eq-navbar-tab {
    list-style: none;
    margin: 0;
    padding: 0;
}

.eq-icon-navbar {
    /*  清除  inline-block 间隙  */
    font-size: 0;
}

.eq-navbar-nav > li,
.eq-icon-navbar > li {
    position: relative;
}

.eq-navbar-nav > li:not(:first-child) {
    box-shadow: inset 0 1px #e8f0ff;
}

.eq-icon-navbar > li {
    display: inline-block;
    font-size: 1rem;
}

.eq-navbar-nav > li > a {
    display: block;
    line-height: 50px;
    height: 50px;
    padding: 0 50px;
    font-size: 1rem;
    color: #585858;
}

.eq-navbar-nav > li:hover > a,
.eq-navbar-nav > li > a:focus,
.eq-navbar-nav > li > a:active,
.eq-navbar-nav > li.eq-active > a {
    background: #8098C0;
    color: #ffffff;
}

/* icon 导航 */
.eq-icon-navbar > li > a {
    display: inline-block;
    padding: 12px 20px;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.8;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    vertical-align: middle;
}

.eq-icon-navbar > li a:hover {
    opacity: 1;
}

/* 导航位置 */
.eq-navbar-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
    max-width: 50%;
    overflow: hidden;
}

.eq-navbar-right {
    float: right;
}

/* 导航切换图标 */
.eq-navbar-toggle {
    display: block;
    position: relative;
    width: 22px;
    height: 18px;
}

/* 两条细线 */
.eq-navbar-toggle::after {
    content: "";
    position: absolute;
    height: 2px;
    background: #989898;
    left: 0;
    top: 0;
    width: 22px;
    box-shadow: 0 8px 0 #989898;
    border-radius: 2px;
}

/* 三条线 */
.eq-toggle-icon::after {
    box-shadow: 0 8px 0 #989898, 0 16px 0 #989898;
}

/* 反白 */
.eq-navbar-toggle-white::after {
    background: #ffffff;
    box-shadow: 0 8px 0 #ffffff;
}

.eq-toggle-icon-white::after {
    background: #ffffff;
    box-shadow: 0 6px 0 #ffffff, 0 12px 0 #ffffff;
}


/* 下拉导航 */
.eq-navbar-dropmenu {
    position: absolute;
    list-style: none;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 26px 0 rgba(69, 149, 216, 0.2);
    white-space: nowrap;
    padding: 0;
    z-index: 1;
    display: none;
}

.eq-navbar-nav li:hover .eq-navbar-dropmenu,
.eq-navbar-dropmenu.open-menu {
    display: block;
}

.eq-navbar-dropmenu::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #ffffff;
    margin-left: -9px;
    top: -9px;
    left: 50%;
}

.eq-navbar-dropmenu > li > a,
.eq-dropdown-menu > li > a {
    color: #585858;
    padding: 15px 15px 0;
    display: block;
}

.eq-navbar-dropmenu > li:last-child > a,
.eq-dropdown-menu > li:last-child > a {
    padding-bottom: 15px;
}

.eq-navbar-dropmenu > li > a:hover {
    color: #4695D8;
}

.eq-navbar-nav > li:hover .eq-navbar-dropmenu {
    display: block;
}

/*
* 列表导航
*/
.eq-nav > li > a {
    display: block;
    padding: 6px;
    clear: both;
    line-height: 28px;
}

/*
* 标签导航
*/
.eq-navbar-tab-wrapper {
    overflow: hidden;
    position: relative;
}

.eq-navbar-tab {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.eq-navbar-tab > li {
    display: inline-block;
    white-space: normal;
}

.eq-navbar-tab > li a {
    display: inline-block;
    padding: 10px;
}


/**
* 导航分割线
*/
.eq-navbar-divider {
    border-left: 1px solid #989898;
    padding-left: 20px;
    margin-left: 20px;
}

/* 组件: icons
========================================================================== */
[class*="eq-icons-"] {
    display: inline-block;
    padding-right: 30px;
    width: 28px;
    height: 28px;
    background: center no-repeat;
    background-size: auto 20px;
    vertical-align: middle;
}

/*
* 图标
*/

.eq-icons-arrow-left {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTIgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+VHJpYW5nbGUgMzwvdGl0bGU+CiAgICA8ZyBpZD0iYWRtaW4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJbnRyb2R1Y3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjcuMDAwMDAwLCAtNzk5LjAwMDAwMCkiIHN0cm9rZT0iIzlCOUI5QiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCAyNzUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuMDAwMDAwLCA0OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlRyaWFuZ2xlLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjAwMDAwMCwgNDg2LjAwMDAwMCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTEzLjAwMDAwMCwgLTQ4Ni4wMDAwMDApICIgcG9pbnRzPSIyMyA0ODEgMTMgNDkxIDMgNDgxIj48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}

.eq-icons-arrow-right {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTIgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+VHJpYW5nbGUgMzwvdGl0bGU+CiAgICA8ZyBpZD0iYWRtaW4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJbnRyb2R1Y3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NDIuMDAwMDAwLCAtNzk5LjAwMDAwMCkiIHN0cm9rZT0iIzlCOUI5QiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCAyNzUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuMDAwMDAwLCA0OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlRyaWFuZ2xlLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4OC4wMDAwMDAsIDQ4Ni4wMDAwMDApIHNjYWxlKC0xLCAxKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNDg4LjAwMDAwMCwgLTQ4Ni4wMDAwMDApICIgcG9pbnRzPSI0OTggNDgxIDQ4OCA0OTEgNDc4IDQ4MSI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}

.eq-icons-arrow-long-down {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTEgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6Izk4OTg5ODt9Cgkuc3Qxe2ZpbGw6Izk4OTg5ODt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJUcmlhbmdsZS0xIiBjbGFzcz0ic3QwIiBkPSJNMTAuMiw2YzAsMC0wLjcsMC44LTEuNywxLjlMNS44LDExTDEuMiw2Ii8+CjxyZWN0IGlkPSJSZWN0YW5nbGUtODYiIHg9IjUuMiIgeT0iMC41IiBjbGFzcz0ic3QxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxMCIvPgo8L3N2Zz4K");
}

.eq-icons-arrow-double-left {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDM8L3RpdGxlPgogICAgPGcgaWQ9ImFkbWluIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iU2l0ZS1saXN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEyLjAwMDAwMCwgLTU4My4wMDAwMDApIiBzdHJva2U9IiM5Nzk3OTciPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMy4wMDAwMDAsIDU4NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iVHJpYW5nbGUtMy1Db3B55aSH5Lu9LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNTAwMDAwLCA1LjAwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0yLjUwMDAwMCwgLTUuMDAwMDAwKSAiIHBvaW50cz0iNy41IDIuNSAyLjUgNy41IC0yLjUgMi41Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJUcmlhbmdsZS0zLUNvcHnlpIfku70tMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy41MDAwMDAsIDUuMDAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTcuNTAwMDAwLCAtNS4wMDAwMDApICIgcG9pbnRzPSIxMi41IDIuNSA3LjUgNy41IDIuNSAyLjUiPjwvcG9seWxpbmU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}

.eq-icons-arrow-double-right {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDPlpIfku708L3RpdGxlPgogICAgPGcgaWQ9ImFkbWluIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iU2l0ZS1saXN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDE2LjAwMDAwMCwgLTU4My4wMDAwMDApIiBzdHJva2U9IiM5Nzk3OTciPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTPlpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyMi4wMDAwMDAsIDU4OS4wMDAwMDApIHJvdGF0ZSgxODAuMDAwMDAwKSB0cmFuc2xhdGUoLTQyMi4wMDAwMDAsIC01ODkuMDAwMDAwKSB0cmFuc2xhdGUoNDE3LjAwMDAwMCwgNTg0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJUcmlhbmdsZS0zLUNvcHnlpIfku70tMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi41MDAwMDAsIDUuMDAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTIuNTAwMDAwLCAtNS4wMDAwMDApICIgcG9pbnRzPSI3LjUgMi41IDIuNSA3LjUgLTIuNSAyLjUiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlRyaWFuZ2xlLTMtQ29weeWkh+S7vS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjUwMDAwMCwgNS4wMDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNy41MDAwMDAsIC01LjAwMDAwMCkgIiBwb2ludHM9IjEyLjUgMi41IDcuNSA3LjUgMi41IDIuNSI+PC9wb2x5bGluZT4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}

.eq-icons-help {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS43MyAyMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM1ZTYyNmE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5jbHMtMntmb250LXNpemU6MTUuNDdweDtmaWxsOiM1ZTYyNmE7Zm9udC1mYW1pbHk6UGluZ0ZhbmdTQy1SZWd1bGFyLUdCcGMtRVVDLUgsIFBpbmdGYW5nIFNDO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aGVscDwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i5Zu+5bGCXzEtMiIgZGF0YS1uYW1lPSLlm77lsYIgMSI+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxMC41IiBjeT0iMTAuNSIgcj0iMTAiLz48dGV4dCBjbGFzcz0iY2xzLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMjcgMTYuMzMpIj7vvJ88L3RleHQ+PC9nPjwvZz48L3N2Zz4=");
    background-size: auto 22px;
}

.eq-icons-home {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy4xNCAyMC4wOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM1ZTYyNmE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5ob21lPC90aXRsZT48ZyBpZD0i5Zu+5bGCXzIiIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGlkPSLlm77lsYJfMS0yIiBkYXRhLW5hbWU9IuWbvuWxgiAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy4yMiwxOS41OVYxNi42N2ExLjY1LDEuNjUsMCwwLDAtMS42OS0xLjc4LDIuODUsMi44NSwwLDAsMC0yLjMxLDEuNzh2Mi45MmgtNHYtOEgxLjk0Yy0xLjUzLDAtMS45LS44OS0uODMtMmw3Ljk0LThhMy40OSwzLjQ5LDAsMCwxLDUsMGw3Ljk0LDhjMS4wOCwxLjA5LjcxLDItLjgyLDJoLTN2OFoiLz48cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjE3LjUyIDIuNjEgMjEuMTMgMi43MyAyMS4yNSA2LjM0Ii8+PC9nPjwvZz48L3N2Zz4=");
}

.eq-icons-search {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS43OCAyMC44NiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM1ZTYyNmE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5zZWFyY2g8L3RpdGxlPjxnIGlkPSLlm77lsYJfMiIgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgaWQ9IuWbvuWxgl8xLTIiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iOS41IiBjeT0iOS41IiByPSI5Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTYuNSIgeTE9IjE0LjQ1IiB4Mj0iMjUuNSIgeTI9IjIwLjQ1Ii8+PC9nPjwvZz48L3N2Zz4=");
}

.eq-icons-toggle-left {
    background-size: 26px auto;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0LjczIDMuMDciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojOTg5ODk4O2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48ZyBpZD0i5Zu+5bGCXzIiIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGlkPSLlm77lsYJfMS0yIiBkYXRhLW5hbWU9IuWbvuWxgiAxIj48cGF0aCBpZD0iUmVjdGFuZ2xlLTEyMTciIGNsYXNzPSJjbHMtMSIgZD0iTS4xNywwSDQuNTZhLjE5LjE5LDAsMCwxLC4xNy4yaDBhLjE4LjE4LDAsMCwxLS4xNy4xOUguMTdBLjE4LjE4LDAsMCwxLDAsLjJIMEEuMTkuMTksMCwwLDEsLjE3LDBaIi8+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMjE3LTIiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlLTEyMTciIGNsYXNzPSJjbHMtMSIgZD0iTS4xNiwxLjM0SDNhLjE4LjE4LDAsMCwxLC4xNi4yaDBBLjE4LjE4LDAsMCwxLDMsMS43M0guMTZBLjE4LjE4LDAsMCwxLDAsMS41NEgwQS4xOC4xOCwwLDAsMSwuMTYsMS4zNFoiLz48cGF0aCBpZD0iUmVjdGFuZ2xlLTEyMTctMyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUtMTIxNyIgY2xhc3M9ImNscy0xIiBkPSJNLjEzLDIuNjhIMS40NGMuMDgsMCwuMTQuMDkuMTQuMTloMGMwLC4xMS0uMDYuMi0uMTQuMkguMTNDLjA2LDMuMDcsMCwzLDAsMi44N0gwQzAsMi43Ny4wNiwyLjY4LjEzLDIuNjhaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.eq-icons-list {
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjIgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEPC90aXRsZT4KICAgIDxnIGlkPSJhZG1pbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFyaXRpY2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE5Ni4wMDAwMDAsIC0yNDMuMDAwMDAwKSIgZmlsbD0iIzVFNjI2QSI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExOTYuMDAwMDAwLCAyNDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY2IiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS02Ni1Db3B5IiB4PSIwIiB5PSI3IiB3aWR0aD0iMjIiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS02Ni1Db3B5LTIiIHg9IjAiIHk9IjE1IiB3aWR0aD0iMjIiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}

.eq-icons-grid {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjAgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bGlzdO+8jXBpYzwvdGl0bGU+CiAgICA8ZyBpZD0iYWRtaW4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJTaWRlYmFyLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjQ1LjAwMDAwMCwgLTI0Mi4wMDAwMDApIiBzdHJva2U9IiM5ODk4OTgiPgogICAgICAgICAgICA8ZyBpZD0ibWVudSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ2LjAwMDAwMCwgMTYwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Imxpc3TvvI1waWMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMDAuMDAwMDAwLCA4My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5IiB4PSIwIiB5PSIwIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNjktQ29weS0yIiB4PSIwIiB5PSIxMCIgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5LUNvcHkiIHg9IjExIiB5PSIwIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNjktQ29weS0zIiB4PSIxMSIgeT0iMTAiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}

.eq-close {
    position: absolute;
    right: 5%;
    top: 5%;
    display: block;
    padding: 12px;
    z-index: 1;
}

.eq-close::before,
.eq-close::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 24px;
    background: #989898;
    left: 0;
    top: 0;
    transition: all .5s ease-in-out;
}

.eq-close-white::before,
.eq-close-white::after {
    background: #fff;
}

.eq-close::before {
    transform: rotate(45deg);
}

.eq-close::after {
    transform: rotate(-45deg);
}

/* 白色图标 */
.eq-icons-arrow-left-white {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTIgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+cmlnaHQ8L3RpdGxlPgogICAgPGcgaWQ9ImFkbWluIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSW50cm9kdWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY3LjAwMDAwMCwgLTc5OS4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgMjc1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgNDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJyaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMuMDAwMDAwLCA0ODYuMDAwMDAwKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTMuMDAwMDAwLCAtNDg2LjAwMDAwMCkgIiBwb2ludHM9IjIzIDQ4MSAxMyA0OTEgMyA0ODEiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}

.eq-icons-arrow-right-white {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTIgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bGVmdDwvdGl0bGU+CiAgICA8ZyBpZD0iYWRtaW4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJbnRyb2R1Y3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NDIuMDAwMDAwLCAtNzk5LjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCAyNzUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuMDAwMDAwLCA0OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9ImxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4OC4wMDAwMDAsIDQ4Ni4wMDAwMDApIHNjYWxlKC0xLCAxKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNDg4LjAwMDAwMCwgLTQ4Ni4wMDAwMDApICIgcG9pbnRzPSI0OTggNDgxIDQ4OCA0OTEgNDc4IDQ4MSI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}

.eq-icons-search-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS43OCAyMC44NiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5zZWFyY2gtd2hpdGU8L3RpdGxlPjxnIGlkPSLlm77lsYJfMiIgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgaWQ9IuWbvuWxgl8xLTIiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iOS41IiBjeT0iOS41IiByPSI5Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTYuNSIgeTE9IjE0LjQ1IiB4Mj0iMjUuNSIgeTI9IjIwLjQ1Ii8+PC9nPjwvZz48L3N2Zz4=);
}

.eq-icons-home-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy4xNCAyMC4wOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5ob21lLXdoaXRlPC90aXRsZT48ZyBpZD0i5Zu+5bGCXzIiIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGlkPSLlm77lsYJfMS0yIiBkYXRhLW5hbWU9IuWbvuWxgiAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy4yMiwxOS41OVYxNi42N2ExLjY1LDEuNjUsMCwwLDAtMS42OS0xLjc4LDIuODUsMi44NSwwLDAsMC0yLjMxLDEuNzh2Mi45MmgtNHYtOEgxLjk0Yy0xLjUzLDAtMS45LS44OS0uODMtMmw3Ljk0LThhMy40OSwzLjQ5LDAsMCwxLDUsMGw3Ljk0LDhjMS4wOCwxLjA5LjcxLDItLjgyLDJoLTN2OFoiLz48cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjE3LjUyIDIuNjEgMjEuMTMgMi43MyAyMS4yNSA2LjM0Ii8+PC9nPjwvZz48L3N2Zz4=);
}

.eq-icons-help-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS43MyAyMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5jbHMtMntmb250LXNpemU6MTUuNDdweDtmaWxsOiNmZmY7Zm9udC1mYW1pbHk6UGluZ0ZhbmdTQy1SZWd1bGFyLUdCcGMtRVVDLUgsIFBpbmdGYW5nIFNDO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aGVscC13aGl0ZTwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i5Zu+5bGCXzEtMiIgZGF0YS1uYW1lPSLlm77lsYIgMSI+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxMC41IiBjeT0iMTAuNSIgcj0iMTAiLz48dGV4dCBjbGFzcz0iY2xzLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMjcgMTYuMzMpIj7vvJ88L3RleHQ+PC9nPjwvZz48L3N2Zz4=);
    background-size: auto 22px;
}

.eq-icons-toggle-left-white {
    background-size: 26px auto;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0LjczIDMuMDciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48ZyBpZD0i5Zu+5bGCXzIiIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGlkPSLlm77lsYJfMS0yIiBkYXRhLW5hbWU9IuWbvuWxgiAxIj48cGF0aCBpZD0iUmVjdGFuZ2xlLTEyMTciIGNsYXNzPSJjbHMtMSIgZD0iTS4xNywwSDQuNTZhLjE5LjE5LDAsMCwxLC4xNy4yaDBhLjE4LjE4LDAsMCwxLS4xNy4xOUguMTdBLjE4LjE4LDAsMCwxLDAsLjJIMEEuMTkuMTksMCwwLDEsLjE3LDBaIi8+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMjE3LTIiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlLTEyMTciIGNsYXNzPSJjbHMtMSIgZD0iTS4xNiwxLjM0SDNhLjE4LjE4LDAsMCwxLC4xNi4yaDBBLjE4LjE4LDAsMCwxLDMsMS43M0guMTZBLjE4LjE4LDAsMCwxLDAsMS41NEgwQS4xOC4xOCwwLDAsMSwuMTYsMS4zNFoiLz48cGF0aCBpZD0iUmVjdGFuZ2xlLTEyMTctMyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUtMTIxNyIgY2xhc3M9ImNscy0xIiBkPSJNLjEzLDIuNjhIMS40NGMuMDgsMCwuMTQuMDkuMTQuMTloMGMwLC4xMS0uMDYuMi0uMTQuMkguMTNDLjA2LDMuMDcsMCwzLDAsMi44N0gwQzAsMi43Ny4wNiwyLjY4LjEzLDIuNjhaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.eq-icons-list-white {
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjIgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEPC90aXRsZT4KICAgIDxnIGlkPSJhZG1pbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFyaXRpY2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE5Ni4wMDAwMDAsIC0yNDMuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExOTYuMDAwMDAwLCAyNDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY2IiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS02Ni1Db3B5IiB4PSIwIiB5PSI3IiB3aWR0aD0iMjIiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS02Ni1Db3B5LTIiIHg9IjAiIHk9IjE1IiB3aWR0aD0iMjIiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}

.eq-icons-grid-white {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjAgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bGlzdO+8jXBpYzwvdGl0bGU+CiAgICA8ZyBpZD0iYWRtaW4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJTaWRlYmFyLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjQ1LjAwMDAwMCwgLTI0Mi4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0ibWVudSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ2LjAwMDAwMCwgMTYwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Imxpc3TvvI1waWMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMDAuMDAwMDAwLCA4My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5IiB4PSIwIiB5PSIwIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNjktQ29weS0yIiB4PSIwIiB5PSIxMCIgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5LUNvcHkiIHg9IjExIiB5PSIwIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNjktQ29weS0zIiB4PSIxMSIgeT0iMTAiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}

/* 图标尺寸 */
.eq-icons-min {
    background-size: 12px auto;
}

/* 组件: 焦点图 slideshow
========================================================================== */
.eq-slideshow {
    position: relative;
    margin: 0 auto;
}

.eq-slidenav-previous,
.eq-slidenav-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    padding: 20px;
    border-radius: 50%;
    display: none;
}

.eq-slidenav-previous {
    left: 5%;
}

.eq-slidenav-next {
    right: 5%;
}

.eq-icons-arrow-left-white.eq-slidenav-previous,
.eq-icons-arrow-right-white.eq-slidenav-next {
    background-color: rgba(0, 0, 0, 0.5);
}

.eq-hover:hover .eq-slidenav-previous,
.eq-hover:hover .eq-slidenav-next {
    display: block;
}

.eq-slideshow-items {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    text-align: center;
}

.eq-slideshow-items li {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    will-change: transform, opacity;
    touch-action: pan-y;
}

.eq-slideshow-items > li:not(.eq-active) {
    display: none;
}


/* 组件: 缩略图导航
========================================================================== */

.eq-thumbnav {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.eq-thumbnav li {
    display: inline-block;
    font-size: 1rem;
}

/* 水平布局 */
.eq-thumbnav-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* 垂直布局 */
.eq-thumbnav-vertica li {
    display: block;
}

/* 组件: Lightbox 灯箱
* 创建包含图像和视频的自适应灯箱画廊。
========================================================================== */
.eq-lightbox-panel {
    opacity: 1 !important;
    width: 100% !important;
}

.eq-lightbox-items li.eq-active {
    display: flex;
}

.eq-lightbox-items > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
}

.eq-lightbox-items > li:not(.eq-active) {
    display: none;
}

.eq-lightbox-panel .eq-slidenav-previous,
.eq-lightbox-panel .eq-slidenav-next {
    z-index: 1;
    display: block;
}


/* 组件: 划出遮盖
========================================================================== */
.eq-offcanvas-cover {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 1000;
    width: 0;
    transition: opacity 0.5s ease-in-out;
}

.eq-canvas-open {
    width: 100%;
}

.eq-offcanvas-cover-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    width: 0;
    height: 100%;
    transition: opacity 0.5s ease-in-out;
}

.eq-canvas-open .eq-offcanvas-cover-bg {
    opacity: 1;
    width: 100%;
}

.eq-offcanvas-container {
    background: #ffffff;
    position: fixed;
    overflow: hidden;
    height: 100%;
    width: 280px;
}

.eq-offcanvas-scroller {
    height: 100%;
    position: absolute;
    overflow-y: scroll;
    width: 300px;
    /* 用于隐藏里面滚动条 */
    pointer-events: auto;
}

.eq-offcanvas-right {
    right: 0;
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
    transform: translateX(320px);
    transition: all 0.5s ease-in-out;
}

.eq-canvas-open .eq-offcanvas-right {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}


/* ========================================================================
    辅助类
========================================================================== */

/* 辅助类: 头像
*
========================================================================== */
.eq-avatar {
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: rgba(255, 255, 255, 1);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
}

/* 辅助类: 浮动清理
*
========================================================================== */

.eq-clearfix {
    *zoom: 1;
}

.eq-clearfix::before,
.eq-clearfix::after {
    display: table;
    content: "";
}

.eq-clearfix::after {
    clear: both;
}


/* 辅助类: 浮动
*
========================================================================== */
.eq-float-left {
    float: left;
}

.eq-float-right {
    float: right;
}

/* 辅助类: 显示 display
*
========================================================================== */
.eq-display-block {
    display: block !important;
}

.eq-display-inline {
    display: inline !important;
}

.eq-display-inline-block {
    display: inline-block !important;
}

/* 辅助类: 内联 inline
*
========================================================================== */
[class*='eq-inline'] {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    backface-visibility: hidden;
}

/* 辅助类: 元素可见性
* 定义元素可见性
========================================================================== */


/* 用于动画式隐藏 */
.eq-hide {
    opacity: 0;
    height: 0;
}

.eq-show {
    opacity: 1;
    height: auto;
}

/* 隐藏元素，不占用页面空间 */
.eq-hidden {
    display: none;
}

/* 隐藏占用页面空间 */
.eq-invisible {
    visibility: hidden !important;
}

/* 响应式隐藏 */
@media (min-width: 480px) {
    .eq-hidden-xs {
        display: none !important;
    }
}

@media (min-width: 568px) {
    .eq-hidden-s {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .eq-hidden-m {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .eq-hidden-l {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .eq-hidden-xl {
        display: none !important;
    }
}

/* 基于少于宽度式隐藏 */
@media (max-width: 479px) {
    .eq-visible-xs {
        display: none !important;
    }
}

@media (max-width: 567px) {
    .eq-visible-s {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .eq-visible-m {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .eq-visible-l {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .eq-visible-xl {
        display: none !important;
    }
}


/* 辅助类: Height 高度
========================================================================== */

/* 全屏视窗高度设置*/
.eq-height-viewport {
    min-height: 100vh;
    height: 100%;
}

.eq-height-100 {
    height: 100% !important;
}

.eq-height-auto {
    height: auto !important;
}


/* 辅助类: 链接
========================================================================== */
.eq-link-block {
    display: block;
    height: 100%;
}

/* 辅助类: Text 文本
========================================================================== */

/*
* 文本对齐
*/
.eq-text-left {
    text-align: left;
}

.eq-text-right {
    text-align: right;
}

.eq-text-center {
    text-align: center;
}

.eq-text-justify {
    text-align: justify;
}

/*
* 文本字号
*/
.eq-text-small {
    font-size: 12px;
}

.eq-text-medium {
    font-size: 14px;
}


/*
* 文本颜色
*/
.eq-text-muted {
    color: #989898;
}

.eq-text-white {
    color: #ffffff;
}

/*
* 正常字重
*/
.eq-text-normal {
    font-weight: normal;
}

/*
* 字体加粗
*/
.eq-text-bold {
    font-weight: bold;
}

/* 辅助类: 自动滚动
========================================================================== */
.eq-overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}


/* 辅助类: margin 外间距
========================================================================== */
.eq-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.eq-margin-top {
    margin-top: 30px;
}

.eq-margin-bottom {
    margin-bottom: 30px;
}

.eq-margin-left {
    margin-left: 30px;
}

.eq-margin-right {
    margin-right: 30px;
}

.eq-margin-remove {
    margin: 0;
}

.eq-margin-remove-top {
    margin-top: 0;
}

.eq-margin-remove-bottom {
    margin-bottom: 0;
}

.eq-margin-remove-left {
    margin-left: 0;
}

.eq-margin-remove-right {
    margin-right: 0;
}

/* 辅助类: padding 内边距
========================================================================== */
.eq-padding {
    padding: 20px !important;
}

.eq-padding-top {
    padding-top: 20px !important;
}

.eq-padding-bottom {
    padding-bottom: 20px !important;
}

.eq-padding-left {
    padding-left: 20px !important;
}

.eq-padding-right {
    padding-right: 20px !important;
}

.eq-padding-10 {
    padding: 10px !important;
}

.eq-padding-top-10 {
    padding-top: 10px !important;
}

.eq-padding-bottom-10 {
    padding-bottom: 10px !important;
}

.eq-padding-left-10 {
    padding-left: 10px !important;
}

.eq-padding-right-10 {
    padding-right: 10px !important;
}

.eq-padding-30 {
    padding: 30px !important;
}

.eq-padding-top-30 {
    padding-top: 30px !important;
}

.eq-padding-bottom-30 {
    padding-bottom: 30px !important;
}

.eq-padding-left-30 {
    padding-left: 30px !important;
}

.eq-padding-right-30 {
    padding-right: 30px !important;
}

.eq-padding-40 {
    padding: 40px !important;
}

.eq-padding-top-40 {
    padding-top: 40px !important;
}

.eq-padding-bottom-40 {
    padding-bottom: 40px !important;
}

.eq-padding-left-40 {
    padding-left: 40px !important;
}

.eq-padding-right-40 {
    padding-right: 40px !important;
}

.eq-padding-50 {
    padding: 50px !important;
}

.eq-padding-top-50 {
    padding-top: 50px !important;
}

.eq-padding-bottom-50 {
    padding-bottom: 50px !important;
}

.eq-padding-left-50 {
    padding-left: 50px !important;
}

.eq-padding-right-50 {
    padding-right: 50px !important;
}

.eq-padding-60 {
    padding: 60px !important;
}

.eq-padding-top-60 {
    padding-top: 60px !important;
}

.eq-padding-bottom-60 {
    padding-bottom: 60px !important;
}

.eq-padding-left-60 {
    padding-left: 60px !important;
}

.eq-padding-right-60 {
    padding-right: 60px !important;
}

.eq-padding-80 {
    padding: 80px !important;
}

.eq-padding-top-80 {
    padding-top: 80px !important;
}

.eq-padding-bottom-80 {
    padding-bottom: 80px !important;
}

.eq-padding-left-80 {
    padding-left: 80px !important;
}

.eq-padding-right-80 {
    padding-right: 80px !important;
}

.eq-padding-remove {
    padding: 0 !important;
}

.eq-padding-remove-top {
    padding-top: 0 !important;
}

.eq-padding-remove-bottom {
    padding-bottom: 0 !important;
}

.eq-padding-remove-left {
    padding-left: 0 !important;
}

.eq-padding-remove-right {
    padding-right: 0 !important;
}

@media (min-width: 568px) {

    .eq-padding-s {
        padding: 20px !important;
    }

    .eq-padding-s-top {
        padding-top: 20px !important;
    }

    .eq-padding-s-bottom {
        padding-bottom: 20px !important;
    }

    .eq-padding-s-left {
        padding-left: 20px !important;
    }

    .eq-padding-s-right {
        padding-right: 20px !important;
    }

    .eq-padding-s-10 {
        padding: 10px !important;
    }

    .eq-padding-s-top-10 {
        padding-top: 10px !important;
    }

    .eq-padding-s-bottom-10 {
        padding-bottom: 10px !important;
    }

    .eq-padding-s-left-10 {
        padding-left: 10px !important;
    }

    .eq-padding-s-right-10 {
        padding-right: 10px !important;
    }

    .eq-padding-s-30 {
        padding: 30px !important;
    }

    .eq-padding-s-top-30 {
        padding-top: 30px !important;
    }

    .eq-padding-s-bottom-30 {
        padding-bottom: 30px !important;
    }

    .eq-padding-s-left-30 {
        padding-left: 30px !important;
    }

    .eq-padding-s-right-30 {
        padding-right: 30px !important;
    }

    .eq-padding-s-40 {
        padding: 40px !important;
    }

    .eq-padding-s-top-40 {
        padding-top: 40px !important;
    }

    .eq-padding-s-bottom-40 {
        padding-bottom: 40px !important;
    }

    .eq-padding-s-left-40 {
        padding-left: 40px !important;
    }

    .eq-padding-s-right-40 {
        padding-right: 40px !important;
    }

    .eq-padding-s-50 {
        padding: 50px !important;
    }

    .eq-padding-s-top-50 {
        padding-top: 50px !important;
    }

    .eq-padding-s-bottom-50 {
        padding-bottom: 50px !important;
    }

    .eq-padding-s-left-50 {
        padding-left: 50px !important;
    }

    .eq-padding-s-right-50 {
        padding-right: 50px !important;
    }

    .eq-padding-s-60 {
        padding: 60px !important;
    }

    .eq-padding-s-top-60 {
        padding-top: 60px !important;
    }

    .eq-padding-s-bottom-60 {
        padding-bottom: 60px !important;
    }

    .eq-padding-s-left-60 {
        padding-left: 60px !important;
    }

    .eq-padding-s-right-60 {
        padding-right: 60px !important;
    }

    .eq-padding-s-80 {
        padding: 80px !important;
    }

    .eq-padding-s-top-80 {
        padding-top: 80px !important;
    }

    .eq-padding-s-bottom-80 {
        padding-bottom: 80px !important;
    }

    .eq-padding-s-left-80 {
        padding-left: 80px !important;
    }

    .eq-padding-s-right-80 {
        padding-right: 80px !important;
    }

    .eq-padding-remove {
        padding: 0 !important;
    }

    .eq-padding-remove-s-top {
        padding-top: 0 !important;
    }

    .eq-padding-remove-s-bottom {
        padding-bottom: 0 !important;
    }

    .eq-padding-remove-s-left {
        padding-left: 0 !important;
    }

    .eq-padding-remove-s-right {
        padding-right: 0 !important;
    }

}

@media (min-width: 768px) {

    .eq-padding-m {
        padding: 20px !important;
    }

    .eq-padding-m-top {
        padding-top: 20px !important;
    }

    .eq-padding-m-bottom {
        padding-bottom: 20px !important;
    }

    .eq-padding-m-left {
        padding-left: 20px !important;
    }

    .eq-padding-m-right {
        padding-right: 20px !important;
    }

    .eq-padding-m-10 {
        padding: 10px !important;
    }

    .eq-padding-m-top-10 {
        padding-top: 10px !important;
    }

    .eq-padding-m-bottom-10 {
        padding-bottom: 10px !important;
    }

    .eq-padding-m-left-10 {
        padding-left: 10px !important;
    }

    .eq-padding-m-right-10 {
        padding-right: 10px !important;
    }

    .eq-padding-m-30 {
        padding: 30px !important;
    }

    .eq-padding-m-top-30 {
        padding-top: 30px !important;
    }

    .eq-padding-m-bottom-30 {
        padding-bottom: 30px !important;
    }

    .eq-padding-m-left-30 {
        padding-left: 30px !important;
    }

    .eq-padding-m-right-30 {
        padding-right: 30px !important;
    }

    .eq-padding-m-40 {
        padding: 40px !important;
    }

    .eq-padding-m-top-40 {
        padding-top: 40px !important;
    }

    .eq-padding-m-bottom-40 {
        padding-bottom: 40px !important;
    }

    .eq-padding-m-left-40 {
        padding-left: 40px !important;
    }

    .eq-padding-m-right-40 {
        padding-right: 40px !important;
    }

    .eq-padding-m-50 {
        padding: 50px !important;
    }

    .eq-padding-m-top-50 {
        padding-top: 50px !important;
    }

    .eq-padding-m-bottom-50 {
        padding-bottom: 50px !important;
    }

    .eq-padding-m-left-50 {
        padding-left: 50px !important;
    }

    .eq-padding-m-right-50 {
        padding-right: 50px !important;
    }

    .eq-padding-m-60 {
        padding: 60px !important;
    }

    .eq-padding-m-top-60 {
        padding-top: 60px !important;
    }

    .eq-padding-m-bottom-60 {
        padding-bottom: 60px !important;
    }

    .eq-padding-m-left-60 {
        padding-left: 60px !important;
    }

    .eq-padding-m-right-60 {
        padding-right: 60px !important;
    }

    .eq-padding-m-80 {
        padding: 80px !important;
    }

    .eq-padding-m-top-80 {
        padding-top: 80px !important;
    }

    .eq-padding-m-bottom-80 {
        padding-bottom: 80px !important;
    }

    .eq-padding-m-left-80 {
        padding-left: 80px !important;
    }

    .eq-padding-m-right-80 {
        padding-right: 80px !important;
    }

    .eq-padding-remove-m-top {
        padding-top: 0 !important;
    }

    .eq-padding-remove-m-bottom {
        padding-bottom: 0 !important;
    }

    .eq-padding-remove-m-left {
        padding-left: 0 !important;
    }

    .eq-padding-remove-m-right {
        padding-right: 0 !important;
    }

}

@media (min-width: 1024px) {

    .eq-padding-l {
        padding: 20px !important;
    }

    .eq-padding-l-top {
        padding-top: 20px !important;
    }

    .eq-padding-l-bottom {
        padding-bottom: 20px !important;
    }

    .eq-padding-l-left {
        padding-left: 20px !important;
    }

    .eq-padding-l-right {
        padding-right: 20px !important;
    }

    .eq-padding-l-10 {
        padding: 10px !important;
    }

    .eq-padding-l-top-10 {
        padding-top: 10px !important;
    }

    .eq-padding-l-bottom-10 {
        padding-bottom: 10px !important;
    }

    .eq-padding-l-left-10 {
        padding-left: 10px !important;
    }

    .eq-padding-l-right-10 {
        padding-right: 10px !important;
    }

    .eq-padding-l-30 {
        padding: 30px !important;
    }

    .eq-padding-l-top-30 {
        padding-top: 30px !important;
    }

    .eq-padding-l-bottom-30 {
        padding-bottom: 30px !important;
    }

    .eq-padding-l-left-30 {
        padding-left: 30px !important;
    }

    .eq-padding-l-right-30 {
        padding-right: 30px !important;
    }

    .eq-padding-l-40 {
        padding: 40px !important;
    }

    .eq-padding-l-top-40 {
        padding-top: 40px !important;
    }

    .eq-padding-l-bottom-40 {
        padding-bottom: 40px !important;
    }

    .eq-padding-l-left-40 {
        padding-left: 40px !important;
    }

    .eq-padding-l-right-40 {
        padding-right: 40px !important;
    }

    .eq-padding-l-50 {
        padding: 50px !important;
    }

    .eq-padding-l-top-50 {
        padding-top: 50px !important;
    }

    .eq-padding-l-bottom-50 {
        padding-bottom: 50px !important;
    }

    .eq-padding-l-left-50 {
        padding-left: 50px !important;
    }

    .eq-padding-l-right-50 {
        padding-right: 50px !important;
    }

    .eq-padding-l-60 {
        padding: 60px !important;
    }

    .eq-padding-l-top-60 {
        padding-top: 60px !important;
    }

    .eq-padding-l-bottom-60 {
        padding-bottom: 60px !important;
    }

    .eq-padding-l-left-60 {
        padding-left: 60px !important;
    }

    .eq-padding-l-right-60 {
        padding-right: 60px !important;
    }

    .eq-padding-l-80 {
        padding: 80px !important;
    }

    .eq-padding-l-top-80 {
        padding-top: 80px !important;
    }

    .eq-padding-l-bottom-80 {
        padding-bottom: 80px !important;
    }

    .eq-padding-l-left-80 {
        padding-left: 80px !important;
    }

    .eq-padding-l-right-80 {
        padding-right: 80px !important;
    }

    .eq-padding-remove-l-top {
        padding-top: 0 !important;
    }

    .eq-padding-remove-l-bottom {
        padding-bottom: 0 !important;
    }

    .eq-padding-remove-l-left {
        padding-left: 0 !important;
    }

    .eq-padding-remove-l-right {
        padding-right: 0 !important;
    }

}

@media (min-width: 1200px) {
    .eq-padding-xl {
        padding: 20px !important;
    }

    .eq-padding-xl-top {
        padding-top: 20px !important;
    }

    .eq-padding-xl-bottom {
        padding-bottom: 20px !important;
    }

    .eq-padding-xl-left {
        padding-left: 20px !important;
    }

    .eq-padding-xl-right {
        padding-right: 20px !important;
    }

    .eq-padding-xl-10 {
        padding: 10px !important;
    }

    .eq-padding-xl-top-10 {
        padding-top: 10px !important;
    }

    .eq-padding-xl-bottom-10 {
        padding-bottom: 10px !important;
    }

    .eq-padding-xl-left-10 {
        padding-left: 10px !important;
    }

    .eq-padding-xl-right-10 {
        padding-right: 10px !important;
    }

    .eq-padding-xl-30 {
        padding: 30px !important;
    }

    .eq-padding-xl-top-30 {
        padding-top: 30px !important;
    }

    .eq-padding-xl-bottom-30 {
        padding-bottom: 30px !important;
    }

    .eq-padding-xl-left-30 {
        padding-left: 30px !important;
    }

    .eq-padding-xl-right-30 {
        padding-right: 30px !important;
    }

    .eq-padding-xl-40 {
        padding: 40px !important;
    }

    .eq-padding-xl-top-40 {
        padding-top: 40px !important;
    }

    .eq-padding-xl-bottom-40 {
        padding-bottom: 40px !important;
    }

    .eq-padding-xl-left-40 {
        padding-left: 40px !important;
    }

    .eq-padding-xl-right-40 {
        padding-right: 40px !important;
    }

    .eq-padding-xl-50 {
        padding: 50px !important;
    }

    .eq-padding-xl-top-50 {
        padding-top: 50px !important;
    }

    .eq-padding-xl-bottom-50 {
        padding-bottom: 50px !important;
    }

    .eq-padding-xl-left-50 {
        padding-left: 50px !important;
    }

    .eq-padding-xl-right-50 {
        padding-right: 50px !important;
    }

    .eq-padding-xl-60 {
        padding: 60px !important;
    }

    .eq-padding-xl-top-60 {
        padding-top: 60px !important;
    }

    .eq-padding-xl-bottom-60 {
        padding-bottom: 60px !important;
    }

    .eq-padding-xl-left-60 {
        padding-left: 60px !important;
    }

    .eq-padding-xl-right-60 {
        padding-right: 60px !important;
    }

    .eq-padding-xl-80 {
        padding: 80px !important;
    }

    .eq-padding-xl-top-80 {
        padding-top: 80px !important;
    }

    .eq-padding-xl-bottom-80 {
        padding-bottom: 80px !important;
    }

    .eq-padding-xl-left-80 {
        padding-left: 80px !important;
    }

    .eq-padding-xl-right-80 {
        padding-right: 80px !important;
    }

    .eq-padding-remove-l-top {
        padding-top: 0 !important;
    }

    .eq-padding-remove-l-bottom {
        padding-bottom: 0 !important;
    }

    .eq-padding-remove-l-left {
        padding-left: 0 !important;
    }

    .eq-padding-remove-l-right {
        padding-right: 0 !important;
    }
}

/* 辅助类: Position 定位
* 用于定位内容
========================================================================== */
.eq-position-static {
    position: static !important;
}

.eq-position-relative {
    position: relative !important;
}

.eq-position-absolute {
    position: absolute !important;
}

.eq-position-fixed {
    position: fixed !important;
}

.eq-position-sticky {
    position: sticky !important;
}


[class*='eq-position-'] {
    position: absolute;
}

/* 上下左右 */
.eq-position-left {
    top: 0;
    bottom: 0;
    left: 0;
}

.eq-position-right {
    top: 0;
    bottom: 0;
    right: 0;
}

.eq-position-top {
    top: 0;
    left: 0;
    right: 0;
}

.eq-position-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}

/* 基于 X+Y 定位 */
[class*='eq-position-center-left'],
[class*='eq-position-center-right'] {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.eq-position-center {
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
}

.eq-position-center-left {
    left: 0;
}

.eq-position-center-right {
    right: 0;
}


[class*='eq-position-top-center'],
[class*='eq-position-bottom-center'] {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.eq-position-top-left {
    top: 0;
    left: 0;
}

.eq-position-top-center {
    top: 0;
}

.eq-position-top-right {
    top: 0;
    right: 0;
}

.eq-position-bottom-left {
    bottom: 0;
    left: 0;
}

.eq-position-bottom-center {
    bottom: 0;
}

.eq-position-bottom-right {
    bottom: 0;
    right: 0;
}

/* 遮盖 */
.eq-position-cover {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}



/* 辅助类: Overlay 覆盖
* 创建叠加样式
========================================================================== */
.eq-overlay-container {
    overflow: hidden;
    position: relative;
}

.eq-overlay {
    background: rgba(255, 255, 255, 0.85);
    padding: 30px;
}

.eq-overlay-dark {
    background: rgba(0, 0, 0, 0.85);
}

/* overlay 交互 */
.eq-overlay-hover .eq-overlay {
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.5s ease-out;
}

.eq-overlay-hover:hover .eq-overlay {
    opacity: 1;
    transform: translateY(0);
}


/* 辅助类: 垂直居中
========================================================================== */

/* 表格式居中 */
.eq-vertical-table {
    display: table;
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}

.eq-vertical-table > div {
    display: table-cell;
    vertical-align: middle;
    /* 只对拥有 align 特性的有效， <div> <span> 等无效。*/
}

.eq-vertical-table-left {
    text-align: left;
}

.eq-vertical-table-right {
    text-align: right;
}


/* 辅助类: 宽度 Width
* 定义不同视口大小的元素的宽度。
========================================================================== */

.eq-width-100 {
    width: 100% !important;
}

.eq-width-auto {
    width: auto !important;
}


/* 辅助类: Pre 预定义格式文本
========================================================================== */
.eq-pre {
    padding: 30px;
    background: #f8f8f8;
}

/* 辅助类: 对象填充方式 object-fit
* 指定可替换元素的内容对象在元素盒区域中的填充方式。（有些类似于 background-size ）
========================================================================== */
.eq-object-fill {
    object-fit: fill;
}

.eq-object-contain {
    object-fit: contain;
}

.eq-object-cover {
    object-fit: cover;
}

.eq-object-none {
    object-fit: none;
}

.eq-object-scale {
    object-fit: scale-down;
}

/*
* 禁止页面滚动
*/
body.no-scroll {
    overflow: hidden;
}


/* ========================================================================
动画效果
========================================================================== */
.eq-animation {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@-webkit-keyframes fade-in-left {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fade-in-left {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fade-in-left {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left;
}

@-webkit-keyframes fade-in-right {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fade-in-right {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fade-in-right {
    -webkit-animation-name: fade-in-right;
    animation-name: fade-in-right;
}

@-webkit-keyframes slide-in-left {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slide-in-left {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slide-in-left {
    -webkit-animation-name: slide-in-left;
    animation-name: slide-in-left;
}

@-webkit-keyframes slide-in-right {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slide-in-right {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slide-in-right {
    -webkit-animation-name: slide-in-right;
    animation-name: slide-in-right;
}

@-webkit-keyframes zoom-out {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes zoom-in {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoom-in {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoom-in {
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in;
}

@keyframes zoom-out {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoom-out {
    -webkit-animation-name: zoom-out;
    animation-name: zoom-out;
}


/* 媒体查询
========================================================================== */
@media (min-width: 480px) {

    .eq-g-xs12 {
        width: 100%;
    }

    .eq-g-xs11 {
        width: 91.66666667%;
    }

    .eq-g-xs10 {
        width: 83.33333333%;
    }

    .eq-g-xs9 {
        width: 75%;
    }

    .eq-g-xs8 {
        width: 66.66666667%;
    }

    .eq-g-xs7 {
        width: 58.33333333%;
    }

    .eq-g-xs6 {
        width: 50%;
    }

    .eq-g-xs5 {
        width: 41.66666667%;
    }

    .eq-g-xs4 {
        width: 33.33333333%;
    }

    .eq-g-xs3 {
        width: 25%;
    }

    .eq-g-xs2 {
        width: 16.66666667%;
    }

    .eq-g-xs1 {
        width: 8.33333333%;
    }

    .eq-flex-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .eq-flex-inline-xs {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
    }

    .eq-flex-xs::before,
    .eq-flex-xs::after,
    .eq-flex-inline-xs::before,
    .eq-flex-inline-xs::after {
        display: none;
    }

    .eq-flex-nowrap-xs {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .eq-flex-wrap-reverse-xs {
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .eq-flex-reverse-xs {
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .eq-flex-column-xs {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .eq-flex-column-reverse-xs {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .eq-flex-left-xs {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .eq-flex-center-xs {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .eq-flex-right-xs {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .eq-flex-between-xs {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .eq-flex-around-xs {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

    .eq-flex-top-xs {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .eq-flex-middle-xs {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .eq-flex-bottom-xs {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .eq-flex-stretch-xs {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .eq-flex-baseline-xs {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .eq-flex-wrap-top-xs {
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }

    .eq-flex-wrap-middle-xs {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
    }

    .eq-flex-wrap-bottom-xs {
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }

    .eq-flex-wrap-between-xs {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between;
    }

    .eq-flex-wrap-around-xs {
        -ms-flex-line-pack: distribute;
        -webkit-align-content: space-around;
        align-content: space-around;
    }

    .eq-flex-wrap-stretch-xs {
        -ms-flex-line-pack: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .eq-flex-item-auto-xs {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .eq-flex-item-start-xs {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .eq-flex-item-end-xs {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .eq-flex-item-center-xs {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .eq-flex-item-baseline-xs {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .eq-flex-item-stretch-xs {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .eq-flex-first-xs {
        order: -1;
    }

    .eq-flex-last-xs {
        order: 100;
    }


    .eq-f-xs1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .eq-f-xs2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .eq-f-xs3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .eq-f-xs4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .eq-f-xs5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .eq-f-xs6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .eq-f-xs7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .eq-f-xs8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .eq-f-xs9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .eq-f-xs10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .eq-f-xs11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .eq-f-xs12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .eq-f-col-xs > * {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
    }

    .eq-f-col-content-xs > * {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-f-col-auto-xs > * {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-f-col-none-xs > * {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .eq-f-col-xs1 > * {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .eq-f-col-xs2 > * {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }

    .eq-f-col-xs3 > * {
        -webkit-flex: 1 1 33.3333333333%;
        -ms-flex: 1 1 33.3333333333%;
        flex: 1 1 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .eq-f-col-xs4 > * {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
    }

    .eq-f-col-xs5 > * {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
    }

    .eq-f-col-xs6 > * {
        -webkit-flex: 1 1 16.6666666667%;
        -ms-flex: 1 1 16.6666666667%;
        flex: 1 1 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .eq-f-col-xs7 > * {
        -webkit-flex: 1 1 14.285714285714286%;
        -ms-flex: 1 1 14.285714285714286%;
        flex: 1 1 14.285714285714286%;
        max-width: 14.285714285714286%;
    }

    .eq-f-col-xs8 > * {
        -webkit-flex: 1 1 12.5%;
        -ms-flex: 1 1 12.5%;
        flex: 1 1 12.5%;
        max-width: 12.5%;
    }

    .eq-flex-content-xs {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-flex-auto-xs {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-flex-none-xs {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .eq-flex-max-xs {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }

    .eq-text-left-xs {
        text-align: left;
    }

    .eq-text-right-xs {
        text-align: right;
    }

    .eq-text-center-xs {
        text-align: center;
    }

    .eq-text-justify-xs {
        text-align: justify;
    }

}

@media (min-width: 568px) {
    .eq-g-s12 {
        width: 100%;
    }

    .eq-g-s11 {
        width: 91.66666667%;
    }

    .eq-g-s10 {
        width: 83.33333333%;
    }

    .eq-g-s9 {
        width: 75%;
    }

    .eq-g-s8 {
        width: 66.66666667%;
    }

    .eq-g-s7 {
        width: 58.33333333%;
    }

    .eq-g-s6 {
        width: 50%;
    }

    .eq-g-s5 {
        width: 41.66666667%;
    }

    .eq-g-s4 {
        width: 33.33333333%;
    }

    .eq-g-s3 {
        width: 25%;
    }

    .eq-g-s2 {
        width: 16.66666667%;
    }

    .eq-g-s1 {
        width: 8.33333333%;
    }


    .eq-flex-s {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .eq-flex-inline-s {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
    }

    .eq-flex-s::before,
    .eq-flex-s::after,
    .eq-flex-inline-s::before,
    .eq-flex-inline-s::after {
        display: none;
    }

    .eq-flex-nowrap-s {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .eq-flex-wrap-reverse-s {
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .eq-flex-reverse-s {
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .eq-flex-column-s {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .eq-flex-column-reverse-s {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .eq-flex-left-s {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .eq-flex-center-s {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .eq-flex-right-s {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .eq-flex-between-s {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .eq-flex-around-s {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

    .eq-flex-top-s {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .eq-flex-middle-s {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .eq-flex-bottom-s {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .eq-flex-stretch-s {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .eq-flex-baseline-s {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .eq-flex-wrap-top-s {
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }

    .eq-flex-wrap-middle-s {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
    }

    .eq-flex-wrap-bottom-s {
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }

    .eq-flex-wrap-between-s {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between;
    }

    .eq-flex-wrap-around-s {
        -ms-flex-line-pack: distribute;
        -webkit-align-content: space-around;
        align-content: space-around;
    }

    .eq-flex-wrap-stretch-s {
        -ms-flex-line-pack: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .eq-flex-item-auto-s {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .eq-flex-item-start-s {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .eq-flex-item-end-s {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .eq-flex-item-center-s {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .eq-flex-item-baseline-s {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .eq-flex-item-stretch-s {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }


    .eq-flex-first-s {
        order: -1;
    }

    .eq-flex-last-s {
        order: 100;
    }


    .eq-f-s1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .eq-f-s2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .eq-f-s3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .eq-f-s4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .eq-f-s5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .eq-f-s6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .eq-f-s7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .eq-f-s8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .eq-f-s9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .eq-f-s10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .eq-f-s11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .eq-f-s12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .eq-f-col-s > * {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
    }

    .eq-f-col-content-s > * {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-f-col-auto-s > * {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-f-col-none-s > * {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .eq-f-col-s1 > * {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .eq-f-col-s2 > * {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }

    .eq-f-col-s3 > * {
        -webkit-flex: 1 1 33.3333333333%;
        -ms-flex: 1 1 33.3333333333%;
        flex: 1 1 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .eq-f-col-s4 > * {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
    }

    .eq-f-col-s5 > * {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
    }

    .eq-f-col-s6 > * {
        -webkit-flex: 1 1 16.6666666667%;
        -ms-flex: 1 1 16.6666666667%;
        flex: 1 1 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .eq-f-col-s7 > * {
        -webkit-flex: 1 1 14.285714285714286%;
        -ms-flex: 1 1 14.285714285714286%;
        flex: 1 1 14.285714285714286%;
        max-width: 14.285714285714286%;
    }

    .eq-f-col-s8 > * {
        -webkit-flex: 1 1 12.5%;
        -ms-flex: 1 1 12.5%;
        flex: 1 1 12.5%;
        max-width: 12.5%;
    }

    .eq-flex-content-s {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-flex-auto-s {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-flex-none-s {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .eq-flex-max-s {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }

    .eq-text-left-s {
        text-align: left;
    }

    .eq-text-right-s {
        text-align: right;
    }

    .eq-text-center-s {
        text-align: center;
    }

    .eq-text-justify-s {
        text-align: justify;
    }

}

@media (min-width: 768px) {

    h1 {
        font-size: 4.25rem;
    }

    h2 {
        font-size: 3.625rem;
    }

    h3 {
        font-size: 3rem;
    }

    h4 {
        font-size: 2.125rem;
    }

    h5 {
        font-size: 1.5rem;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 1.25rem;
    }


    .eq-g-m12 {
        width: 100%;
    }

    .eq-g-m11 {
        width: 91.66666667%;
    }

    .eq-g-m10 {
        width: 83.33333333%;
    }

    .eq-g-m9 {
        width: 75%;
    }

    .eq-g-m8 {
        width: 66.66666667%;
    }

    .eq-g-m7 {
        width: 58.33333333%;
    }

    .eq-g-m6 {
        width: 50%;
    }

    .eq-g-m5 {
        width: 41.66666667%;
    }

    .eq-g-m4 {
        width: 33.33333333%;
    }

    .eq-g-m3 {
        width: 25%;
    }

    .eq-g-m2 {
        width: 16.66666667%;
    }

    .eq-g-m1 {
        width: 8.33333333%;
    }

    .eq-flex-m {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .eq-flex-inline-m {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
    }

    .eq-flex-m::before,
    .eq-flex-m::after,
    .eq-flex-inline-m::before,
    .eq-flex-inline-m::after {
        display: none;
    }

    .eq-flex-nowrap-m {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .eq-flex-wrap-reverse-m {
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .eq-flex-reverse-m {
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .eq-flex-column-m {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .eq-flex-column-reverse-m {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .eq-flex-left-m {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .eq-flex-center-m {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .eq-flex-right-m {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .eq-flex-between-m {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .eq-flex-around-m {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

    .eq-flex-top-m {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .eq-flex-middle-m {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .eq-flex-bottom-m {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .eq-flex-stretch-m {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .eq-flex-baseline-m {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .eq-flex-wrap-top-m {
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }

    .eq-flex-wrap-middle-m {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
    }

    .eq-flex-wrap-bottom-m {
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }

    .eq-flex-wrap-between-m {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between;
    }

    .eq-flex-wrap-around-m {
        -ms-flex-line-pack: distribute;
        -webkit-align-content: space-around;
        align-content: space-around;
    }

    .eq-flex-wrap-stretch-m {
        -ms-flex-line-pack: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .eq-flex-item-auto-m {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .eq-flex-item-start-m {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .eq-flex-item-end-m {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .eq-flex-item-center-m {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .eq-flex-item-baseline-m {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .eq-flex-item-stretch-m {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .eq-flex-first-m {
        order: -1;
    }

    .eq-flex-last-m {
        order: 100;
    }


    .eq-f-m1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .eq-f-m2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .eq-f-m3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .eq-f-m4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .eq-f-m5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .eq-f-m6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .eq-f-m7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .eq-f-m8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .eq-f-m9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .eq-f-m10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .eq-f-m11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .eq-f-m12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .eq-f-col-m > * {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
    }

    .eq-f-col-content-m > * {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-f-col-auto-m > * {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-f-col-none-m > * {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .eq-f-col-m1 > * {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .eq-f-col-m2 > * {
        box-sizing: border-box;
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }

    .eq-f-col-m3 > * {
        -webkit-flex: 1 1 33.3333333333%;
        -ms-flex: 1 1 33.3333333333%;
        flex: 1 1 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .eq-f-col-m4 > * {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
    }

    .eq-f-col-m5 > * {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
    }

    .eq-f-col-m6 > * {
        -webkit-flex: 1 1 16.6666666667%;
        -ms-flex: 1 1 16.6666666667%;
        flex: 1 1 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .eq-f-col-m7 > * {
        -webkit-flex: 1 1 14.285714285714286%;
        -ms-flex: 1 1 14.285714285714286%;
        flex: 1 1 14.285714285714286%;
        max-width: 14.285714285714286%;
    }

    .eq-f-col-m8 > * {
        -webkit-flex: 1 1 12.5%;
        -ms-flex: 1 1 12.5%;
        flex: 1 1 12.5%;
        max-width: 12.5%;
    }

    .eq-flex-content-m {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-flex-auto-m {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-flex-none-m {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .eq-flex-max-m {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }


    .eq-text-left-m {
        text-align: left;
    }

    .eq-text-right-m {
        text-align: right;
    }

    .eq-text-center-m {
        text-align: center;
    }

    .eq-text-justify-m {
        text-align: justify;
    }

}

@media (min-width: 1024px) {

    .eq-g-l12 {
        width: 100%;
    }

    .eq-g-l11 {
        width: 91.66666667%;
    }

    .eq-g-l10 {
        width: 83.33333333%;
    }

    .eq-g-l9 {
        width: 75%;
    }

    .eq-g-l8 {
        width: 66.66666667%;
    }

    .eq-g-l7 {
        width: 58.33333333%;
    }

    .eq-g-l6 {
        width: 50%;
    }

    .eq-g-l5 {
        width: 41.66666667%;
    }

    .eq-g-l4 {
        width: 33.33333333%;
    }

    .eq-g-l3 {
        width: 25%;
    }

    .eq-g-l2 {
        width: 16.66666667%;
    }

    .eq-g-l1 {
        width: 8.33333333%;
    }

    .eq-flex-l {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .eq-flex-inline-l {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
    }

    .eq-flex-l::before,
    .eq-flex-l::after,
    .eq-flex-inline-l::before,
    .eq-flex-inline-l::after {
        display: none;
    }

    .eq-flex-nowrap-l {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .eq-flex-wrap-reverse-l {
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .eq-flex-reverse-l {
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .eq-flex-column-l {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .eq-flex-column-reverse-l {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .eq-flex-left-l {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .eq-flex-center-l {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .eq-flex-right-l {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .eq-flex-between-l {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .eq-flex-around-l {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

    .eq-flex-top-l {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .eq-flex-middle-l {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .eq-flex-bottom-l {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .eq-flex-stretch-l {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .eq-flex-baseline-l {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .eq-flex-wrap-top-l {
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }

    .eq-flex-wrap-middle-l {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
    }

    .eq-flex-wrap-bottom-l {
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }

    .eq-flex-wrap-between-l {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between;
    }

    .eq-flex-wrap-around-l {
        -ms-flex-line-pack: distribute;
        -webkit-align-content: space-around;
        align-content: space-around;
    }

    .eq-flex-wrap-stretch-l {
        -ms-flex-line-pack: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .eq-flex-item-auto-l {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .eq-flex-item-start-l {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .eq-flex-item-end-l {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .eq-flex-item-center-l {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .eq-flex-item-baseline-l {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .eq-flex-item-stretch-l {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .eq-flex-first-l {
        order: -1;
    }

    .eq-flex-last-l {
        order: 100;
    }


    .eq-f-l1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .eq-f-l2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .eq-f-l3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .eq-f-l4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .eq-f-l5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .eq-f-l6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .eq-f-l7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .eq-f-l8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .eq-f-l9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .eq-f-l10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .eq-f-l11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .eq-f-l12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .eq-f-col-l > * {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
    }

    .eq-f-col-content-l > * {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-f-col-auto-l > * {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-f-col-none-l > * {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .eq-f-l-col > * {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
    }

    .eq-f-col-l-auto > * {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-f-col-l1 > * {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .eq-f-col-l2 > * {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }

    .eq-f-col-l3 > * {
        -webkit-flex: 1 1 33.3333333333%;
        -ms-flex: 1 1 33.3333333333%;
        flex: 1 1 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .eq-f-col-l4 > * {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
    }

    .eq-f-col-l5 > * {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
    }

    .eq-f-col-l6 > * {
        -webkit-flex: 1 1 16.6666666667%;
        -ms-flex: 1 1 16.6666666667%;
        flex: 1 1 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .eq-f-col-l7 > * {
        -webkit-flex: 1 1 14.285714285714286%;
        -ms-flex: 1 1 14.285714285714286%;
        flex: 1 1 14.285714285714286%;
        max-width: 14.285714285714286%;
    }

    .eq-f-col-l8 > * {
        -webkit-flex: 1 1 12.5%;
        -ms-flex: 1 1 12.5%;
        flex: 1 1 12.5%;
        max-width: 12.5%;
    }


    .eq-flex-content-l {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-flex-auto-l {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-flex-none-l {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .eq-flex-max-l {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }


    .eq-text-left-l {
        text-align: left;
    }

    .eq-text-right-l {
        text-align: right;
    }

    .eq-text-center-l {
        text-align: center;
    }

    .eq-text-justify-l {
        text-align: justify;
    }

}

@media (min-width: 1200px) {

    .eq-g-xl12 {
        width: 100%;
    }

    .eq-g-xl11 {
        width: 91.66666667%;
    }

    .eq-g-xl10 {
        width: 83.33333333%;
    }

    .eq-g-xl9 {
        width: 75%;
    }

    .eq-g-xl8 {
        width: 66.66666667%;
    }

    .eq-g-xl7 {
        width: 58.33333333%;
    }

    .eq-g-xl6 {
        width: 50%;
    }

    .eq-g-xl5 {
        width: 41.66666667%;
    }

    .eq-g-xl4 {
        width: 33.33333333%;
    }

    .eq-g-xl3 {
        width: 25%;
    }

    .eq-g-xl2 {
        width: 16.66666667%;
    }

    .eq-g-xl1 {
        width: 8.33333333%;
    }

    .eq-flex-xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .eq-flex-inline-xl {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
    }

    .eq-flex-xl::before,
    .eq-flex-xl::after,
    .eq-flex-inline-xl::before,
    .eq-flex-inline-xl::after {
        display: none;
    }

    .eq-flex-nowrap-xl {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .eq-flex-wrap-reverse-xl {
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .eq-flex-reverse-xl {
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .eq-flex-column-xl {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .eq-flex-column-reverse-xl {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .eq-flex-left-xl {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .eq-flex-center-xl {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .eq-flex-right-xl {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .eq-flex-between-xl {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .eq-flex-around-xl {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

    .eq-flex-top-xl {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .eq-flex-middle-xl {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .eq-flex-bottom-xl {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .eq-flex-stretch-xl {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .eq-flex-baseline-xl {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .eq-flex-wrap-top-xl {
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }

    .eq-flex-wrap-middle-xl {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
    }

    .eq-flex-wrap-bottom-xl {
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }

    .eq-flex-wrap-between-xl {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between;
    }

    .eq-flex-wrap-around-xl {
        -ms-flex-line-pack: distribute;
        -webkit-align-content: space-around;
        align-content: space-around;
    }

    .eq-flex-wrap-stretch-xl {
        -ms-flex-line-pack: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .eq-flex-item-auto-xl {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .eq-flex-item-start-xl {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .eq-flex-item-end-xl {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .eq-flex-item-center-xl {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .eq-flex-item-baseline-xl {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .eq-flex-item-stretch-xl {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .eq-flex-first-xl {
        order: -1;
    }

    .eq-flex-last-xl {
        order: 100;
    }


    .eq-f-xl1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .eq-f-xl2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .eq-f-xl3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .eq-f-xl4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .eq-f-xl5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .eq-f-xl6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .eq-f-xl7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .eq-f-xl8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .eq-f-xl9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .eq-f-xl10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .eq-f-xl11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .eq-f-xl12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .eq-f-col-xl > * {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
    }

    .eq-f-col-content-xl > * {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-f-col-auto-xl > * {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-f-col-none-xl > * {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .eq-f-col-xl1 > * {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .eq-f-col-xl2 > * {
        flex: 0 0 auto;
        max-width: 50%;
    }

    .eq-f-col-xl3 > * {
        flex: 0 0 auto;
        max-width: 33.3333333333%;
    }

    .eq-f-col-xl4 > * {
        flex: 0 0 auto;
        max-width: 25%;
    }

    .eq-f-col-xl5 > * {
        flex: 0 0 auto;
        max-width: 20%;
    }

    .eq-f-col-xl6 > * {
        flex: 0 0 auto;
        max-width: 16.6666666667%;
    }

    .eq-f-col-xl7 > * {
        flex: 0 0 auto;
        max-width: 14.285714285714286%;
    }

    .eq-f-col-xl8 > * {
        flex: 0 0 auto;
        max-width: 12.5%;
    }


    .eq-flex-content-xl {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .eq-flex-auto-xl {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .eq-flex-none-xl {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .eq-flex-max-xl {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }


    .eq-text-left-xl {
        text-align: left;
    }

    .eq-text-right-xl {
        text-align: right;
    }

    .eq-text-center-xl {
        text-align: center;
    }

    .eq-text-justify-xl {
        text-align: justify;
    }

}