@font-face {
  font-family: 'HYSYLHJ';
  src: url('../css/HYSYLHJ.ttf') format('truetype');
}
 .HYSYLHJ {
  font-family: "HYSYLHJ";
}
body{
  -webkit-text-size-adjust: 100% !important;
}

/* common */
.slide-inner-section {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 400;
  perspective: 400;
}
.slide-inner-section .guide {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 80%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0.8;
}
.slide-inner-section > .main-img,
.slide-inner-section > .video-main-img,
.slide-inner-section > .main-img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 1s;
  transition: 1s;
}
.slide-inner-section > .main-img-box > .main-img {
  width: 100%;
  display: block;
}
.slide-inner-section .img-middle {
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.slide-inner-list {
  position: absolute;
  bottom: 0.15rem;
  left: 0.2rem;
  font-size: 0.1rem;
  color: #fff;
  line-height: 0.15rem;
  opacity: 0.9;
}
.slide-inner-text {
  position: absolute;
  font-size: 0.15rem;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.text-vertical {
  -webkit-writing-mode: vertical-rl;
  writing-mode: tb-rl;
}
.overflow-auto{
  overflow-y: auto;
  width: 3.75rem;
  height: 90%;
  overflow-x: hidden;
}
.position-relative{
  position: relative;
}
.display-flex{
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
/*视频*/
.slide-video .video-cover {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2.1rem;
  background: rgba(0, 0, 0, 0.7);
  transform: translate(0, -50%);
}
.slide-video .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.6rem;
  height: 0.6rem;
  background: url(../image/btn-play.png) 0 0 no-repeat;
  background-size: 100% 100%;
  -webkit-transform-origin: center;
  transform-origin: center;
  animation: video-twinkle 2s linear infinite alternate;
  border-radius: 0;
}
@keyframes video-twinkle {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.6);
    transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes twinkle {
  0% {
    -webkit-transform: scale(0.6) ;
    transform: scale(0.6) ;
  }
  100% {
    -webkit-transform: scale(1) ;
    transform: scale(1) ;
  }
}

/*文章层*/
.slide-inner-section .img-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.slide-inner-section .text-container {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 100%;
  font-size: 0.14rem;
  line-height: 0.25rem;
  -webkit-transition: 1s;
  transition: 1s;
}
.slide-inner-section .text-container .article-container {
  color: #333;
  height: 100%;
  width: 100%;
  padding: 0.2rem 0.25rem 0 0.25rem;
  padding-bottom: 0.51rem;
}
.slide-inner-section .article-container .title {
  font-weight: bold;
  font-size: 0.18rem;
  line-height: 0.28rem;
  text-align: center;
  text-indent: 0;
}
.slide-inner-section .article-container ul {
  margin-top: 0.15rem;
  height: 90%;
  overflow: auto;
}
.article-container .article li {
  position: relative;
  margin-bottom: 0.1rem;
  padding: 0.05rem;
  text-indent: 2em;
}
.slide-inner-section .content::-webkit-scrollbar {
  display: none;
}
.slide-inner-section .article::-webkit-scrollbar {
  display: none;
}
.slide-inner-section .inner-article .bold {
  font-weight: bold;
}
.slide-inner-section .arrow-down {
  position: absolute;
  bottom: 4%;
  left: 50%;
  width: 0.26rem;
  height: 0.26rem;
  margin-left: -0.13rem;
  background: url(../image/down.png) 0 0 no-repeat;
  background-size: 100% 100%;
  animation: arrowFloat 1s linear infinite alternate;
}
@keyframes arrowFloat {
  0% {
    bottom: 3%;
  }
  100% {
    bottom: 4%;
  }
}
@-webkit-keyframes arrowFloat {
  0% {
    bottom: 3%;
  }
  100% {
    bottom: 4%;
  }
}
.blur{
  filter: blur(5px);
}
/* 调整 */
.slide-inner-section .h100 {
  width: auto;
  height: 100%;
}
.slide-inner-section .t0 {
  top: 0;
  bottom: auto;
}
.slide-inner-section .t50 {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.slide-inner-section .b0 {
  top: auto;
  bottom: 0;
}
.back{
  position: absolute;
  display: flex;
  bottom: 5%;
  right: 0.4rem;
  font-size: 0.09rem;
  text-align: center;
  margin: 0px auto;
  flex-flow: column wrap;
  align-items: center;
  align-content: center;
  color: rgb(255, 255, 255);
  z-index: 10;
}
.back .back-btn{
  /* position: absolute;
  bottom: 5%;
  right: 0.4rem; */
  width: 0.4rem;
  height: 0.4rem;
  background: url(../image/back.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.05rem;
}
.showmore-tip{
  position: absolute;
  bottom: 5%;
  right: 0.4rem;
  color: #ffff;
}
.slide-frame-0 .logo {
  position: absolute;
  top: 6%;
  left: 0.6rem;
  width: calc(3.75rem - 0.6rem - 0.62rem);
}
.slide-frame-0 .title {
  position: absolute;
  top: 25%;
  left: 0.3rem;
  width: 1.75rem;
}
.slide-frame-0 .logo-b {
  position: absolute;
  left: 0.5rem;
  bottom: 5%;
  width: 1.5rem;
}
.slide-frame-1 .main-img {
  filter: blur(5px);
  width: 100%;
}
.slide-frame-2 .logo{
  position: absolute;
  top: 5%;
  right: 0.3rem;
  width: 1.59rem;
}
.slide-frame-2 .display-flex{
  position: absolute;
  /* margin-top: 1.5rem; */
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  height: 100%;
}
.slide-frame-2 .flex-img{
  width:3.75rem;
  /* margin-right: 0.1rem; */
}
/* .slide-frame-3 .main-img,
.slide-frame-6 .main-img{
  top: 19%;
  left: auto;
  height: 81%;
  width: auto;
} */
/* .slide-frame-3 .main-img,
.slide-frame-6 .main-img,
.slide-frame-5 .main-img,
.slide-frame-7 .main-img,
.slide-frame-9 .main-img,
.slide-frame-10 .main-img,
.slide-frame-11 .main-img,
.slide-frame-12 .main-img,
.slide-frame-13 .main-img,
.slide-frame-14 .main-img,
.slide-frame-15 .main-img,
.slide-frame-16 .main-img,
.slide-frame-17 .main-img,
.slide-frame-18 .main-img,
.slide-frame-19 .main-img,
.slide-frame-20 .main-img,
.slide-frame-21 .main-img,
.slide-frame-22 .main-img,
.slide-frame-23 .main-img,
.slide-frame-24 .main-img,
.slide-frame-26 .main-img,
.slide-frame-27 .main-img,
.slide-frame-28 .main-img,
.slide-frame-29 .main-img{
  height: 100%;
  width: auto;
  left: auto;
} */
.slide-frame-3 .main-img,
.slide-frame-6 .main-img,
.slide-frame-14 .main-img,
.slide-frame-24 .main-img{
  height: 80%;
  width: auto;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
}
.slide-frame-3 .title{
  position: absolute;
  top: 4%;
  left: 0.3rem;
  width: 2.11rem;
  z-index: 12;
}
.slide-frame-3 .slide-inner-list{
  left: 0.3rem;
  top: 14%;
  bottom:auto;
  color: #000;
  background-color: rgb(255 255 255 / 32%);
  border-radius: 10px;
}
.slide-frame-5 .slide-inner-list{
  top: 43%;
  left: 0.4rem;
  bottom: auto;
  right: 0.2rem;
  padding: 0.05rem;
  color: #000;
  background-color: rgb(235 235 235 / 45%);
  background-size: 100% 100%;
  border-radius: 10px;
}

.slide-frame-5 .slide-inner-list .title,
.slide-frame-7 .slide-inner-list .title,
.slide-frame-10 .slide-inner-list .title,
.slide-frame-15 .slide-inner-list .title,
.slide-frame-19 .slide-inner-list .title
{
  font-size: 0.2rem;
  padding-bottom: 0.1rem;
}

.slide-frame-6 .title{
  position: absolute;
  top: 6%;
  left: 0.3rem;
  width: 2.85rem;
  z-index: 12;
}
.slide-frame-6 .slide-inner-list{
  top: 49%;
  left: 0.3rem;
  bottom:auto;
  color: #000;
}

.slide-frame-7 .slide-inner-list{
  left: 8%;
  top: 37%;
  bottom: auto;
  padding: 0.2rem;
  padding-top: 0.5%;
  padding-left: 1.1rem;
  color: #000;
}

.slide-frame-10 .slide-inner-list{
  top: 42%;
  left: 0.3rem;
  bottom: auto;
  padding-top: 0.5%;
  padding-right: 1.1rem;
  color: #000;
}

.slide-frame-14 .title{
  position: absolute;
  top: 6%;
  left: 0.3rem;
  width: 2.8rem;
  z-index: 12;
}
.slide-frame-14 .slide-inner-list{
  left: 0.3rem;
  top: 21%;
  bottom: auto;
  color: #000;
}
/* .filterBrightness{
  -webkit-filter: brightness(0.3);
    filter: brightness(0.3);
} */

.slide-frame-15 .slide-inner-list{
  left: 0;
  top: 20%;
  bottom: auto;
  padding-left: 0.8rem;
  color: #000;
  padding-right: 0.9rem;
}
.slide-frame-17 .main-img{
  height: 100%;
  width: auto;
  left: auto;
}
.slide-frame-17 .slide-inner-list{
  top: auto;
  left: auto;
  bottom: 0.15rem;
  right: 0.2rem;
  text-align: right;
}
/* .slide-frame-19.slide-video .slide-inner-section .main-img{
  height: 100%;
  width: auto;
  top: auto;
  left: -0.45rem;
  transform: none;
} */
.slide-frame-19 .slide-inner-list{
  top: 12%;
  left: 0;
  bottom: auto;
  right: 1.1rem;
  padding-left: 0.3rem;
}
.slide-frame-19 .btn-play{
  background: url(../image/btn-play-white.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.slide-frame-24 .slide-inner-list{
  left: 0.3rem;
  top: 50%;
  bottom:auto;
  color: #000;
}
.slide-frame-24 .title{
  position: absolute;
  top: 6%;
  left: 0.3rem;
  width: 2.8rem;
  z-index: 12;
}
.slide-frame-25 .click{
  position: absolute;
  right: 0.25rem;
  bottom: 0.8rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../image/25-click.png) 0 0 no-repeat;
  background-size: 100% 100%;
  animation: twinkle 1s linear infinite alternate;
}
.slide-frame-25 .big-title{
  margin-top: 10%;
  margin-bottom: 10%;
  font-size: 0.2rem;
  text-align: center;
}
/* .slide-frame-25 .display-flex{
  height: 100%;
} */
.slide-frame-25 .flex-item{
  position: relative;
  width: 43%;
  padding: 0.1rem;
  padding-bottom: 0.15rem;
}
.slide-frame-25 .flex-item .main-img{
  width: 100%;
}
.slide-frame-25 .flex-item .title{
  font-size: 0.1rem;
  padding-top: 0.1rem;
}
.slide-frame-25 .img-big{
  display: none;
}
.slide-frame-25 .img-big .main-img{
  width: 100%;
  position: absolute;
  top: 0;
}
.slide-frame-25 .img-big .backSmall{
  position: absolute;
  right: 0.4rem;
  bottom: 5%;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../image/25-back.png?v=2) 0 0 no-repeat;
  background-size: 100% 100%;
  animation: twinkle 1s linear infinite alternate;
}
.slide-frame-29 .slide-inner-list{
  left: 0;
  top: 30%;
  bottom: auto;
  padding: 0.3rem;
}
.slide-frame-30 {
  background: url('../image/main/2.jpg') center center no-repeat;
  background-size: 100% 100%;
  color: #000;
  opacity: 0.9;
}
.slide-frame-30 .logo {
  width: 2.5rem;
  margin: 0.3rem auto 0;
}
.slide-frame-30 .logo img {
  display: block;
  width: 100%;
}
.slide-frame-30 .team-list-box{
  overflow: hidden;
  width: 3.6rem;
  height: 4rem;
  margin: 0.4rem auto 0;
  font-size: 0.08rem;
}
.slide-frame-30 .team-list-box ul li {
  display: flex;
  /* justify-content: space-around; */
  height: 0.3rem;
  line-height: 0.16rem;
}
.slide-frame-30 .team-list-box ul li span:first-child {
  width: 1.7rem;
  text-align: right;
  font-weight: 500;
  margin-right: 10px;
}
.slide-frame-30 .team-list-box ul li span:last-child {
  width: 1.6rem;
  text-align: left;
}
.slide-frame-30 .team-list-box ul .sp-name {
  display: block;
  font-size: 0.09rem;
  font-weight: 900;
  text-align: center;
  height: 0.28rem;
}
.slide-frame-30 .team-list-box .chairman{
  width: auto !important;
  height: 0.136rem;
  text-align: center !important;
  border: 0.5px #000 solid;

}

.anilr-3{
  animation: anilr-3 2s linear;
  -webkit-animation: anilr-3 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.anilr-5{
  animation: anilr-5 2s linear;
  -webkit-animation: anilr-5 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.anilr-6{
  animation: anilr-6 2s linear;
  -webkit-animation: anilr-6 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-7 {
  animation: anilr-7 2s linear;
  -webkit-animation: anilr-7 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-8 {
  animation: anilr-8 2s linear;
  -webkit-animation: anilr-8 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-9 {
  animation: anilr-9 2s linear;
  -webkit-animation: anilr-9 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-10 {
  animation: anilr-10 2s linear;
  -webkit-animation: anilr-10 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-11 {
  animation: anilr-11 2s linear;
  -webkit-animation: anilr-11 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-12 {
  animation: anilr-12 2s linear;
  -webkit-animation: anilr-12 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-13 {
  animation: anilr-13 15s linear;
  -webkit-animation: anilr-13 15s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-14 {
  animation: anilr-14 2s linear;
  -webkit-animation: anilr-14 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-15 {
  animation: anilr-15 2s linear;
  -webkit-animation: anilr-15 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-16 {
  animation: anilr-16 2s linear;
  -webkit-animation: anilr-16 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-17 {
  animation: anilr-17 15s linear;
  -webkit-animation: anilr-17 15s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-18 {
  animation: anilr-18 15s linear;
  -webkit-animation: anilr-18 15s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-19 {
  animation: anilr-19 2s linear;
  -webkit-animation: anilr-19 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-20 {
  animation: anilr-20 2s linear;
  -webkit-animation: anilr-20 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-21 {
  animation: anilr-21 2s linear;
  -webkit-animation: anilr-21 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-22 {
  animation: anilr-22 2s linear;
  -webkit-animation: anilr-22 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-23 {
  animation: anilr-23 15s linear;
  -webkit-animation: anilr-23 15s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-24 {
  animation: anilr-24 2s linear;
  -webkit-animation: anilr-24 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-25 {
  animation: anilr-25 2s linear;
  -webkit-animation: anilr-25 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-26 {
  animation: anilr-26 2s linear;
  -webkit-animation: anilr-26 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-27 {
  animation: anilr-27 2s linear;
  -webkit-animation: anilr-27 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-28 {
  animation: anilr-28 15s linear;
  -webkit-animation: anilr-28 15s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.anilr-29 {
  animation: anilr-29 2s linear;
  -webkit-animation: anilr-29 2s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
@keyframes anilr-3{
  0% {
    margin-left: 0rem;
  }
  100% {
    margin-left: -1.1rem;
  }
}
@-webkit-keyframes anilr-3{
  0% {
    margin-left: 0rem;
  }
  100% {
    margin-left: -1.1rem;
  }
}
@keyframes anilr-5{
  0% {
    right: 0rem;
  }
  100% {
    right: -1.1rem;
  }
}
@-webkit-keyframes anilr-5{
  0% {
    right: 0rem;
  }
  100% {
    right: -1.1rem;
  }
}
@-webkit-keyframes anilr-6 {
  0% {
    left: -3%;
}
100% {
    left: -11%;
}
}

@keyframes anilr-6 {
  0% {
    left: -3%;
}
100% {
    left: -11%;
}
}
@-webkit-keyframes anilr-7 {
  0% {
    right: -2%;
}
100% {
  right: -17%;
}
}

@keyframes anilr-7 {
  0% {
    right: -2%;
}
100% {
  right: -17%;
}
}
@-webkit-keyframes anilr-8 {
  0% {
    right: 0%;
}
100% {
  right: -5%;
}
}

@keyframes anilr-8 {
  0% {
    right: 0%;
}
100% {
  right: -5%;
}
}
@-webkit-keyframes anilr-9 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}

@keyframes anilr-9 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}
@-webkit-keyframes anilr-10 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}

@keyframes anilr-10 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}
@-webkit-keyframes anilr-11 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}

@keyframes anilr-11 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}
@-webkit-keyframes anilr-12 {
  0% {
    right: -1%;
}
100% {
    right: -7%;
}
}

@keyframes anilr-12 {
  0% {
    right: -1%;
}
100% {
    right: -7%;
}
}
@-webkit-keyframes anilr-13 {
  0% {
    left: 0%;
}
100% {
    left: -155%;
}
}

@keyframes anilr-13 {
  0% {
    left: 0%;
}
100% {
    left: -155%;
}
}
@-webkit-keyframes anilr-14 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}

@keyframes anilr-14 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}
@-webkit-keyframes anilr-15 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}

@keyframes anilr-15 {
  0% {
    right: 0%;
}
100% {
    right: -7%;
}
}
@-webkit-keyframes anilr-16 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}

@keyframes anilr-16 {
  0% {
    left: 0%;
}
100% {
    left: -7%;
}
}
@-webkit-keyframes anilr-17 {
  0% {
    left: 0%;
}
100% {
    left: -135%;
}
}

@keyframes anilr-17 {
  0% {
    left: 0%;
}
100% {
    left: -135%;
}
}
@-webkit-keyframes anilr-18 {
  0% {
    left: 0%;
}
100% {
    left: -135%;
}
}

@keyframes anilr-18 {
  0% {
    left: 0%;
}
100% {
    left: -135%;
}
}
@-webkit-keyframes anilr-19 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-19 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes anilr-20 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-20 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes anilr-21 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-21 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes anilr-22 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-22 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes anilr-23 {
  0% {
    left: 0%;
}
100% {
    left: -135%;
}
}

@keyframes anilr-23 {
  0% {
    left: 0%;
}
100% {
    left: -135%;
}
}
@-webkit-keyframes anilr-24 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-24 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes anilr-25 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-25 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes anilr-26 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-26 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes anilr-27 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-27 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes anilr-28 {
  0% {
    left: 0%;
}
100% {
    left: -135%;
}
}

@keyframes anilr-28 {
  0% {
    left: 0%;
}
100% {
    left: -135%;
}
}
@-webkit-keyframes anilr-29 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}

@keyframes anilr-29 {
  0% {
    right: 0%;
}
100% {
  right: -7%;
}
}
@-webkit-keyframes scaleSmall {
  0% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes scaleSmall {
  0% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.scaleSmall {
  -webkit-animation-name: scaleSmall;
  animation-name: scaleSmall;
}

@-webkit-keyframes brightness {
  0% {
    -webkit-filter: brightness(0.3);
    filter: brightness(0.3);
  }

  100% {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
}
@keyframes brightness {
  0% {
    -webkit-filter: brightness(0.3);
    filter: brightness(0.3);
  }

  100% {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
}
.brightness {
  -webkit-animation-name: brightness;
  animation-name: brightness;
}
@-webkit-keyframes filterBlur {
  0% {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }

  100% {
    -webkit-filter: (0);
    filter: blur(0);
  }
}

@keyframes filterBlur {
  0% {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }

  100% {
    -webkit-filter: (0);
    filter: blur(0);
  }
}

.filterBlur {
  -webkit-animation-name: filterBlur;
  animation-name: filterBlur;
}
@-webkit-keyframes scaleBigSmall {
  0% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  50% {
    -webkit-transform: translate(0, -50%) scale(1.2);
    transform: translate(0, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@keyframes scaleBigSmall {
  0% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  50% {
    -webkit-transform: translate(0, -50%) scale(1.2);
    transform: translate(0, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.scaleBigSmall {
  -webkit-animation-name: scaleBigSmall;
  animation-name: scaleBigSmall;
}
/*iphoneXS MAX*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {

}
/* vivo */
@media only screen and (device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio:3) {

}
/* iphone 6 */
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
}

/* iphone X */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio:3) {

}

/* iphone XR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {

}