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: #333;
}
a:hover,a:active {
text-decoration: underline;
color: #00C167;
} 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: normal 14px/1.8 Arial,"Microsoft YaHei","WenQuanYi Micro Hei",Verdana,Tahoma,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;
} a:hover {
text-decoration: none;
}
.showimg, .simple-img img, .jiangqie-lb-item > a > img {
transition: transform 0.5s;
}
.showimg:hover, .simple-img img:hover, .jiangqie-lb-item > a > img:hover {
transform: scale(1.1);
}
button:hover {
cursor: pointer;
}  header {
width: 100%;
background-color: #23282D;
}
nav{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
height: 62px; }
nav .logo{
color: #FFF;
font-size: 30px;
font-weight: 500;
letter-spacing: -1px;
}
nav .logo img{
height: 54px;
width: auto;
margin: 4px 0;
}
nav .jiangqie-nav-box {
display: flex;
flex: 1;
margin-top: -8px;
}
nav .jiangqie-nav-items{
display: flex;
flex: 1;
padding: 0 0 0 40px;
}
nav .jiangqie-nav-items li{
list-style: none;
padding: 0 15px;
position: relative;
}
nav .jiangqie-nav-items li a{
color: #FFF;
font-weight: 400;
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 .jiangqie-nav-items li.current-menu-item a, nav .jiangqie-nav-items li.current-menu-parent a {
font-weight: 500;
color: #EEE;
}
nav .jiangqie-nav-items li.current-menu-item a:before, nav .jiangqie-nav-items li.current-menu-parent a:before {
content: "";
position: absolute;
z-index: -1;
width: 200%;
left: -50%;
bottom: 0;
background: #EEE;
height: 2px;
}
nav .jiangqie-nav-items li a:hover{
color: #EEE; 
}
nav .jiangqie-nav-items li a:hover:before {
left: 0;
right: 0;	
}
nav .jiangqie-nav-items li a:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: #f3f3f3;
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
nav .jiangqie-nav-items li.nav-activ a:before {
display: none;
}
nav .jiangqie-menu-icon,
nav .cancel-icon{
width: 40px;
text-align: center;
font-size: 18px;
color: #555;
cursor: pointer;
display: none;
}
nav .jiangqie-menu-icon span,
nav .cancel-icon,{
display: none;
}
.menu-item-has-children {
background: url(//ruinews.com/wp-content/themes/ruinews/images/drop.png) no-repeat;
background-position: 100% 45%;
background-size: 9px 9px;
}
.menu-item-has-children:hover {
background: url(//ruinews.com/wp-content/themes/ruinews/images/drop.png) no-repeat;
background-position: 100% 48%;
background-size: 9px 9px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;	
}
.sub-menu {
display: none;
background: #FFF;
position:fixed;
z-index: 99;
width: 160px;
text-align: center;
box-shadow: 0px 1px 4px rgba(99,99,99,0.3);
}
nav .jiangqie-nav-items li.menu-item-has-children a:hover:before {
display: none;
}
nav .jiangqie-nav-items li .sub-menu li {
height: 48px;
line-height: 48px;
padding: 0 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-bottom: 1px dotted #DDD;
cursor: pointer;
}
nav .jiangqie-nav-items li .sub-menu li:last-of-type {
border-bottom: none;
}
nav .jiangqie-nav-items li .sub-menu li:hover {
background: #F3F3F3;
border-bottom: 1px dotted #CCC;
}
nav .jiangqie-nav-items li .sub-menu li a{
-webkit-transform: none;
transform: none;
color: #555;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
padding: 0;
}
nav .jiangqie-nav-items li .sub-menu .menu-item-has-children {
background-position: 96% 50%;
}
nav .jiangqie-nav-items li .sub-menu .menu-item-has-children:hover {
background: #F3F3F3 url(//ruinews.com/wp-content/themes/ruinews/images/drop.png) no-repeat;
background-position: 96% 50%;
background-size: 9px 9px;
}
nav .jiangqie-nav-items li .sub-menu .menu-item-has-children .sub-menu {
margin-left: 150px;
margin-top: -50px;
}
nav .jiangqie-nav-items li .sub-menu .menu-item-has-children .sub-menu a {
color: #333;
}
nav .jiangqie-nav-items li .sub-menu .menu-item-has-children .sub-menu li:hover {
background: #F3F3F3;
border-bottom: 1px dotted #CCC;
}
nav .jiangqie-nav-items li .sub-menu li:hover a, nav .jiangqie-nav-items li .sub-menu .menu-item-has-children .sub-menu a:hover {
color: #00C167;
}
nav .jiangqie-nav-items li .sub-menu li a:before {
bottom: 0;
background: none;
height: 0;
}
nav .jiangqie-nav-items li .sub-menu li.current-menu-item {
background: #F3F3F3;
}
nav .jiangqie-nav-items li .sub-menu li.current-menu-item a {
font-weight: 500;
border-bottom: none;
}
.jiangqie-login-btn {
display: flex;
}
.jiangqie-login-btn button {
height: 32px;
line-height: 32px;
padding: 0 20px;
margin-left: 10px;
border: 1px solid #00C167;
color: #00C167;
font-size: 13px;
background: none;
border-radius: 4px;
font-weight: 200;
}
.jiangqie-login-btn button:hover {
background: rgba(0,193,103,0.1);
}
.jiangqie-login-btn button.jiangqie-post {
color: #FFF;
background: #00C167;
}
.jiangqie-login-btn button.jiangqie-post:hover {
background: rgba(0,193,103,0.8);
border: 1px solid rgba(0,193,103,0.8);	
}
.jiangqie-login_user {
display: flex;
font-size: 12px;
color: #EEE;
font-weight: 200;
margin-top: -8px;
}
.jiangqie-login_user a{
font-size: 12px;
color: #EEE;
font-weight: 200;
margin: 0 6px;
}
@media (max-width: 1280px){
nav .jiangqie-nav-box {
width: 76%;
}
nav .jiangqie-nav-items {
flex: none;
overflow-x: hidden;
overflow-y: hidden;
width: 90%;
}
nav .jiangqie-nav-items li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media (max-width: 1140px){
nav{
padding: 0px;
}
nav .jiangqie-nav-box {
width: 73%;
}
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: 20px;
}
nav .menu-icon{
display: block;
}
nav .menu-icon span{
display: block;
}
nav .menu-icon span.hide{
display: none;
}
nav .cancel-icon.show{
display: block;
}
}
.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 .menu-icon,
nav .cancel-icon,
nav .search-icon{ }
nav form{
right: 30px;
}
nav .jiangqie-nav-box {
display: none;
}
.jiangqie-login_user {
display: none;
}
}
@media (max-width: 350px){
nav .menu-icon,
nav .cancel-icon,
nav .search-icon{
margin: 0 10px;
font-size: 16px;
}
}  .jiangqie-hot-news {
display: flex;
height: 150px;
overflow-x: auto;
overflow-y: hidden;
}
.jiangqie-hot-news::-webkit-scrollbar {
display: none;
}
.jiangqie-hot-block {
width: 210px;
height: 150px;
margin-right: 10px;
}
.jiangqie-hot-news .swiper-wrapper {
display: flex;
}
.jiangqie-hot-ctr-l, .jiangqie-hot-ctr-r {
height: 24px;
width: 24px;
position: absolute;
left: -40px;
top: 50px;
text-align: center;
z-index: 99;
}
.jiangqie-hot-ctr-r{
left: auto;
right: -10px;
}
.jiangqie-hot-ctr-l .fa,.jiangqie-hot-ctr-r .fa{
line-height: 24px;
color: #CCC;
-webkit-text-stroke: 1px #F9F9F9;
}
.jiangqie-hot-ctr-l .fa-stack:hover *, .jiangqie-hot-ctr-r .fa-stack:hover * {
color: #00C167;
cursor: pointer;
}
.jiangqie-hot-ctr-l .fa-stack-2x, .jiangqie-hot-ctr-r .fa-stack-2x {
font-size: 1.6em;
}
.jiangqie-hot-block figure {
height: 120px;
width: 210px;
cursor: pointer;
}
.jiangqie-hot-block figure div {
height: 100%;
width: 100%;
overflow: hidden;
border-radius: 4px;
}
.jiangqie-hot-block figure div img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.jiangqie-hot-block h3 {
padding: 16px 0 0;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jiangqie-wide-news {
height: 200px;
position: relative;
}
.jiangqie-wide-news .jiangqie-hot-block {
height: 200px;
width: 320px;
}
.jiangqie-wide-news .jiangqie-hot-block figure {
height: 100%;
width: 320px;
position: relative;
}
.jiangqie-wide-news .jiangqie-hot-block figcaption {
margin-top: -36px;
height: 36px;
line-height: 36px;
position: relative;
z-index: 9;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));
border-radius: 0 0 4px 4px;
}
.jiangqie-wide-news .jiangqie-hot-block figcaption h3 {
padding: 0;
color: #FFF;
height: 36px;
line-height: 36px;
padding: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jiangqie-wide-news .jiangqie-hot-block figcaption h3 a {
color: #FFF;
font-weight: 200;
}
.jiangqie-wide-news .jiangqie-hot-ctr-l {
left: 10px;
top: 80px;
}
.jiangqie-wide-news .jiangqie-hot-ctr-r {
right: 30px;
top: 80px;
}
.jiangqie-wide-news .jiangqie-hot-ctr-l .fa, .jiangqie-wide-news .jiangqie-hot-ctr-r .fa{
-webkit-text-stroke: 0px;
}
.jiangqie-wide-news .jiangqie-hot-ctr-l .fa-stack-1x, .jiangqie-wide-news .jiangqie-hot-ctr-r .fa-stack-1x{
color: #fff;
}
.jiangqie-wide-news .jiangqie-hot-ctr-l .fa-stack-2x, .jiangqie-wide-news .jiangqie-hot-ctr-r .fa-stack-2x {
font-size: 2em;
color: rgba(0,0,0,0.3);
}
.jiangqie-wide-news .jiangqie-hot-ctr-l:hover .fa-stack-2x, .jiangqie-wide-news .jiangqie-hot-ctr-r:hover .fa-stack-2x {
font-size: 2em;
color: rgba(0,0,0,0.7);
}
@media (max-width:568px) {
.jiangqie-wide-news {
height: 140px;
}
.jiangqie-wide-news .jiangqie-hot-block {
height: 140px;
width: 240px;
}
.jiangqie-hot-ctr-l, .jiangqie-hot-ctr-r {
display: none;
}	
}  aside {
}
.aside-block {
padding: 15px;
background: #FFF;
border-radius: 4px;
}
.aside-block a:hover{
font-weight: 400;
text-decoration: none;
}
.aside-block h2 {
height: 1em;
line-height: 1em;
border-left: 4px solid #00C167;
text-indent: 10px;
font-size: 14px;
font-weight: 500;
color: #2A2A2A;
}
.aside-block .jiangqie-simple-item:first-of-type {
padding-top: 0;
}
.sup-ad {
padding-top: 10px;
}
.sup-ad a {
height: 120px;
width: 100%;
display: block;
overflow: hidden;
border-radius: 4px;
}
.jiangqie-sup-simple-ad {
height: 120px;
width: 100%;
object-fit: cover;
border-radius: 4px;
}
.jiangqie-hot-list h2 {
margin-bottom: -28px;
}
.jiangqie-tag-list {
font-size: 13px;
}
.jiangqie-tag-list a {
display: inline-flex;
color: #FFF;
height: 30px;
line-height: 30px;
padding: 0 16px;
border-radius: 4px;
background: #EFEFEF;
color: #333;
margin-right: 6px;
margin-top: 10px;
transition: all 0.2s ease-out;
}
.jiangqie-tag-list a:hover {
background-color: #00C167;
color: #FFF;
transition: all 0.2s ease-in;
}
.aside-image-block {
border-radius: 4px;
overflow: hidden;
}
.jiangqie-image-ad a {
height: 220px;
width: 100%;
display: block;
}
.jiangqie-simple-ad {
height: 220px;
width: 100%;
object-fit: cover;
}
.jiangqie-simple-item {
border-bottom: 1px dotted #ddd;
padding: 10px 0;
}
.jiangqie-simple-item:last-child {
border: none;
padding-bottom: 0;
}
.aside-block h2 .btn-more {
float: right;
font-size: 12px;
color: #999;
}
.aside-block h2 .btn-more:hover {
color: #00C167;
}
.aside-block .jiangqie-tab_nav {
margin-bottom: 10px;
padding-left: 70px;
}
.simple-content {
}
.simple-img {
margin: 5px 0;
}
.simple-img, .simple-img a {
height: 180px;
width: 100%;
display: block;	
border-radius: 4px;
}
.simple-img a {
overflow: hidden;
}
.simple-img a img {
height: 180px;
width: 100%;
object-fit: cover;
border-radius: 4px;
}
.simple-img cite {
position: absolute;
height: 24px;
line-height: 24px;
width: 44px;
left: 8px;
z-index: 19;
background: rgba(0,0,0,0.7);
text-align: center;
color: #FFF;
font-size: 12px;
border-radius: 0 0 6px 6px;	
}
.simple-img cite.hot-top-1 {
background: rgba(0,193,103,0.6);
}
.simple-content h2 {
font-size: 18px;
color: #333;
margin: 10px 0;
}
.simple-content strong {
background: #00C167;
color: #FFF;
font-size: 12px;
font-weight: 200;
padding: 0 8px;
display: inline-flex;
vertical-align: middle;
border-radius: 3px;
margin-right: 8px;
}
.simple-content h2 a {
font-size: 16px;
line-height: 1.4em;
font-weight: 500;
}
.simple-content p {
font-size: 13px;
color: #7F7F7F;
margin: 10px 0;
font-weight: 300;
line-height: 1.7em;
}
.simple-content p a {
font-size: 14px;
line-height: 1.4em;
}
.simple-content p.simple-time {
font-size: 12px;
color: #A9A9A9;
}
.jiangqie-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: 120px;
height: 80px;
}
.simple-left-img a {
width: 120px;
height: 80px;
border-radius: 4px;
}
.simple-left-img a img {
width: 120px;
height: 80px;
object-fit: cover;
}
.jiangqie-simple-left-side .simple-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 14px;
}
.jiangqie-load-more-wap {
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.jiangqie-load-more, a.jiangqie-load-more{
height: 2.8em;
line-height: 2.8em;
font-size: 14px;
font-weight: 200;
color: #00C167;
border: 1px solid #00C167;
width: 220px;
text-align: center;
border-radius: 4px;
cursor: pointer;
transition: all 0.2s ease-out;
}
.jiangqie-load-more:hover {
color: #FFF;
background: #00C167;
transition: all 0.2s ease-in;
}
.aside-block .jiangqie-load-more {
margin: 10px auto 0;
}
.jiangqie-simple-user {
position: relative;
padding-left: 2px;
font-size: 13px;
}
.jiangqie-simple-user-avatar {
height: 36px;
width: 36px;
float: left;
border-radius: 18px;
margin-left: -50px;
margin-top: 2px;
}
.jiangqie-simple-user-avatar img {
height: 36px;
width: 36px;
object-fit: cover;
border-radius: 18px;
}
.jiangqie-simple-user p {
margin: 0;
color: #7F7F7F;
font-weight: 300;
}
.jiangqie-article-list .simple-content .jiangqie-simple-user p a, .jiangqie-timeline .jiangqie-simple-left-side .jiangqie-simple-user p a
{
font-weight: 400;
font-size: 13px;
}
.jiangqie-simple-user p img {
height: 12px;
width: 12px;
margin: 0 4px;
vertical-align: middle;
}
.jiangqie-simple-user p cite {
color: #7F7F7F;
font-weight: 300;
}  .jiangqie-max-ad, .jiangqie-mini-ad {
background-size: 100% auto;
}
.jiangqie-max-ad .container {
padding: 50px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.jiangqie-max-ad-info {
max-width: 600px;
overflow: hidden;
color: #FFF;
padding-left: 10px;
}
.jiangqie-max-ad-info h2 {
font-size: 20px;
font-weight: 500;
height: 30px;
line-height: 30px;
}
.jiangqie-max-ad-info p {
font-size: 12px;
font-weight: 300;
height: 30px;
line-height: 30px;
}
.jiangqie-max-ad-btn {
display: flex;
flex-wrap: wrap;
padding-top: 10px;
padding-right: 10px;
}
.jiangqie-max-ad-btn a {
padding: 0 30px;
height: 36px;
line-height: 34px;
border-radius: 4px;
border: 1px solid #FFF;
color: #FFF;
font-size: 12px;
font-weight: 200;
margin-left: 10px;
}
.jiangqie-max-ad-btn a:hover {
color: #333;
background-color: #FFF;
}
.jiangqie-mini-ad .container {
padding: 15px 10px;
}
.jiangqie-mini-ad .container p {
height: 30px;
line-height: 30px;
text-align: center;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #FFF;
}
.jiangqie-mini-ad-info a {
font-size: 13px;
font-weight: 300;
color: #FFF;
}  footer {
background: #2A2A2A;
padding: 40px 0;
}
.jiangqie-main-footer .column {
font-size: 13px;
font-weight: 300;
color: #7F7F7F;
padding: 30px 0;
text-align: left;
}
.jiangqie-main-footer .column p {
height: 2.5em;
line-height: 2.5em;
font-size: 12px;
}
.jiangqie-main-footer .column a{
color: #7F7F7F;
}
.jiangqie-main-footer .column a:hover{
color: #C1C1C1;
text-decoration: none;
}
.jiangqie-main-footer .column h3 {
font-weight: 500;
color: #C1C1C1;
font-size: 14px;
}
@media (max-width: 1024px) {
.hidden-mdw {
display: none; }
}
.jiangqie-main-footer-copyinfo {
font-size: 12px;
font-weight: 300;
color: #7F7F7F;
border-top: 1px solid #3E3E3E;
text-align: center;
padding-top: 40px;
}
.jiangqie-main-footer-copyinfo a {
color: #00C167;
}
.jiangqie-main-footer-links {
border-bottom: 1px solid #3E3E3E;
display: flex;
align-items: center;
justify-content: center;
}
.jiangqie-main-footer-links a {
height: 36px;
width: 36px;
border-radius: 36px;
background-color: #424242;
margin: 0 14px;
}
.jiangqie-main-footer-links a:hover {
background-color: #00C167;
}
.jiangqie-main-footer-links img {
height: 26px;
width: 26px;
margin: 0 10px;
}
.jiangqie-main-footer-links a * {
color: #FFF;
font-size: 1.1em;
line-height: 36px;
}
.jiangqie-foot-about  {
padding-ritht: 20px!important;
padding-left: 10px!important;
}
.jiangqie-foot-menu {
display: flex;
}
.jiangqie-foot-links {
padding: 0 20px;
text-align: center;
}
.jiangqie-foot-barcode {
padding-left: 20px!important;
}
.jiangqie-foot-barcode ul {
display: flex;
}
.jiangqie-foot-barcode ul li {
width: 33.333%;
}
.jiangqie-foot-barcode ul li img {
height: 80px;
width: 80px;
border-radius: 2px;
}
.jiangqie-foot-barcode ul li p {
line-height: 3em;
font-size: 12px;
color: #666;
width: 80px;
text-align: center;
}
.jiangqie-minifoot {
}
.jiangqie-minifoot-links {
height: 60px;
line-height: 36px;
}
.jiangqie-minifoot-links ul {
float: left;
}
.jiangqie-minifoot-links li * {
color: #7E8C8D;
font-size: 12px;
}
.jiangqie-minifoot-links li {
display: inline-flex;
margin-right: 12px;
}
.jiangqie-minifoot-links em {
margin-left: 12px;
}
.jiangqie-minifoot .jiangqie-main-footer-links {
float: right;
border: none;
text-align: center;
}
.jiangqie-minifoot-links .jiangqie-main-footer-links a * {
font-size: 1.2em;
}
.jiangqie-minifoot .jiangqie-main-footer-copyinfo {
text-align: left;
}
.jiangqie-app-foot {
position: fixed;
bottom: 0;
width: 100%;
height: 70px;
background: #FFF;
border-top: 1px solid #EEE;
box-shadow: -2px -1px 3px 2px rgba(79,125,183,.1);	
padding: 0;
display: none;
}
.jiangqie-app-foot ul {
display: flex;
width: 100%;
}
.jiangqie-app-foot li {
width: 23%;
text-align: center;
margin: 0 1%;
padding: 10px 0;
height: 40px;
}
.jiangqie-app-foot li a em {
display: block;
font-size: 12px;
margin-top: 6px;
}
.jiangqie-app-foot li a i {
font-size: 16px;
}
.jiangqie-app-foot li a {
color: #999;
}
.jiangqie-app-on a * {
color: #00A056!important;
}  .jiangqie-news-flash {
height: 50px;
line-height: 50px;
border: 1px solid #EEE;
background: #FFF;
display: flex;
overflow: hidden;
border-radius: 4px;
}
.jiangqie-news-flash h6 {
background: #00C167;
-webkit-box-flex: 0;
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
width: 120px;
height: 48px;
padding-left: 20px;
border-radius: 4px 0 0 4px;
}
.jiangqie-news-flash h6 .fa {
color: #FFF;
}
.jiangqie-news-flash h6 text {
color: #FFF;
font-size: 13px;
}
.jiangqie-news-flash ul {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 50px;
line-height: 50px;
margin-left: 14px;
}
.jiangqie-news-flash li {
line-height: 50px;
font-size: 13px;
overflow: hidden;
}  .jiangqie-icon-nav {
display: none;
padding: 0 5px;
}
.jiangqie-icon-nav ul {
display: flex;
flex-wrap: wrap;
max-height: 200px;
overflow: hidden;
}
.jiangqie-icon-nav li {
display: inline-flex;
width: 20%;
height: 100px;
text-align: center;
}
.jiangqie-icon-nav li a {
margin: 0 auto;
display: block;
width: 100%;
}
.jiangqie-icon-nav li img {
height: 56px;
width: 56px;
}
.jiangqie-icon-nav li p {
display: block;
height: 36px;
line-height: 36px;
padding: 0 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
font-size: 12px;
}  .jiangqie-user {
padding: 0 10px;
}
.jiangqie-user-recom {
background: #FFF;
padding: 15px;
}
.jiangqie-user-recom h4, .jiangqie-search-list h4, .jiangqie-album h4 {
padding: 14px 0;
border-bottom: 1px solid #EEE;
}
.jiangqie-user-recom h4 {
margin: 0 16px;	
}
.jiangqie-user-recom h4 em, .jiangqie-search-list h4 em, .jiangqie-album h4 em{
height: 1.1em;
line-height: 1.1em;
border-left: 4px solid #00C167;
text-indent: 10px;
font-size: 14px;
font-weight: 200;
color: #2A2A2A;
padding-left: 10px;
}
.jiangqie-user-recom h4 strong, .jiangqie-search-list h4 strong {
float: right;
font-size: 12px;
font-weight: 200;
color: #999;
}
.jiangqie-search-list .jiangqie-simple-left-side .simple-left-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 19.5%;
-ms-flex: 0 0 19.5%;
flex: 0 0 19.5%;
width: 19.5%;
height: 140px;
}
.jiangqie-user-recom ul{
display: flex;
flex-wrap: wrap;
padding: 0 10px;
}
.jiangqie-user-recom ul li{
text-align: center;
width: 18%;
margin: 0 1%;
}
.jiangqie-user-recom ul li:last-child, .jiangqie-user-recom ul li:nth-child(5) {
margin-right: 0;
}
.jiangqie-user-recom-avatar {
height: 48px;
width: 48px;
position: relative;
margin: 0 auto -24px;
}
.jiangqie-user-recom-avatar img{
height: 100%;
width: 100%;
border-radius: 50%;
object-fit: cover;
}
.jiangqie-user-recom-avatar img.jiangqie-user-vip{
position: absolute;
width: 20px;
height: 20px;
top: 29px;
left: 32px;
}
.jiangqie-user-recom-info {
padding: 30px 0 20px;
border: 1px solid #F3F3F3;
background-color: #FCFCFC;
border-radius: 4px;
transition: all 0.3s ease-out;
}
.jiangqie-user-recom-info:hover {
border-color: #00C167;
transition: all 0.3s ease-in;
}
.jiangqie-user-recom-info h6 {
height: 2.4em;
line-height: 2.4em;
font-size: 14px;
font-weight: 400;
color: #333;
padding: 0 5px;
overflow: hidden;
}
.jiangqie-user-recom-info p {
height: 2.4em;
line-height: 1.8em;
font-size: 12px;
color: #999;
}
.jiangqie-user-recom-info p:nth-child(3) {
padding-top: 10px;
}
.jiangqie-user-recom-info p a {
border: 1px solid #E3E3E3;
padding: 4px 16px;
border-radius: 20px;
color: #CCC;
transition: all 0.3s ease-out;
}
.jiangqie-user-recom-info:hover p a {
background: #00C167;
border-color: #00C167;
color: #FFF;
transition: all 0.3s ease-in;
}
.jiangqie-mini-recom ul{
flex-wrap: nowrap;
margin-left: -16px;
}
.jiangqie-mini-recom ul::-webkit-scrollbar {
display: none;
}
.jiangqie-mini-recom ul li:last-child, .jiangqie-mini-recom ul li:nth-child(5) {
margin-right: 1%;
}
.jiangqie-mini-recom .jiangqie-user-recom-info {
width: 116px;
}
.jiangqie-user-recom .swiper-container {
overflow: hidden;
padding-top: 2px;
}  .jiangqie-article-list {
border-radius: 4px;
background: #FFF;
padding:15px 22px;
}  .jiangqie-tab_form {
padding-left: 100px;
}
.jiangqie-tab_mask {
padding-left: 100px;
border-bottom: 1px solid #EFEFEF;
}
.jiangqie-tab_nav {
display: flex;
overflow: scroll;
overflow-x: auto;
overflow-y: hidden;
border-bottom: 1px solid #EFEFEF;
}
.jiangqie-tab_mask .jiangqie-tab_nav {
border-bottom: none;
}
.jiangqie-tab_nav::-webkit-scrollbar {
display: none;
} .jiangqie-tab_nav li {
padding: 15px 0;
margin: 0 20px;
color: #333;
cursor: pointer;
position: relative;
border-bottom: 3px solid #fff;
white-space: nowrap;
} .jiangqie-tab_nav li text {
font-size: 14px;
}
.jiangqie-tabNav_active {
border-bottom: 3px solid #00C167!important;
color: #00C167!important;
transition: all 0.4s ease-in;
} .jiangqie-tab_box {
position: relative;
background: #fff;
display: flex;
} .jiangqie-tab_box li {
width: 100%;
height: 100%;
top: 0;
left: 0;
align-items: center;
overflow: hidden;
box-sizing: border-box;
visibility: hidden;
display: none;
background: #FFF;
} .jiangqie-tabBox_active {
visibility: visible !important;
display: block!important;
transition: all 0.4s ease-in;
background: #FFF;
} .jiangqie-article-list h1 {
height: 1em;
line-height: 1em;
border-left: 4px solid #00C167;
text-indent: 10px;
font-size: 14px;
font-weight: 500;
color: #2A2A2A;
margin-bottom: -30px;
}
.jiangqie-article-list .simple-img, .jiangqie-article-list .simple-img a, .jiangqie-article-list .simple-img a img {
height: 140px;
border-radius: 4px;
}
.jiangqie-article-list .simple-left-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 32.3%;
-ms-flex: 0 0 32.3%;
flex: 0 0 32.3%;
width: 32.3%;
height: 140px;
}
.jiangqie-three-img {
}
.jiangqie-timeline .jiangqie-three-img .simple-content p {
margin-bottom: 0;
}
.jiangqie-article-list .simple-left-img a, .jiangqie-article-list .simple-left-img a img {
width: 100%;
height: 140px;
border-radius: 4px;
}
.jiangqie-article-list .simple-content h2 {
font-size: 20px;
font-weight: 600;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.jiangqie-article-list .simple-content p a {
font-size: 14px;
line-height: 1.8em;
font-weight: 200;
}
.jiangqie-article-list .jiangqie-simple-left-side .simple-content {
margin-left: 20px;
}
.jiangqie-article-list .simple-img {
position: relative;
}
.simple-img strong {
position: absolute;
top: 8px;
left: 8px;
z-index: 19;
padding: 0 10px;
height: 24px;
line-height: 24px;
color: #EEE;
font-size: 12px;
border-radius: 4px;
background: rgba(0,0,0,0.4);
}
.jiangqie-simple-info * {
display: inline-flex;
line-height: 28px;
vertical-align: middle;
}
.jiangqie-simple-info a {
margin-right: 10px;
}
.jiangqie-simple-info a:hover {
text-decoration: none;
}
.jiangqie-simple-info img {
height: 28px;
width: 28px;
border-radius: 14px;
margin-right: 8px;
}
.jiangqie-simple-info i {
font-size: 14px;
height: 28px;
line-height: 28px;
}
.jiangqie-simple-info img.jiangqie-user-vip {
width: 16px;
height: 16px;
margin: 6px 0 0 4px;
}
.jiangqie-simple-info em {
font-style: normal;
font-size: 12px;
}
.jiangqie-simple-info cite {
color: #999;
margin: 0 4px;
font-size: 12px;
}
.jiangqie-mix-list .simple-content p a.jiangqie-mix-type {
font-size: 12px;
padding: 1px 8px;
border-radius: 3px;
background: #F6F6F6;
line-height: 1.8em;
font-weight: 200;
float: right;
}
.jiangqie-mix-list .simple-content p a.jiangqie-mix-type:hover {
background: #00C167;
color: #FFF;
}
.jiangqie-article-list .jiangqie-max-img .simple-img, .jiangqie-article-list .jiangqie-max-img .simple-img a, .jiangqie-article-list .jiangqie-max-img .simple-img a img {
height: 240px;
border-radius: 4px;
} .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;
}
.jiangqie-timeline {
padding-left: 50px;
}
.jiangqie-timeline::before {
content: ' ';
height: 100%; border-left: 1px dotted #DDD;
position: absolute;
top: 0;
left: 20px;
}
.jiangqie-article-list .simple-content p a.jiangqie-timeline-type {
font-size: 12px;
padding: 1px 8px;
border-radius: 3px;
background: #F6F6F6;
}
.jiangqie-article-list .simple-content p a.jiangqie-timeline-type:hover {
background: #00C167;
color: #FFF;
}
.jiangqie-simple-info cite img {
height: 16px;
width: 16px;
margin-right: 6px;
vertical-align: bottom;
margin-top: 6px;
}
.jiangqie-timeline .simple-content p{
line-height: 2em;
}
.jiangqie-timeline .jiangqie-share-img, .jiangqie-search-list .jiangqie-share-img, .jiangqie-user-home .jiangqie-share-img {
float: right;
}
.jiangqie-timeline .jiangqie-simple-user p {
line-height: 1.5em;
}
.jiangqie-timeline .jiangqie-simple-user p:first-of-type {
line-height: 1.7em;
}
.jiangqie-timeline .jiangqie-simple-left-side {
position: relative;
padding-top: 58px;
min-height: 220px;
}
.jiangqie-timeline .jiangqie-simple-left-side .jiangqie-simple-user {
top: 14px;
position: absolute;
}
.jiangqie-timeline .jiangqie-simple-user em {
height: 9px;
width: 9px;
border-radius: 9px;
background: #6AE7BE;
top: 62px;
position: absolute;
left: -34px;
}
.jiangqie-timeline .jiangqie-simple-user em.jiangqie-timeline-hot {
background: #FFF;
border: 6px solid #FFF1F4;
height: 19px;
width: 19px;
border-radius: 19px;
top: 56px;
left: -39px;
}
.jiangqie-timeline .jiangqie-simple-user em.jiangqie-timeline-hot::after {
content: ' ';
left: -2px;
border: 3px solid #FDA0AB;
height: 5px;
width: 5px;
border-radius: 5px;
position: absolute;
margin-top: -2px;
background: #fff;
}
.jiangqie-simple-three {
display: flex;
height: 140px;
}
.jiangqie-simple-three a {
width: 33%;
height: 140px;
margin-right: 1%;
}
.jiangqie-simple-three a img {
height: 100%;
width: 100%;
object-fit: cover;
}
.jiangqie-double-image {
}
.jiangqie-double-image .jiangqie-max-img {
float: left;
width: 50%;
padding-right: 8px;
}
.jiangqie-double-image .jiangqie-max-img:nth-child(even) {
padding-right: 0;
padding-left: 8px;
}
.jiangqie-article-list .jiangqie-double-image .jiangqie-max-img .simple-img, .jiangqie-article-list .jiangqie-double-image .jiangqie-max-img .simple-img a, .jiangqie-article-list .jiangqie-double-image .jiangqie-max-img .simple-img a img {
height: 160px;
}
.jiangqie-double-image .simple-content p:first-of-type {
display: none;
}
.jiangqie-double-image .jiangqie-simple-info cite {
display: none;
}
.jiangqie-double-image .jiangqie-simple-info cite:nth-child(2), .jiangqie-double-image .jiangqie-simple-info cite:nth-child(3), .jiangqie-double-image .jiangqie-simple-info cite:nth-child(4) {
display: inline-block;
}   .jiangqie-base-list {
padding: 20px 22px;
background: #FFF;
border-radius: 4px;
}
.jiangqie-base-mini h5, .jiangqie-user-recom h5, .jiangqie-recommend h5, .jiangqie-comment-forum h5{
height: 1em;
line-height: 1em;
border-left: 4px solid #00C167;
text-indent: 10px;
font-size: 14px;
font-weight: 500;
color: #2A2A2A;
}
.jiangqie-user-recom h5 cite {
float: right;
}
.jiangqie-user-recom .fa {
color: #DDD;
text-indent: 4px;
}
.jiangqie-user-recom h5 .fa:hover {
color: #00C167;
cursor: pointer;
}
.jiangqie-base-list .md-4 {
padding-left: 5px;
padding-right: 5px;
}
.jiangqie-base-list .md-4:first-child {
padding-left: 10px;
}
.jiangqie-base-list .md-4:last-child {
padding-right: 10px;
}
.jiangqie-base-list hr {
margin: 16px auto;
border: 0;
height: 1px;
background:#EEE;	
}
.jiangqie-easy-item figure{
height: 140px;
width: 100%;
opacity: 1;
cursor: pointer;
}
.jiangqie-easy-item figure:hover{
opacity: 0.8;
transition: all 0.2s linear;
}
.jiangqie-easy-item figure div {
height: 100%;
width: 100%;
overflow: hidden;
}
.jiangqie-easy-item figure div img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.jiangqie-easy-item figcaption {
margin-top: -32px;
}
.jiangqie-easy-item h3 {
position: relative;
padding: 0 8px;
border-radius: 0 0 4px 4px;
height: 32px;
line-height: 32px;
font-size: 13px;
color: #fff;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));
}
.jiangqie-easy-item h3 a {
color: #fff;
}  .jiangqie-lb-box {
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
background-color: #FFF;
border-radius: 4px;
overflow: hidden;
}
.jiangqie-lb-content {
width: 100%;  
height: 100%;
}
.jiangqie-lb-item {
width: 100%;  
height: 100%;
display: none;
position: relative;   
}
.jiangqie-lb-item > a {
width: 100%;
height: 100%;
display: block;
}
.jiangqie-lb-item > a > img {
width: 100%;
height: 320px;
object-fit: cover;
}
.jiangqie-lb-item > a > div {
width: 100%;
display: block;
bottom: 0px;
padding: 15px;
color: #333;
}
.jiangqie-lb-item > a > div > h2 {
width: 100%;
padding-right: 40px;
padding-left: 10px;
height: 1em;
border-left: 3px solid #00C167;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;	
}
.jiangqie-lb-item > a > div > p {
padding-right: 40px;
padding-left: 13px;
margin-top: 14px;
font-size: 12px;
font-weight: 200;
height: 1em;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.jiangqie-lb-item.active {
display: block;
left: 0%;
}
.jiangqie-lb-item.active.left {
left: -100%;
}
.jiangqie-lb-item.active.right {
left: 100%;
} .jiangqie-lb-item.next, .jiangqie-lb-item.prev {
display: block;
position: absolute;
top: 0px;
}
.jiangqie-lb-item.next {
left: 100%;
}
.jiangqie-lb-item.prev {
left: -100%;
}
.jiangqie-lb-item.next.left, .jiangqie-lb-item.prev.right {
left: 0%;
}
.jiangqie-lb-sign {
position: absolute;
left: 10px;
bottom: 90px;
padding: 5px 3px;
border-radius: 16px;
list-style: none;
user-select: none; }
.jiangqie-lb-sign li {
width: 8px;
height: 8px;
font-size: 2px;
line-height: 2px;
text-align: center;
float: left;
color: rgba(0,0,0,0);
margin: auto 4px;
border-radius: 2px;
cursor: pointer;
opacity: 0.6;
background-color: rgba(0,0,0,0.4);
}
.jiangqie-lb-sign li:hover {
color: #fff;
}
.jiangqie-lb-sign li.active {
color: rgba(255,255,255,0);
opacity: 1;
background-color: #fff;
transition: all 0.2s linear;
}
.jiangqie-lb-ctrl {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
vertical-align: middle;
font-weight: 200;
user-select: none;
background-color: rgba(0,0,0,0.3);
color: #fff;
cursor: pointer;
transition: all 0.1s linear;
padding: 16px 10px;
}
.jiangqie-lb-ctrl.left {
left: -50px;
border-radius: 0 5px 5px 0;
}
.jiangqie-lb-ctrl.right {
right: -50px;
border-radius: 5px 0 0 5px;
}
.jiangqie-lb-box:hover .jiangqie-lb-ctrl.left {
left: 0px;
}
.jiangqie-lb-box:hover .jiangqie-lb-ctrl.right {
right: 0px;
}
.jiangqie-lb-ctrl:hover {
background-color: rgba(0,0,0,0.6);
} .lb-easy, .lb-easy .jiangqie-lb-item > a > img {
height: 360px;
border-radius: 4px;
}
.lb-easy .jiangqie-lb-item > a > img {
height: 360px;
}
.lb-easy .jiangqie-lb-item > a > div {
width: 100%;
display: block;
position: absolute;
bottom: 0px;
padding: 22px 15px;
color: #fff;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));
border-radius: 0 0 4px 4px;
}
.lb-easy .jiangqie-lb-item > a > div > p {
display: none;
}
.lb-easy .jiangqie-lb-sign {
position: absolute;
right: 10px;
left: auto;
bottom: 10px;
padding: 5px 3px;
border-radius: 16px;
list-style: none;
user-select: none;
background-color: rgba(0,0,0,0.4);
}
.lb-easy .jiangqie-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-easy .jiangqie-lb-sign li:hover {
color: #fff;
}
.lb-easy .jiangqie-lb-sign li.active {
color: #000;
opacity: 1;
background-color: #EBEBEB;
transition: all 0.2s linear;
}   .jiangqie-main-head {
height: 260px;
}
.jiangqie-main-genre {
align-items: center;
height: 260px;
display: flex;
color: #FFF;
flex-flow: row nowrap;
justify-content: space-between;
}
.jiangqie-main-genre h1 {
line-height: 50px;
font-size: 24px;
font-weight: 400;
text-indent: 25px;
}
.jiangqie-main-genre div {
font-size: 16px;
font-weight: 200;
text-indent: 25px;
}
.jiangqie-main-genre ul {
display: flex;
}
.jiangqie-main-genre ul li {
width: 100px;
text-align: center;
border-right: 1px dotted #EEE;
}
.jiangqie-main-genre ul li:last-child {
border: none;
}
.jiangqie-main-genre ul li text {
display: block;
font-size: 13px;
font-weight: 200;
color: #FFF;
}
.jiangqie-main-genre ul li strong {
display: block;
padding-top: 14px;
font-size: 20px;
font-weight: 500;
color: #FFF;
}
.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: 300px;
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;
}
.jiangqie-base-nav {
height: 4em;
line-height: 3em;
font-size: 13px;
font-weight: 200;
color: #7F7F7F;
}
.jiangqie-base-nav a {
color: #7F7F7F;
}
.jiangqie-base-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;
font-weight: 200;
}  .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: 22px;
font-weight: 400;
line-height: 1.4em;
}  .content-wrap {
}
.content-author {
border-bottom: 1px solid #eee;
}
.content-author h1 {
line-height: 2em;
font-size: 20px;
font-weight: 500;
padding-bottom: 10px;
}
.content-author .jiangqie-simple-info {
height: 3em;
line-height: 2em;
font-size: 14px;
} .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;
}
.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 nav, aside .aside-block nav {
height: auto;
}
.content-view nav li, aside .aside-block nav li {
padding: 3px 0;
}
.content-view p video {
width: 100%;
}
aside .aside-block nav li ul {
padding-left: 20px;
} h3 span.ez-toc-section:target, h4 span.ez-toc-section:target, h5 span.ez-toc-section:target, h6 span.ez-toc-section:target { padding-top: 120px; } div.ez-toc-widget-container li, .ez-toc-title {
font-weight: 500;
}
div.ez-toc-widget-container li li a {
font-size: 12px;
opacity: .8;
font-weight: 400;
} .content-view p {
font-size: 14px;
line-height: 2.5em;
margin-bottom: 10px;
color: #333333;
font-weight: 400;
}
.content-view p img {
max-width: 100%;
height: auto;
}
.content-view p img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.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-foot {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;	
}
.content-nav {
padding: 20px 4px 0;
margin-bottom: 20px;
}
.content-block {
}
.content-opt {
}
.content-opt-list {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
flex-wrap: wrap;
}
.content-opt-list li {
padding: 5px 5px;
}
.content-opt-list li a {
display: block;
height: 40px;
width: 40px;
border-radius: 50%;
overflow: hidden;
}
.content-opt-list li a img{
height: 100%;
width: 100%;
object-fit: cover;
}
.content-opt-wap {
display: flex;
justify-content: center;
align-items: center;
}
.content-opt-wap a {
display: block;
height: 36px;
line-height: 36px;
width: 100px;
margin: 10px;
text-align: center;
border-radius: 3px;
color: #999;
font-size: 12px;
font-weight: 200;
position: relative;
background: #F3F3F3;
}
.content-opt-wap a:hover {
background: #00C167;
}
.content-opt-wap a .fa {
font-size: 1.2em;
}
.content-opt-wap a:hover .fa, .content-opt-wap a:hover {
color: #FFF;
}
.content-opt-zan-on:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: -10px;
left: 50%;
margin-left: -10px;
background: linear-gradient(135deg, transparent 0, transparent 50%, #F3F3F3 50%, #F3F3F3 50%, #F3F3F3 100%) left top / 50% 50% no-repeat,
linear-gradient(225deg, transparent 0, transparent 50%, #F3F3F3 50%, #F3F3F3 50%, #F3F3F3 100%) right top / 50% 50% no-repeat; 
}
.content-opt-zan-on:hover:before {
background: linear-gradient(135deg, transparent 0, transparent 50%, #00C167 50%, #00C167 50%, #00C167 100%) left top / 50% 50% no-repeat,
linear-gradient(225deg, transparent 0, transparent 50%, #00C167 50%, #00C167 50%, #00C167 100%) right top / 50% 50% no-repeat; 
} 
.content-pay-lock {
padding: 20px;
text-align: center;
}
.content-pay-lock p {
font-size: 13px;
font-weight: 200;
color: #999;
line-height: 40px;
height: 40px;
}
.content-pay-lock p a {
height: 36px;
line-height: 36px;
padding: 0 50px;
border-radius: 30px;
background-color: #00C167;
color: #FFF;
margin: 0 auto;
font-weight: 200;
display: inline-block;
}
.content-pay-lock p a:hover {
background-color: #00A056;
}
.content-wechat-lock {
text-align: center;
margin: 20px 0;
padding: 10px;
border: 1px dotted #CCC;
border-radius: 10px;
}
.content-wechat-lock img {
height: 160px;
width: 160px;
margin: 10px auto;
}
.content-wechat-lock p {
font-size: 13px;
font-weight: 200;
color: #999;
line-height: 40px;
height: 40px;
}
.content-block h6 {
height: 2em;
line-height: 2em;
font-size: 16px;
}
.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;
}
.content-comment-item {
border-top: 1px solid #EEE;
padding: 20px 0;
}
.content-comment-item:first-of-type {
padding-top: 0;
border-top: 0;
}
.content-comment-item .jiangqie-simple-info {
font-size: 13px;
margin-bottom: 10px;
font-weight: 200;
}
.content-comment-info {
padding-left: 36px;
}
.content-comment-text {
font-size: 12px;
font-weight: 400;
color: #333;
line-height: 1.4em;
}
.content-comment .children {
padding: 20px;
background-color: #F9F9F9;
border-radius: 4px;
margin-bottom: 20px;
margin-left: 40px;
position: relative;
}
.content-comment .children:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
top: -8px;
left: 24px;
background: linear-gradient(135deg, transparent 0, transparent 50%, #F9F9F9 50%, #F9F9F9 50%, #F9F9F9 100%) left top / 50% 50% no-repeat,
linear-gradient(225deg, transparent 0, transparent 50%, #F9F9F9 50%, #F9F9F9 50%, #F9F9F9 100%) right top / 50% 50% no-repeat; 
}
.content-comment .children .content-comment-item{
border-left-color: #DDD;
}
.content-comment .children .content-comment-item:first-child {
padding-top: 0;
}
.content-comment .children .content-comment-item:last-child {
border-bottom: none;
padding-bottom: 0;
} .jiangqie-side-control {
position: fixed;
top: 260px;
width: 50px;
margin-left: -60px;
text-align: center;
}
.jiangqie-side-control ul {
width: 46px;
text-align: center;
}
.jiangqie-side-control li {
width: 46px;
margin-bottom: 20px;
}
.jiangqie-side-control a {
display: block;
height: 46px;
width: 46px;
line-height: 46px;
border-radius: 50%;
overflow: hidden;
background-color: #FFF;
box-shadow: 0 5px 10px -4px rgba(79,125,183,.3);	
}
.jiangqie-side-control a:hover {
background-color: #00C167;
}
.jiangqie-side-control .fa {
color: #CCC;
font-size: 1.3em;
line-height: 46px;
}
.jiangqie-side-control a:hover .fa {
color: #FFF;
}
.jiangqie-side-control p {
padding-top: 14px;
font-size: 13px;
color: #888;
font-weight: 200;
} .content-opt-check .fa{
color: #00A056;
}
.content-opt-check:hover .fa {
color: #FFF;
}       .jiangqie-search-form, .jiangqie-search-block {
display: flex;
height: 40px;
min-width: 18%!important;
border-radius: 2px;
}
.jiangqie-search-form .jiangqie-search-data, .jiangqie-search-block .jiangqie-search-data {
width: 100%;
height: 100%;
padding: 0 10px;
color: #333;
font-size: 12px;
font-weight: 200;
background: none;	
}
aside .jiangqie-search-block .jiangqie-search-data {
border: 1px solid #EEE;
}
.jiangqie-search-form .jiangqie-search-data:focus, .jiangqie-search-block .jiangqie-search-data:focus {
border-color: #00C167;
}
.jiangqie-search-form button, .jiangqie-search-block button {
padding: 0 15px;
color: #fff;
width: 64px;
line-height: 34px;
font-size: 12px;
background: #00C167;
border: none;
border-radius: 0 2px 2px 0;
cursor: pointer;
}  .jiangqie-recom-list {
padding-top: 10px;
}
.jiangqie-recom-list li {
display: flex;
height: 68px;
padding: 10px 0;
border-bottom: 1px dotted #ddd;
}
.jiangqie-recom-list li:first-child {
height: 58px;
padding-top: 0;
}
.jiangqie-recom-list li:last-child {
border-bottom: 0;
}
.jiangqie-recom-avatar {
-webkit-box-flex: 0;
-webkit-flex: 0 0 48px;
-ms-flex: 0 0 48px;
flex: 0 0 48px;
height: 48px;
width: 48px;
}
.jiangqie-recom-avatar img {
height: 100%;
width: 100%;
border-radius: 50%;
object-fit: cover;
}
.jiangqie-recom-info {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 14px;
}
.jiangqie-recom-info h6 {
font-size: 14px;
font-weight: 400;
height: 30px;
line-height: 30px;
}
.jiangqie-recom-info h6 img {
height: 16px;
width: 16px;
margin-left: 2px;
vertical-align: middle;
}
.jiangqie-recom-info p {
font-size: 12px;
font-weight: 200;
color: #7f7f7f;
height: 18px;
line-height: 18px;
}  .jiangqie-side-timeline {
position: relative;
border-color: rgba(135, 150, 165, 0.1);
padding: 0;
margin: 0;
}	
.jiangqie-side-timeline-item {
border-radius: 2px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.jiangqie-side-timeline-item em {
position: relative;
border-color: #D6F4E5;
padding: 0 .5rem;
}
.jiangqie-side-timeline-item em::before, .jiangqie-side-timeline-item em::after{
content: '';
position: absolute;
border-color: inherit;
border-width: 1px;
border-style: solid;
border-radius: 50%;
width: 6px;
height: 6px;
top: 17px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);	
}
.jiangqie-side-timeline-item em::before {
border-color: #00C167;
}
.jiangqie-side-timeline-item em::after {
width: 0;
height: auto;
top: 27px;
bottom: -15px;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
border-radius: 0;	
}
.jiangqie-side-timeline-item:last-child em:after {
display: none;
}
.jiangqie-side-timeline-item.active em:before {
border-color: #00C167;
-webkit-box-shadow: 0 0 0px 4px #D6F4E5;
box-shadow: 0 0 0px 4px #D6F4E5;
background-color: #B3EACF;
top: 21px;
}
.jiangqie-side-timeline-body {
display: flex;
border-bottom: 1px dotted #DDD;
margin-left: 10px;
padding-top: 10px;
}
.jiangqie-kuaixun {
width: 80%;
margin: 0 auto;
}
.jiangqie-kuaixun .jiangqie-side-timeline-body, .jiangqie-kuaixun .jiangqie-side-timeline-content {
width: 100%;
}
.jiangqie-kuaixun .jiangqie-simple-info {
text-align: right;
font-weight: 200;
font-size: 12px;
}
.jiangqie-kuaixun .jiangqie-simple-info cite {
margin: 0 5px;
}
.jiangqie-kuaixun .jiangqie-simple-info a {
color: #00C167;
}
.jiangqie-side-timeline-item:last-child .jiangqie-side-timeline-body {
border-bottom: none;
}
.jiangqie-side-timeline-body strong {
padding: .5em 0 0;
display: block;
font-size: 11px;
color: #00C167;
}
.jiangqie-side-timeline-item.active .jiangqie-side-timeline-body strong {
font-weight: 600;
font-size: 15px;
padding-bottom: .5em;
padding-top: .4em;
}
.jiangqie-side-timeline-item.active em::after{
top: 35px;
bottom: -15px;
}
.jiangqie-side-timeline-item.active .jiangqie-side-timeline-body {
border: none;
}
.jiangqie-side-timeline-content {
padding: 0 0 1rem 1rem;			
}
.jiangqie-side-timeline-content h3 {
font-size: 14px;
font-weight: 500;
color: #333;
line-height: 1.8em;
}
.jiangqie-side-timeline-content p, .jiangqie-side-timeline-content p a {
font-size: 13px;
color: #7f7f7f;
font-weight: 300;
line-height: 1.8em;
}  .jiangqie-top-bg {
background-position: center 50%;
}
.jiangqie-main-search {
width: 60%;
padding: 80px;
margin: 0 auto;	
}
.jiangqie-main-search h1 {
padding: 20px 0 40px;
text-align: center;
font-size: 24px;
font-weight: 400;
color: #FFF;
}
.jiangqie-main-search .jiangqie-search-form {
height: 50px;
display: flex;
background-color: #FFF;
border-radius: 2px;
}
.jiangqie-search-form button {
border-radius: 0 2px 2px 0;
}
.jiangqie-main-search .jiangqie-search-form .jiangqie-search-data {
font-size: 15px;
}
.jiangqie-main-search .jiangqie-search-form button {
width: 94px;
}
.jiangqie-search-tag {
margin: 40px 0 20px;
height: 40px;
line-height: 40px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jiangqie-search-tag a {
font-size: 13px;
font-weight: 200;
color: #FFF;
margin: 0 12px;
}  .jiangie-simple-page {
}
.jiangie-simple-page .jiangqie-simple-menu, .jiangie-simple-page .jiangqie-simple-box {
min-height: 500px;
}
.jiangqie-simple-box {
border-radius: 4px;
background: #FFF;
padding: 22px;
}
.jiangqie-simple-box h1 {
height: 4em;
line-height: 3em;
border-bottom: 1px solid #EEE;
}
.jiangqie-simple-text {
padding: 22px 0;
}
.jiangqie-simple-text p {
line-height: 2.5em;
font-size: 14px;
font-weight: 400;
color: #333;
margin-bottom: 8px;
}
.jiangqie-simple-text img {
max-width: 100%;
height: auto;
}
.jiangqie-simple-text strong {
font-weight: 600;
}
.jiangqie-simple-menu ul {
padding: 0 16px;
}
.jiangqie-simple-menu li {
padding: 22px 0;
border-bottom: 1px dotted #DDD;
}
.jiangqie-simple-menu a {
display: block;
margin-left: -10px;
border-left: 3px solid #FFF;
padding-left: 10px;
font-size: 14px;
line-height: 18px;
height: 18px;
}
.jiangqie-simple-menu a:hover, .jiangqie-simple-menu a.jiangqie-simple-active  {
border-left-color: #00C167;
color: #00C167;
}
.jiangqie-simple-text hr {
margin: 16px auto;
border: 0;
height: 1px;
background:#EEE;
}  .jiangqie-tag {
padding: 0 10px;
}
.jiangqie-tag .jiangqie-user-recom ul{
padding: 10px;
}
.jiangqie-tag .jiangqie-user-recom ul li, .jiangqie-user .jiangqie-user-recom ul li {
margin: 1%;
transition: all 0.3s ease;	
}
.jiangqie-tag .jiangqie-user-recom ul li:hover, .jiangqie-user .jiangqie-user-recom ul li:hover {
margin-top: 0.5%;
transition: all 0.3s ease;	
}
.jiangqie-mini-recom ul li{
transition: all 0.3s ease;	
}
.jiangqie-mini-recom ul li:hover {
margin-top: -2px;
transition: all 0.3s ease;	
}  .jiangqie-user-home-head {
}
.jiangqie-user-data {
height: 260px;
}
.jiangqie-user-data ul {
display: flex;
justify-content: center;
flex-direction: row;
padding-top: 204px;
}
.jiangqie-user-data li {
width: 200px;
text-align: center;
color: #FFF;
}
.jiangqie-user-data li:nth-child(2){
padding-right: 120px;
}
.jiangqie-user-data li:nth-child(3){
padding-left: 120px;
}
.jiangqie-user-data h6 {
font-size: 13px;
font-weight: 200;
height: 1.2em;
line-height: 1.2em;
}
.jiangqie-user-data p {
font-size: 24px;
font-weight: 500;
line-height: 1.2em;
height: 1.2em;
}
.jiangqie-user-intro {
background: #FFF;
text-align: center;
padding-top: 60px;
}
.jiangqie-user-intro .container {
position: relative;
}
.jiangqie-user-intro .container div {
height: 110px;
width: 110px;
text-align: center;
top: -120px;
position: absolute;
left: 50%;
margin-left: -55px;
border-radius: 50%;
}
.jiangqie-user-intro div img {
height: 100%;
width: 100%;
border-radius: 55px;
object-fit: cover;
}
.jiangqie-user-intro div img.jiangqie-user-vip {
height: 24px;
width: 24px;
border-radius: 0;
position: absolute;
z-index: 5;
bottom: 3px;
right: 7px;
}
.jiangqie-user-intro h1 {
height: 40px;
line-height: 50px;
font-size: 24px;
font-weight: 500;
color: #333;
}
.jiangqie-user-intro h6 {
height: 30px;
line-height: 30px;
font-weight: 200;
font-size: 13px;
color: #999;
}
.jiangqie-user-intro p {
height: 30px;
line-height: 40px;
font-weight: 200;
font-size: 13px;
color: #333;
}
.jiangqie-user-intro ul {
padding: 20px 20px 30px;
display: flex;
justify-content: center;
flex-direction: row;
}
.jiangqie-user-intro li {
margin: 0 10px;
}
.jiangqie-user-intro li a {
font-size: 13px;
font-weight: 200;
display: block;
height: 36px;
width: 90px;
line-height: 36px;
border-radius: 3px;
background: #F3F3F3;
color: #888;
}
.jiangqie-user-intro li a:hover {
background: #00C167;
color: #FFF;
}
.jiangqie-user-home {
width: 80%;
margin: 0 auto;
}
.jiangqie-user-home .jiangqie-article-list {
min-height: 400px;
}
.jiangqie-user-home .jiangqie-tab_nav {
justify-content: center;
flex-direction: row;
}
.jiangqie-user-home .jiangqie-article-list .simple-left-img {
-webkit-flex: 0 0 24.3%;
-ms-flex: 0 0 24.3%;
flex: 0 0 24.3%;
width: 24.3%;
height: 120px;
}
.jiangqie-user-home .jiangqie-article-list .simple-left-img a, .jiangqie-user-home .jiangqie-article-list .simple-left-img a img {
height: 120px;
}
.jiangqie-user-list {
}
.jiangqie-user-list-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
padding: 20px 0;
border-bottom: 1px dotted #ddd;
}
.jiangqie-user-list-avatar {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
height: 80px;
}
.jiangqie-user-list-avatar a {
display: block;
height: 80px;
width: 80px;
border-radius: 50%;
}
.jiangqie-user-list-avatar img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 50%;
}
.jiangqie-user-list-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.jiangqie-user-list-content h4 {
}
.jiangqie-user-list-content h4 a {
font-size: 500;
font-size: 16px;
}
.jiangqie-user-list-content h4 .jiangqie-user-vip {
height: 20px;
width: 20px;
vertical-align: bottom;
}
.jiangqie-user-list-content p {
font-weight: 200;
font-size: 14px;
color: #999;
padding-top: 10px;
}
.jiangqie-user-list-content cite {
float: right;
margin-top: -40px;
height: 30px;
line-height: 30px;
width: 80px;
text-align: center;
font-size: 12px;
color: #999;
}
.jiangqie-user-list-content cite a {
display: block;
color: #999;
border-radius: 30px;
border: 1px solid #EEE;
}
.jiangqie-user-list-content cite a:hover {
border-color: #00C167;
color: #00C167;
}
@media (max-width:568px) {
.jiangqie-minifoot {
text-align: center;
}
.jiangqie-minifoot-links {
margin-bottom: 20px;
height: auto;
}
.jiangqie-minifoot .jiangqie-main-footer-links {
text-align: center;
float: none;
}
.jiangqie-minifoot .jiangqie-main-footer-copyinfo {
text-align: center;
}
.jiangqie-main-footer-copyinfo text {
display: block;
margin-top: 0.4em;
}
.jiangqie-main-footer .column {
text-align: center;
}
.jiangqie-foot-barcode ul li p {
width: auto;
}
.jiangqie-max-ad .container {
padding: 30px 16px;
text-align: center;
display: block;
}
.jiangqie-max-ad-btn {
padding: 20px 0 0;
justify-content: center;
flex-direction: row;
}
.jiangqie-app-foot {
display: block;
z-index: 29;
}
article .jiangqie-timeline .jiangqie-simple-left-side {
min-height: 170px!important;
}
article .jiangqie-simple-item .jiangqie-simple-user p cite {
display: none;
}
article .jiangqie-simple-item .simple-content h2+p {
display: none;
}
.jiangqie-article-list {
padding: 14px;
}
article .jiangqie-article-list .simple-content h2 {
height: auto;
line-height: 30px;
margin-bottom: 10px;
}
article .jiangqie-article-list .simple-content h2 strong {
line-height: 24px;
}
article .jiangqie-simple-item .jiangqie-simple-info cite {
margin-left: 0;
}
footer {
padding-bottom: 100px;
}
.jiangqie-main-search .jiangqie-search-form .jiangqie-search-data {
text-align: center;
}
.jiangqie-search-tag {
margin: 0 8px;
}
.jiangqie-main-footer .jiangqie-foot-about {
padding: 30px 20px!important;
}
.jiangqie-main-footer-copyinfo a:nth-child(2) {
display: block;
margin-top: 10px;
}
.jiangqie-main-footer-copyinfo a img {
height: 12px;
width: 12px;
}
.jiangqie-user-home {
width: 100%;
}
.jiangqie-user-home .jiangqie-article-list .simple-left-img {
-webkit-flex: 0 0 33.3%;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
width: 33.3%;
}
.jiangqie-user-home .jiangqie-article-list .simple-left-img a, .jiangqie-user-home .jiangqie-article-list .simple-left-img, .jiangqie-user-home .jiangqie-article-list .simple-left-img a img {
height: 90px;
}	
.jiangqie-main-search {
width: 96%;
padding: 20px 40px 40px;
}
.jiangqie-main-search h1 {
font-size: 22px;
}
.jiangqie-search-tag a {
margin: 0 8px;
}
.jiangqie-tab_nav {
overflow: scroll;
overflow-x: auto;
overflow-y: hidden;
}
.jiangqie-tab_nav::-webkit-scrollbar {
display: none;
}
.jiangqie-icon-nav {
display: block;
}
.jiangqie-tab_nav li {
margin: 0 10px;
}
.jiangqie-lb-item > a > div {
padding: 10px;
position: absolute;
margin-top: -100px;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));
}
.jiangqie-lb-item > a > div > h2 {
border-left: none;
color: #FFF;
}
.jiangqie-lb-box {
height: 220px;
}
.jiangqie-lb-sign {
bottom: 30px;
left: 12px;
}
.jiangqie-lb-ctrl {
font-size: 10px;
}
.jiangqie-lb-item > a > div > p {
display: none;
}
.jiangqie-base-list {
padding: 12px;
}
.jiangqie-base-mini {
background: none;
padding: 0;
}
.jiangqie-base-mini .jiangqie-easy-item:first-child{
width: 59%;
}
.jiangqie-base-mini .jiangqie-easy-item:last-child, .jiangqie-base-mini .jiangqie-easy-item:nth-child(2) {
width: 40%;
height: 77px;
padding-left: 0;
padding-right: 6px;
}
.jiangqie-base-mini .md-4:last-child {
position: absolute;
right: 4px;
bottom: 0;
padding-right: 6px;
}
.jiangqie-base-mini .jiangqie-easy-item figure {
height: 160px;
}
.jiangqie-base-mini .jiangqie-easy-item:last-child figure, .jiangqie-base-mini .jiangqie-easy-item:nth-child(2) figure {
height: 77px;
}
.jiangqie-base-mini .jiangqie-easy-item figcaption {
margin-top: -30px;
}
.jiangqie-base-mini .jiangqie-easy-item figcaption h3 {
padding: 0 8px;
height: 30px;
line-height: 30px;
position: relative;
}
.jiangqie-base-mini .jiangqie-easy-item figcaption a {
color: #FFF;
}
.jiangqie-main-search .jiangqie-search-form {
border: none;
margin-bottom: 20px;
}
.jiangqie-recommend .md-4 {
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.content-author .jiangqie-simple-info {
font-size: 0;
height: 44px;
line-height: 44px;
}
.content-author .jiangqie-simple-info a, .content-author .jiangqie-simple-info cite {
font-size: 12px;
}
.jiangqie-article-list .simple-left-img {
-webkit-flex: 0 0 32%;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
width: 32%;
height: 120px;
}
.jiangqie-article-list .jiangqie-simple-left-side .simple-content {
margin-left: 10px;
}
.jiangqie-article-list .simple-left-img a, .jiangqie-article-list .simple-left-img a img {
height: 90px;
}
.jiangqie-mini-recom ul {
margin-left: -12px;
}
.jiangqie-simple-info cite {
display: none;
}
.content-author .jiangqie-simple-info cite:nth-child(2), .content-author .jiangqie-simple-info cite:nth-child(5), .content-author .jiangqie-simple-info cite:nth-child(6){
display: inline-block;
}
.jiangqie-double-image .jiangqie-simple-info cite:nth-child(1), .jiangqie-timeline .jiangqie-simple-info cite:nth-child(1),  .jiangqie-timeline .jiangqie-simple-info cite:nth-child(2) {
display: inline-block;
}
.jiangqie-double-image .jiangqie-simple-info cite:nth-child(1), .jiangqie-timeline .jiangqie-simple-info cite:nth-child(1),  .jiangqie-timeline .jiangqie-simple-info cite:nth-child(2) {
display: inline-block;
}
.jiangqie-simple-left .jiangqie-simple-info cite:nth-child(1), .jiangqie-simple-left .jiangqie-simple-info cite:nth-child(3), .jiangqie-simple-left .jiangqie-simple-info cite:nth-child(4){
display: inline-block;
}
.jiangqie-mix-list .jiangqie-simple-left-side .jiangqie-simple-info cite:nth-child(3), .jiangqie-mix-list .jiangqie-simple-left-side .jiangqie-simple-info cite:nth-child(4),
.jiangqie-mix-list .jiangqie-three-img .jiangqie-simple-info cite:nth-child(3), .jiangqie-mix-list .jiangqie-three-img .jiangqie-simple-info cite:nth-child(4),
.jiangqie-mix-list .jiangqie-max-img .jiangqie-simple-info cite:nth-child(4), .jiangqie-mix-list .jiangqie-max-img .jiangqie-simple-info cite:nth-child(3)
{
display: inline-block;
}
.jiangqie-article-list .jiangqie-max-img .simple-img, .jiangqie-article-list .jiangqie-max-img .simple-img a, .jiangqie-article-list .jiangqie-max-img .simple-img a img {
height: 140px;
}
.jiangqie-article-list .simple-img, .jiangqie-article-list .simple-img a, .jiangqie-article-list .simple-img a img {
height: 90px;
}
.jiangqie-double-image .jiangqie-max-img .jiangqie-simple-info {
margin-bottom: 0;
}
.jiangqie-double-image .jiangqie-max-img:nth-child(even) {
padding-left: 0;
}
article .jiangqie-user-recom ul::-webkit-scrollbar {
display: none;
}
article .jiangqie-user-recom ul li {
display: inline-block;
}
.widgetRoller {
display: none!important;
}
.jiangqie-max-ad-info h2 {
height: auto;
}
.jiangqie-main-footer-links a {
margin: 0 8px;
height: 32px;
width: 32px;
border-radius: 32px;
}
.jiangqie-main-footer-links a i {
line-height: 32px;
}
.jiangqie-login-btn {
display: none;
}
.jiangqie-kuaixun {
width: 95%;
}
.jiangqie-kuaixun .jiangqie-simple-info a {
margin-right: 0;
}
.jiangqie-user-recom {
padding: 16px 10px 10px;
}
.jiangqie-user-recom h4 {
margin: 0 10px;
}
.jiangqie-genre .jiangqie-article-list {
padding: 0 14px;
}
.jiangqie-genre .jiangqie-article-list ul {
margin-top: -10px;
}
.jiangqie-main-genre ul {
display: none;
}
.content-comment .children .children {
margin: 0;
padding: 0;
}
.article-index aside, .jiangqie-single aside, .jiangtie-genre aside {
display: none;
}
.jiangqie-minifoot-links ul {
float: none;
margin-bottom: 20px;
}
.jiangqie-double-image .jiangqie-max-img {
width: 100%;
padding-right: 0;
}
.lb-easy .jiangqie-lb-item > a > img, .jiangqie-lb-item > a > img {
height: 100%;
}
}  .jiangqie-album-box {
padding: 0 10px;
}
.jiangqie-album {
padding: 15px;
background: #FFF;
border-radius: 4px;
}
.jiangqie-ablum-list {
display: flex;
padding: 20px 0;
border-bottom: 1px dotted #CCC;
}
.jiangqie-ablum-list:last-child {
border: none;
}
.jiangqie-ablum-info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;		
}
.jiangqie-ablum-cover {
-webkit-box-flex: 0;
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 50%;
}
.jiangqie-ablum-cover img {
height: 100%;
width: 100%;
border-radius: 50%;
object-fit: cover;
}
.jiangqie-album-text {
margin-left: 16px;
width: 75%;
}
.jiangqie-album-text h2 {
font-size: 16px;
font-weight: 500;
padding-bottom: 10px;
}
.jiangqie-album-text h2 em {
font-size: 13px;
font-weight: 300;
color: #7F7F7F;
}
.jiangqie-album-text p {
font-size: 13px;
font-weight: 200;
color: #333;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jiangqie-album-item {
}
.jiangqie-album-item ul {
display: flex;	
}
.jiangqie-album-item li {
max-width: 33.333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333%;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
padding-left: 14px;
}
.jiangqie-album-item li a {
display: block;
height: 130px;
width: 100%;
overflow: hidden;
position: relative;
border-radius: 4px;
}
.jiangqie-album-item li a img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 4px;
}
.jiangqie-album-item li a p {
height: 30px;
line-height: 24px;
padding: 0 10px;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));
color: #FFF;
font-size: 13px;
font-weight: 400;
width: 100%;
z-index: 2;
bottom: 0;
position: absolute;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 0 0 4px 4px;
}
@media (max-width:568px) {
.jiangqie-album {
padding: 10px;
}
.jiangqie-ablum-info {
padding: 0;
}
.jiangqie-ablum-list {
display: inherit;
}
.jiangqie-ablum-cover {
-webkit-box-flex: 0;
-webkit-flex: 0 0 56px;
-ms-flex: 0 0 56px;
flex: 0 0 56px;
width: 56px;
height: 56px;
}
.jiangqie-album-text {
margin-left: 10px;
}
.jiangqie-album-item {
margin-top: 20px;
padding: 0;
}
.jiangqie-album-item ul {
overflow: scroll;
overflow-x: auto;
overflow-y: hidden;
}
.jiangqie-album-item ul::-webkit-scrollbar {
display: none;
}
.jiangqie-album-item li {
max-width: 46%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 46%;
-ms-flex: 0 0 46%;
flex: 0 0 46%;
padding: 0 2px;
}
.jiangqie-main-genre h1, .jiangqie-main-genre div {
text-indent: 0;
padding: 5px 10px;
}
.jiangqie-main-genre div.jiangqie-kuaixun {
padding: 0;
}
.jiangqie-news-flash h6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 90px;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
width: 90px;
padding-left: 10px;
}
.jiangqie-news-flash li {
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}  .jiangie-site-nav, .jiangie-my-info {
}
.jiangqie-site-menu, .jiangqie-my-menu {
padding: 0;
padding-bottom: 20px;
display: flex; background: none;
}
.jiangqie-my-menu-bg {
background: #FFF;
width: 100%;
border-radius: 4px;
}
.jiangqie-my-baseinfo {
padding: 30px 10px;
border-bottom: 8px solid #f3F3F3;
text-align: center;
}
.jiangqie-my-baseinfo div {
position: relative;
height: 80px;
width: 80px;
border-radius: 50%;
margin: 0 auto;
}
.jiangqie-my-baseinfo h5 {
height: 30px;
line-height: 36px;
color: #BBB;
font-size: 10px;
font-weight: 200;
}
.jiangqie-my-baseinfo div img {
height: 100%;
width: 100%;
border-radius: 50%;
object-fit: cover;
cursor: pointer;
}
.jiangqie-my-baseinfo div img.jiangqie-user-vip {
height: 24px;
width: 24px;
border-radius: 0;
position: absolute;
z-index: 5;
bottom: 0px;
right: 4px;
}
.jiangqie-my-baseinfo h1 {
height: 50px;
line-height: 50px;
font-size: 20px;
font-weight: 500;
color: #333;
}
.jiangqie-my-baseinfo h6 {
height: 40px;
line-height: 40px;
font-weight: 200;
font-size: 13px;
color: #999;
}
.jiangqie-my-baseinfo p {
height: 32px;
line-height: 32px;
font-weight: 200;
font-size: 12px;
display: inline-flex;
margin-top: 6px;
}
.jiangqie-my-baseinfo p a {
width: 70px;
border: 1px solid #00C167;
color: #00C167;
border-radius: 4px;
margin: 0 4px;
}
.jiangqie-my-baseinfo p a:hover {
background-color: #00C167;
color: #FFF;
}
.jiangqie-site-menu ul, .jiangqie-my-menu ul {
width: 100%;
border-radius: 4px;
padding: 0 20px;
}
.jiangqie-site-menu ul li, .jiangqie-my-menu ul li {
height: 60px;
line-height: 60px;
padding: 0 20px;
}
.jiangqie-site-menu ul li a, .jiangqie-my-menu ul li a {
display: block;
border-bottom: 1px dotted #DDD;
font-size: 14px;
font-weight: 400;
}
.jiangqie-my-menu ul li a {
position: relative;
}
.jiangqie-my-menu ul li a:hover::before, a.jiangqie-my-active::before {
border-left: 3px solid #00C167;	
content: ' ';
height: 1em;
position: absolute;
top: 23px;
left: -12px;	
}
a.jiangqie-my-active {
color: #00C167;
}
.jiangqie-site-menu ul li a.jiangqie-site-active, .jiangqie-site-menu ul li a:hover {
color: #00C167;
}
.jiangqie-site-menu ul li:last-child a, .jiangqie-my-menu ul li:last-child a  {
border:none;
}
.jiangqie-site-box, .jiangqie-my-box {
padding: 15px;
background: #FFF;
border-radius: 4px;
min-height: 150px;
}
.jiangqie-site-box h3, .jiangqie-my-box h3 {
padding: 10px 10px 20px;
font-size: 14px;
font-weight: 500;
}
.jiangqie-site-box h2 em, .jiangqie-my-box h2 em {
font-size: 13px;
font-weight: 200;
color: #7f7f7f;
}
.jiangqie-my-box h3 {
border-bottom: 1px dotted #DDD;
}
.jiangqie-my-box .jiangqie-article-list {
padding: 0;
}
.jiangqie-my-box .jiangqie-article-list .jiangqie-tab_nav {
flex-direction: row;
background-color: #F9F9F9;
}
.jiangqie-my-box .jiangqie-tab_nav li {
border-color: #F9F9F9;
}
.jiangqie-my-box .jiangqie-article-list .simple-content h2 {
padding-right: 50px;
}
.jiangqie-my-box .jiangqie-article-list .simple-content h2 cite {
float: right;
margin-right: -50px;
}
.jiangqie-my-box .jiangqie-article-list .simple-content h2 cite a {
font-size: 12px;
font-weight: 200;
color: #00C167;
padding: 4px 10px;
height: 1em;
line-height: 1em;
border: 1px solid #00C167;
border-radius: 2px;
}
.jiangqie-my-box .jiangqie-article-list .simple-content h2 cite a:hover {
color: #FFF;
background-color: #00C167;
} .jiangqie-site-link {
}
.jiangqie-site-link ul {
display: flex;
flex-wrap: wrap;
}
.jiangqie-site-link li {
max-width: 31.333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 31.333%;
-ms-flex: 0 0 31.333%;
flex: 0 0 31.333%;
margin: 0 1% 20px;
border: 1px solid #EEE;
border-radius: 4px;
padding: 10px;
}
.jiangqie-site-link li:hover {
border-color: #00C167;
cursor: pointer;
}
.jiangqie-site-link li a{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
}
.jiangqie-site-icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 52px;
-ms-flex: 0 0 52px;
flex: 0 0 52px;
height: 52px;
width: 52px;
overflow: hidden;
} 
.jiangqie-site-icon img{
width: 100%;
height: 100%;
border-radius: 26px;
object-fit: cover;
}
.jiangqie-site-info {
margin-left: 10px;
width: 75%;
}
.jiangqie-site-info h4 {
font-size: 14px;
font-weight: 500;
padding-bottom: 6px;
}
.jiangqie-site-info p {
font-size: 13px;
font-weight: 200;
color: #7f7f7f;
height: 1em;
line-height: 1em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jiangqie-site-ac {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.jiangqie-site-ac:hover {
transform: translateY(-4px);
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
box-shadow: 0 20px 32px -18px rgba(79,125,183,.3);
-webkit-box-shadow: 0 20px 32px -18px rgba(79,125,183,.3);
-moz-box-shadow: 0 20px 32px -18px rgba(79,125,183,.3);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.jiangqie-site-text {
padding: 10px;
}
.jiangqie-site-text p {
font-size: 13px;
line-height: 1.8em;
font-weight: 200;
padding-bottom: 6px;
color: #7f7f7f;
}
.jiangqie-site-text-mob {
display: none;
}
.jiangqie-site-ac a:hover {
color: #7f7f7f;
}
.jiangqie-site-ac a .jiangqie-site-info h4 {
color: #333;
}
.jiangqie-site-ac a:hover .jiangqie-site-info h4 {
color: #00C167;
}
.jiangqie-site-intro {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
padding: 0 10px;
}
.jiangqie-site-big-icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
height: 120px;
width: 120px;
border-radius: 4px;
overflow: hidden;
}
.jiangqie-site-big-icon img {
height: 100%;
width: 100%;
object-fit: cover;
}
.jiangqie-site-intro .jiangqie-site-text {
padding: 20px;
}
.jiangqie-site-intro .jiangqie-site-text h3 {
font-size: 18px;
font-weight: 500;
padding-bottom: 20px;
padding-left: 0;
}
.jiangqie-site-intro .jiangqie-site-text h3 a {
font-size: 12px;
font-weight: 200;
line-height: 1em;
height: 1em;
padding: 5px 12px;
color: #FFF;
background-color: #00C167;
border-radius: 4px;
margin-left: 8px;
}
.jiangqie-site-intro .jiangqie-site-text h3 a:hover {
background: rgba(0,193,103,0.8);
} .jiangqie-form {
}
.jiangqie-form form {
padding: 20px 60px;
}
.jiangqie-form-line, .jiangqie-form-textarea, .jiangqie-form-image, .jiangqie-form-btn, .jiangqie-form-tips {
padding: 10px 0;
display: flex;
}
.jiangqie-form-textarea > div{
width: 80%;
z-index: 5;
}
.jiangqie-form-line label, .jiangqie-form-textarea label, .jiangqie-form-image label {
width: 100px;
padding-right: 16px;
text-align: right;
font-size: 14px;
font-weight: 400;
height: 44px;
line-height: 44px;
}
.jiangqie-form label em {
color: #F60;
margin-right: 8px;
}
.jiangqie-form-line input[type="text"], .jiangqie-form-line input[type="password"], .jiangqie-form-textarea textarea {
width: 80%;
height: 44px;
line-height: 44px;
border: 1px solid #EEE;
border-radius: 2px;
text-indent: 8px;
font-size: 14px;
}
.jiangqie-form-line input[type="text"]:placeholder-shown, .jiangqie-form-line input[type="password"]:placeholder-shown, .jiangqie-form-textarea textarea:placeholder-shown {
color: #AAA;
font-weight: 200;
}
.jiangqie-form-line input[type="text"]:focus, .jiangqie-form-line input[type="password"]:focus, .jiangqie-form-textarea textarea:focus {
border-color: #00C167;
} .jiangqie-form-file {
height: 44px;
line-height: 44px;
width: 80%;
border: 1px solid #EEE;
border-radius: 2px;
}
.jiangqie-form-file em{
margin-left: 10px;
font-size: 14px;
color: #888;
font-weight: 200;
}
.jiangqie-form-file strong{
margin-left: 10px;
font-size: 14px;
color: #333;
font-weight: 400;
}
.jiangqie-form-file a {
float: right;
width: 80px;
background-color: #00C167;
color: #FFF;
font-size: 13px;
font-weight: 200;
height: 42px;
line-height: 42px;
text-align: center;
}
.jiangqie-form-file a:hover {
background-color: #00A056;
}
.jiangqie-form-line select {
width: 80%;
height: 44px;
line-height: 44px;
border:1px solid #EEE; 
-moz-border-radius:2px;  
-webkit-border-radius:2px;  
border-radius:2px;
appearance: none; -moz-appearance: none;    
-webkit-appearance: none;
padding-right: 20px; 
background: url(//ruinews.com/wp-content/themes/ruinews/images/drop.png) no-repeat scroll right center transparent; background-size: 14px 14px;
background-position: 98% 50%;
font-size: 14px;
text-indent: 10px;
}
.jiangqie-form-line select:hover {
border-color: #00C167;
}
.jiangqie-form-textarea textarea {
height: 100px;
line-height: 25px;
padding: 10px;
text-indent: 0;
}
.jiangqie-my-post .jiangqie-form-textarea textarea {
height: 360px;
}
.jiangqie-form-image ul {
width: 80%;
display: flex;
}
.jiangqie-form-image ul li {
min-height: 200px;
width: 36%;
margin-right: 4%;
border: 1px dotted #DDD;
background: #F9F9F9;
text-align: center;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
justify-content: center;
}
.jiangqie-form-image ul li:last-child {
margin-right: 0;
}
.jiangqie-form-image ul li img {
width: 90%;
margin: 10px auto;
}
.jiangqie-form-image ul li p{
font-size: 12px;
}
.jiangqie-form-image ul li p:hover {
opacity: 0.7;
cursor: pointer;
}
.jiangqie-form-image ul li p img{
height: 48px;
width: 48px;
margin-bottom: 20px;
}
.jiangqie-form-image ul li p cite{
display: block;
font-size: 13px;
font-weight: 200;
color: #999;
}
.jiangqie-form-btn {
}
.jiangqie-form-btn button {
margin-left: 100px;
width: 80%;
height: 44px;
line-height: 44px;
text-align: center;
border-radius: 2px;
font-size: 14px;
color: #FFF;
background-color: #00C167;
}
.jiangqie-form-btn button:hover {
background-color: #00A056;
cursor: pointer;
}
.jiangqie-form-tips {
margin-left: 100px;
width: 80%;
height: 44px;
line-height: 44px;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
justify-content: center;
display: flex;
}
.jiangqie-form-tips text {
text-indent: 8px;
font-size: 14px;
font-weight: 200;
color: #999;
}
.jiangqie-form-tips img {
height: 26px;
width: 26px;
vertical-align: middle;
}
@media (max-width:568px) {
.jiangqie-form form {
padding: 20px 0;
}
.jiangqie-form-line label, .jiangqie-form-textarea label, .jiangqie-form-image label {
width: 110px;
}
.jiangqie-form-btn button, .jiangqie-form-tips {
margin-left: 100px;
}
.jiangqie-form-tips text {
text-indent: 0;
line-height: 1.4em;
padding-left: 10px;
}
.jiangqie-my-post .jiangqie-form-line label, .jiangqie-my-post .jiangqie-form-image label {
width: 60px;
}
.jiangqie-my-post .jiangqie-form-textarea label {
display: none;
}
.jiangqie-form-textarea > div {
width: 94%;
margin-left: 4%;
}
.jiangqie-my-post .jiangqie-form-btn button, .jiangqie-my-post .jiangqie-form-tips {
margin-left: 60px;
}
.jiangqie-form-image ul li {
min-height: 160px;
}
.jiangqie-site-link li {
max-width: 48%;
}
.jiangqie-site-info {
width: 60%;
}
.jiangqie-site-intro .jiangqie-site-text {
padding: 0 10px;
}
.jiangqie-site-intro .jiangqie-site-text h3 {
padding-bottom: 10px;
}
.jiangqie-site-intro .jiangqie-site-text h3 a {
display: block;
height: 36px;
line-height: 36px;
width: 100px;
padding: 0;
text-align: center;
margin-left: 0;
margin-top: 25px;
}
.jiangqie-user-recom ul li {
width: 31.3%;
}
.jiangqie-user .jiangqie-user-recom ul li {
padding: 10px 0;
}
.jiangqie-user-recom ul li:last-child, .jiangqie-user-recom ul li:nth-child(5) {
margin: 1%;
}
.content-author h1 {
height: auto;
line-height: 1.7em;
}
.jiangqie-tag .jiangqie-user-recom ul li {
margin: 2% 1%;
width: 48%;
} 
.jiangqie-site-menu ul, .jiangqie-my-menu ul, .jiangie-simple-page .jiangqie-simple-menu ul {
display: flex;
border-bottom: none;
overflow: scroll;
overflow-x: auto;
overflow-y: hidden;
padding: 0 5px;
}
.jiangie-simple-page .jiangqie-simple-menu {
height: 70px;
min-height: 40px;
}
.jiangqie-site-menu ul::-webkit-scrollbar, .jiangqie-my-menu ul::-webkit-scrollbar, .jiangie-simple-page .jiangqie-simple-menu ul::-webkit-scrollbar {
display: none;
}
.jiangqie-site-menu ul li, .jiangqie-my-menu ul li, .jiangie-simple-page .jiangqie-simple-menu ul li {
color: #333;
cursor: pointer;
display: flex;
position: relative;
border-bottom: none;
white-space: nowrap;
}
.jiangqie-site-menu ul li a, .jiangqie-my-menu ul li a, .jiangie-simple-page .jiangqie-simple-menu ul li a {
border-bottom: none;
}
.jiangie-simple-page .jiangqie-simple-menu ul li {
padding: 10px;
}
.jiangqie-simple-menu a:hover, .jiangqie-simple-menu a.jiangqie-simple-active {
border: none;
font-weight: 700;
}
.jiangqie-search-list .jiangqie-simple-left-side .simple-left-img {
height: 90px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
width: 30%;
}
.jiangqie-site-menu, .jiangqie-my-menu {
padding-bottom: 0;
}
.content-opt-list {
padding: 10px;
}
.content-opt-list li a {
height: 32px;
width: 32px;
}
.jiangqie-user-home .jiangqie-simple-info cite {
display: none;
}
.jiangqie-simple-info img.jiangqie-user-vip {
height: 12px;
width: 12px;
margin-top: 8px;
}
.jiangqie-user-home .jiangqie-simple-info cite:nth-child(3), .jiangqie-user-home .jiangqie-simple-info cite:nth-child(4) {
display: inline-block;
}
.jiangqie-user-home .column {
padding: 0;
}
}  .jiangie-login-page{
margin: 0 auto 20px;
display: flex;
justify-content: center;
align-items: center;
}
.jiangqie-login-container {
position: relative;
width: 810px;
height: 500px; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
border-radius: 4px;
overflow: hidden;
}
.jiangqie-login {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;	
}
.jiangqie-login-container .jiangqie-login-img{
position: relative;
width: 40%;
height: 100%; transition: .5s;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form {
position: relative;
width: 60%;
height: 100%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 40px;
transition: .5s;
}
.jiangqie-login-form form {
width: 90%;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form h2{
font-size: 18px;
font-weight: 500;
text-transform: uppercase; letter-spacing: 2px; width: 100%;
margin-bottom: 30px;
color: #333;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form input {
position: relative;
width: 100%;
padding: 16px;
background: #fcfcfc;
color: #333;
border: none;
outline:none;
box-shadow:none;
margin: 8px 0;
font-size: 14px;
letter-spacing:1px;
font-weight: 300;
border: 1px solid #DDD;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form input:focus {
border-color: #00C167;
background-color: #FFF;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form button, .jiangqie-login-container .jiangqie-login .jiangqie-login-form form input[type="submit"]  {
background: #00C167;
color:#fff;
cursor:pointer;
letter-spacing: 1px;
transition: .5s;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form input[type="submit"] {
border-color: #00C167;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form button:hover, .jiangqie-login-container .jiangqie-login .jiangqie-login-form form input[type="submit"]:hover {
background: #16b062;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form .jiangqie-login-opt {
display: flex;
padding-top: 14px;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form .jiangqie-login-opt button{
padding: 10px 30px;
width: 48%;
margin: 0;
font-size: 14px;
font-weight: 200;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-pwd form .jiangqie-login-opt button{
width: 100%;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form .jiangqie-login-opt a {
padding: 12px 10px;
width: 48%;
text-align: center;
background: #EEE;
font-size: 14px;
letter-spacing:1px;
font-weight: 200;
margin-left: 4%;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form input[type="checkbox"]{
width: 13px;
border: 1px solid #00C167;
vertical-align: middle;
margin: 0;
margin-right: 10px;
} .jiangqie-login-container .jiangqie-login .jiangqie-login-form form .jiangqie-login-tips{
position: relative;
margin-top: 20px;
font-size: 12px;
letter-spacing: 1px;
color: #555;
text-transform: uppercase;
font-weight: 300;
height: 16px;
line-height: 16px;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form .jiangqie-login-tips a{
font-weight: 400;
text-decoration: none;
color: #333;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form form .jiangqie-login-tips em {
float: right;
}
.jiangqie-login-container .jiangqie-singup {
pointer-events: none;
}
.jiangqie-login-container.active .jiangqie-singup {
pointer-events: initial;
}
.jiangqie-login-container .jiangqie-singup .jiangqie-login-form {
left: 100%;
}
.jiangqie-login-container.active .jiangqie-singup .jiangqie-login-form {
left: 0;
}
.jiangqie-login-container .jiangqie-singup .jiangqie-login-img {
left: -100%;
}
.jiangqie-login-container.active .jiangqie-singup .jiangqie-login-img {
left: 0;
}
.jiangqie-login-container .jiangqie-singin .jiangqie-login-form {
left: 0;
}
.jiangqie-login-container.active .jiangqie-singin .jiangqie-login-form {
left: 100%;
}
.jiangqie-login-container .jiangqie-singin .jiangqie-login-img {
left: 0;
}
.jiangqie-login-container.active .jiangqie-singin .jiangqie-login-img {
left: 100%;
}
.jiangqie-login-container .jiangqie-singin .jiangqie-login-pwd {
display: ;
}
@media (max-width: 991px) {
.jiangqie-login-container {
max-width: 360px;
}
.jiangqie-login-container .jiangqie-login-img {
display: none;
}
.jiangqie-login-container .jiangqie-login .jiangqie-login-form {
width: 100%;
}
}  .jiangqie-certification {
width: 80%;
margin: auto;
}
.jiangqie-certification-box {
background-color: #FFF;
border-radius: 4px;
padding-top: 30px;
}
.jiangqie-certification-box h2 {
text-align: center;
font-size: 24px;
font-weight: 500;
color: #353535;
height: 3.2em;
line-height: 3.2em;
}
.jiangqie-certification-box ul {
padding: 0 80px;
display: flex;
}
.jiangqie-certification-box ul li {
width: 25%;
text-align: center;
}
.jiangqie-certification-box ul li img{
height: 64px;
width: 64px;
}
.jiangqie-certification-box ul li p{
padding: 16px;
font-size: 13px;
font-weight: 200;
color: #555555;
}
.jiangqie-certification-box .jiangqie-form-image ul {
padding: 0;
}
.jiangqie-certification-box .jiangqie-form-image ul li {
width: 100%;
}
.jiangqie-certification-box .jiangqie-form-textarea textarea {
height: 200px;
}  .jiangqie-side-genre {
}
.jiangqie-side-genre-head {
padding-bottom: 14px;
border-bottom: 1px dotted #EEE;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;	
}
.jiangqie-side-genre-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 56px;
-ms-flex: 0 0 56px;
flex: 0 0 56px;
width: 56px;
height: 56px;
}
.jiangqie-side-genre-img img {
width: 100%;
height: 100%;
border-radius: 60%;
object-fit: cover;	
}
.jiangqie-side-genre-text {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 10px;
}
.jiangqie-side-genre-text h5 {
font-size: 15px;
height: 1em;
line-height: 1em;
font-weight: 400;
margin-bottom: 14px;
}
.jiangqie-side-genre-text p {
font-size: 13px;
font-weight: 300;
height: 1em;
line-height: 1em;
}
.jiangqie-side-genre ul {
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
padding-top: 14px;
}
.jiangqie-side-genre ul li {
width: 33.3333%;
text-align: center;
border-right: 1px solid #EEE;
height: 60px;
}
.jiangqie-side-genre ul li:last-child {
border:none;
}
.jiangqie-side-genre ul li text {
display: block;
height: 2.4em;
line-height: 2em;
font-size: 14px;
color: #999;
font-weight: 200;
}
.jiangqie-side-genre ul li strong {
display: block;
height: 1.6em;
font-size: 22px;
color: #333;
font-weight: 500;
}
.jiangqie-container-ad {
margin: 16px 0;
}
.jiangqie-container-ad a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 90px;
width: 100%;
}
.jiangqie-container-ad a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}  .jiangqie-comment-forum {
border-bottom: 1px solid #eee;
}
.jiangqie-recommend {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.jiangqie-content-post p {
font-size: 13px;
color: #333;
}
.jiangqie-comment-respond {
font-size: 13px;
margin-top: 14px;
}
.jiangqie-comment-login-tip {
padding: 20px 0;
}
.jiangqie-comment-login-tip a {
font-weight: 200;
font-size: 12px;
padding: 5px 10px;
border-radius: 2px;
background: #00C167;
color: #FFF;
margin: 0 8px;
}
.jiangqie-comment-reply-title {
height: 1.1em;
line-height: 1.1em;
border-left: 4px solid #00C167;
text-indent: 10px;
font-size: 16px;
font-weight: 500;
color: #2A2A2A;
margin-bottom: 10px;
}
.jiangqie-comment-notes {
line-height: 3em;
font-size: 13px;
height: 3em;
}
.jiangqie-required {
color: #00C167;
}
.jiangqie-cancel-comment-reply-link {
}
.jiangqie-logged-in-as {
font-size: 13px;
margin-bottom: 10px;
}
.jiangqie-logged-in-as a {
color: #00C167;
margin-right: 10px;
}
.jiangqie-comment-form-box {
margin-bottom: 20px;
font-size: 15px;
}
.jiangqie-comment-login-textarea textarea {
width: 100%;
padding: 10px;
min-height: 120px;
border: 1px solid #CCC;
margin: 10px 0;
}
.jiangqie-comment-form-comment {
}
.jiangqie-comment-form-login {
border: 1px solid #DDD;
}
.jiangqie-comment-form-comment label {
display: none;
}
.jiangqie-comment-form-comment textarea {
width: 100%;
padding: 10px;
min-height: 120px;
border: 1px solid #CCC;
}
.jiangqie-comment-form-comment textarea:focus{
border-color: #00C167;
}
.jiangqie-comment-form-login .jiangqie-comment-form-comment textarea {
border: none;
}
.jiangqie-comment-form-login .jiangqie-comment-form-comment textarea:focus {
background-color: #D9F0E5;
}
.jiangqie-comment-form-box ul {
display: flex;
padding: 10px 0;
}
.jiangqie-comment-form-box li {
line-height: 3em;
height: 3em;
display: inline-flex;
width: 33%;
overflow: hidden;
margin-right: 2%;
}
.jiangqie-comment-form-box li.jiangqie-comment-form-url {
margin-right: 0;
}
.jiangqie-comment-form-box li input {
height: 3em;
line-height: 3em;
font-size: 15px;
width: 100%;
text-indent: 8px;
font-size: 16px;
color: #333;
border: 1px solid #CCC;
}
.jiangqie-comment-form-box li input:focus{
border-color: #00C167;
}
.jiangqie-comment-form-box li input:placeholder-shown {
font-weight: 200;
font-size: 14px;
}
.jiangqie-comment-form-cookies-consent {
font-size: 13px;
line-height: 3em;
height: 3em;
padding: 0 15px;
}
.jiangqie-comment-form-user {
height: 50px;
line-height: 50px;
margin-bottom: -50px;
padding: 0 20px;
font-size: 12px;
}
.jiangqie-comment-form-user a {
color: #00C167;
margin: 0 8px;
font-weight: 400;
font-size: 15px;
}
.jiangqie-comment-form-user a:last-child {
font-weight: 200;
font-size: 12px;
padding: 5px 10px;
border-radius: 2px;
background: #00C167;
color: #FFF;
}
.jiangqie-comment-form-user a:last-child:hover {
background-color: #00A056;
}
.jiangqie-form-submit {
height: 50px;
line-height: 40px;
display:flex;
flex-direction:row;
justify-content:space-between; 
}
.jiangqie-comment-form-login .jiangqie-form-submit {
background: #FAFAFA;
}
.jiangqie-form-submit input[type="submit"]{
color: #FFF;
background: #00C167;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
}
.jiangqie-form-submit input[type="submit"]:hover {
background-color: #00A056;
}
.jiangqie-form-submit em {
font-size: 12px;
font-weight: 200;
}
.jiangqie-form-submit input[type="checkbox"] {
vertical-align: middle;
margin-right: 8px;
}
.jiangqie-comment-form-login .jiangqie-form-submit input{
margin: 5px;
}  .jiangqie-side-count {
display: flex;
flex-wrap: wrap;
}
.jiangqie-side-count a {
width: 33.333%;
text-align: center;
padding: 20px 0 10px;
color: #333;
}
.jiangqie-side-count a:hover {
color: #00C167;
background-size: 32px 32px;
background-position: 50% 22%;
}
.jiangqie-side-count a strong {
display: block;
font-weight: 500;
font-size: 16px;
height: 1.2em;
line-height: 1.2em;
}
.jiangqie-side-count a cite {
display: block;
font-weight: 300;
font-size: 12px;
height: 1.8em;
line-height: 1.8em;
}
.jiangqie-side-count a i.fa {
font-size: 30px;
margin-bottom: 20px;
color: #BBB;
-webkit-text-stroke: 1px #FFF;
}
.jiangqie-side-count a:hover i.fa {
color: #00C167;
}
.jiangqie-side-count a:first-child, .jiangqie-side-count a:nth-child(2), .jiangqie-side-count a:nth-child(3) {
border-bottom: 1px solid #EEE;
}
.jiangqie-side-count a:nth-child(2), .jiangqie-side-count a:nth-child(5) {
border-left: 1px solid #EEE;
border-right: 1px solid #EEE;
} @media (max-width:568px) {
.jiangqie-certification {
width: 94%;
}
.jiangqie-certification-box ul {
padding: 0;
}
.jiangqie-certification-box ul li {
float: left;
padding: 4px;
}
.jiangqie-certification-box ul li p {
padding: 16px 2px;
}
.jiangqie-certification-box ul li img {
height: 40px;
width: 40px;
}
.jiangqie-container-ad a {
height: auto;
} .jiangqie-check-label{
cursor: pointer;
margin-left: 24px;
vertical-align: baseline;
}
.jiangqie-check[type="checkbox"] {
display: none;
} .jiangqie-check-label:BEFORE {
content: '';
position: absolute;
top: -1px;
left: 0px;
width: 16px;
height: 16px;
border-radius: 2px;
border: 1px solid #bbb;
background: #fff;
cursor: pointer;
} .jiangqie-check[type="checkbox"]:checked +.jiangqie-check-label:BEFORE {
content: '\2713';
display: block;
line-height: 16px;
vertical-align: middle;
text-align: center;
background-color: #00C167;
color: #ffffff;
border-color: #00C167;
}
.jiangqie-site-big-icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
height: 100px;
width: 100px;
}
.jiangqie-site-web p {
display: none;
}
.jiangqie-site-text-mob {
padding: 10px 10px 0;
display: block;
}
.jiangqie-site-text-mob p {
font-size: 13px;
line-height: 1.8em;
height: 1.8em;
font-weight: 200;
padding-top: 6px;
color: #7f7f7f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jiangqie-user-data {
height: 370px;
}
.jiangqie-user-intro {
background: none;
}
.jiangqie-user-intro .container {
margin-top: -270px;
}
.jiangqie-user-intro .container h1, .jiangqie-user-intro .container h6, .jiangqie-user-intro .container p{
color: #FFF;
}
.jiangqie-user-intro .container div {
height: 90px;
width: 90px;
margin-left: -45px;
}
.jiangqie-user-data ul {
padding-top: 360px;
}
.jiangqie-user-data ul::before {
content: ' ';
width: 88%;
border-bottom: 1px solid rgba(255,255,255,0.6);
position: absolute;
bottom: 66px;
}
.jiangqie-user-data ul li {
width: 180px;
border-left: 1px solid rgba(255,255,255,0.6);
}
.jiangqie-user-data li:nth-child(1) {
border-left: none;
}
.jiangqie-user-data li:nth-child(2) {
padding: 0;
}
.jiangqie-user-data li:nth-child(3) {
padding: 0;
}
.jiangqie-form-submit {
height: auto;
line-height: 40px;
display: inline-block;
width: 100%;
}
.jiangqie-form-submit em {
padding: 0 10px;
}
.jiangqie-comment-form-login .jiangqie-form-submit input {
margin: 6px;
width: 97%;
}
}
.layui-layer-wrap img {
max-height: 300px;
max-width: 300px;
} .jiangqie-single .content-view, 
.jiangqie-single .content-view p { font-family: "PingFang SC", "PingFang SC Light", "PingfangSC-LIGHT", system-ui, -apple-system, "Microsoft YaHei", sans-serif; font-size: 16px;
font-weight: 400; margin: 0 0 24px 0;
padding: 0; color: rgba(0, 0, 0, 0.9);
line-height: 1.8; letter-spacing: 1px; -webkit-tap-highlight-color: transparent; word-break: break-all;
overflow-wrap: break-word;
} .jiangqie-single .content-view span {
font-size: inherit;
line-height: inherit;
} .jiangqie-single .content-view h1,
.jiangqie-single .content-view h2,
.jiangqie-single .content-view h3 {
font-family: "PingFang SC", system-ui, -apple-system, sans-serif;
font-weight: 500; color: rgba(0, 0, 0, 0.9);
margin-bottom: 15px;
}
#toTop {
width: 36px;
height: 36px;
bottom: 120px;
right: 5%;
text-align: center;
font-size: .6em;
position: fixed;
cursor: pointer;
z-index: 999999;
border-radius: 36px;
border: 2px solid #CCC;
color: #BBB;
line-height: .9em;
}
#toTop .fa {
font-size: 14px;
margin-top: 2px;
}
#toTop:hover * {
color: #FFF;
cursor: pointer;
}
#toTop:hover {
border-color: #00C167;
background-color: #00C167;
}  .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);
}
}  @media (max-width:568px) {
#toTop {
border: 2px solid #00C167;
color: #fff;
background: #00C167;
box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2);
}
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}