[v-cloak]{display:none;}
.font-title{font-size:.5rem}
.font-text{font-size:.18rem}
@keyframes topAnimate{0%{opacity:0;transform:translate3d(0,100%,0)}
100%{opacity:1;transform:translate3d(0,0%,0)}
}.index{width:100%;min-height:100vh}

.index-main{
  position: relative;
  width:12.3rem;
  padding-bottom:.3rem;
  background-color:#fff;
  margin: 1.15rem auto 0 auto;
}
.index-main .tips-index .tips-content{
  width: 10rem;
  margin: 0 auto;
  padding: .5rem .5rem;
  border: 1px solid rgb(223, 222, 222);
  background-color: rgb(248, 249, 253);
  box-shadow: rgba(0, 0, 0, .14) 0px 1px 4px 0px;
}
.index-main .tips-index .tips-content h2{
  font-size: .28rem;
  margin: .5rem auto .15rem auto;
}
.index-main .tips-index .tips-content h2:first-child{
  margin-top: 0;
}
.index-main .tips-index .tips-content p{
  font-size: .18rem;
  line-height: 2;
}
.index-main .tips-index .tips-content img {
  width: 50%;
  margin: .1rem 0 .6rem 0;
  display: block;
}
.index-main .tips-index .tips-content .text-red {
  color: #ff0000;
}
.index-main .tips-index .tips-content .text-bold {
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-all;
}






@media only screen and (max-width:767px){.font-title{font-size:.3rem}
.font-text{font-size:.18rem}
.index-main{
  width:100%
  ;padding-bottom: 0;
  background-color:#fff;
  margin: .45rem auto 0 auto;
}
.index-main .tips-index .tips-content {
  width: 100%;
  padding: .3rem .3rem;
}
.index-main .tips-index .tips-content h2 {
  font-size: .2rem;
  margin: .3rem auto .15rem auto;
}
.index-main .tips-index .tips-content p {
  font-size: .14rem;
}
.index-main .tips-index .tips-content img {
  margin: .25rem auto;
  width: 100%;
}

}