/*首页5G部分动画效果*/
.show-box {
    padding-bottom: 0;
    height: auto;
}
.order1 {
    opacity: 0;
    transition: 1s all ease 0.2s;
}

.order2 {
    opacity: 0;
    transition: 1s all ease 0.4s;
}

.order3 {
    opacity: 0;
    transition: 1s all ease 0.6s;
}
.slide-up .order1,
.slide-up .order2,
.slide-up .order3 {
    transform: translate(0, 60px);
}
.slide-right .order1,
.slide-right .order2,
.slide-right .order3 {
    transform: translate(150px, 0);
}
.slide-left .order1,
.slide-left .order2,
.slide-left .order3 {
    transform: translate(-150px, 0);
}
.animation .order1,
.animation .order2,
.animation .order3 {
    transform: translate(0, 0);
    opacity: 1;
}
/*各栏目页动画*/
#slidingDiv,#slidingDiv-5G{   
  position: sticky;  
  left: 20px;  
  top: 20px;  
  animation: slide-in 1s 2s forwards;  
}  
  
@keyframes slide-in {  
  0% {  
    transform: translateX(-100%);  
  }  
  100% {  
    transform: translateX(0);  
  }  
}

#slidingDiv1{  
  position: sticky;  
  right: 20px;  
  top: 20px;  
  animation: slide-in-l 1s 4s forwards;  
}  

#slidingDiv-news,#index-xtv,#content_yyt {  
  position: inherit;
  right: 20px;  
  top: 20px;  
  animation: slide-in-l 1s forwards;  
}  
 
@keyframes slide-in-l {  
  0% {  
    transform: translateX(100%);  
  }  
  100% {  
    transform: translateX(0);  
  }  
}

#slideupDIV ,#gsjj,#gdyx {  

  position: inherit;  
  animation: slideup 1s forwards;  
}  
@keyframes slideup {  
  from {  
    transform: translateY(100%);  
  }  
  to {  
    transform: translateY(0);  
  }  
}  
  
/*闪动圆+箭头 模拟播放按钮效果*/
@keyframes blink {  
  0% {opacity: 1;}  
  50% {opacity: 0;}  
  100% {opacity: 1;}  
}  
  
#blinking-circle {  
  width: 80px;  
  height: 80px;  
  background-color: white;  
  border-radius: 50%;  
  animation: blink 1s linear infinite;  
}  
.circle {
        width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    /* opacity: 1; */
    border: 5px solid transparent;
    animation: blink 1s linear infinite;
    top: 48%;
    left: 49%;
}  
  
@keyframes blink {  
  0%, 100% {  
    border-color: transparent;  
  }  
  50% {  
    border-color:#bd0110;  
  }  
}
  
.circle::after {
    content: "";
    position: absolute;
    top: 30%;
    right: 30%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 15px solid black;
    border-bottom: 8px solid transparent;
}
