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: #7e8c8d;
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: #262626;
}
a:hover,
a:active {
text-decoration: underline;
color: #f60;
} 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: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, 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; }
body {
background: #F9F9F9;
font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
a:hover {
text-decoration: none;
} header {
background: #FFF;
width: 100%;
box-shadow: 0px 0px 2px 3px rgba(99, 99, 99, 0.1);
}
nav {
background: #FFF;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
height: 70px;
}
nav .logo {
color: #333;
font-size: 30px;
font-weight: 500;
letter-spacing: -1px;
}
nav .logo img {
height: 62px;
width: auto;
margin: 4px 0;
}
nav .nav-box {
display: flex;
flex: 1;
}
nav .nav-items {
display: flex;
flex: 1;
padding: 0 0 0 40px;
}
nav .nav-items li {
list-style: none;
padding: 0 15px;
}
nav .nav-items li a {
color: #333;
font-size: 14px;
font-weight: 300;
padding: 6px 0;
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;
}
nav .nav-items li.current-menu-item a {
font-weight: 500;
color: #ff3d00;
border-bottom: 2px solid #ff3d00;
}
nav .nav-items li a:hover {
color: #ff3d00;
}
nav .nav-items li a:hover:before {
left: 0;
right: 0;
}
nav .nav-items li a:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: #ff3d00;
height: 3px;
-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;
}
nav .nav-items li.current-menu-item a:before {
display: none;
}
.menu-item-has-children {
background: url(//www.5mzy.com/wp-content/themes/jqfree/images/nav-more.png) no-repeat;
background-position: 100% 50%;
background-size: 15px 15px;
}
.menu-item-has-children:hover {
background: url(//www.5mzy.com/wp-content/themes/jqfree/images/nav-more-on.png) no-repeat;
background-position: 100% 50%;
background-size: 15px 15px;
}
.sub-menu {
display: none;
background: #FFF;
position: fixed;
z-index: 99;
min-width: 130px;
max-width: 270px;
box-shadow: 0px 1px 4px rgba(99, 99, 99, 0.3),
0px 0px 20px rgba(99, 99, 99, 0.1) inset;
}
nav .nav-items li .sub-menu li {
padding: 8px 15px;
border-bottom: 1px dotted #FFF;
}
nav .nav-items li .sub-menu .sub-menu li:hover {
background: #F3F3F3;
border-bottom: 1px dotted #CCC;
}
nav .nav-items li .sub-menu li a {
-webkit-transform: none;
transform: none;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
nav .nav-items li .sub-menu li a:before {
bottom: 0;
background: none;
height: 0;
}
nav .nav-items li .sub-menu li.current-menu-item {
background: #F3F3F3;
}
nav .nav-items li .sub-menu li.current-menu-item a {
font-weight: 500;
border-bottom: none;
}
nav form {
display: flex;
height: 40px;
padding: 2px;
background: #F3F3F3;
min-width: 18% !important;
border-radius: 2px;
border: 1px solid rgba(155, 155, 155, 0.2);
}
nav form .search-data {
width: 100%;
height: 100%;
padding: 0 10px;
color: #fff;
font-size: 12px;
border: none;
font-weight: 200;
background: none;
}
nav form button {
padding: 0 15px;
color: #fff;
width: 64px;
line-height: 34px;
font-size: 12px;
background: #ff3d00;
border: none;
border-radius: 2px;
cursor: pointer;
}
nav form button:hover {
background: #e63600;
}
nav .menu-icon,
nav .cancel-icon,
nav .search-icon {
width: 40px;
text-align: center;
font-size: 18px;
color: #555;
cursor: pointer;
display: none;
}
nav .menu-icon span,
nav .cancel-icon,
nav .search-icon {
display: none;
}
@media (max-width: 1140px) {
nav {
padding: 0px;
}
nav .logo {
flex: 2;
text-align: center;
}
nav .nav-box {
position: fixed;
z-index: 99;
top: 70px;
width: 100%;
left: -100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
display: inline-block;
transition: left 0.3s ease;
}
nav .nav-items {
position: fixed;
width: 70%;
height: 100%;
padding: 10px 50px 0 50px;
text-align: center;
background: #F3F3F3;
display: inline-block;
}
nav .nav-box.active {
left: 0px;
}
nav .nav-items li {
line-height: 40px;
margin: 30px 0;
}
nav .nav-items li a {
font-size: 14px;
}
nav .nav-box .nav-items .menu-item .sub-menu {
position: static;
}
nav form {
position: absolute;
top: 80px;
right: 50px;
opacity: 0;
pointer-events: none;
transition: top 0.3s ease, opacity 0.1s ease;
}
nav form.active {
top: 95px;
opacity: 1;
pointer-events: auto;
z-index: 99;
}
nav form:before {
position: absolute;
content: "";
top: -13px;
right: 0px;
width: 0;
height: 0;
z-index: -1;
border: 10px solid transparent;
border-bottom-color: #F3F3F3;
margin: -20px 0 0;
}
nav form:after {
position: absolute;
content: '';
height: 60px;
padding: 2px;
background: #F3F3F3;
border-radius: 2px;
min-width: calc(100% + 20px);
z-index: -2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 1px 4px rgba(66, 66, 66, 0.5),
0px 0px 20px rgba(99, 99, 99, 0.1) inset;
}
nav .menu-icon {
display: block;
}
nav .search-icon,
nav .menu-icon span {
display: block;
}
nav .menu-icon span.hide,
nav .search-icon.hide {
display: none;
}
nav .cancel-icon.show {
display: block;
}
}
.fas img {
height: 26px;
width: 26px;
}
.content {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
}
.content header {
font-size: 30px;
font-weight: 700;
}
.content .text {
font-size: 30px;
font-weight: 700;
}
.space {
margin: 10px 0;
}
nav .logo.space {
color: red;
padding: 0 5px 0 0;
}
@media (max-width: 980px) {
nav form {
right: 30px;
}
}
@media (max-width: 350px) {
nav .menu-icon,
nav .cancel-icon,
nav .search-icon {
margin: 0 10px;
font-size: 16px;
}
}  .aside-block {
padding: 15px;
background: #FFF;
border-radius: 4px;
}
.aside-block a:hover {
font-weight: 400;
text-decoration: none;
}
.aside-block h2 {
height: 1.1em;
line-height: 1.1em;
border-left: 4px solid #E63600;
text-indent: 10px;
font-size: 14px;
font-weight: 400;
color: #2A2A2A;
margin-bottom: 10px;
}
.aside-block h2 a.btn,
.aside-block h2 a.btn-more {
float: right;
font-size: 12px;
color: #999;
}
.aside-block .screen-reader-text {
display: none;
}
.searchform div {
display: flex;
height: 40px;
padding: 2px;
background: #F3F3F3;
border-radius: 2px;
border: 1px solid rgba(155, 155, 155, 0.2);
}
.searchform input[type="text"] {
width: 100%;
height: 100%;
padding: 0 10px;
color: #666;
font-size: 12px;
border: none;
font-weight: 200;
background: none;
}
.searchform input[type="submit"] {
display: inline-block;
padding: 0 15px;
color: #fff;
font-size: 14px;
background: #ff3d00;
border: none;
border-radius: 2px;
cursor: pointer;
}
.searchform input[type="submit"]:hover {
background: #e63600;
}
.tag-list {
font-size: 12px;
}
.aside-block .tag-list {
margin-top: -10px;
}
.tag-list a {
display: inline-flex;
height: 30px;
line-height: 30px;
padding: 0 16px;
border-radius: 4px;
background: #EFEFEF;
color: #5F5F5F;
margin-right: 6px;
margin-top: 10px;
transition: color .5s, background-color .5s;
-webkit-transition: color .5s, background-color .5s;
}
.tag-list a:hover {
background-color: #E63600;
color: #FFF;
}
.blogroll {
min-height: 140px;
overflow: hidden;
margin-bottom: -10px;
}
.blogroll li {
display: inline-flex;
height: 140px;
width: 31%;
margin-right: 2%;
text-align: center;
}
.blogroll li:nth-child(3n+0) {
margin-right: 0;
}
.blogroll li img {
width: 100%;
display: block;
margin-bottom: 10px;
border-radius: 4px;
transition: opacity .5s;
-webkit-transition: opacity .5s;
}
.blogroll li img:hover {
opacity: 0.8;
}
.aside-block .blogroll li a {
font-size: 13px;
transition: color .5s;
-webkit-transition: color .5s;
}
.aside-image-block {
border-radius: 8px;
overflow: hidden;
}
.image-ad a {
height: 300px;
width: 100%;
display: block;
}
.simple-ad {
height: 300px;
width: 100%;
object-fit: cover;
}
.aside-block .textwidget {
padding-top: 2px;
}
.aside-block .textwidget p {
height: 200px;
width: 100%;
display: block;
}
.aside-block .textwidget p img.alignnone {
height: 200px;
width: 100%;
object-fit: cover;
border-radius: 4px;
transition: opacity .5s;
-webkit-transition: opacity .5s;
}
.aside-block .textwidget p img.alignnone:hover {
opacity: 0.8;
}
.simple-item {
border-bottom: 1px dotted #ddd;
padding: 15px 0;
}
.simple-item:last-child {
border: none;
padding-bottom: 0;
}
.aside-block .simple-item:first-of-type {
padding-top: 0;
}
.simple-img {
margin: 5px 0;
}
.simple-img,
.simple-img a {
height: 180px;
width: 100%;
display: block;
}
.simple-img a img {
height: 180px;
width: 100%;
object-fit: cover;
}
.simple-content h2 {
font-size: 18px;
color: #333;
margin: 10px 0;
}
.simple-content strong {
background: #E63600;
color: #FFF;
font-size: 12px;
font-weight: 200;
padding: 0 8px;
height: 22px;
line-height: 22px;
margin-right: 6px;
display: inline-flex;
vertical-align: text-bottom;
border-radius: 6px;
}
.simple-content h2 a {
font-size: 16px;
line-height: 1.4em;
font-weight: 500;
}
.simple-content p {
font-size: 12px;
color: #7F7F7F;
margin: 10px 0;
}
.simple-content p a {
font-size: 13px;
line-height: 1.4em;
}
.simple-content h2 a:hover,
.simple-content p a:hover {
text-decoration: none;
}
.simple-content p.simple-time {
font-size: 12px;
color: #A9A9A9;
}
.simple-left-side {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
} .simple-left-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
width: 110px;
height: 120px;
} .simple-left-img a {
width: 110px;
height: 120px;
} .simple-left-img a img {
width: 110px;
height: 120px;
object-fit: cover;
border-radius: 4px;
transition: opacity .5s;
-webkit-transition: opacity .5s;
}
.simple-left-img a img:hover {
opacity: 0.8;
}
.simple-left-side .simple-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 14px;
}
.load-more-wap {
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.load-more {
height: 2.8em;
line-height: 2.8em;
font-size: 14px;
font-weight: 200;
color: #FF3D00;
border: 1px solid #FF3D00;
width: 220px;
text-align: center;
border-radius: 4px;
cursor: pointer;
}
.load-more:hover {
color: #FFF;
border: 1px solid #FF3D00;
background: #FF3D00;
}  footer.cont-footer {
background: #2A2A2A;
padding: 40px 0;
}
.main-footer .column {
font-size: 12px;
font-weight: 200;
color: #7F7F7F;
border-right: 1px solid #3E3E3E;
}
.main-footer .column:last-child {
border-right: none;
}
.main-footer .column p {
height: 2em;
line-height: 2em;
}
.main-footer .column a {
color: #7F7F7F;
}
.main-footer .column a:hover {
color: #C1C1C1;
text-decoration: none;
}
.main-footer .column h3 {
font-weight: 300;
color: #C1C1C1;
font-size: 14px;
}
@media (max-width: 1024px) {
.hidden-mdw {
display: none;
}
}
.main-footer-copyinfo {
font-size: 12px;
font-weight: 300;
color: #7F7F7F;
border-top: 1px solid #3E3E3E;
}
.main-footer-links {
border-bottom: 1px solid #3E3E3E;
}
.main-footer-links a:hover {
text-decoration: none;
}
.main-footer-links a img {
height: 26px;
width: 26px;
margin: 0 10px;
}
.main-footer-links a img:hover {
opacity: 0.8;
}  .article-list {
border-radius: 4px;
background: #FFF;
padding: 15px;
} .tab_nav-wraper {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #EFEFEF;
} .tab_nav {
display: flex;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none; -ms-overflow-style: none; }
.tab_nav::-webkit-scrollbar {
display: none; } .tab_nav li {
display: flex;
position: relative;
padding: 10px 0;
margin: 0 20px;
color: #333;
cursor: pointer;
border-bottom: 3px solid #fff;
white-space: nowrap;
} .tab_nav li text {
font-size: 14px;
}
.tabNav_active {
border-bottom: 3px solid #E63600 !important;
color: #E63600 !important;
transition: all 0.4s ease-in;
} .tab_box {
position: relative;
min-height: 100px;
background: #fff;
display: flex;
} .tab_box li {
width: 100%;
height: 100%;
top: 0;
left: 0;
align-items: center;
overflow: hidden;
box-sizing: border-box;
visibility: hidden;
display: none;
} .tabBox_active {
visibility: visible !important;
display: block !important;
transition: all 0.4s ease-in;
background: #FFF;
} .article-list h1 {
width: 180px;
height: 1.1em;
line-height: 1.1em;
border-left: 4px solid #E63600;
text-indent: 10px;
font-size: 14px;
font-weight: 400;
color: #2A2A2A;
word-break: keep-all;
}
.article-list .simple-img,
.article-list .simple-img a,
.article-list .simple-img a img {
height: 300px;
} .article-list .simple-left-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 180px;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
width: 110px;
height: 120px;
} .article-list .simple-left-img .simple-left-img-a,
.article-list .simple-left-img .simple-left-img-a img {
width: 110px;
height: 120px;
}
.article-list .simple-left-img .simple-left-img-cat-a {
position: absolute;
width: auto;
max-width: 164px;
height: 24px;
top: 8px;
left: 8px;
overflow: hidden;
}
.article-list .simple-content h2 {
font-size: 16px;
font-weight: 600;
} .article-list .simple-content h2 a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.article-list .simple-content p a {
font-size: 13px;
line-height: 1.8em;
font-weight: 200;
}
.article-list .simple-content p a:hover {
text-decoration: none;
}
.article-list .simple-left-side .simple-content {
margin-left: 20px;
}
.article-list .simple-img {
position: relative;
}
.simple-img strong {
display: inline-block;
padding: 0 10px;
height: 24px;
line-height: 24px;
color: #EEE;
font-size: 10px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.5);
transition: all .5s;
}
.simple-img strong:hover {
color: #FFF;
background: rgba(0, 0, 0, 0.4);
}
.simple-info * {
display: inline-flex;
line-height: 28px;
vertical-align: middle;
}
.simple-info a {
margin-right: 5px;
}
.simple-info a:hover {
text-decoration: none;
}
.simple-info img {
height: 28px;
width: 28px;
border-radius: 14px;
margin-right: 8px;
}
.simple-info em {
font-style: normal;
}
.simple-info cite {
color: #999;
margin: 0 3px;
font-weight: 200;
} .tab li p {
margin-top: 40px;
line-height: 1.5em;
text-indent: 2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}   .lb-box {
width: 100%;
height: 260px;
position: relative;
overflow: hidden;
}
@media (max-width:568px) {
.lb-box {
height: 200px;
}
}
.lb-content {
width: 100%;
height: 100%;
border-radius: 4px;
overflow: hidden;
}
.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;
border-radius: 4px;
}
.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));
border-radius: 0 0 4px 4px;
}
@media (max-width:568px) {
.lb-item>a>div {
padding: 10px;
}
}
.lb-item>a>div>h2 {
width: 100%;
padding-right: 170px;
height: 1em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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.4);
}
.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: 40px;
vertical-align: middle;
font-weight: 200;
user-select: none;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
border-radius: 4px;
cursor: pointer;
transition: all 0.1s linear;
}
@media (max-width:568px) {
.lb-ctrl {
font-size: 30px;
}
}
.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-side .column {
height: 120px;
}
.lb-side figure,
.lb-side figure div {
height: 100%;
width: 100%;
cursor: pointer;
}
.lb-side figure div img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.lb-side figcaption {
width: 100%;
}
.lb-side figcaption .title {
width: 100%;
display: block;
padding: 10px;
font-size: 12px;
color: #fff;
background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 0 0 4px 4px;
}  .base-list {
padding: 15px;
background: #FFF;
border-radius: 4px;
}
.base-list h5 {
height: 1.1em;
line-height: 1.1em;
border-left: 4px solid #E63600;
text-indent: 10px;
font-size: 14px;
font-weight: 400;
color: #2A2A2A;
}
.easy-item figure {
height: 140px;
width: 100%;
opacity: 1;
cursor: pointer;
}
@media (max-width:568px) {
.easy-item {
margin-bottom: 20px;
}
}
.easy-item figure:hover {
opacity: 0.8;
transition: all 0.2s linear;
}
.easy-item figure div {
height: 100%;
width: 100%;
overflow: hidden;
}
.easy-item figure div img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.easy-item h3 {
padding: 16px 0 0;
font-size: 13px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}  .main-genre {
align-items: center;
height: 260px;
display: flex;
color: #FFF;
}
.main-genre h1 {
line-height: 50px;
font-size: 24px;
font-weight: 400;
text-indent: 25px;
}
.main-genre div {
font-size: 16px;
font-weight: 200;
text-indent: 25px;
}
.main-search {
justify-content: center;
}
.search-bar {
padding: 20px 0
}
.search-bar form {
position: relative;
width: 500px;
margin: 0 auto;
}
.search-bar input {
width: 100%;
height: 48px;
padding-left: 10px;
font-size: 14px;
border: 2px solid #ff3d00;
border-radius: 5px;
outline: none;
background: #F9F9F9;
color: #9E9C9C;
}
.search-bar button {
position: absolute;
top: 0;
right: 0px;
width: 56px;
height: 48px;
border: none;
background: #ff3d00;
border-radius: 0 5px 5px 0;
cursor: pointer;
}
.search-bar button:before {
font-family: "Font Awesome 5 Free";
content: "\f002";
font-size: 20px;
color: #F9F0DA;
}
.search-sample {
text-align: center;
}
.search-sample a {
margin: 0 4px;
color: #FFF;
font-size: 14px;
font-weight: 200;
}
.search-sample a:hover {
text-decoration: none;
color: #ff3d00;
}
.middle-center {
display: flex;
justify-content: center;
align-items: center;
}
.none-tip {
height: 400px;
width: 100%;
text-align: center;
}
.none-tip img {
height: 120px;
width: 120px;
clear: right;
}
.none-tip h6 {
height: 4em;
line-height: 3em;
font-size: 14px;
color: #A9A9A9;
}  .base-box {
border-top: 1px solid #EEE;
display: inline;
}
.base-list-nav {
height: 4em;
line-height: 3em;
font-size: 13px;
font-weight: 200;
color: #7F7F7F;
}
.base-list-nav a {
color: #7F7F7F;
}
.base-list-nav em {
margin: 0 8px;
}
.simple-view {
display: block;
min-height: 500px;
}
.simple-view h1 {
height: 4em;
line-height: 3em;
font-size: 20px;
font-weight: 500;
}
.simple-view p {
line-height: 1.6em;
margin-bottom: 14px;
font-size: 14px;
font-weight: 300;
}  .tag-box {
padding: 15px;
background: #FFF;
border-radius: 4px;
min-height: 400px;
}
.tag-head {
display: flex;
align-items: center;
height: 60px;
}
.tag-head h1 {
font-size: 24px;
font-weight: 400;
}
.tag-head em {
font-size: 14px;
color: #9E9C9C;
margin-left: 8px;
}
.tag-box .tag-list a {
margin-right: 10px;
margin-top: 16px;
font-size: 14px;
}  .author-wap {
height: 120px;
border-bottom: 1px solid #EEE;
justify-content: center;
align-items: center;
}
.author-avatar {
text-align: center;
}
.author-avatar img {
height: 80px;
width: 80px;
border-radius: 40px;
}
.author-wap .md-1 {
border-right: 1px solid #EEE;
text-align: center;
margin: 30px 0;
}
.author-wap .md-1:last-child {
border: none;
}
.author-wap .md-1 h4,
.author-info h4 {
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
}
.author-wap .md-1 p,
.author-info p {
font-size: 12px;
font-weight: 200;
line-height: 1.4em;
}
.author-info h4 {
font-size: 16px;
font-weight: 500;
line-height: 2.4em;
}  .content-author {
border-bottom: 1px solid #eee;
}
.content-author h1 {
height: 2.4em;
line-height: 2.2em;
font-size: 18px;
font-weight: 500;
}
.content-author .simple-info {
height: 3em;
line-height: 2em;
font-size: 12px;
}
.content-view {
overflow: hidden;
} .content-view h1,
.content-view h2,
.content-view h3,
.content-view h4,
.content-view h5 .content-view h6,
.content-view strong {
font-weight: bold;
}
.content-view h1 {
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
}
.content-view h2 {
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
}
.content-view h3 {
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
}
.content-view h4 {
margin-block-start: 1.33em;
margin-block-end: 1.33em;
}
.content-view h5 {
font-size: 0.83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
border-left: 0;
text-indent: 0;
}
.content-view h6 {
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
}
.content-view em {
font-style: italic;
}
.content-view del {
text-decoration: line-through;
}
.content-view blockquote {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
} .content-view p {
font-size: 13px;
line-height: 2.5em;
margin-bottom: 10px;
color: #333333;
font-weight: 300;
}
.content-view p img {
max-width: 100%;
}
.content-view strong {
font-weight: 500;
}
.content-view blockquote {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}
.content-view em {
font-style: italic;
}
.content-view hr {
opacity: 0.3;
}
.content-view .post-password-form {
padding: 10px 0;
}
.content-view .post-password-form p,
.content-view .post-password-form p label {
display: flex;
align-items: center;
}
.content-view .post-password-form input[type=password] {
height: 36px;
line-height: 36px;
border: 1px solid #CCCCCC;
border-radius: 2px 0 0 2px;
width: 200px;
}
.content-view .post-password-form input[type=submit] {
height: 36px;
line-height: 36px;
border: 1px solid #ff3d00;
background: #ff3d00;
color: #FFFFFF;
margin: 0;
padding: 0 32px;
border-radius: 0 2px 2px 0;
}
.content-tag {
font-weight: 300;
}
.content-copy {
padding: 20px;
background: #FAFAFA;
}
.content-copy p {
font-size: 12px;
line-height: 2.5em;
color: #666;
font-weight: 300;
}
.content-nav {
padding: 20px 4px;
}
.content-opt-wap {
display: flex;
justify-content: center;
align-items: center;
height: 120px;
}
.content-opt-wap div {
width: 140px;
text-align: center;
}
.content-opt-wap div img {
height: 60px;
width: 60px;
margin-bottom: 20px;
}
.content-opt-wap div p {
font-size: 12px;
font-weight: 200;
}
.content-opt-wap div p cite {
font-weight: 400;
padding: 0 4px;
}
.content-block h6 {
height: 2em;
line-height: 2em;
font-size: 12px;
}
.content-block h6 a {
font-weight: 400;
}
.content-block p {
font-size: 12px;
height: 2.4em;
padding-right: 30px;
line-height: 2.4em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.content-block p a {
font-weight: 400;
font-size: 13px;
}
.content-comment-item {
border-bottom: 1px solid #EEE;
padding: 20px 0;
}
.content-comment-item .simple-info {
font-size: 14px;
margin-bottom: 10px;
}
.content-comment-item-depth-1 {}
.content-comment-item-depth-2 {
margin-left: 40px;
border-bottom: none;
padding-bottom: 0;
}
.content-comment-item-depth-3 {
margin-left: 80px;
border-bottom: none;
padding-bottom: 0;
}
.content-comment-item-depth-4 {
margin-left: 120px;
border-bottom: none;
padding-bottom: 0;
}
.content-comment-item-depth-5 {
margin-left: 160px;
border-bottom: none;
padding-bottom: 0;
}
.content-comment-info {
padding-left: 36px;
}
.content-comment-text {
font-size: 14px;
font-weight: 200;
color: #333;
line-height: 1.4em;
}  .content-post p {
font-size: 13px;
color: #333;
}
.comment-respond {
font-size: 13px;
}
.comment-login-tip {
padding: 20px 0;
}
.comment-login-tip a {
font-weight: 200;
font-size: 12px;
padding: 5px 10px;
border-radius: 2px;
background: #FF3D00;
color: #FFF;
margin: 0 8px;
}
.comment-reply-title {
height: 1.1em;
line-height: 1.1em;
border-left: 4px solid #E63600;
text-indent: 10px;
font-size: 16px;
font-weight: 500;
color: #2A2A2A;
margin-bottom: 10px;
}
.comment-notes {
line-height: 3em;
font-size: 13px;
height: 3em;
}
.required {
color: #FF6600;
}
.logged-in-as {
font-size: 13px;
margin-bottom: 10px;
}
.logged-in-as a {
color: #FF3D00;
margin-right: 10px;
}
.comment-form-box {
margin-bottom: 20px;
font-size: 15px;
}
.comment-login-textarea textarea {
width: 100%;
padding: 10px;
min-height: 120px;
border: 1px solid #CCC;
margin: 10px 0;
}
.comment-form-login {
border: 1px solid #DDD;
}
.comment-form-comment label {
display: none;
}
.comment-form-comment textarea {
width: 100%;
padding: 10px;
min-height: 120px;
border: 1px solid #CCC;
}
.comment-form-login .comment-form-comment textarea {
border: none;
}
.comment-form-box ul {
display: flex;
padding: 10px 0;
}
.comment-form-box li {
line-height: 3em;
height: 3em;
display: inline-flex;
border: 1px solid #CCC;
width: 33%;
overflow: hidden;
margin-right: 2%;
}
.comment-form-box li.comment-form-url {
margin-right: 0;
}
.comment-form-box li label {
line-height: 3.5em;
height: 3.5em;
flex: 0 0 90px;
overflow: hidden;
text-indent: 10px;
font-size: 12px;
}
.comment-form-box li input {
flex: 1;
height: 2.2em;
line-height: 2.2em;
font-size: 15px;
width: 100px;
}
.comment-form-cookies-consent {
font-size: 13px;
line-height: 3em;
height: 3em;
padding: 0 15px;
}
.comment-form-user {
height: 50px;
line-height: 50px;
margin-bottom: -50px;
padding: 0 20px;
font-size: 12px;
}
.comment-form-user a {
color: #FF3D00;
margin: 0 8px;
font-weight: 500;
font-size: 15px;
}
.comment-form-user a:last-child {
font-weight: 200;
font-size: 12px;
padding: 5px 10px;
border-radius: 2px;
background: #FF3D00;
color: #FFF;
}
.form-submit {
display: grid;
height: 50px;
justify-items: end;
}
.comment-form-login .form-submit {
background: #F3F3F3;
}
.form-submit input {
color: #FFF;
background: #ff3d00;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
}
.comment-form-login .form-submit input {
margin: 5px;
}  @media (max-width:568px) {
.article-list .simple-left-img {
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
width: 120px;
height: 90px;
}
.article-list .simple-left-img a,
.article-list .simple-left-img a img {
width: 120px;
height: 90px;
}
.article-list .simple-content h2 {
font-size: 15px;
font-weight: 500;
height: 50px;
line-height: 18px;
overflow: hidden;
margin-top: 6px;
}
.simple-item {
overflow: hidden;
}
.simple-content p {
margin: 0;
color: #FFF;
}
.content-author p {
color: #FFF;
}
.simple-content p:first-of-type {
display: none;
}
.simple-info cite {
display: none;
}
.simple-content cite:first-of-type,
.content-author cite:first-of-type {
display: inline-block;
}
aside {
display: none;
}
.author-wap {
padding-bottom: 20px;
height: auto;
}
.author-info {
text-align: center;
}
nav form:after {
box-shadow: none;
}
linkcat .blogroll li {
width: 31%;
}
.author-wap {
height: auto;
}
.author-info h4 {
line-height: 4em;
}
.content-author h1 {
height: auto;
line-height: 1.8em;
}
.lb-side .mb-20 {
margin-bottom: 0;
}
.comment-form-box ul {
display: inline;
}
.comment-form-box li {
width: 100%;
margin: 10px 0;
}
nav .nav-items {
padding: 10px 0;
overflow-y: auto;
}
nav .nav-items li {
margin: 0;
padding: 0;
}
nav .nav-items li .sub-menu li {
margin: 0;
line-height: 30px;
} .menu-item-has-children {
background: url(//www.5mzy.com/wp-content/themes/jqfree/images/nav-more.png) no-repeat;
background-position: 80% 50%;
background-size: 15px 15px;
}
.menu-item-has-children:hover {
background: url(//www.5mzy.com/wp-content/themes/jqfree/images/nav-more-on.png) no-repeat;
background-position: 80% 50%;
background-size: 15px 15px;
}
.sub-menu {
max-width: 360px;
} .lb-sign {
position: absolute;
right: 10px;
bottom: 3px;
padding: 5px 3px;
border-radius: 16px;
list-style: none;
user-select: none;
background-color: rgba(0, 0, 0, 0.4);
}
.content-author {
border-bottom: 1px solid #eee;
margin-top: 30px;
} } .slide-in {
-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-top {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-top {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.download-btn {
background:rgb(0, 170, 255);
color:#fff; 
border-radius: 2px; 
cursor: pointer; 
flex-grow: 1;
}
.linkcat {
padding-bottom: 20px;
}
.linkcat h2 {
height: 1.1em;
line-height: 1.1em;
border-left: 4px solid #E63600;
text-indent: 10px;
font-size: 14px;
font-weight: 200;
color: #2A2A2A;
margin-bottom: 20px;
}
.linkcat a {
color: #333;
}
.linkcat .blogroll {
margin-bottom: 20px;
padding-left: 5px;
}
.linkcat .blogroll li {
height: auto;
width: 18.4%;
margin-right: 1%;
margin-bottom: 16px;
font-size: 13px;
}
.linkcat .blogroll li img {
margin-bottom: 10px;
clear: both;
display: block;
}
.linkcat a:hover {
color: #999;
}  #toTop {
width: 24px;
height: 24px;
bottom: 112px;
right: 8%;
position: fixed;
cursor: pointer;
z-index: 999999;
}  .spinner {
display: none;
margin: 100px auto;
width: 50px;
height: 60px;
text-align: center;
font-size: 10px;
}
.spinner>div {
background-color: #E63600;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4)
}
20% {
-webkit-transform: scaleY(1.0)
}
}
@keyframes stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
} .content-wrap .content-view img {
height: auto !important;
}
.content-wrap .content-view img.aligncenter {
display: block;
margin: 0 auto;
}
@media (max-width:568px) {
.linkcat .blogroll li {
width: 31%;
margin: 0 0.7% 16px;
}
}