body,
html {
  padding: 0;
  margin: 0;
  height: 100%;
  /* overflow: hidden; */
}

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

.bg {
  background: #EAEAEA;
}

.bg_bj {
  background: -webkit-linear-gradient(top, #642E1F 20%, #FFF 50%);
  background: #642E1F;
}
.bg_ty {
  /* background: -webkit-linear-gradient(top, #F2393C 10%, #FFF 50%); */
  background: -webkit-linear-gradient(top, #FF6A45 20%, #FFF 50%);
  background: -webkit-linear-gradient(top, #ef3430 20%, #FFF 50%);
 
}
.bg_khaki{
  background: #FEC591;
  /* background: #fa3b2a; */
}
.bg_jb {
  /* background: -webkit-linear-gradient(top, #FFE0C5 10%, #FFF 50%); */
  background: -webkit-linear-gradient(top, #FF6A45 20%, #FFF 50%);
  background: -webkit-linear-gradient(top, #ef3430 20%, #FFF 50%);
}

.bg_ugo {
  /* background: -webkit-linear-gradient(top, #eb928a 10%, #FFF 50%); */
  /* background: -webkit-linear-gradient(top, #FFE0C5 10%, #FFF 50%); */
  background: -webkit-linear-gradient(top, #FF6A45 20%, #FFF 50%);
}

.bg_lbhd {
  background: -webkit-linear-gradient(top, #FF663C 10%, #F98048 50%);
}

.bg_kjhb {
  /* background: -webkit-linear-gradient(top, #E93967 10%, #F9684D 50%); */
  background: -webkit-linear-gradient(top, #FF6A45 20%, #FFF 50%);
}

.dis,
.hid {
  display: none;
}

.main {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.bg_main {
  position: relative;
}

.footDiv {
  width: 100%;
  position: absolute;
  top: 75%;
  left: 0;
  text-align: center;
}


.top2 {
  top: 75%;
}

.link1 img {
  width: 75%;
  margin: 0 auto;
}

.link2 img {
  width: 37%;
  /* width: 30.4%; */
  margin: 30px auto;
}

.masked {
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, .5);
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  justify-items: center;
  align-items: center;
  display: none;
}

.footTips {
  position: fixed;
  right: 5%;
  top: 1%;
  width: 84.5%;
  z-index: 1000;
}

.footTips img {
  width: 100%;
}