body{
background: #fff;
overflow: hidden;
}
.blckRerult {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 10px;
  text-align: left;
}
.maxres{
  display: flex;
  margin: 3px;
  padding: 0;
}
.maxtext{
  margin: 0 25px 0 0;
}
.maxresult{
   margin: 0;
}

.head{
  position: absolute;
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
 top: 50%;
  transform: translateY(-50%);
  left: 45vw;
  border: 1px solid #333;
   font-size: calc(100px + (50 + 50 * 0.7) * ((100vw - 320px)/1300));
}

/*.enemy{*/
/*  position: relative;*/
/*  display: inline-flex;*/
/*  margin: 0;*/
/*   flex-wrap: nowrap;*/
/*  font-size: calc(100px + (50 + 50 * 0.7) * ((100vw - 320px)/1300));*/
/*}*/

.foter{
  position: fixed;
  display: flex;
  flex-wrap: nowrap;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
}

.foBlock{
  position: relative;
  display: block;
  font-size: calc(64px + (20 + 20 * 0.7) * ((100vw - 320px)/1300));
  margin: 0 15px;
  cursor: pointer;
  -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-moz-user-select: -moz-none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}




/*.SizeTex{*/
/*  position: fixed;*/
/*  display: block;*/
/*  top: 0px;*/
/*  width: calc(100% - 60px);*/
/*  text-align: center;*/
/*   font-size: calc(30px + (20 + 20 * 0.7) * ((100vw - 320px)/1300));*/
/*  margin: 0;*/
/*  left: 60px;*/
/*  right: 0;*/
/*color: #000;*/
/*}*/


/*.fot{*/
/*  position: fixed;*/
/*  width: 100%;*/
/*    display: inline-flex;*/
/*   align-items: center;*/
/*  justify-content: center;*/
/*  flex-direction: column;*/
/*  bottom: 20px;*/
/*}*/

/*.spinBlock{*/
/*  position: relative;*/
/*  display: inline-flex;*/
/*   align-items: center;*/
/*  justify-content: center;*/
/*  width: 100%;*/
/*  left: 0;*/
/*  right: 0;*/

/*}*/

/*.spinApp{*/
/*position: absolute;*/
/*display: inline-block;*/
/*background: #fff;*/
/*top: 5px;*/
/*right: 5px;*/
/*border: 0;*/
/*transform: translateY(-1px);*/
/*padding: 0px 3px 2px 3px;*/
/*margin: 0;*/
/*font-size: calc(24px + (8 + 8 * 0.7) * ((100vw - 320px)/1300));*/
/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.52);*/
/*-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.52);*/
/*box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.52);*/
/*border-radius: 25px;*/
/*}*/

/*.spinTextgh{*/
/*  position: absolute;*/
/*  display: none;*/
/*  top: 2px;*/
/*  right: 2px;*/
/*font-size: calc(10px + (12 + 12 * 0.7) * ((100vw - 320px)/1300));*/
/*padding: 0 3px;*/
/*}*/

/*.spin{*/
/*  position: relative;*/
/*  display: block;*/
/*  background: #A8E4A0;*/
/*  border: 0;*/
/*  outline: 0;*/
/*  padding: 5px 30px;*/
/*  font-size: calc(24px + (12 + 12 * 0.7) * ((100vw - 320px)/1300));*/
/*  margin-left: 5px;*/
/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.52);*/
/*-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.52);*/
/*box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.52);*/
/*transform: translateY(-1px);*/
/*    border-radius: 15px;*/
/*bottom: 0px;*/
/*-webkit-touch-callout: none;*/
/*-webkit-user-select: none;*/
/*-khtml-user-select: none;*/
/*-moz-user-select: none;*/
/*-ms-user-select: none;*/
/*user-select: none;*/
/*-webkit-tap-highlight-color: transparent;*/
/*-moz-user-select: -moz-none;*/
/*-o-user-select: none;*/
/*-khtml-user-select: none;*/
/*-webkit-user-select: none;*/
/*user-select: none;*/
/*}*/

/*.coinBlock{*/
/*  position: relative;*/
/*  width: 100%;*/
/*    display: inline-flex;*/
/*   align-items: center;*/
/*  justify-content: center;*/
/*  margin-bottom: 10px;*/
/*}*/
/*.coinNumb{*/
/*  position: relative;*/
/*  display: inline-block;*/
/*  font-size: calc(20px + (8 + 8 * 0.7) * ((100vw - 320px)/1300));*/
/*  color: #ffd700;*/
/*  padding: 3px 0px;*/

/*    margin: 0;*/
/*text-shadow: */
/*    -0   -1px 0   #333333,*/
/*     0   -1px 0   #333333,*/
/*    -0    1px 0   #333333,*/
/*     0    1px 0   #333333,*/
/*    -1px -0   0   #333333,*/
/*     1px -0   0   #333333,*/
/*    -1px  0   0   #333333,*/
/*     1px  0   0   #333333,*/
/*    -1px -1px 0   #333333,*/
/*     1px -1px 0   #333333,*/
/*    -1px  1px 0   #333333,*/
/*     1px  1px 0   #333333,*/
/*    -1px -1px 0   #333333,*/
/*     1px -1px 0   #333333,*/
/*    -1px  1px 0   #333333,*/
/*     1px  1px 0   #333333;*/
/*}*/

