/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
a,img,input {border:none;}
body{font: 14px/1.75  -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a {text-decoration:none;}
ul,li{list-style: none}
a{-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单，根据需要选择是否删除 */}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
select{
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* reset end */
html {
  font-size: 50px;/* 兼容不支持vw的系统 */
  font-size: 13.33333333vw;/* 7.5rem === 100vw */
}

@media (max-width: 1024px) {
  html,body {
    max-width: 1024px;
  }
}
#common-footer{width: 7.5rem;margin: 0 auto;}
#afooter{background-color: #191219;text-align: center;font-size:.22rem;padding:.2rem 0;}
#afooter, #afooter a{color: #c0c0c0;text-decoration: none;}
/* 图片分离路径示例 */
/* .bg{background-image: url(//game.gtimg.cn/images/lol/act/a20190510battle/bg.jpg);} */
@font-face {
  font-family: 'mf';
  src: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/mf.ttf);
}
@font-face {
  font-family: 'num';
  src: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/num.otf);
}

body{
  width: 100%;
  height: 100vh;
  background-color: #092d68;
  /* overflow: hidden; */
}
.wrap{
  min-height: 11rem;
  max-width: 7.5rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.content{
  width: 7.5rem;
  height: 100%;
  
}
/* 抽奖页 */
.page1{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/bg1.jpg) no-repeat center top;
  width: 7.5rem;
  height: 100vh;
  background-size: cover;
}
.content .logo-box{
  display: inline-block;
  margin-top: 0.2rem;
  margin-left: 0.25rem;
}
.content .logo-box .lrlogo{
  display: block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/logo.png) no-repeat;
  width: 1.57rem;
  height: 0.49rem;
  background-size: 1.57rem 0.49rem;
}
.page1 .title1{
  display: inline-block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/title.png) no-repeat center;
  width: 100%;
  height: 1.6rem;
  background-size: 3.84rem 1.6rem;
  margin: 0 auto;
  margin-top: 0.7rem;
}
.loginbox{
    width: 100%;
    height: 0.4rem;
    text-align: center;
    color: #ffffff;
    font-size: 0.18rem;
    margin-top: 0.2rem;
    display: flex;
    justify-content: center;
}
#logined>div{
    display: inline-block;
}
.loginbox a{
    color: #ffffff;
}
.switch-btn{
    display: block;
    color: #ffffff;
    font-size: 0.2rem;
    line-height: 0.2rem;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    width: 2rem;
    margin: 0 auto;
    margin-top: 0.1rem;
    white-space: nowrap;
}
.switch-btn i{
    display: inline-block;
    background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/qh.png) no-repeat;
    width: 0.25rem;
    height: 0.15rem;
    background-size: 0.25rem 0.15rem;
    margin-right: 0.05rem;
}
.page1 .rule-box{
  margin-left: 0.35rem;
  margin-top: 0.1rem;
}
.page1 .rule-box .rule-tit{
  color: #ffffff;
  font-size: 0.29rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.1rem;
}
.page1 .rule-box p{
  color: #ffffff;
  font-size: 0.18rem;
}

.hbbox{
  width: 6.6rem;
  margin: 0 auto;
  margin-top: 0.4rem;
}
.hbbox .hdtips{
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
  line-height: normal;
}
.hbbox .hbtit h2{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/hbtit.png) no-repeat;
  width: 2.65rem;
  height: 0.63rem;
  background-size: 2.65rem 0.63rem;
}
.hbbox .hbtit p{
  color: #ffffff;
  font-size: 0.18rem;
  margin-top: 0.1rem;
}
.hbbox .cjhb{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/hb.png) no-repeat;
  width: 3.1rem;
  height: 4.46rem;
  background-size: 3.1rem 4.46rem;
  margin: 0 auto;
  position: relative;
  margin-top: 0.2rem;
}
.hbbox .cjhb .lravatar-box{
  width: 1.37rem;
  height: 1.27rem;
  position: absolute;
  left: 0.87rem;
  top: 0.99rem;
}
.hbbox .cjhb .lravatar-box img{
  width: 98%;
  height: 98%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.hbbox .cjhb .lravatar-box::after{
  content: "";
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/lravatar-border.png) no-repeat;
  width: 1.37rem;
  height: 1.27rem;
  background-size: 1.37rem 1.27rem;
  position: absolute;
  left: 0;
  top: 0;
}
.hbbox .cjhb .openhb{
  display: block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/openhb.png) no-repeat;
  width: 1rem;
  height: 1rem;
  background-size: 1rem 1rem;
  position: absolute;
  left: 50%;
  margin-left: -0.5rem;
  /* transform: translateX(-50%); */
  top: 3rem;
  transition: all 2s;
  animation:mymove 5s infinite;
  -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
  animation-direction:alternate;/*轮流反向播放动画。*/
  animation-timing-function: ease-in-out; /*动画的速度曲线*/
  /* Safari 和 Chrome */
  -webkit-animation:mymove 5s infinite;
  -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  
}


