/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'zaxiang';  /* Project id 1476113 */
  src: url('//at.alicdn.com/t/c/font_1476113_f9vgv31rfes.woff2?t=1741569336918') format('woff2'),
       url('//at.alicdn.com/t/c/font_1476113_f9vgv31rfes.woff?t=1741569336918') format('woff'),
       url('//at.alicdn.com/t/c/font_1476113_f9vgv31rfes.ttf?t=1741569336918') format('truetype');
}
@media screen and (max-width:768px){
    body{
        overflow: hidden;
    }

 /* 线条动画开始 */   
#c_banner_015_P_028-17422922380731 .cbox-15-0.p_item::before{
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #008cd6;
    will-change: width;
    transition: .8s .4s;
}
#c_banner_015_P_028-17422922380731 .cbox-15-0.p_item::after{
        content: "\101d6";
    display: block;
    position: absolute;
        bottom: calc(-1.8rem + 1px);
    right: 0;
    color: #008cd6;
    will-change: width;
    transition: .8s .4s;
        font-family: 'zaxiang';
        font-size: 2rem;
        transform: translateX(-50%);
        opacity: 0;
}
.cbox-5-0.p_item.animated-element.active .cbox-15-0.p_item::before{
    width: calc(100% - 1.1rem) !important; /* 动画结束时的宽度设置为 100% */
    opacity: 1; /* 如果保持 opacity 动画，则保持不变 */
    transform: translateX(0); /* 如果保持 translateY 动画，则保持不变 */
}
.cbox-5-0.p_item.animated-element.active .cbox-15-0.p_item::after{
     /* 动画结束时的宽度设置为 100% */
    opacity: 1 !important; /* 如果保持 opacity 动画，则保持不变 */
    transform: translateX(0%) !important; /* 如果保持 translateY 动画，则保持不变 */
}
 /* 线条动画结束 */   

/*从左向右进入*/
.Animation-lefttoright,#c_static_001_P_67049-17422922381794 .e_loop-1 .p_loopitem:nth-child(1),#c_static_001_P_67049-17422922381794 .e_loop-1 .p_loopitem:nth-child(3){
   transition: .8s .4s;
    transform: translateX(0%);
 }



/*从右向左进入*/
.Animation-righttoleft,#c_static_001_P_67049-17422922381794 .e_loop-1 .p_loopitem:nth-child(2){
   transition: .8s .4s;
    transform: translateX(50%);
}


/*从下向上进入*/
.Animation-bottomtotop{
     transition: .8s .4s;
    transform: translateY(50%);
}

.animated-element.active .Animation-lefttoright,.animated-element.active .Animation-righttoleft,#c_static_001_P_67049-17422922381794 .animated-element.active .p_loopitem:nth-child(1),#c_static_001_P_67049-17422922381794 .animated-element.active .p_loopitem:nth-child(2),#c_static_001_P_67049-17422922381794 .animated-element.active .p_loopitem:nth-child(3){
transform: translateX(0%);
}
.animated-element.active .Animation-bottomtotop{
    transform: translateY(0%);
}

}