/*.coinNumbText{*/
/*  position: relative;*/
/*  display: inline-block;*/
/*  font-size: calc(20px + (8 + 8 * 0.7) * ((100vw - 320px)/1300));*/
/*  margin: 0;*/
/*  padding: 3px 0px;*/
/*}*/
/*#ockCon1{*/
/*  margin-bottom: 20px;*/
  
/*}*/
/*.spinText{*/
/*  position: absolute;*/
/*  display: block;*/
/*  width: 20px;*/
/*  line-height: 20px;*/
/*  height: 20px;*/
/*  border-radius: 50%;*/
/*  color: #000;*/
/*  font-size: 14px;*/
/*   margin: 0;*/
/*   margin-left: 10px;*/
/*  background: #ffd700;*/
/*  border: 1px solid #000;*/
/*}*/

/*.blockCon{*/
/*  position: absolute;*/
/*  display: inline-flex;*/
/*  flex-direction: column;*/
/*  left: 0;*/
/*  right: 0;*/
/*  top: 50%;*/
/*  transform: translate(0, -50%);*/
/*  bottom: 0;*/
/*  margin: auto;*/
/*}*/

/*.blockCon2{*/
/*  position: relative;*/
/*  display: inline-flex;*/
/*  justify-content: center;*/
/*  margin-top: 10px;*/
/*}*/

/*#BinHero{*/
/*  border: 1px solid #000;*/
  
/*}*/


/*.Bin{*/
/*  position: relative;*/
/*  display: inline-block;*/
/*  margin-right: 5px;*/
/*  padding: 10px 10px;*/
/* font-size: calc(11px + (40 + 40 * 0.7) * ((100vw - 320px)/1300));*/
/*border-radius: 15px;*/
/*background: #fff;*/
/*-webkit-box-shadow: 0px 3px 4px 2px rgba(34, 60, 80, 0.2);*/
/*-moz-box-shadow: 0px 3px 4px 2px rgba(34, 60, 80, 0.2);*/
/*box-shadow: 0px 3px 4px 2px rgba(34, 60, 80, 0.2);*/

/*}*/



/*.BinHero{*/
/*z-index: 1;*/
/*position: relative;*/
/*  display: block;*/
/* font-size: calc(55px + (30 + 30 * 0.7) * ((100vw - 320px)/1300));*/
/*padding: 25px 20px;*/

/*     border-radius: 10px;*/
/*     backface-visibility: hidden;*/
/*transition: transform .6s cubic-bezier(.2,.85,.4,1.275);*/

/*}*/

/*.BinHeroBack{*/
/*z-index: 0;*/
/*position: absolute;*/
/*display: block;*/
/*font-size: calc(55px + (30 + 30 * 0.7) * ((100vw - 320px)/1300));*/
/*padding: 25px 10px;*/
/*background: #000;*/

/*color: #fff;*/
/*border-radius: 10px;*/
/*backface-visibility: hidden;*/
/*transform: rotateY(-180deg);*/
/*transition: transform .6s cubic-bezier(.2,.85,.4,1.275);*/
/*-webkit-box-shadow: 0px 3px 4px 2px rgba(34, 60, 80, 0.2);*/
/*-moz-box-shadow: 0px 3px 4px 2px rgba(34, 60, 80, 0.2);*/
/*box-shadow: 0px 3px 4px 2px rgba(34, 60, 80, 0.2);*/
/*}*/

/*.BinHeroBackTop{*/
/*  position: absolute;*/
/*  display: inline-block;*/
/*  top: 2px;*/
/*  left: 0;*/
/*  right: 0;*/
/*  margin: 0 auto;*/
/*  color: #fff;*/
/*  width: 100%;*/
/*  text-align: center;*/
/*  font-size: calc(14px + (6 + 6 * 0.7) * ((100vw - 320px)/1300));*/
/*}*/
/*.BinHeroBackBottom{*/
/*  position: absolute;*/
/*  display: inline-block;*/
/*  bottom: 0px;*/
/*  left: 0;*/
/*  right: 0;*/
/*  margin: 0 auto;*/
/*  color: #fff;*/
/*  width: 100%;*/
/*  text-align: center;*/
/*  font-size: calc(14px + (6 + 6 * 0.7) * ((100vw - 320px)/1300));*/
/*}*/


/*#BinHero22:hover .BinHeroBack {*/
/*transform: rotateY(0deg);*/
/*z-index: 2;*/
/*}*/
/*#BinHero22:hover .BinHero {*/
/*transform: rotateY(180deg);*/
/*z-index: -1;*/
/*}*/


/*.coinText{*/
/*  font-size: calc(25px + (12 + 12 * 0.7) * ((100vw - 320px)/1300));*/
/*      padding: 3px 7px;*/
/*}*/