/* 引入字体 */
@charset "UTF-8";

@font-face {
  font-family: "com";
  src: url("../../../../../font/COMIC.woff") format("woff"),
       url("../../../../../font/COMIC.ttf") format("truetype"),
       url("../../../../../font/COMIC.eot") format("embedded-opentype"),
       url("../../../../../font/COMIC.svg") format("svg"),
       url("../../../../../font/COMIC.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

body{width: 100%;height: 100vh;overflow: hidden;}

*{margin: 0;padding: 0;box-sizing: border-box;font-family: "com";}

.hezi{width: 100%;height: 100vh;max-width: 1090px;height: 605px;background:#37c5b7 ;}

.hezi .ul1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background:rgba(0, 0, 0, 0) ;}

.hezi .ul1 li{position: absolute;height: 28px;}

.hezi .ul1 li input{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0) ;border: 0;resize: none;outline: none;font-weight: bold;color: #f00;font-size: 20px;}

.hezi .ul1 li:nth-child(1){width: 7%;top: 86.6%;left: 26%;}

.hezi .ul1 li:nth-child(2){width: 8%;top: 86.3%;left: 35%;}

.hezi .ul1 li:nth-child(3){width: 6.7%;top: 86.5%;left: 51%;}

.hezi .ul1 li:nth-child(4){width: 6.7%;top: 86.5%;left: 59%;}

.hezi .ul1 li:nth-child(5){width: 6%;top: 91.5%;left: 59.5%;}

.hezi .ul1 li:nth-child(6){width: 6%;top: 91.5%;left: 67%;}










@media(max-width:950px){

  .hezi .ul1 li input{font-size: 16px;margin-top: -3px;}

}


@media(max-width:810px){

  .hezi .ul1 li input{font-size: 14px;margin-top: -2px;}

}

@media(max-width:765px){

  .hezi .ul1 li {margin-top: -2px;}

}

@media(max-width:710px){

  .hezi .ul1 li {margin-top: -3px;font-size: 12px;}

}