.hbbox .cjhb .hbtips{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/hbtextbg.png) no-repeat center center;
  width: 100%;
  height: 0.32rem;
  background-size: 2rem 0.32rem;
  color: #ffffff;
  font-size: 0.10rem;
  line-height: 0.32rem;
  text-align: center;
  position: absolute;
  bottom: 0.15rem;
}
.hbbox .cjhb .hbnum{
  color: #fef72c;
  font-size: 0.2rem;
  font-family: 'num';
}
.hbbox .hbbox-tips{
  width: 80%;
  margin: 0 auto;
  margin-top: 0.2rem;
}
.hbbox .hbbox-tips p{
  color: #ffffff;
  font-size: 0.18rem;
  text-align: left;
}
.hbbox .hbbox-tips .red{
  font-size: 0.23rem;
  font-weight: bold;
  color: #D9D919;
}
.hbbox .hbrecord{
  display: block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/btnbg1.png) no-repeat;
  width: 3.08rem;
  height: 0.79rem;
  background-size: 3.08rem 0.79rem;
  color: #141e37;
  font-size: 0.34rem;
  line-height: 0.79rem;
  font-weight: bold;
  text-align: center;
}
.p1-btnbox{
  width: 6.6rem;
  display: flex;
  justify-content: space-around;
  margin-top: 0.2rem;
}
.hbbox .rule-btn{
  display: block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/btnbg1.png) no-repeat;
  width: 3.08rem;
  height: 0.79rem;
  background-size: 3.08rem 0.79rem;
  color: #141e37;
  font-size: 0.34rem;
  line-height: 0.79rem;
  font-weight: bold;
  text-align: center;
}
/* 展示页 */
.page2{
  position: relative;
  width: 100%;
  height: 100vh;
}
.saveimg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  object-fit: cover;
}
.page2 .save-con{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/bg2.jpg) no-repeat center top;
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
}
.page2 .togame-btn{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/game-btn.png) no-repeat;
  width: 3.79rem;
  height: 0.85rem;
  background-size: 3.79rem 0.85rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.4rem;
  z-index: 7;
}
.page2 .title{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/p2-title.png) no-repeat;
  width: 5.8rem;
  height: 1.09rem;
  background-size: 5.8rem 1.09rem;
  /* position: absolute;
  left: 0.28rem;
  top: 12.35rem; */
}
.page2 .text-box{
  display: inline-block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/p2-textbg.png) no-repeat;
  width: 5.6rem;
  height: 1.42rem;
  background-size: 5.6rem 1.42rem;
  position: relative;
  /* position: absolute;
  left: 0.28rem;
  top: 13.49rem; */
}
.page2 .p2-tit1{
  color: #ffffff;
  font-size: 0.17rem;
  letter-spacing: 0.07rem;
  position: absolute;
  left: 0.13rem;
  top: 0.1rem;
}
.page2 .avatar{
  width: 0.74rem;
  height: 0.74rem;
  border: 0.02rem solid #1d8ed2;
  position: absolute;
  top: 0.44rem;
  left: 0.2rem;
}
.page2 .p2-tit2{
  max-width: 3.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  color: #68d6f9;
  font-size: 0.27rem;
  font-family: 'mf';
  position: absolute;
  left: 1.1rem;
  top: 0.6rem;
}
.page2 .p2-tit2 span{
  display: inline-block;
  max-width: 2.06rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.page2 .p2-tit3{
  flex-wrap: wrap;
  max-width: 4.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #a8deff;
  font-size: 0.17rem;
  position: absolute;
  left: 1.1rem;
  top: 1rem;
}
.page2 .qrcode-box{
  display: inline-block;
  margin-left: 0.2rem;
}
.page2 .qrcode-box img{
  width: 1.05rem;
  height: 1.05rem;
}
.page2 .qrcode-box p{
  color: #71d8f7;
  font-size: 0.13rem;
  text-align: center;
  line-height: normal;
}


/* 弹窗 */
.dialog{
  position: relative;
  outline: none;
  border: none;
  overflow: hidden;
}
.dia-close{
  display: block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/close-btn.png) no-repeat;
  width: 0.36rem;
  height: 0.36rem;
  background-size: 0.36rem 0.36rem;
  position: absolute;
  top: 0.3rem;
  right: 0.2rem;
}
/* 切换账号提示弹窗 */
.switch-tc{
  margin-top: 0 !important;
  top: 0 !important;
}
.switch-tc .dia-con{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/switch-tc.png) no-repeat;
  width: 7.5rem;
  height: 14rem;
  background-size: 7.5rem 16.46rem;
}
.switch-tc .dia-con .tsdia-close{
  display: block;
  width: 100%;
  height: 100%;
}

