html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  margin: 0 auto;
  color: #333;
  line-height: 1.5;
  background: #ffffff;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  font-size: 62.5%;
  font-family: "Helvetica";
}
html * {
  -webkit-tap-highlight-color: transparent;
}
@box-sizing {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
img,
textarea {
  border: none;
  vertical-align: middle;
}
body,
button,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
ol,
p,
td,
th,
ul {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB,STXihei", "Microsoft YaHei", "SimSun", "Heiti", sans-serif;
}
textarea,
input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #999;
}
textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
  color: #999;
}
input {
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  color: inherit;
  text-align: right;
}
ul,
li,
ol {
  list-style: none;
}
a img {
  border: 0;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fl-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.r11 {
  font-size: .29rem!important;
  line-height: .29rem;
}
.r12 {
  font-size: .32rem!important;
  line-height: .32rem;
}
.r13 {
  font-size: .35rem!important;
  line-height: .35rem;
}
.r14 {
  font-size: .37rem!important;
  line-height: .37rem;
}
.r15 {
  font-size: .4rem!important;
  line-height: .4rem;
}
.r16 {
  font-size: .43rem!important;
  line-height: .43rem;
}
.r17 {
  font-size: .45rem!important;
  line-height: .45rem;
}
.r18 {
  font-size: .48rem!important;
  line-height: .48rem;
}
.r19 {
  font-size: .51rem!important;
  line-height: .51rem;
}
.r20 {
  font-size: .53rem!important;
  line-height: .53rem;
}
.cr:after {
  content: '';
  clear: both;
  float: none;
  zoom: 1;
  overflow: hidden;
  display: block;
}
.hide {
  display: none;
}
[v-cloak] {
  display: none;
}  
#app {
    width: 100%;
    height: 100%;
}
.down-info{
    text-align: center;
    font-size: .52rem;
    color: #fff;
    line-height: .8rem;
    font-weight: lighter;
    letter-spacing: 4px;
}
.down-info span{
    color: #ffffff;
}
@media (max-height: 400px) {
body {
    background: rgba(0, 0, 0, 0.7);
}
html {
    background: rgba(0, 0, 0, 0.7);
}
}
.page-down {
  width: 100%;
  height: 100%;
  background: #202021;
}
.driver {
  width: 100%;
  padding-top: 1.28rem;
  box-sizing: border-box;
  overflow: hidden;
}
.driver img {
  display: block;
  width: 100%;
}
.driver img.img1 {
  margin: 0.77333333rem auto 0.56rem !important;
}
.driver img.img2 {
  margin-top: 0.26666667rem;
}
.driver img.btn {
  width: 2.82666667rem;
  height: 0.82666667rem;
  margin: 0.66666667rem auto 2rem auto;
}
.driver img.logo {
  width: 3.78666667rem;
  height: 3.6rem;
  margin: 0 auto 0.73333333rem auto;
}
.driver {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #202021;
  overflow: hidden;
}
.driver img {
  display: block;
  width: 100%;
}
.driver img:first-child {
  margin-top: 1.33333333rem;
}
.driver img:nth-child(2) {
  margin-top: 0.66666667rem;
}
.driver img:nth-child(3) {
  margin-top: 0.26666667rem;
}
.driver img.btn {
  width: 2.82666667rem;
  height: 0.82666667rem;
  margin: 0.66666667rem auto 2rem auto;
}
.driver img.logo {
  width: 3.78666667rem;
  height: 3.6rem;
  margin: 0 auto 0.73333333rem auto;
}



.driver_home {
  width: 100%;
  padding-top: 1.28rem;
  box-sizing: border-box;
  overflow: hidden;
}

.driver_home img {
  display: block;
  width: 100%;
}

.driver_home img.img1 {
  margin: 0.77333333rem auto 0.56rem !important;
}

.driver_home img.img2 {
  margin-top: 0.26666667rem;
}

.driver_home img.btn {
  width: 2.82666667rem;
  height: 0.82666667rem;
  margin: 0.66666667rem auto 2rem auto;
}

.driver_home img.logo {
  width: 3.78666667rem;
  height: 3.6rem;
  margin: 0 auto 0.73333333rem auto;
}

.driver_home {
   width: 100%;
  height: 100%;
  background: #202021;
  overflow: hidden;
}

.driver_home img {
  display: block;
  width: 100%;
}


.driver_home img.btn {
  width: 2.82666667rem;
  height: 0.82666667rem;
  margin: 0.66666667rem auto 2rem auto;
}

.driver_home img.logo {
  width: 3.78666667rem;
  height: 3.6rem;
  margin: 0 auto 0.73333333rem auto;
}