html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
font-weight: normal;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
display: block;
}
ol, ul, li{
list-style: none;
}
blockquote, q{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content: '';
content: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; 
} a{
color: #555555;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
::-webkit-scrollbar{
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece{
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical{
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal{
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
a:link,a:visited {
text-decoration: none;
color: #333;
}
a:hover,a:active {
color: #2C70DB;
} input:not([type=checkbox]), button, textarea, select {
display: block;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
border: none;
border-radius: 0; 
}
input:focus, textarea:focus, select:focus, button:focus {
outline: 0; 
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
color: white !important; 
}
html, body{
width: 100%;
font-family: "黑体", "Helvetica Neue", "微软雅黑", Helvetica,, "宋体", sans-serif;
}
body{
line-height: 1.15;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html{
overflow-y: scroll;
} .clearfix:before,
.clearfix:after{
content: " ";
display: inline-block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
*zoom: 1;
} .dn{
display: none;
} .overflow-1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .overFlow-n {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .data-table {
margin: 10px 0;
}
.data-table table {
width: 100%;
border-collapse: collapse; //设置表格边框合并为单一边框
}
.data-table caption {
height: 30px;
line-height: 30px;
font-weight: 700;
}
.data-table thead th,
.data-table tbody td {
padding:8px;
height: 19px;
line-height: 19px;
font-weight: 400;
}
.data-table thead th {
text-align: left;
color:#fff;
background-color: #353535;
}
.data-table tbody tr {
background-color: #fefefe;
color: #686868;
}
.data-table tbody tr:nth-child(even) {
background-color: #f2f2f2;
}  .row-selected {
width: 15px;
}
.container {
position: relative;
width: 100%;
max-width: 1366px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px; }
@media (min-width: 768px) {
.container {
width: 80%; } }
.row {
margin-left: -10px;
margin-right: -10px;
position: relative; }
.row.float [class*="column-"] {
float: left; }
.row.float::after {
display: block;
clear: both;
content: ""; }
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12, .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12, .row[class*="columns-"] .column {
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px; }
.xs-1 {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; }
.xs-2 {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.xs-3 {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.xs-4 {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.xs-5 {
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%; }
.xs-6 {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.xs-7 {
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%; }
.xs-8 {
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%; }
.xs-9 {
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%; }
.xs-10 {
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%; }
.xs-11 {
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%; }
.xs-12 {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media (min-width: 768px) {
.sm-1 {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; }
.sm-2 {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.sm-3 {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.sm-4 {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.sm-5 {
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%; }
.sm-6 {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.sm-7 {
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%; }
.sm-8 {
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%; }
.sm-9 {
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%; }
.sm-10 {
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%; }
.sm-11 {
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%; }
.sm-12 {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
@media (min-width: 1024px) {
.md-1 {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; }
.md-2 {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.md-3 {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.md-4 {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.md-5 {
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%; }
.md-6 {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.md-7 {
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%; }
.md-8 {
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%; }
.md-9 {
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%; }
.md-10 {
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%; }
.md-11 {
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%; }
.md-12 {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
@media (min-width: 1279px) {
.lg-1 {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; }
.lg-2 {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.lg-3 {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.lg-4 {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.lg-5 {
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%; }
.lg-6 {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.lg-7 {
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%; }
.lg-8 {
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%; }
.lg-9 {
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%; }
.lg-10 {
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%; }
.lg-11 {
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%; }
.lg-12 {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
@media (min-width: 1366px) {
.xl-1 {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; }
.xl-2 {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.xl-3 {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.xl-4 {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.xl-5 {
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%; }
.xl-6 {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.xl-7 {
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%; }
.xl-8 {
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%; }
.xl-9 {
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%; }
.xl-10 {
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%; }
.xl-11 {
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%; }
.xl-12 {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
.column-1 {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; }
.column-2 {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.column-3 {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.column-4 {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.column-5 {
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%; }
.column-6 {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.column-7 {
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%; }
.column-8 {
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%; }
.column-9 {
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%; }
.column-10 {
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%; }
.column-11 {
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%; }
.column-12 {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media (min-width: 0px) {
.columns-1-xs .column {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.columns-2-xs .column {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.columns-3-xs .column {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.columns-4-xs .column {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.columns-5-xs .column {
max-width: 20%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%; }
.columns-6-xs .column {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.columns-7-xs .column {
max-width: 14.28571%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%; }
.columns-8-xs .column {
max-width: 12.5%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%; }
.columns-9-xs .column {
max-width: 11.11111%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 11.11111%;
-ms-flex: 0 0 11.11111%;
flex: 0 0 11.11111%; }
.columns-10-xs .column {
max-width: 10%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%; }
.columns-11-xs .column {
max-width: 9.09091%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 9.09091%;
-ms-flex: 0 0 9.09091%;
flex: 0 0 9.09091%; }
.columns-12-xs .column {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; } }
@media (min-width: 768px) {
.columns-1-sm .column {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.columns-2-sm .column {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.columns-3-sm .column {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.columns-4-sm .column {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.columns-5-sm .column {
max-width: 20%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%; }
.columns-6-sm .column {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.columns-7-sm .column {
max-width: 14.28571%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%; }
.columns-8-sm .column {
max-width: 12.5%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%; }
.columns-9-sm .column {
max-width: 11.11111%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 11.11111%;
-ms-flex: 0 0 11.11111%;
flex: 0 0 11.11111%; }
.columns-10-sm .column {
max-width: 10%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%; }
.columns-11-sm .column {
max-width: 9.09091%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 9.09091%;
-ms-flex: 0 0 9.09091%;
flex: 0 0 9.09091%; }
.columns-12-sm .column {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; } }
@media (min-width: 1024px) {
.columns-1-md .column {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.columns-2-md .column {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.columns-3-md .column {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.columns-4-md .column {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.columns-5-md .column {
max-width: 20%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%; }
.columns-6-md .column {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.columns-7-md .column {
max-width: 14.28571%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%; }
.columns-8-md .column {
max-width: 12.5%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%; }
.columns-9-md .column {
max-width: 11.11111%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 11.11111%;
-ms-flex: 0 0 11.11111%;
flex: 0 0 11.11111%; }
.columns-10-md .column {
max-width: 10%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%; }
.columns-11-md .column {
max-width: 9.09091%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 9.09091%;
-ms-flex: 0 0 9.09091%;
flex: 0 0 9.09091%; }
.columns-12-md .column {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; } }
@media (min-width: 1279px) {
.columns-1-lg .column {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.columns-2-lg .column {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.columns-3-lg .column {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.columns-4-lg .column {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.columns-5-lg .column {
max-width: 20%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%; }
.columns-6-lg .column {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.columns-7-lg .column {
max-width: 14.28571%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%; }
.columns-8-lg .column {
max-width: 12.5%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%; }
.columns-9-lg .column {
max-width: 11.11111%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 11.11111%;
-ms-flex: 0 0 11.11111%;
flex: 0 0 11.11111%; }
.columns-10-lg .column {
max-width: 10%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%; }
.columns-11-lg .column {
max-width: 9.09091%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 9.09091%;
-ms-flex: 0 0 9.09091%;
flex: 0 0 9.09091%; }
.columns-12-lg .column {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; } }
@media (min-width: 1366px) {
.columns-1-xl .column {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.columns-2-xl .column {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }
.columns-3-xl .column {
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.columns-4-xl .column {
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%; }
.columns-5-xl .column {
max-width: 20%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%; }
.columns-6-xl .column {
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%; }
.columns-7-xl .column {
max-width: 14.28571%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%; }
.columns-8-xl .column {
max-width: 12.5%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%; }
.columns-9-xl .column {
max-width: 11.11111%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 11.11111%;
-ms-flex: 0 0 11.11111%;
flex: 0 0 11.11111%; }
.columns-10-xl .column {
max-width: 10%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%; }
.columns-11-xl .column {
max-width: 9.09091%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 9.09091%;
-ms-flex: 0 0 9.09091%;
flex: 0 0 9.09091%; }
.columns-12-xl .column {
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%; } }
@media (min-width: 0px) {
.d-flex-xs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.d-inline-flex-xs {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.flex-d-row-xs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.flex-d-row-reverse-xs {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.flex-d-column-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.flex-d-column-reverse-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.flex-wrap-xs {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.flex-wrap-reverse-xs {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; }
.flex-nowrap-xs {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.flex-flow-rw-xs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.flex-flow-rrw-xs {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap; }
.flex-flow-rnw-xs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.flex-flow-rrnw-xs {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap; }
.flex-flow-cw-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap; }
.flex-flow-crw-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse wrap;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap; }
.flex-flow-cnw-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.flex-flow-crnw-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap; }
.justify-content-start-xs {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-end-xs {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-center-xs {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.justify-content-baseline-xs {
-webkit-box-pack: baseline;
-webkit-justify-content: baseline;
-ms-flex-pack: baseline;
justify-content: baseline; }
.justify-content-around-xs {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.justify-content-between-xs {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.align-items-start-xs {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-end-xs {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-center-xs {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.align-items-baseline-xs {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.align-items-stretch-xs {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.align-self-start-xs {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.align-self-end-xs {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.align-self-center-xs {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.align-self-baseline-xs {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
.align-self-stretch-xs {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
.align-content-start-xs {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.align-content-end-xs {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.align-content-center-xs {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center; }
.align-content-between-xs {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between; }
.align-content-around-xs {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around; }
.flex-order-first-xs {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-last-xs {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-unordered-xs {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-ml-auto-xs {
margin-left: auto; }
.flex-mr-auto-xs {
margin-right: auto; }
.flex-mt-auto-xs {
margin-top: auto; }
.flex-mb-auto-xs {
margin-bottom: auto; } }
@media (min-width: 768px) {
.d-flex-sm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.d-inline-flex-sm {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.flex-d-row-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.flex-d-row-reverse-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.flex-d-column-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.flex-d-column-reverse-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.flex-wrap-sm {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.flex-wrap-reverse-sm {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; }
.flex-nowrap-sm {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.flex-flow-rw-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.flex-flow-rrw-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap; }
.flex-flow-rnw-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.flex-flow-rrnw-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap; }
.flex-flow-cw-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap; }
.flex-flow-crw-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse wrap;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap; }
.flex-flow-cnw-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.flex-flow-crnw-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap; }
.justify-content-start-sm {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-end-sm {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-center-sm {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.justify-content-baseline-sm {
-webkit-box-pack: baseline;
-webkit-justify-content: baseline;
-ms-flex-pack: baseline;
justify-content: baseline; }
.justify-content-around-sm {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.justify-content-between-sm {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.align-items-start-sm {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-end-sm {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-center-sm {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.align-items-baseline-sm {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.align-items-stretch-sm {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.align-self-start-sm {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.align-self-end-sm {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.align-self-center-sm {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.align-self-baseline-sm {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
.align-self-stretch-sm {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
.align-content-start-sm {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.align-content-end-sm {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.align-content-center-sm {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center; }
.align-content-between-sm {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between; }
.align-content-around-sm {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around; }
.flex-order-first-sm {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-last-sm {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-unordered-sm {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-ml-auto-sm {
margin-left: auto; }
.flex-mr-auto-sm {
margin-right: auto; }
.flex-mt-auto-sm {
margin-top: auto; }
.flex-mb-auto-sm {
margin-bottom: auto; } }
@media (min-width: 1024px) {
.d-flex-md {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.d-inline-flex-md {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.flex-d-row-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.flex-d-row-reverse-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.flex-d-column-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.flex-d-column-reverse-md {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.flex-wrap-md {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.flex-wrap-reverse-md {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; }
.flex-nowrap-md {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.flex-flow-rw-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.flex-flow-rrw-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap; }
.flex-flow-rnw-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.flex-flow-rrnw-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap; }
.flex-flow-cw-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap; }
.flex-flow-crw-md {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse wrap;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap; }
.flex-flow-cnw-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.flex-flow-crnw-md {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap; }
.justify-content-start-md {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-end-md {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-center-md {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.justify-content-baseline-md {
-webkit-box-pack: baseline;
-webkit-justify-content: baseline;
-ms-flex-pack: baseline;
justify-content: baseline; }
.justify-content-around-md {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.justify-content-between-md {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.align-items-start-md {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-end-md {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-center-md {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.align-items-baseline-md {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.align-items-stretch-md {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.align-self-start-md {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.align-self-end-md {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.align-self-center-md {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.align-self-baseline-md {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
.align-self-stretch-md {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
.align-content-start-md {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.align-content-end-md {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.align-content-center-md {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center; }
.align-content-between-md {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between; }
.align-content-around-md {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around; }
.flex-order-first-md {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-last-md {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-unordered-md {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-ml-auto-md {
margin-left: auto; }
.flex-mr-auto-md {
margin-right: auto; }
.flex-mt-auto-md {
margin-top: auto; }
.flex-mb-auto-md {
margin-bottom: auto; } }
@media (min-width: 1279px) {
.d-flex-lg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.d-inline-flex-lg {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.flex-d-row-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.flex-d-row-reverse-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.flex-d-column-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.flex-d-column-reverse-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.flex-wrap-lg {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.flex-wrap-reverse-lg {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; }
.flex-nowrap-lg {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.flex-flow-rw-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.flex-flow-rrw-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap; }
.flex-flow-rnw-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.flex-flow-rrnw-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap; }
.flex-flow-cw-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap; }
.flex-flow-crw-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse wrap;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap; }
.flex-flow-cnw-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.flex-flow-crnw-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap; }
.justify-content-start-lg {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-end-lg {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-center-lg {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.justify-content-baseline-lg {
-webkit-box-pack: baseline;
-webkit-justify-content: baseline;
-ms-flex-pack: baseline;
justify-content: baseline; }
.justify-content-around-lg {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.justify-content-between-lg {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.align-items-start-lg {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-end-lg {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-center-lg {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.align-items-baseline-lg {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.align-items-stretch-lg {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.align-self-start-lg {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.align-self-end-lg {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.align-self-center-lg {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.align-self-baseline-lg {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
.align-self-stretch-lg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
.align-content-start-lg {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.align-content-end-lg {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.align-content-center-lg {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center; }
.align-content-between-lg {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between; }
.align-content-around-lg {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around; }
.flex-order-first-lg {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-last-lg {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-unordered-lg {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-ml-auto-lg {
margin-left: auto; }
.flex-mr-auto-lg {
margin-right: auto; }
.flex-mt-auto-lg {
margin-top: auto; }
.flex-mb-auto-lg {
margin-bottom: auto; } }
@media (min-width: 1366px) {
.d-flex-xl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.d-inline-flex-xl {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.flex-d-row-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.flex-d-row-reverse-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.flex-d-column-xl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.flex-d-column-reverse-xl {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.flex-wrap-xl {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.flex-wrap-reverse-xl {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; }
.flex-nowrap-xl {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.flex-flow-rw-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.flex-flow-rrw-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap; }
.flex-flow-rnw-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.flex-flow-rrnw-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap; }
.flex-flow-cw-xl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap; }
.flex-flow-crw-xl {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse wrap;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap; }
.flex-flow-cnw-xl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.flex-flow-crnw-xl {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap; }
.justify-content-start-xl {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-end-xl {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-center-xl {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.justify-content-baseline-xl {
-webkit-box-pack: baseline;
-webkit-justify-content: baseline;
-ms-flex-pack: baseline;
justify-content: baseline; }
.justify-content-around-xl {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.justify-content-between-xl {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.align-items-start-xl {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-end-xl {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-center-xl {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.align-items-baseline-xl {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.align-items-stretch-xl {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.align-self-start-xl {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.align-self-end-xl {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.align-self-center-xl {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.align-self-baseline-xl {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
.align-self-stretch-xl {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
.align-content-start-xl {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.align-content-end-xl {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.align-content-center-xl {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center; }
.align-content-between-xl {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between; }
.align-content-around-xl {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around; }
.flex-order-first-xl {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-last-xl {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-unordered-xl {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-ml-auto-xl {
margin-left: auto; }
.flex-mr-auto-xl {
margin-right: auto; }
.flex-mt-auto-xl {
margin-top: auto; }
.flex-mb-auto-xl {
margin-bottom: auto; } }
.d-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.d-inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.flex-d-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.flex-d-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.flex-d-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.flex-d-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; }
.flex-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.flex-flow-rw {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.flex-flow-rrw {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse wrap;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap; }
.flex-flow-rnw {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.flex-flow-rrnw {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap; }
.flex-flow-cw {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap; }
.flex-flow-crw {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse wrap;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap; }
.flex-flow-cnw {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.flex-flow-crnw {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap; }
.justify-content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.justify-content-baseline {
-webkit-box-pack: baseline;
-webkit-justify-content: baseline;
-ms-flex-pack: baseline;
justify-content: baseline; }
.justify-content-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.justify-content-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.align-items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.align-items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.align-items-baseline {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.align-items-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.align-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.align-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.align-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.align-self-baseline {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline; }
.align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch; }
.align-content-start {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.align-content-end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.align-content-center {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center; }
.align-content-between {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between; }
.align-content-around {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around; }
.flex-order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-ml-auto {
margin-left: auto; }
.flex-mr-auto {
margin-right: auto; }
.flex-mt-auto {
margin-top: auto; }
.flex-mb-auto {
margin-bottom: auto; }
.order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
@media (min-width: 0px) {
.hidden-xs {
display: none; }
.opacity-0-xs {
opacity: 0; } }
@media (min-width: 768px) {
.hidden-sm {
display: none; }
.opacity-0-sm {
opacity: 0; } }
@media (min-width: 1024px) {
.hidden-md {
display: none; }
.opacity-0-md {
opacity: 0; } }
@media (min-width: 1279px) {
.hidden-lg {
display: none; }
.opacity-0-lg {
opacity: 0; } }
@media (min-width: 1366px) {
.hidden-xl {
display: none; }
.opacity-0-xl {
opacity: 0; } }
.pt-1-1 {
padding-top: 100%; }
.pt-1-2 {
padding-top: 200%; }
.pt-1-3 {
padding-top: 300%; }
.pt-16-9 {
padding-top: 56%; }
.br-100 {
border-radius: 100%;
overflow: hidden; }
.br-20 {
border-radius: 20px;
overflow: hidden; }
.br-10 {
border-radius: 10px;
overflow: hidden; }
.br-5 {
border-radius: 5px;
overflow: hidden; }
.ta-c {
text-align: center; }
.ta-l {
text-align: left; }
.ta-r {
text-align: right; }
.w-100 {
width: 100%; }
.w-75 {
width: 75%; }
.w-50 {
width: 50%; }
.w-25 {
width: 25%; }
.w-auto {
width: auto; }
.h-100 {
height: 100%; }
.h-75 {
height: 75%; }
.h-50 {
height: 50%; }
.h-25 {
height: 25%; }
.h-auto {
height: auto; }
.opacity-0 {
opacity: 0; }
.opacity-25 {
opacity: .25; }
.opacity-50 {
opacity: .50; }
.opacity-75 {
opacity: .75; }
.opacity-100 {
opacity: 1; }
.absolute {
position: absolute; }
.relative {
position: relative; }
.top {
top: 0; }
.right {
right: 0; }
.bottom {
bottom: 0; }
.left {
left: 0; }
.m-0 {
margin: 0px; }
.m-10 {
margin: 10px; }
.m-20 {
margin: 20px; }
.m-30 {
margin: 30px; }
.m-40 {
margin: 40px; }
.mt-0 {
margin-top: 0px; }
.mt-10 {
margin-top: 10px; }
.mt-20 {
margin-top: 20px; }
.mt-30 {
margin-top: 30px; }
.mt-40 {
margin-top: 40px; }
.mr-0 {
margin-right: 0px; }
.mr-10 {
margin-right: 10px; }
.mr-20 {
margin-right: 20px; }
.mr-30 {
margin-right: 30px; }
.mr-40 {
margin-right: 40px; }
.mb-0 {
margin-bottom: 0px; }
.mb-10 {
margin-bottom: 10px; }
.mb-20 {
margin-bottom: 20px; }
.mb-30 {
margin-bottom: 30px; }
.mb-40 {
margin-bottom: 40px; }
.ml-0 {
margin-left: 0px; }
.ml-10 {
margin-left: 10px; }
.ml-20 {
margin-left: 20px; }
.ml-30 {
margin-left: 30px; }
.ml-40 {
margin-left: 40px; }
.m-10 {
margin: 10px; }
.m-20 {
margin: 20px; }
.m-30 {
margin: 30px; }
.m-40 {
margin: 40px; }
.p-0 {
padding: 0px; }
.p-10 {
padding: 10px; }
.p-20 {
padding: 20px; }
.p-30 {
padding: 30px; }
.p-40 {
padding: 40px; }
.pt-0 {
padding-top: 0px; }
.pt-10 {
padding-top: 10px; }
.pt-20 {
padding-top: 20px; }
.pt-30 {
padding-top: 30px; }
.pt-40 {
padding-top: 40px; }
.pr-0 {
padding-right: 0px; }
.pr-10 {
padding-right: 10px; }
.pr-20 {
padding-right: 20px; }
.pr-30 {
padding-right: 30px; }
.pr-40 {
padding-right: 40px; }
.pb-0 {
padding-bottom: 0px; }
.pb-10 {
padding-bottom: 10px; }
.pb-20 {
padding-bottom: 20px; }
.pb-30 {
padding-bottom: 30px; }
.pb-40 {
padding-bottom: 40px; }
.pl-0 {
padding-left: 0px; }
.pl-10 {
padding-left: 10px; }
.pl-20 {
padding-left: 20px; }
.pl-30 {
padding-left: 30px; }
.pl-40 {
padding-left: 40px; }
.p-10 {
padding: 10px; }
.p-20 {
padding: 20px; }
.p-30 {
padding: 30px; }
.p-40 {
padding: 40px; }
@media (min-width: 0px) {
.m-0-xs {
margin: 0px; }
.m-10-xs {
margin: 10px; }
.m-20-xs {
margin: 20px; }
.m-30-xs {
margin: 30px; }
.m-40-xs {
margin: 40px; }
.mt-0-xs {
margin-top: 0px; }
.mt-10-xs {
margin-top: 10px; }
.mt-20-xs {
margin-top: 20px; }
.mt-30-xs {
margin-top: 30px; }
.mt-40-xs {
margin-top: 40px; }
.mr-0-xs {
margin-right: 0px; }
.mr-10-xs {
margin-right: 10px; }
.mr-20-xs {
margin-right: 20px; }
.mr-30-xs {
margin-right: 30px; }
.mr-40-xs {
margin-right: 40px; }
.mb-0-xs {
margin-bottom: 0px; }
.mb-10-xs {
margin-bottom: 10px; }
.mb-20-xs {
margin-bottom: 20px; }
.mb-30-xs {
margin-bottom: 30px; }
.mb-40-xs {
margin-bottom: 40px; }
.ml-0-xs {
margin-left: 0px; }
.ml-10-xs {
margin-left: 10px; }
.ml-20-xs {
margin-left: 20px; }
.ml-30-xs {
margin-left: 30px; }
.ml-40-xs {
margin-left: 40px; }
.m-xs-10 {
margin: 10px; }
.m-xs-20 {
margin: 20px; }
.m-xs-30 {
margin: 30px; }
.m-xs-40 {
margin: 40px; }
.p-0-xs {
padding: 0px; }
.p-10-xs {
padding: 10px; }
.p-20-xs {
padding: 20px; }
.p-30-xs {
padding: 30px; }
.p-40-xs {
padding: 40px; }
.pt-0-xs {
padding-top: 0px; }
.pt-10-xs {
padding-top: 10px; }
.pt-20-xs {
padding-top: 20px; }
.pt-30-xs {
padding-top: 30px; }
.pt-40-xs {
padding-top: 40px; }
.pr-0-xs {
padding-right: 0px; }
.pr-10-xs {
padding-right: 10px; }
.pr-20-xs {
padding-right: 20px; }
.pr-30-xs {
padding-right: 30px; }
.pr-40-xs {
padding-right: 40px; }
.pb-0-xs {
padding-bottom: 0px; }
.pb-10-xs {
padding-bottom: 10px; }
.pb-20-xs {
padding-bottom: 20px; }
.pb-30-xs {
padding-bottom: 30px; }
.pb-40-xs {
padding-bottom: 40px; }
.pl-0-xs {
padding-left: 0px; }
.pl-10-xs {
padding-left: 10px; }
.pl-20-xs {
padding-left: 20px; }
.pl-30-xs {
padding-left: 30px; }
.pl-40-xs {
padding-left: 40px; }
.p-xs-10 {
padding: 10px; }
.p-xs-20 {
padding: 20px; }
.p-xs-30 {
padding: 30px; }
.p-xs-40 {
padding: 40px; }
.opacity-0-xs {
opacity: 0; }
.opacity-25-xs {
opacity: .25; }
.opacity-50-xs {
opacity: .50; }
.opacity-75-xs {
opacity: .75; }
.opacity-100-xs {
opacity: 1; }
.absolute-xs {
position: absolute; }
.relative-xs {
position: relative; }
.top-xs {
top: 0; }
.right-xs {
right: 0; }
.bottom-xs {
bottom: 0; }
.left-xs {
left: 0; } }
@media (min-width: 768px) {
.m-0-sm {
margin: 0px; }
.m-10-sm {
margin: 10px; }
.m-20-sm {
margin: 20px; }
.m-30-sm {
margin: 30px; }
.m-40-sm {
margin: 40px; }
.mt-0-sm {
margin-top: 0px; }
.mt-10-sm {
margin-top: 10px; }
.mt-20-sm {
margin-top: 20px; }
.mt-30-sm {
margin-top: 30px; }
.mt-40-sm {
margin-top: 40px; }
.mr-0-sm {
margin-right: 0px; }
.mr-10-sm {
margin-right: 10px; }
.mr-20-sm {
margin-right: 20px; }
.mr-30-sm {
margin-right: 30px; }
.mr-40-sm {
margin-right: 40px; }
.mb-0-sm {
margin-bottom: 0px; }
.mb-10-sm {
margin-bottom: 10px; }
.mb-20-sm {
margin-bottom: 20px; }
.mb-30-sm {
margin-bottom: 30px; }
.mb-40-sm {
margin-bottom: 40px; }
.ml-0-sm {
margin-left: 0px; }
.ml-10-sm {
margin-left: 10px; }
.ml-20-sm {
margin-left: 20px; }
.ml-30-sm {
margin-left: 30px; }
.ml-40-sm {
margin-left: 40px; }
.m-sm-10 {
margin: 10px; }
.m-sm-20 {
margin: 20px; }
.m-sm-30 {
margin: 30px; }
.m-sm-40 {
margin: 40px; }
.p-0-sm {
padding: 0px; }
.p-10-sm {
padding: 10px; }
.p-20-sm {
padding: 20px; }
.p-30-sm {
padding: 30px; }
.p-40-sm {
padding: 40px; }
.pt-0-sm {
padding-top: 0px; }
.pt-10-sm {
padding-top: 10px; }
.pt-20-sm {
padding-top: 20px; }
.pt-30-sm {
padding-top: 30px; }
.pt-40-sm {
padding-top: 40px; }
.pr-0-sm {
padding-right: 0px; }
.pr-10-sm {
padding-right: 10px; }
.pr-20-sm {
padding-right: 20px; }
.pr-30-sm {
padding-right: 30px; }
.pr-40-sm {
padding-right: 40px; }
.pb-0-sm {
padding-bottom: 0px; }
.pb-10-sm {
padding-bottom: 10px; }
.pb-20-sm {
padding-bottom: 20px; }
.pb-30-sm {
padding-bottom: 30px; }
.pb-40-sm {
padding-bottom: 40px; }
.pl-0-sm {
padding-left: 0px; }
.pl-10-sm {
padding-left: 10px; }
.pl-20-sm {
padding-left: 20px; }
.pl-30-sm {
padding-left: 30px; }
.pl-40-sm {
padding-left: 40px; }
.p-sm-10 {
padding: 10px; }
.p-sm-20 {
padding: 20px; }
.p-sm-30 {
padding: 30px; }
.p-sm-40 {
padding: 40px; }
.opacity-0-sm {
opacity: 0; }
.opacity-25-sm {
opacity: .25; }
.opacity-50-sm {
opacity: .50; }
.opacity-75-sm {
opacity: .75; }
.opacity-100-sm {
opacity: 1; }
.absolute-sm {
position: absolute; }
.relative-sm {
position: relative; }
.top-sm {
top: 0; }
.right-sm {
right: 0; }
.bottom-sm {
bottom: 0; }
.left-sm {
left: 0; } }
@media (min-width: 1024px) {
.m-0-md {
margin: 0px; }
.m-10-md {
margin: 10px; }
.m-20-md {
margin: 20px; }
.m-30-md {
margin: 30px; }
.m-40-md {
margin: 40px; }
.mt-0-md {
margin-top: 0px; }
.mt-10-md {
margin-top: 10px; }
.mt-20-md {
margin-top: 20px; }
.mt-30-md {
margin-top: 30px; }
.mt-40-md {
margin-top: 40px; }
.mr-0-md {
margin-right: 0px; }
.mr-10-md {
margin-right: 10px; }
.mr-20-md {
margin-right: 20px; }
.mr-30-md {
margin-right: 30px; }
.mr-40-md {
margin-right: 40px; }
.mb-0-md {
margin-bottom: 0px; }
.mb-10-md {
margin-bottom: 10px; }
.mb-20-md {
margin-bottom: 20px; }
.mb-30-md {
margin-bottom: 30px; }
.mb-40-md {
margin-bottom: 40px; }
.ml-0-md {
margin-left: 0px; }
.ml-10-md {
margin-left: 10px; }
.ml-20-md {
margin-left: 20px; }
.ml-30-md {
margin-left: 30px; }
.ml-40-md {
margin-left: 40px; }
.m-md-10 {
margin: 10px; }
.m-md-20 {
margin: 20px; }
.m-md-30 {
margin: 30px; }
.m-md-40 {
margin: 40px; }
.p-0-md {
padding: 0px; }
.p-10-md {
padding: 10px; }
.p-20-md {
padding: 20px; }
.p-30-md {
padding: 30px; }
.p-40-md {
padding: 40px; }
.pt-0-md {
padding-top: 0px; }
.pt-10-md {
padding-top: 10px; }
.pt-20-md {
padding-top: 20px; }
.pt-30-md {
padding-top: 30px; }
.pt-40-md {
padding-top: 40px; }
.pr-0-md {
padding-right: 0px; }
.pr-10-md {
padding-right: 10px; }
.pr-20-md {
padding-right: 20px; }
.pr-30-md {
padding-right: 30px; }
.pr-40-md {
padding-right: 40px; }
.pb-0-md {
padding-bottom: 0px; }
.pb-10-md {
padding-bottom: 10px; }
.pb-20-md {
padding-bottom: 20px; }
.pb-30-md {
padding-bottom: 30px; }
.pb-40-md {
padding-bottom: 40px; }
.pl-0-md {
padding-left: 0px; }
.pl-10-md {
padding-left: 10px; }
.pl-20-md {
padding-left: 20px; }
.pl-30-md {
padding-left: 30px; }
.pl-40-md {
padding-left: 40px; }
.p-md-10 {
padding: 10px; }
.p-md-20 {
padding: 20px; }
.p-md-30 {
padding: 30px; }
.p-md-40 {
padding: 40px; }
.opacity-0-md {
opacity: 0; }
.opacity-25-md {
opacity: .25; }
.opacity-50-md {
opacity: .50; }
.opacity-75-md {
opacity: .75; }
.opacity-100-md {
opacity: 1; }
.absolute-md {
position: absolute; }
.relative-md {
position: relative; }
.top-md {
top: 0; }
.right-md {
right: 0; }
.bottom-md {
bottom: 0; }
.left-md {
left: 0; } }
@media (min-width: 1279px) {
.m-0-lg {
margin: 0px; }
.m-10-lg {
margin: 10px; }
.m-20-lg {
margin: 20px; }
.m-30-lg {
margin: 30px; }
.m-40-lg {
margin: 40px; }
.mt-0-lg {
margin-top: 0px; }
.mt-10-lg {
margin-top: 10px; }
.mt-20-lg {
margin-top: 20px; }
.mt-30-lg {
margin-top: 30px; }
.mt-40-lg {
margin-top: 40px; }
.mr-0-lg {
margin-right: 0px; }
.mr-10-lg {
margin-right: 10px; }
.mr-20-lg {
margin-right: 20px; }
.mr-30-lg {
margin-right: 30px; }
.mr-40-lg {
margin-right: 40px; }
.mb-0-lg {
margin-bottom: 0px; }
.mb-10-lg {
margin-bottom: 10px; }
.mb-20-lg {
margin-bottom: 20px; }
.mb-30-lg {
margin-bottom: 30px; }
.mb-40-lg {
margin-bottom: 40px; }
.ml-0-lg {
margin-left: 0px; }
.ml-10-lg {
margin-left: 10px; }
.ml-20-lg {
margin-left: 20px; }
.ml-30-lg {
margin-left: 30px; }
.ml-40-lg {
margin-left: 40px; }
.m-lg-10 {
margin: 10px; }
.m-lg-20 {
margin: 20px; }
.m-lg-30 {
margin: 30px; }
.m-lg-40 {
margin: 40px; }
.p-0-lg {
padding: 0px; }
.p-10-lg {
padding: 10px; }
.p-20-lg {
padding: 20px; }
.p-30-lg {
padding: 30px; }
.p-40-lg {
padding: 40px; }
.pt-0-lg {
padding-top: 0px; }
.pt-10-lg {
padding-top: 10px; }
.pt-20-lg {
padding-top: 20px; }
.pt-30-lg {
padding-top: 30px; }
.pt-40-lg {
padding-top: 40px; }
.pr-0-lg {
padding-right: 0px; }
.pr-10-lg {
padding-right: 10px; }
.pr-20-lg {
padding-right: 20px; }
.pr-30-lg {
padding-right: 30px; }
.pr-40-lg {
padding-right: 40px; }
.pb-0-lg {
padding-bottom: 0px; }
.pb-10-lg {
padding-bottom: 10px; }
.pb-20-lg {
padding-bottom: 20px; }
.pb-30-lg {
padding-bottom: 30px; }
.pb-40-lg {
padding-bottom: 40px; }
.pl-0-lg {
padding-left: 0px; }
.pl-10-lg {
padding-left: 10px; }
.pl-20-lg {
padding-left: 20px; }
.pl-30-lg {
padding-left: 30px; }
.pl-40-lg {
padding-left: 40px; }
.p-lg-10 {
padding: 10px; }
.p-lg-20 {
padding: 20px; }
.p-lg-30 {
padding: 30px; }
.p-lg-40 {
padding: 40px; }
.opacity-0-lg {
opacity: 0; }
.opacity-25-lg {
opacity: .25; }
.opacity-50-lg {
opacity: .50; }
.opacity-75-lg {
opacity: .75; }
.opacity-100-lg {
opacity: 1; }
.absolute-lg {
position: absolute; }
.relative-lg {
position: relative; }
.top-lg {
top: 0; }
.right-lg {
right: 0; }
.bottom-lg {
bottom: 0; }
.left-lg {
left: 0; } }
@media (min-width: 1366px) {
.m-0-xl {
margin: 0px; }
.m-10-xl {
margin: 10px; }
.m-20-xl {
margin: 20px; }
.m-30-xl {
margin: 30px; }
.m-40-xl {
margin: 40px; }
.mt-0-xl {
margin-top: 0px; }
.mt-10-xl {
margin-top: 10px; }
.mt-20-xl {
margin-top: 20px; }
.mt-30-xl {
margin-top: 30px; }
.mt-40-xl {
margin-top: 40px; }
.mr-0-xl {
margin-right: 0px; }
.mr-10-xl {
margin-right: 10px; }
.mr-20-xl {
margin-right: 20px; }
.mr-30-xl {
margin-right: 30px; }
.mr-40-xl {
margin-right: 40px; }
.mb-0-xl {
margin-bottom: 0px; }
.mb-10-xl {
margin-bottom: 10px; }
.mb-20-xl {
margin-bottom: 20px; }
.mb-30-xl {
margin-bottom: 30px; }
.mb-40-xl {
margin-bottom: 40px; }
.ml-0-xl {
margin-left: 0px; }
.ml-10-xl {
margin-left: 10px; }
.ml-20-xl {
margin-left: 20px; }
.ml-30-xl {
margin-left: 30px; }
.ml-40-xl {
margin-left: 40px; }
.m-xl-10 {
margin: 10px; }
.m-xl-20 {
margin: 20px; }
.m-xl-30 {
margin: 30px; }
.m-xl-40 {
margin: 40px; }
.p-0-xl {
padding: 0px; }
.p-10-xl {
padding: 10px; }
.p-20-xl {
padding: 20px; }
.p-30-xl {
padding: 30px; }
.p-40-xl {
padding: 40px; }
.pt-0-xl {
padding-top: 0px; }
.pt-10-xl {
padding-top: 10px; }
.pt-20-xl {
padding-top: 20px; }
.pt-30-xl {
padding-top: 30px; }
.pt-40-xl {
padding-top: 40px; }
.pr-0-xl {
padding-right: 0px; }
.pr-10-xl {
padding-right: 10px; }
.pr-20-xl {
padding-right: 20px; }
.pr-30-xl {
padding-right: 30px; }
.pr-40-xl {
padding-right: 40px; }
.pb-0-xl {
padding-bottom: 0px; }
.pb-10-xl {
padding-bottom: 10px; }
.pb-20-xl {
padding-bottom: 20px; }
.pb-30-xl {
padding-bottom: 30px; }
.pb-40-xl {
padding-bottom: 40px; }
.pl-0-xl {
padding-left: 0px; }
.pl-10-xl {
padding-left: 10px; }
.pl-20-xl {
padding-left: 20px; }
.pl-30-xl {
padding-left: 30px; }
.pl-40-xl {
padding-left: 40px; }
.p-xl-10 {
padding: 10px; }
.p-xl-20 {
padding: 20px; }
.p-xl-30 {
padding: 30px; }
.p-xl-40 {
padding: 40px; }
.opacity-0-xl {
opacity: 0; }
.opacity-25-xl {
opacity: .25; }
.opacity-50-xl {
opacity: .50; }
.opacity-75-xl {
opacity: .75; }
.opacity-100-xl {
opacity: 1; }
.absolute-xl {
position: absolute; }
.relative-xl {
position: relative; }
.top-xl {
top: 0; }
.right-xl {
right: 0; }
.bottom-xl {
bottom: 0; }
.left-xl {
left: 0; } }
.mp-0 .row {
margin: 0px; }
.mp-0 .row [class*="column"] {
padding: 0px; }
.zhuige-base-block {
}
.zhuige-gray {
background-color: #F4F6F8;
}
.zhuige-base-title {
padding: 30px;
text-align: center;
}
.zhuige-base-title h1 {
font-size: 30px;
padding-bottom: 20px;
}
.zhuige-base-title p {
font-size: 14px;
color: #666666;
font-weight: 200;
} header {
width: 100%;
position: fixed;
z-index: 99;
height: 70px;
background: #222222;
box-shadow: 0 3px 6px -2px rgba(0,0,0,.1);
} nav{
height: 70px;
}
nav .logo{
color: #333333;
font-size: 13px;
font-weight: 200;
letter-spacing: -1px;
}
nav .logo img{
height: 60px;
width: auto;
border-radius: 2px;
}
.zhuige-nav{
display: flex;
flex: 1;
}
.zhuige-nav-list {
display: flex;
flex: 1;
}
.zhuige-nav-list li{
padding: 0 1px;
list-style: none;
position: relative;
}
.zhuige-nav-list li>a{
color: #F3F3F3F3;
font-weight: 400;
height: 70px;
line-height: 70px;
padding: 0 20px;
text-decoration: none;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;  
font-size: 14px;
}
.zhuige-nav-list li>a:hover{
color: #FFFFFF; 
}
.zhuige-nav-list li>a:hover:before {
top: 0;
bottom: 0;	
}
.zhuige-nav-list li>a:before {
content: "";
position: absolute;
z-index: -1;
top: 100%;
bottom: 0%;
left: 0;
background: #2C70DB;
width: 100%;
-webkit-transition-property: bottom, top;
transition-property: bottom, top;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.zhuige-nav-list li.nav-activ>a {
font-weight: 500;
color: #FFFFFF;
}
.zhuige-nav-list li.nav-activ>a:before {
content: "";
position: absolute;
z-index: -1;
top: 0%;
bottom: 0%;
background: #2C70DB;
} footer {
line-height: 60px;
background: #222222;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
.zhuige-footer-copy a, .zhuige-footer-links li a {
color: #FFFFFF;
}
.zhuige-footer-copy {
font-weight: 200;
}
.zhuige-footer-copy img {
height: 14px;
margin: 0 4px;
}
.zhuige-footer-links {
border-bottom: 1px solid #333333;
}
.zhuige-footer-links li {
margin: 0 8px;
word-break: keep-all;
white-space: nowrap;
}
.zhuige-footer-links li a {
word-break: keep-all;
white-space: nowrap;
color: #FFFFFF;
}
.zhuige-header-block {
padding-top: 70px;
} .lb-box {
width: 100%;
height: 480px;
position: relative;
overflow: hidden;
z-index: 9;
}
.lb-content {
width: 100%;  
height: 100%;
}
.lb-item {
width: 100%;  
height: 100%;
display: none;
position: relative;   
}
.lb-item > a {
width: 100%;
height: 100%;
display: block;
}
.lb-item > a > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lb-item > a > div {
width: 100%;
display: block;
position: absolute;
bottom: 0px;
padding: 15px;
color: #fff;
background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0));
}
.lb-item > a > div > h2 {
width: 100%;
padding-right: 170px;
height: 1em;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;	
}
.lb-item > cite {
width: 100%;
height: 100%;
display: block;
}
.lb-item > cite > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lb-item.active {
display: block;
left: 0%;
}
.lb-item.active.left {
left: -100%;
}
.lb-item.active.right {
left: 100%;
} .lb-item.next, .lb-item.prev {
display: block;
position: absolute;
top: 0px;
}
.lb-item.next {
left: 100%;
}
.lb-item.prev {
left: -100%;
}
.lb-item.next.left, .lb-item.prev.right {
left: 0%;
}
.lb-sign {
position: absolute;
right: 10px;
bottom: 10px;
padding: 5px 3px;
border-radius: 16px;
list-style: none;
user-select: none;
background-color: rgba(0,0,0,0.04);
}
.lb-sign li {
width: 22px;
height: 20px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: center;
float: left;
color: #aaa;
margin: auto 4px;
border-radius: 13px;
cursor: pointer;
opacity: 0.6;
}
.lb-sign li:hover {
color: #fff;
}
.lb-sign li.active {
color: #000;
opacity: 1;
background-color: #EBEBEB;
transition: all 0.2s linear;
}
.lb-ctrl {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
vertical-align: middle;
font-weight: 200;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
user-select: none;
background-color: rgba(255,255,255,.0);
color: rgba(44, 112, 219, 1);
border-radius: 40px;
cursor: pointer;
transition: all 0.1s linear;
z-index: 11;
}
.lb-ctrl.left {
left: -50px;
}
.lb-ctrl.right {
right: -50px;
}
.lb-box:hover .lb-ctrl.left {
left: 10px;
}
.lb-box:hover .lb-ctrl.right {
right: 10px;
}
.lb-ctrl:hover {
background-color: rgba(0,0,0,0.6);
} .lb-sign {
right: auto;
left: 50%;
margin-left: -40px;
}
.lb-sign li {
height: 6px;
width: 6px;
font-size: 6px;
line-height: 6px;
color: rgba(0,0,0,0);
background-color: rgba(255,255,255,.6);
}
.lb-sign li:hover {
color: rgba(0,0,0,0);
background-color: rgba(44, 112, 219, 1);
transition: all 0.2s linear;
}
.lb-sign li.active {
color: rgba(0,0,0,0);
width: 18px;
opacity: 1;
background-color: rgba(44, 112, 219, 1);
transition: all 0.2s linear;
} .lb-info {
position: absolute;
z-index: 9;
top: 170px;
text-align: center;
}
.zhuige-main-swiper .lb-info {
color: #FFFFFF;
}
.lb-info h1 {
font-size: 32px;
font-weight: 400;
}
.lb-info p {
font-size: 16px;
font-weight: 300;	
}
.lb-info div {
display: flex;
}
.lb-info div a {
height: 40px;
line-height: 40px;
width: 130px;
text-align: center;
font-size: 12px;
color: #FFFFFF;
border-radius: 3px;
border: 1px solid #FFFFFF;
margin-right: 20px;
}
.lb-info div a:hover {
background: #FFFFFF;
color: #235BB0;
}
.zhuige-base-text-img * {
margin: 10px 10%;
font-size: 14px;
font-weight: 200;
line-height: 2.5em;
} .zhuige-goods-swiper .lb-box {
height: 320px;
}
.lb-prd {
}
.zhuige-goods-swiper .lb-ctrl {
top: 40%;
}
.zhuige-goods-block {
height: 200px;
width: 260px;
overflow: hidden;
position: relative;
border-radius: 4px;
margin: 0 5px;
}
.zhuige-goods-block img {
height: 100%;
width: 100%;
object-fit: cover;
}
.zhuige-goods-block h6 {
position: absolute;
height: 100px;
line-height: 160px;
width: 100%;
padding: 0 20px;
bottom: 0;
background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.zhuige-goods-block h6 a {
font-size: 13px;
color: #FFFFFF;
}
.zhuige-article-list {
background: #FFFFFF;
border-radius: 4px;
}
.zhuige-article-list-block {
border-bottom: 1px dotted #DDDDDD;
padding: 20px 0;
}
.zhuige-article-list-block:last-of-type {
border: none;
padding-bottom: 0;
}
.zhuige-article-list-block:first-of-type {
padding-top: 0;
}
.zhuige-article-list-block-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 180px;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
height: 120px;
width: 180px;
position: relative;
}
.zhuige-article-list-block-img img {
height: 100%;
width: 100%;
border-radius: 3px;
object-fit: cover;
}
.zhuige-article-list-block-img span {
height: 20px;
line-height: 20px;
font-size: 12px;
font-weight: 200;
color: #FFFFFF;
padding: 0 8px;
border-radius: 2px;
background: rgba(0,0,0,.6);
position: absolute;
z-index: 8;
top: 10px;
left: 10px;
}
.zhuige-article-list-block-text {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 12px;
overflow: hidden;
}
.zhuige-article-list-block-text h6 {
font-size: 16px;
font-weight: 500;
line-height: 1.8em;
}
.zhuige-article-list-block-text h6 strong {
display: inline;
font-size: 10px;
color: #FFFFFF;
padding: 2px 6px;
border-radius: 2px;
background: #2C70DB;
margin-right: 6px;
vertical-align: middle;
}
.zhuige-article-list-block-text div {
font-size: 14px;
font-weight: 200;
line-height: 1.8;
height: 1.8em;
word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.zhuige-article-list-block-text p {
font-size: 12px;
font-weight: 200;
color: #7f7f7f;
height: 2em;
line-height: 2em;
overflow: hidden;
}
.zhuige-article-list-block-text p cite:first-of-type {
margin-right: 4px;
} .zhui-pagination {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
padding: 40px;
}
.zhui-pagination a {
display: block;
padding: 0 20px;
line-height: 40px;
height: 40px;
border: 1px solid #DDDDDD;
border-right: 0;
background-color: #FFFFFF;
font-size: 13px;
font-weight: 300;
}
.zhui-pagination a:hover {
background-color: #2B76ED;
border-color: #2B76ED;
color: #FFFFFF;
}
.zhui-pagination a:first-child {
border-radius: 6px 0 0 6px;
}
.zhui-pagination a:last-child {
border: 1px solid #DDDDDD;
border-radius: 0 6px 6px 0;
}
.zhui-pagination a.zhui-page-on {
background-color: #2B76ED;
border-color: #2B76ED;
color: #FFFFFF;
}
.zhuige-block, .zhuige-side-block, .zhuige-main-text-title {
background: #FFFFFF;
border-radius: 4px;
}
.zhuige-main-cont .zhuige-nav-list {
padding: 0;
} .zhuige-article-title {
padding-bottom: 10px;
border-bottom: 1px solid #EEEEEE;
margin-bottom: 20px;
}
.zhuige-article-title h1 {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
.zhuige-article-title p {
font-size: 12px;
color: #999999;
}
.zhuige-main-text .zhuige-block {
font-size: 13px;
line-height: 2.2em;
min-height: 480px;
}
.zhuige-main-text .zhuige-block p {
margin-bottom: 1em;
font-weight: 400;
color: #555555;
}
.zhuige-main-text .zhuige-block img, .zhuige-main-text .zhuige-block video  {
max-width: 100%;
height: auto;
margin: 0 auto;
display: flex;
}
.zhuige-breadcrumb {
padding-left: 20px;
}
.zhuige-breadcrumb * {
font-size: 12px;
margin-right: 6px;
font-weight: 200;
}
.zhuige-breadcrumb .fa {
color: #999999;
}
.zhugie-header-fix {
padding-top: 70px;
}
.zhuige-main-title {
height: 300px;
width: 100%;
position: relative;
overflow: hidden;
}
.zhuige-main-title>img {
height: 100%;
width: 100%;
object-fit: cover;
}
.zhuige-main-title-text {
position: absolute;
z-index: 8;
top: 110px;
height: 260px;
width: 100%;
text-align: center;
color: #FFFFFF;
}
.zhuige-main-title-text h1 {
font-size: 30px;
line-height: 2em;
}
.zhuige-main-title-text p {
font-size: 14px;
font-weight: 200;
} .zhuige-cooperation-box {
position: relative;
}
.zhuige-cooperation-box .l-ctrl, .zhuige-cooperation-box .r-ctrl {
position: absolute;
z-index: 4;
text-align: center;
height: 36px;
width: 36px;
left: -50px;
top: 30px;
line-height: 36px;
border-radius: 50%;
background-color: rgba(222,222,222,.1);
color: rgba(44, 112, 219, .6);
transition: .5s;
}
.zhuige-cooperation-box .r-ctrl {
right: -50px;
left: auto;
}
.zhuige-cooperation-box .l-mask, .zhuige-cooperation-box .r-mask {
position: absolute;
z-index: 3;
width: 180px;
height: 100px;
left: 0;
top: 0;
background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1));
}
.zhuige-cooperation-box .r-mask {
left: auto;
right: 0;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1));
}
.zhuige-cooperation-box .l-ctrl:hover, .zhuige-cooperation-box .r-ctrl:hover {
background-color: rgba(222,222,222,.4);
color: rgba(44, 112, 219, 1);
cursor: pointer;
}
.zhuige-cooperation {
padding: 10px 0;
text-align: center;
position: relative;
}
.zhuige-cooperation a {
width: 180px;
height: 80px;
overflow: hidden;
margin: 5px;
border: 1px solid #EEEEEE;
transition: .5s;
}
.zhuige-cooperation a img {
height: 100%;
width: 100%;
object-fit: cover;
transition: .5s;
}
.zhuige-cooperation a:hover {
border-color: #2B76ED;
}
.zhuige-cooperation a:hover img {
transform: scale(1.1, 1.1);
} .zhuige-cont-info {
padding-right: 20px;
}
.zhuige-cont-info h2 {
font-size: 18px;
font-weight: 500;
height: 3em;
line-height: 3em;
}
.zhuige-cont-info p {
font-size: 13px;
font-weight: 300;
margin-bottom: 20px;
} .zhuige-feed-form {
}
.zhuige-form-line {
height: 40px;
line-height: 40px;
border: 1px solid #EEEEEE;
padding: 0 10px;
background: #FFFFFF;
margin-bottom: 10px;
}
.zhuige-form-line input {
width: 80%;
}
.zhuige-form-line label, .zhuige-form-height-line label {
width: 80px;
font-size: 13px;
font-weight: 300;
}
.zhuige-form-height-line label {
width: 100px;
word-break: keep-all;
white-space: nowrap;
}
.zhuige-form-height-line {
height: 140px;
line-height: 1.8em;
border: 1px solid #EEEEEE;
padding: 0 10px;
background: #FFFFFF;
margin-bottom: 10px;
}
.zhuige-form-height-line textarea {
width: 90%;
height: 120px;
padding: 10px;
line-height: 1.8em;
}
.zhuige-form-btn button {
height: 36px;
line-height: 36px;
width: 100%;
text-align: center;
font-size: 13px;
font-weight: 200;
color: #FFFFFF;
background: #2B76ED;
border-radius: 2px;
transition: .5s;
}
.zhuige-form-btn button:hover {
background: #235BB0;
cursor: pointer;
}
.zhuige-form-tips {
text-align: center;
font-size: 12px;
color: #2B76ED;
}
.zhuige-img-news {
height: 260px;
width: 100%;
overflow: hidden;
position: relative;
border-radius: 4px;
}
.zhuige-img-news img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 4px;
transition: 0.3s;
}
.zhuige-img-news img:hover {
height: 103%;
width: 103%
}
.zhuige-img-news h5 {
position: absolute;
height: 100px;
line-height: 160px;
width: 100%;
padding: 0 20px;
bottom: 0;
background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.zhuige-img-news h5 a {
font-size: 13px;
color: #FFFFFF;
}
.zhuige-news {
width: 100%;
margin: 0 auto;
}
.zhuige-article-list-data {
-webkit-box-flex: 0;
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
height: 80px;
width: 80px;
position: relative;
background: #F9F9F9;
border-radius: 4px;
text-align: center;
}
.zhuige-article-list-data h6 {
font-size: 26px;
font-weight: 600;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #EEEEEE;
}
.zhuige-article-list-data p {
font-size: 12px;
font-weight: 200;
height: 40px;
line-height: 40px;
}
.zhuige-news-list .zhuige-article-list-block {
border: none;
padding: 0;
margin-bottom: 10px;
}
.zhuige-news-list .zhuige-article-list-block-text h6 {
font-size: 14px;
}
.zhuige-nav-mobile {
display: none;
}
.zhuige-nav-mobile .zhuige-nav-list {
padding: 0;
}
.zhuige-side-cs {
position: fixed;
z-index: 10;
right: 2%;
bottom: 24%;
background: #FFFFFF;
border-radius: 4px;
box-shadow: 0 10px 16px -2px rgba(79,125,183,.4);
}
.zhuige-side-cs span {
position: absolute;
z-index: 11;
width: 120px;
height: 120px;
padding: 10px;
border-radius: 4px;
background: #FFFFFF;
left: -130px;
top: 0px;
box-shadow: 0 10px 16px -2px rgba(79,125,183,.4);
}
.zhuige-side-cs span img {
height: 100px;
width:100px;
}
.zhuige-side-cs cite {
height: 40px;
width: 40px;
text-align: center;
font-size: 12px;
font-weight: 200;
line-height: 40px;
border-bottom: 1px solid #EEEEEE;
display: block;
transition: .5s;
}
.zhuige-side-cs cite a {
font-size: 12px;
font-weight: 200;
}
.zhuige-side-cs cite:hover {
background: #2B76ED;
color: #FFFFFF;
}
.zhuige-side-cs cite:hover a {
color: #FFFFFF;
}
.zhuige-side-cs cite:hover:first-of-type {
border-radius: 4px 4px 0 0;
}
.zhuige-side-cs cite:hover:last-of-type {
border-radius: 0 0 4px 4px;
}
.zhuige-side-cs cite:last-of-type {
border: none;
}
.zhuige-side-cs cite .fa {
font-size: 1.2em;
line-height: 1.4em;
color: #999999;
transition: .5s;
}
.zhuige-side-cs cite:hover {
cursor: pointer;
}
.zhuige-side-cs cite:hover .fa {
color: #ffffff;
} .zhuige-case-list {
position: relative;
}
.zhuige-case-list .md-3 {
padding: 0 5px;
}
.zhuige-case-block {
position: relative;
margin-bottom: 10px;
}
.zhuige-case-img {
display: block;
width: 100%;
height: 160px;
overflow: hidden;
border-radius: 4px;
}
.zhuige-case-img img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 4px;
opacity: 1;
transition: 0.3s;
}
.zhuige-case-block:hover .zhuige-case-img img {
opacity: 0.8;
transform: scale(1.02, 1.02);
}
.zhuige-case-block p {
position: absolute;
height: 80px;
line-height: 120px;
padding: 0 20px;
width: 100%;
bottom: 0;
background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
border-radius: 4px;
}
.zhuige-case-block p a {
color: #FFFFFF;
font-size: 14px;
font-weight: 200;
}
.zhuige-base-intro {
}
.zhuige-base-text-img {
text-align: center;
padding: 0 10px;
}
.zhuige-base-text-img div {
height: 72px;
width: 72px;
line-height: 72px;
border-radius: 50%;
background: #2B76ED;
margin: 10px auto;
}
.zhuige-base-text-img .fa {
font-size: 2em;
line-height: 2em;
color: #FFFFFF;
}
.zhuige-base-text-img h3 {
font-weight: 500;
} .zhuige-side-nav {
}
.zhuige-side-list {
}
.zhuige-side-list li {
padding: 20px 0;
border-bottom: 1px solid #EEEEEE;
display: flex;
justify-content: space-between;
}
.zhuige-side-list li:first-of-type {
padding-top: 8px;
}
.zhuige-side-list li:last-of-type {
padding-bottom: 8px;
border-bottom: 0;
}
.zhuige-side-list li a {
font-size: 13px;
font-weight: 400;
transition: 0.5s;
}
.zhuige-side-list li .fa {
font-size: 11px;
color: #999999;
transition: 0.5s;
}
.zhuige-side-list li:hover {
cursor: pointer;	
}
.zhuige-side-list li:hover a, .zhuige-side-list li.active a {
color: #2B76ED;
}
.zhuige-side-list li:hover .fa, .zhuige-side-list li.active .fa {
color: #2B76ED;
margin-right: -4px;
} .zhuige-side-block {
}
.zhuige-side-block h2 {
padding-bottom: 20px;
font-size: 16px;
font-weight: 500;
}
.zhuige-side-block .zhuige-article-list-block-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 90px;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
height: 70px;
width: 90px;
position: relative;
}
.zhuige-side-block .zhuige-article-list-block-text h6 {
font-size: 13px;
font-weight: 300;
line-height: 28px;
height: 28px;
text-overflow: ellipsis;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
} .zhuige-search-form, .zhuige-search-block {
display: flex;
height: 40px;
min-width: 18%!important;
border-radius: 2px;
}
.zhuige-search-form .zhuige-search-data, .zhuige-search-block .zhuige-search-data {
width: 100%;
height: 100%;
padding: 0 10px;
color: #333;
font-size: 12px;
font-weight: 200;
background: none;	
}
.zhuige-search-block .zhuige-search-data {
border: 1px solid #EEE;
}
.zhuige-search-form .zhuige-search-data:focus, .zhuige-search-block .zhuige-search-data:focus {
border-color: #2B76ED;
}
.zhuige-search-form button, .zhuige-search-block button {
padding: 0 15px;
color: #fff;
width: 64px;
line-height: 34px;
font-size: 12px;
background: #2B76ED;
border: none;
border-radius: 0 2px 2px 0;
cursor: pointer;
}  .zhuige-main-body .zhuige-nav-list li{
border-right: 1px dotted #EEEEEE;
}
.zhuige-main-body .zhuige-nav-list li:last-of-type {
border: none;
}
.zhuige-main-body .zhuige-nav-list li>a {
height: 1.8em;
line-height: 1.8em;
color: #333333;
font-weight: 400;
padding:0;
margin: 0 20px;
text-decoration: none;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;  
font-size: 14px;
}
.zhuige-main-body .zhuige-nav-list li>a:hover{
color: #2C70DB; 
}
.zhuige-main-body .zhuige-nav-list li>a:hover:before {
left: 0;
right: 0;	
}
.zhuige-main-body .zhuige-nav-list li>a:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
top: auto;
width: auto;
background: #2C70DB;
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.zhuige-main-body .zhuige-nav-list li.nav-activ>a {
font-weight: 500;
color: #2C70DB;
}
.zhuige-main-body .zhuige-nav-list li.nav-activ>a:before {
content: "";
position: absolute;
z-index: -1;
width: 200%;
left: -50%;
bottom: 0;
background: #2C70DB;
height: 2px;
} .zhuige-prd-nav {
width: 100%;
background: #FFFFFF;
border-radius: 3px;
margin-top: -86px;
z-index: 9;
}
.zhuige-prd-nav dt, .zhuige-prd-nav dd {
height: 66px;
line-height: 66px;
padding: 0 20px;
font-size: 13px;
}
.zhuige-prd-nav dt {
background: #2B76ED;
color: #FFFFFF;
font-size: 18px;
font-weight: 500;
border-radius: 3px 3px 0 0;
}
.zhuige-prd-nav dd {
border-top: 1px solid #EEEEEE;
}
.zhuige-prd-nav dd:first-of-type {
border: none;
}
.zhuige-prd-nav dd a {
transition: .5s;
}
.zhuige-prd-nav dd:hover a, .zhuige-prd-nav dd.active a {
margin-left: 5px;
color: #2B76ED;
} .zhuige-prd-list {
}
.zhuige-prd-block {
border-radius: 2px;
background: #FFFFFF;
margin-bottom: 20px;
}
.zhuige-prd-img {
display: block;
height: 200px;
width: 100%;
border-radius: 2px 2px 0 0;
overflow: hidden;
}
.zhuige-prd-img img {
height: 100%;
width: 100%;
border-radius: 2px 2px 0 0;
object-fit: cover;
transition: .5s;
}
.zhuige-prd-block:hover .zhuige-prd-img img {
transform: scale(1.04, 1.04);
}
.zhuige-prd-block h4, .zhuige-prd-block p {
height: 2.4em;
line-height: 2.4em;
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
white-space: nowrap;
padding: 0 10px;
}
.zhuige-prd-block h4, .zhuige-prd-block h4 a {
font-size: 16px;
font-weight: 400;
line-height: 3em;
}
.zhuige-prd-block h4 a {
font-size: 14px;
font-weight: 500;
}
.zhuige-prd-block p a {
font-size: 14px;
font-weight: 200;
line-height: 2em;
} .zhuige-prd-info {
}
.zhuige-prd-info-img, .zhuige-prd-info-text {
width: 100%;
height: 250px;
}
.zhuige-prd-info-img .lb-box {
height: 250px;
}
.zhuige-prd-info-img .lb-sign {
left: 15%;
}
.zhuige-prd-info-img .lb-sign li.active {
background-color: rgba(255,255,255, .8);
}
.zhuige-prd-info-text h1 {
font-size: 18px;
font-weight: 400;
line-height: 30px;
margin-bottom: 20px;
}
.zhuige-prd-btn {
background: #F5F5F5;
padding: 14px;
margin-bottom: 20px;
}
.zhuige-prd-btn a {
height: 42px;
line-height: 42px;
padding: 0 40px;
font-size: 14px;
font-weight: 200;
border-radius: 3px;
background: #FFFFFF;
border: 1px solid #EEEEEE;
margin: 0 10px;
transition: .5s;
}
.zhuige-prd-btn a:first-of-type {
background: #2B76ED;
color: #FFFFFF;
border-color: #2B76ED;
}
.zhuige-prd-btn a:hover {
border-color: #2B76ED;
}
.zhuige-prd-btn a:first-of-type:hover {
background: #235BB0;
border-color: #235BB0;
}
.zhuige-prd-info-text p, .zhuige-prd-info-text p * {
font-size: 13px;
font-weight: 200;
}
.zhuige-prd-info-text p em {
margin: 10px;
}
.zhuige-prd-info-text p em:first-of-type {
margin-left: 0;
}
.zhuige-prd-detail {
}
.zhuige-prd-detail h2 {
height: 3em;
line-height: 2.4em;
font-size: 18px;
font-weight: 500;
border-bottom: 1px solid #EEEEEE;
margin-bottom: 20px;
}
.zhuige-prd-detail-text  {
font-size: 14px;
line-height: 2.2em;
}
.zhuige-prd-detail-text * {
font-weight: 300;
}
.zhuige-prd-detail-text img {
height: auto;
max-width: 100%!important;
} .zhuige-base-tab {
height: 40px;
line-height: 40px;
}
.zhuige-base-tab li {
border: 1px solid #DDDDDD;
margin-left: -1px;
}
.zhuige-base-tab li:first-of-type, .zhuige-base-tab li:first-of-type a {
border-radius: 3px 0 0 3px;
}
.zhuige-base-tab li:last-of-type, .zhuige-base-tab li:last-of-type a {
border-radius: 0 3px 3px 0;
}
.zhuige-base-tab li a {
font-size: 12px;
font-weight: 400;
height: 38px;
display: block;
padding: 0 30px;
transition: .5s;
}
.zhuige-base-tab li a:hover, .zhuige-base-tab li.active a {
color: #FFFFFF;
background: #2B76ED;
}
.zhuige-base-link {
height: 40px;
line-height: 40px;
}
.zhuige-base-link a {
padding: 0 40px;
border-radius: 3px;
border: 1px solid #EEEEEE;
transition: .5s;
font-size: 14px;
font-weight: 200;
}
.zhuige-base-link a:hover {
color: #FFFFFF;
background: #2B76ED;
border-color: #2B76ED;
} .zhuige-nav-icon {
position: fixed;
bottom: 0;
width: 100%;
background: #FFFFFF;
box-shadow: 0 16px 32px 4px rgba(79,125,183,.3);
z-index: 9;
display: none;
}
.zhuige-nav-icon-list {
}
.zhuige-nav-icon-list li {
width: 20%;
text-align: center;
padding: 20px 0;
}
.zhuige-nav-icon-list li i.fa {
color: #999999;
}
.zhuige-nav-icon-list li p {
display: block;
width: 100%;
font-size: 13px;
color: #999999;
padding-top: 6px;
font-weight: 200;
}
.zhuige-nav-icon-list li.activ i.fa {
color: #2C70DB;
}
.zhuige-nav-icon-list li.activ a * {
color: #2C70DB;
} .zhuige-hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.zhuige-hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 60%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 60%); -webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.zhuige-hvr-float-shadow:hover, .zhuige-hvr-float-shadow:focus, .zhuige-hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.zhuige-hvr-float-shadow:hover:before, .zhuige-hvr-float-shadow:focus:before, .zhuige-hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); } @media (max-width: 768px) {
.zhuige-nav-side {
display: none;
}
.zhuige-nav-mobile {
display: block;
position: fixed;
z-index: 19;
bottom: 0;
width: 100%;
background: #222222;
height: 70px;
line-height: 30px;
box-shadow: 0 10px 16px 8px rgba(79,125,183,.3);
}
.zhuige-nav-mobile .zhuige-nav-list {
padding: 0;
}
footer {
margin-bottom: 70px;
}
header {
box-shadow: 0 10px 16px -8px rgba(79,125,183,.3);
}
.lb-box {
height: 320px;
}
.lb-info {
top: 90px;
}
.lb-info h1 {
font-size: 28px;
}
.lb-info p {
line-height: 1.8em;
font-size: 14px;
}
.zhuige-goods-block:nth-child(3), .zhuige-goods-block:nth-child(4) {
display: none;
}
.zhuige-article-list-block-img {
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
height: 80px;
width: 120px;	
}
.zhuige-cooperation a {
width: 160px;
}
.zhuige-main-title-text h1 {
font-size: 22px;
line-height: 1.8em;
margin-bottom: 10px;
}
.zhuige-news {
width: auto;
}
.zhuige-main-text .zhuige-block img {
max-width: 100%;
}
.zhuige-side-cs {
right: 10px;
}
.zhuige-form-height-line textarea {
width: 100%;
height: 100px;
}
.zhuige-main-title {
height: 240px;
}
.zhuige-base-tab {
overflow-x: scroll;
justify-content: left;
padding-left: 2px;
}
.zhuige-base-tab::-webkit-scrollbar{
width:0 !important;
}
.zhuige-base-tab li a {
padding: 0 20px;
white-space: nowrap;
word-break: keep-all;
}
.zhuige-main-title-text {
top: 70px;
height: auto;
}
.zhuige-base-intro .xs-6 {
padding-left: 5px;
padding-right: 5px;
}
.zhuige-base-intro .zhuige-base-text-img {
padding: 0;
}
.zhuige-base-text-img * {
margin: 5px 0;
}
.zhuige-article-list-block-text div {
display: none;
}
.zhuige-article-list-block-text h6 {
max-height: 3.6em;
overflow: hidden;
}
.zhuige-nav-list {
overflow-x: scroll;
}
.zhuige-nav-list li>a {
white-space: pre;
}
.zhuige-nav-list::-webkit-scrollbar{
width:0 !important;
}
.zhuige-prd-list .zhuige-prd-block p {
display: none;
}
.zhuige-prd-list .zhuige-prd-block {
margin-bottom: 10px;
}
.zhuige-prd-list .zhuige-prd-block h4 {
height: 3em;
}
.zhuige-prd-list .xs-6 {
padding-left: 5px;
padding-right: 5px;
}
.zhuige-nav-icon {
display: unset;
}
.zhuige-cooperation-box .l-ctrl, .zhuige-cooperation-box .r-ctrl {
display: none;
}
.zhuige-side-cs {
bottom: 50%;
}
.zhuige-prd-info-text {
height: 190px;
}
.zhuige-prd-info-text h1 {
padding-top: 20px;
text-align: center;
}
.zhuige-prd-btn a {
padding: 0;
width: 45%;
text-align: center;
}
.zhuige-cooperation-box .l-mask, .zhuige-cooperation-box .r-mask {
width: 30px;
}
}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}