@charset "utf-8";
/* CSS Document */

.hover-box-1351 .cilck{cursor:pointer;}
.hover-box-1351 .cilck.active{color:red;}
.hover-box-1351 .cilck-show{display:none;}
.hover-box-1351 .cilck-show.active{display:block;}
.hover-box-1351 .swiper{width:100%;}
.hover-box-1351 .swiper-slide{}
.hover-box-1351 .box-1353 .cilck.active {border-bottom: 4px solid #000; color: #000;}
.hover-box-1351 .box-1353{display: flex;justify-content: center;gap: 8%;margin-bottom: 40px;}
.hover-box-1351 .box-1353 .cilck{cursor: pointer;border-bottom: 4px solid rgba(255,255,255,0);color: #797979;text-transform: uppercase;}
.product-show-ebike08{background: #f0f0f0;display: flow-root;}


.magazine-box-1354 .box-left{width: calc(46% - 70px);margin-left: 70px;float: left;min-height: 460px;display: flex;flex-direction: column;justify-content: center;}
.magazine-box-1354 .box-right{width: 50%;float: right;}
.magazine-box-1354 .icon{max-width: 110px;display: block;}
.magazine-box-1354 p{font-size: 20px;margin-top: 30px;}


.video-box-1354 .box-left{width: calc(56% - 70px);margin-left: 70px;position: relative;}
.video-box-1354 .box-right{width: calc(42% - 70px);margin-right: 70px;margin-left: 4%;}
.video-box-1354 .box-right .ic{width: 100%;height: 2px;}
.icon250729{width: 80px;height: 80px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);border: 2px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;justify-content: center;align-items: center;z-index: 2;cursor: pointer;transition: transform 0.3s ease;}
.icon250729:hover {transform: translate(-50%, -50%) scale(1.05);}
.icon250729::before {content: "";width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 25px solid #fff;transform: rotate(90deg);margin-left: 10px;z-index: 3;}
.icon250729 .ripple-container {position: absolute;width: 100%;height: 100%;border-radius: 50%;overflow: visible;}
.icon250729 .ripple {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%);animation: ripple 2s cubic-bezier(0.8, 0, 0.6, 1) infinite;opacity: 0;}
@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  70% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.pop-box-1354 {
    display: block;
}
.modal-mask-1354 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-mask-1354.show {
    visibility: visible;
    opacity: 1;
}
.modal-mask-1354 .window-box {
    position: relative;
    width: 100%;
    max-width: 50%;
    background: #fff;
    overflow: hidden;
}
.modal-mask-1354 .window-box .scrollbar{padding: 50px;max-height: 80vh;overflow-y: auto;padding-top: 65px;}
.modal-mask-1354 .window-box .scrollbar::-webkit-scrollbar {width: 6px;}
.modal-mask-1354 .window-box .scrollbar::-webkit-scrollbar-thumb {background-color: #a6c939;border-radius: 10px;cursor: pointer;}
.modal-mask-1354 .window-box .scrollbar::-webkit-scrollbar-track {background: #dadada;border-radius: 10px;}
.modal-mask-1354.show .window-box {
    transform: scale(1);
}
.pop-box-1354 .window-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.pop-box-1354 .close-btn-1354 {
    display: none;
}
.modal-mask-1354 .close-btn-1354 {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    font-weight: 600;
    text-align: right;
    z-index: 999;
    width: 40px;height: 40px;border-radius: 100%;justify-content: center;background: #fff;display: flex;align-items: center;
}
.modal-mask-1354 .window-box iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
    border-radius: 8px;
}

.video-box-1354 .box-right .profile{width: 50px;height: 50px;border-radius: 100%;align-items: center;}
.video-box-1354 .box-right .autho{display: flex;margin-bottom: 20px;gap: 15px;}
.video-box-1354 .box-right .num{line-height: 20px;}
.video-box-1354 .box-right .info{width: calc(100% - 65px)}
.video-box-1058 .box-right .main-title05{line-height: 24px;margin-bottom: 5px!important;}


@media (max-width: 1400px){
    .magazine-box-1354 p,.video-box-1354 .box-right .word,.video-box-1354 .box-right .txt{font-size: 18px;}
    .magazine-box-1354 .icon{max-width: 90px;}
}
@media (max-width: 1400px){
    .modal-mask-1354 .window-box{max-width: 80%;}
}

@media (max-width: 768px){
    .magazine-box-1354 .box-left,.video-box-1354 .box-left,.video-box-1354 .box-right{width: 92%;margin: 0 auto;float: none;}
    .magazine-box-1354 .box-right{width: 80%;margin: 0 auto;margin-bottom: 40px;}
    .magazine-box-1354 .box-flex,.video-box-1354 .box-flex{display: block;}
    .video-box-1354 .box-left{margin-bottom: 30px;}
    
    .modal-mask-1354 .window-box{max-width: 96%;}
    /*.modal-mask-1354 .window-box .scrollbar{padding: 0;}*/
    .hover-box-1351 .box-1353 .cilck.active{border-bottom: 3px solid #000;}
    .hover-box-1351 .box-1353 .cilck{border-bottom: 3px solid rgba(255,255,255,0);}
    .hover-box-1351 .box-1353{margin-bottom: 25px;}
    .magazine-box-1354 .box-right{margin-bottom: 20px;}
    .magazine-box-1354 .swiper-button-next,.magazine-box-1354 .swiper-button-prev{background: none;}
    .video-box-1354 .box-right{margin-top: 20px;}
    .magazine-box-1354 .swiper-button-next,.magazine-box-1354 .swiper-rtl .swiper-button-prev,.magazine-box-1354 .swiper-button-prev,.magazine-box-1354 .swiper-rtl .swiper-button-next{top: 24%!important;}
    .video-box-1354 .swiper-button-next,.video-box-1354 .swiper-rtl .swiper-button-prev,.video-box-1354 .swiper-button-prev,.video-box-1354 .swiper-rtl .swiper-button-next{top: 22%!important;}
    .magazine-box-1354 .box-left{min-height: inherit;}
}

@media (max-width: 576px){
    .product-show-ebike08 .main-width-03{margin-left: 0px;margin-right: 0px;}
    .magazine-box-1354 p{font-size: 17px;margin-top: 20px;}
    .video-box-1354 .box-right .word,.video-box-1354 .box-right .txt{font-size: 17px;}
    .magazine-box-1354 .icon{max-width: 80px;}
    .icon250729{width: 60px;height: 60px;}
    .video-box-1354 .box-right .link{font-size: 15px;}
    .magazine-box-1354 .box-right{width: 90%;}
    .video-box-1354 .box-right .parameters{margin: 10px 0;}
    .video-box-1354 .box-right .word{margin-top: 15px;}
    .video-box-1354 .box-right .main-title05{margin-bottom: 15px;}
    .icon250729::before{border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 18px solid #fff;margin-left: 5px;}
    .video-box-1354 .box-right{margin-top: 20px;}
    .modal-mask-1354 .window-box .scrollbar{padding: 15px;padding-top: 50px;}
    .modal-mask-1354 .close-btn-1354{right: 15px;top: 5px;}
}


.scrollbar-260725{padding: 0!important;}