* {
  margin: 0;
  padding: 0;
  cursor: default;
}

.bg {
  background-size: 100%;
}

.box {
  padding-top: 0.1rem;
  width: 1920rem;
  height: 1080rem;
  color: white;
  background-image: url("../img/bg.png");
}

.header {
  width: 1920rem;
  height: 110rem;
  display: flex;
  font-size: 16rem;
}

.icon {
  background-image: url("../img/logo.png");
  width: 115rem;
  height: 28rem;
  margin-top: 38rem;
  margin-left: 370rem;
  margin-right: 175rem;
}

.btns {
  width: 640rem;
  height: 40rem;
  padding: 5rem;
  margin-top: 25rem;
  display: flex;
  border-radius: 25rem;
  background-color: white;
  margin-right: 290rem;
}

.hBtn {
  width: 200rem;
  height: 40rem;
  color: #111111;
  line-height: 40rem;
  text-align: center;
  font-size: 20rem;
  border-radius: 25rem;

  margin-right: 10rem;
}

.hBtnAct {
  background-color: black;
  color: #2eafff;
}

.delete {
  width: 180rem;
  height: 50rem;
  background-image: url("../img/delete.png");
  margin-top: 25rem;
}

.main {
  width: 1920rem;
  height: 992rem;
  position: relative;
  padding-top: 0.1rem;
}

.title {
  width: 727rem;
  height: 354rem;

  margin-top: 50rem;
  margin-left: 360rem;
  background-image: url("../img/text.png");
}

.gg {
  width: 235rem;
  height: 70rem;
  background-image: url("../img/gg.png");
  margin-left: 360rem;
  margin-top: 47rem;
}

.pic {
  position: absolute;
}

.pic1 {
  top: 120rem;
  left: 292rem;
  width: 1343rem;
  height: 720rem;
  background-image: url("../img/pic1.png");
}

.pic2 {
  width: 1920rem;
  height: 140rem;
  left: 0;
  top: 840rem;
  background: #170617;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20rem;
}

.bottom {
  width: 1920rem;
  height: 196rem;
  background-color: black;
  margin-top: 209rem;
  padding-top: 0.1rem;
  text-align: center;
}

.bottom-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14rem;
}


.bottom-container .email {
  font-size: 30rem;
  margin-bottom: 20rem;
}

.bText3 {
  font-size: 20rem;
  color: #ffffff;
}

.click {
  cursor: pointer;
}

.rightBox {
  display: none;
}

.bottom {
  display: none;
}

.logo {
  display: none;
}

@media (max-width: 488px) {
  .box {
    height: 4024.32rem;
    background-image: none;
  }

  .header {
    height: 225.28rem;
  }

  .icon {
    width: 166rem;
    height: 120rem;
    margin-top: 56.32rem;
    margin-left: 716.8rem;
    margin-right: 20.48rem;
    background-image: url("../img/icon.png");
  }

  .logo {
    color: #111111;
    font-size: 102.4rem;
    margin-top: 41.96rem;
  }

  .delete {
    display: none;
  }

  .hBtn {
    display: none;
  }

  .main {
    height: 4024.32rem;
    text-align: center;
    background-image: url("../img/sbg.png");
  }

  .title {
    width: 1771.52rem;
    height: 901.12rem;

    margin-top: 76.8rem;
    margin-left: 71.68rem;
    background-image: url("../img/stext.png");
  }

  .gg {
    width: 890.88rem;
    height: 270.12rem;
    margin-top: 148.48rem;
    margin-left: 512rem;
  }

  .pic1 {
    width: 1920rem;
    height: 1766.4rem;
    top: 1538.72rem;
    left: 0;
    background-image: url("../img/spic.png");
  }

  .pic2 {
    display: none;
  }

  .bottom {
    margin-top: 2146.68rem;
    height: 504.32rem;
  }

  .bText1 {
    margin: 66.56rem 0 56.32rem 409.6rem;
    width: 1095.68rem;
    height: 81.92rem;
    background-image: url("../img/email.png");
  }

  .bText3 {
    font-size: 51.2rem;
  }

  .rightBox {
    display: block;
    position: absolute;
    top: 30rem;
    left: 850rem;

    color: #000;
    height: 190rem;
    overflow-y: hidden;
    transition: height 0.1s;
    z-index: 2;
  }

  .rightBoxAct {
    height: 1510rem;
  }

  .btnd {
    display: block;
    background-color: transparent;
  }

  .btndD {
    display: inline-block;
    float: right;
    margin-bottom: 120rem;
    margin-top: 30rem;
    margin-right: 52.4rem;
    width: 102.4rem;
    height: 102.4rem;
    background-image: url("../img/more.png");
  }

  .btndU {
    background-image: url("../img/up.png");
  }

  .btnBox {
    width: 1024rem;
    height: 827.44rem;
    box-sizing: border-box;
    padding: 1.2rem 102.4rem;
    border-radius: 81.92rem;
    background-color: white;
    margin-top: 51.2rem;
    transition: height 0.1s;
    overflow-y: hidden;
  }

  .btnBb {
    font-weight: bold;
    font-size: 71.68rem;
    line-height: 102.4rem;
    margin: 87.04rem 0;
  }

  hr {
    height: 5.12rem;
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
  }
}