@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir_Heavy.otf') format("otf");
}
@font-face {
  font-family: Avenir Medium;
  src: url('../fonts/Avenir-Medium.otf') format("otf");
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

html, body {
  background-color: rgb(255, 255, 255);
  font-family: -apple-system-font,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;
  text-align: center;
  width: 100%;
  min-height: 100%;
}
.warp {
  min-height: 100%;
}
#header {
  background: url('../img/bg_pc.jpeg') no-repeat, -webkit-linear-gradient( #e4c01b 3%, #fad71f 28%, #fad94e 54%, #fbe371 56.95%); /* Safari 5.1 - 6.0 */
  background: url('../img/bg_pc.jpeg') no-repeat, -o-linear-gradient( #e4c01b 3%, #fad71f 28%, #fad94e 54%, #fbe371 56.95%); /* Opera 11.1 - 12.0 */
  background: url('../img/bg_pc.jpeg') no-repeat, -moz-linear-gradient(#e4c01b 3%, #fad71f 28%, #fad94e 54%, #fbe371 56.95%); /* Firefox 3.6 - 15 */
  background: url('../img/bg_pc.jpeg') no-repeat, linear-gradient(#e4c01b 3%, #fad71f 28%, #fad94e 54%, #fbe371 56.95%); /* 标准的语法（必须放在最后） */
  background-position: center;
  background-size: cover;
  min-height: calc(100vw/1.9);
}

#download {
  background-color: #fff;
  text-align: center;
  padding: 0;
  max-height: 185px;
  overflow-y: hidden;
}

.badge {
  transition: all .15s ease-in;
  height: 72px;
  line-height: 72px;
  margin: 55px 12px;
}

.badge:hover {
  transition: all .15s ease-out;
  height: 76px;
  line-height: 76px;
  margin: 55px 7px;
}

section {
  padding: 144px 0 0
}

h2 {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 24px 50px;
  font-size: 2.45em;
  color: #fff;
  line-height: 1.4em;
  font-weight: 400;
}

.subtext {
  display: block;
  font-size: .85em;
  color: #667E95;
  line-height: 1.5em
}

.light {
  color: #A7B5C3
}

a {
  text-decoration: none;
  color: #667E95
}

a:hover {
  color: #A7B5C3
}

#apps h2 {
  max-width: 650px;
  color: #fff;
}

.app {
  width: 160px;
  display: inline-block;
  padding: 0 40px
}

.app a {
  text-decoration: none
}

.app a:hover span {
  color: #21B794
}

#footer {
  font-size: 1em;
  line-height: 1.6em;
  font-weight: 400;
  background-color: #fff;
}

#footer a {
  color: #A7B5C3
}

#footer a:hover {
  color: #2E3945
}
#footer a:link,
#footer a:visited {color: #A7B5C3}
#footer a:hover {color:#2E3945;}
#footer a:active {color: #A7B5C3}

.support {
  font-size: 14px;
  padding-top: 5px;
  height: 25px;
}
.copyright {
  padding-bottom: 15px;
  font-size: 14px;
}

.inlineB {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  border-left: 1px solid #dedede;
}
.copyright img {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

@media only screen and (min-width: 769px) and (max-width: 1440px){
  #header {
    background: url('../img/bg_pc.jpeg') no-repeat, -webkit-linear-gradient(#e4c01b 3%, #fad71f 28%, #fad94e 52%, #fbe371 53.95%); /* Safari 5.1 - 6.0 */
    background: url('../img/bg_pc.jpeg') no-repeat, -o-linear-gradient(#e4c01b 3%, #fad71f 28%, #fad94e 52%, #fbe371 53.95%); /* Opera 11.1 - 12.0 */
    background: url('../img/bg_pc.jpeg') no-repeat, -moz-linear-gradient(#e4c01b 3%, #fad71f 28%, #fad94e 52%, #fbe371 53.95%); /* Firefox 3.6 - 15 */
    background: url('../img/bg_pc.jpeg') no-repeat, linear-gradient(#e4c01b 3%, #fad71f 28%, #fad94e 52%, #fbe371 53.95%); /* 标准的语法（必须放在最后） */
    background-position: center;
    background-size: cover;
    min-height: calc(100vw/1.9);
  }
}
@media only screen and (max-width:768px) {
  #header {
    background-size: cover;
    background-color: #fad94d;
    background-image: url('../img/bg_phone.png');
    min-height: 100vw;
  }
  .support {
    font-size: 10px;
    height: 15px;
    line-height: 1.5;
  }
  .copyright {
    font-size: 10px;
    height: 30px;
    line-height: 15px;
  }
  .inlineB {
    height: 15px;
    line-height: 15px;
  }
  .copyright img {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
  .badge {
    transition: all .15s ease-in;
    height: 50px;
    line-height: 50px;
    margin: 30px 12px;
  }
  
  .badge:hover {
    transition: all .15s ease-out;
    height: 54px;
    line-height: 54px;
    margin: 30px 7px;
  }
}
@media only screen and (max-width:600px) {
  #header {
    height: 430px;
  }
  section {
    padding: 128px 0 0
  }
  .badge {
    padding: 12px;
  }
  .badge:hover {
    transition: all .15s ease-out;
    padding: 12px;
  }
  .android h1 {
    font-size: 1.75em
  }
  #apps h2,
  #mobile h2,
  h2 {
    font-size: 1.5em;
    max-width: 70%;
    color: #fff;
    padding-bottom: 20px;
  }
  .android h2 {
    font-size: 1.25em;
    color: #fff;
  }
  .app {
    padding-bottom: 32px
  }
  .inlineB {
    border: none;
  }
}