body {
  background: #C0033D; }

.lay_backgraund {
  overflow: hidden;
  background: linear-gradient(93.67deg, #C0033D 0%, #7E1E2A 50%, #650021 100%);
  min-width: 100%;
  min-height: 100%;
  position: absolute; }
  .lay_backgraund:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: url(/img/path.svg) no-repeat 0% 0%;
    background-size: cover; }
  .lay_backgraund .lay_img {
    background: url("/img/img_main.png") no-repeat 100% 0%;
    background-size: contain;
    position: absolute;
    right: 27px;
    top: 50px;
    display: inline-block;
    width: 100%;
    height: 889px; }
  @media screen and (max-width: 970px) {
    .lay_backgraund .lay_img {
      display: none; } }

.main {
  z-index: 1;
  position: relative;
  display: inline-block;
  width: 100%;
  background-size: contain;
  padding-bottom: 100px; }
  .main .lay_head {
    background: url("/img/logo.svg") no-repeat 50% 50%;
    background-size: contain;
    margin: 49px 0 0 115px;
    width: 360px;
    height: 26px; }
  .main .lay_champ {
    width: 408px;
    height: 93px;
    background: url("/img/champ.svg") no-repeat 50% 50%;
    background-size: contain;
    margin: 39px 0 0 121px; }
  .main .lay_section {
    width: 40%;
    height: 50%;
    min-height: 350px;
    background: url(/img/option.svg) no-repeat 0% 0%;
    background-size: contain;
    margin: 35px 0 0 30px; }
  .main .lay_btn {
    width: 452px;
    height: 80px;
    background: url("/img/button.svg") no-repeat 50% 50%;
    background-size: contain;
    margin: 62px 49% 20px;
    transform: translateX(-50%); }
    .main .lay_btn a {
      display: inline-block;
      width: 100%;
      height: 100%; }
  .main .lay_img_head {
    display: none; }
  @media screen and (max-width: 970px) {
    .main {
      min-height: 870px; }
      .main .lay_section {
        width: 90%;
        margin: 0 5%; }
      .main .lay_btn {
        width: 100%;
        margin: 30px 0 40px;
        transform: none; }
      .main .lay_head {
        display: none; }
      .main .lay_img_head {
        display: inline-block;
        position: relative;
        width: 100%; }
        .main .lay_img_head .ly_logo {
          background: url("/img/logo.svg") no-repeat 50% 50%;
          background-size: contain;
          width: 100%;
          height: 26px;
          position: absolute;
          bottom: 20px; }
        .main .lay_img_head .ly_img {
          background: url("/img/art.png") no-repeat 50% 50%;
          background-size: contain;
          width: 100%;
          height: 403px; }
      .main .lay_champ {
        margin: 36px auto 0;
        height: 55px;
        width: 320px; } }

@media screen and (max-width: 700px) {
  .main {
    width: 100%;
    padding-bottom: 0;
    min-height: 800px;
    overflow: hidden; }
    .main .lay_section {
      height: 20%;
      min-height: 230px; }
    .main .lay_img_head {
      width: 90%;
      margin: 0 5%; }
    .main .lay_btn {
      width: 90%;
      margin: 0 5%; } }

/*# sourceMappingURL=style.css.map */