.tanchuang{
  position: fixed;
  z-index: 9999999;
  width: 96%;
  left: 0;
  top: 50%;
  margin-top: -5.84rem;
  display: none;
}
.tc_key{
  top: auto;
  bottom: 10%;
  margin-top: 0;
}
.tanchuang img{
  width: 100%;
  height: auto;
}
.tanchuang1{
  position: absolute;
  width: 23%;
  height: 20%;
  background: url(../m-images/tanchuangtu1.png) no-repeat;
  background-size: 100%;
  top: 5%;
  right: 8%;
  animation: updown 1.8s infinite linear;
}
.tanchuang2{
  position: absolute;
  background: url("../m-images/tanchuangtu2.png") no-repeat;
  background-size: 100%;
  width: 11%;
  height: 11%;
  right: 29%;
  bottom: 30%;
  animation: jiantou .5s infinite linear;
}
.tanchuangbt{
  position: absolute;
  background: url("../m-images/tanchuangbt.png") no-repeat;
  background-size: 100%;
  width: 79%;
  height: 13%;
  right: 7%;
  bottom: -13%;
  animation: tkbt 1.5s infinite linear;
}
.tc_phone{
  position: absolute;
  width: 67%;
  right: 9%;
  bottom: 24.5%;
}
.tc_phone input{
  outline: none;
  font-size: 0.4rem;
}
.tc_phone input::-webkit-input-placeholder{
  color: #bfc0c0;
}
.tc_yzm{
  position: absolute;
    width: 40%;
    right: 36%;
    bottom: 15.1%;
}
.tc_yzm input{
  outline: none;
  font-size: 0.4rem;
}
.tc_yzm input::-webkit-input-placeholder{
  color: #bfc0c0;
}
.tc_yzmbg{
  position: absolute;
  background: url("../m-images/yzm_bg.png") no-repeat;
  background-size: 100%;
    width: 26%;
    height: 9%;
    right: 10.5%;
    bottom: 11.9%;
    text-align: center;
    line-height: 0.79rem;
    color: #fff;
}
.tc_jy{
  position: absolute;
  position: absolute;
    width: 33%;
    height: 8%;
    right: 48%;
    bottom: 3.3%;
    text-align: center;
    border: 2px solid #202960;
    border-radius: 1rem;
    font-size: 0.34rem;
    color: #202960;
    line-height: 0.8rem;
    font-weight: bold;
}
.tc_jy.onc{
  background: #ea3a3a;
  border: 2px solid #ea3a3a;
  color: #ffffff;
}
.tc_jy1{
  position: absolute;
  width: 35%;
    height: 8%;
    right: 11%;
    bottom: 3.3%;
    text-align: center;
    border: 2px solid #202960;
    border-radius: 50%;
    border-radius: 1rem;
    font-size: 0.34rem;
    color: #202960;
    line-height: 0.8rem;
    font-weight: bold;
}
.tc_jy1.onc{
  background: #ea3a3a;
  border: 2px solid #ea3a3a;
  color: #ffffff;
}
.tcgs{
  position: absolute;
    width: 76%;
    height: 8%;
    right: 9%;
    bottom: -9%;
    overflow: hidden;
    border-radius: 24px;
}
.tanchuangbt1{
  position: absolute;
  background: url("../m-images/tanchuangbt1.png") no-repeat;
  background-size: 100%;
  width: 100%;
    height: 100%;
    bottom: 0rem;
  animation: gsright 1.5s infinite linear;
}
.tanchuangbt2{
  position: absolute;
  background: url("../m-images/tanchuangbt2.png") no-repeat;
  background-size: 100%;
    width: 54%;
    height: 10%;
    right: 18%;
    bottom: -11.5%;
  animation: tkbt1 1.5s infinite linear;
}
.tc_close{
    width: 7%;
    height: 5%;
    position: absolute;
    right: 0;
    top: 0.5%;
}
.tc_close1{
  width: 27%;
  height: 13%;
  position: absolute;
  left: 15%;
  bottom: 0;
  background: url(../m-images/tanchuangbt0.png?1) no-repeat;
  background-size: 100%;
}
.tanchuang_2{
  position: fixed;
  z-index: 9999999;
  width: 90%;
  background-size: 100%;
  left: 5%;
  top: 4%;
  display: none;
}
.tanchuang_2 img{
  width: 100%;
  height: auto;
}
.tc2_close{
    width: 5%;
    height: 5%;
    position: absolute;
    right: 1.9%;
    top: 0rem;
}
.tc2_bt{
  position: absolute;
  background: url("../m-images/tc2_bt.png") no-repeat;
  background-size: 100%;
      width: 60%;
    height: 16%;
    left: 19%;
    bottom: -22%;
  animation: tkbt 1.5s infinite linear;
}
.tc2_tcgs{
  position: absolute;
      width: 60%;
    height: 15.5%;
    left: 19%;
    bottom: -21.5%;
    overflow: hidden;
    border-radius: 24px;
}
.tc2_bt1{
  position: absolute;
  background: url("../m-images/tc2_bt1.png") no-repeat top;
  background-size: 100%;
      width: 100%;
    height: 100%;
    bottom: 0rem;
  animation: gsright 1.5s infinite linear;
}
.tc2_bt2{
  position: absolute;
  background: url("../m-images/tc2_bt2.png") no-repeat;
  background-size: 100%;
      width: 40%;
    height: 12%;
    left: 30%;
    bottom: -20.3%;
  animation: tkbt1 1.5s infinite linear;
}
.ceng {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  background: #000 none repeat scroll 0% 0%;
  z-index: 9999999;
  opacity: 0.8;
  display: none;
} 

@keyframes gsright{
  0% {
    right: 100%;
  }
  30%{
    right:-30%;
  }
  30.1%{
    right: 100%;
  }
  60%{
     right:-30%;
  }
  60.1%{
    right: 100%;
  }

  75%{
    right: 100%;
  }
  100%{
    right: 100%;
  }
}
@keyframes tkbt1{
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  20%{
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  40%{
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50%{
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  75%{
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100%{
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes tkbt{
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20%{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  40%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50%{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  75%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jiantou{
  0% {
    transform: translateY(0px);
  }
  25%{
    transform: translateY(-5%);
  }
  50%{
    transform: translateY(0px);
  }
  75%{
    transform: translateY(5%);
  }
  100%{
    transform: translateY(0px);
  }
}

@keyframes updown{
  0% {
    transform: translateY(0px);
  }
  25%{
    transform: translateY(-10%);
  }
  50%{
    transform: translateY(0px);
  }
  75%{
    transform: translateY(10%);
  }
  100%{
    transform: translateY(0px);
  }
}