html {
  height: 100%;
}
body {
  height: 100%;
  padding-bottom: 0rem;
  font-size: 12px;
  background-image: url("http://wwww-uedbet.com/images/football2.mp4");
}

/* --------------top-------------- */
.logo {
  width: 4.9rem;
  margin: 0 auto;
}
.bg {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: url("/images/1.jpg");

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    z-index: -1;

  height: 100%;

}

.bg1 {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #000;
    
    opacity: 0.5;

    z-index: -1;

    height: 810px;
    
    display: none;

}




.app-content{

    width: 100%;

    height: 150px;

    position: absolute;

    top: 50%;

    margin-top: -180px;
	
	z-index: 999999;
    margin-bottom: 50px;
}



.app-logo{

    width: 300px;

    margin: 0 auto;

    display: block;

}



.app-btn{

    width: 220px;

    padding: 15px 15px 15px 35px;

    border-radius: 30px;

    text-align: center;

    margin: 0 auto;

    margin-top: 20px;

    display: block;

    background: -webkit-gradient(linear,left top,right top,from(#0083ff),to(#16d6ff));
    background: -webkit-linear-gradient(to right,#0083ff,#16d6ff);

    background: linear-gradient(to right,#0083ff,#16d6ff);

    position: relative;

    text-decoration: none; 
    background: #0083ff\9;
    margin-top: 100px;

}



.diversion-btn{

    color: #fff;

    font-size: 18px;

    line-height: 24px;

    transition: 0.5s;

}





.app-btn:hover{

    width: 225px;

    transition: 0.2s;

}



.diversion-btn::before {

    position: absolute;

    content: "";

    left: 50px;

    top: 18px;

    width: 20px;

    height: 20px;

    background: url("../images/icon01.png")/*tpa=http://duoduo125.com/images/icon01.png*/ no-repeat;

    background-size: 100% 100%;

}



._3tV1StOFgvWec3R9qvs4_a {

    position: fixed;

    right: 0;

    bottom: 0;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: 0;

}


.bg-animation{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ggtp {
  width: 6.1rem;
  margin: 0 auto;
  padding-top: 0.32rem;
}
.banner img {
  width: 100%;
}
.banner {
  padding: 0.3rem 5% 0 5%;
}
.nrbox {
  padding: 0.3rem 1.2rem 0 1.2rem;
}
.nrbox li {
  padding-bottom: 0.25rem;
}
.qjbox {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
}
.ydbox {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
}
.ydbox a {
  display: block;
  width: 3.78rem;
  margin: 0.75rem auto 0 auto;
}

.install_btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.install_btn_wrap {
  margin: 0.55rem auto 0 auto;
  width: 4.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.down_btn {
  border: none;
  font-size: 0.28rem;
  height: 0.72rem;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#87ccff),
    to(#3573ff)
  );
  background-image: -webkit-linear-gradient(left, #87ccff, #3573ff);
  background-image: linear-gradient(90deg, #87ccff, #3573ff);
  color: #fff;
  border-radius: 0.36rem;
}

.down_btn:hover {
  border: none;
  font-size: 0.28rem;
  height: 0.72rem;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f8e16b),
    to(#fcde47)
  );
  background-image: -webkit-linear-gradient(left, #f8e16b, #fcde47);
  background-image: linear-gradient(90deg, #f8e16b, #fcde47);
  color: #fff;
  border-radius: 0.36rem;
}