/* 选择大区 */
.choice-tc{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/tc-bg1.png) no-repeat;
  width: 6.29rem;
  height: 4.29rem;
  background-size: 6.29rem 4.28rem;
}
.dia-con .tctitle{
  color: #141e37;
  font-size: 0.32rem;
  font-family: 'mf';
  font-style: italic;
  line-height: normal;
  margin-top: 0.3rem;
  margin-left: 0.6rem;
}
.choice-tc .dia-con select{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/selecttextbg.png) no-repeat;
  width: 4.3rem;
  height: 0.5rem;
  background-size: 4.3rem 0.5rem;
  color: #343434;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.5rem;
  box-sizing: border-box;
  padding-left: 0.2rem;
  padding-right: 0.4rem;
  
}
.choice-tc .dia-con .select-bar{
  margin-top: 0.5rem;
}

.choice-tc .select-bar label{
  display: block;
  position: relative;
  width: 4.3rem;
  height: 0.5rem;
  margin: 0 auto;
  margin-bottom: 0.3rem;
}
.choice-tc .select-bar label .select-frame{
  display: block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/selecttextbg.png) no-repeat;
  width: 4.3rem;
  height: 0.5rem;
  background-size: 4.3rem 0.5rem;
  color: #343434;
  font-size: 0.24rem;
  line-height: 0.5rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
  font-style: normal;
  font-weight: bold;
}

.choice-tc .select-bar label input{
  opacity:0;
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
}
.choice-tc .select-bar label input:checked+i,.select-frame-on{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/selecttextbg-on.png) no-repeat;
  width: 4.3rem;
  height: 0.5rem;
  background-size: 4.3rem 0.5rem;
  color: #ffffff;
}



.choice-tc .dia-con .chtit{
  display: block;
  font-size: 0.22rem;
  font-weight: bold;
  margin-left: 1rem;
}
.choice-tc .dia-con .chbtn-box{
  width: 4.26rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
}
.dia-con .chbtn-box .btn{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/btnbg2.png) no-repeat;
  width: 1.82rem;
  height: 0.47rem;
  background-size: 1.82rem 0.47rem;
  color: #141e37;
  font-size: 0.19rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.47rem;
}
.dia-con .chbtn-box .cancel{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/btnbg3.png) no-repeat;
  width: 1.82rem;
  height: 0.47rem;
  background-size: 1.82rem 0.47rem;
  color: #ffffff;
}

/* 活动规则 */
.rule-tc{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/tc-bg2.png) no-repeat;
  width: 6.29rem;
  height: 4.78rem;
  background-size: 6.29rem 4.78rem;
}
.rule-tc .rule-list ul{
  width: 5.65rem;
  height: 3.3rem;
  overflow-y: scroll;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}
.rule-tc .rule-list li{
  color: #141e37;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 0.4rem;
  width: 90%;
  text-align: justify;
}

/* 获奖记录 */
.record-tc{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/tc-bg1.png) no-repeat;
  width: 6.29rem;
  height: 4.28rem;
  background-size: 6.29rem 4.28rem;
}
.record-tc .record-list{
  height: 2.85rem;
}
.record-list::-webkit-scrollbar{
  display: none;
}
.record-tc .record-list li{
  height: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.6rem;
  border-bottom: 0.02rem solid #c5c5c5;
}
.record-tc .record-list .propicon{
  width: 0.65rem;
  height: 0.65rem;
}
.record-tc .record-list .ce{
  color: #141e37;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.01rem;
  transform: skewX(-6deg);
}
.record-tc .record-list .proprecord{
  max-width: 480px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.record-tc .source{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/btnbg3.png) no-repeat;
  width: 1.82rem;
  height: 0.47rem;
  background-size: 1.82rem 0.47rem;
  color: #ffffff;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.47rem;
}
.record-pagelist{
  display: flex;
  width: 2.5rem;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.record-pagelist .pagelist{
  background-color: #1c5abf;
  color: #ffffff;
  font-size: 0.16rem;
  line-height: 0.3rem;
  text-align: center;
  padding: 0 0.1rem;
}
.record-pagelist .pagelist em{
  font-style: normal;
}
.record-pagelist .pagelist.on{
  background-color: #ffe167;
  color: #650089;
}
/* 通用提示弹窗 */
.commontips-tc{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/tc-bg3.png) no-repeat;
  width: 6.29rem;
  height: 3.38rem;
  background-size: 6.29rem 3.38rem;
}
.commontips-tc .dia-con .commontips-text{
  width: 90%;
  height: 1.3rem;
  margin: 0 auto;
  color: #141e37;
  font-size: 0.32rem;
  font-family: 'mf';
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.9rem;
  flex-direction: column
}
.commontips-tc .dia-con .commontips-text span{
  display: block;
  color: red;
}
.commontips-tc .dia-con .tozm-btn{
  display: block;
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/btnbg4.png) no-repeat;
  width: 2.12rem;
  height: 0.47rem;
  background-size: 2.12rem 0.47rem;
  margin: 0 auto;
  color: #141e37;
  font-size: 0.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.47rem;
  margin-top: 0.1rem;
}

