.prod_btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 68px 0;height:68px;border-radius:4px}.prod_btn.btn_down{font-size:18px;font-weight:700;line-height:1.5;color:#FFF;background:transparent linear-gradient(90deg, #C607BC 0%, #5D01B6 45%, #5D01B6 59%, #23EDF9 100%) 0% 0% no-repeat padding-box}.prod_btn.btn_down:hover{background:none;background:#050014;box-shadow:0px 1px 9px #00B7FF}.prod_btn.btn_down:hover::before{--b:3px;--full-gradient:radial-gradient(#C607BC 0%, #fe00ff 10%, #5c015c 40%, #5D01B6 60%, #00f0ff 70%, #30bbeb 100%);content:'';position:absolute;z-index:-1;inset:calc(var(--b) * -1);padding:var(--b);height:100%;width:100%;background:var(--full-gradient);background-size:300% 300%;border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:shining-gradient-svg_translateGradient 10s linear infinite;will-change:background-position}@keyframes shining-gradient-svg_translateGradient{0%{background-position:-20% -20%}25%{background-position:30% 80%}50%{background-position:110% 110%}75%{background-position:80% 30%}to{background-position:-20% -20%}}.prod_btn.btn_down:hover .btn_text{z-index:-1;opacity:0;visibility:hidden;transform:scale(0);transition:0.3s ease}.prod_btn.btn_down:hover .icon_down{transform:translate(-50%, -50%) scale(1);opacity:1;visibility:visible;z-index:1;transition:0.3s 0.1s ease}.prod_btn .btn_text{position:relative;font:inherit;color:inherit;transition:0.3s ease}.prod_btn .btn_icon{display:block}.prod_btn .icon_down{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);width:41px;height:46px;background:url(../images/product/down_icon.png) center center no-repeat;opacity:0;visibility:hidden;z-index:-1;transition:0.3s 0.1s ease}.prod_btn.voicy_btn{padding:0px 50px 0;height:36px;border-radius:2px}.prod_btn.voicy_btn.btn_down .btn_text{color:#FFF !important;font-size:12px;font-weight:500}.prod_btn.voicy_btn.btn_down:hover::before{--b:2px}.prod_btn.voicy_btn.btn_down:hover .icon_down{transform:translate(-50%, -50%) scale(0.5)}.header-nav .nav-left .nav-menu .nav-list.nav-privacy .nav-item{width:200px}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_text b .hot{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:2px 4px;font-size:12px;color:#fff;font-weight:700;font-style:normal;border-radius:0 9999px 9999px 0;background-color:#ff334d;text-align:center}.free_tag{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:2px 4px;font-size:12px;color:#0E0C1A;font-weight:700;font-style:normal;border-radius:0 9999px 9999px 0;background:#4BFF57;text-align:center}.header-nav .nav-left .nav-menu .nav-list.nav-isr>.fb2>a{font:inherit;color:inherit}.header-nav .nav-left .nav-menu .nav-list.nav-utility:hover .nav-item{opacity:1;visibility:visible;z-index:1}.header-nav .nav-left .nav-menu .nav-list.nav-utility:hover .nav-item li{z-index:3}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .nav-item{width:440px;max-width:none;max-height:400px}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .nav-item::after{left:50%}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .nav-item li{width:352px}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .utility-item{position:absolute;top:0;right:0;width:385px;height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;opacity:0;visibility:hidden;z-index:-999}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .utility-item .left{width:325px;height:187px}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .utility-item .left img{width:100%}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .utility-item ._right .btn-box{display:flex;align-items:center;justify-content:center;gap:6px}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .utility-item ._right .btn-box .ied_btn1{background-color:#0054FF;width:152px;height:35px;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:19px;font-size:12px;font-weight:500;z-index:20}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .utility-item ._right .btn-box .ied_btn2{background-color:#EFA124;width:116px;height:35px;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:19px;font-size:12px;font-weight:500;z-index:20}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr:hover .utility-item{z-index:-999;opacity:0;visibility:hidden}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr:hover .utility-item.on{opacity:1;visibility:visible;z-index:15}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item{z-index:-9;opacity:0;visibility:hidden;width:auto;min-width:716px;padding:20px 18px;display:flex;column-gap:40px;row-gap:30px;flex-flow:column;flex-wrap:wrap;max-height:300px;background:#fff}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::after{content:'';display:block;position:absolute;width:1px;height:78%;background-color:#e3e3ed;top:11%;left:50%}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li{position:relative;width:47%}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li:hover .nav_text b,.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li:hover .nav_text p{color:#0054FF}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li:hover .nav_text p{color:#8AB0FF}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li>a{display:flex;align-items:center;justify-content:flex-start;column-gap:20px;padding:0px}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li>a:hover .nav_text b,.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li>a:hover .nav_text p{color:#0054FF}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li>a:hover .nav_text p{color:#8AB0FF}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_pic{width:40px;height:40px;flex-shrink:0}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_pic>img{width:100%;height:auto}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_text b,.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_text p{color:#9794A4;font-size:12px;line-height:1.2;font-style:normal;font-weight:400}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_text b{position:relative;display:flex;align-items:center;justify-content:flex-start;color:#0E0C1A;font-size:16px;line-height:1.2;font-weight:500;column-gap:8px}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied{min-width:316px}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied::after{display:none}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li{position:relative;width:100%}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li:hover .nav_text b,.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li:hover .nav_text p{color:#0054FF}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li:hover .nav_text p{color:#8AB0FF}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li>a{display:flex;align-items:center;justify-content:flex-start;column-gap:20px}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li>a:hover .nav_text b,.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li>a:hover .nav_text p{color:#0054FF}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li>a:hover .nav_text p{color:#8AB0FF}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li .nav_pic{width:40px;height:40px;flex-shrink:0}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li .nav_pic>img{width:100%;height:auto}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li .nav_text b,.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li .nav_text p{color:#9794A4;font-size:12px;line-height:1.2;font-style:normal;font-weight:400}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item.nav-ied li .nav_text b{position:relative;display:flex;align-items:center;justify-content:flex-start;color:#0E0C1A;font-size:16px;line-height:1.2;font-weight:500;column-gap:8px;margin-bottom:5px}@media (max-width: 1200px){.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item{min-width:300px;max-width:300px;column-gap:20px;row-gap:30px;max-height:400px;overflow:auto;flex-wrap:nowrap}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::-webkit-scrollbar{width:8px;height:50px}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::-webkit-scrollbar-track{background:#f1f1f1;width:8px;height:50px}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::-webkit-scrollbar-thumb{background:#8AB0FF;width:8px;height:50px;border-radius:9999px}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::-webkit-scrollbar-thumb:hover{background:#79a3fe}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::after{display:none}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li{width:100%}}@media (max-width: 768px){.header-nav .nav-left .nav-menu .nav-list.nav-isr>.fb2>a{display:inline-block}.header-nav .nav-left .nav-menu .nav-list.nav-utility.nav-isr .utility-item{display:none !important}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item{opacity:0;visibility:hidden;z-index:-9;width:100%;max-width:100%;min-width:0;padding:0 !important;column-gap:0px;row-gap:30px;flex-wrap:nowrap;max-height:none;background:#F0EFF2;overflow:hidden;max-height:0 !important;height:auto !important}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::after,.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::before{display:none}.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li>a{padding:0 !important;column-gap:10px}.header-nav .nav-left .nav-menu .nav-list.nav-utility.active{padding:20px 16px 50px !important}.header-nav .nav-left .nav-menu .nav-list.nav-utility.active .nav-item{opacity:1;visibility:visible;z-index:9;max-height:100vh !important}.header-nav .nav-left .nav-menu{max-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto}}
