@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;}
.magazine-box-1354 .box-right{width: 50%;}
.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%;}
.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: 96%;
    max-width: 1000px;
    background: #fff;
    overflow: hidden;
}
.modal-mask-1354 .window-box .scrollbar{padding: 50px;max-height: 80vh;overflow-y: auto;}
.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 {
    display: flex;
    position: absolute;
    top: 15px;
    right: 30px;
    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%;border: 1px solid #000;justify-content: center;*/
}
.modal-mask-1354 .window-box iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
    border-radius: 8px;
}