/* 抽卡弹窗 */
.getprop-tc{
  width: 6.25rem;
  height: 8.1rem;
}
.getprop-tc .title{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/gettitle.png) no-repeat;
  width: 6.25rem;
  height: 2.14rem;
  background-size: 6.25rem 2.14rem;
  margin: 0 auto;
}
.getprop-tc .prop-box{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/prop-border.png) no-repeat;
  width: 3.6rem;
  height: 5.63rem;
  background-size: 3.6rem 5.63rem;
  margin-top: -0.55rem;
  margin-left: 1.25rem;
  position: relative;
}
.getprop-tc .prop-box .img-box{
  width: 3.5rem;
  height: 5.47rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.getprop-tc .prop-box img{
  width: 3.5rem;
  height: 5.47rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}
.getprop-tc .prop-box .img-box::after{
  content: "";
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/prop-border.png) no-repeat;
  width: 3.6rem;
  height: 5.63rem;
  background-size: 3.6rem 5.63rem;
  position: absolute;
  left: -0.04rem;
  top: -0.08rem;
}
.getprop-tc .prop-box .propname{
  font-size: 0.23rem;
  color: #ffffff;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.3rem;
  white-space: nowrap;
}


.getprop-tc .get-dia-close{
  background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/close-btn2.png) no-repeat;
  width: 0.53rem;
  height: 0.53rem;
  background-size: 0.53rem 0.53rem;
  position: absolute;
  left: 48%;
  transform: translateX(-50%);
  bottom: 0;
}

.bottom-box{
  position: absolute;
  bottom: 0.4rem;
  left: 0.25rem;
}


@media screen and (min-height: 1101px) {
  .page1 .title1{
    margin-top: 1rem;
  }
  .hbbox{
    margin-top: 0.6rem;
  }
  .hbbox .hbbox-tips{
    margin-top: 0.5rem;
  }







  .hbbox .cjhb{
    background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/hb.png) no-repeat;
    width: 28.18vh;
    height: 40.55vh;
    background-size: 28.18vh 40.55vh;
    margin: 0 auto;
    position: relative;
    margin-top: 0.84vh;
  }
  .hbbox .cjhb .lravatar-box{
    width: 12.45vh;
    height: 11.55vh;
    position: absolute;
    left: 7.91vh;
    top: 9vh;
  }
  .hbbox .cjhb .lravatar-box img{
    width: 98%;
    height: 98%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .hbbox .cjhb .lravatar-box::after{
    content: "";
    background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/lravatar-border.png) no-repeat;
    width: 12.45vh;
    height: 11.55vh;
    background-size: 12.45vh 11.55vh;
    position: absolute;
    left: 0;
    top: 0;
  }
  .hbbox .cjhb .openhb{
    display: block;
    background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/openhb.png) no-repeat;
    width: 10vh;
    height: 10vh;
    background-size: 10vh 10vh;
    position: absolute;
    left: 50%;
    margin-left: -5vh;
    top: 26.40vh;
    animation:mymove 5s infinite;
    -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
    animation-direction:alternate;/*轮流反向播放动画。*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation:mymove 5s infinite;
    -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  }
  .hbbox .cjhb .hbtips{
    background: url(//game.gtimg.cn/images/lgamem/act/a20211015lrxgzc/hbtextbg.png) no-repeat center center;
    width: 100%;
    height: 2.91vh;
    background-size: 18.18vh 2.91vh;
    color: #ffffff;
    font-size: 0.91vh;
    line-height: 2.91vh;
    text-align: center;
    position: absolute;
    bottom: 1.36vh;
  }
  .hbbox .cjhb .hbnum{
    color: #fef72c;
    font-size: 1.82vh;
    font-family: 'num';
  }
}

@keyframes mymove
{
    0%{
    transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.2); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.2);
    }

}