/* normalize.css v7.0.0 */
html {line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,footer,header,nav,section {display:block}
h1 {font-size:2em;margin:.67em 0}
figcaption,figure,main {display:block}
figure {margin:1em 40px}
hr {box-sizing:content-box;height:0;overflow:visible}
pre {font-family:monospace,monospace;font-size:1em}
a {background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong {font-weight:inherit;font-weight:bolder}
code,kbd,samp {font-family:monospace,monospace;font-size:1em}
dfn {font-style:italic}
mark {background-color:#ff0;color:#000}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
audio,video {display:inline-block}
audio:not([controls]) {display:none;height:0}
img {border-style:none}
svg:not(:root) {overflow:hidden}
button,input,optgroup,select,textarea {font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input {overflow:visible}
button,select {text-transform:none}
[type=reset],[type=submit],button,html [type=button] {-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:.35em .75em .625em}
legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress {display:inline-block;vertical-align:baseline}
textarea {overflow:auto}
[type=checkbox],[type=radio] {box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
details,menu {display:block}
summary {display:list-item}
canvas {display:inline-block}
[hidden],template {display:none}
/*全局宽度*/
.container{max-width:1200px;margin:0 auto;}
/*一些预设*/
.btn,button,input[type=button],input[type=reset],input[type=submit] {font-family:inherit;font-size:inherit;font-weight:700;text-decoration:none;cursor:pointer;display:inline-block;line-height:1.125rem;padding:.5rem 1rem;margin:0;height:auto;border:1px solid transparent;vertical-align:middle;-webkit-appearance:none;color:inherit;background-color:transparent}
.btn:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {text-decoration:none}
.btn:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus {outline:none;border-color:rgba(0,0,0,.125);box-shadow:0 0 0 3px rgba(0,0,0,.25)}
::-moz-focus-inner {border:0;padding:0}
.btn-outline,.btn-outline:hover {border-color:currentcolor}
.btn-outline {border-radius:3px}
.btn-outline:hover {box-shadow:inset 0 0 0 20rem rgba(0,0,0,.0625)}
.btn-outline:active {box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.125)}
.btn-outline.is-disabled,.btn-outline:disabled {opacity:.5}
.btn-primary,button,input[type=button],input[type=reset],input[type=submit] {color:#fff;background-color:#006ae4;border-radius:3px}
.btn-primary:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {box-shadow:inset 0 0 0 20rem rgba(0,0,0,.0625)}
.btn-primary:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active {box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.125)}
.btn-primary.is-disabled,.btn-primary:disabled,button.is-disabled,button:disabled,input[type=button].is-disabled,input[type=button]:disabled,input[type=reset].is-disabled,input[type=reset]:disabled,input[type=submit].is-disabled,input[type=submit]:disabled {opacity:.5}
.btn-small {padding:.25rem .5rem}
.btn-big {padding:1rem 1.25rem}
.btn-narrow {padding-left:.5rem;padding-right:.5rem}
.bg-cover {background-size:cover}
.bg-contain {background-size:contain}
.bg-center {background-position:50%}
.bg-top {background-position:top}
.bg-right {background-position:100%}
.bg-bottom {background-position:bottom}
.bg-left {background-position:0}
.bg-no-repeat {background-repeat:no-repeat}
.bg-repeat-x {background-repeat:repeat-x}
.bg-repeat-y {background-repeat:repeat-y}
.bg-black {background-color:#292f36}
.bg-gray {background-color:#94979a}
.bg-silver {background-color:#bec0c2}
.bg-white {background-color:#fff}
.bg-aqua {background-color:#7fdbff}
.bg-blue {background-color:#006ae4}
.bg-navy {background-color:#001f3f}
.bg-teal {background-color:#39cccc}
.bg-green {background-color:#2ecc40}
.bg-olive {background-color:#3d9970}
.bg-lime {background-color:#01ff70}
.bg-yellow {background-color:#ffdc00}
.bg-orange {background-color:#ff851b}
.bg-red {background-color:#ff4136}
.bg-fuchsia {background-color:#f012be}
.bg-purple {background-color:#b10dc9}
.bg-maroon {background-color:#85144b}
.black {color:#292f36}
.gray {color:#94979a}
.silver {color:#bec0c2}
.white {color:#fff}
.aqua {color:#7fdbff}
.blue {color:#006ae4}
.navy {color:#001f3f}
.teal {color:#39cccc}
.green {color:#2ecc40}
.olive {color:#3d9970}
.lime {color:#01ff70}
.yellow {color:#ffdc00}
.orange {color:#ff851b}
.red {color:#ff4136}
.fuchsia {color:#f012be}
.purple {color:#b10dc9}
.maroon {color:#85144b}
.color-inherit {color:inherit}
.muted {opacity:.5}
/*! Basscss | http://basscss.com | MIT License */
.h1 {font-size:3.748rem}
.h2 {font-size:2.65rem}
.h3 {font-size:1.874rem}
.h4 {font-size:1.326rem}
.h5 {font-size:.938rem}
.h6 {font-size:.663rem}
.font-family-inherit {font-family:inherit}
.font-size-inherit {font-size:inherit}
.text-decoration-none {text-decoration:none}
.bold {font-weight:700}
.regular {font-weight:400}
.italic {font-style:italic}
.caps {text-transform:uppercase;letter-spacing:.2em}
.left-align {text-align:left}
.center {text-align:center}
.right-align {text-align:right}
.justify {text-align:justify}
.nowrap {white-space:nowrap}
.break-word {word-wrap:break-word}
.line-height-1 {line-height:1}
.line-height-2 {line-height:1.125}
.line-height-3 {line-height:1.25}
.line-height-4 {line-height:1.5}
.list-style-none {list-style:none}
.underline {text-decoration:underline}
.truncate {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-reset {list-style:none;padding-left:0}
.inline {display:inline}
.block {display:block}
.inline-block {display:inline-block}
.table {display:table}
.table-cell {display:table-cell}
.overflow-hidden {overflow:hidden}
.overflow-scroll {overflow:scroll}
.overflow-auto {overflow:auto}
.clearfix:after,.clearfix:before {content:" ";display:table}
.clearfix:after {clear:both}
.left {float:left}
.right {float:right}
.fit {max-width:100%}
.max-width-1 {max-width:24rem}
.max-width-2 {max-width:45rem}
.max-width-3 {max-width:64rem}
.max-width-4 {max-width:80rem}
.border-box {box-sizing:border-box}
.align-baseline {vertical-align:baseline}
.align-top {vertical-align:top}
.align-middle {vertical-align:middle}
.align-bottom {vertical-align:bottom}
.m0 {margin:0}
.mt0 {margin-top:0}
.mr0 {margin-right:0}
.mb0 {margin-bottom:0}
.ml0,.mx0 {margin-left:0}
.mx0 {margin-right:0}
.my0 {margin-top:0;margin-bottom:0}
.m1 {margin:.5rem}
.mt1 {margin-top:.5rem}
.mr1 {margin-right:.5rem}
.mb1 {margin-bottom:.5rem}
.ml1,.mx1 {margin-left:.5rem}
.mx1 {margin-right:.5rem}
.my1 {margin-top:.5rem;margin-bottom:.5rem}
.m2 {margin:1rem}
.mt2 {margin-top:1rem}
.mr2 {margin-right:1rem}
.mb2 {margin-bottom:1rem}
.ml2,.mx2 {margin-left:1rem}
.mx2 {margin-right:1rem}
.my2 {margin-top:1rem;margin-bottom:1rem}
.m3 {margin:2rem}
.mt3 {margin-top:2rem}
.mr3 {margin-right:2rem}
.mb3 {margin-bottom:2rem}
.ml3,.mx3 {margin-left:2rem}
.mx3 {margin-right:2rem}
.my3 {margin-top:2rem;margin-bottom:2rem}
.m4 {margin:4rem}
.mt4 {margin-top:4rem}
.mr4 {margin-right:4rem}
.mb4 {margin-bottom:4rem}
.ml4,.mx4 {margin-left:4rem}
.mx4 {margin-right:4rem}
.my4 {margin-top:4rem;margin-bottom:4rem}
.mxn1 {margin-left:-var(--space-1);margin-right:-var(--space-1)}
.mxn2 {margin-left:-var(--space-2);margin-right:-var(--space-2)}
.mxn3 {margin-left:-var(--space-3);margin-right:-var(--space-3)}
.mxn4 {margin-left:-var(--space-4);margin-right:-var(--space-4)}
.m-auto {margin:auto}
.mt-auto {margin-top:auto}
.mr-auto {margin-right:auto}
.mb-auto {margin-bottom:auto}
.ml-auto,.mx-auto {margin-left:auto}
.mx-auto {margin-right:auto}
.my-auto {margin-top:auto;margin-bottom:auto}
.p0 {padding:0}
.pt0 {padding-top:0}
.pr0 {padding-right:0}
.pb0 {padding-bottom:0}
.pl0,.px0 {padding-left:0}
.px0 {padding-right:0}
.py0 {padding-top:0;padding-bottom:0}
.p1 {padding:.5rem}
.pt1 {padding-top:.5rem}
.pr1 {padding-right:.5rem}
.pb1 {padding-bottom:.5rem}
.pl1 {padding-left:.5rem}
.py1 {padding-top:.5rem;padding-bottom:.5rem}
.px1 {padding-left:.5rem;padding-right:.5rem}
.p2 {padding:1rem}
.pt2 {padding-top:1rem}
.pr2 {padding-right:1rem}
.pb2 {padding-bottom:1rem}
.pl2 {padding-left:1rem}
.py2 {padding-top:1rem;padding-bottom:1rem}
.px2 {padding-left:1rem;padding-right:1rem}
.p3 {padding:2rem}
.pt3 {padding-top:2rem}
.pr3 {padding-right:2rem}
.pb3 {padding-bottom:2rem}
.pl3 {padding-left:2rem}
.py3 {padding-top:2rem;padding-bottom:2rem}
.px3 {padding-left:2rem;padding-right:2rem}
.p4 {padding:4rem}
.pt4 {padding-top:4rem}
.pr4 {padding-right:4rem}
.pb4 {padding-bottom:4rem}
.pl4 {padding-left:4rem}
.py4 {padding-top:4rem;padding-bottom:4rem}
.px4 {padding-left:4rem;padding-right:4rem}
.col {float:left}
.col,.col-right {box-sizing:border-box}
.col-right {float:right}
.col-1 {width:8.33333%}
.col-2 {width:16.66667%}
.col-3 {width:25%}
.col-4 {width:33.33333%}
.col-5 {width:41.66667%}
.col-6 {width:50%}
.col-7 {width:58.33333%}
.col-8 {width:66.66667%}
.col-9 {width:75%}
.col-10 {width:83.33333%}
.col-11 {width:91.66667%}
.col-12 {width:100%}
@media (min-width:45em) {
.sm-col {float:left;box-sizing:border-box}
.sm-col-right {float:right;box-sizing:border-box}
.sm-col-1 {width:8.33333%}
.sm-col-2 {width:16.66667%}
.sm-col-3 {width:25%}
.sm-col-4 {width:33.33333%}
.sm-col-5 {width:41.66667%}
.sm-col-6 {width:50%}
.sm-col-7 {width:58.33333%}
.sm-col-8 {width:66.66667%}
.sm-col-9 {width:75%}
.sm-col-10 {width:83.33333%}
.sm-col-11 {width:91.66667%}
.sm-col-12 {width:100%}
}
@media (min-width:64em) {
.md-col {float:left;box-sizing:border-box}
.md-col-right {float:right;box-sizing:border-box}
.md-col-1 {width:8.33333%}
.md-col-2 {width:16.66667%}
.md-col-3 {width:25%}
.md-col-4 {width:33.33333%}
.md-col-5 {width:41.66667%}
.md-col-6 {width:50%}
.md-col-7 {width:58.33333%}
.md-col-8 {width:66.66667%}
.md-col-9 {width:75%}
.md-col-10 {width:83.33333%}
.md-col-11 {width:91.66667%}
.md-col-12 {width:100%}
}
@media (min-width:80em) {
.lg-col {float:left;box-sizing:border-box}
.lg-col-right {float:right;box-sizing:border-box}
.lg-col-1 {width:8.33333%}
.lg-col-2 {width:16.66667%}
.lg-col-3 {width:25%}
.lg-col-4 {width:33.33333%}
.lg-col-5 {width:41.66667%}
.lg-col-6 {width:50%}
.lg-col-7 {width:58.33333%}
.lg-col-8 {width:66.66667%}
.lg-col-9 {width:75%}
.lg-col-10 {width:83.33333%}
.lg-col-11 {width:91.66667%}
.lg-col-12 {width:100%}
}
.flex {display:-ms-flexbox;display:flex;flex-wrap: wrap;}
@media (min-width:45em) {.sm-flex {display:-ms-flexbox;display:flex;flex-wrap: wrap;}}
@media (min-width:64em) {.md-flex {display:-ms-flexbox;display:flex;flex-wrap: wrap;}}
@media (min-width:80em) {.lg-flex {display:-ms-flexbox;display:flex;flex-wrap: wrap;}}
@media (max-width:64em) {body{max-width:100%!important;}}
.flex-column {-ms-flex-direction:column;flex-direction:column}
.flex-wrap {-ms-flex-wrap:wrap;flex-wrap:wrap}
.items-start {-ms-flex-align:start;align-items:flex-start}
.items-end {-ms-flex-align:end;align-items:flex-end}
.items-center {-ms-flex-align:center;align-items:center}
.items-baseline {-ms-flex-align:baseline;align-items:baseline}
.items-stretch {-ms-flex-align:stretch;align-items:stretch}
.self-start {-ms-flex-item-align:start;align-self:flex-start}
.self-end {-ms-flex-item-align:end;align-self:flex-end}
.self-center {-ms-flex-item-align:center;align-self:center}
.self-baseline {-ms-flex-item-align:baseline;align-self:baseline}
.self-stretch {-ms-flex-item-align:stretch;align-self:stretch}
.justify-start {-ms-flex-pack:start;justify-content:flex-start}
.justify-end {-ms-flex-pack:end;justify-content:flex-end}
.justify-center {-ms-flex-pack:center;justify-content:center}
.justify-between {-ms-flex-pack:justify;justify-content:space-between}
.justify-around {-ms-flex-pack:distribute;justify-content:space-around}
.justify-evenly {-ms-flex-pack:space-evenly;justify-content:space-evenly}
.content-start {-ms-flex-line-pack:start;align-content:flex-start}
.content-end {-ms-flex-line-pack:end;align-content:flex-end}
.content-center {-ms-flex-line-pack:center;align-content:center}
.content-between {-ms-flex-line-pack:justify;align-content:space-between}
.content-around {-ms-flex-line-pack:distribute;align-content:space-around}
.content-stretch {-ms-flex-line-pack:stretch;align-content:stretch}
.flex-auto {-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}
.flex-none {-ms-flex:none;flex:none}
.order-0 {-ms-flex-order:0;order:0}
.order-1 {-ms-flex-order:1;order:1}
.order-2 {-ms-flex-order:2;order:2}
.order-3 {-ms-flex-order:3;order:3}
.order-last {-ms-flex-order:99999;order:99999}
.relative {position:relative}
.absolute {position:absolute}
.fixed {position:fixed}
.top-0 {top:0}
.right-0 {right:0}
.bottom-0 {bottom:0}
.left-0 {left:0}
.z1 {z-index:1}
.z2 {z-index:2}
.z3 {z-index:3}
.z4 {z-index:4}
.border {border-style:solid;border-width:1px}
.border-top {border-top-style:solid;border-top-width:1px}
.border-right {border-right-style:solid;border-right-width:1px}
.border-bottom {border-bottom-style:solid;border-bottom-width:1px}
.border-left {border-left-style:solid;border-left-width:1px}
.border-none {border:0}
.rounded {border-radius:3px}
.circle {border-radius:50%}
.rounded-top {border-radius:3px 3px 0 0}
.rounded-right {border-radius:0 3px 3px 0}
.rounded-bottom {border-radius:0 0 3px 3px}
.rounded-left {border-radius:3px 0 0 3px}
.not-rounded {border-radius:0}
.hide {position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media (max-width:44.9375em) {.xs-hide {display:none!important}}
@media (min-width:45em) and (max-width:63.9375em) {.sm-hide {display:none!important}}
@media (min-width:64em) and (max-width:79.9375em) {.md-hide {display:none!important}}
@media (min-width:80em) {.lg-hide {display:none!important}}
.display-none {display:none!important}
@media (min-width:45em) {
.sm-inline {display:inline}
.sm-block {display:block}
.sm-inline-block {display:inline-block}
.sm-table {display:table}
.sm-table-cell {display:table-cell}
.sm-overflow-hidden {overflow:hidden}
.sm-overflow-scroll {overflow:scroll}
.sm-overflow-auto {overflow:auto}
.sm-left {float:left}
.sm-right {float:right}
}
@media (min-width:64em) {
.md-inline {display:inline}
.md-block {display:block}
.md-inline-block {display:inline-block}
.md-table {display:table}
.md-table-cell {display:table-cell}
.md-overflow-hidden {overflow:hidden}
.md-overflow-scroll {overflow:scroll}
.md-overflow-auto {overflow:auto}
.md-left {float:left}
.md-right {float:right}
}
@media (min-width:80em) {
.lg-inline {display:inline}
.lg-block {display:block}
.lg-inline-block {display:inline-block}
.lg-table {display:table}
.lg-table-cell {display:table-cell}
.lg-overflow-hidden {overflow:hidden}
.lg-overflow-scroll {overflow:scroll}
.lg-overflow-auto {overflow:auto}
.lg-left {float:left}
.lg-right {float:right}
}
@media (min-width:45em) {
.sm-m0 {margin:0}
.sm-mt0 {margin-top:0}
.sm-mr0 {margin-right:0}
.sm-mb0 {margin-bottom:0}
.sm-ml0,.sm-mx0 {margin-left:0}
.sm-mx0 {margin-right:0}
.sm-my0 {margin-top:0;margin-bottom:0}
.sm-m1 {margin:.5rem}
.sm-mt1 {margin-top:.5rem}
.sm-mr1 {margin-right:.5rem}
.sm-mb1 {margin-bottom:.5rem}
.sm-ml1,.sm-mx1 {margin-left:.5rem}
.sm-mx1 {margin-right:.5rem}
.sm-my1 {margin-top:.5rem;margin-bottom:.5rem}
.sm-m2 {margin:1rem}
.sm-mt2 {margin-top:1rem}
.sm-mr2 {margin-right:1rem}
.sm-mb2 {margin-bottom:1rem}
.sm-ml2,.sm-mx2 {margin-left:1rem}
.sm-mx2 {margin-right:1rem}
.sm-my2 {margin-top:1rem;margin-bottom:1rem}
.sm-m3 {margin:2rem}
.sm-mt3 {margin-top:2rem}
.sm-mr3 {margin-right:2rem}
.sm-mb3 {margin-bottom:2rem}
.sm-ml3,.sm-mx3 {margin-left:2rem}
.sm-mx3 {margin-right:2rem}
.sm-my3 {margin-top:2rem;margin-bottom:2rem}
.sm-m4 {margin:4rem}
.sm-mt4 {margin-top:4rem}
.sm-mr4 {margin-right:4rem}
.sm-mb4 {margin-bottom:4rem}
.sm-ml4,.sm-mx4 {margin-left:4rem}
.sm-mx4 {margin-right:4rem}
.sm-my4 {margin-top:4rem;margin-bottom:4rem}
.sm-mxn1 {margin-left:-var(--space-1);margin-right:-var(--space-1)}
.sm-mxn2 {margin-left:-var(--space-2);margin-right:-var(--space-2)}
.sm-mxn3 {margin-left:-var(--space-3);margin-right:-var(--space-3)}
.sm-mxn4 {margin-left:-var(--space-4);margin-right:-var(--space-4)}
.sm-ml-auto {margin-left:auto}
.sm-mr-auto,.sm-mx-auto {margin-right:auto}
.sm-mx-auto {margin-left:auto}
}
@media (min-width:64em) {
.md-m0 {margin:0}
.md-mt0 {margin-top:0}
.md-mr0 {margin-right:0}
.md-mb0 {margin-bottom:0}
.md-ml0,.md-mx0 {margin-left:0}
.md-mx0 {margin-right:0}
.md-my0 {margin-top:0;margin-bottom:0}
.md-m1 {margin:.5rem}
.md-mt1 {margin-top:.5rem}
.md-mr1 {margin-right:.5rem}
.md-mb1 {margin-bottom:.5rem}
.md-ml1,.md-mx1 {margin-left:.5rem}
.md-mx1 {margin-right:.5rem}
.md-my1 {margin-top:.5rem;margin-bottom:.5rem}
.md-m2 {margin:1rem}
.md-mt2 {margin-top:1rem}
.md-mr2 {margin-right:1rem}
.md-mb2 {margin-bottom:1rem}
.md-ml2,.md-mx2 {margin-left:1rem}
.md-mx2 {margin-right:1rem}
.md-my2 {margin-top:1rem;margin-bottom:1rem}
.md-m3 {margin:2rem}
.md-mt3 {margin-top:2rem}
.md-mr3 {margin-right:2rem}
.md-mb3 {margin-bottom:2rem}
.md-ml3,.md-mx3 {margin-left:2rem}
.md-mx3 {margin-right:2rem}
.md-my3 {margin-top:2rem;margin-bottom:2rem}
.md-m4 {margin:4rem}
.md-mt4 {margin-top:4rem}
.md-mr4 {margin-right:4rem}
.md-mb4 {margin-bottom:4rem}
.md-ml4,.md-mx4 {margin-left:4rem}
.md-mx4 {margin-right:4rem}
.md-my4 {margin-top:4rem;margin-bottom:4rem}
.md-mxn1 {margin-left:-var(--space-1);margin-right:-var(--space-1)}
.md-mxn2 {margin-left:-var(--space-2);margin-right:-var(--space-2)}
.md-mxn3 {margin-left:-var(--space-3);margin-right:-var(--space-3)}
.md-mxn4 {margin-left:-var(--space-4);margin-right:-var(--space-4)}
.md-ml-auto {margin-left:auto}
.md-mr-auto,.md-mx-auto {margin-right:auto}
.md-mx-auto {margin-left:auto}
}
@media (min-width:80em) {
.lg-m0 {margin:0}
.lg-mt0 {margin-top:0}
.lg-mr0 {margin-right:0}
.lg-mb0 {margin-bottom:0}
.lg-ml0,.lg-mx0 {margin-left:0}
.lg-mx0 {margin-right:0}
.lg-my0 {margin-top:0;margin-bottom:0}
.lg-m1 {margin:.5rem}
.lg-mt1 {margin-top:.5rem}
.lg-mr1 {margin-right:.5rem}
.lg-mb1 {margin-bottom:.5rem}
.lg-ml1,.lg-mx1 {margin-left:.5rem}
.lg-mx1 {margin-right:.5rem}
.lg-my1 {margin-top:.5rem;margin-bottom:.5rem}
.lg-m2 {margin:1rem}
.lg-mt2 {margin-top:1rem}
.lg-mr2 {margin-right:1rem}
.lg-mb2 {margin-bottom:1rem}
.lg-ml2,.lg-mx2 {margin-left:1rem}
.lg-mx2 {margin-right:1rem}
.lg-my2 {margin-top:1rem;margin-bottom:1rem}
.lg-m3 {margin:2rem}
.lg-mt3 {margin-top:2rem}
.lg-mr3 {margin-right:2rem}
.lg-mb3 {margin-bottom:2rem}
.lg-ml3,.lg-mx3 {margin-left:2rem}
.lg-mx3 {margin-right:2rem}
.lg-my3 {margin-top:2rem;margin-bottom:2rem}
.lg-m4 {margin:4rem}
.lg-mt4 {margin-top:4rem}
.lg-mr4 {margin-right:4rem}
.lg-mb4 {margin-bottom:4rem}
.lg-ml4,.lg-mx4 {margin-left:4rem}
.lg-mx4 {margin-right:4rem}
.lg-my4 {margin-top:4rem;margin-bottom:4rem}
.lg-mxn1 {margin-left:-var(--space-1);margin-right:-var(--space-1)}
.lg-mxn2 {margin-left:-var(--space-2);margin-right:-var(--space-2)}
.lg-mxn3 {margin-left:-var(--space-3);margin-right:-var(--space-3)}
.lg-mxn4 {margin-left:-var(--space-4);margin-right:-var(--space-4)}
.lg-ml-auto {margin-left:auto}
.lg-mr-auto,.lg-mx-auto {margin-right:auto}
.lg-mx-auto {margin-left:auto}
}
@media (min-width:45em) {
.sm-p0 {padding:0}
.sm-pt0 {padding-top:0}
.sm-pr0 {padding-right:0}
.sm-pb0 {padding-bottom:0}
.sm-pl0,.sm-px0 {padding-left:0}
.sm-px0 {padding-right:0}
.sm-py0 {padding-top:0;padding-bottom:0}
.sm-p1 {padding:.5rem}
.sm-pt1 {padding-top:.5rem}
.sm-pr1 {padding-right:.5rem}
.sm-pb1 {padding-bottom:.5rem}
.sm-pl1,.sm-px1 {padding-left:.5rem}
.sm-px1 {padding-right:.5rem}
.sm-py1 {padding-top:.5rem;padding-bottom:.5rem}
.sm-p2 {padding:1rem}
.sm-pt2 {padding-top:1rem}
.sm-pr2 {padding-right:1rem}
.sm-pb2 {padding-bottom:1rem}
.sm-pl2,.sm-px2 {padding-left:1rem}
.sm-px2 {padding-right:1rem}
.sm-py2 {padding-top:1rem;padding-bottom:1rem}
.sm-p3 {padding:2rem}
.sm-pt3 {padding-top:2rem}
.sm-pr3 {padding-right:2rem}
.sm-pb3 {padding-bottom:2rem}
.sm-pl3,.sm-px3 {padding-left:2rem}
.sm-px3 {padding-right:2rem}
.sm-py3 {padding-top:2rem;padding-bottom:2rem}
.sm-p4 {padding:4rem}
.sm-pt4 {padding-top:4rem}
.sm-pr4 {padding-right:4rem}
.sm-pb4 {padding-bottom:4rem}
.sm-pl4,.sm-px4 {padding-left:4rem}
.sm-px4 {padding-right:4rem}
.sm-py4 {padding-top:4rem;padding-bottom:4rem}
}
@media (min-width:64em) {
.md-p0 {padding:0}
.md-pt0 {padding-top:0}
.md-pr0 {padding-right:0}
.md-pb0 {padding-bottom:0}
.md-pl0,.md-px0 {padding-left:0}
.md-px0 {padding-right:0}
.md-py0 {padding-top:0;padding-bottom:0}
.md-p1 {padding:.5rem}
.md-pt1 {padding-top:.5rem}
.md-pr1 {padding-right:.5rem}
.md-pb1 {padding-bottom:.5rem}
.md-pl1,.md-px1 {padding-left:.5rem}
.md-px1 {padding-right:.5rem}
.md-py1 {padding-top:.5rem;padding-bottom:.5rem}
.md-p2 {padding:1rem}
.md-pt2 {padding-top:1rem}
.md-pr2 {padding-right:1rem}
.md-pb2 {padding-bottom:1rem}
.md-pl2,.md-px2 {padding-left:1rem}
.md-px2 {padding-right:1rem}
.md-py2 {padding-top:1rem;padding-bottom:1rem}
.md-p3 {padding:2rem}
.md-pt3 {padding-top:2rem}
.md-pr3 {padding-right:2rem}
.md-pb3 {padding-bottom:2rem}
.md-pl3,.md-px3 {padding-left:2rem}
.md-px3 {padding-right:2rem}
.md-py3 {padding-top:2rem;padding-bottom:2rem}
.md-p4 {padding:4rem}
.md-pt4 {padding-top:4rem}
.md-pr4 {padding-right:4rem}
.md-pb4 {padding-bottom:4rem}
.md-pl4,.md-px4 {padding-left:4rem}
.md-px4 {padding-right:4rem}
.md-py4 {padding-top:4rem;padding-bottom:4rem}
}
@media (min-width:80em) {
.lg-p0 {padding:0}
.lg-pt0 {padding-top:0}
.lg-pr0 {padding-right:0}
.lg-pb0 {padding-bottom:0}
.lg-pl0,.lg-px0 {padding-left:0}
.lg-px0 {padding-right:0}
.lg-py0 {padding-top:0;padding-bottom:0}
.lg-p1 {padding:.5rem}
.lg-pt1 {padding-top:.5rem}
.lg-pr1 {padding-right:.5rem}
.lg-pb1 {padding-bottom:.5rem}
.lg-pl1,.lg-px1 {padding-left:.5rem}
.lg-px1 {padding-right:.5rem}
.lg-py1 {padding-top:.5rem;padding-bottom:.5rem}
.lg-p2 {padding:1rem}
.lg-pt2 {padding-top:1rem}
.lg-pr2 {padding-right:1rem}
.lg-pb2 {padding-bottom:1rem}
.lg-pl2,.lg-px2 {padding-left:1rem}
.lg-px2 {padding-right:1rem}
.lg-py2 {padding-top:1rem;padding-bottom:1rem}
.lg-p3 {padding:2rem}
.lg-pt3 {padding-top:2rem}
.lg-pr3 {padding-right:2rem}
.lg-pb3 {padding-bottom:2rem}
.lg-pl3,.lg-px3 {padding-left:2rem}
.lg-px3 {padding-right:2rem}
.lg-py3 {padding-top:2rem;padding-bottom:2rem}
.lg-p4 {padding:4rem}
.lg-pt4 {padding-top:4rem}
.lg-pr4 {padding-right:4rem}
.lg-pb4 {padding-bottom:4rem}
.lg-pl4,.lg-px4 {padding-left:4rem}
.lg-px4 {padding-right:4rem}
.lg-py4 {padding-top:4rem;padding-bottom:4rem}
}
@media (min-width:45em) {
.sm-relative {position:relative}
.sm-absolute {position:absolute}
.sm-fixed {position:fixed}
.sm-top-0 {top:0}
.sm-right-0 {right:0}
.sm-bottom-0 {bottom:0}
.sm-left-0 {left:0}
}
@media (min-width:64em) {
.md-relative {position:relative}
.md-absolute {position:absolute}
.md-fixed {position:fixed}
.md-top-0 {top:0}
.md-right-0 {right:0}
.md-bottom-0 {bottom:0}
.md-left-0 {left:0}
}
@media (min-width:80em) {
.lg-relative {position:relative}
.lg-absolute {position:absolute}
.lg-fixed {position:fixed}
.lg-top-0 {top:0}
.lg-right-0 {right:0}
.lg-bottom-0 {bottom:0}
.lg-left-0 {left:0}
}
.h00 {font-size:1rem}
.h0 {font-size:5.299rem}
@media (min-width:45em) {
.sm-h00 {font-size:1rem}
.sm-h0 {font-size:5.299rem}
.sm-h1 {font-size:3.748rem}
.sm-h2 {font-size:2.65rem}
.sm-h3 {font-size:1.874rem}
.sm-h4 {font-size:1.326rem}
.sm-h5 {font-size:.938rem}
.sm-h6 {font-size:.663rem}
}
@media (min-width:64em) {
.md-h00 {font-size:1rem}
.md-h0 {font-size:5.299rem}
.md-h1 {font-size:3.748rem}
.md-h2 {font-size:2.65rem}
.md-h3 {font-size:1.874rem}
.md-h4 {font-size:1.326rem}
.md-h5 {font-size:.938rem}
.md-h6 {font-size:.663rem}
}
@media (min-width:80em) {
.lg-h00 {font-size:1rem}
.lg-h0 {font-size:5.299rem}
.lg-h1 {font-size:3.748rem}
.lg-h2 {font-size:2.65rem}
.lg-h3 {font-size:1.874rem}
.lg-h4 {font-size:1.326rem}
.lg-h5 {font-size:.938rem}
.lg-h6 {font-size:.663rem}
}
@media (min-width:45em) {
.sm-left-align {text-align:left}
.sm-center {text-align:center}
.sm-right-align {text-align:right}
.sm-justify {text-align:justify}
}
@media (min-width:64em) {
.md-left-align {text-align:left}
.md-center {text-align:center}
.md-right-align {text-align:right}
.md-justify {text-align:justify}
}
@media (min-width:80em) {
.lg-left-align {text-align:left}
.lg-center {text-align:center}
.lg-right-align {text-align:right}
.lg-justify {text-align:justify}
}
.mxn1 {margin-left:-0.5rem;margin-right:-0.5rem}
.mxn2 {margin-left:-1rem;margin-right:-1rem}
.mxn3 {margin-left:-2rem;margin-right:-2rem}
.mxn4 {margin-left:-4rem;margin-right:-4rem}
@media (min-width:45em) {
.sm-mxn1 {margin-left:-0.5rem;margin-right:-0.5rem}
.sm-mxn2 {margin-left:-1rem;margin-right:-1rem}
.sm-mxn3 {margin-left:-2rem;margin-right:-2rem}
.sm-mxn4 {margin-left:-4rem;margin-right:-4rem}
}
@media (min-width:64em) {
.md-mxn1 {margin-left:-0.5rem;margin-right:-0.5rem}
.md-mxn2 {margin-left:-1rem;margin-right:-1rem}
.md-mxn3 {margin-left:-2rem;margin-right:-2rem}
.md-mxn4 {margin-left:-4rem;margin-right:-4rem}
}
@media (min-width:80em) {
.lg-mxn1 {margin-left:-0.5rem;margin-right:-0.5rem}
.lg-mxn2 {margin-left:-1rem;margin-right:-1rem}
.lg-mxn3 {margin-left:-2rem;margin-right:-2rem}
.lg-mxn4 {margin-left:-4rem;margin-right:-4rem}
}
.icon--arrow-left,.icon--arrow-right {width:24px;height:24px}
.icon--book {width:20px;height:20px}
.icon--chevron-left,.icon--chevron-right {width:20px;height:38px}
.icon--earth {width:32px;height:32px}
.icon--facebook-square {width:24px;height:28px}
.icon--feed {width:22px;height:22px}
.icon--file-text2 {width:32px;height:32px}
.icon--google-plus {width:36px;height:28px}
.icon--link {width:32px;height:32px}
.icon--linkedin {width:24px;height:28px}
.icon--location {width:32px;height:32px}
.icon--map-marker {width:20px;height:20px}
.icon--pinterest-p {width:20px;height:28px}
.icon--reddit,.icon--search {width:32px;height:32px}
.icon--twitter {width:26px;height:28px}
.icon--vimeo {width:58px;height:50px}
@media (min-width:45em) {
.flag {display:table;width:auto}
.flag__body,.flag__image {display:table-cell;vertical-align:middle}
.flag--top .flag__body,.flag--top .flag__image {vertical-align:top}
.flag--bottom .flag__body,.flag--bottom .flag__image {vertical-align:bottom}
.flag__image {padding-right:2rem}
.flag__image>img {display:block;max-width:none}
.flag--rev .flag__image {padding-right:0;padding-left:10px}
.flag__body {width:100%}
}
body {margin:0;font-size:100%;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.414;color:#292f36;transition:transform .4s cubic-bezier(0,0,.2,1)}
h1,h2,h3,h4,h5,h6 {font-family:League Spartan,sans-serif}
::-moz-selection {background:#d6efff}
::selection {background:#d6efff}
a {color:#292f36;transition:color .4s}
a:link,a:visited {text-decoration:none}
a:hover {color:#94979a}
b,strong {font-weight:700}
[class^=icon--] {transition:fill .4s}
[class^=icon--],a:hover [class^=icon--] {fill:currentColor}
.light {font-weight:300}
.heading-font {font-family:League Spartan,sans-serif}
.main-font {font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}
.uc {text-transform:uppercase}
[class*=border] {border-color:#f1f1f1}
.main-header {background-color:#fff;background-size:cover;background-position:50%;box-shadow:0 0 20px 0 rgba(41,47,54,.1)}
.blog-logo img {transition:opacity .4s;max-height:50px}
.blog-logo:hover img {opacity:.75}
.page-description {clear:both}
@media (min-width:80em) {.blog-logo img {max-height:88px}}
.copyright a,.poweredby a {color:inherit}
.copyright a:hover,.poweredby a:hover {color:#292f36}
.toggle-nav {float:right;width:32px;height:25px;position:relative;margin:0 auto;transition:.5s ease-in-out;cursor:pointer}
.toggle-nav,.toggle-nav span {display:block;transform:rotate(0deg)}
.toggle-nav span {position:absolute;height:3px;width:100%;background-color:#292f36;opacity:1;left:0;transition:.25s ease-in-out}
.toggle-nav.open span,.toggle-nav:hover span {background-color:#94979a}
.toggle-nav span:first-child {top:0}
.toggle-nav span:nth-child(2),.toggle-nav span:nth-child(3) {top:11px}
.toggle-nav span:nth-child(4) {top:22px}
.toggle-nav.open span:first-child {top:14px;width:0;left:50%}
.toggle-nav.open span:nth-child(2) {transform:rotate(45deg)}
.toggle-nav.open span:nth-child(3) {transform:rotate(-45deg)}
.toggle-nav.open span:nth-child(4) {top:14px;width:0;left:50%}
.main-nav {position:absolute;width:100%;background-color:#292f36;z-index:1;top:0;transform:translateY(-100%)}
.main-nav ul li {opacity:0;transform:translate3d(0,-0.5rem,0);transition:opacity .3s cubic-bezier(0,0,.2,1),transform .3s cubic-bezier(0,0,.2,1)}
.nav-open .main-nav ul li {opacity:1;transform:translateZ(0)}
.nav-open .main-nav ul li:first-child {transition-delay:.2s}
.nav-open .main-nav ul li:nth-child(2) {transition-delay:.3s}
.nav-open .main-nav ul li:nth-child(3) {transition-delay:.4s}
.nav-open .main-nav ul li:nth-child(4) {transition-delay:.5s}
.nav-open .main-nav ul li:nth-child(5) {transition-delay:.6s}
.nav-open .main-nav ul li:nth-child(6) {transition-delay:.7s}
.nav-open .main-nav ul li:nth-child(7) {transition-delay:.8s}
.nav-open .main-nav ul li:nth-child(8) {transition-delay:.9s}
.nav-open .main-nav ul li:nth-child(9) {transition-delay:1s}
.nav-open .main-nav ul li:nth-child(10) {transition-delay:1.1s}
.nav-open .main-nav ul li:nth-child(11) {transition-delay:1.2s}
.nav-open .main-nav ul li:nth-child(12) {transition-delay:1.3s}
.nav-open .main-nav ul li:nth-child(13) {transition-delay:1.4s}
.nav-open .main-nav ul li:nth-child(14) {transition-delay:1.5s}
.nav-open .main-nav ul li:nth-child(15) {transition-delay:1.6s}
.nav-open .main-nav ul li:nth-child(16) {transition-delay:1.7s}
.nav-open .main-nav ul li:nth-child(17) {transition-delay:1.8s}
.nav-open .main-nav ul li:nth-child(18) {transition-delay:1.9s}
.nav-open .main-nav ul li:nth-child(19) {transition-delay:2s}
.nav-open .main-nav ul li:nth-child(20) {transition-delay:2.1s}
.author-profile,.tag-head {background-color:#292f36;background-position:50%;background-size:cover}
.author-profile a {color:#bec0c2}
.author-profile a:hover {color:#fff}
.author-image img {width:70px;height:auto}
@media (min-width:45em) {.author-image img {width:106px}}
@media (min-width:80em) {.author-image img {width:212px}}
.post-header-inner {max-width:80rem;margin-left:auto;margin-right:auto}
.post-header {padding:2rem 2rem 1rem}
.page-template .post-header {margin-right:0;padding:2rem}
.post-title {margin-bottom:-14px}
@media (min-width:45em) {
.has-image .post-header-inner,.page-template .has-image .post-header {position:relative;margin-top:-8.33333%}
.post-header {padding:5.33333% 4.33333% 4%;margin-right:8.33333%}
.page-template .post-header {padding:8.33333%}
.has-image .post-header {background-image:linear-gradient(180deg,hsla(0,0%,100%,.8) 0,#fff 60px,#fff);box-shadow:0 -4px 4px 0 rgba(41,47,54,.08),0 -20px 26px 0 rgba(41,47,54,.07)}
.post-title {margin-bottom:-18px}
}
@media (min-width:80em) {
.has-image .post-header {background-image:linear-gradient(180deg,hsla(0,0%,100%,.8) 0,#fff 106px,#fff)}
.has-image .post-header-inner {margin-top:-7.25rem}
.post-title {margin-bottom:-26px}
}
.post-meta {margin-left:8.33333%}
.post-meta-author-image{width:96px;transition:opacity .4s}
.post-meta-author-image:hover{opacity:.75}
@media (min-width:80em) {.post-meta-author-image{width:86px}}
@media (min-width:45em) {.read-next-story {border-right:1px solid #f1f1f1}}
@media (min-width:45em) {.post-comments {margin-left:25%;padding:0 8.33333%}}
fieldset {border:1px solid #f1f1f1;padding:.5rem 1rem}
fieldset,label,legend {margin-bottom:1rem}
label {display:block}
input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {font-family:inherit;font-size:inherit;line-height:1.414;display:block;width:100%;padding:1.375rem;margin-bottom:1.875rem;margin-top:.5rem;border:0;border-radius:0;box-sizing:border-box;outline-offset:-4px;outline-style:solid;outline-width:1px;outline-color:transparent;transition:outline .6s;box-shadow:0 1px 6px 0 rgba(41,47,54,.15),0 5px 10px 0 rgba(41,47,54,.025)}
input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {outline-width:1px;outline-color:#fff}
input {height:4rem}
input[type=checkbox],input[type=file],input[type=radio] {height:auto}
input[type=file] {width:100%}
textarea {resize:none}
input[type=search] {box-sizing:border-box}
.btn,button,input[type=button],input[type=reset],input[type=submit] {transition:box-shadow .4s}
.btn-primary:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125)}
.btn:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus {border-color:transparent;box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125)}
.subscribe form {display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;margin-left:auto;margin-right:auto}
.subscribe .form-group {-ms-flex:1 1 auto;flex:1 1 auto}
.subscribe .subscribe-email {margin-bottom:0;outline-color:#fff;margin-top:0}
.subscribe button {-ms-flex:0.5 1 auto;flex:0.5 1 auto;border-radius:0}
.post-content {padding:0 2rem}
.post-content .lg-h4{word-break: break-all;}
.post-content .kg-card-markdown>p:first-child,.post-content>p:first-child {margin-top:0;color:#94979a;font-size:.938rem;font-weight:400}
.post-content .kg-card-markdown>:first-child img,.post-content>:first-child>img {margin-top:0}
@media (min-width:45em) {
.post-content {padding:0 4.33333%}
.post-content .kg-card-markdown>p:first-child,.post-content>p:first-child {font-size:1.326rem;font-weight:inherit}
}
@media (min-width:80em) {
.post-content .kg-card-markdown>p:first-child,.post-content>p:first-child {font-size:1.474rem}
}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {margin-top:2rem;margin-bottom:1rem}
.post-content h1 {font-size:1.874rem}
.post-content h2 {font-size:1.326rem}
.post-content h3 {font-size:.938rem}
.post-content h4,.post-content h5,.post-content h6 {font-size:.663rem}
.post-content dl,.post-content ol,.post-content p,.post-content table,.post-content ul {font-size:.938rem}
.post-content dl,.post-content ol,.post-content ul {padding-left:2em}
.post-content dd,.post-content li {margin-top:.5rem;margin-bottom:.5rem}
.post-content dd {margin-left:2rem}
.post-content table {width:100%;margin-top:1rem;margin-bottom:1rem;border-spacing:0}
.post-content td,.post-content th {padding:.5rem 1rem;border-bottom:1px solid #f1f1f1}
.post-content th {text-align:left}
.post-content tr:nth-child(2n) td {background-color:#f1f1f1}
.post-content code,.post-content pre {background:#f1f1f1;font-size:.875rem}
.post-content pre {padding:1rem;overflow-x:auto}
.post-content code {padding:.1875rem;word-wrap:break-word}
.post-content pre code {padding:0}
.post-content blockquote {margin-left:1rem;margin-right:2rem;color:#94979a}
.post-content hr {margin:2rem 0;border:0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#f1f1f1}
.post-content a {text-decoration:underline}
.post-content .read-more {color:inherit;border-bottom:0;text-decoration:none}
.post-content .read-more:hover {color:#292f36}
.post-content img {max-width:100%;height:auto!important;margin:2rem 0 2.5rem;border-radius:3px;box-shadow:0 4px 8px 0 rgba(41,47,54,.15),0 20px 48px 0 rgba(41,47,54,.3)}
.post-content .kg-image-card figcaption,.post-content img+br+small {display:block;margin-top:-2rem;margin-bottom:1.5rem;text-align:center;font-size:.663rem;color:#94979a}
.post-content .kg-image-card figcaption {margin-top:-1rem}
.post-content .kg-embed-card,.post-content .kg-image-card {margin:0}
.post-content .kg-image-card.kg-width-full {width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}
.post-content .kg-image-card.kg-width-full img {max-width:100%;border-radius:0}
@media (min-width:45em) {
.post-content img {height:auto;}
.post-content .kg-image-card.kg-width-wide img {max-width:133%}
.post-template .post-content .kg-image-card.kg-width-full {margin-left:calc(33.333% - 50vw)}
.post-content .kg-image-card.kg-width-full figcaption {text-align:left;padding-left:1.5rem;padding-right:1.5rem}
.post-content blockquote,.post-content blockquote p {font-size:1.326rem}
}
@media (min-width:80em) {
.post-content img {max-width:746px;margin:4rem 0}
.page-template .post-content img,.post-content .kg-image-card.kg-width-wide img {max-width:852px}
.post-content .kg-image-card figcaption,.post-content img+br+small {margin-top:-4rem;margin-bottom:2rem;font-size:.938rem}
.post-content .kg-image-card figcaption {margin-top:-2rem}
.post-content .kg-image-card.kg-width-full figcaption {padding-left:2rem;padding-right:2rem}
}
@media (min-width:45em) {
.post-content h1 {font-size:2.65rem}
.post-content h2 {font-size:1.874rem}
.post-content h3 {font-size:1.326rem}
.post-content h4 {font-size:.938rem}
}
@media (min-width:80em) {
.post-content h1 {font-size:3.748rem}
.post-content h2 {font-size:2.65rem}
.post-content h3 {font-size:1.874rem}
.post-content h4 {font-size:1.326rem}
.post-content h5 {font-size:.938rem}
.post-content dl,.post-content ol,.post-content p,.post-content table,.post-content ul {font-size:1.326rem}
.post-content code,.post-content pre {font-size:1.125rem}
.post-content pre {padding:2rem}
.post-content code {padding:.25rem}
.post-content blockquote{font-size: 1.1rem;border-left: 4px solid #ddd;background:#f9f9f9;}
.post-content blockquote p{padding: 20px;}
}
/*评论列表*/
.commentlist {margin-bottom:15px;}
.commentlist ol{list-style:none;padding-left: 0;}
.commentlist ol li {clear:both; padding:10px 0;}
.commentlist ol li .cmt-info {position:relative; padding-left:50px; margin-bottom:10px;}
.commentlist ol li .gravatar {position:absolute; left:0; top:3px; width:40px; height:40px;}
.commentlist ol li .gravatar img {display:block; width:100%; height:auto; transform:Rotate(-720deg); transition:transform 0.4s ease 0s;}
.commentlist ol li .gravatar img:hover {transform:Rotate(720deg); transition:transform 0.4s ease 0s;}
.commentlist ol li .cmt-author {font-weight:bold; font-size:0.875em; margin-bottom:5px;}
.commentlist ol li .cmt-author a {color:#000;}
.commentlist ol li .cmt-meta {font-size:0.75em; color:#999;}
.commentlist ol li .cmt-meta span,.commentlist ol li .cmt-meta span a{color:#6B92B2;}
.commentlist ol li .cmt-floor {position:absolute; right:0; top:3px; font-size:0.875em; color:#666;}
.commentlist ol li .cmt-con {font-size:0.875em; color:#333;}
.commentlist ol li ol {margin-left:10px; border:1px solid #ebebeb; background:#f9f9f9; margin-top:15px; padding:0 10px;}
/*评论表单*/
.commentsform p {clear:both; overflow:hidden; margin:10px 0; font-size:0.875em;}
.commentsform .text {width:50%; border:1px solid #ddd; height:55px; line-height:55px; margin-right:10px;}
.commentsform textarea {width:98%; border:1px solid #ddd; height:150px; font-size:1em;}
.commentsform .submit,.commentsform a#cancel-reply {width:30%; border:1px solid #ddd; cursor:pointer; height:55px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-appearance:none;}
.commentsform .submit:hover {background:#076ab9; color:#fff; transition:all 0.2s ease-in 0s;}
.commentsform a#cancel-reply {display:block; text-align:center; line-height:52px;}
.commentsform a#cancel-reply:hover {color:#fff; background:#F04848; transition:all 0.2s ease-in 0s;}
@media (max-width:64em){
.commentsform .submit,.commentsform a#cancel-reply {width:50%;}
.commentsform .text{width:98%;}
}
/*导航样式处理*/
#navbar li{font-size: .938rem;}
@media (min-width:45em) {#navbar li {font-size:1.326rem;float:left;box-sizing:border-box;width:50%;}}
@media (min-width:64em) {#navbar li {width:33.33333%}}
@media (min-width:80em) {#navbar li {width:25%}}
#navbar li a{padding-top: .5rem;padding-bottom: .5rem;display: block;color:#fff;}
#navbar li a:hover{color:#94979a}
/*post*/
.img-cover{object-fit:cover}
.post-image img{height:360px;}
@media (max-width:64em) {.post-image img{height:200px;}}
.post-header span.top{color:#2390ec;padding-right:10px;}
.post-content .read-more {color:#292f36!important;border-bottom:0;text-decoration:none}
.post-content .read-more:hover {color:#94979a!important}
.read-next i{font-size:22px;}
/*pagination*/
.pagination {clear:both; text-align:center; font-size:1em;font-weight:100;}
.pagination a,.pagination .now-page {display:inline-block;margin:0 5px;background:#fff; margin-bottom:10px; color:#94979a; border-radius:3px;padding: .8em 1.3em;}
.pagination a:hover,.pagination .now-page {color:#fff; background:#94979a;padding: .8em 1.3em;border-radius:3px}
/*footer*/
footer{position:relative;}
footer .icon a i{font-size:22px!important;}
.backtop {position:fixed; top:80%; right:10px;}
.backtop a {display:block; width:35px; height:35px; background:#bec0c2; color:#fff; text-align:center; line-height:35px; cursor:pointer;border-radius:2px;}
.backtop a:hover {background:#006ae4; color:#fff;}