@font-face {
  font-family:landingicon;
  src:url(./iconfont.ttf) format('truetype')
}
.x-landing-wrapper {
  margin:0;
  padding:0;
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  font-size:16px;
  box-sizing:content-box;
  z-index:5000
}
.x-landing-wrapper .clearfix:after {
  content:"",display:table;
  clear:both
}
.x-landing-wrapper div,.x-landing-wrapper p,.x-landing-banner div,.x-landing-banner p {
  box-sizing:content-box;
  margin:0;
  padding:0
}
.x-landing-wrapper .x-landing-overlay {
  position:absolute;
  width:100%;
  height:100%;
  background-color:#000;
  background-color:rgba(0,0,0,.7)
}
.x-landing-wrapper .x-landing-tips {
  position:absolute;
  width:100%;
  color:#fff;
  text-align:center;
  padding:0 30px;
  top:45%;
  left:0;
  margin:0;
  box-sizing:border-box
}
.x-landing-loading {
  display:inline-block;
  width:50px;
  height:20px;
  vertical-align:top;
  margin:0 8px;
  position:relative
}
.x-landing-loading:after {
  content:"";
  width:100%;
  height:14px;
  position:absolute;
  top:3px;
  left:0;
  background-color:#eee;
  -webkit-animation:bar 1s infinite linear;
  animation:bar 1s infinite linear
}
@-webkit-keyframes bar {
  from {
  width:0
}
to {
  width:100%
}
}@keyframes bar {
  from {
  width:0
}
to {
  width:100%
}
}.x-landing-dialog {
  width:270px;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  background-color:#efefef;
  -webkit-border-radius:6px;
  border-radius:6px;
  overflow:hidden
}
.x-landing-dialog .msg {
  padding:20px;
  text-align:center;
  font-size:14px;
  line-height:20px;
  color:#000
}
.x-landing-dialog .actions {
  height:44px;
  position:relative
}
.x-landing-dialog .actions:after {
  content:"";
  display:block;
  width:200%;
  height:0;
  border-top:1px solid #b6b6b6;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform:scale(0.5);
  transform:scale(0.5);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
}
.x-landing-dialog .actions a {
  display:block;
  float:left;
  width:50%;
  height:44px;
  line-height:44px;
  text-align:center;
  text-decoration:none;
  font-size:16px;
  color:#007aff;
  position:relative
}
.x-landing-dialog .actions .confirm {
  font-weight:700
}
.x-landing-dialog .actions .confirm:after {
  content:"";
  display:block;
  width:0;
  height:200%;
  border-left:1px solid #b6b6b6;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform:scale(0.5);
  transform:scale(0.5);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
}
.x-landing-banner {
  position:fixed;
  width:100%;
  left:0;
  bottom:0;
  right:0;
  z-index:5000;
  background-color:rgba(0,0,0,.8);
  height:60px
}
.x-landing-banner .logo {
  padding:9px;
  width:42px;
  height:42px;
  float:left
}
.x-landing-banner .text {
  float:left;
  color:#CAC8CD;
  line-height:1.5;
  padding:8px 0
}
.x-landing-banner h2 {
  font-size:16px;
  font-weight:700;
  margin:0;
  padding:0
}
.x-landing-banner h3 {
  font-size:15px;
  font-weight:700;
  margin:0;
  padding:0;
  color:#AA9C3A
}
.x-landing-banner .subtitle {
  float:right;
  line-height:24px
}
.x-landing-banner .benefits {
  min-width:130px;
  font-size:12px
}
.x-landing-banner .download {
  float:right;
  background:#ffe326;
  color:#5b3200;
  border:0;
  border-radius:3px;
  height:42px;
  font-size:18px;
  line-height:42px;
  font-weight:700;
  margin:9px 4px 0;
  padding:0 6px;
  text-align:center
}
.x-landing-banner .icon-download {
  display:inline-block;
  width:22px;
  font-weight:700;
  font-size:22px;
  text-align:center;
  font-family:landingicon!important;
  font-style:normal;
  -webkit-animation:jump 1s infinite ease-in-out;
  animation:jump 1s infinite ease-in-out
}
@keyframes jump {
  from {
  transform:translate(0,-2px);
  -webkit-transform:translate(0,-2px)
}
50% {
  transform:translate(0,2px);
  -webkit-transform:translate(0,2px)
}
to {
  transform:translate(0,-2px);
  -webkit-transform:translate(0,-2px)
}
}@-webkit-keyframes jump {
  from {
  transform:translate(0,-2px);
  -webkit-transform:translate(0,-2px)
}
50% {
  transform:translate(0,2px);
  -webkit-transform:translate(0,2px)
}
to {
  transform:translate(0,-2px);
  -webkit-transform:translate(0,-2px)
}
}.x-landing-wrapper .wx-tips {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  color:#fff;
  line-height:1.5
}
.x-landing-wrapper .wx-tips h3 {
  font-size:18px;
  font-weight:700;
  padding:80px 20px 0;
  margin:0 0 12px
}
.x-landing-wrapper .wx-tips p {
  padding:0 20px
}
.x-landing-wrapper .wx-tips .close {
  margin:30px auto 0;
  border-radius:5px;
  border:1px solid;
  padding:2px 20px;
  width:70px;
  text-align:center
}
.x-landing-wrapper .wx-tips:after {
  content:"\e600";
  font-family:landingicon;
  font-size:40px;
  position:absolute;
  top:4px;
  right:20px
}
.x-landing-wrapper .download-tips {
  position:absolute;
  top:100px;
  width:260px;
  padding:30px 0 20px;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  background-color:rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  border-radius:5px;
  color:#fff
}
.x-landing-wrapper .download-tips h3 {
  font-size:18px;
  font-weight:700;
  text-align:center;
  margin:0 0 30px
}
.x-landing-wrapper .download-tips .download {
  margin-bottom:30px
}
.x-landing-wrapper .download-tips .download a {
  display:block;
  width:136px;
  height:52px;
  line-height:52px;
  margin:0 auto;
  text-align:center;
  text-decoration:none;
  background-color:#ffe122;
  font-size:22px;
  font-weight:700;
  color:#724500;
  -webkit-border-radius:5px;
  border-radius:5px
}
.x-landing-wrapper .download-tips .desc {
  width:94%;
  -webkit-border-radius:5px;
  border-radius:5px;
  color:#ececec;
  background-color:#000;
  font-size:14px;
  line-height:1.5;
  margin:0 3%;
  padding:2px 4px;
  box-sizing:border-box
}
.x-landing-wrapper .desc em {
  font-style:normal;
  color:#64ff34
}
.x-landing-wrapper .download-tips .close {
  position:absolute;
  font-family:landingicon;
  top:8px;
  right:8px;
  display:block;
  width:24px;
  height:24px;
  line-height:24px;
  font-size:18px;
  text-align:center
}