html {
  font-size: 15.625vw;
}

.tanchuceng_1 {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
.shuzangh1{
  background:#f9a20a;
  padding: .45rem 0;
  border-top-left-radius: .3rem;
}
.chacha{
  position:absolute;
  right: -.2rem;
  top: -.2rem;
  width: .52rem;
  height: .52rem;
  background: url(../images/close.png) no-repeat center top;
  background-size: 100%s;
}
.taninx{
  width: 3.92rem;
  position:relative;
}
.shuimsnt{
  width: 2.9rem;
  height: .62rem;
  border-radius: .1rem;
  outline: none;
  background:#fdf4e3;
  text-align:center;
  font-size:.24rem;
  border: none;
}
.shuzangh2{
  background:#fdf4e3;
  padding: .24rem 0;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}
.quedingbtn{
  width: 2.9rem;
  height: .62rem;
  line-height: .62rem;
  text-align:center;
  border-radius: .1rem;
  color:#fff;
  background:#f53d3d;
  display: block;
  margin: 0 auto;
  font-size:.24rem;
  text-decoration:none;
}

.chaxuntnawa{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.chaxuntna{
  width: 5.9rem;

}
.chantl{
  height: .43rem;
  background:#fbeb18;
  padding: 0px .1rem;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chantl2{
  width: .32rem;
  height: .32rem;
  background: url(../images/close1.png) no-repeat center top;
  background-size: 100%;
}
.contbs{
  background:#9a0a09;
  padding: .15rem .3rem;
}
.contbs table{
  width: 100%;

}
.pgewa{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .3rem 0;
  color:#fff;
}
body .el-pagination__total{
  color:#fff;
}
.contbs th{
  font-size: .18rem;
  background:#820000;
  color:#fcdb6a;
  border:1px solid #dd1212;
  text-align:center;
  line-height: .32rem;
}
.contbs td{
  font-size:.18rem;
  color:#fff;
  text-align:center;
  border:1px solid #dd1212;
  line-height: .32rem;
}
.chantl1{
  font-size:.22rem;
  color:#940109;
  font-weight:bold;
  line-height: .43rem;
}
.header {
  height: .8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px .2rem;
}
.chaxun {
  width: 1.38rem;
  height: .4rem;
  background: url(../images/topbtn1.png) no-repeat center top;
  background-size: 100% 100%;
}
body {
  width: 6.4rem;
  margin: 0 auto;
  position: relative;
  background: #fffbf2 url(../images/bg.jpg) no-repeat center top;
  background-size: 100% auto;
}
.banner {
  height: 3.43rem;
}
.eggList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.eggList {
  padding: 0px .3rem;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.eggList li {
  float: left;
  cursor: pointer;
  position: relative;
  margin: 0px .08rem;
  list-style: none;
  margin-bottom: .15rem;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding-bottom: .3rem;
  background: url(../images/danbg.png) no-repeat center bottom;
  background-size: 100% auto;
}
.dandd {
  background: url(../images/dan.png) no-repeat bottom;
  background-size: 100% 100%;
  width: .97rem;
  height: 1.32rem;
}
.eggList li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.eggList li span {
  position: absolute;
  width: 100%;
  left: 0px;
  text-align:center;
  top: 0px;
  color: #860000;
  width: 100%;
  font-size: .2rem;
  font-weight: bold
}
.eggList li.curr .dandd {
  background: url(../images/egg_2.png) no-repeat bottom;
  cursor: default;
  z-index: 300;
  list-style: none;
  background-size: 100% 100%;
}
.eggList li.curr:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.eggList li.curr sup {
  position: absolute;
  background: url(../images/img-4.png) no-repeat;
  width: 2.32rem;
  height: 1.81rem;
  top: -.36rem;
  left: -.34rem;
  z-index: 800;
  list-style: none
}
.hammer {
  /*background:url(/20190126hgylc-zj../images/chuizi.png) no-repeat;*/
  width: .76rem;
  height: .89rem;
  position: absolute;
  text-indent: -9999px;
  z-index: 1500;
  left: .87rem;
  top: 0px;
}
.resultTip {
  position: absolute;
  background: #ffc;
  width: 1.48rem;
  padding: .06rem;
  z-index: 500;
  top: 2rem;
  left: .1rem;
  color: #f60;
  text-align: center;
  overflow: hidden;
  display: none;
  z-index: 500;
}
.resultTip b {
  font-size: 14px;
  line-height: 24px;
}
.hammer .imgChuiZi {
  position: absolute;
  top: 0;
  right: .3rem;
  width: 100%;
  z-index: 10002;
  -moz-transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom 100%;
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  -moz-animation: chuizi 1.5s ease 9999;
  -webkit-animation: chuizi 1.5s ease 9999;
  animation: chuizi 1.5s ease 9999;
}
@keyframes chuizi {
  0% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  30% {
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  100% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@-webkit-keyframes chuizi {
  0% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  30% {
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  100% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@-moz-keyframes chuizi {
  0% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  30% {
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  100% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
.btn1 {
  text-align: center;
  padding-top: .2rem;
}
.btn1 img {
  width: 2rem;
}
.logo img{
  width: 2.2rem;
  height:  auto;
}
.box2{
  padding: 0px .15rem;
  padding-top: .3rem;
  background:#a8010c url(../images/bg2.jpg) no-repeat center top;
  background-size: 100% auto;
}
.tlbox{

}
.tlbox img{
  display: block;
  width: 100%;
}
.luntop{
  height: 2.36rem;
  background:#fef6e1;
  padding-left: .5rem;
  overflow:hidden;
}
.luntop li{
  display: flex;
}
.luntop li span{
  font-size:14px;
}
.spcv1{
  width: 1.4rem;
}.spcv2{
  width: 1.5rem;
}
.wenzi{
  color:#fff;
}
.nav{
  display:none;
}

.tanchuceng{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tanin{

}

body .el-message-box__wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}
body .el-message-box{
  max-width: 90%;
}
@media(min-width: 1024px) {
  html {
    font-size: 100px;
  }
  body {
    width: 640px;
    margin: 0 auto;
  }
}