@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
 display:block
}
audio,canvas,progress,video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],template {
 display:none
}
a {
 background-color:transparent
}
a:active,a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
dfn {
 font-style:italic
}
h1 {
 font-size:2em;
 margin:.67em 0
}
mark {
 background:#ff0;
 color:#000
}
sub,sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
hr {
 box-sizing:content-box
}
pre {
 overflow:auto
}
code,kbd,pre,samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,input,optgroup,select,textarea {
 color:inherit;
 font:inherit;
 margin:0
}
button {
 overflow:visible
}
button,select {
 text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],html input[disabled] {
 cursor:not-allowed
}
button::-moz-focus-inner,input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal
}
input[type=checkbox],input[type=radio] {
 box-sizing:border-box;
 padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
 height:auto
}
input[type=search] {
 -webkit-appearance:textfield;
 box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
legend {
 border:0;
 padding:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:700
}
table {
 border-collapse:collapse;
 border-spacing:0
}
td,th {
 padding:0
}
.foundation-mq {
 font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}
html {
 font-size:100%;
 box-sizing:border-box
}
*,:after,:before {
 box-sizing:inherit
}
body {
 padding:0;
 margin:0;
 font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,sans-serif;
 font-weight:400;
 line-height:1.5;
 color:#212121;
 background:#fefefe;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
img {
 max-width:100%;
 height:auto;
 -ms-interpolation-mode:bicubic;
 display:inline-block;
 vertical-align:middle
}
textarea {
 height:auto;
 min-height:50px;
 border-radius:3px
}
select {
 width:100%
}
#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object {
 max-width:none!important
}
button {
 -webkit-appearance:none;
 -moz-appearance:none;
 background:transparent;
 padding:0;
 border:0;
 border-radius:3px;
 line-height:1
}
[data-whatinput=mouse] button {
 outline:0
}
.is-visible {
 display:block!important
}
.is-hidden {
 display:none!important
}
.row {
 max-width:75rem;
 margin-left:auto;
 margin-right:auto;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap
}
.row .row {
 margin-left:-.625rem;
 margin-right:-.625rem
}
@media screen and (min-width:40em) {
 .row .row {
  margin-left:-.9375rem;
  margin-right:-.9375rem
 }
}
.row.expanded {
 max-width:none
}
.row.collapse>.column,.row.collapse>.columns {
 padding-left:0;
 padding-right:0
}
.row.collapse>.column>.row,.row.collapse>.columns>.row,.row.is-collapse-child {
 margin-left:0;
 margin-right:0
}
.column,.columns {
 -ms-flex:1 1 0px;
 flex:1 1 0px;
 padding-left:.625rem;
 padding-right:.625rem;
 min-width:0
}
@media screen and (min-width:40em) {
 .column,.columns {
  padding-left:.9375rem;
  padding-right:.9375rem
 }
}
.column.row.row,.row.row.columns {
 float:none;
 display:block
}
.row .column.row.row,.row .row.row.columns {
 padding-left:0;
 padding-right:0;
 margin-left:0;
 margin-right:0
}
.small-1 {
 -ms-flex:0 0 8.33333%;
 flex:0 0 8.33333%;
 max-width:8.33333%
}
.small-offset-0 {
 margin-left:0
}
.small-2 {
 -ms-flex:0 0 16.66667%;
 flex:0 0 16.66667%;
 max-width:16.66667%
}
.small-offset-1 {
 margin-left:8.33333%
}
.small-3 {
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
}
.small-offset-2 {
 margin-left:16.66667%
}
.small-4 {
 -ms-flex:0 0 33.33333%;
 flex:0 0 33.33333%;
 max-width:33.33333%
}
.small-offset-3 {
 margin-left:25%
}
.small-5 {
 -ms-flex:0 0 41.66667%;
 flex:0 0 41.66667%;
 max-width:41.66667%
}
.small-offset-4 {
 margin-left:33.33333%
}
.small-6 {
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
}
.small-offset-5 {
 margin-left:41.66667%
}
.small-7 {
 -ms-flex:0 0 58.33333%;
 flex:0 0 58.33333%;
 max-width:58.33333%
}
.small-offset-6 {
 margin-left:50%
}
.small-8 {
 -ms-flex:0 0 66.66667%;
 flex:0 0 66.66667%;
 max-width:66.66667%
}
.small-offset-7 {
 margin-left:58.33333%
}
.small-9 {
 -ms-flex:0 0 75%;
 flex:0 0 75%;
 max-width:75%
}
.small-offset-8 {
 margin-left:66.66667%
}
.small-10 {
 -ms-flex:0 0 83.33333%;
 flex:0 0 83.33333%;
 max-width:83.33333%
}
.small-offset-9 {
 margin-left:75%
}
.small-11 {
 -ms-flex:0 0 91.66667%;
 flex:0 0 91.66667%;
 max-width:91.66667%
}
.small-offset-10 {
 margin-left:83.33333%
}
.small-12 {
 -ms-flex:0 0 100%;
 flex:0 0 100%;
 max-width:100%
}
.small-offset-11 {
 margin-left:91.66667%
}
.small-up-1 {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.small-up-1>.column,.small-up-1>.columns {
 -ms-flex:0 0 100%;
 flex:0 0 100%;
 max-width:100%
}
.small-up-2 {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.small-up-2>.column,.small-up-2>.columns {
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
}
.small-up-3 {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.small-up-3>.column,.small-up-3>.columns {
 -ms-flex:0 0 33.33333%;
 flex:0 0 33.33333%;
 max-width:33.33333%
}
.small-up-4 {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.small-up-4>.column,.small-up-4>.columns {
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
}
.small-up-5 {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.small-up-5>.column,.small-up-5>.columns {
 -ms-flex:0 0 20%;
 flex:0 0 20%;
 max-width:20%
}
.small-up-6 {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.small-up-6>.column,.small-up-6>.columns {
 -ms-flex:0 0 16.66667%;
 flex:0 0 16.66667%;
 max-width:16.66667%
}
.small-up-7 {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.small-up-7>.column,.small-up-7>.columns {
 -ms-flex:0 0 14.28571%;
 flex:0 0 14.28571%;
 max-width:14.28571%
}
.small-up-8 {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.small-up-8>.column,.small-up-8>.columns {
 -ms-flex:0 0 12.5%;
 flex:0 0 12.5%;
 max-width:12.5%
}
.small-collapse>.column,.small-collapse>.columns {
 padding-left:0;
 padding-right:0
}
.small-uncollapse>.column,.small-uncollapse>.columns {
 padding-left:.625rem;
 padding-right:.625rem
}
@media screen and (min-width:40em) {
 .medium-1 {
  -ms-flex:0 0 8.33333%;
  flex:0 0 8.33333%;
  max-width:8.33333%
 }
 .medium-offset-0 {
  margin-left:0
 }
 .medium-2 {
  -ms-flex:0 0 16.66667%;
  flex:0 0 16.66667%;
  max-width:16.66667%
 }
 .medium-offset-1 {
  margin-left:8.33333%
 }
 .medium-3 {
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .medium-offset-2 {
  margin-left:16.66667%
 }
 .medium-4 {
  -ms-flex:0 0 33.33333%;
  flex:0 0 33.33333%;
  max-width:33.33333%
 }
 .medium-offset-3 {
  margin-left:25%
 }
 .medium-5 {
  -ms-flex:0 0 41.66667%;
  flex:0 0 41.66667%;
  max-width:41.66667%
 }
 .medium-offset-4 {
  margin-left:33.33333%
 }
 .medium-6 {
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .medium-offset-5 {
  margin-left:41.66667%
 }
 .medium-7 {
  -ms-flex:0 0 58.33333%;
  flex:0 0 58.33333%;
  max-width:58.33333%
 }
 .medium-offset-6 {
  margin-left:50%
 }
 .medium-8 {
  -ms-flex:0 0 66.66667%;
  flex:0 0 66.66667%;
  max-width:66.66667%
 }
 .medium-offset-7 {
  margin-left:58.33333%
 }
 .medium-9 {
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .medium-offset-8 {
  margin-left:66.66667%
 }
 .medium-10 {
  -ms-flex:0 0 83.33333%;
  flex:0 0 83.33333%;
  max-width:83.33333%
 }
 .medium-offset-9 {
  margin-left:75%
 }
 .medium-11 {
  -ms-flex:0 0 91.66667%;
  flex:0 0 91.66667%;
  max-width:91.66667%
 }
 .medium-offset-10 {
  margin-left:83.33333%
 }
 .medium-12 {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .medium-offset-11 {
  margin-left:91.66667%
 }
 .medium-order-1 {
  -ms-flex-order:1;
  order:1
 }
 .medium-order-2 {
  -ms-flex-order:2;
  order:2
 }
 .medium-order-3 {
  -ms-flex-order:3;
  order:3
 }
 .medium-order-4 {
  -ms-flex-order:4;
  order:4
 }
 .medium-order-5 {
  -ms-flex-order:5;
  order:5
 }
 .medium-order-6 {
  -ms-flex-order:6;
  order:6
 }
 .medium-up-1 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .medium-up-1>.column,.medium-up-1>.columns {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .medium-up-2 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .medium-up-2>.column,.medium-up-2>.columns {
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .medium-up-3 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .medium-up-3>.column,.medium-up-3>.columns {
  -ms-flex:0 0 33.33333%;
  flex:0 0 33.33333%;
  max-width:33.33333%
 }
 .medium-up-4 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .medium-up-4>.column,.medium-up-4>.columns {
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .medium-up-5 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .medium-up-5>.column,.medium-up-5>.columns {
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .medium-up-6 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .medium-up-6>.column,.medium-up-6>.columns {
  -ms-flex:0 0 16.66667%;
  flex:0 0 16.66667%;
  max-width:16.66667%
 }
 .medium-up-7 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .medium-up-7>.column,.medium-up-7>.columns {
  -ms-flex:0 0 14.28571%;
  flex:0 0 14.28571%;
  max-width:14.28571%
 }
 .medium-up-8 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .medium-up-8>.column,.medium-up-8>.columns {
  -ms-flex:0 0 12.5%;
  flex:0 0 12.5%;
  max-width:12.5%
 }
}
@media screen and (min-width:40em) and (min-width:40em) {
 .medium-expand {
  -ms-flex:1 1 0px;
  flex:1 1 0px
 }
}
.row.medium-unstack>.column,.row.medium-unstack>.columns {
 -ms-flex:0 0 100%;
 flex:0 0 100%
}
@media screen and (min-width:40em) {
 .row.medium-unstack>.column,.row.medium-unstack>.columns {
  -ms-flex:1 1 0px;
  flex:1 1 0px
 }
}
@media screen and (min-width:40em) {
 .medium-collapse>.column,.medium-collapse>.columns {
  padding-left:0;
  padding-right:0
 }
 .medium-uncollapse>.column,.medium-uncollapse>.columns {
  padding-left:.9375rem;
  padding-right:.9375rem
 }
}
@media screen and (min-width:64em) {
 .large-1 {
  -ms-flex:0 0 8.33333%;
  flex:0 0 8.33333%;
  max-width:8.33333%
 }
 .large-offset-0 {
  margin-left:0
 }
 .large-2 {
  -ms-flex:0 0 16.66667%;
  flex:0 0 16.66667%;
  max-width:16.66667%
 }
 .large-offset-1 {
  margin-left:8.33333%
 }
 .large-3 {
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .large-offset-2 {
  margin-left:16.66667%
 }
 .large-4 {
  -ms-flex:0 0 33.33333%;
  flex:0 0 33.33333%;
  max-width:33.33333%
 }
 .large-offset-3 {
  margin-left:25%
 }
 .large-5 {
  -ms-flex:0 0 41.66667%;
  flex:0 0 41.66667%;
  max-width:41.66667%
 }
 .large-offset-4 {
  margin-left:33.33333%
 }
 .large-6 {
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .large-offset-5 {
  margin-left:41.66667%
 }
 .large-7 {
  -ms-flex:0 0 58.33333%;
  flex:0 0 58.33333%;
  max-width:58.33333%
 }
 .large-offset-6 {
  margin-left:50%
 }
 .large-8 {
  -ms-flex:0 0 66.66667%;
  flex:0 0 66.66667%;
  max-width:66.66667%
 }
 .large-offset-7 {
  margin-left:58.33333%
 }
 .large-9 {
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .large-offset-8 {
  margin-left:66.66667%
 }
 .large-10 {
  -ms-flex:0 0 83.33333%;
  flex:0 0 83.33333%;
  max-width:83.33333%
 }
 .large-offset-9 {
  margin-left:75%
 }
 .large-11 {
  -ms-flex:0 0 91.66667%;
  flex:0 0 91.66667%;
  max-width:91.66667%
 }
 .large-offset-10 {
  margin-left:83.33333%
 }
 .large-12 {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .large-offset-11 {
  margin-left:91.66667%
 }
 .large-order-1 {
  -ms-flex-order:1;
  order:1
 }
 .large-order-2 {
  -ms-flex-order:2;
  order:2
 }
 .large-order-3 {
  -ms-flex-order:3;
  order:3
 }
 .large-order-4 {
  -ms-flex-order:4;
  order:4
 }
 .large-order-5 {
  -ms-flex-order:5;
  order:5
 }
 .large-order-6 {
  -ms-flex-order:6;
  order:6
 }
 .large-up-1 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .large-up-1>.column,.large-up-1>.columns {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .large-up-2 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .large-up-2>.column,.large-up-2>.columns {
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .large-up-3 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .large-up-3>.column,.large-up-3>.columns {
  -ms-flex:0 0 33.33333%;
  flex:0 0 33.33333%;
  max-width:33.33333%
 }
 .large-up-4 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .large-up-4>.column,.large-up-4>.columns {
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .large-up-5 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .large-up-5>.column,.large-up-5>.columns {
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%
 }
 .large-up-6 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .large-up-6>.column,.large-up-6>.columns {
  -ms-flex:0 0 16.66667%;
  flex:0 0 16.66667%;
  max-width:16.66667%
 }
 .large-up-7 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .large-up-7>.column,.large-up-7>.columns {
  -ms-flex:0 0 14.28571%;
  flex:0 0 14.28571%;
  max-width:14.28571%
 }
 .large-up-8 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .large-up-8>.column,.large-up-8>.columns {
  -ms-flex:0 0 12.5%;
  flex:0 0 12.5%;
  max-width:12.5%
 }
}
@media screen and (min-width:64em) and (min-width:64em) {
 .large-expand {
  -ms-flex:1 1 0px;
  flex:1 1 0px
 }
}
.row.large-unstack>.column,.row.large-unstack>.columns {
 -ms-flex:0 0 100%;
 flex:0 0 100%
}
@media screen and (min-width:64em) {
 .row.large-unstack>.column,.row.large-unstack>.columns {
  -ms-flex:1 1 0px;
  flex:1 1 0px
 }
}
@media screen and (min-width:64em) {
 .large-collapse>.column,.large-collapse>.columns {
  padding-left:0;
  padding-right:0
 }
 .large-uncollapse>.column,.large-uncollapse>.columns {
  padding-left:.9375rem;
  padding-right:.9375rem
 }
}
.shrink {
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 max-width:100%
}
.align-top.columns,.column.align-top {
 -ms-flex-item-align:start;
 align-self:flex-start
}
.align-bottom.columns,.column.align-bottom {
 -ms-flex-item-align:end;
 align-self:flex-end
}
.align-middle.columns,.column.align-middle {
 -ms-flex-item-align:center;
 -ms-grid-row-align:center;
 align-self:center
}
.align-stretch.columns,.column.align-stretch {
 -ms-flex-item-align:stretch;
 -ms-grid-row-align:stretch;
 align-self:stretch
}
blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul {
 margin:0;
 padding:0
}
p {
 font-size:inherit;
 line-height:1.6;
 margin-bottom:1rem;
 text-rendering:optimizeLegibility
}
em,i {
 font-style:italic
}
b,em,i,strong {
 line-height:inherit
}
b,strong {
 font-weight:700
}
small {
 font-size:80%;
 line-height:inherit
}
h1,h2,h3,h4,h5,h6 {
 font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,sans-serif;
 font-weight:300;
 font-style:normal;
 color:inherit;
 text-rendering:optimizeLegibility;
 margin-top:0;
 margin-bottom:1.2rem;
 line-height:1.3
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
 color:#cacaca;
 line-height:0
}
h1 {
 font-size:2.125rem
}
h2 {
 font-size:1.75rem
}
h3 {
 font-size:1.5rem
}
h4 {
 font-size:1.25rem
}
h5 {
 font-size:1.125rem
}
h6 {
 font-size:1rem
}
@media screen and (min-width:40em) {
 h1 {
  font-size:3rem
 }
 h2 {
  font-size:2.125rem
 }
 h3 {
  font-size:1.75rem
 }
 h4 {
  font-size:1.5rem
 }
 h5 {
  font-size:1.25rem
 }
 h6 {
  font-size:1rem
 }
}
a {
 color:#14b1d1;
 text-decoration:none;
 line-height:inherit;
 cursor:pointer
}
a:focus,a:hover {
 color:#1198b4
}
a img {
 border:0
}
hr {
 max-width:75rem;
 height:0;
 border-right:0;
 border-top:0;
 border-bottom:1px solid #ebebeb;
 border-left:0;
 margin:1.25rem auto;
 clear:both
}
dl,ol,ul {
 line-height:1.6;
 margin-bottom:1rem;
 list-style-position:outside
}
li {
 font-size:inherit
}
ul {
 list-style-type:disc
}
ol,ul {
 margin-left:1.25rem
}
ol ol,ol ul,ul ol,ul ul {
 margin-left:1.25rem;
 margin-bottom:0
}
dl {
 margin-bottom:1rem
}
dl dt {
 margin-bottom:.3rem;
 font-weight:700
}
blockquote {
 margin:0 0 1rem;
 padding:.5625rem 1.25rem 0 1.1875rem;
 border-left:1px solid #cacaca
}
blockquote,blockquote p {
 line-height:1.6;
 color:#8a8a8a
}
cite {
 display:block;
 font-size:.8125rem;
 color:#8a8a8a
}
cite:before {
 content:"\2014 \0020"
}
abbr {
 color:#212121;
 cursor:help;
 border-bottom:1px dotted #0a0a0a
}
code {
 font-weight:400;
 border:1px solid #cacaca;
 padding:.125rem .3125rem .0625rem
}
code,kbd {
 font-family:Menlo,Consolas,Liberation Mono,Courier,monospace;
 color:#0a0a0a;
 background-color:#e0e0e0
}
kbd {
 padding:.125rem .25rem 0;
 margin:0;
 border-radius:3px
}
.subheader {
 margin-top:.2rem;
 margin-bottom:.5rem;
 font-weight:400;
 line-height:1.4;
 color:#8a8a8a
}
.lead {
 font-size:125%;
 line-height:1.6
}
.stat {
 font-size:2.5rem;
 line-height:1
}
p+.stat {
 margin-top:-1rem
}
.no-bullet {
 margin-left:0;
 list-style:none
}
.text-left {
 text-align:left
}
.text-right {
 text-align:right
}
.text-center {
 text-align:center
}
.text-justify {
 text-align:justify
}
@media screen and (min-width:40em) {
 .medium-text-left {
  text-align:left
 }
 .medium-text-right {
  text-align:right
 }
 .medium-text-center {
  text-align:center
 }
 .medium-text-justify {
  text-align:justify
 }
}
@media screen and (min-width:64em) {
 .large-text-left {
  text-align:left
 }
 .large-text-right {
  text-align:right
 }
 .large-text-center {
  text-align:center
 }
 .large-text-justify {
  text-align:justify
 }
}
.show-for-print {
 display:none!important
}
@media print {
 * {
  background:transparent!important;
  color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important
 }
 .show-for-print {
  display:block!important
 }
 .hide-for-print {
  display:none!important
 }
 table.show-for-print {
  display:table!important
 }
 thead.show-for-print {
  display:table-header-group!important
 }
 tbody.show-for-print {
  display:table-row-group!important
 }
 tr.show-for-print {
  display:table-row!important
 }
 td.show-for-print,th.show-for-print {
  display:table-cell!important
 }
 a,a:visited {
  text-decoration:underline
 }
 a[href]:after {
  content:" (" attr(href) ")"
 }
 .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
  content:""
 }
 abbr[title]:after {
  content:" (" attr(title) ")"
 }
 blockquote,pre {
  border:1px solid #8a8a8a;
  page-break-inside:avoid
 }
 thead {
  display:table-header-group
 }
 img,tr {
  page-break-inside:avoid
 }
 img {
  max-width:100%!important
 }
 @page {
  margin:.5cm
 }
 h2,h3,p {
  orphans:3;
  widows:3
 }
 h2,h3 {
  page-break-after:avoid
 }
}
.button {
 display:inline-block;
 text-align:center;
 line-height:1;
 cursor:pointer;
 -webkit-appearance:none;
 transition:background-color .25s ease-out,color .25s ease-out;
 vertical-align:middle;
 border:1px solid transparent;
 border-radius:3px;
 padding:.75em 1.1em .65em;
 margin:0 0 1rem;
 font-size:.875rem;
 background-color:#35c8e6;
 color:#fefefe
}
[data-whatinput=mouse] .button {
 outline:0
}
.button:focus,.button:hover {
 background-color:#1ab6d6;
 color:#fefefe
}
.button.tiny {
 font-size:.6rem
}
.button.small {
 font-size:.75rem
}
.button.large {
 font-size:1rem
}
.button.expanded {
 display:block;
 width:100%;
 margin-left:0;
 margin-right:0
}
.button.primary {
 background-color:#35c8e6;
 color:#fefefe
}
.button.primary:focus,.button.primary:hover {
 background-color:#19acc9;
 color:#fefefe
}
.button.secondary {
 background-color:#eee;
 color:#0a0a0a
}
.button.secondary:focus,.button.secondary:hover {
 background-color:#bebebe;
 color:#0a0a0a
}
.button.success {
 background-color:#66bb6a;
 color:#fefefe
}
.button.success:focus,.button.success:hover {
 background-color:#47a04b;
 color:#fefefe
}
.button.warning {
 background-color:#ffb300;
 color:#fefefe
}
.button.warning:focus,.button.warning:hover {
 background-color:#cc8f00;
 color:#fefefe
}
.button.alert {
 background-color:#ef5350;
 color:#0a0a0a
}
.button.alert:focus,.button.alert:hover {
 background-color:#ea1a16;
 color:#0a0a0a
}
.button.hollow {
 border:1px solid #35c8e6;
 color:#35c8e6
}
.button.hollow,.button.hollow:focus,.button.hollow:hover {
 background-color:transparent
}
.button.hollow:focus,.button.hollow:hover {
 border-color:#106b7e;
 color:#106b7e
}
.button.hollow.primary {
 border:1px solid #35c8e6;
 color:#35c8e6
}
.button.hollow.primary:focus,.button.hollow.primary:hover {
 border-color:#106b7e;
 color:#106b7e
}
.button.hollow.secondary {
 border:1px solid #eee;
 color:#eee
}
.button.hollow.secondary:focus,.button.hollow.secondary:hover {
 border-color:#777;
 color:#777
}
.button.hollow.success {
 border:1px solid #66bb6a;
 color:#66bb6a
}
.button.hollow.success:focus,.button.hollow.success:hover {
 border-color:#2c642f;
 color:#2c642f
}
.button.hollow.warning {
 border:1px solid #ffb300;
 color:#ffb300
}
.button.hollow.warning:focus,.button.hollow.warning:hover {
 border-color:#805a00;
 color:#805a00
}
.button.hollow.alert {
 border:1px solid #ef5350;
 color:#ef5350
}
.button.hollow.alert:focus,.button.hollow.alert:hover {
 border-color:#92100d;
 color:#92100d
}
.button.disabled,.button[disabled] {
 opacity:.25;
 cursor:not-allowed
}
.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover {
 background-color:#35c8e6;
 color:#fefefe
}
.button.disabled.primary,.button[disabled].primary {
 opacity:.25;
 cursor:not-allowed
}
.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary:focus,.button[disabled].primary:hover {
 background-color:#35c8e6;
 color:#fefefe
}
.button.disabled.secondary,.button[disabled].secondary {
 opacity:.25;
 cursor:not-allowed
}
.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover {
 background-color:#eee;
 color:#fefefe
}
.button.disabled.success,.button[disabled].success {
 opacity:.25;
 cursor:not-allowed
}
.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover {
 background-color:#66bb6a;
 color:#fefefe
}
.button.disabled.warning,.button[disabled].warning {
 opacity:.25;
 cursor:not-allowed
}
.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover {
 background-color:#ffb300;
 color:#fefefe
}
.button.disabled.alert,.button[disabled].alert {
 opacity:.25;
 cursor:not-allowed
}
.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover {
 background-color:#ef5350;
 color:#fefefe
}
.button.dropdown:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border:.4em inset;
 border-color:#fefefe transparent transparent;
 border-top-style:solid;
 border-bottom-width:0;
 position:relative;
 top:.4em;
 float:right;
 margin-left:1.1em;
 display:inline-block
}
.button.arrow-only:after {
 margin-left:0;
 float:none;
 top:-.1em
}
[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea {
 display:block;
 box-sizing:border-box;
 width:100%;
 height:2.4375rem;
 padding:.5rem;
 border:1px solid #cacaca;
 margin:0 0 1rem;
 font-family:inherit;
 font-size:1rem;
 color:#0a0a0a;
 background-color:#fefefe;
 box-shadow:none;
 border-radius:3px;
 transition:box-shadow .5s,border-color .25s ease-in-out;
 -webkit-appearance:none;
 -moz-appearance:none
}
[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus {
 border:1px solid #8a8a8a;
 background-color:#fefefe;
 outline:none;
 box-shadow:none;
 transition:box-shadow .5s,border-color .25s ease-in-out
}
textarea {
 max-width:100%
}
textarea[rows] {
 height:auto
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
 color:#cacaca
}
input::placeholder,textarea::placeholder {
 color:#cacaca
}
input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
 background-color:#e0e0e0;
 cursor:default
}
[type=button],[type=submit] {
 border-radius:3px;
 -webkit-appearance:none;
 -moz-appearance:none
}
input[type=search] {
 box-sizing:border-box
}
[type=checkbox],[type=file],[type=radio] {
 margin:0 0 1rem
}
[type=checkbox]+label,[type=radio]+label {
 display:inline-block;
 margin-left:.5rem;
 margin-right:1rem;
 margin-bottom:0;
 vertical-align:baseline
}
[type=checkbox]+label[for],[type=radio]+label[for] {
 cursor:pointer
}
label>[type=checkbox],label>[type=radio] {
 margin-right:.5rem
}
[type=file] {
 width:100%
}
label {
 display:block;
 margin:0;
 font-size:.875rem;
 font-weight:400;
 line-height:1.8;
 color:#757575
}
label.middle {
 margin:0 0 1rem;
 padding:.5625rem 0
}
.help-text {
 margin-top:-.5rem;
 font-size:.8125rem;
 font-style:italic;
 color:#0a0a0a
}
.input-group {
 display:table;
 width:100%;
 margin-bottom:1rem
}
.input-group>:first-child {
 border-radius:3px 0 0 3px
}
.input-group>:last-child>* {
 border-radius:0 3px 3px 0
}
.input-group-button,.input-group-field,.input-group-label {
 margin:0;
 white-space:nowrap;
 display:table-cell;
 vertical-align:middle
}
.input-group-label {
 text-align:center;
 padding:0 1rem;
 background:#e0e0e0;
 color:#0a0a0a;
 border:1px solid #cacaca;
 white-space:nowrap;
 width:1%;
 height:100%
}
.input-group-label:first-child {
 border-right:0
}
.input-group-label:last-child {
 border-left:0
}
.input-group-field {
 border-radius:0;
 height:2.5rem
}
.input-group-button {
 padding-top:0;
 padding-bottom:0;
 text-align:center;
 height:100%;
 width:1%
}
.input-group-button a,.input-group-button button,.input-group-button input {
 margin:0
}
.input-group .input-group-button {
 display:table-cell
}
fieldset {
 border:0;
 padding:0;
 margin:0
}
legend {
 margin-bottom:.5rem;
 max-width:100%
}
.fieldset {
 border:1px solid #cacaca;
 padding:1.25rem;
 margin:1.125rem 0
}
.fieldset legend {
 background:#fefefe;
 padding:0 .1875rem;
 margin:0;
 margin-left:-.1875rem
}
select {
 height:2.4375rem;
 padding:.5rem;
 border:1px solid #cacaca;
 margin:0 0 1rem;
 font-size:1rem;
 font-family:inherit;
 line-height:normal;
 color:#0a0a0a;
 background-color:#fefefe;
 border-radius:3px;
 -webkit-appearance:none;
 -moz-appearance:none;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
 background-size:9px 6px;
 background-position:right -1rem center;
 background-origin:content-box;
 background-repeat:no-repeat;
 padding-right:1.5rem
}
@media screen and (min-width:0\0) {
 select {
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
 }
}
select:disabled {
 background-color:#e0e0e0;
 cursor:default
}
select::-ms-expand {
 display:none
}
select[multiple] {
 height:auto;
 background-image:none
}
.is-invalid-input:not(:focus) {
 background-color:rgba(239,83,80,.1);
 border-color:#ef5350
}
.form-error,.is-invalid-label {
 color:#ef5350
}
.form-error {
 display:none;
 margin-top:-.5rem;
 margin-bottom:1rem;
 font-size:.75rem;
 font-weight:700
}
.form-error.is-visible {
 display:block
}
.accordion {
 list-style-type:none;
 background:#fefefe;
 margin-left:0
}
.accordion-item:first-child>:first-child {
 border-radius:3px 3px 0 0
}
.accordion-item:last-child>:last-child {
 border-radius:0 0 3px 3px
}
.accordion-title {
 display:block;
 padding:1.25rem 1rem;
 line-height:1;
 font-size:.75rem;
 color:#35c8e6;
 position:relative;
 border:1px solid #e0e0e0;
 border-bottom:0
}
:last-child:not(.is-active)>.accordion-title {
 border-radius:0 0 3px 3px;
 border-bottom:1px solid #e0e0e0
}
.accordion-title:focus,.accordion-title:hover {
 background-color:#e0e0e0
}
.accordion-title:before {
 content:"+";
 position:absolute;
 right:1rem;
 top:50%;
 margin-top:-.5rem
}
.is-active>.accordion-title:before {
 content:"–"
}
.accordion-content {
 padding:1rem;
 display:none;
 border:1px solid #e0e0e0;
 border-bottom:0;
 background-color:#fefefe;
 color:#35c8e6
}
:last-child>.accordion-content:last-child {
 border-bottom:1px solid #e0e0e0
}
.is-accordion-submenu-parent>a {
 position:relative
}
.is-accordion-submenu-parent>a:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border:6px inset;
 border-color:#35c8e6 transparent transparent;
 border-top-style:solid;
 border-bottom-width:0;
 position:absolute;
 top:50%;
 margin-top:-4px;
 right:1rem
}
.is-accordion-submenu-parent[aria-expanded=true]>a:after {
 transform-origin:50% 50%;
 transform:scaleY(-1)
}
.badge {
 display:inline-block;
 padding:.3em;
 min-width:2.1em;
 font-size:.6rem;
 text-align:center;
 border-radius:50%;
 background:#35c8e6;
 color:#fefefe
}
.badge.secondary {
 background:#eee;
 color:#0a0a0a
}
.badge.success {
 background:#66bb6a;
 color:#fefefe
}
.badge.warning {
 background:#ffb300;
 color:#fefefe
}
.badge.alert {
 background:#ef5350;
 color:#0a0a0a
}
.breadcrumbs {
 list-style:none;
 margin:0 0 1rem
}
.breadcrumbs:after,.breadcrumbs:before {
 content:" ";
 display:table
}
.breadcrumbs:after {
 clear:both
}
.breadcrumbs li {
 float:left;
 color:#0a0a0a;
 font-size:.6875rem;
 cursor:default;
 text-transform:uppercase
}
.breadcrumbs li:not(:last-child):after {
 color:#cacaca;
 content:"/";
 margin:0 .75rem;
 position:relative;
 top:1px;
 opacity:1
}
.breadcrumbs a {
 color:#35c8e6
}
.breadcrumbs a:hover {
 text-decoration:underline
}
.breadcrumbs .disabled {
 color:#cacaca;
 cursor:not-allowed
}
.button-group {
 margin-bottom:1rem;
 font-size:0
}
.button-group:after,.button-group:before {
 content:" ";
 display:table
}
.button-group:after {
 clear:both
}
.button-group .button {
 margin:0;
 margin-right:1px;
 margin-bottom:1px;
 font-size:.875rem
}
.button-group .button:last-child {
 margin-right:0
}
.button-group.tiny .button {
 font-size:.6rem
}
.button-group.small .button {
 font-size:.75rem
}
.button-group.large .button {
 font-size:1rem
}
.button-group.expanded {
 margin-right:-1px
}
.button-group.expanded:after,.button-group.expanded:before {
 display:none
}
.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
 display:inline-block;
 width:calc(50% - 1px);
 margin-right:1px
}
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child {
 margin-right:-6px
}
.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
 display:inline-block;
 width:calc(33.33333% - 1px);
 margin-right:1px
}
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child {
 margin-right:-6px
}
.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {
 display:inline-block;
 width:calc(25% - 1px);
 margin-right:1px
}
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child {
 margin-right:-6px
}
.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {
 display:inline-block;
 width:calc(20% - 1px);
 margin-right:1px
}
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child {
 margin-right:-6px
}
.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {
 display:inline-block;
 width:calc(16.66667% - 1px);
 margin-right:1px
}
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child {
 margin-right:-6px
}
.button-group.primary .button {
 background-color:#35c8e6;
 color:#fefefe
}
.button-group.primary .button:focus,.button-group.primary .button:hover {
 background-color:#19acc9;
 color:#fefefe
}
.button-group.secondary .button {
 background-color:#eee;
 color:#0a0a0a
}
.button-group.secondary .button:focus,.button-group.secondary .button:hover {
 background-color:#bebebe;
 color:#0a0a0a
}
.button-group.success .button {
 background-color:#66bb6a;
 color:#fefefe
}
.button-group.success .button:focus,.button-group.success .button:hover {
 background-color:#47a04b;
 color:#fefefe
}
.button-group.warning .button {
 background-color:#ffb300;
 color:#fefefe
}
.button-group.warning .button:focus,.button-group.warning .button:hover {
 background-color:#cc8f00;
 color:#fefefe
}
.button-group.alert .button {
 background-color:#ef5350;
 color:#0a0a0a
}
.button-group.alert .button:focus,.button-group.alert .button:hover {
 background-color:#ea1a16;
 color:#0a0a0a
}
.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button {
 width:100%
}
.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child {
 margin-bottom:0
}
@media screen and (min-width:40em) {
 .button-group.stacked-for-small .button {
  width:auto;
  margin-bottom:0
 }
}
@media screen and (min-width:64em) {
 .button-group.stacked-for-medium .button {
  width:auto;
  margin-bottom:0
 }
}
@media screen and (max-width:39.9375em) {
 .button-group.stacked-for-small.expanded {
  display:block
 }
 .button-group.stacked-for-small.expanded .button {
  display:block;
  margin-right:0
 }
}
.callout {
 margin:0 0 1rem;
 padding:1rem;
 border:1px solid hsla(0,0%,4%,.25);
 border-radius:3px;
 position:relative;
 color:#212121;
 background-color:#fff
}
.callout>:first-child {
 margin-top:0
}
.callout>:last-child {
 margin-bottom:0
}
.callout.primary {
 background-color:#e1f7fb
}
.callout.secondary {
 background-color:#fcfcfc
}
.callout.success {
 background-color:#e8f5e9
}
.callout.warning {
 background-color:#fff4d9
}
.callout.alert {
 background-color:#fde5e5
}
.callout.small {
 padding:.5rem
}
.callout.large {
 padding:3rem
}
.close-button {
 position:absolute;
 color:#8a8a8a;
 right:1rem;
 top:.5rem;
 font-size:2em;
 line-height:1;
 cursor:pointer
}
[data-whatinput=mouse] .close-button {
 outline:0
}
.close-button:focus,.close-button:hover {
 color:#0a0a0a
}
.menu {
 margin:0;
 list-style-type:none
}
.menu>li {
 vertical-align:middle
}
[data-whatinput=mouse] .menu>li {
 outline:0
}
.menu>li>a {
 display:block;
 padding:.7rem 1rem;
 line-height:1
}
.menu a,.menu button,.menu input {
 margin-bottom:0
}
.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span {
 vertical-align:middle
}
.menu>li>a i,.menu>li>a img,.menu>li>a svg {
 margin-right:.25rem;
 display:inline-block
}
.menu>li {
 display:table-cell
}
.menu.vertical>li {
 display:block
}
@media screen and (min-width:40em) {
 .menu.medium-horizontal>li {
  display:table-cell
 }
 .menu.medium-vertical>li {
  display:block
 }
}
@media screen and (min-width:64em) {
 .menu.large-horizontal>li {
  display:table-cell
 }
 .menu.large-vertical>li {
  display:block
 }
}
.menu.simple li {
 line-height:1;
 display:inline-block;
 margin-right:1rem
}
.menu.simple a {
 padding:0
}
.menu.align-right:after,.menu.align-right:before {
 content:" ";
 display:table
}
.menu.align-right:after {
 clear:both
}
.menu.align-right>li {
 float:right
}
.menu.expanded {
 width:100%;
 display:table;
 table-layout:fixed
}
.menu.expanded>li:first-child:last-child {
 width:100%
}
.menu.icon-top>li>a {
 text-align:center
}
.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg {
 display:block;
 margin:0 auto .25rem
}
.menu.nested {
 margin-left:1rem
}
.menu .active>a {
 color:#fefefe;
 background:#35c8e6
}
.menu-text {
 font-weight:700;
 color:inherit;
 line-height:1;
 padding-top:0;
 padding-bottom:0;
 padding:.7rem 1rem
}
.menu-centered {
 text-align:center
}
.menu-centered>.menu {
 display:inline-block
}
.no-js [data-responsive-menu] ul {
 display:none
}
.menu-icon {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 cursor:pointer;
 width:20px;
 height:16px
}
.menu-icon:after {
 content:"";
 position:absolute;
 display:block;
 width:100%;
 height:2px;
 background:#fefefe;
 top:0;
 left:0;
 box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe
}
.menu-icon:hover:after {
 background:#cacaca;
 box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca
}
.menu-icon.dark {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 cursor:pointer;
 width:20px;
 height:16px
}
.menu-icon.dark:after {
 content:"";
 position:absolute;
 display:block;
 width:100%;
 height:2px;
 background:#0a0a0a;
 top:0;
 left:0;
 box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a
}
.menu-icon.dark:hover:after {
 background:#8a8a8a;
 box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
}
.is-drilldown {
 position:relative;
 overflow:hidden
}
.is-drilldown li {
 display:block!important
}
.is-drilldown-submenu {
 position:absolute;
 top:0;
 left:100%;
 z-index:-1;
 width:100%;
 background:#fefefe;
 transition:transform .15s linear
}
.is-drilldown-submenu.is-active {
 z-index:1;
 display:block;
 transform:translateX(-100%)
}
.is-drilldown-submenu.is-closing {
 transform:translateX(100%)
}
.is-drilldown-submenu-parent>a {
 position:relative
}
.is-drilldown-submenu-parent>a:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border:6px inset;
 border-color:transparent transparent transparent #35c8e6;
 border-left-style:solid;
 border-right-width:0;
 position:absolute;
 top:50%;
 margin-top:-6px;
 right:1rem
}
.js-drilldown-back>a:before {
 content:"";
 display:block;
 width:0;
 height:0;
 border:6px inset;
 border-color:transparent #35c8e6 transparent transparent;
 border-right-style:solid;
 border-left-width:0;
 display:inline-block;
 vertical-align:middle;
 margin-right:.75rem
}
.dropdown-pane {
 background-color:#fefefe;
 border:1px solid #cacaca;
 border-radius:3px;
 display:block;
 font-size:1rem;
 padding:1rem;
 position:absolute;
 visibility:hidden;
 width:300px;
 z-index:10
}
.dropdown-pane.is-open {
 visibility:visible
}
.dropdown-pane.tiny {
 width:100px
}
.dropdown-pane.small {
 width:200px
}
.dropdown-pane.large {
 width:400px
}
.dropdown.menu>li.opens-left>.is-dropdown-submenu {
 left:auto;
 right:0;
 top:100%
}
.dropdown.menu>li.opens-right>.is-dropdown-submenu {
 right:auto;
 left:0;
 top:100%
}
.dropdown.menu>li.is-dropdown-submenu-parent>a {
 padding-right:1.5rem;
 position:relative
}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border:5px inset;
 border-color:#14b1d1 transparent transparent;
 border-top-style:solid;
 border-bottom-width:0;
 right:5px;
 margin-top:-2px
}
[data-whatinput=mouse] .dropdown.menu a {
 outline:0
}
.no-js .dropdown.menu ul {
 display:none
}
.dropdown.menu.vertical>li .is-dropdown-submenu {
 top:0
}
.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
 left:auto;
 right:100%
}
.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
 right:auto;
 left:100%
}
.dropdown.menu.vertical>li>a:after {
 right:14px;
 margin-top:-3px
}
.dropdown.menu.vertical>li.opens-left>a:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border:5px inset;
 border-color:transparent #14b1d1 transparent transparent;
 border-right-style:solid;
 border-left-width:0
}
.dropdown.menu.vertical>li.opens-right>a:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border:5px inset;
 border-color:transparent transparent transparent #14b1d1;
 border-left-style:solid;
 border-right-width:0
}
@media screen and (min-width:40em) {
 .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
  left:auto;
  right:0;
  top:100%
 }
 .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
  right:auto;
  left:0;
  top:100%
 }
 .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
  padding-right:1.5rem;
  position:relative
 }
 .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:5px inset;
  border-color:#14b1d1 transparent transparent;
  border-top-style:solid;
  border-bottom-width:0;
  right:5px;
  margin-top:-2px
 }
 .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
  top:0
 }
 .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
  left:auto;
  right:100%
 }
 .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
  right:auto;
  left:100%
 }
 .dropdown.menu.medium-vertical>li>a:after {
  right:14px;
  margin-top:-3px
 }
 .dropdown.menu.medium-vertical>li.opens-left>a:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:5px inset;
  border-color:transparent #14b1d1 transparent transparent;
  border-right-style:solid;
  border-left-width:0
 }
 .dropdown.menu.medium-vertical>li.opens-right>a:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:5px inset;
  border-color:transparent transparent transparent #14b1d1;
  border-left-style:solid;
  border-right-width:0
 }
}
@media screen and (min-width:64em) {
 .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
  left:auto;
  right:0;
  top:100%
 }
 .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
  right:auto;
  left:0;
  top:100%
 }
 .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
  padding-right:1.5rem;
  position:relative
 }
 .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:5px inset;
  border-color:#14b1d1 transparent transparent;
  border-top-style:solid;
  border-bottom-width:0;
  right:5px;
  margin-top:-2px
 }
 .dropdown.menu.large-vertical>li .is-dropdown-submenu {
  top:0
 }
 .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
  left:auto;
  right:100%
 }
 .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
  right:auto;
  left:100%
 }
 .dropdown.menu.large-vertical>li>a:after {
  right:14px;
  margin-top:-3px
 }
 .dropdown.menu.large-vertical>li.opens-left>a:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:5px inset;
  border-color:transparent #14b1d1 transparent transparent;
  border-right-style:solid;
  border-left-width:0
 }
 .dropdown.menu.large-vertical>li.opens-right>a:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:5px inset;
  border-color:transparent transparent transparent #14b1d1;
  border-left-style:solid;
  border-right-width:0
 }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
 top:100%;
 left:auto;
 right:0
}
.is-dropdown-menu.vertical {
 width:100px
}
.is-dropdown-menu.vertical.align-right {
 float:right
}
.is-dropdown-submenu-parent {
 position:relative
}
.is-dropdown-submenu-parent a:after {
 position:absolute;
 top:50%;
 right:5px;
 margin-top:-2px
}
.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
 top:100%;
 left:auto
}
.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
 left:auto;
 right:100%
}
.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
 right:auto;
 left:100%
}
.is-dropdown-submenu {
 display:none;
 position:absolute;
 top:0;
 left:100%;
 min-width:200px;
 z-index:1;
 background:#fefefe;
 border:1px solid #cacaca
}
.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
 right:14px;
 margin-top:-3px
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border:5px inset;
 border-color:transparent #14b1d1 transparent transparent;
 border-right-style:solid;
 border-left-width:0
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
 content:"";
 display:block;
 width:0;
 height:0;
 border:5px inset;
 border-color:transparent transparent transparent #14b1d1;
 border-left-style:solid;
 border-right-width:0
}
.is-dropdown-submenu .is-dropdown-submenu {
 margin-top:-1px
}
.is-dropdown-submenu>li {
 width:100%
}
.is-dropdown-submenu.js-dropdown-active {
 display:block
}
.flex-video {
 position:relative;
 height:0;
 padding-bottom:75%;
 margin-bottom:1rem;
 overflow:hidden
}
.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.flex-video.widescreen {
 padding-bottom:56.25%
}
.flex-video.vimeo {
 padding-top:0
}
.label {
 display:inline-block;
 padding:.33333rem .5rem;
 font-size:.8rem;
 line-height:1;
 white-space:nowrap;
 cursor:default;
 border-radius:3px;
 background:#35c8e6;
 color:#fefefe
}
.label.secondary {
 background:#eee;
 color:#0a0a0a
}
.label.success {
 background:#66bb6a;
 color:#fefefe
}
.label.warning {
 background:#ffb300;
 color:#fefefe
}
.label.alert {
 background:#ef5350;
 color:#0a0a0a
}
.media-object {
 margin-bottom:1rem;
 display:block
}
.media-object img {
 max-width:none
}
@media screen and (max-width:39.9375em) {
 .media-object.stack-for-small .media-object-section {
  padding:0;
  padding-bottom:1rem;
  display:block
 }
 .media-object.stack-for-small .media-object-section img {
  width:100%
 }
}
.media-object-section {
 display:table-cell;
 vertical-align:top
}
.media-object-section:first-child {
 padding-right:1rem
}
.media-object-section:last-child:not(:nth-child(2)) {
 padding-left:1rem
}
.media-object-section>:last-child {
 margin-bottom:0
}
.media-object-section.middle {
 vertical-align:middle
}
.media-object-section.bottom {
 vertical-align:bottom
}
.off-canvas-wrapper {
 width:100%;
 overflow-x:hidden;
 position:relative;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-overflow-scrolling:auto
}
.off-canvas-wrapper-inner {
 position:relative;
 width:100%;
 min-height:100%;
 transition:transform .5s ease
}
.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before {
 content:" ";
 display:table
}
.off-canvas-wrapper-inner:after {
 clear:both
}
.off-canvas-content {
 min-height:100%;
 background:#fefefe;
 transition:transform .5s ease;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 z-index:1;
 padding-bottom:.1px;
 box-shadow:0 0 10px hsla(0,0%,4%,.5)
}
.js-off-canvas-exit {
 display:none;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:hsla(0,0%,100%,.25);
 cursor:pointer;
 transition:background .5s ease
}
.off-canvas {
 position:absolute;
 background:#e0e0e0;
 z-index:-1;
 max-height:100%;
 overflow-y:auto;
 transform:translateX(0)
}
[data-whatinput=mouse] .off-canvas {
 outline:0
}
.off-canvas.position-left {
 left:-250px;
 top:0;
 width:250px
}
.is-open-left {
 transform:translateX(250px)
}
.off-canvas.position-right {
 right:-250px;
 top:0;
 width:250px
}
.is-open-right {
 transform:translateX(-250px)
}
@media screen and (min-width:40em) {
 .position-left.reveal-for-medium {
  left:0;
  z-index:auto;
  position:fixed
 }
 .position-left.reveal-for-medium~.off-canvas-content {
  margin-left:250px
 }
 .position-right.reveal-for-medium {
  right:0;
  z-index:auto;
  position:fixed
 }
 .position-right.reveal-for-medium~.off-canvas-content {
  margin-right:250px
 }
}
@media screen and (min-width:64em) {
 .position-left.reveal-for-large {
  left:0;
  z-index:auto;
  position:fixed
 }
 .position-left.reveal-for-large~.off-canvas-content {
  margin-left:250px
 }
 .position-right.reveal-for-large {
  right:0;
  z-index:auto;
  position:fixed
 }
 .position-right.reveal-for-large~.off-canvas-content {
  margin-right:250px
 }
}
.orbit,.orbit-container {
 position:relative
}
.orbit-container {
 margin:0;
 overflow:hidden;
 list-style:none
}
.orbit-slide {
 width:100%;
 max-height:100%
}
.orbit-slide.no-motionui.is-active {
 top:0;
 left:0
}
.orbit-figure {
 margin:0
}
.orbit-image {
 margin:0;
 width:100%;
 max-width:100%
}
.orbit-caption {
 bottom:0;
 width:100%;
 margin-bottom:0;
 background-color:hsla(0,0%,4%,.5)
}
.orbit-caption,.orbit-next,.orbit-previous {
 position:absolute;
 padding:1rem;
 color:#fefefe
}
.orbit-next,.orbit-previous {
 top:50%;
 transform:translateY(-50%);
 z-index:10
}
[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous {
 outline:0
}
.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover {
 background-color:hsla(0,0%,4%,.5)
}
.orbit-previous {
 left:0
}
.orbit-next {
 left:auto;
 right:0
}
.orbit-bullets {
 position:relative;
 margin-top:.8rem;
 margin-bottom:.8rem;
 text-align:center
}
[data-whatinput=mouse] .orbit-bullets {
 outline:0
}
.orbit-bullets button {
 width:1.2rem;
 height:1.2rem;
 margin:.1rem;
 background-color:#cacaca;
 border-radius:50%
}
.orbit-bullets button.is-active,.orbit-bullets button:hover {
 background-color:#8a8a8a
}
.pagination {
 margin-left:0;
 margin-bottom:1rem
}
.pagination:after,.pagination:before {
 content:" ";
 display:table
}
.pagination:after {
 clear:both
}
.pagination li {
 font-size:.875rem;
 margin-right:.0625rem;
 border-radius:3px;
 display:none
}
.pagination li:first-child,.pagination li:last-child {
 display:inline-block
}
@media screen and (min-width:40em) {
 .pagination li {
  display:inline-block
 }
}
.pagination a,.pagination button {
 color:#0a0a0a;
 display:block;
 padding:.1875rem .625rem;
 border-radius:3px
}
.pagination a:hover,.pagination button:hover {
 background:#e0e0e0
}
.pagination .current {
 padding:.1875rem .625rem;
 background:#35c8e6;
 color:#fefefe;
 cursor:default
}
.pagination .disabled {
 padding:.1875rem .625rem;
 color:#cacaca;
 cursor:not-allowed
}
.pagination .disabled:hover {
 background:transparent
}
.pagination .ellipsis:after {
 content:"\2026";
 padding:.1875rem .625rem;
 color:#0a0a0a
}
.pagination-previous.disabled:before,.pagination-previous a:before {
 content:"\00ab";
 display:inline-block;
 margin-right:.5rem
}
.pagination-next.disabled:after,.pagination-next a:after {
 content:"\00bb";
 display:inline-block;
 margin-left:.5rem
}
.progress {
 background-color:#cacaca;
 height:1rem;
 margin-bottom:1rem;
 border-radius:3px
}
.progress.primary .progress-meter {
 background-color:#35c8e6
}
.progress.secondary .progress-meter {
 background-color:#eee
}
.progress.success .progress-meter {
 background-color:#66bb6a
}
.progress.warning .progress-meter {
 background-color:#ffb300
}
.progress.alert .progress-meter {
 background-color:#ef5350
}
.progress-meter {
 position:relative;
 display:block;
 width:0;
 height:100%;
 background-color:#35c8e6;
 border-radius:3px
}
.progress-meter-text {
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 position:absolute;
 margin:0;
 font-size:.75rem;
 font-weight:700;
 color:#fefefe;
 white-space:nowrap;
 border-radius:3px
}
.slider {
 position:relative;
 height:.5rem;
 margin-top:1.25rem;
 margin-bottom:2.25rem;
 background-color:#e0e0e0;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -ms-touch-action:none;
 touch-action:none
}
.slider-fill {
 position:absolute;
 top:0;
 left:0;
 display:inline-block;
 max-width:100%;
 height:.5rem;
 background-color:#cacaca;
 transition:all .2s ease-in-out
}
.slider-fill.is-dragging {
 transition:all 0s linear
}
.slider-handle {
 top:50%;
 transform:translateY(-50%);
 position:absolute;
 left:0;
 z-index:1;
 display:inline-block;
 width:1.4rem;
 height:1.4rem;
 background-color:#35c8e6;
 transition:all .2s ease-in-out;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 border-radius:3px
}
[data-whatinput=mouse] .slider-handle {
 outline:0
}
.slider-handle:hover {
 background-color:#1ab6d6
}
.slider-handle.is-dragging {
 transition:all 0s linear
}
.slider.disabled,.slider[disabled] {
 opacity:.25;
 cursor:not-allowed
}
.slider.vertical {
 display:inline-block;
 width:.5rem;
 height:12.5rem;
 margin:0 1.25rem;
 transform:scaleY(-1)
}
.slider.vertical .slider-fill {
 top:0;
 width:.5rem;
 max-height:100%
}
.slider.vertical .slider-handle {
 position:absolute;
 top:0;
 left:50%;
 width:1.4rem;
 height:1.4rem;
 transform:translateX(-50%)
}
.sticky-container {
 position:relative
}
.sticky {
 position:absolute;
 z-index:0;
 transform:translateZ(0)
}
.sticky.is-stuck {
 position:fixed;
 z-index:5
}
.sticky.is-stuck.is-at-top {
 top:0
}
.sticky.is-stuck.is-at-bottom {
 bottom:0
}
.sticky.is-anchored {
 position:absolute;
 left:auto;
 right:auto
}
.sticky.is-anchored.is-at-bottom {
 bottom:0
}
body.is-reveal-open {
 overflow:hidden
}
html.is-reveal-open,html.is-reveal-open body {
 min-height:100%;
 overflow:hidden;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.reveal-overlay {
 display:none;
 position:fixed;
 top:0;
 bottom:0;
 left:0;
 right:0;
 z-index:1005;
 background-color:hsla(0,0%,4%,.45);
 overflow-y:scroll
}
.reveal {
 display:none;
 z-index:1006;
 padding:1rem;
 border:1px solid #cacaca;
 background-color:#fefefe;
 position:relative;
 top:100px;
 margin-left:auto;
 margin-right:auto;
 overflow-y:auto
}
[data-whatinput=mouse] .reveal {
 outline:0
}
@media screen and (min-width:40em) {
 .reveal {
  min-height:0
 }
}
.reveal .column,.reveal .columns {
 min-width:0
}
.reveal>:last-child {
 margin-bottom:0
}
@media screen and (min-width:40em) {
 .reveal {
  width:600px;
  max-width:75rem
 }
}
@media screen and (min-width:40em) {
 .reveal .reveal {
  left:auto;
  right:auto;
  margin:0 auto
 }
}
.reveal.collapse {
 padding:0
}
@media screen and (min-width:40em) {
 .reveal.tiny {
  width:30%;
  max-width:75rem
 }
}
@media screen and (min-width:40em) {
 .reveal.small {
  width:50%;
  max-width:75rem
 }
}
@media screen and (min-width:40em) {
 .reveal.large {
  width:90%;
  max-width:75rem
 }
}
.reveal.full {
 top:0;
 left:0;
 width:100%;
 height:100%;
 height:100vh;
 min-height:100vh;
 max-width:none;
 margin-left:0;
 border:0;
 border-radius:0
}
@media screen and (max-width:39.9375em) {
 .reveal {
  top:0;
  left:0;
  width:100%;
  height:100%;
  height:100vh;
  min-height:100vh;
  max-width:none;
  margin-left:0;
  border:0;
  border-radius:0
 }
}
.reveal.without-overlay {
 position:fixed
}
.switch {
 height:2rem;
 margin-bottom:1rem;
 outline:0;
 position:relative;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 color:#fefefe;
 font-weight:700;
 font-size:.875rem
}
.switch-input {
 opacity:0;
 position:absolute;
 margin-bottom:0
}
.switch-paddle {
 background:#cacaca;
 cursor:pointer;
 display:block;
 position:relative;
 width:4rem;
 height:2rem;
 transition:all .25s ease-out;
 border-radius:3px;
 color:inherit;
 font-weight:inherit
}
input+.switch-paddle {
 margin:0
}
.switch-paddle:after {
 background:#fefefe;
 content:"";
 display:block;
 position:absolute;
 height:1.5rem;
 left:.25rem;
 top:.25rem;
 width:1.5rem;
 transition:all .25s ease-out;
 transform:translateZ(0);
 border-radius:3px
}
input:checked~.switch-paddle {
 background:#35c8e6
}
input:checked~.switch-paddle:after {
 left:2.25rem
}
[data-whatinput=mouse] input:focus~.switch-paddle {
 outline:0
}
.switch-active,.switch-inactive {
 position:absolute;
 top:50%;
 transform:translateY(-50%)
}
.switch-active {
 left:8%;
 display:none
}
input:checked+label>.switch-active {
 display:block
}
.switch-inactive {
 right:15%
}
input:checked+label>.switch-inactive {
 display:none
}
.switch.tiny {
 height:1.5rem
}
.switch.tiny .switch-paddle {
 width:3rem;
 height:1.5rem;
 font-size:.625rem
}
.switch.tiny .switch-paddle:after {
 width:1rem;
 height:1rem
}
.switch.tiny input:checked~.switch-paddle:after {
 left:1.75rem
}
.switch.small {
 height:1.75rem
}
.switch.small .switch-paddle {
 width:3.5rem;
 height:1.75rem;
 font-size:.75rem
}
.switch.small .switch-paddle:after {
 width:1.25rem;
 height:1.25rem
}
.switch.small input:checked~.switch-paddle:after {
 left:2rem
}
.switch.large {
 height:2.5rem
}
.switch.large .switch-paddle {
 width:5rem;
 height:2.5rem;
 font-size:1rem
}
.switch.large .switch-paddle:after {
 width:2rem;
 height:2rem
}
.switch.large input:checked~.switch-paddle:after {
 left:2.75rem
}
table {
 width:100%;
 margin-bottom:1rem;
 border-radius:3px
}
tbody,tfoot,thead {
 border:1px solid #f1f1f1;
 background-color:#fefefe
}
caption {
 font-weight:700;
 padding:.5rem .625rem .625rem
}
thead {
 background:#f8f8f8
}
tfoot,thead {
 color:#212121
}
tfoot {
 background:#f1f1f1
}
tfoot tr,thead tr {
 background:transparent
}
tfoot td,tfoot th,thead td,thead th {
 padding:.5rem .625rem .625rem;
 font-weight:700;
 text-align:left
}
tbody tr:nth-child(2n) {
 background-color:#f1f1f1
}
tbody td,tbody th {
 padding:.5rem .625rem .625rem
}
@media screen and (max-width:63.9375em) {
 table.stack tfoot,table.stack thead {
  display:none
 }
 table.stack td,table.stack th,table.stack tr {
  display:block
 }
 table.stack td {
  border-top:0
 }
}
table.scroll {
 display:block;
 width:100%;
 overflow-x:auto
}
table.hover thead tr:hover {
 background-color:#f3f3f3
}
table.hover tfoot tr:hover {
 background-color:#ececec
}
table.hover tbody tr:hover {
 background-color:#f9f9f9
}
table.hover tbody tr:nth-of-type(2n):hover {
 background-color:#ececec
}
.table-scroll {
 overflow-x:auto
}
.table-scroll table {
 width:auto
}
.tabs {
 margin:0;
 list-style-type:none;
 background:#fefefe;
 border:1px solid #e0e0e0
}
.tabs:after,.tabs:before {
 content:" ";
 display:table
}
.tabs:after {
 clear:both
}
.tabs.vertical>li {
 width:auto;
 float:none;
 display:block
}
.tabs.simple>li>a {
 padding:0
}
.tabs.simple>li>a:hover {
 background:transparent
}
.tabs.primary {
 background:#35c8e6
}
.tabs.primary>li>a {
 color:#fefefe
}
.tabs.primary>li>a:focus,.tabs.primary>li>a:hover {
 background:#28c5e4
}
.tabs-title {
 float:left
}
.tabs-title>a {
 display:block;
 padding:1.25rem 1.5rem;
 line-height:1;
 font-size:.75rem
}
.tabs-title>a:hover {
 background:#fefefe
}
.tabs-title>a:focus,.tabs-title>a[aria-selected=true] {
 background:#e0e0e0
}
.tabs-content {
 background:#fefefe;
 transition:all .5s ease;
 border:1px solid #e0e0e0;
 border-top:0
}
.tabs-content.vertical {
 border:1px solid #e0e0e0;
 border-left:0
}
.tabs-panel {
 display:none;
 padding:1rem
}
.tabs-panel.is-active {
 display:block
}
.thumbnail {
 border:4px solid #fefefe;
 box-shadow:0 0 0 1px hsla(0,0%,4%,.2);
 display:inline-block;
 line-height:0;
 max-width:100%;
 transition:box-shadow .2s ease-out;
 border-radius:3px;
 margin-bottom:1rem
}
.thumbnail:focus,.thumbnail:hover {
 box-shadow:0 0 6px 1px rgba(53,200,230,.5)
}
.title-bar {
 background:#0a0a0a;
 color:#fefefe;
 padding:.5rem
}
.title-bar:after,.title-bar:before {
 content:" ";
 display:table
}
.title-bar:after {
 clear:both
}
.title-bar .menu-icon {
 margin-left:.25rem;
 margin-right:.25rem
}
.title-bar-left {
 float:left
}
.title-bar-right {
 float:right;
 text-align:right
}
.title-bar-title {
 vertical-align:middle
}
.has-tip,.title-bar-title {
 font-weight:700;
 display:inline-block
}
.has-tip {
 border-bottom:1px dotted #8a8a8a;
 position:relative;
 cursor:help
}
.tooltip {
 background-color:#0a0a0a;
 color:#fefefe;
 font-size:80%;
 padding:.75rem;
 position:absolute;
 z-index:10;
 top:calc(100% + .6495rem);
 max-width:10rem!important;
 border-radius:3px
}
.tooltip:before {
 border:.75rem inset;
 border-color:transparent transparent #0a0a0a;
 border-bottom-style:solid;
 border-top-width:0;
 bottom:100%;
 position:absolute;
 left:50%;
 transform:translateX(-50%)
}
.tooltip.top:before,.tooltip:before {
 content:"";
 display:block;
 width:0;
 height:0
}
.tooltip.top:before {
 border:.75rem inset;
 border-color:#0a0a0a transparent transparent;
 border-top-style:solid;
 border-bottom-width:0;
 top:100%;
 bottom:auto
}
.tooltip.left:before {
 border:.75rem inset;
 border-color:transparent transparent transparent #0a0a0a;
 border-left-style:solid;
 border-right-width:0;
 left:100%
}
.tooltip.left:before,.tooltip.right:before {
 content:"";
 display:block;
 width:0;
 height:0;
 bottom:auto;
 top:50%;
 transform:translateY(-50%)
}
.tooltip.right:before {
 border:.75rem inset;
 border-color:transparent #0a0a0a transparent transparent;
 border-right-style:solid;
 border-left-width:0;
 left:auto;
 right:100%
}
.top-bar {
 padding:.5rem
}
.top-bar:after,.top-bar:before {
 content:" ";
 display:table
}
.top-bar:after {
 clear:both
}
.top-bar,.top-bar ul {
 background-color:#e0e0e0
}
.top-bar input {
 max-width:200px;
 margin-right:1rem
}
.top-bar .input-group-field {
 width:100%;
 margin-right:0
}
.top-bar input.button {
 width:auto
}
.top-bar .top-bar-left,.top-bar .top-bar-right {
 width:100%
}
@media screen and (min-width:40em) {
 .top-bar .top-bar-left,.top-bar .top-bar-right {
  width:auto
 }
}
@media screen and (max-width:63.9375em) {
 .top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right {
  width:100%
 }
}
@media screen and (max-width:74.9375em) {
 .top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right {
  width:100%
 }
}
.top-bar-title {
 float:left;
 margin-right:1rem
}
.top-bar-left {
 float:left
}
.top-bar-right {
 float:right
}
.hide {
 display:none!important
}
.invisible {
 visibility:hidden
}
@media screen and (max-width:39.9375em) {
 .hide-for-small-only {
  display:none!important
 }
}
@media screen and (max-width:0em),screen and (min-width:40em) {
 .show-for-small-only {
  display:none!important
 }
}
@media screen and (min-width:40em) {
 .hide-for-medium {
  display:none!important
 }
}
@media screen and (max-width:39.9375em) {
 .show-for-medium {
  display:none!important
 }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
 .hide-for-medium-only {
  display:none!important
 }
}
@media screen and (max-width:39.9375em),screen and (min-width:64em) {
 .show-for-medium-only {
  display:none!important
 }
}
@media screen and (min-width:64em) {
 .hide-for-large {
  display:none!important
 }
}
@media screen and (max-width:63.9375em) {
 .show-for-large {
  display:none!important
 }
}
@media screen and (min-width:64em) and (max-width:74.9375em) {
 .hide-for-large-only {
  display:none!important
 }
}
@media screen and (max-width:63.9375em),screen and (min-width:75em) {
 .show-for-large-only {
  display:none!important
 }
}
.show-for-sr,.show-on-focus {
 position:absolute!important;
 width:1px;
 height:1px;
 overflow:hidden;
 clip:rect(0,0,0,0)
}
.show-on-focus:active,.show-on-focus:focus {
 position:static!important;
 height:auto;
 width:auto;
 overflow:visible;
 clip:auto
}
.hide-for-portrait,.show-for-landscape {
 display:block!important
}
@media screen and (orientation:landscape) {
 .hide-for-portrait,.show-for-landscape {
  display:block!important
 }
}
@media screen and (orientation:portrait) {
 .hide-for-portrait,.show-for-landscape {
  display:none!important
 }
}
.hide-for-landscape,.show-for-portrait {
 display:none!important
}
@media screen and (orientation:landscape) {
 .hide-for-landscape,.show-for-portrait {
  display:none!important
 }
}
@media screen and (orientation:portrait) {
 .hide-for-landscape,.show-for-portrait {
  display:block!important
 }
}
.align-right {
 -ms-flex-pack:end;
 justify-content:flex-end
}
.align-center {
 -ms-flex-pack:center;
 justify-content:center
}
.align-justify {
 -ms-flex-pack:justify;
 justify-content:space-between
}
.align-spaced {
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.align-top {
 -ms-flex-align:start;
 align-items:flex-start
}
.align-self-top {
 -ms-flex-item-align:start;
 align-self:flex-start
}
.align-bottom {
 -ms-flex-align:end;
 align-items:flex-end
}
.align-self-bottom {
 -ms-flex-item-align:end;
 align-self:flex-end
}
.align-middle {
 -ms-flex-align:center;
 align-items:center
}
.align-self-middle {
 -ms-flex-item-align:center;
 -ms-grid-row-align:center;
 align-self:center
}
.align-stretch {
 -ms-flex-align:stretch;
 align-items:stretch
}
.align-self-stretch {
 -ms-flex-item-align:stretch;
 -ms-grid-row-align:stretch;
 align-self:stretch
}
.small-order-1 {
 -ms-flex-order:1;
 order:1
}
.small-order-2 {
 -ms-flex-order:2;
 order:2
}
.small-order-3 {
 -ms-flex-order:3;
 order:3
}
.small-order-4 {
 -ms-flex-order:4;
 order:4
}
.small-order-5 {
 -ms-flex-order:5;
 order:5
}
.small-order-6 {
 -ms-flex-order:6;
 order:6
}
@media screen and (min-width:40em) {
 .medium-order-1 {
  -ms-flex-order:1;
  order:1
 }
 .medium-order-2 {
  -ms-flex-order:2;
  order:2
 }
 .medium-order-3 {
  -ms-flex-order:3;
  order:3
 }
 .medium-order-4 {
  -ms-flex-order:4;
  order:4
 }
 .medium-order-5 {
  -ms-flex-order:5;
  order:5
 }
 .medium-order-6 {
  -ms-flex-order:6;
  order:6
 }
}
@media screen and (min-width:64em) {
 .large-order-1 {
  -ms-flex-order:1;
  order:1
 }
 .large-order-2 {
  -ms-flex-order:2;
  order:2
 }
 .large-order-3 {
  -ms-flex-order:3;
  order:3
 }
 .large-order-4 {
  -ms-flex-order:4;
  order:4
 }
 .large-order-5 {
  -ms-flex-order:5;
  order:5
 }
 .large-order-6 {
  -ms-flex-order:6;
  order:6
 }
}
.slide-in-down.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:translateY(-100%);
 transition-property:transform,opacity;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.slide-in-down.mui-enter.mui-enter-active {
 transform:translateY(0)
}
.slide-in-left.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:translateX(-100%);
 transition-property:transform,opacity;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.slide-in-left.mui-enter.mui-enter-active {
 transform:translateX(0)
}
.slide-in-up.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:translateY(100%);
 transition-property:transform,opacity;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.slide-in-up.mui-enter.mui-enter-active {
 transform:translateY(0)
}
.slide-in-right.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:translateX(100%);
 transition-property:transform,opacity;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.slide-in-right.mui-enter.mui-enter-active {
 transform:translateX(0)
}
.slide-out-down.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:translateY(0);
 transition-property:transform,opacity;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.slide-out-down.mui-leave.mui-leave-active {
 transform:translateY(100%)
}
.slide-out-right.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:translateX(0);
 transition-property:transform,opacity;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.slide-out-right.mui-leave.mui-leave-active {
 transform:translateX(100%)
}
.slide-out-up.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:translateY(0);
 transition-property:transform,opacity;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.slide-out-up.mui-leave.mui-leave-active {
 transform:translateY(-100%)
}
.slide-out-left.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:translateX(0);
 transition-property:transform,opacity;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.slide-out-left.mui-leave.mui-leave-active {
 transform:translateX(-100%)
}
.fade-in.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 opacity:0;
 transition-property:opacity
}
.fade-in.mui-enter.mui-enter-active {
 opacity:1
}
.fade-out.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 opacity:1;
 transition-property:opacity
}
.fade-out.mui-leave.mui-leave-active {
 opacity:0
}
.hinge-in-from-top.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotateX(-90deg);
 transform-origin:top;
 transition-property:transform,opacity;
 opacity:0
}
.hinge-in-from-top.mui-enter.mui-enter-active {
 transform:perspective(2000px) rotate(0deg);
 opacity:1
}
.hinge-in-from-right.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotateY(-90deg);
 transform-origin:right;
 transition-property:transform,opacity;
 opacity:0
}
.hinge-in-from-right.mui-enter.mui-enter-active {
 transform:perspective(2000px) rotate(0deg);
 opacity:1
}
.hinge-in-from-bottom.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotateX(90deg);
 transform-origin:bottom;
 transition-property:transform,opacity;
 opacity:0
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
 transform:perspective(2000px) rotate(0deg);
 opacity:1
}
.hinge-in-from-left.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotateY(90deg);
 transform-origin:left;
 transition-property:transform,opacity;
 opacity:0
}
.hinge-in-from-left.mui-enter.mui-enter-active {
 transform:perspective(2000px) rotate(0deg);
 opacity:1
}
.hinge-in-from-middle-x.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotateX(-90deg);
 transform-origin:center;
 transition-property:transform,opacity;
 opacity:0
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
 transform:perspective(2000px) rotate(0deg);
 opacity:1
}
.hinge-in-from-middle-y.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotateY(-90deg);
 transform-origin:center;
 transition-property:transform,opacity;
 opacity:0
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active,.hinge-out-from-top.mui-leave {
 transform:perspective(2000px) rotate(0deg);
 opacity:1
}
.hinge-out-from-top.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform-origin:top;
 transition-property:transform,opacity
}
.hinge-out-from-top.mui-leave.mui-leave-active {
 transform:perspective(2000px) rotateX(-90deg);
 opacity:0
}
.hinge-out-from-right.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotate(0deg);
 transform-origin:right;
 transition-property:transform,opacity;
 opacity:1
}
.hinge-out-from-right.mui-leave.mui-leave-active {
 transform:perspective(2000px) rotateY(-90deg);
 opacity:0
}
.hinge-out-from-bottom.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotate(0deg);
 transform-origin:bottom;
 transition-property:transform,opacity;
 opacity:1
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
 transform:perspective(2000px) rotateX(90deg);
 opacity:0
}
.hinge-out-from-left.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotate(0deg);
 transform-origin:left;
 transition-property:transform,opacity;
 opacity:1
}
.hinge-out-from-left.mui-leave.mui-leave-active {
 transform:perspective(2000px) rotateY(90deg);
 opacity:0
}
.hinge-out-from-middle-x.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotate(0deg);
 transform-origin:center;
 transition-property:transform,opacity;
 opacity:1
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
 transform:perspective(2000px) rotateX(-90deg);
 opacity:0
}
.hinge-out-from-middle-y.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:perspective(2000px) rotate(0deg);
 transform-origin:center;
 transition-property:transform,opacity;
 opacity:1
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
 transform:perspective(2000px) rotateY(-90deg);
 opacity:0
}
.scale-in-up.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:scale(.5);
 transition-property:transform,opacity;
 opacity:0
}
.scale-in-up.mui-enter.mui-enter-active {
 transform:scale(1);
 opacity:1
}
.scale-in-down.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:scale(1.5);
 transition-property:transform,opacity;
 opacity:0
}
.scale-in-down.mui-enter.mui-enter-active,.scale-out-up.mui-leave {
 transform:scale(1);
 opacity:1
}
.scale-out-up.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transition-property:transform,opacity
}
.scale-out-up.mui-leave.mui-leave-active {
 transform:scale(1.5);
 opacity:0
}
.scale-out-down.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:scale(1);
 transition-property:transform,opacity;
 opacity:1
}
.scale-out-down.mui-leave.mui-leave-active {
 transform:scale(.5);
 opacity:0
}
.spin-in.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transform:rotate(-270deg);
 transition-property:transform,opacity;
 opacity:0
}
.spin-in.mui-enter.mui-enter-active,.spin-out.mui-leave {
 transform:rotate(0);
 opacity:1
}
.spin-out.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transition-property:transform,opacity
}
.spin-in-ccw.mui-enter,.spin-out.mui-leave.mui-leave-active {
 transform:rotate(270deg);
 opacity:0
}
.spin-in-ccw.mui-enter {
 transition-duration:.5s;
 transition-timing-function:linear;
 transition-property:transform,opacity
}
.spin-in-ccw.mui-enter.mui-enter-active,.spin-out-ccw.mui-leave {
 transform:rotate(0);
 opacity:1
}
.spin-out-ccw.mui-leave {
 transition-duration:.5s;
 transition-timing-function:linear;
 transition-property:transform,opacity
}
.spin-out-ccw.mui-leave.mui-leave-active {
 transform:rotate(-270deg);
 opacity:0
}
.slow {
 transition-duration:.75s!important
}
.fast {
 transition-duration:.25s!important
}
.linear {
 transition-timing-function:linear!important
}
.ease {
 transition-timing-function:ease!important
}
.ease-in {
 transition-timing-function:ease-in!important
}
.ease-out {
 transition-timing-function:ease-out!important
}
.ease-in-out {
 transition-timing-function:ease-in-out!important
}
.bounce-in {
 transition-timing-function:cubic-bezier(.485,.155,.24,1.245)!important
}
.bounce-out {
 transition-timing-function:cubic-bezier(.485,.155,.515,.845)!important
}
.bounce-in-out {
 transition-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important
}
.short-delay {
 transition-delay:.3s!important
}
.long-delay {
 transition-delay:.7s!important
}
.shake {
 animation-name:a
}
@keyframes a {
 0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
  transform:translateX(7%)
 }
 5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
  transform:translateX(-7%)
 }
}
.spin-ccw,.spin-cw {
 animation-name:b
}
@keyframes b {
 0% {
  transform:rotate(0)
 }
 to {
  transform:rotate(1turn)
 }
}
.wiggle {
 animation-name:c
}
@keyframes c {
 40%,50%,60% {
  transform:rotate(7deg)
 }
 35%,45%,55%,65% {
  transform:rotate(-7deg)
 }
 0%,30%,70%,to {
  transform:rotate(0)
 }
}
.shake,.spin-ccw,.spin-cw,.wiggle {
 animation-duration:.5s
}
.infinite {
 animation-iteration-count:infinite
}
.slow {
 animation-duration:.75s!important
}
.fast {
 animation-duration:.25s!important
}
.linear {
 animation-timing-function:linear!important
}
.ease {
 animation-timing-function:ease!important
}
.ease-in {
 animation-timing-function:ease-in!important
}
.ease-out {
 animation-timing-function:ease-out!important
}
.ease-in-out {
 animation-timing-function:ease-in-out!important
}
.bounce-in {
 animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important
}
.bounce-out {
 animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important
}
.bounce-in-out {
 animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important
}
.short-delay {
 animation-delay:.3s!important
}
.long-delay {
 animation-delay:.7s!important
}
.driver-line {
 width:100%;
 height:1px;
 background-color:rgba(0,0,0,.08)
}
.vertically-middle__by_position {
 position:relative
}
.vertically-middle__by_position>div {
 position:absolute;
 transform:translateY(-50%);
 top:50%
}
.gray-desc {
 opacity:.7
}
@media screen and (min-width:40em) {
 h1,h2 {
  font-weight:300
 }
}
h1 .punctuation,h2 .punctuation,h3 .punctuation,h4 .punctuation,h5 .punctuation,h6 .punctuation {
 letter-spacing:-.5em
}
h6 {
 font-weight:500
}
h1 {
 letter-spacing:-.012em
}
h2,h3 {
 letter-spacing:-.008em
}
h6 {
 letter-spacing:.012em
}
h6.caps {
 text-transform:uppercase;
 font-size:.875rem;
 letter-spacing:.03em
}
span.anchor:after {
 font-family:icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 margin-left:.2em;
 content:"\e909"
}
a.anchor:hover,a.external:hover,a.underline:hover {
 text-decoration:underline
}
a.anchor:after,a.external:after {
 font-family:icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 margin-left:.2em
}
a.anchor:after {
 content:"\e909"
}
a.external:after {
 content:"\e907"
}
a.icon {
 color:#cacaca;
 text-decoration:none
}
a.icon:hover {
 background:none;
 color:#14b1d1
}
a.invert {
 color:#cacaca
}
p.small {
 font-size:.875rem
}
p.xsmall {
 font-size:.75rem
}
p em {
 font-weight:600;
 font-style:normal
}
.text-markup,p.gray {
 color:#9e9e9e
}
.text-markup {
 font-size:.8125rem;
 letter-spacing:0;
 line-height:1.41;
 padding-bottom:3rem;
 padding-right:2rem
}
.text-markup:before {
 content:" ";
 width:30px;
 height:1px;
 background:#e0e0e0;
 display:block;
 margin-bottom:2em
}
@media screen and (max-width:39.9375em) {
 .text-markup {
  text-align:center;
  padding-left:2rem;
  padding-top:2rem
 }
 .text-markup:before {
  margin:0 auto;
  margin-bottom:2em
 }
}
@keyframes d {
 0% {
  transform:translateY(-8px)
 }
 to {
  transform:translateY(8px)
 }
}
@keyframes e {
 0% {
  transform:translateY(1em)
 }
 to {
  transform:translateY(-1em)
 }
}
@keyframes f {
 0% {
  transform:translateY(-5em)
 }
 to {
  transform:translateY(5em)
 }
}
@keyframes g {
 0% {
  transform:translateY(-3em)
 }
 to {
  transform:translateY(3em)
 }
}
@keyframes h {
 0% {
  opacity:0;
  transform:scale(0)
 }
 70% {
  opacity:1;
  transform:scale(.6)
 }
 to {
  opacity:0;
  transform:scale(1);
  visibility:hidden
 }
}
@keyframes i {
 0% {
  opacity:0;
  transform:translateY(155px);
  transform-origin:bottom
 }
 to {
  opacity:1;
  transform:translateY(125px)
 }
}
@keyframes j {
 0% {
  opacity:0;
  transform:translateY(-20px);
  transform-origin:top left
 }
 to {
  opacity:1;
  transform:translateY(0)
 }
}
@keyframes k {
 0% {
  opacity:0;
  transform:translateY(155px) translateX(2em);
  transform-origin:bottom
 }
 50% {
  opacity:1;
  transform:translateY(0) translateX(2em)
 }
 70% {
  opacity:1;
  transform:translateY(0) translateX(2em)
 }
 to {
  opacity:0;
  visibility:hidden
 }
}
@keyframes l {
 0% {
  opacity:0;
  transform:translateY(20em) translateX(2em);
  transform-origin:top left
 }
 to {
  opacity:1;
  transform:translateY(20em) translateX(0)
 }
}
@keyframes m {
 0% {
  opacity:0;
  transform:translateY(12em) rotateX(45deg)
 }
 to {
  opacity:1;
  transform:translateY(10em) rotateX(0deg)
 }
}
@keyframes n {
 0% {
  transform:translateY(0) translateX(.5em)
 }
 to {
  transform:translateY(-25em) translateX(.5em)
 }
}
@keyframes o {
 0% {
  height:15em
 }
 to {
  height:0
 }
}
[class*=cubic-easeinout] {
 transition:transform cubic-bezier(.19,1,.22,1),opacity cubic-bezier(.19,1,.22,1),background-color cubic-bezier(.19,1,.22,1)
}
[class*="--snap"] {
 transition-duration:.75s,.75s,.75s
}
[class*="--fast"] {
 transition-duration:1s,1s,1s
}
[class*="--quick"] {
 transition-duration:1.35s,1.35s,1.35s
}
[class*="--medium"] {
 transition-duration:1.75s,1.75s,1.75s
}
[class*="--modal"] {
 transition-duration:1.5s,.35s,.35s
}
[class*="--slow-2500ms"] {
 transition-duration:2.5s,2.5s,2.5s
}
[class*="--slow-4s"] {
 transition-duration:4s,4s,4s
}
.delay-075s {
 transition-delay:75ms
}
.button {
 transition:all .4s cubic-bezier(.19,1,.22,1)
}
.text-mask-reveal {
 transform:translate(0) translateZ(0)!important
}
.text-mask-hidden-left {
 transform:translateX(-100%)
}
.cube {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 margin:auto;
 width:40vw;
 height:40vw;
 -webkit-user-select:none;
 -webkit-touch-callout:none
}
.cube.bottom-right {
 top:auto;
 left:auto;
 bottom:15%;
 right:-5%
}
.cube.bottom-right .side {
 border:2px solid hsla(0,0%,100%,.1)
}
.cube .inner {
 position:relative;
 width:40vw;
 height:40vw;
 transform:translateZ(0);
 transform-style:preserve-3d
}
.cube .side {
 position:absolute;
 width:100%;
 height:100%;
 background:hsla(0,0%,100%,.05);
 border:2px solid hsla(0,0%,100%,.15);
 opacity:0
}
.cube .side--1 {
 transform:translateZ(20vw);
 animation:q 3s ease-in-out forwards
}
.cube .side--2 {
 transform:rotateY(180deg) translateZ(40vw);
 animation:r 3s ease-in-out forwards;
 animation-delay:.3s
}
.cube .side--3 {
 transform:rotateY(90deg) translateZ(20vw);
 animation:s 3s ease-in-out forwards;
 animation-delay:.6s
}
.cube .side--4 {
 transform:rotateY(-90deg) translateZ(20vw);
 animation:t 3s ease-in-out forwards;
 animation-delay:.9s
}
.cube .side--5 {
 transform:rotateX(90deg) translateZ(20vw);
 animation:u 3s ease-in-out forwards;
 animation-delay:1.2s
}
.cube .side--6 {
 transform:rotateX(-90deg) translateZ(20vw);
 animation:v 3s ease-in-out forwards;
 animation-delay:1.5s
}
.cube.nofill .side {
 background:none
}
.cube {
 transition:transform 15s
}
.cube .inner {
 animation:p 20s linear infinite
}
.cube.start {
 transform:scale(.2);
 transition:transform 5s
}
@keyframes p {
 0% {
  transform:rotateX(0deg) rotateY(0deg)
 }
 to {
  transform:rotateX(1turn) rotateY(1turn)
 }
}
@keyframes q {
 0% {
  transform:translateZ(160vw)
 }
 to {
  transform:translateZ(20vw);
  opacity:1
 }
}
@keyframes r {
 0% {
  transform:rotateY(0deg) translateZ(160vw)
 }
 to {
  transform:rotateY(180deg) translateZ(20vw);
  opacity:.9
 }
}
@keyframes s {
 0% {
  transform:rotateY(0deg) translateZ(160vw)
 }
 to {
  transform:rotateY(90deg) translateZ(20vw);
  opacity:.8
 }
}
@keyframes t {
 0% {
  transform:rotateY(0deg) translateZ(160vw)
 }
 to {
  transform:rotateY(-90deg) translateZ(20vw);
  opacity:.7
 }
}
@keyframes u {
 0% {
  transform:rotateX(0deg) translateZ(160vw)
 }
 to {
  transform:rotateX(90deg) translateZ(20vw);
  opacity:.6
 }
}
@keyframes v {
 0% {
  transform:rotateX(0deg) translateZ(160vw)
 }
 to {
  transform:rotateX(-90deg) translateZ(20vw);
  opacity:.5
 }
}
@keyframes w {
 0% {
  opacity:0;
  transform:scale(0)
 }
 20% {
  transform:scale(1);
  opacity:.6
 }
 80% {
  transform:scale(1);
  opacity:.6
 }
 to {
  opacity:0
 }
}
@keyframes x {
 0% {
  opacity:0
 }
 to {
  opacity:.6
 }
}
@keyframes y {
 0% {
  opacity:0;
  transform:translateY(15%)
 }
 15% {
  opacity:1;
  transform:translateY(0)
 }
 85% {
  opacity:1;
  transform:translateY(0)
 }
 to {
  transform:translateY(5%);
  opacity:0
 }
}
@keyframes z {
 0% {
  background-color:#f66869
 }
 to {
  background-color:#e23233
 }
}
@keyframes A {
 0% {
  opacity:0;
  transform:translateY(-5%)
 }
 to {
  opacity:1;
  transform:translateY(0)
 }
}
.button {
 font-weight:500;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.button.secondary {
 color:#000;
 border:1px solid #ccc
}
.button.secondary:hover {
 color:#000
}
.button.hollow {
 border:1px solid #bdbdbd;
 border-radius:3px;
 background:none;
 color:#575757
}
.button.hollow:hover {
 border-color:#bdbdbd;
 color:#1198b4
}
.button.invert {
 color:#000;
 background:#f4f4f4;
 text-shadow:none
}
.button.invert:hover {
 opacity:.7
}
.button.invert.secondary {
 background:none;
 border:1px solid #f4f4f4;
 color:#f4f4f4
}
.button.tiny {
 text-transform:uppercase;
 font-weight:600
}
.button.white {
 background:#fff;
 color:#c7152d
}
.button.white:hover {
 box-shadow:0 10px 10px HSLA(0,0,100%,.2)!important
}
.button.green {
 background:#66bb6a
}
.button.green:hover {
 box-shadow:0 10px 10px HSLA(123,38%,57%,.2)!important
}
.button.cyan {
 background:#3fad86
}
.button.cyan:hover {
 box-shadow:0 10px 10px rgba(63,173,134,.2)!important
}
.button.red {
 background:#f66869
}
.button.red:hover {
 box-shadow:0 10px 10px HSLA(360,89%,69%,.2)!important
}
.button.cta {
 border-radius:10em;
 text-transform:uppercase;
 letter-spacing:.022em;
 transition:all .2s ease;
 margin:0 .2em
}
.button.cta:hover {
 box-shadow:0 10px 10px rgba(0,189,229,.2);
 transform:translateY(-1px)
}
.button.cta.nohover {
 box-shadow:none;
 transform:none
}
.button.cta:active {
 box-shadow:0 4px 5px rgba(0,189,229,.2);
 transform:translateY(1px)
}
.button.cta.hollow {
 border-radius:10em;
 text-transform:none;
 background:transparent;
 border:1px solid #14b1d1;
 color:#14b1d1
}
.button.cta.hollow.white {
 color:#fefefe;
 border:1px solid #fefefe
}
.button.cta.hollow:hover {
 background-color:#14b1d1;
 border-color:#14b1d1;
 color:#fff
}
.top-bar {
 width:100%;
 padding:.5rem 0!important
}
.top-bar,.top-bar ul {
 background:transparent
}
.top-bar ul li a {
 font-size:.875rem;
 color:rgba(0,0,0,.6);
 transition:color .2s ease;
 padding:.7rem
}
.top-bar ul li a:hover {
 color:#1198b4
}
.top-bar ul li a img {
 width:24px;
 height:24px;
 margin-right:14px
}
.top-bar ul .submenu {
 padding:9px;
 background:#fefefe;
 border-radius:3px;
 border:1px solid #eee;
 box-shadow:0 5px 10px 0 rgba(0,0,0,.05)
}
.top-bar .cta.hollow {
 padding:.5em .8em .4em;
 font-size:.875rem;
 font-weight:400
}
.dropdown.menu>li.is-dropdown-submenu-parent a {
 white-space:nowrap
}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
 content:"\e906";
 font-family:icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 border:none;
 width:auto;
 top:35%;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.top-bar-wrapper {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:99;
 padding:1em 0
}
.top-bar-wrapper.index-with-activity {
 top:auto
}
@media screen and (min-width:40em) {
 .top-bar-wrapper.is-fixed {
  position:fixed;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:0 0 0 transparent;
  background:hsla(0,0%,100%,0)
 }
}
.top-bar-wrapper.fixed {
 background:hsla(0,0%,100%,.95);
 padding:.1em 0;
 box-shadow:0 2px 30px rgba(0,0,0,.05)
}
.top-bar-left .big a {
 font-size:1rem
}
.countdown-logo,.top-bar__logo {
 background:url(logo-black.png) 0 no-repeat;
 height:16px;
 width:120px;
 padding:1.1rem 1rem
}
.tabs {
 border-radius:3px 3px 0 0
}
.tabs .tabs-title a {
 background-color:transparent;
 font-weight:500;
 color:#616161;
 font-size:.875rem;
 border-bottom:2px solid transparent;
 margin-bottom:-1px
}
.tabs .tabs-title.is-active a {
 color:#0a0a0a;
 border-bottom:2px solid #35c8e6
}
.tabs-content {
 border-radius:0 0 3px 3px
}
.nav.block-grid {
 background:#fafafa
}
.nav.block-grid.no-border ul li {
 border:none
}
.nav.block-grid ul {
 width:100%;
 text-align:center;
 margin:0;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.nav.block-grid ul li {
 list-style:none;
 width:33%;
 display:-ms-flexbox;
 display:flex;
 border-right:1px solid #eee
}
@media screen and (max-width:39.9375em) {
 .nav.block-grid ul li {
  width:100%;
  border:none;
  border-bottom:1px solid #eee
 }
}
.nav.block-grid ul li>a {
 padding:2em;
 padding-bottom:2.5em;
 width:100%;
 display:block;
 transition:background .2s ease;
 height:inherit;
 position:relative
}
@media screen and (max-width:39.9375em) {
 .nav.block-grid ul li>a {
  padding:2em 1em
 }
}
.nav.block-grid ul li>a h5 {
 font-size:1rem;
 color:#0a0a0a;
 margin-bottom:8px
}
.nav.block-grid ul li>a span {
 display:block;
 font-size:.875rem
}
.nav.block-grid ul li>a span.description {
 color:#0a0a0a;
 line-height:1.4;
 margin-bottom:3em
}
.nav.block-grid ul li>a span.anchor {
 position:absolute;
 bottom:2.5em;
 width:100%;
 text-align:center;
 left:.2em
}
.nav.block-grid ul li>a:hover {
 background-color:#f2f2f2
}
.nav.block-grid ul li>a:hover .anchor {
 text-decoration:underline
}
.nav.block-grid ul li:last-child {
 border:none
}
.nav-block-grid__icon {
 height:80px;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-align:center;
 align-items:center;
 margin-bottom:8px
}
.subnav-container {
 background:#f0f0f0;
 height:50px;
 z-index:99!important;
 transition:all .2s ease
}
.subnav-container.dark-mode.is-stuck {
 background:HSL(300,14%,1%)
}
.subnav-container.dark-mode.is-stuck .subnav-bar li a {
 color:hsla(0,0%,100%,.4)
}
.subnav-container.dark-mode.is-stuck .subnav-bar li a.active {
 color:hsla(0,0%,100%,.85)
}
.subnav-container.dark-mode.is-stuck .button.hollow {
 color:#fefefe
}
.subnav-container.is-stuck {
 background:#fcfcfc;
 box-shadow:0 2px 4px rgba(0,0,0,.05)
}
.subnav-container .button.cta {
 color:#fefefe;
 font-weight:500
}
.subnav-container .subnav-bar {
 opacity:0;
 transition:opacity .2s ease
}
.subnav-container.is-stuck .subnav-bar {
 opacity:1
}
.float-right {
 float:right
}
.subnav-bar li a {
 padding:1rem 1.2rem;
 color:#bdbdbd;
 text-transform:uppercase;
 font-weight:400;
 font-size:.875rem;
 line-height:1.125rem;
 letter-spacing:.012rem
}
.subnav-bar li a:hover {
 color:#1198b4
}
.subnav-bar li a.active {
 color:#0a0a0a
}
.subnav-bar ul.menu.left li:first-child a {
 padding-left:0
}
.subnav-bar .button {
 padding:.3rem 1rem;
 margin-top:.6rem
}
.subnav-bar .button.hollow {
 border-color:transparent;
 border-radius:50px
}
.side-bar {
 font-size:.875rem;
 font-weight:500
}
.side-bar ul.menu li {
 margin-bottom:.5em
}
.side-bar a {
 color:#0a0a0a;
 border-radius:3px;
 transition:background-color .2s ease
}
.side-bar a:hover {
 background-color:#f5f5f5
}
.side-bar a span.description {
 display:block;
 color:#757575;
 font-size:.75rem;
 margin-top:.12em
}
.side-bar a.active {
 background-color:#e0e0e0;
 color:#0a0a0a
}
.side-bar a.active span.description {
 color:#0a0a0a
}
.accordion .accordion-content,.accordion .accordion-title {
 border:1px solid transparent;
 border-bottom-color:#e0e0e0
}
.accordion .accordion-title {
 padding-left:0;
 padding-right:2rem;
 line-height:1.5
}
.accordion .accordion-title:focus,.accordion .accordion-title:hover {
 background-color:inherit
}
.accordion .accordion-content {
 color:currentColor;
 padding-left:0
}
.title-bar {
 background:transparent;
 width:100%;
 color:#212121
}
.title-bar .countdown-logo,.title-bar .top-bar__logo {
 padding:0
}
.title-bar--active .countdown-logo,.title-bar--active .top-bar__logo {
 background-image:url(logo-white.png)
}
body.no-scrolling {
 overflow:hidden;
 position:fixed;
 width:100%
}
.menu-icon {
 float:right
}
.title-bar__toggle {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -o-user-select:none;
 user-select:none;
 float:right;
 width:22px;
 height:25px;
 cursor:pointer;
 z-index:1
}
.title-bar__toggle span {
 transition:all .25s ease;
 transform-origin:50% 50%;
 display:block;
 margin:4px 0;
 height:3px;
 background:#22222a
}
.is-resizing .title-bar__toggle span {
 transition:none
}
.title-bar__toggle span:nth-child(3) {
 margin-top:-7px
}
.title-bar--active .title-bar__toggle span {
 background:#fff
}
.title-bar--active .title-bar__toggle span:first-child {
 transform:scale(0) translateY(7px)
}
.title-bar--active .title-bar__toggle span:nth-child(2) {
 transform:rotate(45deg)
}
.title-bar--active .title-bar__toggle span:nth-child(3) {
 transform:rotate(-45deg)
}
.title-bar--active .title-bar__toggle span:nth-child(4) {
 transform:scale(0) translateY(-7px)
}
.mobile-nav {
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 right:0;
 bottom:0;
 z-index:98;
 padding-top:4em;
 padding-bottom:2em;
 overflow-y:scroll;
 -webkit-overflow-scrolling:touch;
 background-color:rgba(0,0,0,.9);
 -webkit-backdrop-filter:blur(10px);
 backdrop-filter:blur(10px);
 transform:translateY(-2em);
 opacity:0;
 display:none;
 transition:all .2s ease;
 font-size:1rem
}
.mobile-nav dl {
 margin-bottom:0
}
.mobile-nav.show {
 opacity:1;
 display:block;
 transform:translateY(0)
}
.mobile-nav ul {
 margin:0;
 padding:0;
 list-style:none
}
.mobile-nav ul li.divider {
 border-bottom:1px solid hsla(0,0%,100%,.2)
}
.mobile-nav ul li a {
 display:block;
 color:hsla(0,0%,100%,.8);
 transition:color .2s ease;
 padding:.7rem 1rem;
 font-weight:300
}
.mobile-nav ul li a:hover {
 color:#fff;
 background-color:hsla(0,0%,100%,.2)
}
.mobile-nav ul dd>a {
 padding:.4rem 1.2rem
}
.ui-mask {
 background-color:rgba(0,0,0,.5);
 height:100%;
 left:0;
 top:0;
 width:100%;
 z-index:2;
 position:fixed;
 display:none;
 transition:all .5s
}
.ui-mask.show {
 display:block
}
.callout {
 border:1px solid #e0e0e0
}
.callout h6 {
 font-size:.875rem;
 margin-bottom:.35em
}
.callout p.small,.callout p.xsmall {
 line-height:1.2
}
.callout.fill {
 border:none;
 background:#f5f5f5
}
.stat-number {
 font-weight:300
}
.stat-number h1 {
 font-weight:200;
 font-size:4.25rem;
 margin-bottom:-.2em
}
.stat-number h1 span.small {
 font-size:30%;
 font-weight:400
}
.reveal {
 background:#fff;
 border:1px solid rgba(0,0,0,.3);
 box-shadow:0 12px 15px 0 rgba(0,0,0,.05);
 border-radius:3px
}
.reveal-overlay {
 background-color:rgba(0,0,0,.24)
}
.code {
 background:#fff;
 padding:16px;
 border-radius:4px;
 box-shadow:inset 0 0 0 1px #e0e0e0,inset 49px 0 0 #fafafa,inset 50px 0 0 #e8e8eb;
 margin-bottom:1.2rem
}
.code pre {
 counter-reset:a
}
.code pre div {
 font-family:Menlo,Consolas,Liberation Mono,Courier,monospace;
 font-size:.75rem;
 width:100%
}
.code pre div:before {
 font-size:.625rem;
 font-weight:400;
 position:relative;
 top:2px;
 float:left;
 width:12px;
 margin-right:40px;
 content:counter(a);
 counter-increment:a;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 text-align:right;
 color:#bdbdbd
}
ul.menu li a {
 transition:color .2s ease,border-color .2s ease
}
table tfoot,table thead {
 background:transparent;
 border-left:none;
 border-right:none
}
table tfoot tr,table thead tr {
 border-bottom:1px solid #bdbdbd
}
table tbody,table tfoot,table thead {
 border:none;
 background-color:transparent
}
table tbody tr {
 border-bottom:1px solid #e0e0e0
}
table tbody tr:nth-child(2n) {
 background:transparent
}
table tbody td,table tbody th {
 padding:1rem 1rem 1.225rem
}
table tfoot td,table tfoot th,table thead td,table thead th {
 padding:.625rem 1rem .825rem
}
@media screen and (max-width:39.9375em) {
 table tbody tr {
  padding:2em 0 1.5em
 }
 table tbody tr:first-child {
  border-top:1px solid #e0e0e0
 }
 table tbody tr td:first-child {
  font-weight:600
 }
}
.pricing-table {
 text-align:left
}
.pricing-table td h3 {
 text-align:left;
 margin-bottom:0
}
.pricing-table td h3 .small {
 font-size:1rem;
 font-weight:400;
 padding-left:.2em
}
.news {
 border-top:1px solid #eee;
 border-bottom:1px solid #eee;
 margin:0
}
.news a,.news h1,.news h2,.news h3,.news h4,.news h5,.news h6,.news p {
 margin-bottom:0
}
@media screen and (max-width:39.9375em) {
 .news a,.news h1,.news h2,.news h3,.news h4,.news h5,.news h6,.news p {
  margin:.5em 0 0
 }
}
.news.ld-content>.row {
 padding:1em 0
}
.list--style-none {
 list-style:none;
 margin:0
}
.noselect,.scene-viewes .scene,ul.device-wall li,ul.device-wall li .device {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.countdown,.fullscreen {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center;
 height:100%;
 width:100%;
 position:relative;
 overflow:hidden
}
.hero.countdown,.hero.fullscreen {
 padding:0
}
footer {
 width:100%;
 padding:60px 0 10px;
 background:#f7f7f7;
 box-shadow:inset 0 1px 0 0 rgba(0,0,0,.03)
}
footer ul.row {
 width:75%;
 margin:0 auto 50px;
 list-style:none
}
footer ul.row li {
 list-style:none;
 margin-bottom:30px
}
footer ul.row li a {
 font-size:14px;
 line-height:22px;
 color:#606060
}
footer ul.row dt {
 margin-bottom:14px;
 color:#202020;
 font-weight:400
}
footer ul.row .phone,footer ul.row dt {
 font-size:18px;
 line-height:28px
}
footer ul.row .time {
 margin-bottom:33px;
 font-size:14px;
 color:#606060;
 line-height:22px
}
footer ul.row .weixin {
 position:relative
}
footer ul.row .weixin .we-ico {
 width:22px;
 height:22px
}
footer ul.row .weixin .we-qr {
 position:absolute;
 left:-3.125rem;
 top:-7.75rem;
 display:none;
 width:15.625rem;
 height:8.0625rem
}
footer ul.row .weixin a:hover+.we-qr {
 display:inline-block
}
footer .beian {
 width:80%;
 margin:0 auto;
 color:#606060;
 font-size:12px
}
footer .beian a {
 color:#606060
}
footer .beian p:last-child {
 text-align:right
}
@media screen and (max-width:414px) {
 footer ul.row {
  margin-bottom:50px
 }
 footer ul.row li:nth-child(2n) {
  padding-left:20%
 }
 footer .beian p:last-child {
  text-align:left
 }
}
.footer__language-switcher {
 position:relative;
 width:25px;
 height:16px;
 cursor:pointer;
 float:right;
 margin-top:5px;
 transition:transform .2s ease
}
.footer__language-switcher .lang {
 color:#616161;
 border:1px solid #616161;
 border-radius:2px;
 width:16px;
 height:16px;
 position:absolute;
 font-size:12px;
 line-height:15px;
 text-align:center;
 background:#fafafa
}
.footer__language-switcher .lang.han {
 top:-2px;
 left:-2px;
 font-size:11px;
 font-weight:600
}
.footer__language-switcher .lang.en,.footer__language-switcher .lang.han {
 padding-left:1px;
 transition:top .2s ease-out,left .2s ease-in,background .2s ease,color .2s ease
}
.footer__language-switcher .lang.en {
 top:2px;
 left:11px;
 font-weight:500
}
.footer__language-switcher:hover .lang.han {
 top:2px;
 left:11px;
 border-color:#616161;
 color:#fafafa;
 background:#616161
}
.footer__language-switcher:hover .lang.en {
 top:-2px;
 left:-2px
}
.footer__language-switcher:active {
 transform:scale(.95)
}
.ld-content>.row {
 padding:4rem 0
}
@media screen and (max-width:39.9375em) {
 .ld-content>.row {
  padding:2rem 0
 }
}
.ld-content p:last-child {
 margin-bottom:0
}
.ld-content p.gray {
 color:rgba(0,0,0,.4)
}
.ld-content dl dt {
 margin-top:1em
}
.ld-content--center,.ld-content--center h3,.ld-content--center img,.ld-content--center p {
 text-align:center
}
.ld-content--no-overflow,.ld-content--no-padding {
 width:100%;
 overflow:hidden
}
.ld-content--no-padding>.row {
 padding:0
}
@media screen and (max-width:39.9375em) {
 .ld-content--no-padding .ld-content__body {
  padding:4rem 2em 0
 }
}
.ld-content--no-padding-bottom>.row {
 padding-bottom:0
}
.ld-content--blue {
 background:linear-gradient(90deg,#3396f2,#4693ff);
 color:#fff
}
.ld-content--gray {
 background:#fafafa;
 border-bottom:1px solid #ebebeb
}
.ld-content--gray>.row {
 border-bottom:none!important
}
.ld-content--no-border {
 border-bottom:none
}
.ld-content--no-border>.row {
 border-bottom:none!important
}
.ld-content--bluegreen,.ld-content--darkgray,.ld-content--invert,.ld-content--midgray {
 color:#fefefe;
 background:linear-gradient(-180deg,#0f0f0f,#0a0a0a)
}
.ld-content--bluegreen h1,.ld-content--bluegreen h2,.ld-content--bluegreen h3,.ld-content--bluegreen h4,.ld-content--bluegreen h5,.ld-content--bluegreen h6,.ld-content--darkgray h1,.ld-content--darkgray h2,.ld-content--darkgray h3,.ld-content--darkgray h4,.ld-content--darkgray h5,.ld-content--darkgray h6,.ld-content--invert h1,.ld-content--invert h2,.ld-content--invert h3,.ld-content--invert h4,.ld-content--invert h5,.ld-content--invert h6,.ld-content--midgray h1,.ld-content--midgray h2,.ld-content--midgray h3,.ld-content--midgray h4,.ld-content--midgray h5,.ld-content--midgray h6 {
 color:#fefefe;
 text-shadow:0 3px 5px rgba(0,0,0,.25)
}
.ld-content--bluegreen .ld-content__hero h5,.ld-content--bluegreen p,.ld-content--darkgray .ld-content__hero h5,.ld-content--darkgray p,.ld-content--invert .ld-content__hero h5,.ld-content--invert p,.ld-content--midgray .ld-content__hero h5,.ld-content--midgray p {
 text-shadow:0 2px 3px rgba(0,0,0,.25);
 color:hsla(0,0%,100%,.8)
}
.ld-content--bluegreen>.row,.ld-content--darkgray>.row,.ld-content--invert>.row,.ld-content--midgray>.row {
 border-bottom:none!important
}
.ld-content--bluegreen {
 background:#2a6591;
 background:radial-gradient(circle farthest-side at left bottom,#43a1bf 0,#3a9cc9 10%,#2a6591 34%,#284682 63%,#223054 100%)
}
.ld-content--darkgray {
 background:#4c5b6e;
 background-image:linear-gradient(163deg,#1b2128,#61758e)
}
.ld-content--midgray {
 background:#607485;
 background:radial-gradient(circle farthest-side at left top,#98aeb9 0,#798f9d 30%,#607485 100%)
}
.ld-content--lightgray {
 background:#eee;
 background:radial-gradient(circle farthest-side at left top,#fcfcfc 0,#eaeaea 100%)
}
.ld-content--productgray {
 background:#f0f0f0;
 border-bottom:1px solid #ebebeb
}
.ld-content--white {
 background:#fff;
 border-bottom:1px solid #ebebeb
}
.ld-content--productblue {
 background:#f7fafc;
 background-image:linear-gradient(-180deg,#f7fafc 3%,#f0f4fa 98%)
}
.ld-content-productyellow {
 background:#fdfcf9;
 background-image:linear-gradient(-180deg,#fdfcf9,#fcfaf0 95%);
 border-bottom:1px solid #ebebeb
}
.ld-content-productwhite {
 background:#fff;
 background-image:linear-gradient(-180deg,#fff,#fafafa);
 border-bottom:1px solid #ebebeb
}
.bottom-cta {
 text-align:center;
 padding:60px 0 120px
}
.bottom-cta p:last-child {
 margin-bottom:0
}
.bottom-cta--border-top>.row {
 border-top:1px solid #ebebeb
}
.bottom-cta .logo-grid__column {
 padding:0
}
.bottom-divider {
 height:3px;
 background:#fafafa
}
.bottom-divider hr {
 border-color:#ebebeb;
 margin-top:0
}
.bottom-cta--gray {
 background:#fafafa
}
.bottom-cta--blue {
 background:#35c8e6;
 color:#fff;
 padding-top:138px;
 height:420px;
 box-sizing:border-box
}
.bottom-cta--bottom {
 margin-top:24px;
 font-weight:700
}
.bottom-cta--bottom a {
 color:#fff
}
.button.register {
 margin-top:36px;
 background-color:#fff;
 color:#35c8e6
}

.hero {
 padding:100px 0 70px;
 position:relative
}
.hero h1,.hero h2,.hero h3,.hero h4,.hero p {
 width:100%;
 text-align:center
}
.hero.text-left h1,.hero.text-left h2,.hero.text-left h3,.hero.text-left h4,.hero.text-left p {
 width:100%;
 text-align:left
}
.hero--large-padding {
 padding:12em 0 7em
}
@media screen and (max-width:39.9375em) {
 .hero--large-padding {
  padding:8em 0 5em
 }
}
.hero--text-align-left h1,.hero--text-align-left h2,.hero--text-align-left h3,.hero--text-align-left h4,.hero--text-align-left h5,.hero--text-align-left h6,.hero--text-align-left p {
 text-align:left;
 width:auto
}
@media screen and (max-width:39.9375em) {
 .hero--text-align-left h1,.hero--text-align-left h2,.hero--text-align-left h3,.hero--text-align-left h4,.hero--text-align-left h5,.hero--text-align-left h6,.hero--text-align-left p {
  text-align:center
 }
}
.hero--text-align-left .align-self-middle svg {
 margin:0 auto;
 display:block
}
.hero.is-full-height {
 padding:0;
 position:relative;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.hero.no-padding-with-bottom {
 padding-bottom:0!important
}
.slide-line-box {
 margin-top:-50px;
 height:50px!important
}
.slide-line .column,.slide-line .columns {
 opacity:.75
}
.slide-line .bg-line {
 height:2px;
 background-color:rgba(0,0,0,.08)
}
.slide-line .active-line {
 background-color:#202020;
 height:100%;
 width:0
}
.slide-line .line-desc {
 margin-top:20px
}
.slide-line img {
 height:28px;
 margin-right:16px
}
.activity-box {
 position:relative
}
.activity-box .close-btn {
 position:absolute;
 right:20px;
 top:10px
}
.activity-box .close-btn span {
 float:left;
 color:#b7b5b5;
 font-size:16px;
 line-height:28px
}
.activity-box img {
 max-width:none;
 width:100%;
 height:100%
}
.activity-box .close-img {
 width:20px;
 margin-left:10px
}
@media screen and (max-width:414px) {
 .hero-activity {
  min-width:100%;
  bottom:0;
  font-size:12px
 }
 .iconwall-item {
  margin-bottom:10px
 }
}
@media screen and (min-width:414px) {
 .hero-scene-intro {
  top:-50px
 }
 .line-box-wrap {
  margin-top:-80px
 }
}
.hero--no-padding>.row .columns {
 padding:0
}
.hero--no-content {
 padding:0;
 height:5.125em
}
.hero-link {
 font-size:16px;
 margin-right:24px
}
.hero--clip {
 overflow:hidden;
 border-bottom:1px solid #ebebeb
}
.hero-copy {
 margin:0 auto;
 transition:all .5s ease;
 z-index:9
}
.hero-copy.text-animate {
 transform:translateY(-10px) rotateY(0deg) rotateX(45deg) rotate(0deg) scale(.5);
 transform-origin:bottom;
 opacity:0
}
.hero-copy h1 {
 margin-bottom:.2rem
}
.hero-copy.is-animated {
 opacity:1;
 transform:rotateY(0deg) rotateX(0deg) rotate(0deg) scale(1)
}
.hero-copy--longform h1 {
 margin-bottom:1rem
}
.hero-copy--longform h4 {
 text-align:center;
 transform:translateX(.5rem);
 animation:n 20s forwards linear;
 animation-delay:2s;
 padding-top:2rem
}
.hero-copy__starwars {
 height:15rem;
 overflow:hidden;
 animation:o 1s forwards ease;
 animation-delay:22s;
 position:relative
}
.starwars-mask {
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 background-image:linear-gradient(-180deg,#fcfcfc 1%,hsla(0,0%,99%,0) 20%,hsla(0,0%,99%,0) 80%,#fbfbfb);
 z-index:2
}
.hero-pic {
 text-align:center;
 transform:translateY(10rem);
 margin-top:-10rem;
 padding-top:2rem
}
.countdown-bg,.hero-bg {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 overflow:hidden
}
.hero-bg {
 z-index:-1!important
}
@media screen and (min-width:40em) {
 .hero-bg.home {
  -webkit-mask-image:linear-gradient(-90deg,transparent,#000 22%,#000 48%,rgba(0,0,0,.2) 78%,transparent);
  height:107%
 }
}
.hero-bg.home>.row {
 height:100%
}
.hero-coin {
 width:30px;
 height:30px;
 background:#e0e0e0;
 position:absolute;
 top:-10%;
 left:50%
}
.hero-icons {
 padding:1rem 0
}
.phone-title:not(:first-child) {
 display:none
}
.hero-title-carousel-hide {
 opacity:0!important;
 transform:translateY(-100%) translateZ(0)!important
}
.hero-title-carousel-reveal {
 transform:translateY(100%) translateZ(0)
}
.hero footer {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 background:transparent!important;
 padding-top:0;
 padding-bottom:1em;
 opacity:.4;
 transition:all .5s ease
}
.hero footer:hover {
 opacity:.7
}
.hero footer p {
 text-align:left;
 display:none
}
@media screen and (max-width:39.9375em) {
 .hero footer {
  display:none
 }
}
.line-box-wrap {
 width:558px;
 height:393px;
 position:relative
}
@media screen and (max-width:39.9375em) {
 .line-box-wrap {
  width:auto;
  transform:scale(.8) translateY(20%)
 }
}
.line-box-viewport {
 position:absolute;
 width:105%;
 height:100%;
 margin-left:-1em
}
@media screen and (max-width:39.9375em) {
 .line-box-viewport {
  margin-left:auto
 }
}
.line-boxes {
 position:relative;
 width:2500px;
 padding-top:52px;
 transform:translate3d(-430px,0,0)
}
@media screen and (max-width:39.9375em) {
 .line-boxes {
  opacity:0
 }
}
.line-boxes:last-child {
 margin-right:0
}
.line-boxes .box {
 float:left;
 width:166px;
 height:294px;
 margin-right:17px;
 background-repeat:no-repeat;
 background-size:cover
}
.line-boxes .box.web {
 width:424px;
 background-image:url(wireframe-dashboard.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .line-boxes .box.web {
  background-image:url(wireframe-dashboard@2x.png)
 }
}
.line-boxes .box.apple-pay {
 background-image:url(wireframe-app.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .line-boxes .box.apple-pay {
  background-image:url(wireframe-app@2x.png)
 }
}
.line-boxes .box.hongbao {
 background-image:url(wireframe-hongbao.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .line-boxes .box.hongbao {
  background-image:url(wireframe-hongbao@2x.png)
 }
}
.line-boxes .box.qr {
 background-image:url(wireframe-coupon.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .line-boxes .box.qr {
  background-image:url(wireframe-coupon@2x.png)
 }
}
.scene-slider-wrap {
 box-sizing:border-box;
 position:absolute;
 top:0;
 left:50%;
 transform:translateX(-50%);
 width:303px;
 height:426px
}
.scene-slider-wrap .iphone-hand-bg {
 position:absolute;
 top:80px;
 width:378px;
 height:573px;
 background-image:url(home-phone-hand.png);
 background-repeat:no-repeat;
 background-size:cover;
 display:none
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .scene-slider-wrap .iphone-hand-bg {
  background-image:url(home-phone-hand@2x.png)
 }
}
.device-iphone6 {
 box-sizing:border-box;
 top:8px;
 left:44px;
 width:182px;
 height:380px;
 padding:44px 8px 40px;
 border-radius:25px;
 z-index:2;
 box-shadow:0 0 0 1px rgba(0,0,0,.15),0 5px 10px 0 rgba(0,0,0,.05),0 15px 15px 0 rgba(0,0,0,.03),inset 0 0 1px 0 rgba(0,0,0,.14)
}
.device-iphone6,.device-iphone6 .topbar {
 position:absolute;
 background-color:#fcfcfc
}
.device-iphone6 .topbar {
 top:0;
 left:0;
 width:100%;
 height:44px;
 border-top-left-radius:25px;
 border-top-right-radius:25px
}
.device-iphone6 .screen {
 position:relative;
 width:100%;
 height:294px;
 overflow:hidden;
 border-radius:1px
}
.device-iphone6 .camera {
 top:8px;
 width:4px;
 height:4px;
 border-radius:50%;
 transform:translateX(-50%)
}
.device-iphone6 .camera,.device-iphone6 .speaker {
 position:absolute;
 left:50%;
 background-color:#1d1c1c
}
.device-iphone6 .speaker {
 top:20px;
 width:28px;
 height:3px;
 border-radius:4px;
 transform:translateX(-49%)
}
.device-iphone6 .speaker-before {
 position:absolute;
 top:18px;
 left:33%;
 width:6px;
 height:6px;
 background:#272626;
 border-radius:50%;
 transform:translateX(-49%)
}
.device-iphone6 .home {
 position:absolute;
 bottom:6px;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:30px;
 border-radius:50%;
 background:#d9d9d9
}
.device-iphone6 .home:after {
 content:"";
 position:absolute;
 top:2px;
 left:2px;
 width:26px;
 height:26px;
 border-radius:50%;
 background:#fcfcfc
}
.scene-viewes {
 position:relative;
 width:2500px;
 height:100%
}
.scene-viewes .scene {
 position:relative;
 float:left;
 width:166px;
 height:294px;
 background-repeat:no-repeat;
 background-size:cover
}
.scene-viewes .scene.apple-pay {
 border:1px solid rgba(0,0,0,.3);
 background-image:url(screen-app-pay.jpg)
}
.scene-viewes .scene.hongbao {
 background-image:url(account-system.png)
}
.scene-viewes .scene.qr {
 width:425px;
 height:293px;
 background-size:cover;
 background-image:url(solutionfund.png)
}
.scene-viewes .scene.web {
 width:425px;
 height:293px;
 background-image:url(newhome/merchants-system.png);
 background-size:cover
}
.home-feature__copy p {
 font-size:16px;
 color:#606060
}
.hero-scene-intro {
 position:relative;
 z-index:9
}
@media screen and (max-width:39.9375em) {
 .hero-scene-intro {
  margin-left:auto;
  margin-right:auto
 }
}
.hero-scene-intro .viewport {
 position:relative;
 width:100%;
 min-width:370px;
 margin-bottom:-40px;
 height:240px;
 overflow:hidden
}
@media screen and (max-width:39.9375em) {
 .hero-scene-intro .viewport {
  height:88px
 }
}
.hero-scene-intro .viewport li {
 height:240px
}
.hero-scene-intro h1,.hero-scene-intro h4,.hero-scene-intro p {
 text-align:left
}
@media screen and (max-width:39.9375em) {
 .hero-scene-intro h1,.hero-scene-intro h4,.hero-scene-intro p {
  text-align:center
 }
}
.hero-scene-intro h1 {
 word-break:keep-all
}
.hero-scene-intro h4 {
 margin-bottom:1em;
 white-space:nowrap
}
.hero-scene-text {
 position:relative;
 display:block;
 width:100%;
 height:646px;
 min-width:370px;
 list-style:none;
 margin-left:0
}
.hero.fullheight {
 height:700px;
 min-height:485px
}
.hero.fullheight>.row {
 height:100%
}
@media screen and (max-width:39.9375em) {
 .hero.fullheight {
  padding-top:7rem;
  min-height:600px;
  height:600px
 }
 .hero.fullheight h1.show-for-small-only {
  margin-bottom:.2em
 }
}
.fullheight-column-align {
 -ms-flex-item-align:center;
 -ms-grid-row-align:center;
 align-self:center
}
@media screen and (max-width:39.9375em) {
 .fullheight-column-align {
  -ms-flex-item-align:start;
  align-self:flex-start
 }
}
.styleguide .top-bar {
 background:#fefefe;
 border-bottom:1px solid #ebebeb
}
.styleguide .side-bar {
 font-size:.875rem;
 font-weight:500
}
.styleguide .side-bar ul.menu li {
 margin-bottom:.5em
}
.styleguide .side-bar a {
 color:#0a0a0a;
 border-radius:3px;
 transition:background-color .2s ease
}
.styleguide .side-bar a:hover {
 background-color:#e0e0e0
}
.styleguide .side-bar a span.description {
 display:block;
 color:#757575;
 font-size:.75rem;
 margin-top:.12em
}
.styleguide .side-bar a.active {
 background-color:#35c8e6;
 color:#fefefe
}
.styleguide .side-bar a.active span.description {
 color:#fefefe
}
.styleguide-element {
 border:1px solid #e0e0e0;
 padding:1em;
 border-radius:3px;
 margin-bottom:.5em
}
.styleguide-element.no-padding {
 padding:0
}
.styleguide-element.h1-no-margin h1 {
 margin-bottom:.5rem
}
.styleguide-element .row:last-child .callout {
 margin:0
}
.styleguide-caption {
 font-size:.75rem;
 font-weight:500;
 display:inline-block;
 color:#8a8a8a;
 line-height:1.2
}
.styleguide-content {
 margin-top:2em
}
.styleguide-head {
 margin-bottom:1em;
 padding-bottom:1em;
 border-bottom:1px solid #ebebeb
}
.styleguide-head h2 {
 margin-bottom:.1em
}
.styleguide-section {
 padding:1em 0
}
.styleguide-section h3 {
 margin-bottom:.45em
}
.styleguide-section h6.styleguide-section--title {
 margin-bottom:.7em;
 font-size:.875rem;
 margin-top:1em
}
.color-palette {
 list-style:none;
 margin:0;
 clear:both
}
.color-palette .color-palette-item {
 width:10em;
 background:#fff;
 border:1px solid #e0e0e0;
 box-shadow:0 2px 4px 0 rgba(0,0,0,.05);
 border-radius:3px;
 float:left;
 margin-right:.5em;
 margin-bottom:.5em
}
.color-palette .color-palette-item .fill {
 width:100%;
 height:6.21118em;
 border-radius:3px 3px 0 0;
 border-bottom:1px solid rgba(0,0,0,.05)
}
.color-palette .color-palette-item .info {
 font-size:.75rem;
 padding:.5em
}
.color-palette .color-palette-item .info .name {
 font-weight:500;
 font-size:.875rem
}
.color-palette .color-palette-item .info .meta,.color-palette .color-palette-item .info .var {
 font-family:Menlo,Consolas,Liberation Mono,Courier,monospace;
 display:block;
 text-transform:lowercase;
 font-size:.75rem
}
.hero.invert,.theme-career .hero,.theme-invert .hero,.theme-ld-career .hero,.theme-orange-purple .hero,.theme-pink-black .hero {
 color:#fefefe
}
.hero.invert h1,.hero.invert h2,.hero.invert h3,.hero.invert h4,.hero.invert h5,.hero.invert h6,.theme-career .hero h1,.theme-career .hero h2,.theme-career .hero h3,.theme-career .hero h4,.theme-career .hero h5,.theme-career .hero h6,.theme-invert .hero h1,.theme-invert .hero h2,.theme-invert .hero h3,.theme-invert .hero h4,.theme-invert .hero h5,.theme-invert .hero h6,.theme-ld-career .hero h1,.theme-ld-career .hero h2,.theme-ld-career .hero h3,.theme-ld-career .hero h4,.theme-ld-career .hero h5,.theme-ld-career .hero h6,.theme-orange-purple .hero h1,.theme-orange-purple .hero h2,.theme-orange-purple .hero h3,.theme-orange-purple .hero h4,.theme-orange-purple .hero h5,.theme-orange-purple .hero h6,.theme-pink-black .hero h1,.theme-pink-black .hero h2,.theme-pink-black .hero h3,.theme-pink-black .hero h4,.theme-pink-black .hero h5,.theme-pink-black .hero h6 {
 color:#fefefe;
 text-shadow:0 3px 5px rgba(0,0,0,.25)
}
.hero.invert label,.hero.invert p,.theme-career .hero label,.theme-career .hero p,.theme-invert .hero label,.theme-invert .hero p,.theme-ld-career .hero label,.theme-ld-career .hero p,.theme-orange-purple .hero label,.theme-orange-purple .hero p,.theme-pink-black .hero label,.theme-pink-black .hero p {
 text-shadow:0 2px 3px rgba(0,0,0,.25);
 color:hsla(0,0%,100%,.8)
}
.theme-invert--image .hero {
 color:#fefefe
}
.theme-invert--image .hero h1,.theme-invert--image .hero h2,.theme-invert--image .hero h3,.theme-invert--image .hero h4,.theme-invert--image .hero h5,.theme-invert--image .hero h6 {
 color:#fefefe;
 text-shadow:0 3px 5px rgba(0,0,0,.25)
}
.theme-invert--image .hero p {
 text-shadow:0 2px 3px rgba(0,0,0,.25);
 color:hsla(0,0%,100%,.8)
}
.theme-invert--pattern.theme-career .hero,.theme-invert--pattern.theme-ld-career .hero,.theme-invert--pattern.theme-orange-purple .hero,.theme-invert--pattern.theme-pink-black .hero,.theme-invert.theme-invert--pattern .hero {
 background:url(invert-bg.png) 0 0/991px 605px no-repeat,linear-gradient(-180deg,#0f0f0f,#0a0a0a)
}
.theme-products {
 overflow-x:hidden
}
.theme-products .top-bar ul li a {
 color:hsla(0,0%,100%,.7)
}
.theme-products .top-bar ul li a:hover {
 color:#fff
}
.theme-products .top-bar .submenu a {
 color:rgba(0,0,0,.6)
}
.theme-products .top-bar .submenu a:hover {
 color:rgba(0,0,0,.8)
}
.theme-products .button.cta.hollow {
 color:hsla(0,0%,100%,.7);
 border:1px solid hsla(0,0%,100%,.7)
}
.theme-products .button.cta.hollow:hover {
 color:rgba(0,0,0,.7);
 border:1px solid hsla(0,0%,100%,.7);
 background:#fff;
 box-shadow:0 10px 10px hsla(0,0%,100%,.2)
}
.theme-products .hero {
 background-color:HSL(225,17%,5%);
 background-image:url(bg-products.jpg);
 background-size:cover;
 background-position:50%
}
.theme-products .hero-copy h1,.theme-products .hero-copy h2,.theme-products .hero-copy h3,.theme-products .hero-copy h4,.theme-products .hero-copy h5,.theme-products .hero-copy h6 {
 color:#fefefe;
 text-shadow:0 3px 5px rgba(0,0,0,.25)
}
.theme-solution {
 overflow-x:hidden
}
.theme-solution .top-bar ul li a {
 color:hsla(0,0%,100%,.7)
}
.theme-solution .top-bar ul li a:hover {
 color:#fff
}
.theme-solution .top-bar .submenu a {
 color:rgba(0,0,0,.6)
}
.theme-solution .top-bar .submenu a:hover {
 color:#14b1d1
}
.theme-solution .button.cta.hollow {
 color:hsla(0,0%,100%,.7);
 border:1px solid hsla(0,0%,100%,.7)
}
.theme-solution .button.cta.hollow:hover {
 color:rgba(0,0,0,.7);
 border:1px solid hsla(0,0%,100%,.7);
 background:#fff;
 box-shadow:0 10px 10px hsla(0,0%,100%,.2)
}
.theme-solution .hero {
 background-image:url(solution-bg.png);
 background-size:cover;
 background-position:top
}
.theme-solution .hero-copy h1,.theme-solution .hero-copy h2,.theme-solution .hero-copy h3,.theme-solution .hero-copy h4,.theme-solution .hero-copy h5,.theme-solution .hero-copy h6 {
 color:#fefefe;
 text-shadow:0 3px 5px rgba(0,0,0,.25)
}
.theme-solicit {
 overflow-x:hidden;
 background-color:#f3faf7
}
.theme-solicit .top-bar a {
 cursor:pointer
}
.theme-solicit .top-bar ul li a {
 color:#666
}
.theme-solicit .top-bar ul li a:hover {
 color:rgba(0,0,0,.8)
}
.theme-solicit .top-bar .submenu a {
 color:rgba(0,0,0,.6)
}
.theme-solicit .top-bar .submenu a:hover {
 color:rgba(0,0,0,.8)
}
.theme-new-products {
 overflow-x:hidden
}
.theme-new-products .top-bar ul li a {
 color:hsla(0,0%,100%,.7)
}
.theme-new-products .top-bar ul li a:hover {
 color:#fff
}
.theme-new-products .top-bar .submenu a {
 color:rgba(0,0,0,.6)
}
.theme-new-products .top-bar .submenu a:hover {
 color:rgba(0,0,0,.8)
}
.theme-new-products .button.cta.hollow {
 color:hsla(0,0%,100%,.7);
 border:1px solid hsla(0,0%,100%,.7)
}
.theme-new-products .button.cta.hollow:hover {
 color:rgba(0,0,0,.7);
 border:1px solid hsla(0,0%,100%,.7);
 background:#fff;
 box-shadow:0 10px 10px hsla(0,0%,100%,.2)
}
.theme-new-products .hero {
 background-image:url(solution-fund-banner.jpg);
 background-size:cover;
 background-position:50%;
 height:480px
}
.theme-new-products .hero-copy h1,.theme-new-products .hero-copy h2,.theme-new-products .hero-copy h3,.theme-new-products .hero-copy h4,.theme-new-products .hero-copy h5,.theme-new-products .hero-copy h6 {
 color:#fefefe
}
footer.invert {
 background:#212121;
 color:#757575
}
footer.invert ul.menu li a {
 color:#f5f5f5
}
footer.invert ul.menu li a:hover {
 color:#fff
}
footer.invert .footer__language-switcher .lang {
 border:1px solid #f5f5f5;
 background:#212121;
 color:#f5f5f5
}
footer.invert .footer__language-switcher:hover .lang.han {
 border-color:#f5f5f5;
 color:#212121;
 background:#f5f5f5
}
.invert.countdown-logo,.theme-career .countdown-logo,.theme-career .top-bar__logo,.theme-cmbwallet .countdown-logo,.theme-cmbwallet .top-bar__logo,.theme-invert .countdown-logo,.theme-invert .top-bar__logo,.theme-ld-career .countdown-logo,.theme-ld-career .top-bar__logo,.theme-new-products .countdown-logo,.theme-new-products .top-bar__logo,.theme-orange-purple .countdown-logo,.theme-orange-purple .top-bar__logo,.theme-pink-black .countdown-logo,.theme-pink-black .top-bar__logo,.theme-products .countdown-logo,.theme-products .top-bar__logo,.theme-solution .countdown-logo,.theme-solution .top-bar__logo,.top-bar__logo.invert {
 background:url(logo-white.png) 0 no-repeat
}
.theme-orange-blue .hero {
 background-image:linear-gradient(-180deg,#fff7eb 8%,#cde9ff)
}
.theme-light-gray .hero {
 background-image:linear-gradient(-180deg,#f6f8fa,#f1f3f4)
}
.theme-pink-blue .hero {
 background-image:linear-gradient(-180deg,#feebff 8%,#aadbff)
}
.theme-pink-black .hero {
 background-image:radial-gradient(circle farthest-side at left bottom,#f8cdda,#1d2b64 80%,#0e153a)
}
.theme-orange-purple .hero {
 background-image:radial-gradient(circle farthest-corner at right bottom,#ffd08a 0,#ffa376 28%,#d26578 52%,#682a84 79%,#241668 100%)
}
.stickers-wrap .business-friend {
 background-color:#f5f7f8
}
.stickers-wrap .business-friend.h5 {
 padding-top:0
}
.stickers-wrap .h4title {
 margin-top:40px;
 font-weight:700;
 font-size:18px;
 padding-bottom:40px;
 border-bottom:1px solid rgba(0,0,0,.08)
}
.stickers-wrap .stickers {
 background-color:#f5f7f8
}
.stickers-wrap .stickers ul {
 overflow:hidden;
 width:100%;
 white-space:nowrap;
 margin:0
}
.stickers-wrap .stickers li {
 display:inline-block;
 margin:0 -21px
}
.stickers-wrap .stickers img {
 margin-bottom:20px;
 height:300px
}
.event-banner {
 text-align:center;
 line-height:30px;
 background-color:#f0f0f0;
 font-size:12px;
 padding:0 .5rem
}
@media screen and (max-width:39.9375em) {
 .event-banner {
  display:none
 }
}
.event-banner a {
 display:inline-block;
 color:#212121
}
.event-banner a:hover {
 text-decoration:underline
}
.row {
 max-width:100%!important
}
.row,.row-d {
 margin-left:auto!important;
 margin-right:auto!important
}
.row-d {
 max-width:75rem!important;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap
}
@media screen and (max-width:414px) {
 .home-main-con {
  padding:48px 0
 }
 .iconwall-item {
  text-align:center
 }
}
.nav.block-grid.new-features ul {
 margin:0
}
.nav.block-grid.new-features li {
 position:relative;
 padding:0;
 transition:transform .2s ease;
 width:auto;
 -ms-flex:1;
 flex:1
}
@media screen and (max-width:39.9375em) {
 .nav.block-grid.new-features li {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  margin-bottom:.5em
 }
}
@media screen and (max-width:39.9375em) {
 .nav.block-grid.new-features li:not(:last-child) a.block-grid-link {
  border-bottom:none
 }
}
.nav.block-grid.new-features li:last-child,.nav.block-grid.new-features li:last-child a.block-grid-link {
 border-right:none
}
.nav.block-grid.new-features li a.block-grid-link {
 z-index:1;
 border-radius:0;
 border:1px solid #ebebeb;
 border-left:none
}
.nav.block-grid.new-features li a.block-grid-link h5 {
 z-index:1
}
.nav.block-grid.new-features li a.block-grid-link .description {
 margin:0 auto .5em;
 z-index:1;
 max-width:265px;
 opacity:.6
}
.nav.block-grid.new-features li a.block-grid-link .anchor {
 margin-bottom:-.5em;
 display:none;
 z-index:1
}
.nav.block-grid.new-features li a.block-grid-link .bg {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 opacity:0;
 transition:opacity .2s ease
}
.nav.block-grid.new-features li a.block-grid-link a {
 color:#0a0a0a
}
.nav.block-grid.new-features li:after {
 width:calc(100% - 0px);
 height:100%;
 position:absolute;
 bottom:-5px;
 left:0;
 content:" ";
 filter:blur(10px) brightness(.9);
 z-index:0;
 opacity:0;
 transition:all .2s ease-in-out
}
.nav.block-grid.new-features li.white-text a .description,.nav.block-grid.new-features li.white-text a h5 {
 text-shadow:none;
 font-weight:400
}
.nav.block-grid.new-features li.white-text:hover a .description,.nav.block-grid.new-features li.white-text:hover a h5 {
 color:#fff;
 text-shadow:0 0 4px rgba(0,0,0,.4);
 font-weight:400
}
.nav.block-grid.new-features li.payments:after,.nav.block-grid.new-features li.payments span.bg {
 background-image:linear-gradient(-41deg,#e82b4d,#ffacac);
 background-position:20% 50%
}
.nav.block-grid.new-features li.account:after,.nav.block-grid.new-features li.account span.bg {
 background-image:linear-gradient(-163deg,#6fcfd3 4%,#48b8d0)
}
.nav.block-grid.new-features li.platform:after,.nav.block-grid.new-features li.platform span.bg {
 background-image:linear-gradient(110deg,#64adee 10%,#3f6aaf)
}
.nav.block-grid.new-features li.bi:after,.nav.block-grid.new-features li.bi span.bg {
 background-image:linear-gradient(-63deg,#83d8dd,#5dd5b1)
}
.nav.block-grid.new-features li.sky:after,.nav.block-grid.new-features li.sky span.bg {
 background-image:linear-gradient(36deg,#d3f1f9,#f9fdee 89%)
}
.nav.block-grid.new-features li:hover {
 transform:scale(1.05);
 z-index:9
}
.nav.block-grid.new-features li:hover a h5,.nav.block-grid.new-features li:hover a span.bg {
 opacity:1
}
.nav.block-grid.new-features li:hover:after {
 bottom:-12px;
 filter:blur(12px) brightness(.9);
 opacity:.5
}
.nav.block-grid.new-features li:hover a a {
 color:#fff;
 opacity:.7;
 text-decoration:underline
}
.nav.block-grid.new-features li:hover a a:hover {
 opacity:1
}
.nav.block-grid.new-features li:active:after {
 bottom:-5px;
 filter:blur(8px) brightness(.9);
 opacity:.5
}
.home-feature {
 padding:6.25rem 0;
 position:relative
}
@media screen and (max-width:39.9375em) {
 .home-feature {
  padding:3rem 0
 }
}
.home-feature--text-centered .home-feature__copy {
 margin:120px auto 0
}
.home-feature--text-centered .home-feature__copy h2 {
 margin-bottom:24px
}
.home-feature--text-centered .home-feature__copy h2,.home-feature--text-centered .home-feature__copy h5,.home-feature--text-centered .home-feature__copy p {
 text-align:center
}
.home-content h2 {
 font-weight:400
}
.home-content .difficult {
 background-color:#f5f7f8;
 padding:40px 0;
 margin-bottom:80px
}
.home-content .difficult h3 {
 margin-bottom:24px
}
.home-content .difficult-box>div {
 overflow:hidden;
 height:160px;
 padding:0 71px;
 text-align:center;
 border-right:1px solid rgba(0,0,0,.08);
 background-position:50%;
 background-repeat:no-repeat;
 background-size:auto 48px
}
.home-content .difficult-box>div h4 {
 font-weight:700;
 font-size:18px;
 line-height:160px;
 margin-bottom:16px
}
.home-content .difficult-box>div:first-child {
 /*background-image:url(1.png)*/
}
.home-content .difficult-box>div:nth-child(2) {
 /*background-image:url(2.png)*/
}
.home-content .difficult-box>div:nth-child(3) {
 /*background-image:url(3.png)*/
}
.home-content .difficult-box>div:nth-child(4) {
 /*background-image:url(4.png)*/
}
.home-content .difficult-desc {
 display:none
}
.home-content .difficult-desc p {
 margin-bottom:10px;
 font-size:14px
}
.home-content .product-box {
 margin:33px 0 0;
 padding-top:67px;
 border-top:1px solid rgba(0,0,0,.08);
 color:#202020;
 font-size:14px
}
.home-content .product-box p {
 opacity:.7
}
.home-content .product-box-bottom h2 {
 margin-top:24px;
 margin-bottom:0
}
.home-content .product-box img {
 margin-top:-50px;
 height:360px;
 display:inline
}
.home-content .product-box .product-item {
 margin-bottom:90px
}
.home-content .product-box .product-item:nth-child(2n) img {
 float:left;
 margin-left:-60px
}
.home-content .product-box .product-item:nth-child(2n-1) img {
 float:right;
 margin-right:-60px
}
.home-content .product-box .product-item .privatization-img img {
 height:300px;
 margin-left:40px;
 margin-top:-20px
}
.home-content .business-friend {
 background-color:#f5f7f8;
 padding-top:72px
}
.home-content .business-friend.h5 {
 padding-top:0
}
.home-content .business-friend .home-feature__copy {
 margin-bottom:48px
}
.home-content .business-friend .play-btn {
 position:absolute;
 right:44px;
 bottom:16px;
 height:48px;
 width:48px;
 background-color:rgba(0,0,0,.35);
 border-radius:50%
}
.home-content .business-friend .play-btn img {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-12.5px;
 margin-left:-6px;
 height:25.35px
}
.home-content .business-friend .video1,.home-content .business-friend .video2,.home-content .business-friend .video3 {
 display:inline-block;
 position:relative;
 outline:0 none;
 cursor:pointer
}
.home-content .business-friend .video1 {
 padding-right:20px
}
.home-content .business-friend .video2 {
 margin-bottom:20px
}
.home-content .business-friend .video2 .play-btn,.home-content .business-friend .video3 .play-btn {
 right:24px
}
.home-content .business-friend .h4title {
 margin-top:40px;
 font-weight:700;
 font-size:18px;
 padding-bottom:40px;
 border-bottom:1px solid rgba(0,0,0,.08)
}
.home-content .stickers {
 background-color:#f5f7f8
}
.home-content .stickers ul {
 overflow:hidden;
 width:100%;
 white-space:nowrap;
 margin:0
}
.home-content .stickers li {
 display:inline-block;
 margin:0 -21px
}
.home-content .stickers img {
 margin-bottom:20px;
 height:300px
}
.home-content .text-desc {
 position:absolute;
 left:24px;
 bottom:16px;
 color:#fff
}
.home-content .text-desc .video-text {
 font-size:14px;
 opacity:.75
}
.home-content .text-desc .video-desc {
 font-size:24px
}
.bottom-tools {
 padding:40px 0
}
.bottom-tools>div {
 padding:35px 0 28px;
 cursor:pointer
}
.bottom-tools>div:not(:last-child) {
 border-right:1px solid rgba(0,0,0,.08)
}
.bottom-tools img {
 height:48px;
 margin-bottom:25px
}
.bottom-tools .had-hover {
 display:none
}
.bottom-tools .had-hover img {
 height:160px;
 margin-bottom:0
}
.video video {
 width:100%
}
@media screen and (max-width:414px) {
 .home-main-con {
  padding-bottom:0!important
 }
 .home-content .product-module .outer:first-child {
  padding-right:0
 }
 .home-content .product-module .outer:last-child {
  padding-left:0
 }
 .home-content .product-module .outer .product-module-item {
  margin-bottom:2px;
  padding:44px 54px 36px
 }
 .link-all {
  padding:32px 0;
  margin-top:-50px;
  background-color:#f5f7f8
 }
 .product-box {
  border-top:none!important;
  padding-top:0!important
 }
 .product-box img {
  height:auto!important;
  margin-top:0!important
 }
 .product-box .product-item:nth-child(2n-1) img {
  margin-right:0!important
 }
 .product-box .product-item:nth-child(2n) img {
  margin-left:0!important
 }
 .business-friend .video1,.business-friend .video2,.business-friend .video3 {
  margin-bottom:16px
 }
 .business-friend .video1 {
  padding-right:0!important
 }
 .business-friend .play-btn {
  right:24px!important
 }
 .bottom-tools {
  padding:0!important
 }
 .bottom-tools>div:first-child,.bottom-tools>div:nth-child(2) {
  border-bottom:1px solid rgba(0,0,0,.08)
 }
}
.home-feature__copy h2 {
 font-weight:300;
 font-size:2.125rem
}
@media screen and (max-width:39.9375em) {
 .home-feature__copy h2 {
  font-size:1.75rem
 }
}
.home-feature__copy h5 {
 color:#9e9e9e
}
@media screen and (max-width:39.9375em) {
 .home-feature__copy h5 {
  font-size:1rem
 }
}
.home-feature__copy p {
 line-height:1.75
}
@media screen and (max-width:39.9375em) {
 .home-feature__copy p {
  font-size:.875rem
 }
}
.home-feature__copy p a {
 font-weight:400
}
.testimonial-logo {
 display:inline-block;
 background-position:0;
 margin-bottom:-12px;
 margin-right:15px
}
.testimonial-logo.border-right {
 border-right:1px solid hsla(0,0%,100%,.7)
}
.testimonial-logo.white.deyin {
 background-size:79px 33px;
 width:94px;
 background-image:url(testimonial-logo-deyin-w@2x.png)
}
.testimonial-logo.white.tezign {
 background-size:148px 33px;
 width:163px;
 background-image:url(testimonial-logo-tezign-w@2x.png)
}
.testimonial-logo.white.jianshu {
 background-size:43px 24px;
 width:58px;
 background-image:url(testimonial-logo-jianshu-w@2x.png)
}
.testimonial-logo.white.huwai {
 background-size:71px 24px;
 width:86px;
 background-image:url(testimonial-logo-huwai-w@2x.png)
}
.testimonial-logo.white.dingxiang {
 background-size:78px 30px;
 width:86px;
 background-image:url(testimonial-logo-dingxiang-w@2x.png)
}
.index-service-moudle {
 width:80%;
 margin:0 auto 60px;
 text-align:center
}
.index-service-moudle .columns {
 padding-bottom:60px
}
.index-service-moudle h2 {
 margin:90px 0;
 font-size:36px;
 color:#202020;
 line-height:54px
}
.index-service-moudle .service-img {
 display:inline-block;
 width:104px;
 height:104px;
 margin-bottom:36px;
 background-repeat:no-repeat;
 background-size:cover
}
.index-service-moudle .service-img.service-img-1 {
 background-image:url(service-1.png)
}
.index-service-moudle .service-img.service-img-2 {
 background-image:url(service-2.png)
}
.index-service-moudle .service-img.service-img-3 {
 background-image:url(service-3.png)
}
.index-service-moudle p {
 font-size:14px;
 color:#606060;
 line-height:22px
}
.index-case-moudle {
 position:relative;
 overflow:hidden
}
.index-case-moudle .arrow-left,.index-case-moudle .arrow-right {
 position:absolute;
 display:inline-block;
 width:35px;
 height:60px;
 background-color:#000;
 z-index:10;
 opacity:.75
}
.index-case-moudle .arrow-left:after,.index-case-moudle .arrow-right:after {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-7px;
 margin-left:-7px;
 display:inline-block;
 width:14px;
 height:14px;
 border:2px solid hsla(0,0%,100%,.3);
 transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 content:""
}
.index-case-moudle .arrow-left:hover,.index-case-moudle .arrow-right:hover {
 background-color:#fff;
 opacity:1
}
.index-case-moudle .arrow-left:hover:after,.index-case-moudle .arrow-right:hover:after {
 border-color:#212121
}
.index-case-moudle .arrow-left {
 left:0;
 top:50%;
 margin-top:-30px;
 border-radius:0 3px 3px 0;
 line-height:60px;
 text-align:center
}
.index-case-moudle .arrow-left:after {
 border-right:0;
 border-top:0
}
.index-case-moudle .arrow-right {
 right:0;
 top:50%;
 margin-top:-30px;
 border-radius:3px 0 0 3px
}
.index-case-moudle .arrow-right:after {
 border-left:0;
 border-bottom:0
}
.index-case-moudle .case-list {
 position:relative;
 margin:0;
 overflow:hidden
}
.index-case-moudle .case-list li {
 float:left;
 padding:144px 0;
 height:500px;
 background-color:rgba(0,0,0,.7);
 background-size:cover;
 list-style:none
}
.index-case-moudle .case-list li .clearfix {
 width:620px;
 margin:0 auto 60px;
 font-size:24px;
 color:#fff;
 line-height:36px;
 font-weight:300
}
.index-case-moudle .case-list li .clearfix .pl {
 padding-left:30px;
 margin-bottom:70px
}
.index-case-moudle .case-list li .clearfix i {
 display:inline-block;
 width:24px;
 float:left;
 line-height:24px;
 font-size:24px
}
.index-case-moudle .case-list li img {
 width:auto;
 height:29px
}
.index-case-moudle .case-num {
 position:absolute;
 bottom:40px;
 width:100%;
 text-align:center
}
.index-case-moudle .case-num span {
 display:inline-block;
 width:8px;
 height:8px;
 margin:0 5px;
 border-radius:50%;
 background:#ccc;
 box-shadow:inset 0 1px 0 0 rgba(0,0,0,.03);
 cursor:pointer
}
.index-case-moudle .case-num span.on {
 width:10px;
 height:10px;
 background:#fff;
 box-shadow:0 2px 2px 0 rgba(73,65,65,.05)
}
.index-foot-moudle {
 width:80%;
 margin:70px auto 0;
 text-align:center;
 padding-bottom:95px
}
.index-foot-moudle h4 {
 margin-bottom:36px
}
.solicit-entry {
 background-image:url(solicit-banner.png);
 background-size:cover;
 background-position:top;
 height:240px;
 color:#fff;
 padding:56px 0
}
.solicit-entry h2 {
 font-size:36px;
 font-weight:500;
 border-right:1px solid hsla(0,0%,88%,.2);
 padding:37px 40px 37px 0
}
.solicit-entry .desc {
 padding:24px 0 40px 40px
}
.solicit-entry .desc .cta.hollow.white:hover {
 background-color:#fff;
 border-color:#fff;
 color:#14b1d1
}
.solicit-entry h5 {
 font-size:16px;
 font-weight:700;
 margin-bottom:0
}
.solicit-entry p {
 margin-bottom:16px;
 font-size:16px
}
.pingxx-partner {
 background-image:url(solicit-banner.png);
 background-size:cover;
 background-position:top;
 height:454px;
 color:#fff;
 padding:56px 0
}
.pingxx-partner .cta.hollow.white:hover {
 background-color:#fff;
 border-color:#fff;
 color:#14b1d1
}
.pingxx-partner h2 {
 font-size:48px;
 line-height:72px;
 font-weight:300;
 padding:60px 0 37px;
 margin:0
}
.pingxx-partner .desc {
 margin-top:24px;
 padding:40px 34px;
 border-radius:8px;
 background-color:#00d3d7;
 box-shadow:0 0 36px 0 #00c2c7
}
.pingxx-partner h4 {
 padding-right:47px;
 padding-bottom:24px;
 font-size:36px;
 line-height:54px;
 margin-bottom:24px;
 border-bottom:1px solid hsla(0,0%,100%,.2);
 font-weight:300
}
.pingxx-partner h5 {
 font-size:16px;
 line-height:1.5;
 font-weight:700;
 margin:0
}
.pingxx-partner p {
 margin-bottom:16px;
 font-size:16px
}
@media screen and (max-width:414px) {
 .index-case-moudle,.index-customer-moudle,.index-info-module,.index-reason-module,.index-service-moudle,.index-sort-module {
  width:100%
 }
 .index-info-module {
  margin-top:-75px;
  padding-top:100px
 }
 .index-info-module p {
  text-align:center
 }
 .index-info-module .link {
  margin:50px 0 45px;
  text-align:center
 }
 .index-info-module img {
  width:90%
 }
 h1 {
  text-align:center
 }
 h2 {
  font-size:36px;
  line-height:54px
 }
 .index-sort-module {
  margin-top:60px
 }
 .index-sort-module .large-6,.index-sort-module .medium-6 {
  padding:0;
  border-bottom:1px solid #eee
 }
 .index-sort-module .sort-txt {
  width:80%;
  margin:0 auto;
  margin-bottom:40px
 }
 .index-service-moudle h2 {
  margin:30px 0 60px
 }
 .index-case-moudle .case-list li {
  width:355px;
  height:363px;
  padding:54px 38px
 }
 .index-case-moudle .case-list li .clearfix {
  width:90%;
  font-size:18px
 }
 .index-content {
  padding-top:90px
 }
 .solicit-entry {
  height:auto
 }
 .solicit-entry h2 {
  padding-right:0;
  border-right:none;
  margin:0
 }
 .solicit-entry .desc {
  padding-left:0;
  text-align:center
 }
 .pingxx-partner {
  height:auto
 }
 .pingxx-partner h2 {
  padding-top:0
 }
 .pingxx-partner .desc {
  margin-top:48px
 }
 .pingxx-partner .desc h4 {
  padding-right:0
 }
}
.products-grid>.column,.products-grid>.columns {
 padding-bottom:1em;
 width:33%;
 width:100%
}
@media screen and (min-width:40em) {
 .products-grid>.column,.products-grid>.columns {
  width:50%
 }
}
.products-filters a:before {
 content:" ";
 width:10px;
 height:10px;
 background:#bdbdbd;
 float:left;
 margin-right:.7em;
 margin-top:.1em;
 border-radius:2px
}
.products-filters a.pc-web:before {
 background-color:#5b69c3
}
.products-filters a.qr:before {
 background-color:#d4e24a
}
.products-filters a.wechat:before {
 background-color:#3ea142
}
.products-filters a.mobile-web:before {
 background-color:#3ba3f8
}
.products-filters a.app:before {
 background-color:#f2514b
}
@media screen and (max-width:39.9375em) {
 .products-filters a {
  width:100%
 }
}
.products-card {
 width:100%;
 height:100%;
 background:#fff;
 border:1px solid #e0e0e0;
 box-shadow:0 2px 4px 0 rgba(0,0,0,.05);
 border-radius:1px 1px 5px 5px;
 padding:1.5rem
}
.product-card__info {
 text-align:left
}
.product-card__info h5 {
 margin-bottom:.4em
}
.product-card__info h6 {
 margin-bottom:0
}
.product-card__rates h2 {
 text-align:right;
 margin-bottom:0;
 color:#bdbdbd
}
.product-card__logo {
 font-size:2rem;
 width:2rem;
 color:#616161
}
.ld-content__heroicon.financing {
 background:url(products-heroicon-financing.png) no-repeat;
 background-size:61px 61px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .ld-content__heroicon.financing {
  background-image:url(products-heroicon-financing@2x.png)
 }
}
.ld-content__heroicon.payment {
 background:url(products-heroicon-payment.png) no-repeat;
 background-size:61px 61px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .ld-content__heroicon.payment {
  background-image:url(products-heroicon-payment@2x.png)
 }
}
.ld-content__heroicon.transfer {
 background:url(products-heroicon-transfer.png) no-repeat;
 background-size:61px 61px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .ld-content__heroicon.transfer {
  background-image:url(products-heroicon-transfer@2x.png)
 }
}
.hero-bg-circle {
 width:30rem;
 height:30rem;
 background-color:#0a0a0a;
 position:absolute;
 top:50%;
 left:30%;
 border-radius:100%
}
.hero-bg-circle.green {
 background-color:HSLA(128,41%,62%,.15);
 top:65%;
 left:-20%;
 animation:e 10s ease-in-out infinite alternate;
 width:80em;
 height:80em
}
.hero-bg-circle.yellow {
 background-color:HSLA(47,100%,55%,.3);
 top:50%;
 left:70%;
 width:40em;
 height:40em;
 animation:g 10s ease-in-out infinite alternate
}
.hero-bg-circle.blue {
 background-color:HSLA(201,100%,67%,.2);
 top:70%;
 left:30%;
 animation:f 10s ease-in-out infinite alternate;
 width:60em;
 height:60em
}
.ld-fq-feature-account {
 height:420px;
 overflow:hidden;
 position:relative;
 padding:0 2em;
 max-width:390px;
 margin:0 auto;
 min-width:220px
}
.ld-fq-feature-item {
 position:absolute;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.ld-fq-buy-card {
 background:#fefefe;
 color:#0a0a0a;
 width:150px;
 border-radius:3px;
 border:1px solid rgba(0,0,0,.1);
 box-shadow:0 2px 6px 0 rgba(0,0,0,.05);
 left:0;
 top:10rem;
 animation:d 10s ease-in-out infinite alternate;
 padding:0 1em
}
.ld-fq-buy-card h3 {
 margin-bottom:.2em;
 color:#66bb6a;
 text-shadow:none
}
.ld-fq-buy-card h3 .small {
 font-size:.875rem
}
.ld-fq-approval {
 right:0;
 top:4rem;
 transition:transform .2s ease-in-out
}
.ld-fq-approval:hover {
 transform:translateY(-2rem)
}
.ld-fq-approval .device-screen {
 background-image:url(fq-approval-screen.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .ld-fq-approval .device-screen {
  background-image:url(fq-approval-screen@2x.png)
 }
}
.header-content-background-white {
 background:#fff
}
.contact-con {
 position:relative;
 min-height:500px
}
.contact-form-container {
 padding:4rem 0
}
.contact-form-container select {
 font-size:14px
}
.contact-form-container input[type=text]:focus,.contact-form-container textarea:focus {
 border-color:#35c8e6
}
.contact-address-container {
 padding:4rem 0 1rem;
 border-top:1px solid rgba(0,0,0,.05)
}
.contact-address-container h3 {
 margin-bottom:0;
 text-align:left
}
.contact-address-container h4 {
 text-align:left;
 margin-bottom:1.2em
}
.contact-address-container h5 {
 font-size:1rem;
 margin-bottom:0
}
.contact-address-container p {
 margin:.7em 0;
 font-size:.875rem;
 font-weight:300;
 text-align:left
}
.contact-address-container .column,.contact-address-container .columns {
 position:relative
}
.contact-address-container a {
 font-size:.875rem
}
.contact-address-container a.external {
 position:absolute;
 bottom:-2em
}
@media screen and (max-width:39.9375em) {
 .contact-address-container .column,.contact-address-container .columns {
  margin-bottom:2em
 }
}
.theme-ld-career .hero {
 background:linear-gradient(0deg,rgba(0,0,0,.35) 40%,rgba(0,0,0,.65)),url(career-bg.jpg) 50%/cover no-repeat
}
.about-members__avatar {
 border-radius:100%
}
.countdown {
 text-align:center;
 background-image:linear-gradient(-180deg,#fff,#f5f5f5);
 overflow:hidden
}
.countdown-timer {
 padding-top:3em
}
.countdown-timer__digit {
 font-size:6rem;
 margin-bottom:0
}
@media screen and (max-width:39.9375em) {
 .countdown-timer__digit {
  font-size:3rem
 }
}
.countdown-timer__unit {
 font-weight:400
}
.countdown-row {
 z-index:5;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-align:center;
 align-items:center
}
.countdown-mask {
 z-index:4;
 height:40%;
 background-image:linear-gradient(-180deg,#fff,hsla(0,0%,100%,0) 95%)
}
.countdown-bg,.countdown-mask {
 position:absolute;
 top:0;
 left:0;
 width:100%
}
.countdown-bg {
 height:100%;
 right:0;
 bottom:0;
 z-index:0;
 perspective:500px
}
.countdown-bg__piece {
 height:7.5rem;
 width:7.5rem;
 background:#f5f5f5;
 position:absolute;
 top:-8rem
}
.countdown-logo {
 margin:0 auto
}
.countdown-copy {
 padding:2em 0
}
.apple-pay-hero-intro {
 width:100%;
 height:100%;
 top:0;
 left:0;
 position:absolute;
 text-align:center;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-align:center;
 align-items:center;
 z-index:-1
}
.apple-pay-logo {
 animation:h 1s forwards ease-in-out
}
.hero-delay {
 width:100%;
 z-index:1
}
.hero-delay h1,.hero-delay h2,.hero-delay h3,.hero-delay h4,.hero-delay h5,.hero-delay h6,.hero-delay p {
 text-align:left
}
.hero-delay-copy {
 opacity:0;
 transform:scale(0);
 animation:j .8s forwards ease;
 animation-delay:1s
}
@media screen and (max-width:39.9375em) {
 .hero-delay-copy {
  animation:l .8s forwards ease;
  animation-delay:2s
 }
}
.hero-delay-copy .links a {
 margin-right:1.5em
}
.hero-delay-copy .typical-case-logo-wall {
 margin-top:1.5rem
}
@media screen and (max-width:39.9375em) {
 .hero-delay-copy .typical-case-logo-wall {
  padding:0
 }
}
.apple-pay-hand {
 background-image:url(apple-pay-hand.png);
 background-size:377px 634px;
 width:377px;
 height:634px;
 position:relative;
 opacity:0;
 animation:i .8s forwards ease;
 animation-delay:1.1s;
 margin:0 auto
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .apple-pay-hand {
  background-image:url(apple-pay-hand@2x.png)
 }
}
@media screen and (max-width:39.9375em) {
 .apple-pay-hand {
  animation:k .8s forwards ease;
  animation-delay:1s
 }
}
.apple-pay-hand-mask {
 width:100%;
 height:20%;
 bottom:0;
 left:0;
 position:absolute;
 background-image:linear-gradient(-179deg,transparent,#0a0a0a)
}
.apple-pay-screen {
 width:160px;
 height:282px;
 position:absolute;
 top:53px;
 left:57px;
 background:url(apple-pay-screen@2x.png);
 background-size:contain;
 overflow:hidden
}
.apple-pay-screen-form {
 position:absolute;
 bottom:0;
 left:0;
 background:url(apple-pay-form@2x.png);
 background-size:contain;
 background-repeat:no-repeat;
 background-position:bottom;
 transform:translateY(200px);
 z-index:2
}
.apple-pay-screen-form,.apple-pay-screen-mask {
 width:100%;
 height:100%;
 transition:all .3s ease-in-out
}
.apple-pay-screen-mask {
 background:#0a0a0a;
 opacity:0;
 z-index:1
}
.apple-pay-screen:hover {
 cursor:pointer
}
.apple-pay-screen:hover .apple-pay-screen-form {
 transform:translateY(0)
}
.apple-pay-screen:hover .apple-pay-screen-mask {
 opacity:.5
}
.hero-copy.price p {
 color:#666
}
.price-title {
 padding-top:90px
}
.pricing-plan {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap;
 margin-top:33px
}
.pricing-plan,.pricing-plan * {
 box-sizing:border-box
}
.pricing-plan h1,.pricing-plan h2,.pricing-plan h3,.pricing-plan h4,.pricing-plan h5,.pricing-plan h6 {
 font-weight:400
}
.pricing-plan-contact {
 display:none
}
.pricing-plan-item .title a {
 display:inline-block;
 padding:8px;
 margin:15px 0;
 width:49%;
 color:#999;
 font-size:16px;
 text-align:center
}
.pricing-plan-item .title a.active {
 color:#222
}
.pricing-plan-item .title a:last-child {
 border-left:1px solid #eee
}
.pricing-plan-feature {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap;
 padding:12px 10px;
 background:#27c8e8;
 border-radius:5px 5px 0 0
}
.pricing-plan-feature .columns {
 padding:5px
}
.pricing-plan-feature .feature-item {
 height:120px;
 padding:12px 15px;
 background:#3dd6f4;
 border-radius:4px;
 color:#fff
}
.pricing-plan-feature .feature-item p {
 margin:0;
 font-size:12px;
 line-height:18px
}
.pricing-plan-feature .feature-item h5 {
 margin:0;
 font-size:14px;
 line-height:28px;
 color:#fff;
 font-weight:600
}
.pricing-plan-feature.senior {
 background:#0b5e8f
}
.pricing-plan-feature.senior .feature-item {
 background:#1073a7
}
.pricing-plan-list {
 margin:0;
 padding:0;
 list-style:none;
 min-height:600px;
 background:#fff;
 border-radius:0 0 5px 5px
}
.pricing-plan-list li {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap;
 padding-top:28px;
 padding-bottom:27px;
 border-top:1px solid #f5f5f5;
 position:relative
}
.pricing-plan-list li .most-popular {
 position:absolute;
 top:50%;
 left:-23px;
 display:block;
 width:23px;
 margin-top:-30px;
 padding:5px;
 border-radius:3px 0 0 3px;
 background:#27c8e8;
 font-size:11px;
 line-height:1;
 color:#fff;
 text-align:center;
 font-weight:600
}
.pricing-plan-list li>div:first-child {
 padding-left:40px
}
.pricing-plan-list li h4 {
 margin-bottom:5px;
 line-height:20px;
 font-size:14px;
 color:#212121;
 font-weight:700
}
.pricing-plan-list li .pricing-plan-price {
 margin-bottom:27px;
 font-size:20px;
 color:#424242;
 font-weight:300
}
.pricing-plan-list li p {
 margin:0;
 font-size:14px;
 line-height:28px;
 color:#616161
}
.pricing-plan-senior {
 min-height:1040px;
 background:#fff;
 border-radius:0 0 5px 5px;
 padding-top:273px
}
.pricing-plan-senior .senior-txt {
 font-size:20px;
 color:#212121;
 text-align:center
}
.pricing-plan-senior .senior-txt-s {
 margin-bottom:50px;
 font-size:14px;
 color:#a1a1a1;
 text-align:center
}
.pricing-plan-senior .senior-tip {
 margin-bottom:124px;
 font-size:14px;
 color:#a1a1a1;
 text-align:center
}
.pricing-plan-senior .button.btn-senior {
 border:1px solid #335277;
 border-radius:100px;
 background:none;
 color:#335277;
 font-size:14px;
 letter-spacing:.7px;
 text-transform:none
}
@media only screen and (max-width:414px) {
 .pricing-plan-list li {
  padding-left:0;
  text-align:center
 }
 .pricing-plan-list li>div:first-child {
  padding-left:0
 }
 .pricing-plan-list li:last-child {
  border-top:2px solid #27c8e8;
  padding-top:50px
 }
 .pricing-plan-list li .most-popular {
  position:absolute;
  top:28px;
  left:50%;
  display:block;
  width:60px;
  margin-left:-30px;
  padding:5px;
  border-radius:0 0 3px 3px;
  background:#27c8e8;
  font-size:11px;
  line-height:1;
  color:#fff;
  text-align:center
 }
 .pricing-plan-list .button.hollow {
  margin-bottom:20px
 }
 .pricing-plan-senior {
  padding-top:100px;
  min-height:360px
 }
 .pricing-plan-senior .senior-tip {
  margin-bottom:50px
 }
}
@media screen and (min-width:64em) {
 .pricing-plan-item.large-6 {
  -ms-flex:0 0 48%;
  flex:0 0 48%;
  max-width:48%
 }
}
@media screen and (min-width:40em) {
 .pricing-plan-item.medium-6 {
  -ms-flex:0 0 48%;
  flex:0 0 48%;
  max-width:48%
 }
}
@media only screen and (min-width:1024px) {
 .pricing-plan-contact {
  display:block;
  padding-top:450px;
  font-size:50px;
  color:#ccc;
  text-align:center;
  -ms-flex:0 0 4%;
  flex:0 0 4%;
  max-width:4%
 }
}
.pricing-table-bg {
 background:#fff
}
.pricing-head-container .column,.pricing-head-container .columns,.pricing-individual-table .column,.pricing-individual-table .columns {
 position:relative;
 transition:all .2s ease;
 border-right:1px solid #eee
}
.pricing-head-container .column:first-child,.pricing-head-container .columns:first-child,.pricing-individual-table .column:first-child,.pricing-individual-table .columns:first-child {
 border-left:1px solid #eee
}
.pricing-head-container .column:last-child,.pricing-head-container .columns:last-child,.pricing-individual-table .column:last-child,.pricing-individual-table .columns:last-child {
 border:1px solid #35c8e6
}
.pricing-head-container .column:last-child:before,.pricing-head-container .columns:last-child:before,.pricing-individual-table .column:last-child:before,.pricing-individual-table .columns:last-child:before {
 content:"最受欢迎";
 position:absolute;
 top:-30px;
 left:0;
 width:100%;
 height:30px;
 line-height:30px;
 text-align:center;
 color:#fefefe;
 font-size:14px;
 background-color:#35c8e6;
 box-shadow:-1px 0 0 #35c8e6,1px 0 0 #35c8e6
}
@media screen and (max-width:39.9375em) {
 .pricing-head-container .column:last-child:before,.pricing-head-container .columns:last-child:before,.pricing-individual-table .column:last-child:before,.pricing-individual-table .columns:last-child:before {
  display:none
 }
}
.pricing-head-container .column:last-child:after,.pricing-head-container .columns:last-child:after,.pricing-individual-table .column:last-child:after,.pricing-individual-table .columns:last-child:after {
 content:"";
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 height:20px;
 background:#fff;
 box-shadow:-1px 0 0 #35c8e6,1px 0 0 #35c8e6,0 1px 0 #35c8e6
}
@media screen and (max-width:39.9375em) {
 .pricing-head-container .column:last-child:after,.pricing-head-container .columns:last-child:after,.pricing-individual-table .column:last-child:after,.pricing-individual-table .columns:last-child:after {
  display:none
 }
}
@media screen and (max-width:39.9375em) {
 .pricing-head-container .column:last-child,.pricing-head-container .columns:last-child,.pricing-individual-table .column:last-child,.pricing-individual-table .columns:last-child {
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #eee
 }
}
@media screen and (max-width:39.9375em) {
 .pricing-head-container .column,.pricing-head-container .columns,.pricing-individual-table .column,.pricing-individual-table .columns {
  border-right-color:transparent;
  border-left-color:transparent;
  border-bottom:1px solid #eee
 }
}
@media screen and (min-width:40em) {
 .pricing-head-container .column:not(:last-child) .pricing-head,.pricing-head-container .columns:not(:last-child) .pricing-head,.pricing-individual-table .column:not(:last-child) .pricing-head,.pricing-individual-table .columns:not(:last-child) .pricing-head {
  border-right:none
 }
}
.pricing-head-container .column:last-child .pricing-body span[data-description]:hover:after,.pricing-head-container .columns:last-child .pricing-body span[data-description]:hover:after,.pricing-individual-table .column:last-child .pricing-body span[data-description]:hover:after,.pricing-individual-table .columns:last-child .pricing-body span[data-description]:hover:after {
 top:90%;
 left:50%
}
.pricing-head {
 text-align:center;
 padding:1.5em 1em .5em;
 background:#fff
}
.pricing-head__copy {
 margin-bottom:.7em;
 min-height:95px
}
.pricing-head__copy h5 {
 font-weight:500;
 margin-bottom:16px
}
.pricing-head__copy h6 {
 font-size:.75rem;
 font-weight:500;
 text-transform:uppercase;
 color:#9e9e9e;
 margin-bottom:0
}
.pricing-head__copy p {
 color:#999;
 font-size:.875rem;
 line-height:1.4
}
.pricing-head .button.cta {
 padding:.7em 1.61em;
 margin-bottom:0
}
.price-wrap {
 min-height:80px
}
h3.price {
 margin-left:12px;
 position:relative;
 font-weight:300;
 font-size:2rem;
 margin-bottom:2px
}
h3.price .unit {
 font-size:1rem;
 font-weight:400
}
h3.price .number {
 position:relative
}
h3.price .symbol {
 position:absolute;
 top:3px;
 left:-20px;
 font-size:1.5rem;
 font-weight:300
}
p.desc {
 font-size:.75rem;
 color:#666;
 margin-bottom:0
}
.pricing-body {
 margin-left:0;
 list-style-type:none;
 text-align:left;
 background:transparent;
 font-size:14px
}
@media screen and (max-width:39.9375em) {
 .pricing-body {
  text-align:center
 }
}
.pricing-body .label {
 font-size:10px;
 display:inline-block;
 vertical-align:middle;
 color:#666;
 padding:4px;
 border-radius:3px;
 margin-left:4px
}
.pricing-body li {
 padding:1em 0 1em 1.2em
}
.pricing-body li .icon-check {
 display:inline-block;
 margin-right:8px
}
@media screen and (max-width:39.9375em) {
 .pricing-body li .icon-check {
  display:none
 }
}
.pricing-body li p {
 margin:0;
 padding:.3em .2em;
 color:#757575;
 cursor:default
}
.pricing-body li span[data-description] {
 position:relative
}
.pricing-body li span[data-description]:hover {
 cursor:help
}
.pricing-body li span[data-description]:hover:after {
 content:attr(data-description);
 position:absolute;
 top:90%;
 width:160px;
 padding:12px 20px;
 background:#00b7d3;
 color:#fefefe;
 transition:all .3s;
 font-size:12px;
 border-radius:3px;
 text-align:justify;
 z-index:9
}
@media screen and (max-width:39.9375em) {
 .pricing-body li span[data-description]:hover:after {
  display:none
 }
}
.pricing-body li span[data-description]:hover .notification-caret:after {
 opacity:1;
 transform:rotate(-45deg) scale(1)
}
.pricing-body li span[data-description] .notification-caret {
 transition:all .3s;
 overflow:hidden;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:10px;
 z-index:1
}
.pricing-body li span[data-description] .notification-caret:after {
 left:48%;
 border:1px solid #00b7d3;
 content:"";
 display:block;
 position:absolute;
 top:0;
 width:12px;
 height:12px;
 transform:rotate(-45deg) scale(0);
 transform-origin:0 0;
 z-index:1;
 opacity:0
}
.pricing-body li .strikethrough {
 text-decoration:line-through;
 color:#d5d5d5;
 padding-left:22px
}
@media screen and (max-width:39.9375em) {
 .pricing-body li .strikethrough {
  padding-left:0
 }
}
.pricing-body li .number {
 color:#212121;
 padding:.2em 0 .05em;
 transition:all .2s ease-in-out
}
@media screen and (min-width:40em) {
 .pricing-body li:not(:last-child) {
  border-bottom:1px solid rgba(0,0,0,.05)
 }
}
.pricing-section h4 {
 text-align:center;
 width:100%;
 margin-bottom:1.1em
}
.pricing-section__customer-logos {
 position:relative;
 width:100%;
 overflow:hidden;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.pricing-section__customer-logos .border {
 border-top:1px solid #eaeaea
}
.pricing-section__customer-logos .animate {
 opacity:.7;
 list-style:none;
 position:relative;
 z-index:1;
 top:0;
 left:0;
 height:110px;
 width:3210px;
 margin-bottom:0;
 transform:translateX(-250px);
 animation:C 50s linear 1
}
.pricing-section__customer-logos .animate li {
 position:relative;
 text-align:justify;
 line-height:0;
 letter-spacing:-.31em;
 float:left;
 overflow:hidden;
 height:100%;
 width:1600px
}
.pricing-section__customer-logos figure {
 margin:0;
 padding:0
}
.pricing-section__customer-logos .customer-logo {
 width:200px;
 padding:2rem 0;
 display:inline-block;
 vertical-align:middle;
 text-align:center
}
.pricing-section__customer-logos .customer-logo .logo {
 max-width:70%
}
.pricing-section__all-plans {
 font-size:.875rem;
 background:#fafafa;
 padding:38px 0 0
}
.pricing-section__all-plans .title {
 padding-bottom:2rem;
 color:#999;
 text-align:center
}
.pricing-section__all-plans .content {
 margin:0;
 padding:0;
 list-style:none;
 width:100%;
 color:#666
}
.pricing-section__all-plans .content li {
 float:left;
 margin-left:16px;
 padding-bottom:2rem
}
.pricing-section__all-plans .content li .icon-check {
 display:inline-block;
 width:16px;
 height:16px;
 line-height:16px;
 text-align:center;
 background-color:#fff;
 border:1px solid #eee;
 border-radius:50%;
 margin-right:5px;
 font-size:10px
}
.pricing-section__all-plans .content li strong {
 font-weight:600
}
@media screen and (max-width:39.9375em) {
 .pricing-section__all-plans .content li {
  float:none;
  margin-left:0;
  display:block;
  text-align:center
 }
}
.pricing-section__desc {
 opacity:.7;
 margin-bottom:1.5rem;
 font-size:14px
}
.pricing-section__contact {
 text-align:center;
 background-color:#fff
}
.pricing-section__contact .content {
 padding:3rem 0;
 font-weight:500;
 border-bottom:1px solid #eaeaea
}
@media screen and (max-width:39.9375em) {
 .pricing-section__contact .content {
  line-height:50px
 }
}
.pricing-section__contact .content span {
 line-height:36px
}
.pricing-section__contact a.button {
 position:relative;
 margin-left:1rem;
 margin-bottom:0;
 width:191px;
 font-size:14px;
 padding:0;
 line-height:34px;
 vertical-align:bottom
}
.pricing-section__contact a.button:hover {
 text-decoration:none
}
@media screen and (max-width:39.9375em) {
 .pricing-section__contact a.button {
  margin-left:0
 }
}
.pricing-section__contact .icon-chevron-right {
 display:inline-block;
 margin-left:8px;
 font-size:12px
}
.pricing-section__faq {
 padding:108px 0 4rem;
 background-color:#fff
}
.pricing-section__faq p.link {
 margin:33px 0 44px
}
.pricing-section__faq h2 {
 margin-bottom:54.8px
}
.pricing-section__faq h3 {
 margin-bottom:2rem
}
.pricing-section__faq .accordion-item.is-active {
 background:none
}
.pricing-section__faq .accordion-item:last-child>a {
 border:none
}
.pricing-section__faq .accordion-item:first-child>a {
 border-top:1px solid #eaeaea
}
.pricing-section__faq .accordion-item .accordion-title {
 font-size:15px;
 color:#212121;
 font-weight:600
}
.pricing-section__faq .accordion-item .accordion-title[aria-expanded=true] {
 border-bottom-color:transparent
}
.pricing-section__faq .accordion-item .accordion-content {
 font-size:.875rem;
 color:#666
}
.pricing-compare.on .number {
 box-shadow:inset 0 -1px 0 0 #fff,inset 0 -4px 0 0 #fedc58
}
.pricing-individual-item {
 border:1px solid #ebebeb
}
.pricing-individual-item:not(:last-child) {
 border-right:none
}
.pricing-individual-item .pricing-head {
 text-align:left;
 padding:2.5em 2em;
 border:none
}
.pricing-individual-item h5 {
 margin-bottom:.2em
}
.pricing-individual-item dl,.pricing-individual-item p {
 font-size:.875rem
}
.pricing-individual-item dl span.amount,.pricing-individual-item p span.amount {
 font-weight:500;
 padding-left:.5em
}
.pricing-faq-item,.pricing-section__faq h4 {
 margin-bottom:2em
}
.pricing-faq-item h6 {
 font-weight:700
}
.pricing-faq-item h6,.pricing-faq-item p {
 font-size:.875rem;
 margin-bottom:.7em
}
.footnotes p {
 color:#8a8a8a;
 font-size:.75rem
}
.dashboard-hero-pic {
 animation:m .5s forwards ease
}
.docs-nav {
 text-align:center
}
.docs-nav .row {
 border-bottom:1px solid #e0e0e0
}
@media screen and (max-width:39.9375em) {
 .docs-nav .row {
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  overflow-x:scroll;
  -webkit-overflow-scrolling:touch;
  width:100%
 }
 .docs-nav .row .columns {
  -ms-flex:0 0 auto;
  flex:0 0 auto
 }
}
.docs-nav a {
 padding:1.21em 0;
 display:block;
 width:100%;
 color:#616161;
 font-weight:500;
 margin-bottom:-1px
}
.docs-nav a.active {
 color:#0a0a0a;
 border-bottom:2px solid #35c8e6
}
@media screen and (max-width:39.9375em) {
 .docs-nav a.active {
  color:#14b1d1
 }
}
.doc-filters {
 width:100%
}
.docs-upnext {
 float:right;
 margin-top:1.5em
}
.docs-upnext a {
 display:block
}
.docs-head .channel-select-item,.docs-head .language-select-item {
 opacity:0;
 transition:all .2s ease;
 transition-delay:.2s
}
.docs-head .channel-select-item.on,.docs-head .language-select-item.on {
 opacity:1
}
.docs-head .dropdown.menu {
 float:right
}
.docs-head .dropdown.menu>li {
 font-size:.75rem;
 padding-left:10px
}
.docs-head .dropdown.menu>li>a {
 padding-left:0;
 font-size:.875rem;
 margin-top:-10px
}
.docs-head .dropdown.menu .submenu {
 background:#fefefe;
 border-radius:3px;
 border:1px solid #eee;
 box-shadow:0 5px 10px 0 rgba(0,0,0,.05);
 font-size:.875rem;
 overflow-y:auto;
 max-height:20.5em
}
.docs-content-container {
 padding:2em 0
}
.docs-article-select-toggle {
 border:1px solid #e0e0e0;
 text-align:center;
 width:100%;
 display:block;
 padding:1em 0;
 margin-top:-1em;
 font-weight:300;
 color:#14b1d1
}
.docs-article-select li.subcategory:not(.is-index) {
 display:none
}
.docs-article-select li.subcategory.disabled {
 pointer-events:none
}
.docs-article-select a.active {
 background:#35c8e6;
 color:#fefefe
}
.docs-article-select a.subcategory {
 margin-left:1em
}
.docs-article-select a.subcategory.is-index {
 margin-left:0
}
.docs-article-select a.subcategory.disabled {
 pointer-events:none;
 cursor:default;
 color:#757575;
 font-size:.75rem;
 text-transform:uppercase;
 letter-spacing:.0125em
}
@media screen and (max-width:39.9375em) {
 .docs-article-select {
  max-height:0;
  transition:all .5s ease-in-out;
  overflow:hidden;
  margin-bottom:2em;
  opacity:0
 }
 .docs-article-select.on {
  max-height:999px;
  padding:1em 0;
  border-bottom:1px solid #ebebeb;
  opacity:1
 }
}
.docs-content {
 color:#616161
}
.docs-content a:hover {
 text-decoration:underline
}
.docs-content p {
 line-height:1.67rem;
 margin-bottom:1.67rem
}
.docs-content h1,.docs-content h2,.docs-content h3,.docs-content h4,.docs-content h5,.docs-content h6 {
 color:#0a0a0a
}
.docs-content h3 {
 font-size:1.25rem;
 border-top:1px solid #e0e0e0;
 padding-top:1.67rem;
 margin-top:1.67rem
}
.docs-content h4,.docs-content h5,.docs-content h6 {
 font-size:1rem;
 margin-bottom:.8rem;
 margin-top:2.505rem;
 font-weight:500
}
.docs-content code {
 background:#fff;
 border-radius:4px;
 font-family:Menlo,Consolas,Liberation Mono,Courier,monospace;
 font-size:.9375rem;
 color:#c82829;
 border:1px solid #e8e8eb
}
.docs-content pre>code {
 background:none;
 border:none;
 padding:0
}
.docs-content pre>code.hide {
 visibility:hidden
}
.docs-content ol li {
 padding-left:.5em;
 padding-bottom:.5em
}
.docs-content ul:not(.menu) {
 list-style:none;
 margin-left:0
}
.docs-content ul:not(.menu) li {
 position:relative;
 padding-left:30px;
 margin-bottom:.5em
}
.docs-content ul:not(.menu) li:before {
 content:"";
 position:absolute;
 width:6px;
 height:6px;
 left:10px;
 top:9px;
 border-radius:50%;
 background:#939da3
}
.docs-content .code-filter .channel-description {
 font-size:.75rem;
 text-transform:uppercase;
 letter-spacing:.05em;
 padding-bottom:.2em
}
.docs-content img {
 border:1px solid #ebebeb
}
.hero-top {
 position:relative;
 top:-87px;
 margin-top:0
}
.hero-docs h1 {
 font-size:4.25rem;
 font-weight:100;
 text-align:right
}
@media screen and (max-width:39.9375em) {
 .hero-docs h1 {
  text-align:left;
  margin-left:16px;
  font-size:3rem
 }
}
.hero-docs h4 {
 text-align:left;
 color:hsla(0,0%,100%,.6)!important;
 width:auto
}
@media screen and (max-width:39.9375em) {
 .hero-docs h4 {
  margin-left:16px;
  margin-top:.5em
 }
}
.hero-docs h4 a {
 color:#fff;
 position:relative
}
.hero-docs h4 a:after {
 content:"";
 position:absolute;
 bottom:0;
 left:0;
 width:0;
 border-bottom:1px solid #fefefe;
 transition:.4s
}
.hero-docs h4 a:hover:after {
 width:100%
}
.hero-docs .hero-copy {
 margin:3.5em 0 2em
}
.hero-docs p.buttons {
 margin-bottom:0
}
.hero-docs p.buttons a:first-child {
 margin-right:.5em
}
.hero-downloads {
 padding:8rem 0;
 min-height:100vh;
 background-color:#000
}
.hero-downloads h1,.hero-downloads h2,.hero-downloads h3,.hero-downloads h4 {
 text-align:left;
 width:auto
}
.hero-downloads h1 {
 margin-bottom:1em
}
.hero-downloads h3 {
 margin-bottom:.5em
}
.hero-downloads p.buttons {
 color:hsla(0,0%,100%,.5)
}
.downloads-list {
 list-style:none;
 margin:0;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-bottom:2em
}
.downloads-list li {
 padding:0 1.875rem 1.875rem 0
}
.downloads-list li a {
 display:block;
 width:12.5rem;
 height:7.5rem;
 padding:1.25rem 1.875rem 1.0625rem;
 background:#202020;
 border-radius:3px;
 transition:all .5s ease;
 font-size:1.25rem;
 color:#fefefe
}
.downloads-list li a span {
 display:block;
 margin-bottom:2rem
}
.downloads-list li a span:after {
 position:relative;
 top:-.125rem;
 left:-1.25rem;
 margin-left:.5rem;
 font-family:icomoon!important;
 content:"\e904";
 color:#35c8e6;
 font-size:.75rem;
 opacity:0
}
.downloads-list li a small {
 display:block;
 font-size:.75rem;
 color:hsla(0,0%,100%,.35)
}
.downloads-list li a:hover {
 background:#2a2a2a;
 box-shadow:0 0 5px 0 #000,inset 0 1px 0 0 hsla(0,0%,100%,.05)
}
.downloads-list li a:hover span:after {
 opacity:1;
 left:0;
 animation:B .5s
}
@keyframes B {
 0% {
  left:-1.25rem;
  opacity:.3
 }
 50% {
  opacity:.6
 }
 to {
  left:0;
  opacity:1
 }
}
.downloads-content h3 {
 font-weight:400
}
.downloads-content h3:after {
 content:"";
 display:inline-block;
 margin-left:2px;
 width:.875rem;
 height:0;
 border-bottom:2px solid #35c8e6;
 overflow:hidden
}
@media screen and (max-width:39.9375em) {
 .downloads-content {
  margin-left:16px!important
 }
}
.hero.hero-surface {
 padding-top:6rem;
 padding-bottom:0
}
.hero.hero-surface .hero-copy {
 width:415px;
 height:415px;
 background:#fff;
 border:1px solid rgba(0,0,0,.05);
 box-shadow:0 3px 24px 0 rgba(0,0,0,.05);
 text-align:left;
 padding:5rem 3.125rem;
 transform:translateY(4.375rem)
}
.hero.hero-surface .hero-copy h1 {
 font-family:Baskerville,Songti SC,新細明體,MingLiU,serif;
 font-weight:400;
 text-align:left;
 color:#0a0a0a;
 text-shadow:none
}
.hero.hero-surface .hero-copy h4 {
 text-align:left;
 font-weight:300
}
.hero.hero-surface .hero-copy--notransform {
 padding:3rem 3.125rem 5rem;
 transform:none;
 color:#fff;
 background:none;
 border:none;
 box-shadow:none
}
.hero.hero-surface .hero-copy--notransform h1,.hero.hero-surface .hero-copy--notransform h4 {
 color:#fff
}
.hero.hero-surface .hero-copy h1 {
 margin-bottom:1.41rem
}
@media screen and (max-width:39.9375em) {
 .hero.hero-surface .hero-copy {
  background:rgba(0,0,0,.5);
  color:#fff;
  width:auto;
  height:auto;
  transform:translateY(-1rem)
 }
 .hero.hero-surface .hero-copy h1,.hero.hero-surface .hero-copy h4 {
  color:#fff;
  text-shadow:0 0 10px rgba(0,0,0,.5)
 }
}
.hero.hero-surface.secondary {
 padding-top:8rem
}
.hero.hero-surface.secondary .hero-copy {
 width:100%;
 height:177px;
 padding:1rem 1rem 0;
 text-align:center
}
.hero.hero-surface.secondary .hero-copy h2 {
 font-family:Baskerville,Songti SC,新細明體,MingLiU,serif;
 color:rgba(0,0,0,.8);
 text-shadow:none;
 margin-bottom:.2rem
}
.hero.hero-surface.secondary .hero-copy h5 {
 color:#9e9e9e;
 text-shadow:none
}
.hero.hero-surface.secondary .hero-copy .breadcrumbs {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center
}
.hero.hero-surface.secondary .hero-copy .breadcrumbs li {
 text-transform:none
}
.hero.hero-surface.secondary .hero-copy .breadcrumbs li:not(:last-child):after {
 font-family:icomoon!important;
 content:"\e909";
 top:-1px
}
.hero.hero-surface.secondary .hero-copy .breadcrumbs a,.hero.hero-surface.secondary .hero-copy .breadcrumbs span {
 color:#aeaeae;
 font-size:1rem;
 font-weight:300
}
@media screen and (max-width:39.9375em) {
 .hero.hero-surface.secondary .hero-copy {
  height:167px;
  background:#fff;
  transform:translateY(-2rem)
 }
}
@media screen and (max-width:39.9375em) {
 .hero.hero-surface.secondary {
  padding-top:9rem
 }
}
.hero-bg.testimonial {
 background-image:linear-gradient(137deg,transparent 30%,rgba(0,0,0,.45)),url(testimonial-top.jpg);
 background-size:cover;
 background-position:50%
}
.hero-bg.testimonial.shiji {
 background-image:linear-gradient(20deg,transparent 30%,rgba(0,0,0,.45)),url(customer-case-shiji.png)
}
.hero-bg.testimonial.travel {
 background-image:linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(customer-case-travel.jpg)
}
.hero-bg.testimonial.sandbox {
 background-image:linear-gradient(0deg,transparent 30%,rgba(0,0,0,.45)),url(customer-case-sandbox.jpg)
}
.hero-bg.testimonial.mmcar {
 background-image:linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(customer-case-mmcar.jpg)
}
.hero-bg.testimonial.qqchou {
 background-image:linear-gradient(0deg,transparent 30%,rgba(0,0,0,.45)),url(customer-case-qqchou.jpg)
}
.hero-bg.testimonial.deyin {
 background-image:linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(home-cases-deyin.jpeg)
}
.hero-bg.testimonial.tezign {
 background-image:linear-gradient(20deg,transparent 30%,rgba(0,0,0,.45)),url(home-cases-tezign.jpeg)
}
.hero-bg.testimonial.jianshu {
 background-image:linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(home-cases-jianshu.jpeg)
}
.hero-bg.testimonial.dingxiang {
 background-image:linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(home-cases-dingxiang.jpeg)
}
.hero-bg.testimonial.huwai {
 background-image:linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(home-cases-huwai.jpeg)
}
.hero-bg.testimonial.xiaoluyy {
 background-image:linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(customers/xiaoluyy.jpg)
}
.testimonial-categories {
 padding-top:7em;
 text-align:center
}
@media screen and (max-width:39.9375em) {
 .testimonial-categories {
  padding-top:2em
 }
}
.testimonial-categories .tab {
 background:#fff;
 border:1px solid rgba(0,0,0,.05);
 box-shadow:0 3px 24px 0 rgba(0,0,0,.05)
}
.testimonial-categories h5 {
 font-size:.875rem;
 font-weight:400
}
.testimonial-categories--new {
 transform:translateY(-2rem);
 background:#fff;
 box-shadow:0 3px 24px 0 rgba(0,0,0,.05);
 text-align:center;
 margin-bottom:3rem
}
.testimonial-categories--new .tabs {
 border:none
}
.testimonial-categories--new .tabs-title {
 width:50%
}
.testimonial-categories--new .tabs-title>a {
 font-size:1.25rem;
 font-weight:200;
 background-color:#fefefe;
 border:1px solid rgba(0,0,0,.05);
 padding:1.8rem 1.5rem;
 box-shadow:inset 5px -5px 25px 0 rgba(0,0,0,.05)
}
.testimonial-categories--new .tabs-title>a#panel2-label {
 border-left:none
}
@media screen and (max-width:39.9375em) {
 .testimonial-categories--new .tabs-title>a {
  padding:1rem;
  font-size:1rem
 }
}
.testimonial-categories--new .tabs-title.is-active a {
 background-color:#fff;
 border:1px solid rgba(0,0,0,.05);
 box-shadow:none
}
.testimonial-categories--new .tabs-content {
 border:none
}
.testimonial-categories--new .tabs-panel {
 padding-top:2rem;
 transition:all .35 ease-in
}
.testimonial-categories--new .tabs-panel a {
 color:currentColor
}
.testimonial-categories--new .tabs-panel a.active {
 color:#14b1d1
}
.testimonial-categories--new h5 {
 font-size:.875rem;
 font-weight:400
}
@media screen and (max-width:39.9375em) {
 .testimonial-categories--new .testimonial-categories__icon {
  display:none
 }
}
.testimonial-categories--new .all.active.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-all1.svg)
}
.testimonial-categories--new .social.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-social1.svg)
}
.testimonial-categories--new .shopping.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-shopping1.svg)
}
.testimonial-categories--new .platform.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-platform1.svg)
}
.testimonial-categories--new .o2o.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-o2o1.svg)
}
.testimonial-categories--new .health.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-health1.svg)
}
.testimonial-categories--new .education.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-education1.svg)
}
.testimonial-categories--new .nonprofit.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-nonprofit1.svg)
}
.testimonial-categories--new .travel.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-travel1.svg)
}
.testimonial-categories--new .apple-pay.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-applepay1.svg)
}
.testimonial-categories--new .fenqi.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-fenqi1.svg)
}
.testimonial-categories--new .cmb.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-cmb1.svg)
}
.testimonial-categories--new .foreign.active .testimonial-categories__icon {
 background-image:url(testimonial-icon-foreign1.svg)
}
.testimonial-categories__icon {
 width:50px;
 height:50px;
 margin:0 auto;
 margin-bottom:1em;
 background-position:50%;
 background-repeat:no-repeat
}
.testimonial-categories__icon.all {
 background-image:url(testimonial-icon-all.svg)
}
.testimonial-categories__icon.travel {
 background-image:url(testimonial-icon-travel.svg)
}
.testimonial-categories__icon.nonprofit {
 background-image:url(testimonial-icon-nonprofit.svg)
}
.testimonial-categories__icon.education {
 background-image:url(testimonial-icon-education.svg)
}
.testimonial-categories__icon.health {
 background-image:url(testimonial-icon-health.svg)
}
.testimonial-categories__icon.social {
 background-image:url(testimonial-icon-social.svg)
}
.testimonial-categories__icon.o2o {
 background-image:url(testimonial-icon-o2o.svg)
}
.testimonial-categories__icon.platform {
 background-image:url(testimonial-icon-platform.svg)
}
.testimonial-categories__icon.shopping {
 background-image:url(testimonial-icon-shopping.svg)
}
.testimonial-categories__icon.apple-pay {
 background-image:url(testimonial-icon-applepay.svg)
}
.testimonial-categories__icon.fenqi {
 background-image:url(testimonial-icon-fenqi.svg)
}
.testimonial-categories__icon.cmb {
 background-image:url(testimonial-icon-cmb.svg)
}
.testimonial-categories__icon.foreign {
 background-image:url(testimonial-icon-foreign.svg)
}
.testimonial-card {
 position:relative;
 width:97%;
 padding-bottom:7rem;
 margin-bottom:3rem;
 background:#fefefe;
 border:1px solid rgba(0,0,0,.05);
 box-shadow:0 1px 1px rgba(0,0,0,.05);
 border-radius:3px;
 overflow:hidden;
 display:block;
 transition:box-shadow .2s ease,opacity .2s ease
}
.testimonial-card:hover {
 box-shadow:0 10px 50px rgba(102,136,153,.15)
}
.testimonial-card:hover .testimonial-card__text {
 transform:translateY(3.5rem);
 background:#fefefe
}
.testimonial-card:last-child {
 border-bottom:none
}
@media screen and (max-width:39.9375em) {
 .testimonial-card {
  width:100%;
  left:0!important
 }
}
.testimonial-card .testimonial__fullbleed {
 position:absolute;
 width:100%;
 transition:height .3s ease
}
.testimonial-card__text {
 position:relative;
 padding:40px 45px;
 border:1px solid rgba(0,0,0,.05);
 background:hsla(0,0%,100%,.95);
 box-shadow:0 3px 20px 0 rgba(0,0,0,.05);
 transform:translateY(4.5rem);
 transition:all .2s ease
}
.testimonial-card__text a {
 position:absolute;
 right:45px;
 bottom:2.3rem
}
@media screen and (max-width:39.9375em) {
 .testimonial-card__text {
  margin:0 auto;
  padding:28px 35px
 }
 .testimonial-card__text hr {
  margin:0 0 1rem
 }
 .testimonial-card__text a {
  right:18px;
  bottom:28px;
  font-size:.875rem
 }
}
p.quote {
 font-family:Baskerville,Songti SC,新細明體,MingLiU,serif;
 font-size:1.125rem;
 line-height:1.78;
 color:#616161;
 letter-spacing:.05rem;
 font-weight:300;
 min-height:128px
}
.testimonial__fullbleed {
 height:262px;
 background-size:cover;
 background-position:50%
}
.testimonial__fullbleed.shiji {
 background-image:url(customer-case-shiji.png)
}
.testimonial__fullbleed.travel {
 background-image:url(customer-case-travel.jpg)
}
.testimonial__fullbleed.mmcar {
 background-image:url(customer-case-mmcar.jpg)
}
.testimonial__fullbleed.sandbox {
 background-image:url(customer-case-sandbox.jpg)
}
.testimonial__fullbleed.qqchou {
 background-image:url(customer-case-qqchou.jpg)
}
.testimonial__fullbleed.tezign {
 background-image:url(home-cases-tezign.jpeg)
}
.testimonial__fullbleed.deyin {
 background-image:url(home-cases-deyin.jpeg)
}
.testimonial__fullbleed.jianshu {
 background-image:url(home-cases-jianshu.jpeg)
}
.testimonial__fullbleed.huwai {
 background-image:url(home-cases-huwai.jpeg)
}
.testimonial__fullbleed.dingxiang {
 background-image:url(home-cases-dingxiang.jpg)
}
.testimonial__fullbleed.xiaoluyy {
 background-image:url(xiaoluyy.jpg)
}
.testimonial-logo {
 height:33px;
 width:100%;
 background-repeat:no-repeat;
 border-right:none
}
.testimonial-logo.tezign {
 background-size:140px 25px;
 background-image:url(testimonial-logo-tezign@2x.png)
}
@media screen and (max-width:39.9375em) {
 .testimonial-logo.tezign {
  background-size:84px 15px
 }
}
.testimonial-logo.jianshu {
 background-size:36px 16px;
 background-image:url(testimonial-logo-jianshu@2x.png)
}
.testimonial-logo.huwai {
 background-size:64px 16px;
 background-image:url(testimonial-logo-huwai@2x.png)
}
.testimonial-logo.deyin {
 background-size:71px 25px;
 background-image:url(testimonial-logo-deyin@2x.png)
}
.testimonial-logo.dingxiang {
 background-size:71px 22px;
 background-image:url(testimonial-logo-dingxiang@2x.png)
}
.testimonial-logo.shiji {
 background-size:41px 20px;
 background-image:url(testimonial-logo-shiji@2x.png)
}
.testimonial-logo.sandbox {
 background-size:140px 25px;
 background-image:url(testimonial-logo-sandbox@2x.png)
}
@media screen and (max-width:39.9375em) {
 .testimonial-logo.sandbox {
  background-size:84px 15px
 }
}
.testimonial-logo.travel {
 background-size:75px 18px;
 background-image:url(testimonial-logo-travel@2x.png)
}
.testimonial-logo.mmcar {
 background-size:81px 19px;
 background-image:url(testimonial-logo-mmcar@2x.png)
}
.testimonial-logo.qqchou {
 background-size:64px 20px;
 background-image:url(testimonial-logo-qqchou@2x.png)
}
.testimonial-logo.xiaoluyy {
 background-size:60px 33px;
 background-image:url(xiaoluyy-logo@2x.png)
}
.nav-padding {
 padding:2rem 0
}
.terms-content {
 padding:5rem 0
}
.terms-content h2 {
 font-weight:200
}
.terms-content h3 {
 font-weight:200;
 margin-top:3rem
}
.terms-content h4 {
 font-weight:200;
 margin-top:2rem;
 margin-bottom:2rem
}
.terms-content p {
 font-weight:300
}
.articles-container {
 border-top:1px solid rgba(0,0,0,.05);
 border-bottom:1px solid rgba(0,0,0,.05);
 padding:1rem 0
}
.articles-container .column,.articles-container .columns {
 padding:3rem 2rem
}
.articles-container .column a:hover,.articles-container .columns a:hover {
 text-decoration:underline
}
.articles-container .column h4,.articles-container .columns h4 {
 font-size:1.25rem;
 margin-bottom:1.5rem
}
.articles-container .column .content,.articles-container .columns .content {
 font-weight:300;
 margin-bottom:1.5rem
}
.articles-container .column .reporter,.articles-container .columns .reporter {
 color:#a6aeb3
}
.downloads-container {
 padding:3rem 0 5rem
}
.downloads-container h4 {
 text-align:center;
 margin-bottom:1.41rem
}
.downloads-container a {
 width:100%;
 height:80px;
 display:block;
 background-repeat:no-repeat;
 background-position:50%;
 border:1px solid rgba(0,0,0,.1)
}
.downloads-container a span {
 width:100%;
 height:100%;
 line-height:80px;
 background:rgba(0,0,0,.5);
 opacity:0;
 transition:all .2s ease;
 display:inline-block;
 text-align:center;
 color:#fff;
 text-shadow:0 0 10px rgba(0,0,0,.5)
}
.downloads-container a:hover span {
 opacity:1
}
.downloads-container .white_m {
 background-image:url(white_logo.png)
}
.downloads-container .white_s {
 background-image:url(white_logo_icon.png)
}
.downloads-container .black_m {
 background-color:#000;
 background-image:url(black_logo.png)
}
.downloads-container .black_s {
 background-color:#000;
 background-image:url(black_icon_logo.png)
}
.hero.hero-cmbwallet {
 background-image:url(cmb-bg-rainbow.png),linear-gradient(-50deg,#cf1d3a,#ed7267 76%,#f68a74);
 background-repeat:no-repeat;
 background-position:27% 110%;
 color:#fefefe
}
@media screen and (max-width:39.9375em) {
 .hero.hero-cmbwallet h1 {
  text-shadow:0 0 15px HSL(356,67%,37%)
 }
 .hero.hero-cmbwallet .hero-copy {
  padding-top:0
 }
}
.hero.hero-cmbwallet .cmb-logo {
 width:180px;
 height:181px;
 margin:1rem auto;
 background-image:url(cmb-logo.svg);
 background-size:cover;
 background-repeat:no-repeat;
 position:relative
}
.hero.hero-cmbwallet .cmb-logo:before {
 content:"";
 position:absolute;
 top:-56px;
 left:-16px;
 width:217px;
 height:289px;
 background-image:url(cmb-logo-points.svg);
 background-size:cover;
 background-repeat:no-repeat
}
.hero.hero-cmbwallet .hero-bg #front-rainbow {
 width:100%;
 bottom:0;
 position:absolute
}
.cmb-feature {
 position:relative
}
.cmb-feature__bg {
 padding-top:4rem;
 height:429px
}
.cmb-feature__bg--building {
 width:682px;
 height:365px;
 background-image:url(cmb-bg-building.svg);
 background-size:cover
}
@media screen and (max-width:39.9375em) {
 .cmb-feature__o2o--text h5 {
  margin-top:1.25rem
 }
}
.devider {
 width:80%;
 max-width:168px
}
.devider hr {
 margin:2em 0
}
@media screen and (max-width:39.9375em) {
 .ld-content__body--text {
  margin-top:1.25rem;
  padding-top:1.25rem;
  border-top:1px solid #ebebeb
 }
}
@media screen and (max-width:39.9375em) {
 .ld-content__body--text h5 {
  margin-top:1.25rem
 }
}
.cmb-feature__items {
 list-style:none;
 margin:0;
 padding:0;
 color:#616161
}
@media screen and (max-width:39.9375em) {
 .cmb-feature__items {
  font-size:.875rem
 }
}
.cmb-wallet-pay {
 position:relative;
 min-width:240px;
 height:469px;
 overflow:hidden;
 padding-top:2rem;
 padding-left:2rem
}
.cmb-wallet-pay p {
 font-size:.625rem;
 color:#5d5959;
 margin-bottom:.2rem
}
.cmb-wallet-pay h3 {
 font-size:1.25rem;
 margin-bottom:.5rem
}
.cmb-wallet-pay__device {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:303px;
 height:405px;
 transition:all .5s cubic-bezier(.23,1,.32,1)
}
.cmb-wallet-pay__device .button {
 position:absolute;
 bottom:0;
 left:0;
 display:block;
 width:100%;
 margin:0;
 border:0;
 border-radius:0;
 border-bottom-left-radius:3px;
 border-bottom-right-radius:3px;
 font-size:.8125rem;
 font-weight:400
}
.cmb-wallet-pay__device.animated #step1 {
 z-index:90;
 animation:w .5s forwards ease;
 cursor:default
}
.cmb-wallet-pay__device.animated #overlay {
 z-index:93;
 animation:x .5s forwards ease;
 animation-delay:.6s
}
.cmb-wallet-pay__device.animated #step2 {
 z-index:95;
 animation:y 2s forwards ease-in;
 animation-delay:1.1s
}
.cmb-wallet-pay__device.animated #pay {
 z-index:97;
 animation:z .3s forwards ease-in;
 animation-delay:2s
}
.cmb-wallet-pay__device.animated #step3 {
 z-index:99;
 animation:A .8s forwards ease;
 animation-delay:3.2s
}
.cmb-wallet-pay__screen {
 position:relative;
 width:166px;
 height:294px;
 border:1px solid rgba(0,0,0,.3);
 background-image:url(cmb-applepay-screen@2x.png);
 background-size:contain;
 background-repeat:no-repeat
}
.cmb-wallet-pay__selection {
 position:relative;
 bottom:87px;
 left:0;
 width:166px;
 height:30px;
 background-color:rgba(0,0,0,.3);
 opacity:0;
 z-index:1;
 cursor:pointer
}
.cmb-wallet-pay__overlay {
 top:0;
 width:166px;
 height:294px;
 background-color:#868686
}
.cmb-wallet-pay__finish,.cmb-wallet-pay__overlay {
 position:absolute;
 opacity:0;
 transition:all .5s cubic-bezier(.23,1,.32,1);
 z-index:-1
}
.cmb-wallet-pay__finish {
 top:64px;
 left:7px;
 width:152px;
 height:168px;
 background-color:#fff;
 padding-top:8px;
 text-align:center;
 border-radius:3px
}
.cmb-wallet-pay__finish .button {
 background-color:#fff;
 color:rgba(0,0,0,.8);
 border-top:1px solid #e0e0e0
}
.cmb-wallet-pay__finish .button:hover {
 color:rgba(0,0,0,.4)
}
.cmb-wallet-pay__finish--icon {
 position:relative;
 margin:.5rem auto;
 width:40px;
 height:40px;
 border:2px solid #34b3e0;
 border-radius:50%
}
.cmb-wallet-pay__finish--icon:before {
 left:5px;
 width:12px;
 transform-origin:right;
 transform:rotate(40deg)
}
.cmb-wallet-pay__finish--icon:after,.cmb-wallet-pay__finish--icon:before {
 content:"";
 position:absolute;
 bottom:28%;
 height:2px;
 background-color:#34b3e0
}
.cmb-wallet-pay__finish--icon:after {
 right:1px;
 width:18px;
 transform-origin:left;
 transform:rotate(-40deg)
}
.cmb-wallet-pay__finish--text {
 color:#34b3e0;
 font-size:.875rem
}
.cmb-wallet-pay__charge {
 position:absolute;
 top:64px;
 left:7px;
 width:152px;
 height:168px;
 border-radius:4px;
 box-shadow:0 2px 4px rgba(0,0,0,.2);
 opacity:0;
 background-color:#fff;
 text-align:center;
 padding:6px;
 z-index:-1
}
.cmb-wallet-pay__charge h3.price {
 color:#ef5350
}
.cmb-wallet-pay__charge .input-pwd {
 position:relative;
 width:95%;
 margin:0 auto;
 overflow:hidden
}
.cmb-wallet-pay__charge .input-pwd__cell {
 float:left;
 margin:0;
 width:16.6%;
 height:26px;
 border:1px solid #ceced2;
 border-right:none;
 position:relative
}
.cmb-wallet-pay__charge .input-pwd__cell:before {
 content:"";
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-3px,-3px);
 width:6px;
 height:6px;
 border-radius:50%;
 background-color:#d8d8d8
}
.cmb-wallet-pay__charge .input-pwd__cell:last-child {
 border:1px solid #ceced2
}
.cmb-wallet-pay__charge #bank {
 width:100%;
 margin:.5rem;
 position:relative
}
.cmb-wallet-pay__charge #bank:before {
 content:"";
 position:absolute;
 top:2px;
 left:-4px;
 width:14px;
 height:14px;
 background-image:url(ccb_logo.png);
 background-repeat:no-repeat;
 background-size:cover
}
.cmb-wallet-pay__charge hr {
 margin:.2rem 0
}
.cmb-intro.ld-content {
 background-image:url(cmb-bg-intro.svg);
 background-repeat:no-repeat;
 background-size:cover;
 color:#fefefe
}
.cmb-activity.ld-content {
 background-color:#fff9fb
}
.cmb-activity.ld-content a:not(.cta),.cmb-activity.ld-content h2.main-title {
 color:#f66869
}
.ld-career-list span.location {
 float:left;
 padding-right:2em;
 color:#757575
}
@media screen and (max-width:39.9375em) {
 .ld-career-list .accordion-title {
  padding-right:2rem;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
 }
}
.ld-career-list .accordion-content {
 padding-top:2em
}
.ld-career-list .accordion-content h4 {
 text-align:left;
 margin-bottom:1.2em
}
.ld-career-list .accordion-content ul {
 margin-bottom:2em
}
.ld-career-list .accordion-content h6 {
 margin-bottom:.5em
}
.ld-career-list .accordion-content a.button {
 color:#fefefe
}
.hero-career {
 display:-ms-flexbox;
 display:flex;
 height:100%;
 -ms-flex-align:center;
 align-items:center
}
.hero-career>.row {
 width:100%
}
.hero-career .polygon {
 width:200px;
 height:111px;
 position:absolute;
 background-image:url(polygon.gif);
 background-position:0 50%;
 background-repeat:no-repeat
}
.hero-career h1,.hero-career p {
 text-align:left
}
@media screen and (max-width:39.9375em) {
 .hero-career h1,.hero-career p {
  text-align:center
 }
}
.hero-career h1 {
 margin-bottom:2rem;
 font-family:Baskerville,Songti SC,新細明體,MingLiU,serif;
 font-weight:400
}
.hero-career .hero-bg {
 z-index:-1;
 width:100%;
 height:100%;
 top:0;
 left:0;
 overflow:hidden
}
.hero-career .hero-bg .hreo-bg-content {
 position:relative;
 width:110%;
 height:110%
}
.ld-content-career .tabs {
 background:transparent;
 border:none
}
.ld-content-career .tabs-title {
 float:none;
 display:block;
 padding:1rem 0
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .tabs-title {
  float:left;
  width:50%
 }
}
.ld-content-career .tabs-title>a {
 display:inline-block;
 font-size:1.2rem;
 padding:0;
 padding-bottom:.5rem;
 font-weight:400;
 color:#fff;
 transition:all .4s
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .tabs-title>a {
  font-size:1rem
 }
}
.ld-content-career .tabs-title.is-active a {
 color:#fff;
 border-bottom-color:#9e9e9e
}
.ld-content-career .tabs-content {
 background:transparent;
 border:none;
 height:372px
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .tabs-content {
  padding-top:1rem;
  height:302px
 }
}
.ld-content-career .tabs-panel {
 position:relative;
 height:100%
}
.ld-content-career .team-desc {
 line-height:2;
 padding:2rem 0;
 min-height:200px
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .team-desc {
  min-height:130px;
  padding:0 2rem 1rem 0
 }
}
.ld-content-career .team-signs-bg {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 z-index:-1;
 background-repeat:no-repeat;
 background-position:50%;
 background-size:375px 297px
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .team-signs-bg {
  background-size:293px auto
 }
}
.ld-content-career .team-signs-bg.products {
 background-image:url(polygon-big.svg);
 background-position:30% 10%
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .team-signs-bg.products {
  background-position:0 0;
  left:-1.5rem;
  background-size:317px auto
 }
}
.ld-content-career .team-signs-bg.engineer {
 background-image:url(five-line.svg)
}
.ld-content-career .team-signs-bg.misc {
 background-image:url(incline-rectangle.svg)
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .team-signs-bg.misc {
  background-position:0 0
 }
}
.ld-content-career .team-signs-bg.operations {
 background-image:url(triangle-big.svg);
 background-position:30% -10%
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .team-signs-bg.operations {
  background-position:0 0
 }
}
.ld-content-career .team-signs-bg.marketing {
 background-image:url(cross-line-big.svg)
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .team-signs-bg.marketing {
  background-position:0 0;
  background-size:267px auto
 }
}
.ld-content-career .team-signs-bg.options {
 background-image:url(slashline-big.svg)
}
@media screen and (max-width:39.9375em) {
 .ld-content-career .team-signs-bg.options {
  background-position:0 0;
  background-size:158px auto
 }
}
.image-walls {
 position:absolute;
 top:0
}
.image-walls.left {
 left:0;
 width:46%
}
@media screen and (max-width:39.9375em) {
 .image-walls.left {
  top:41%;
  width:100%
 }
}
.image-walls.right {
 right:0;
 width:49%
}
@media screen and (max-width:39.9375em) {
 .image-walls.right {
  top:53%;
  width:100%
 }
}
.image-walls #pingerChat {
 width:100%;
 height:502px;
 background-image:url(career-chat1.jpg);
 background-repeat:no-repeat;
 background-position:100%;
 background-size:cover!important
}
@media screen and (max-width:39.9375em) {
 .image-walls #pingerChat {
  height:343px
 }
}
.image-walls #dinerHall {
 width:100%;
 height:343px;
 background-image:url(career-diner.jpg);
 background-repeat:no-repeat;
 background-position:50%;
 background-size:cover!important;
 margin-bottom:2rem
}
@media screen and (max-width:39.9375em) {
 .image-walls #dinerHall {
  margin-bottom:1rem
 }
}
.image-walls #tabelGame {
 width:300px;
 height:192px;
 background-image:url(career-game.jpg);
 background-repeat:no-repeat;
 background-position:50%;
 background-size:cover!important
}
.image-walls .bottom {
 display:-ms-flexbox;
 display:flex
}
.image-walls .desc {
 max-width:240px;
 padding-left:1.2rem
}
@media screen and (max-width:39.9375em) {
 .image-walls .desc {
  text-align:left
 }
}
#jobDetails>.row {
 margin-bottom:4rem
}
@media screen and (max-width:39.9375em) {
 #jobDetails>.row {
  margin-bottom:2rem
 }
}
#pingerStory {
 position:relative;
 height:534px
}
#pingerStory .content {
 min-height:423px;
 margin-bottom:2rem
}
@media screen and (max-width:39.9375em) {
 #pingerStory .content {
  min-height:323px
 }
}
#pingerStory .story-bg {
 position:absolute;
 top:50%;
 left:50%;
 width:524px;
 height:452px;
 background-image:url(polygonline-large.svg);
 background-size:cover;
 background-repeat:no-repeat;
 transform:translate(-68%,-37%)
}
@media screen and (max-width:39.9375em) {
 #pingerStory .story-bg {
  display:none
 }
}
@media screen and (max-width:39.9375em) {
 #pingerStory #storyMakrup {
  margin-top:23rem
 }
}
@media screen and (max-width:39.9375em) {
 #pingerStory {
  height:930px
 }
}
#pingerLife {
 margin:4rem 0;
 position:relative;
 height:679px
}
@media screen and (max-width:39.9375em) {
 #pingerLife {
  margin-top:0;
  height:1069px
 }
}
#pingerLife .benefits-list h2 {
 margin-bottom:3rem
}
@media screen and (max-width:39.9375em) {
 #pingerLife .benefits-list h2 {
  margin-bottom:1.8rem
 }
}
#pingerLife .benefits-list dl {
 margin-bottom:5rem
}
@media screen and (max-width:39.9375em) {
 #pingerLife .benefits-list dl {
  margin-bottom:2.5rem
 }
}
#pingerLife .benefits-list dt {
 font-weight:400;
 margin-top:.5em
}
@media screen and (max-width:39.9375em) {
 #pingerLife .benefits-list {
  margin-bottom:1rem
 }
}
#pingerLife .benefits-extra {
 margin-top:2rem;
 max-width:340px;
 color:#fefefe
}
#pingerLife .benefits-extra a {
 color:#fefefe
}
#pingerLife .benefits-extra a:hover {
 color:#cecece
}
#pingerLife .life-bg {
 position:absolute;
 left:45%;
 top:73%;
 width:332px;
 height:286px;
 background-image:url(polygonline-medium.svg);
 background-size:cover;
 background-repeat:no-repeat;
 transform:translate(-50%);
 z-index:99
}
@media screen and (max-width:39.9375em) {
 #pingerLife .life-bg {
  display:none
 }
}
#pingerOverview {
 position:relative;
 height:414px;
 margin:2rem 0 4rem
}
#pingerOverview .viewport {
 position:relative;
 width:85%;
 height:100%;
 overflow:hidden
}
@media screen and (max-width:39.9375em) {
 #pingerOverview .viewport {
  width:100%;
  height:291px
 }
}
#pingerOverview .views {
 height:100%;
 width:400%
}
#pingerOverview .view {
 float:left;
 width:25%;
 height:100%;
 background-repeat:no-repeat;
 background-position:50%;
 background-size:cover!important
}
#pingerOverview .view.first {
 background-image:url(career-life1.jpg)
}
#pingerOverview .view.second {
 background-image:url(career-life2.jpg)
}
#pingerOverview .view.third {
 background-image:url(career-life3.jpg)
}
#pingerOverview .content {
 position:absolute;
 left:87%;
 bottom:-2rem;
 width:10%;
 min-width:150px;
 max-width:240px
}
@media screen and (max-width:39.9375em) {
 #pingerOverview .content {
  position:relative;
  width:70%;
  margin:1rem auto 2rem;
  left:auto;
  bottom:auto
 }
}
.hero.hero-about {
 padding:9rem 0 8rem
}
.hero.hero-about h1 {
 font-family:Baskerville,Songti SC,新細明體,MingLiU,serif;
 font-weight:400;
 text-align:left;
 color:#fefefe;
 text-shadow:none
}
@media screen and (max-width:39.9375em) {
 .hero.hero-about h1 {
  text-align:center
 }
}
@media screen and (max-width:39.9375em) {
 .hero.hero-about {
  padding-bottom:18rem
 }
}
.hero-bg.aboutus {
 background-color:#dedede;
 background-image:url(herobg-stars.png);
 background-repeat:no-repeat;
 background-position:50%;
 background-size:cover
}
.hero-bg.aboutus>.row {
 height:100%
}
.hero-bg.aboutus .illustration-pinger-wrap {
 width:260px;
 height:221px;
 position:relative;
 background-image:url(illustration-pinger.png);
 background-size:cover;
 background-repeat:no-repeat;
 background-position:50%;
 transform:translateX(3rem)
}
@media screen and (max-width:39.9375em) {
 .hero-bg.aboutus .illustration-pinger-wrap {
  margin:0 auto;
  transform:translateY(-3rem)
 }
}
@media screen and (max-width:39.9375em) {
 .hero-bg.aboutus .fullheight-column-align {
  -ms-flex-item-align:end;
  align-self:flex-end
 }
}
.ld-content--about .overview {
 color:#9e9e9e
}
@media screen and (max-width:39.9375em) {
 .ld-content--about .overview {
  text-align:center
 }
}
.ld-content--about #about {
 background-color:#fff;
 transform:translate3d(0,-2rem,0);
 box-shadow:0 3px 20px 0 rgba(0,0,0,.05);
 padding:4rem 2rem 2rem;
 background-image:url(building.jpg);
 background-position:3rem calc(100% - 48px);
 background-repeat:no-repeat;
 background-origin:content-box;
 background-size:300px auto
}
@media screen and (max-width:39.9375em) {
 .ld-content--about #about {
  background:#fff
 }
}
@media screen and (min-width:40em) {
 .ld-content--about #about .overview {
  padding-left:3rem
 }
}
.ld-content--about #about .title {
 padding:0 3rem 2rem
}
@media screen and (max-width:39.9375em) {
 .ld-content--about #about .title {
  padding:0;
  text-align:center
 }
}
.ld-content--about #about .content {
 padding:0 2rem 2rem
}
@media screen and (max-width:39.9375em) {
 .ld-content--about #about .content {
  padding:0
 }
}
.ld-content--about #about .content p {
 line-height:2
}
.ld-content--about #team {
 padding:2rem 0
}
.ld-content--about #team-copy {
 margin-bottom:0
}
@media screen and (max-width:39.9375em) {
 .ld-content--about #team-copy {
  text-align:center
 }
}
.ld-content--about #team-members {
 position:relative;
 padding-top:3rem;
 margin-bottom:2rem
}
.ld-content--about #team-members:before {
 position:absolute;
 content:"";
 top:18px;
 left:0;
 width:100%;
 height:50px;
 z-index:3;
 background-image:linear-gradient(#fff,hsla(0,0%,100%,.5) 58%,hsla(0,0%,100%,0))
}
@media screen and (max-width:39.9375em) {
 .ld-content--about #team-members:before {
  display:none
 }
}
.ld-content--about .members-container {
 position:relative;
 height:385px;
 overflow-y:scroll;
 transform:translateY(-30px)
}
.ld-content--about .members-container .ld-feature-grid__colum {
 position:relative
}
.ld-content--about .members-container .ld-feature-grid__icon {
 position:relative;
 height:8.5rem
}
.ld-content--about .members-container .ld-feature-grid__icon .name {
 opacity:0;
 position:absolute;
 top:2rem;
 left:50%;
 margin-left:-41px;
 background-color:rgba(0,0,0,.45);
 width:82px;
 height:80px;
 border-radius:50%;
 line-height:80px;
 text-align:center;
 color:#fefefe;
 transition:opacity .3s;
 cursor:pointer
}
.ld-content--about .members-container .ld-feature-grid__icon .name:hover {
 opacity:1
}
.ld-content--about ul.team-nav {
 margin:0;
 padding:1rem 1.25rem 2rem;
 height:370px;
 list-style:none;
 position:relative
}
.ld-content--about ul.team-nav.fixed {
 position:fixed
}
.ld-content--about ul.team-nav li {
 height:60px;
 line-height:60px
}
.ld-content--about ul.team-nav li a {
 position:relative;
 color:#9e9e9e
}
.ld-content--about ul.team-nav li a:before {
 content:"";
 display:block;
 position:absolute;
 left:-20px;
 top:-18px;
 height:60px;
 width:2px;
 background-color:transparent;
 z-index:1;
 transition:all .2s ease
}
.ld-content--about ul.team-nav li a.active:before {
 background-color:#35c8e6
}
.ld-content--about ul.team-nav:after {
 content:"";
 display:block;
 position:absolute;
 top:7px;
 left:0;
 bottom:15px;
 width:2px;
 background:#eee;
 border-radius:50px
}
.hero-icons {
 max-width:960px;
 margin:0 auto;
 margin-top:5em
}
.hero-icons h5,.hero-icons h6,.hero-icons p {
 color:#fefefe
}
.hero-icons h6 {
 text-align:center;
 font-size:.875rem;
 font-weight:500;
 margin-bottom:7px
}
.hero-icons p {
 font-size:.8125rem;
 font-weight:400
}
.hero-icons .column,.hero-icons .columns {
 opacity:.7;
 transition:opacity .2s ease
}
.hero-icons .column:hover,.hero-icons .columns:hover {
 opacity:1
}
@media screen and (max-width:39.9375em) {
 .hero-icons .column,.hero-icons .columns {
  padding-bottom:1.5em
 }
}
.hero-icons__icon {
 margin-bottom:.8125rem;
 height:44px;
 position:relative;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.hero-icons__icon img {
 -ms-flex-item-align:end;
 align-self:flex-end
}
.products-hero {
 height:750px
}
.products-hero .hero-copy {
 margin-top:72px
}
.products-hero .hero-copy h1 {
 font-size:3rem;
 font-weight:300;
 line-height:72px;
 margin-bottom:28px
}
@media screen and (max-width:39.9375em) {
 .products-hero .hero-copy h1 {
  font-size:3rem
 }
}
.products-hero .hero-copy h4 {
 margin-bottom:120px;
 font-size:16px;
 font-weight:400;
 line-height:28px;
 opacity:.7
}
.products-hero .hero-copy h3 {
 margin-bottom:24px;
 font-size:24px
}
.products-hero .hero-copy h3 img {
 margin-right:10px;
 vertical-align:-2px
}
.products-hero .hero-copy .hero-arrow {
 display:inline-block;
 width:22px;
 height:36px;
 background:url(arrowdown.png);
 background-size:cover
}
.products-section-head {
 padding-top:6.125rem;
 padding-bottom:5.125rem
}
.products-section-head p {
 color:#565656;
 padding-top:44px
}
@media screen and (max-width:39.9375em) {
 .products-section-head p {
  padding-top:7px
 }
}
.products-section-head p.no-padding-top {
 padding-top:0
}
.products-section-head p.more {
 font-size:16px;
 padding-top:0;
 padding-right:6px;
 margin-top:-2px
}
@media screen and (max-width:39.9375em) {
 .products-section-head p.more {
  padding-right:0;
  margin-bottom:1rem
 }
}
.products-section-head h2+p {
 padding-top:0
}
.products-section-head .home-feature__copy h5 {
 margin-bottom:13px
}
.products-section-head .home-feature__bg {
 margin-top:2em
}
.products-section-head.is-comingsoon p {
 padding-top:5.5em
}
@media screen and (max-width:39.9375em) {
 .products-section-head.is-comingsoon p {
  padding-top:7px
 }
}
.products-section-head--no-bottom-padding {
 padding-bottom:0
}
.products-section-hero h5 {
 font-size:1.125rem;
 text-align:center;
 color:#717171;
 margin-bottom:7px
}
.products-section-hero h2 {
 font-size:1.75rem;
 text-align:center;
 margin-bottom:20px;
 font-weight:300
}
.products-section-hero p {
 font-size:1rem;
 text-align:center;
 color:#616161
}
.products-methodspromo {
 background:transparent!important
}
.products-methodspromo .hero-icons__icon img {
 -ms-flex-item-align:center!important;
 -ms-grid-row-align:center!important;
 align-self:center!important
}
.products-methodspromo li:hover {
 transform:scale(1)!important
}
.products-methodspromo li a.block-grid-link h6 {
 color:#343434;
 margin-bottom:3px;
 font-size:.875rem;
 padding-top:9px;
 font-weight:500
}
.products-methodspromo li a.block-grid-link h5 {
 margin-bottom:-6px!important
}
.products-method-icons {
 position:relative;
 width:100%;
 overflow:hidden;
 margin-top:-2rem
}
.products-method-icons>ul {
 list-style:none;
 position:relative;
 z-index:1;
 top:0;
 left:0;
 height:155px;
 width:3636px;
 margin-bottom:3rem
}
.products-method-icons>ul.animate {
 animation:C 60s linear 1
}
.products-method-icons li {
 position:relative;
 text-align:justify;
 text-justify:distribute-all-lines;
 line-height:0;
 letter-spacing:-.31em;
 float:left;
 overflow:hidden;
 height:155px;
 width:1818px
}
.products-method-icons>ul>li>* {
 display:inline-block;
 vertical-align:middle;
 text-align:left;
 line-height:1;
 letter-spacing:0;
 margin:2em 7px
}
.products-iconwall {
 padding-bottom:3.125rem;
 padding-top:1.125rem;
 border-top:1px solid rgba(0,0,0,.06)
}
.products-iconwall .iconwall-item {
 padding-left:.9375rem
}
@media screen and (min-width:64em) {
 .products-iconwall .iconwall-item {
  padding-right:10rem
 }
}
@media screen and (max-width:39.9375em) {
 .products-iconwall .iconwall-item {
  text-align:center
 }
 .products-iconwall .iconwall-item .wall-icon {
  margin:0 auto;
  margin-bottom:13px
 }
 .products-iconwall .iconwall-item p {
  width:60%;
  margin:0 auto
 }
}
.pay-container .module-fir {
 padding-top:80px;
 padding-bottom:48px;
 border-bottom:1px solid rgba(0,0,0,.05);
 color:#202020
}
.pay-container .module-fir h2 {
 margin-bottom:12px;
 font-size:48px;
 line-height:70px
}
.pay-container .module-fir p {
 font-size:16px;
 line-height:24px
}
.pay-container .module-sec {
 padding:88px 0
}
.pay-container .module-sec .division {
 margin-bottom:68px
}
.pay-container .module-sec .division h3 {
 font-size:36px;
 line-height:52px
}
.pay-container .module-sec .division p {
 margin-bottom:22px;
 font-size:16px;
 line-height:24px
}
.pay-container .module-sec .division .function {
 cursor:pointer;
 padding-right:22px;
 padding-bottom:22px
}
.pay-container .module-sec .division .function .fun-in {
 padding:16px;
 background:#f9f9f9;
 border-radius:5px
}
.pay-container .module-sec .division .function .fun-in strong {
 color:#909090
}
.pay-container .module-sec .division .function .fun-in p {
 margin-bottom:0
}
.pay-container .module-sec .division .function .api-in {
 padding:10px 26px 26px;
 background:#f9f9f9;
 border-radius:5px;
 cursor:default
}
.pay-container .module-sec .division .function .api-in img {
 margin-bottom:6px
}
.pay-container .module-sec .division .function .api-in strong {
 display:block;
 margin-bottom:8px;
 font-size:18px
}
.pay-container .module-sec .division .function .api-in p {
 margin-bottom:0;
 font-size:14px;
 opacity:.7
}
.pay-container .module-sec .division .function .loan,.pay-container .module-sec .division .function .special-channel {
 height:200px
}
.pay-container .module-sec .division .function .authentication-service {
 height:250px
}
.pay-container .module-sec .division .function .img-box img {
 width:100%;
 height:100%
}
.product-info {
 padding:86px 0
}
.product-info .odd {
 padding-right:135px
}
.product-info strong {
 display:block;
 margin-bottom:16px;
 font-size:72px;
 font-weight:500;
 line-height:1;
 color:hsla(0,0%,100%,.5)
}
.product-info h2 {
 font-size:48px;
 line-height:70px
}
.product-info h5 {
 margin-bottom:10px;
 font-size:18px;
 font-weight:700
}
.product-info p {
 font-size:14px;
 color:hsla(0,0%,100%,.5)
}
.product-info .mb {
 margin-bottom:64px
}
.module-thi {
 padding:46px 0;
 background-color:#1f3074;
 color:#fff
}
.customer-btn-outer {
 margin:72px 0 88px
}
.customer h2 {
 margin:88px 0 72px
}
.dev-links-outer {
 background-color:#f9f9f9;
 padding:108px 0 164px
}
.dev-links {
 margin-top:64px;
 border-right:1px solid rgba(0,0,0,.05);
 text-align:center
}
.dev-links:first-child {
 text-align:left
}
.dev-links:last-child {
 border-right:0
}
@media only screen and (max-width:414px) {
 .product-info .odd {
  padding-right:0
 }
 .product-info h2 {
  -ms-flex-order:-1;
  order:-1
 }
 .dev-links-outer {
  padding:40px 0 56px
 }
 .dev-links {
  margin-top:30px;
  text-align:left
 }
 .pay-container .module-sec .division .function {
  padding-right:10px;
  padding-bottom:10px
 }
 .pay-container .module-sec .division p {
  font-size:12px
 }
}
.method-icon {
 width:188px;
 height:122px
}
.method-icon-alipay {
 background-image:url(products-methods-alipay@2x.png)
}
.method-icon-alipay,.method-icon-wechat {
 background-size:contain;
 background-repeat:no-repeat
}
.method-icon-wechat {
 background-image:url(products-methods-wechat@2x.png)
}
.method-icon-applepay {
 background-image:url(products-methods-applepay@2x.png)
}
.method-icon-applepay,.method-icon-unionpay {
 background-size:contain;
 background-repeat:no-repeat
}
.method-icon-unionpay {
 background-image:url(products-methods-unionpay@2x.png)
}
.method-icon-cmb {
 background-image:url(products-methods-cmb@2x.png)
}
.method-icon-cmb,.method-icon-visa {
 background-size:contain;
 background-repeat:no-repeat
}
.method-icon-visa {
 background-image:url(products-methods-visa@2x.png)
}
.method-icon-mastercard {
 background-image:url(products-methods-mastercard@2x.png)
}
.method-icon-fenqile,.method-icon-mastercard {
 background-size:contain;
 background-repeat:no-repeat
}
.method-icon-fenqile {
 background-image:url(products-methods-fenqile@2x.png)
}
.method-icon-qq {
 background-image:url(products-methods-qq@2x.png);
 background-size:contain;
 background-repeat:no-repeat
}
@keyframes C {
 0% {
  transform:translateX(0)
 }
 to {
  transform:translateX(-50%)
 }
}
@keyframes D {
 0% {
  transform:rotate(0deg)
 }
 50% {
  transform:rotate(180deg)
 }
 to {
  transform:rotate(1turn)
 }
}
.label-comingsoon {
 border:1px solid rgba(0,0,0,.2);
 border-radius:3px;
 font-size:.8125rem;
 color:rgba(0,0,0,.4);
 letter-spacing:.04px;
 padding:.2em .5em;
 display:inline-block;
 margin-bottom:2em
}
.payments-carousel {
 height:660px;
 overflow:hidden
}
.payments-carousel :focus {
 outline:none
}
.payments-carousel .orbit-container {
 height:480px;
 position:relative;
 overflow:inherit
}
@media screen and (max-width:39.9375em) {
 .payments-carousel .orbit-container {
  height:380px
 }
}
.payments-carousel .orbit-slide {
 height:480px;
 position:relative
}
@media screen and (max-width:39.9375em) {
 .payments-carousel .orbit-slide {
  height:380px
 }
}
.payments-carousel .slide-text {
 position:absolute;
 bottom:-130px;
 height:60px;
 text-align:center;
 width:100%;
 z-index:9
}
.payments-carousel .slide-text p {
 margin-bottom:7px;
 font-size:.875rem
}
@media screen and (max-width:39.9375em) {
 .payments-carousel .slide-text {
  bottom:-160px
 }
}
.payments-carousel .product-slide {
 height:480px;
 overflow:hidden
}
@media screen and (max-width:39.9375em) {
 .payments-carousel .product-slide {
  height:380px
 }
 .payments-carousel .product-slide img {
  max-width:800px
 }
}
.payments-carousel .orbit-next {
 right:1em
}
.payments-carousel .orbit-next:active,.payments-carousel .orbit-next:focus,.payments-carousel .orbit-next:hover,.payments-carousel .orbit-next:visited {
 background:rgba(0,0,0,.1)
}
.payments-carousel .orbit-bullets {
 padding:1em 0 7em
}
.payments-carousel .orbit-bullets button {
 width:auto;
 background:none;
 color:#848484;
 padding:0 .5em;
 border-radius:0
}
.payments-carousel .orbit-bullets button.is-active {
 color:#0a0a0a
}
.shadow-mask {
 height:150px;
 width:100%;
 background:url(products-carousel-mask.png);
 background-repeat:no-repeat;
 background-size:648px 88px;
 background-position:bottom;
 position:absolute;
 bottom:-2px;
 z-index:9
}
.products-account-preview .content {
 height:390px;
 overflow:hidden;
 position:relative;
 text-align:center
}
@media screen and (max-width:39.9375em) {
 .products-account-preview .content {
  height:180px
 }
}
.products-account-preview .content img {
 margin:0 auto
}
.products-account-preview .shadow-mask {
 bottom:0
}
.products-account-preview .description {
 padding:1.125rem 0 5.125rem
}
.products-account-preview .description h6 {
 font-size:.875rem;
 text-align:center;
 margin-bottom:7px
}
.products-account-preview .description p {
 font-size:.8125rem;
 text-align:center
}
.products-platform-bg {
 height:350px;
 width:100%;
 padding-top:20px;
 overflow:hidden
}
.products-platform-bg .sun {
 height:672px;
 width:672px;
 margin:0 auto;
 background:url(products-platform-sun.png);
 background-size:672px 662px;
 background-position:50%;
 background-repeat:no-repeat;
 animation:D 30s linear infinite
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 .products-platform-bg .sun {
  background:url(products-platform-sun@2x.png);
  background-size:672px 662px;
  background-repeat:no-repeat
 }
}
.products-tool-card {
 text-align:center;
 margin-bottom:5.125rem
}
.products-tool-card .products-tool-card-image {
 height:150px
}
.products-tool-card h6,.products-tool-card p {
 text-align:center;
 font-size:.875rem
}
.products-tool-card h6 {
 margin-top:26px;
 margin-bottom:7px;
 color:#313131
}
.products-tool-card p.more {
 font-size:16px
}
.hero-campagin {
 width:100%;
 padding-top:30px;
 height:593px;
 background-image:url(bg-hero-campagin.png);
 background-position:0 0;
 background-size:cover;
 background-repeat:no-repeat;
 overflow:hidden;
 padding-top:10rem;
 padding-bottom:0
}
.hero-campagin h1,.hero-campagin h2,.hero-campagin h3,.hero-campagin h4,.hero-campagin h5,.hero-campagin p {
 text-align:left
}
.hero-campagin h5 {
 color:#9e9e9e
}
.hero-campagin p {
 margin-top:12px;
 color:#616161
}
@media screen and (max-width:39.9375em) {
 .hero-campagin .home-feature__bg.campaigns {
  margin-top:10px
 }
}
#campagin-features .section-title,#campagin-functions .section-title {
 color:#9e9e9e;
 margin-bottom:2rem
}
@media screen and (max-width:39.9375em) {
 #campagin-features .section-title,#campagin-functions .section-title {
  text-align:center
 }
}
#campagin-features p,#campagin-functions p {
 margin-top:12px;
 color:#616161
}
@media screen and (max-width:39.9375em) {
 #campagin-features p,#campagin-functions p {
  text-align:center
 }
}
#campagin-features .column-title,#campagin-functions .column-title {
 position:relative;
 padding-bottom:16px;
 font-size:24px;
 color:#333
}
#campagin-features .column-title:after,#campagin-functions .column-title:after {
 position:absolute;
 content:"";
 left:0;
 bottom:-4px;
 width:100%;
 height:1px;
 background-color:#ebebeb
}
@media screen and (max-width:39.9375em) {
 #campagin-features .column-title,#campagin-functions .column-title {
  text-align:center
 }
 #campagin-features .column-title:after,#campagin-functions .column-title:after {
  left:50%;
  width:40px;
  margin-left:-20px;
  background:#9e9e9e
 }
}
#campagin-functions {
 border-bottom:1px solid #eee
}
#campagin-functions .row.align-center {
 padding-bottom:2rem
}
#campagin-functions .column-large-padding {
 margin-bottom:3rem
}
#campagin-features .column-large-padding {
 padding:0 2rem
}
#campagin-features .column-large-padding:first-child {
 margin-bottom:6rem
}
@media screen and (max-width:39.9375em) {
 #campagin-features .column-large-padding,#campagin-features .column-large-padding:first-child {
  margin-bottom:4rem
 }
}
#campagin-functions {
 border-top:1px solid #ebebeb
}
#campagin-functions .item-icon {
 padding-bottom:1rem
}
@media screen and (max-width:39.9375em) {
 #campagin-functions .item-icon {
  text-align:center;
  padding-bottom:1rem
 }
}
#campagin-functions h5 {
 margin-bottom:.5rem
}
@media screen and (max-width:39.9375em) {
 #campagin-functions h5 {
  text-align:center
 }
}
#campagin-functions p {
 margin-top:0
}
#campagin-functions .column-large-padding {
 padding:0 2rem
}
#campagin-functions .column-large-padding:first-child {
 margin-bottom:3rem
}
@media screen and (max-width:39.9375em) {
 #campagin-functions .column-large-padding,#campagin-functions .column-large-padding:first-child {
  margin-bottom:3rem
 }
}
#campagin-overview {
 padding:4rem 0;
 position:relative;
 overflow:hidden
}
#campagin-overview .bg {
 position:absolute;
 top:0;
 left:50%;
 width:605px;
 height:100%;
 transform:translateX(-50%);
 background-image:url(campagin-bg1.png);
 background-repeat:no-repeat;
 background-size:cover
}
.hero-account {
 background-image:url(bg-account.jpg)!important
}
.account-title h3 img {
 vertical-align:-5px!important
}
.system-box {
 padding-top:66px
}
.system-box>div {
 height:112px;
 cursor:pointer
}
.system-box>div .box-icon {
 float:left;
 display:inline-block;
 width:118px;
 height:112px;
 line-height:112px;
 text-align:center
}
.system-box>div .box-icon>img {
 width:60px
}
.system-box .box-active {
 background-color:#f9f9f9
}
.system-box-phone.moudle-6.show-for-small-only .arrow-s-l,.system-box-phone.moudle-6.show-for-small-only .arrow-s-r {
 top:75px
}
.system-box-phone .scen {
 background-image:none
}
.phone-only {
 display:none
}
.box-desc {
 padding-top:32px
}
.box-desc-title {
 font-size:18px;
 font-weight:600
}
.box-desc-message {
 opacity:.7;
 font-size:14px;
 margin-top:3px;
 padding:0 10px
}
#account-switch-one>div {
 cursor:pointer
}
.system-box-image {
 position:relative
}
.system-box-image .account-rect-img {
 width:378px;
 height:540px
}
.system-box-image .account-contain-img,.system-box-image .account-frame-img {
 position:absolute;
 left:124px
}
.system-box-image .account-frame-img {
 width:292px;
 top:0
}
.system-box-image .account-contain-img {
 top:65px;
 left:146px;
 width:240px
}
.system-box-image #consumer-client,.system-box-image #transfer-client,.system-box-image #withdraw-client {
 display:none
}
.control-box-fun {
 position:relative
}
.control-box {
 margin:30px 0 0 210px
}
.control-box span {
 cursor:pointer;
 margin:3px
}
.control-box .unactive-control {
 opacity:.7;
 font-size:14px;
 border-bottom:1px solid #aaa;
 padding-bottom:4px
}
.box-row {
 padding:55px 0
}
.account-box {
 background-color:#f9f9f9;
 position:relative
}
.account-box .account-manager img {
 width:160px
}
.account-box .box-desc {
 display:block;
 text-align:-webkit-center;
 text-align:-moz-center
}
.account-box .box-desc-message {
 max-width:343px
}
.coupon_manager_title {
 position:relative;
 height:155px
}
.coupon_manager_title p {
 max-width:720px;
 position:absolute;
 right:0
}
.coupon-box .account-rect-img {
 width:514px;
 height:auto
}
.coupon-box .account-coupon-img {
 position:absolute;
 top:25px;
 left:0;
 width:460px
}
#coupon_consumer-big {
 width:250px;
 left:20%;
 top:0
}
.coupon>div {
 height:136px
}
.coupon>div .box-icon {
 line-height:136px;
 height:136px
}
#scenSlide1 .arrow-s-l,#scenSlide1 .arrow-s-r {
 top:95px
}
#scenSlide1 a {
 height:175px
}
#scenSlide1 img {
 width:20em
}
.horizontal.account {
 padding-left:0;
 margin-top:100px
}
@media screen and (max-width:39.9375em) {
 .account-title {
  text-align:-webkit-center!important;
  text-align:-moz-center!important
 }
 .account-title>h1 {
  font-size:30px!important;
  line-height:1.5!important;
  width:238px!important
 }
 .account-title>h4 {
  margin-bottom:70px!important
 }
 .pc-only {
  display:none!important
 }
 .phone-only {
  display:inherit!important
 }
 .module-fir.fir-title>h2 {
  font-size:30px!important;
  line-height:43.5px!important
 }
 .module-sec {
  padding-top:44px!important;
  padding-bottom:0!important
 }
 .sec-title>h3 {
  font-size:22px!important;
  margin-bottom:0!important
 }
 .coupon_manager_title {
  text-align:left!important;
  height:auto
 }
 .coupon_manager_title h3 {
  font-size:37px
 }
 .coupon_manager_title p {
  font-size:13px;
  position:inherit
 }
}
@media screen and (max-width:66.5em) and (min-width:40em) {
 .hide-for-medium-only.medium {
  display:none!important
 }
}
@media screen and (max-width:73.5em) and (min-width:40em) {
 .hide-for-medium-only.large {
  display:none!important
 }
}
.hero-platform {
 background-image:url(bg-platform.png)!important
}
.platform-title h3 img {
 vertical-align:-9px!important
}
.horizontal {
 padding-left:36px
}
.horizontal .system-box-image .account-rect-img {
 height:auto;
 width:514px
}
.horizontal .system-box-image .account-contain-img {
 left:40px;
 top:20px;
 width:460px
}
.horizontal.platform {
 margin-top:40px
}
.module-sec.platform {
 padding-bottom:0
}
.platform-business h3 {
 text-align:center;
 margin-top:72px
}
.control-box-fun.platform {
 margin-bottom:81px
}
.control-box-fun.platform .control-box {
 margin:0
}
.img-hidden>img:not(:first-child) {
 display:none
}
#scenSlidePlatform1 .account-contain-img,#scenSlidePlatform2 .account-contain-img,#scenSlidePlatform3 .account-contain-img,#scenSlidePlatform4 .account-contain-img {
 width:17em
}
#scenSlidePlatform1 .arrow-s-l,#scenSlidePlatform1 .arrow-s-r {
 top:95px
}
#scenSlidePlatform1 a {
 height:175px
}
.pc-rect {
 position:relative;
 min-height:13em
}
.pc-rect .pc-rect-bg {
 position:absolute;
 top:0;
 width:80%;
 left:10%;
 z-index:-1
}
.pc-rect .scen {
 position:absolute;
 top:10%;
 left:17%
}
.big-item>div {
 height:135px
}
.big-item>div>.box-icon {
 height:135px;
 line-height:135px
}
@media screen and (max-width:39.9375em) {
 .hero-platform {
  background-image:url(bg-platform-mobile.png)!important
 }
 .fenrun {
  background-color:#f5f7f8
 }
}
.hero-token {
 background-image:url(token-bg.png)!important;
 height:750px
}
.product-header h3 {
 font-size:24px;
 margin-bottom:48px
}
.product-header h3 img {
 vertical-align:-9px!important;
 margin-right:13px
}
.product-header .bate-icon {
 height:24px;
 vertical-align:-3px!important
}
.product-header h1 {
 font-size:48px;
 margin-bottom:32px
}
.product-header p {
 opacity:.75;
 color:#fff
}
.product-header .hero-box {
 margin-top:205px
}
.product-token-container {
 color:#202020
}
.product-token-container .module-fir {
 margin:80px 0 50px
}
.product-token-container .module-sec {
 margin:80px 0 160px
}
.product-token-container .advantage-box {
 margin-top:25px
}
.product-token-container .advantage-box .advantage-item {
 margin-bottom:25px
}
.product-token-container .advantage-box .advantage-item img {
 margin-right:10px;
 margin-top:-3px
}
.product-token-container .advantage-box .advantage-item p {
 margin-top:9px
}
.product-token-container .advantage-box .advantage-item .advantage-title {
 font-size:18px;
 font-weight:600;
 line-height:1.5
}
.product-token-container .token-products {
 margin-top:91px
}
.products-token.pricing-section__faq {
 border:none;
 padding-top:0
}
.products-token.bottom-cta {
 height:372px
}
@media screen and (max-width:39.9375em) {
 .token-products {
  margin-top:80px!important
 }
 .product-token-container .module-sec {
  margin:20px 0 40px
 }
}
.hero-cross_border {
 background-image:url(big-bg.jpg)!important;
 height:750px
}
.cross_border.description {
 opacity:.7
}
.cross_border.break-word {
 word-wrap:break-word
}
.cross-border-container .module-fir {
 margin-top:80px;
 margin-bottom:120px
}
.cross-border-container .module-fir-title {
 margin-bottom:50px
}
.cross-border-container .module-sec {
 margin-bottom:120px
}
.cross_border .cb-product {
 padding-right:24px
}
.cross_border .cb-product-box {
 position:relative;
 padding:10px 0;
 cursor:pointer;
 border-radius:3px;
 background-color:#f5f7f8;
 box-shadow:0 1px 2px 0 rgba(0,0,0,.15)
}
.cross_border .cb-product-box .icon {
 font-size:33px;
 color:#bbb
}
.cross_border .cb-product-box .icon-paypal {
 width:33px;
 height:33px;
 background:url(products/cross_border/PayPal.svg) no-repeat
}
.cross_border .cb-product-box.active {
 background-color:#35c8e6;
 color:#fff;
 box-shadow:none
}
.cross_border .cb-product-box.active .icon {
 color:#fff
}
.cross_border .cb-product-box.active .icon-paypal {
 background:url(products/cross_border/PayPal_w.svg) no-repeat
}
.cross_border .cb-product-box:not(:last-child) {
 margin-bottom:16px
}
.cross_border .cb-product-box-r {
 height:257px
}
.cross_border .cb-alipay .icon {
 font-size:30px
}
.cross_border .cb-alipay-info>div,.cross_border .cb-wechat-info>div {
 width:100%
}
.cross_border .cb-info {
 height:100%;
 background-color:#f5f7f8;
 transition:all .2s ease-in
}
.cross_border .cb-info img {
 height:72px
}
.cross_border .cb-info>div p {
 margin-top:20px;
 font-size:14px
}
@media screen and (max-width:39.9375em) {
 .hero-cross_border {
  background-image:url(m-bg.jpg)!important
 }
 .cross_border .icon-title-box-m {
  margin-bottom:20px
 }
 .cross_border .icon-title-m {
  font-size:20px
 }
 .cross_border .icon-alipay-m {
  font-size:45px;
  color:#4cc8e6
 }
 .cross_border .icon-wechat-m {
  font-size:45px;
  color:#84d37c
 }
 .cross_border .cb-info-m {
  margin-top:15px
 }
}
.pro-consult {
 position:fixed;
 bottom:1.875rem;
 right:2.25rem;
 z-index:97
}
.pro-consult .button {
 font-size:.9375rem
}
.pro-slide {
 display:-ms-flexbox;
 display:flex;
 -moz-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 position:fixed;
 top:0;
 bottom:0;
 right:-26.25rem;
 width:26.25rem;
 background-color:#fff;
 box-shadow:0 0 20px 0 rgba(0,0,0,.05);
 z-index:1001;
 transform:translateZ(0);
 -webkit-transform:translateZ(0)
}
.pro-slide.down {
 animation:G .5s
}
.pro-slide.on {
 right:0;
 animation:F .5s
}
.pro-con {
 -moz-flex-grow:1;
 -ms-flex-positive:1;
 flex-grow:1;
 position:relative;
 padding:3.125rem 3.125rem 1.25rem;
 overflow-y:scroll
}
.pro-con .button {
 margin-top:1.5rem
}
.pro-txt {
 color:#909090;
 font-size:16px
}
.pos-middle {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate3d(-50%,-50%,0)
}
.pro-ico {
 position:relative;
 display:block;
 margin-bottom:55px
}
.pro-ico .pro-icon-success.pro-draw:after {
 animation:E 1s ease .1s;
 animation-fill-mode:forwards;
 transform:scaleX(1) rotate(135deg)
}
.pro-ico .pro-icon-success:after {
 position:absolute;
 right:95px;
 top:-55px;
 opacity:1;
 height:84px;
 width:40px;
 transform-origin:right bottom;
 border-right:4px solid #35c8e6;
 border-top:4px solid #35c8e6;
 border-radius:2px;
 content:""
}
@keyframes E {
 0% {
  height:0;
  width:0;
  opacity:0
 }
 20% {
  height:40px;
  width:0;
  opacity:1
 }
 40% {
  height:40px;
  width:44px;
  opacity:1
 }
 to {
  height:40px;
  width:84px;
  opacity:1
 }
}
select.sel {
 background-color:#fbfbfb;
 border-radius:3px;
 outline:0
}
.pro-close-outer {
 -moz-flex-grow:0;
 -ms-flex-positive:0;
 flex-grow:0;
 position:relative;
 background-color:#fff;
 border-top:1px solid #f8f8f8
}
.pro-close-outer .pro-tip {
 position:relative;
 margin-left:50px;
 margin-top:46px;
 margin-bottom:46px;
 font-size:13px;
 color:#aaa
}
.pro-close-outer .pro-tip strong {
 position:relative;
 color:#707070;
 cursor:pointer
}
.pro-close-outer .pro-tip strong:hover+img {
 display:block
}
.pro-close-outer .pro-tip img {
 position:absolute;
 left:0;
 top:-7.75rem;
 display:none;
 width:7.625rem;
 height:8.0625rem
}
.pro-close-outer .pro-close {
 position:absolute;
 right:36px;
 top:30px;
 border:1px solid #f0f0f0;
 width:3.125rem;
 height:3.125rem;
 border-radius:50%;
 text-align:center;
 background-color:#fff
}
.pro-close-outer .pro-close:hover {
 background-color:#f0f0f0
}
.pro-close-outer .pro-close:after {
 font-family:icomoon!important;
 content:"\e117";
 color:#707070;
 font-size:1.25rem;
 line-height:3.125rem;
 font-weight:200
}
@media screen and (max-width:39.9375em) {
 .pro-consult {
  bottom:0;
  right:0;
  left:0;
  padding:.5rem 0;
  background-color:#fff;
  box-shadow:0 2px 12px 0 rgba(0,0,0,.05);
  text-align:center
 }
 .pro-con {
  padding:1.75rem
 }
 .pro-slide {
  right:-100%;
  bottom:0;
  width:100%;
  padding-bottom:3.4375rem
 }
 .pro-slide h3 {
  text-align:center;
  font-size:1.4375rem
 }
 .pro-slide .button {
  display:block;
  width:100%;
  margin-top:1.2rem
 }
 .pro-slide.on {
  right:0
 }
 .pro-tip {
  display:none
 }
 .pro-close-outer .pro-close {
  position:absolute;
  border:0;
  right:0;
  top:0;
  width:100%;
  height:3.4375rem;
  line-height:3.4375rem;
  border-radius:0;
  text-align:center;
  background-color:#fff
 }
 .pro-close-outer .pro-close:hover {
  background-color:#f0f0f0
 }
 .pro-close-outer .pro-close:after {
  font-family:icomoon!important;
  content:"\e117";
  color:#707070;
  font-size:1.25rem;
  line-height:3.125rem;
  font-weight:200
 }
 footer {
  padding-bottom:4.375rem
 }
}
@keyframes F {
 0% {
  opacity:0;
  transform:translate3d(100%,0,0)
 }
 to {
  opacity:1;
  transform:translateZ(0)
 }
}
@keyframes G {
 0% {
  transform:translate3d(-100%,0,0)
 }
 to {
  transform:translateZ(0)
 }
}
.theme-solicit p {
 margin-bottom:1rem
}
.theme-solicit h2 {
 margin-bottom:40px
}
.theme-solicit .hero {
 padding:181px 0 0;
 position:relative
}
.theme-solicit .hero .bg-img {
 position:absolute;
 top:107px;
 z-index:-1
}
.theme-solicit .hero .bg-img-mobile {
 position:absolute;
 z-index:-1;
 top:19.2rem
}
.theme-solicit .hero h1,.theme-solicit .hero h2,.theme-solicit .hero h3,.theme-solicit .hero h4,.theme-solicit .hero p {
 text-align:left
}
.theme-solicit .hero h1 {
 font-weight:600;
 font-size:48px;
 display:inline-block;
 background-image:-webkit-gradient(linear,0 0,30% 0,from(#44d89e),to(#35c8e6));
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.theme-solicit .hero p {
 margin-bottom:20px
}
.theme-solicit .hero .join,.theme-solicit .hero p span {
 font-weight:700;
 color:#3dd0c0
}
.theme-solicit .hero .join {
 margin-top:70px;
 cursor:pointer
}
.theme-solicit .hero .belief {
 margin-top:104px;
 padding-bottom:64px;
 border-bottom:1px solid rgba(0,0,0,.08)
}
.theme-solicit .hero .belief>div {
 padding-right:20px
}
.theme-solicit .hero .belief>div:last-child {
 padding-right:0
}
.theme-solicit .hero .belief .gradient {
 background-image:-webkit-gradient(linear,0 0,100% 0,from(#44d89e),to(#35c8e6));
 height:2px;
 margin-bottom:20px
}
.theme-solicit .hero .belief-title {
 color:#3dd0c0;
 margin-top:20px
}
.theme-solicit .hero .belief-title img {
 width:40px;
 margin-right:10px
}
.theme-solicit .hero .belief-title span {
 font-size:18px;
 font-weight:600
}
.theme-solicit .hero .belief-desc {
 margin-top:10px;
 opacity:.7;
 font-size:14px;
 line-height:21px
}
.theme-solicit .superiority {
 padding-right:13.33px;
 margin-bottom:20px
}
.theme-solicit .superiority:nth-child(3n-1) {
 padding:0 6.66px
}
.theme-solicit .superiority:nth-child(3n) {
 padding-left:13.33px;
 padding-right:0
}
.theme-solicit .superiority-box {
 border:1px solid rgba(0,0,0,.08);
 border-radius:5px;
 height:162px;
 padding:24px 32px 36px
}
.theme-solicit .superiority:last-child {
 margin-right:0
}
.theme-solicit .superiority-title {
 margin-bottom:10px
}
.theme-solicit .superiority-title .color-box {
 display:inline-block;
 position:relative;
 top:2px;
 margin-right:15px;
 line-height:0;
 height:16px;
 width:5px
}
.theme-solicit .superiority-title .color-box i {
 width:5px;
 height:8px;
 display:inline-block
}
.theme-solicit .superiority-title .color-box i:first-child {
 background-color:#44d89e;
 border-radius:5px 5px 0 0
}
.theme-solicit .superiority-title .color-box i:last-child {
 background-color:#35c8e6;
 border-radius:0 0 5px 5px
}
.theme-solicit .superiority-title span {
 font-size:18px;
 font-weight:600
}
.theme-solicit .superiority-desc {
 margin-top:10px;
 opacity:.7;
 font-size:14px;
 line-height:21px
}
.theme-solicit .cooperater {
 background-image:url(cooperater-bg.png);
 background-size:cover;
 background-position:50%;
 height:559px;
 padding:73px 0 88px
}
.theme-solicit .cooperater h2 {
 color:#fff;
 margin-bottom:48px
}
.theme-solicit .cooperater-item {
 text-align:center
}
.theme-solicit .cooperater-item:first-child > .cooperater-box {
 background:#d9f5f8;
 color:#034b83
}
.theme-solicit .cooperater-item:nth-child(2)>.cooperater-box {
 background:#dbfff1;
 color:#0b593b
}
.theme-solicit .cooperater-item:nth-child(3)>.cooperater-box {
 background:#deebf9;
 color:#234288
}
.theme-solicit .cooperater-item:nth-child(4)>.cooperater-box {
 background:#dffdff;
 color:#11626b
}
.theme-solicit .cooperater-sec-row {
 margin-top:-24px
}
.theme-solicit .cooperater-item-sec {
 text-align:center
}
.theme-solicit .cooperater-item-sec:first-child > .cooperater-box {
 background:#f9f3f4;
 color:#823040
}
.theme-solicit .cooperater-item-sec:nth-child(2)>.cooperater-box {
 background:#fee9db;
 color:#a14a15
}
.theme-solicit .cooperater-item-sec:nth-child(3)>.cooperater-box {
 background:#fffdf0;
 color:#886100
}
.theme-solicit .cooperater-box {
 display:inline-table;
 height:160px;
 width:160px;
 font-size:20px;
 line-height:30px;
 border-radius:10px;
 box-shadow:0 8px 8px 0 rgba(0,0,0,.05);
 background-image:linear-gradient(45deg,#fff,hsla(0,0%,100%,0))
}
.theme-solicit .cooperater-box h4 {
 font-size:20px;
 font-weight:600;
 display:table-cell;
 vertical-align:middle
}
.theme-solicit .all-support h2 {
 margin:72px 0 40px
}
.theme-solicit .policy-row {
 padding-bottom:72px;
 border-bottom:1px solid rgba(0,0,0,.08)
}
.theme-solicit .policy {
 margin-bottom:31px;
 padding-right:13.33px
}
.theme-solicit .policy:nth-child(3n-1) {
 padding:0 6.66px
}
.theme-solicit .policy:nth-child(3n) {
 padding-left:13.33px;
 padding-right:0
}
.theme-solicit .policy:first-child .policy-box span {
 display:table-cell;
 vertical-align:middle
}
.theme-solicit .policy:first-child .policy-box span img {
 height:36px;
 margin-right:8px
}
.theme-solicit .policy-box {
 padding-top:18px;
 border-top:2px solid #606060
}
.theme-solicit .policy-box h4 {
 font-size:18px;
 font-weight:600;
 display:table-cell;
 vertical-align:middle
}
.theme-solicit .policy-box p {
 margin-top:8px;
 opacity:.7;
 font-size:14px
}
.theme-solicit .cooperater-flux-fir {
 padding-bottom:72px;
 border-bottom:1px solid rgba(0,0,0,.08)
}
.theme-solicit .cooperater-flux-box {
 padding:0 8px
}
.theme-solicit .cooperater-flux-box>div {
 position:relative;
 background-color:#fff;
 padding:35px 20px;
 transform:skewX(-7.5deg);
 border-radius:5px;
 min-height:158px
}
.theme-solicit .cooperater-flux-box>div img {
 position:absolute;
 top:-15px;
 left:10px;
 height:40px;
 transform:skewX(7.5deg)
}
.theme-solicit .cooperater-flux-box>div p {
 margin-top:10px;
 color:#202020;
 font-size:14px;
 transform:skewX(7.5deg)
}
.theme-solicit .contact-us {
 padding-bottom:72px
}
.theme-solicit .contact-us .contact-form-box {
 margin-top:72px
}
.theme-solicit .contact-us .contact-form-box p {
 margin-bottom:32px
}
.theme-solicit .contact-us .contact-form-box input {
 background-color:#f3faf7;
 border-radius:5px;
 border:1px solid #e1e1e1;
 outline:0
}
.theme-solicit .contact-us .contact-form-box .desc {
 opacity:.7;
 font-size:14px
}
.theme-solicit .contact-us .contact-form-box .last-row {
 margin-top:18px
}
@media screen and (max-width:39.9375em) {
 .mobile-center {
  text-align:center!important
 }
 .theme-solicit h1.mobile {
  font-size:30px;
  background-image:-webkit-gradient(linear,0 0,80% 0,from(#44d89e),to(#35c8e6))
 }
 .theme-solicit h2 {
  font-size:22px!important;
  margin-bottom:24px!important;
  font-weight:400!important
 }
 .theme-solicit .join {
  font-size:18px!important;
  font-weight:500!important
 }
 .theme-solicit .belief>div {
  padding-right:0!important
 }
 .theme-solicit .superiority {
  padding-right:0!important;
  padding-left:0!important
 }
 .theme-solicit .superiority:last-child {
  margin-bottom:40px
 }
 .theme-solicit .cooperater {
  background-image:url(cooperater-bg-mobile.png)!important;
  height:auto!important
 }
 .theme-solicit .cooperater-box {
  margin-bottom:10px!important
 }
 .theme-solicit .cooperater-sec-row {
  margin-top:0!important
 }
 .theme-solicit .all-support h2 {
  margin-top:40px!important
 }
 .theme-solicit .all-support-fir-box .after-sales-box-fir {
  padding-left:0!important;
  height:350px!important
 }
 .theme-solicit .policy-row {
  padding-bottom:0!important;
  border:none!important
 }
 .theme-solicit .policy {
  padding-right:0!important;
  padding-left:0!important
 }
 .theme-solicit .cooperater-flux-box>div {
  margin-bottom:30px!important;
  min-height:0!important
 }
 .theme-solicit .contact-us .contact-form-box {
  margin-top:0!important
 }
 .theme-solicit .contact-us label.middle {
  margin-bottom:0!important
 }
}
.scenes .scenes-header {
 margin-top:180px;
 padding-bottom:85px
}
.scenes .scenes-header .scenes-title {
 padding-right:40px;
 position:relative
}
.scenes .scenes-header .scenes-title img {
 position:absolute;
 z-index:-1;
 left:25px
}
.scenes .scenes-header .scenes-title h1 {
 margin-top:15px
}
.scenes .scenes-box-desc,.scenes .scenes-desc {
 opacity:.7
}
.scenes .scenes-box-desc {
 font-size:14px;
 margin-top:16px;
 width:100px
}
.scenes .scenes-list {
 padding:56px 0;
 background-color:#f5f7f8
}
.scenes .scenes-list .scenes-list-box>div {
 margin-bottom:24px
}
.scenes .scenes-list .scenes-box {
 width:100px;
 height:100px;
 line-height:100px;
 cursor:pointer;
 background-color:#fff;
 box-shadow:0 0 12px 0 hsla(190,7%,84%,.31);
 border-radius:20px;
 transition:all .2s ease-in
}
.scenes .scenes-list .scenes-box:hover {
 box-shadow:0 0 12px 0 rgba(58,204,200,.7)
}
.scenes .module-sec {
 padding:80px 0
}
.scenes .scenes-client {
 margin-top:70px;
 padding:50px 80px;
 border-radius:17px;
 box-shadow:0 0 19px 1px #e1e8eb
}
.scenes .scenes-client .client-logo {
 position:relative
}
.scenes .scenes-client .client-logo img {
 position:relative;
 top:-65px;
 z-index:1;
 height:164px
}
.scenes .scenes-client .client-logo img.right {
 right:0
}
.scenes .scenes-client p {
 font-size:14px;
 margin-bottom:0
}
.scenes .scenes-client .driver-line {
 width:20%;
 margin:24px 0
}
.scenes .scenes-client .used-channel a {
 margin-right:10px
}
.scenes .hide-for-small-only.client-logo {
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.scenes .scenes-dev-links {
 padding:108px 0 164px
}
.scenes .qr-code-scenes-box {
 height:181px;
 font-size:14px;
 padding:20px 15px;
 border-radius:20px;
 background-color:#fff;
 box-shadow:0 0 12px 0 hsla(190,7%,84%,.31)
}
.scenes .qr-code-scenes-box span {
 opacity:.7
}
.scenes .scenes-qr-box {
 cursor:pointer
}
.scenes .qr-code-scenes-box-title {
 margin-bottom:10px;
 margin-left:20px;
 opacity:.7
}
@media screen and (max-width:39.9375em) {
 .scenes-header {
  margin-top:140px!important;
  padding-bottom:100px!important
 }
 .scenes h1 {
  text-align:left
 }
 .scenes .scenes-desc-title {
  line-height:1.8;
  font-size:18px
 }
 .scenes .scenes-client {
  padding:50px 20px
 }
 .scenes .pricing-section__faq {
  border-top:none
 }
}
.wiki {
 padding-top:80px
}
.wiki-title {
 margin:55px auto
}
.wiki-body {
 padding:65px 0;
 background-color:#f5f7f8
}
.wiki-ul-box {
 margin-left:1.25rem
}
.wiki .wiki-remarks {
 padding-left:45px;
 text-indent:-45px
}
.wiki-info {
 padding-right:15px
}
.wiki-info-sub-title,.wiki-info-title {
 margin-bottom:40px
}
.wiki-info li,.wiki-info p {
 font-size:14px
}
.wiki-info-back a {
 margin-right:10px
}
.wiki .out-link-box {
 padding:30px 20px;
 margin-bottom:30px;
 border-radius:8px;
 background-color:#fff;
 box-shadow:0 0 11px 0 hsla(0,0%,80%,.59)
}
.wiki .out-link-box a {
 font-size:14px
}
.wiki .out-link-box a.anchor {
 float:right
}
.wiki .wiki-dev-links {
 padding:108px 0 164px
}
ul.device-wall.device-wall--en .device.web {
 background-image:url(web-chrome-en.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 ul.device-wall.device-wall--en .device.web {
  background-image:url(web-chrome-en@2x.png)
 }
}
ul.device-wall.device-wall--en .device.apple-pay {
 background-image:url(phone-apple-pay-en.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 ul.device-wall.device-wall--en .device.apple-pay {
  background-image:url(phone-apple-pay-en@2x.png)
 }
}
ul.device-wall.device-wall--en .device.wechat {
 background-image:url(phone-hongbao-en.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
 ul.device-wall.device-wall--en .device.wechat {
  background-image:url(phone-hongbao-en@2x.png)
 }
}
.div-middle,.theme-new-products .desc-item-box,.theme-new-products .module-info.two-child>div>div {
 display:-ms-flexbox;
 display:flex;
 -moz-display:flex
}
.div-middle>div,.theme-new-products .desc-item-box>div,.theme-new-products .module-info.two-child>div>div>div {
 -ms-flex-align:center;
 align-items:center
}
.module-body {
 padding:96px 0 80px
}
.module-body .module-desc {
 margin-bottom:72px
}
.theme-new-products h5 {
 font-size:16px;
 font-weight:400;
 line-height:28px;
 opacity:.85;
 margin-bottom:8px
}
.theme-new-products .hero-copy h5 {
 margin-top:20px
}
.theme-new-products .hero {
 position:relative;
 margin-bottom:40px
}
.theme-new-products .hero p {
 font-size:14px;
 color:#fff
}
.theme-new-products .hero p span {
 cursor:pointer
}
.theme-new-products .hero-desc {
 position:absolute;
 width:100%;
 top:58%;
 transform:translateY(-50%)
}
.theme-new-products .hero-arrow {
 display:inline-block;
 width:22px;
 height:36px;
 background:url(arrowdown.png);
 background-size:cover;
 margin:30px 0 8px
}
.theme-new-products .module-title {
 margin-bottom:32px
}
.theme-new-products .module-info.two-child>div>div img {
 height:auto;
 width:auto
}
.theme-new-products .module-info.two-child>div>div p {
 padding-left:13px;
 text-indent:-10pt
}
.theme-new-products .desc-item-box .desc-item {
 margin-bottom:32px
}
.theme-new-products .desc-item-box .desc-item p {
 opacity:.7;
 font-size:14px
}
.theme-new-products .hr-bottom {
 border-bottom:1px solid rgba(0,0,0,.08)
}
.theme-new-products .our-superiority .superiority-box>div {
 padding:22px;
 overflow-y:hidden
}
.theme-new-products .our-superiority .superiority-box>div p {
 opacity:.7;
 width:238px;
 font-size:14px
}
.theme-new-products .our-superiority .superiority-title {
 padding-top:40px;
 margin-bottom:32px
}
.theme-new-products .our-superiority .line-3 {
 display:inline-block;
 float:left;
 margin-right:16px;
 margin-top:3px;
 width:4px;
 height:17px;
 border-radius:100px;
 background-image:linear-gradient(0deg,#b4ed50,#429321)
}
.theme-new-products .our-superiority h4 {
 float:left;
 display:inline-block;
 font-size:18px;
 font-weight:600;
 margin-bottom:0
}
.theme-new-products .access-flow {
 background-size:cover
}
.theme-new-products .access-flow h2 {
 margin-bottom:64px
}
.theme-new-products .get-solution-fund {
 height:240px;
 background-image:linear-gradient(17deg,#4a7e0d,#87bf20);
 padding:40px 0 60px
}
.theme-new-products .get-solution-fund h3 {
 margin:32px 0;
 font-size:24px;
 color:#fff;
 font-weight:500
}
.theme-new-products .get-solution-fund .contact-us {
 background-color:#fff;
 color:#639915;
 font-weight:400
}
.theme-new-products .get-solution-fund .contact-us:hover {
 box-shadow:0 8px 10px rgba(60,105,7,.3)
}
@media screen and (max-width:39.9375em) {
 .theme-new-products .module-body {
  padding-bottom:0!important
 }
 .theme-new-products .module-info {
  margin-bottom:0!important
 }
 .theme-new-products .module-info>div>div {
  padding:0!important;
  margin-bottom:80px!important
 }
 .theme-new-products .phone-margin-top {
  margin-top:40px
 }
 .theme-new-products .access-flow {
  padding-bottom:96px!important
 }
}
.seamlessRolling li,.seamlessRolling ul {
 list-style:none
}
.seamlessRolling ul {
 overflow:hidden;
 width:100%;
 white-space:nowrap;
 margin:0;
 padding:0;
 font-size:0
}
.seamlessRolling li {
 display:inline-block
}
.seamlessRolling img {
 width:100%
}
.seamlessRolling .seamlessRolling-box {
 position:absolute;
 bottom:0
}
.distribution.hero {
 background-image:url(distribution-bg.png)
}
.distribution .desc-item-box h3 {
 font-size:24px;
 font-weight:400
}
.distribution .desc-item-box p {
 color:#202020;
 line-height:2
}
.distribution .module-info {
 margin-bottom:120px
}
.distribution.superiority h2 {
 margin-bottom:72px
}
.distribution.superiority .superiority-outer-box {
 padding:0 11px
}
.distribution.superiority .superiority-box {
 position:relative;
 padding:72px 22px 65px;
 height:232px
}
.distribution.superiority .superiority-box img {
 position:absolute;
 top:50%;
 right:22px;
 transform:translateY(-74%);
 height:133px;
 z-index:-1
}
.distribution.superiority .superiority-box h4 {
 font-weight:400;
 font-size:24px;
 margin-bottom:16px
}
.distribution.superiority .superiority-box .superiority-desc {
 font-size:14px;
 opacity:.7
}
.sol_store.hero {
 background-image:url(bg.png)
}
.sol_retail.hero {
 background-image:url(bg.png)
}
.sol_retail .module-info>div>div:last-child,.sol_store .module-info>div>div:last-child {
 padding-left:0
}
.core-functions {
 background-color:#f5f7f8
}
.core-functions h2 {
 margin-bottom:40px
}
.core-functions .core-outer-box {
 padding:0 11px;
 margin-bottom:22px
}
.core-functions .core-box {
 padding:40px 22px;
 height:205px;
 background-color:#fff;
 box-shadow:0 0 5px 0 rgba(132,177,185,.24)
}
.core-functions .core-box h4 {
 font-weight:700;
 font-size:18px;
 margin-bottom:0
}
.core-functions .core-box .hr-line {
 width:100%;
 height:1px;
 background-color:#f5f7f8;
 margin:16px 0;
 position:relative
}
.core-functions .core-box .hr-line>span {
 position:absolute;
 left:0;
 display:inline-block;
 width:29%;
 height:100%;
 background-color:#53cfcf
}
.core-functions .core-box .core-desc {
 font-size:14px;
 opacity:.7
}
.get-solution-distribution,.get-solution-retail,.get-solution-store {
 height:240px;
 background-image:linear-gradient(17deg,#1e98a6,#62dad7);
 padding:40px 0 60px
}
.get-solution-distribution h3,.get-solution-retail h3,.get-solution-store h3 {
 margin:32px 0;
 font-size:24px;
 color:#fff;
 font-weight:500
}
.get-solution-distribution .contact-us,.get-solution-retail .contact-us,.get-solution-store .contact-us {
 background-color:#fff;
 color:#3898a5;
 font-weight:400
}
.get-solution-distribution .contact-us:hover,.get-solution-retail .contact-us:hover,.get-solution-store .contact-us:hover {
 box-shadow:0 8px 10px rgba(21,144,165,.3)
}
.get-solution-store {
 background-image:linear-gradient(17deg,#1b4b9c,#4d76cd)
}
.get-solution-store .contact-us {
 color:#1c4c9d
}
.get-solution-retail {
 background-image:linear-gradient(17deg,#60489d,#a693dd)
}
.get-solution-retail .contact-us {
 color:#5f3a9d
}
.get-solution-retail .contact-us:hover {
 box-shadow:0 8px 10px rgba(95,58,157,.3)
}
@media screen and (max-width:39.9375em) {
 .core-functions .core-box {
  height:250px!important
 }
}
* {
 -webkit-touch-callout:none;
 -webkit-text-size-adjust:none;
 -webkit-tap-highlight-color:transparent;
 -webkit-user-select:text
}
body,html {
 height:100%
}