.flex{display:flex;}.flex-ac{display:flex;align-items:center;}.flex-jac{display:flex;align-items:center;justify-content:center;}.home .home-banner{position:relative;max-height:450px;overflow-y:hidden;}.home .home-banner .home-banner-swiper .home-banner-slide{padding:0 10px;height:450px;}.home .home-banner .home-banner-swiper .home-banner-slide div,.home .home-banner .home-banner-swiper .home-banner-slide a{padding-left:110px;display:flex;flex-direction:column;justify-content:center;color:#fff;border-radius:20px;}.home .home-banner .home-banner-swiper .home-banner-slide div h2,.home .home-banner .home-banner-swiper .home-banner-slide a h2{margin-bottom:25px;font-size:40px;position:relative;padding-left:30px;}.home .home-banner .home-banner-swiper .home-banner-slide div h2::before,.home .home-banner .home-banner-swiper .home-banner-slide a h2::before{content:'';position:absolute;left:0;height:100%;top:0;width:10px;border-radius:20px;background:linear-gradient(180deg,#bcddf5 0%,#0171bb 100%);}.home .home-banner .home-banner-swiper .home-banner-slide div p,.home .home-banner .home-banner-swiper .home-banner-slide a p{max-width:730px;font-size:16px;line-height:26px;}.home .home-banner .home-banner-swiper .home-banner-slide.slide1 div,.home .home-banner .home-banner-swiper .home-banner-slide.slide1 a{height:100%;background:url(../images/home-banner1.jpg) no-repeat;background-size:100% 100%;}.home .home-banner .home-banner-swiper .home-banner-slide.slide2 div,.home .home-banner .home-banner-swiper .home-banner-slide.slide2 a{height:100%;background:url(../images/home-banner2.jpg) no-repeat;background-size:100% 100%;}.home .home-banner .home-banner-swiper .home-banner-slide.slide3 div,.home .home-banner .home-banner-swiper .home-banner-slide.slide3 a{height:100%;background:url(../images/home-banner3.webp) right no-repeat,#091f27;background-size:100% 100%;}.home .home-banner .home-banner-swiper .home-banner-slide.slide4 div,.home .home-banner .home-banner-swiper .home-banner-slide.slide4 a{height:100%;background:url(../images/home-banner4.webp) no-repeat;background-size:100% 100%;color:#333;}@media(min-width:768px){.home .home-banner .home-banner-swiper .home-banner-slide.slide4 div h2,.home .home-banner .home-banner-swiper .home-banner-slide.slide4 a h2{font-size:36px;}}.home .home-banner .home-banner-swiper .home-banner-slide.slide4 div h2,.home .home-banner .home-banner-swiper .home-banner-slide.slide4 a h2{max-width:1088px;}.home .home-banner .home-banner-dots{position:absolute;left:50%;bottom:20px;display:flex;align-items:center;gap:10px;transform:translateX(-50%);}.home .home-banner .home-banner-dots li{width:59px;height:4px;border-radius:47px;background:#fff;cursor:pointer;}.home .home-banner .home-banner-dots li.slick-active{background:#0171bb;}.home .home-banner .home-banner-dots li button{display:none;}.home .home-banner .home-banner-prev,.home .home-banner .home-banner-next{width:60px;height:60px;position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.8);border-radius:50%;border:0;transition:all .25s;}.home .home-banner .home-banner-prev i,.home .home-banner .home-banner-next i{font-size:24px;color:#000;}.home .home-banner .home-banner-prev:hover,.home .home-banner .home-banner-next:hover{background-color:#fff;}.home .home-banner .home-banner-prev{left:164px;}.home .home-banner .home-banner-next{right:164px;}.home .home-category.mobile{display:none;}.home .home-stock{padding:60px 0;}.home .home-stock .home-stock-title{position:relative;margin-bottom:30px;text-align:center;}.home .home-stock .home-stock-title h2{font-size:24px;}.home .home-stock .home-stock-title .home-stock-pagination{position:absolute;right:0;top:50%;left:auto;transform:translateY(-50%);}.home .home-stock .home-stock-swiper .home-stock-slide{display:flex;align-items:center;flex-wrap:wrap;--gap:30px;--num:5;gap:var(--gap);row-gap:40px;}.home .home-stock .home-stock-swiper .home-stock-slide>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home .home-stock .home-stock-swiper .home-stock-slide li{text-align:center;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box{position:relative;border-radius:20px;border:1px solid #e9e9e9;height:276px;display:flex;align-items:center;justify-content:center;overflow:hidden;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box img{max-width:160px;max-height:100%;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box:hover .mask{opacity:1;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .stock-item-info{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .stock-item-info .stock-tag{padding:10px;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .stock-item-info .stock-tag i{color:#ff001c;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .stock-item-info .stock-num{color:#989898;font-size:12px;margin-right:22px;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask{position:absolute;width:100%;height:50%;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(102,117,116,.6) 100%);padding:20px;display:flex;align-items:end;transition:all .2s;opacity:0;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask button,.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask span{width:100%;height:44px;line-height:44px;border:0;color:#fff;border-radius:5px;background:#0171bb;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask button.mask-btn,.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask span.mask-btn{display:none;}.home .home-stock .home-stock-swiper .home-stock-slide li>a{display:inline-block;margin-top:16px;}.home .home-stock .home-stock-swiper .home-stock-slide li>a:hover{text-decoration:underline;}.home .home-category{background:#f8fbff;padding:60px 0;}.home .home-category .home-category-title{display:flex;align-items:center;justify-content:center;position:relative;}.home .home-category .home-category-title h2{font-size:24px;}.home .home-category .home-category-title a{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#0171bb;display:flex;align-items:center;gap:4px;}.home .home-category .home-category-title a i{font-size:16px;}.home .home-category .subtitle{margin:10px 0 30px;color:#666;line-height:normal;text-align:center;}.home .home-category .home-category-list{display:flex;align-items:center;justify-content:space-between;}.home .home-category .home-category-list a{display:flex;align-items:center;flex-direction:column;}.home .home-category .home-category-list a:hover p{color:#0171bb;}.home .home-category .home-category-list a i{font-size:100px;height:100px;line-height:100px;color:#0171bb;}.home .home-category .home-category-list a p{margin-top:10px;color:#000;}.home .home-category .home-category-bottom{margin-top:40px;display:flex;background:#0171bb;overflow:hidden;border-radius:20px;}.home .home-category .home-category-bottom ul{display:flex;align-items:center;flex:1;padding:0 70px;justify-content:space-between;}.home .home-category .home-category-bottom aside{display:flex;align-items:center;width:50%;max-width:410px;height:150px;padding:20px 50px 20px 40px;justify-content:space-between;border-radius:30px 0 0 30px;background:linear-gradient(90deg,#28407f 0%,#5576fe 100%);box-shadow:-9px 0 24.9px 0 #01958c;color:#fff;}.home .home-category .home-category-bottom aside h3{font-size:20px;margin-bottom:12px;}.home .home-category .home-category-bottom aside a{display:flex;align-items:center;line-height:normal;padding:0 13px;gap:10px;border-radius:4px;background:#ffb800;color:#fff;height:34px;}.home .home-category .home-category-bottom aside a i{font-size:16px;}.home .home-category .home-category-bottom aside img{max-width:133px;}.home .home-brand{border-radius:20px;background:#f0f6fc;padding:30px;}.home .home-brand .home-brand-title{display:flex;align-items:center;justify-content:space-between;}.home .home-brand .home-brand-title h2{font-size:24px;}.home .home-brand .home-brand-title a{display:flex;align-items:center;gap:4px;font-size:16px;color:#0171bb;}.home .home-brand .home-brand-title a i{font-size:16px;}.home .home-brand .home-brand-tab{margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;--gap:20px;--num:6;gap:var(--gap);}.home .home-brand .home-brand-tab>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home .home-brand .home-brand-tab li{height:80px;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;transition:all .2s;background:transparent;}.home .home-brand .home-brand-tab li.active{background:#fff;}.home .home-brand .home-brand-tab li img{max-width:100%;max-height:100%;}.home .home-brand .home-brand-tab-content .home-brand-item{display:none;padding:20px;border-radius:20px;background:#fff;}.home .home-brand .home-brand-tab-content .home-brand-item.active{display:block;}.home .home-brand .home-brand-tab-content .home-brand-item:first-child{border-radius:0 20px 20px;}.home .home-brand .home-brand-tab-content .home-brand-item:last-child{border-radius:20px 0 20px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-title h2{font-size:24px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-title a{display:flex;align-items:center;gap:4px;font-size:16px;color:#0171bb;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-title a i{font-size:16px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-title h3{font-size:20px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content{display:flex;gap:30px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content p{flex:1;color:#4d5c5e;height:fit-content;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul{flex-shrink:0;width:100%;max-width:928px;display:flex;align-items:center;flex-wrap:wrap;--gap:20px;--num:5;gap:var(--gap);}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul li .imgbox{height:218px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:20px;border:1px solid #e9e9e9;overflow:hidden;background:#fff;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul li .imgbox img{width:100%;height:100%;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul li p{margin-top:17px;text-align:center;font-size:16px;line-height:normal;}.home .home-quality{display:flex;padding:60px 0;gap:60px;}.home .home-quality .home-quality-left{width:100%;max-width:1000px;flex-shrink:0;}.home .home-quality .home-quality-left .home-quality-tab{display:flex;gap:30px;border-bottom:2px solid #f7f7f7;}.home .home-quality .home-quality-left .home-quality-tab button{margin-bottom:-2px;border:0;background:none;color:#666;font-size:16px;line-height:normal;padding-bottom:10px;border-bottom:2px solid #f7f7f7;}.home .home-quality .home-quality-left .home-quality-tab button.active{color:#0171bb;border-color:#0171bb;}.home .home-quality .home-quality-left .tab-content ul{padding:30px 0;display:flex;align-items:center;flex-wrap:wrap;--gap:20px;--num:4;gap:var(--gap);}.home .home-quality .home-quality-left .tab-content ul>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home .home-quality .home-quality-left .tab-content ul li{position:relative;height:212px;overflow:hidden;border-radius:0 20px;border:1px solid #e9e9e9;}.home .home-quality .home-quality-left .tab-content ul li .mask{position:absolute;left:0;top:100%;width:100%;height:100%;background:linear-gradient(0deg,rgba(4,82,106,.5) 0%,rgba(4,82,106,.5) 100%);display:flex;align-items:center;justify-content:center;color:#fff;padding:10px 15px;transition:all .25s;}.home .home-quality .home-quality-left .tab-content ul li:hover .mask{top:0;}.home .home-quality .home-quality-right a{display:flex;align-items:center;gap:10px;margin-bottom:30px;}.home .home-quality .home-quality-right a h2{font-size:24px;}.home .home-quality .home-quality-right a i{color:#0171bb;font-size:16px;}.home .home-quality .home-quality-right p{color:#4d5c5e;line-height:24px;}.home .home-forum{padding:60px 0;background:#f8fbff;}.home .home-forum .container{display:flex;gap:35px;}.home .home-forum .container .home-forum-left{width:30%;flex-shrink:0;max-width:342px;}.home .home-forum .container .home-forum-left h2{font-size:24px;max-width:300px;}.home .home-forum .container .home-forum-left a{padding:10px 16px;margin:20px 0 40px;display:flex;align-items:center;gap:4px;max-width:313px;color:#fff;border-radius:10px;line-height:24px;background:#0171bb;}.home .home-forum .container .home-forum-left a i{font-size:16px;}.home .home-forum .container .home-forum-left .home-forum-tab{display:flex;flex-direction:column;}.home .home-forum .container .home-forum-left .home-forum-tab button{height:80px;display:flex;align-items:center;gap:10px;padding-left:22px;border:0;background:none;color:#666;transition:all .2s;}.home .home-forum .container .home-forum-left .home-forum-tab button.active,.home .home-forum .container .home-forum-left .home-forum-tab button:hover{color:#0171bb;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,#fff 20.12%);box-shadow:4px 0 0 0 #0171bb inset;}.home .home-forum .container .home-forum-left .home-forum-tab button i{font-size:40px;}.home .home-forum .container .home-forum-right{flex:1;}.home .home-forum .container .home-forum-right .home-forum-list{display:flex;align-items:center;flex-wrap:wrap;--gap:20px;--num:2;gap:var(--gap);}.home .home-forum .container .home-forum-right .home-forum-list>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home .home-forum .container .home-forum-right .home-forum-list .home-forum-item{padding:20px;border-radius:20px;border:1px solid #f2efef;background:#fff;}.home .home-forum .container .home-forum-right .home-forum-list .home-forum-item .home-forum-item-top{display:flex;gap:10px;}.home .home-forum .container .home-forum-right .home-forum-list .home-forum-item .home-forum-item-top i{font-size:24px;color:#ff8a00;}.home .home-forum .container .home-forum-right .home-forum-list .home-forum-item .home-forum-item-top a{min-height:72px;}.home .home-forum .container .home-forum-right .home-forum-list .home-forum-item .home-forum-item-bottom{margin-top:16px;display:flex;align-items:center;justify-content:space-between;}.home .home-forum .container .home-forum-right .home-forum-list .home-forum-item .home-forum-item-bottom .tag{padding:0 10px;border-radius:4px;background:#ffe81d;color:#766a00;font-family:Arial;font-size:12px;line-height:22px;}.home .home-forum .container .home-forum-right .home-forum-list .home-forum-item .home-forum-item-bottom .answer{color:#666;font-size:12px;line-height:12px;display:flex;align-items:center;gap:4px;}.home .home-blogsAndNews{display:flex;gap:30px;padding:60px 0;}.home .home-blogsAndNews .home-blogs{width:100%;max-width:754px;flex-shrink:0;padding:30px;background:url(../images/home-blogs-bg.webp) no-repeat;background-size:100% 100%;border-radius:20px;}.home .home-blogsAndNews .home-blogs a{color:#fff;}.home .home-blogsAndNews .home-blogs .home-blogs-title{display:flex;align-items:center;gap:4px;}.home .home-blogsAndNews .home-blogs .home-blogs-title h2{font-size:24px;}.home .home-blogsAndNews .home-blogs .home-blogs-title i{font-size:16px;}.home .home-blogsAndNews .home-blogs .home-blogs-content{margin-top:40px;display:flex;gap:40px;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-list{width:50%;max-width:325px;flex-shrink:0;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-list li{display:flex;align-items:center;gap:10px;padding:10px 0;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-list li:not(:last-child){border-bottom:1px solid #585858;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-list li .imgbox{width:110px;height:72px;flex-shrink:0;border-radius:8px;overflow:hidden;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-list li .imgbox img{width:100%;min-height:100%;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-swiper{border-radius:20px;overflow:hidden;height:270px;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-swiper a{position:relative;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-swiper a .mask{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.15) no-repeat;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-swiper a .mask h2{position:absolute;left:20px;right:20px;bottom:36px;color:#fff;font-size:16px;line-height:24px;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-swiper a img{max-width:100%;min-height:100%;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-swiper .home-blogs-pagination{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:10px;}.home .home-blogsAndNews .home-news{padding:30px;display:flex;gap:10px;flex:1;flex-direction:column;justify-content:center;border-radius:20px;background:#009991;color:#fff;}.home .home-blogsAndNews .home-news .home-news-title{font-size:24px;display:flex;align-items:center;gap:4px;color:#fff;font-weight:700;}.home .home-blogsAndNews .home-news .home-news-title i{font-weight:400;font-size:16px;}.home .home-blogsAndNews .home-news ul li{padding:20px 0;display:flex;align-items:center;gap:10px;border-bottom:.5px solid #f8f8f8;}.home .home-blogsAndNews .home-news ul li:last-child{border:0;}.home .home-blogsAndNews .home-news ul li i{width:6px;height:6px;border-radius:50%;background:#fff;flex-shrink:0;}.home .home-blogsAndNews .home-news ul li a{color:#fff;}.home .home-model{padding-bottom:60px;}.home .home-model h2{text-align:center;font-size:24px;}.home .home-model .home-model-list{display:flex;align-items:center;flex-wrap:wrap;--gap:40px;--num:5;gap:var(--gap);row-gap:30px;padding:30px 0;}.home .home-model .home-model-list>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home .home-model .home-index{display:flex;align-items:center;padding:20px;gap:60px;border-radius:4px;background:#f8fbff;}.home .home-model .home-index>a{display:flex;align-items:center;gap:4px;color:#0171bb;}.home .home-model .home-index>a i{font-size:16px;}.home .home-model .home-index ul{flex:1;display:flex;justify-content:space-between;}.home #home-prod-modal .modal-dialog .modal-content{padding:30px;}.home #home-prod-modal .modal-dialog .modal-content .modal-head div{display:flex;align-items:center;gap:20px;}.home #home-prod-modal .modal-dialog .modal-content .modal-head div .modal-prodname{font-size:24px;line-height:24px;font-weight:700;}.home #home-prod-modal .modal-dialog .modal-content .modal-head div button{min-width:100px;height:36px;padding:0 5px;color:#ffb800;background:none;margin-left:auto;border-radius:4px;border:1px solid #ffb800;}.home #home-prod-modal .modal-dialog .modal-content .modal-head div .modal-close{color:#666;}.home #home-prod-modal .modal-dialog .modal-content .modal-head p{margin-top:20px;line-height:14px;}.home #home-prod-modal .modal-dialog .modal-content .modal-body{padding:0;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info{margin:30px 0;display:flex;align-items:center;gap:30px;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info .imgbox{flex-shrink:0;width:176px;height:176px;display:flex;align-items:center;justify-content:center;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info .imgbox img{width:100%;max-height:100%;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info ul{flex:1;display:flex;align-items:center;flex-wrap:wrap;--gap:0px;--num:2;gap:var(--gap);align-items:initial;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info ul>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info ul li{padding:20px 0;display:flex;gap:10px;border-bottom:1px solid #d9d9d9;align-items:center;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info ul li:nth-child(-n+2){padding-top:0;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info ul li strong{min-width:120px;flex-shrink:0;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box .info ul li .modal-datasheet{cursor:pointer;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box form{padding:20px;border-radius:20px;background:#f0f6fc;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box form .form-content{padding:20px;display:flex;align-items:center;flex-wrap:wrap;--gap:40px;--num:2;gap:var(--gap);row-gap:30px;border-radius:10px;background:#fff;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box form .form-content>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box form .form-content textarea{width:100%;}.home #home-prod-modal .modal-dialog .modal-content .modal-body .modal-box form button{margin-top:30px;margin-left:auto;display:block;min-width:165px;padding:0 5px;height:40px;color:#fff;border:0;border-radius:8px;background:#0171bb;}.policyOrTerms .content{max-width:1176px;margin:0 auto;}.policyOrTerms .content .banner{margin-top:20px;background:url(../images/policy-banner.jpg) no-repeat;border-radius:20px;display:flex;align-items:center;height:182px;}.policyOrTerms .content .banner h1{margin-left:auto;margin-right:136px;color:#fff;font-size:48.261px;}.policyOrTerms .content ul{padding:60px 0;display:flex;flex-direction:column;gap:40px;}.policyOrTerms .content ul li .item-title{display:flex;align-items:center;gap:4px;}.policyOrTerms .content ul li .item-title i{color:#0171bb;}.policyOrTerms .content ul li .item-title h2{font-size:16px;line-height:24px;}.policyOrTerms .content ul li p{padding-left:39px;padding-top:10px;}.policyOrTerms .content ul li p a{color:#0171bb;}.terms .content .banner{background:url(../images/terms-banner.jpg) no-repeat;}@media(max-width:1399px){.home .home-banner .home-banner-prev{left:75px;}.home .home-banner .home-banner-next{right:75px;}.home .home-category .home-category-bottom ul{padding:0 20px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content{flex-direction:column;}.home .home-quality{flex-direction:column;}}@media(max-width:1199px){.home .home-stock .home-stock-swiper .home-stock-slide{--num:4;}.home .home-stock .home-stock-swiper .home-stock-slide li:nth-last-child(-n+2){display:none;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box{height:250px;}.home .home-category .home-category-bottom ul img{width:60px;}.home .home-blogsAndNews{gap:20px;}.home .home-blogsAndNews .home-blogs{width:65%;padding:20px;}.home .home-blogsAndNews .home-blogs .home-blogs-content{gap:20px;}.home .home-blogsAndNews .home-news{padding:20px;}.policyOrTerms .content .banner{background-size:auto 100%;background-position:right;}}@media(max-width:991px){.home .home-banner .home-banner-swiper .home-banner-slide div,.home .home-banner .home-banner-swiper .home-banner-slide a{background-size:auto 100%!important;}.home .home-stock .home-stock-swiper .home-stock-slide{--gap:20px;row-gap:20px;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .stock-item-info .stock-num{margin-right:10px;}.home .home-category .home-category-bottom aside{padding:20px;}.home .home-category .home-category-bottom ul{display:flex;align-items:center;flex-wrap:wrap;--gap:10px;--num:3;gap:var(--gap);}.home .home-category .home-category-bottom ul>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul{--num:3;}.home .home-quality .home-quality-left .tab-content ul li .mask{display:none;}.home .home-forum .container{flex-direction:column;gap:20px;}.home .home-forum .container .home-forum-left{width:100%;max-width:100%;}.home .home-forum .container .home-forum-left h2{max-width:100%;}.home .home-forum .container .home-forum-left .home-forum-tab{flex-direction:row;}.home .home-forum .container .home-forum-left .home-forum-tab button{height:60px;width:50%;padding:0 20px;}.home .home-forum .container .home-forum-left .home-forum-tab button:hover{box-shadow:none;}.home .home-forum .container .home-forum-left .home-forum-tab button.active{background:#fff;box-shadow:0 -4px 0 0 #0171bb inset;}.home .home-forum .container .home-forum-right .home-forum-list{--num:2;}.home .home-blogsAndNews{flex-direction:column;}.home .home-blogsAndNews .home-blogs{max-width:100%;width:100%;}}@media(max-width:767px){.home .home-banner{padding:20px 15px 15px;max-height:385px;}.home .home-banner .home-banner-prev,.home .home-banner .home-banner-next{display:none!important;}.home .home-banner .home-banner-swiper{overflow:hidden;border-radius:20px;}.home .home-banner .home-banner-swiper .home-banner-slide{padding:0;height:350px;}.home .home-banner .home-banner-swiper .home-banner-slide div,.home .home-banner .home-banner-swiper .home-banner-slide a{padding:15px;border-radius:0;background-size:auto 100%!important;}.home .home-banner .home-banner-swiper .home-banner-slide div h2,.home .home-banner .home-banner-swiper .home-banner-slide a h2{font-size:20px;padding-left:25px;}.home .home-stock .home-stock-title{display:flex;align-items:center;justify-content:space-between;}.home .home-stock .home-stock-title h2{font-size:16px;}.home .home-stock .home-stock-title .home-stock-pagination{position:static;}.home .home-stock .home-stock-swiper .home-stock-slide{--num:2;--gap:15px;row-gap:20px;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box{height:200px;border-radius:10px;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box img{max-width:120px;max-height:120px;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask{display:none;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask button.mask-btn,.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask a.mask-btn{display:block;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask button.home-prod-modal-btn,.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .mask a.home-prod-modal-btn{display:none;}.home .home-category .home-category-title{display:flex;align-items:center;justify-content:space-between;}.home .home-category .home-category-title h2{font-size:16px;}.home .home-category .home-category-title a{position:static;transform:none;}.home .home-category .subtitle{margin:10px 0 20px;text-align:left;}.home .home-category .home-category-list{display:flex;align-items:center;flex-wrap:wrap;--gap:15px;--num:3;gap:var(--gap);}.home .home-category .home-category-list>*{width:calc((100% - ((var(--num) - 1)*var(--gap)))/var(--num));}.home .home-category .home-category-list a{font-size:12px;}.home .home-category .home-category-list a i{font-size:50px;height:50px;line-height:50px;}.home .home-category .home-category-bottom{flex-direction:column;}.home .home-category .home-category-bottom ul{padding:10px 17px;--num:initial;}.home .home-category .home-category-bottom ul li img{width:50px;}.home .home-category .home-category-bottom aside{width:100%;max-width:100%;padding:20px;border-radius:10px;}.home .home-brand{padding:15px;}.home .home-brand .home-brand-title h2{font-size:16px;}.home .home-brand .home-brand-tab{--num:3;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content{flex-direction:column;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul{--num:2;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul li:last-child{display:none;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul li .imgbox{height:205px;}.home .home-quality{flex-direction:column-reverse;gap:20px;}.home .home-quality .home-quality-left .tab-content ul{--num:2;}.home .home-quality .home-quality-left .tab-content ul li img{width:100%;}.home .home-blogsAndNews .home-blogs .home-blogs-content{flex-direction:column;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-list{width:100%;max-width:100%;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-swiper{height:300px;width:100%;}.home .home-model .home-model-list{--num:3;}.home .home-model .home-index{gap:20px;}.home .home-model .home-index ul{flex-wrap:wrap;gap:15px;justify-content:space-between;}.policyOrTerms .content .banner{display:flex;align-items:center;justify-content:center;height:150px;}.policyOrTerms .content .banner h1{margin:0;font-size:24px;}}@media(max-width:575px){.home .home-banner{display:none;max-height:277px;}.home .home-banner .home-banner-swiper .home-banner-slide{height:242px;}.home .home-banner .home-banner-swiper .home-banner-slide div h2,.home .home-banner .home-banner-swiper .home-banner-slide a h2{padding-left:18px;margin-bottom:12px;font-size:14px;}.home .home-banner .home-banner-swiper .home-banner-slide div h2::before,.home .home-banner .home-banner-swiper .home-banner-slide a h2::before{width:8px;}.home .home-banner .home-banner-swiper .home-banner-slide div p,.home .home-banner .home-banner-swiper .home-banner-slide a p{font-size:12px;line-height:16px;}.home .home-banner .home-banner-dots li{width:36px;height:3px;}.home .home-category.mobile{display:block;margin-bottom:30px;padding-top:40px;}.home .home-category.mobile .home-category-title{margin-bottom:20px;}.home .home-category.mobile .home-category-bottom{margin-bottom:20px;}.home .home-stock{padding:0 0 20px;}.home .home-stock .home-stock-swiper .home-stock-slide li:not(:nth-child(-n+4)){display:none;}.home .home-stock .home-stock-swiper .home-stock-slide li .stock-item-box .stock-item-info .stock-num{font-weight:400;font-size:10px;}.home .home-category{display:none;padding:20px 0;}.home .home-category .home-category-title a{font-size:0;}.home .home-category .home-category-list{--gap:30px;}.home .home-category .home-category-list li a p{font-size:10px;line-height:normal;text-align:center;}.home .home-category .home-category-bottom ul li img{width:35px;}.home .home-category .home-category-bottom aside{height:fit-content;padding:10px 50px 10px 60px;}.home .home-category .home-category-bottom aside h3{font-size:12px;}.home .home-category .home-category-bottom aside a{height:19px;font-size:10px;}.home .home-category .home-category-bottom aside a i{font-size:10px;}.home .home-category .home-category-bottom aside img{height:45px;}.home .home-brand{padding:20px 10px;}.home .home-brand .home-brand-title a{font-size:0;}.home .home-brand .home-brand-tab{margin-top:20px;row-gap:10px;}.home .home-brand .home-brand-tab li{height:50px;padding:5px;border-radius:8px;}.home .home-brand .home-brand-tab-content{margin-top:10px;}.home .home-brand .home-brand-tab-content .home-brand-item{border-radius:10px!important;padding:10px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-title{margin-bottom:10px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-title h3{font-size:14px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-title a{font-size:0;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content{gap:20px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul{--gap:15px;row-gap:20px;}.home .home-brand .home-brand-tab-content .home-brand-item .home-brand-item-content ul li .imgbox{height:200px; text-align:center;}.home .home-quality{padding:20px 0;gap:30px;}.home .home-quality .home-quality-right a{justify-content:space-between;margin-bottom:15px;}.home .home-quality .home-quality-right a h2{font-size:16px;}.home .home-quality .home-quality-left .tab-content ul{padding:20px 0 0;}.home .home-quality .home-quality-left .tab-content ul li{height:170px;}.home .home-quality .home-quality-left .tab-content ul li img{height:100%;}.home .home-forum{padding:20px 0;}.home .home-forum .container .home-forum-left h2{font-size:16px;}.home .home-forum .container .home-forum-left a{margin:20px 0;}.home .home-forum .container .home-forum-left .home-forum-tab button{height:80px;width:50%;padding:0 26px;}.home .home-forum .container .home-forum-right .home-forum-list{--num:1;}.home .home-forum .container .home-forum-right .home-forum-list .home-forum-item .home-forum-item-top a{min-height:fit-content;}.home .home-blogsAndNews{padding:20px 0;}.home .home-blogsAndNews .home-blogs .home-blogs-content{margin-top:20px;gap:10px;}.home .home-blogsAndNews .home-blogs .home-blogs-content .home-blogs-swiper{height:270px;}.home .home-blogsAndNews .home-news{padding:20px 10px;gap:20px;}.home .home-blogsAndNews .home-news ul li{padding:10px 0;}.home .home-model{padding:20px 0 60px;}.home .home-model .home-model-list{--num:1;row-gap:20px;}}

@media (max-width: 480px) {
            .cot .list img {
                height: 60px !important;
            }

            .page-home .floor.floor-sale-products .prod-list li {
                width: 50%;
            }

            .page-home .floor.floor-hot-products .prod-list li {
                width: 50%;
            }

            .layout-container2 {
                display: none !important;
            }

            .img1 {
                margin-top: 15px;
            }

            .hot-brand {
                height: auto !important;
            }

            .table-list {
                width: 100% !important;
            }

            .group_19 {
                height: 180px !important;
            }

            .h20 {
                height: 20px !important;
            }

            .mt20 {
                margin-top: 20px;
                display: block;
            }

            .mb20 {
                margin-bottom: 20px;
            }

            .mb201 {
                margin-bottom: 20px;
            }

            .fn16 {
                font-size: 16px !important
            }

            .view-number {
                width: 40px !important;
            }

            .inner {
                padding: 5px !important;
            }

            #navigation {
                background: #0171bb;
            }

            .pr0 {
                padding-right: 0;
            }

            .l0 {
                left: 0 !important;
            }

            .p0480 {
                padding: 0 !important;
            }

            .pl0480 {
                padding-left: 0 !important;
            }

            .text-wrapper_22 {
                width: 106px !important;
                height: 26px !important;
            }

            .beacon-data .hot-model {
                margin-bottom: 10px;
                height: auto !important;
            }

            .text_54 {
                font-size: 12px !important;
                margin: 0 !important;
                width: 105px !important;
            }

            .mt20921 {
                margin-top: 20px;
            }

            .text_64 {
                height: 16px !important;
                line-height: 20px !important;
                font-size: 12px !important;
            }

            .text_65 {
                padding-left: 10px;
                font-size: 12px !important;
                text-align: left !important;
            }

            .box_9 {
                width: 100% !important;
                height: 240px !important;
            }

            .block_6 {
                width: 100% !important;
                height: 150px !important;
            }

            .pr0480 {
                padding-right: 0 !important;
            }

            .list-items_3-3 {
                width: 187.25px !important;
            }

            .text_40-0 {
                white-space: nowrap;
            }

            .text-group_32 {
                margin-bottom: 0 !important;
                width: 60% !important;
            }

            .page-home .floor.floor-hot-products .prod-list li .inner {
                margin: 0 7px !important;
                margin-bottom: 20px !important;
            }

            .text_66 {
                width: 100% !important;
            }

            .fe {
                justify-content: flex-end !important;
            }

            .h20480 {
                height: 20px !important;
            }

            .section_4 {
                width: 35% !important;
            }

            .ml0480 {
                margin-left: 0 !important;
            }

            .pr10480 {
                padding-right: 10px !important;
            }

            .pl10480 {
                padding-left: 10px !important;
            }

            .public-Information dd > p {
                font-size: 12px !important;
            }
        }

        @media (max-width: 400px) {
            .mt146 {
                margin-top: -146px;
            }
        }
 @media (min-width: 922px) and (max-width: 1199px) {
    .floor-item-hd, .floor-item-hd img {
        display: none;
    }
}

        @media (max-width: 921px) {
            .imgsBox > div > div img[data-v-ca0166ae] {
                height: auto;
            }

            .section_1 .text-wrapper_22 {
                margin-top: 0 !important;
            }

            .section_1 img {
                height: 130px;
            }

            .box_7 .text_53 {
                margin: 20px 0 0 74px !important;
            }

            .box_7 .text-wrapper_22 {
                margin: 3px 0 51px 52px !important
            }

            .dn {
                display: none;
            }

            .box_7 img {
                height: 130px;
            }

            .text_16 {
                font-size: 16px !important;
            }

            .h87 {
                width: 35% !important;
                left: 95px !important;
                top: 15px !important;
                font-size: 12px !important;
            }

            .pl0921 {
                padding-left: 0 !important;
            }

            .pr0921 {
                padding-right: 0 !important;
            }

            .mt20921 {
                margin-top: 20px !important;
            }

            .box_9,
            .block_6 {
                width: 100% !important;
            }

            .table-list {
                width: auto !important;
            }

            .floor-item-bd {
                width: 100% !important;
            }
            

            .page-home .main-banner {
                padding-right: 0;
            }

            .list_2 {
                justify-content: space-between !important;
            }

            .fn14 {
                font-size: 14px !important;
            }

            .text-wrapper_22 + h1 {
                width: 60% !important;
            }

            .beacon-data .hot-model {
                overflow-x: auto;
            }
        }

        @media (min-width: 481px) {
            .text_66 {
                width: 100% !important;
            }

            .pl00 {
                padding-left: 0;
            }

            .ml15 {
                margin-left: 13px;
            }

            .pl10922 {
                padding-left: 10px;
            }

            .page-home .floor.floor-sale-products .prod-list li {
                width: 33.3%;
            }

            .page-home .floor.floor-hot-products .prod-list li {
                width: 33.3%;
            }

            .table-list {
                padding-left: 20px;
            }

            .group_19 {
                height: 280px !important;
            }
        }

        @media (min-width: 922px) {
            .text_64:first-child {
                margin: 195px 0 0 16px !important;
            }

            .group_19 {
                height: 263px !important;
            }

            .text_66 {
                width: 100% !important;
            }

            .pl00 {
                padding-left: 0;
            }

            .ml15 {
                margin-left: 13px;
            }

            .pl10922 {
                padding-left: 10px;
            }

            .page-home .floor.floor-sale-products .prod-list li {
                width: 15%;
            }

            .page-home .floor.floor-hot-products .prod-list li {
                width: 15%;
            }

            .table-list {
                padding-left: 0;
            }
        }

        .floor-part-index span a:hover {
            color: #ff8000;
        }

        .flexc {
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .plr7 {
            padding: 0 7px;
        }

        .pl0 {
            padding-left: 0;
        }

        .mt20 {
            margin-top: 20px;
        }

        .mb0 {
            margin-bottom: 0 !important;
        }

        .bfff {
            background: #fff !important;
        }

        .br6 {
            border-radius: 6px;
        }

        .table-list {
            width: 1475px
        }

        .presentation2 {
            border: 1px solid #cdcdcd;
            border-radius: 8px;
        }

        .navbar-btn:hover {
            background: #f57100 !important;
            border-color: #f57100 !important;
            color: #000000;
            border: 1px solid #ccc;
        }

        .PopularProducts .mask-bg {
            width: 70px;
            height: 70px
        }

        .PopularProducts dl:hover .mask-bg {
            display: block
        }

        .public-Information {
            margin-top: 30px;
            overflow: hidden;
        }

        .public-Information dl {
            padding: 30px 3px 25px;
            margin-left: -1px;
            display: inline;
            float: left;
            width: 33%;
            border-left: solid 1px #e4e4e4;
            color: #666
        }

        .public-Information dl.dl1 dt {
            background-position: 5px 0
        }

        .public-Information dl.dl2 dt {
            background-position: 5px -70px
        }

        .public-Information dl.dl3 dt {
            background-position: 5px -140px
        }

        .public-Information dd {
            font-size: 14px;
            text-align: center;
            line-height: 24px
        }

        .public-Information dd strong {
            display: block;
            font-size: 24px;
            font-weight: 100;
            margin-bottom: 10px
        }

        .public-Information dd .learnmore {
            display: block;
            margin-top: 10px;
            color: #006cc0
        }

        .public-Information dl:hover .learnmore {
            color: #ff8000
        }

        .category-menu-wrapper {
            overflow: hidden;
            width: 100%;
            height: 70px;
            display: inline-flex;
        }

        .swiper-slide {
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: transform;
        }

        .justify-between {
            display: flex;
            justify-content: space-between;
        }

        .group_19 {
            border-radius: 8px;
            background-size: cover;
            width: 100%;
            height: 263px;
        }

        .text_64 {
            padding-right: 10px;
            height: 30px;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 14px;
            font-family: SanFranciscoDisplay-Semibold;
            text-align: left;
            line-height: 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 600;
            margin-left: 16px;
        }

        .text_65 {
            width: 88px;
            height: 25px;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 12px;
            font-family: SanFranciscoDisplay-Regular;
            font-weight: NaN;
            text-align: center;
            white-space: nowrap;
            line-height: 25px;
            margin: 3px 0 0 7px;
        }

        .time-blog {
            width: 91px;
            height: 24px;
            font-size: 12px;
            font-family: San Francisco Display, San Francisco Display-Regular;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.65);
            line-height: 24px;
        }

        .thumbnail_12 {
            width: 18px;
            height: 11px;
            margin-top: 7px;
        }

        .text-group_8 {
            width: 51px;
            height: 24px;
            overflow-wrap: break-word;
            color: rgb(239 232 232);
            font-size: 12px;
            font-family: SanFranciscoDisplay-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 24px;
        }

        .section_4 {
            border-radius: 8px;
            width: 20%;
            height: 121px;
            background: center;
            background-size: cover;
            background-repeat: no-repeat;
            border: 1px solid #ccc;
        }

        .box_9 {
            background-color: rgba(249, 251, 252, 1);
            border-radius: 8px;
            width: 305px;
            height: 264px;
            background: #fff;
        }

        .image-text_37 {
            height: 242px;
        }

        .block_6 {
            width: 305px;
            height: 179px;
            background-repeat: no-repeat;
            border-radius: 8px;
            background: center;
            background-size: cover;
            border: 1px solid #ccc;
        }

        .text-group_13 {
            padding-right: 10px;
            height: 21px;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-family: SanFranciscoDisplay-Semibold;
            font-weight: 600;
            text-align: left;
            line-height: 20px;
            margin: 10px 0 0 16px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .block_19 {
            height: 24px;
            margin: 0 0 24px 16px;
        }

        .text_70 {
            width: 88px;
            height: 24px;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.65);
            font-size: 12px;
            font-family: SanFranciscoDisplay-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 24px;
        }

        .image-text_38 {
            width: 73px;
            height: 24px;
        }

        .image-text_next {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            margin-top: 20px;
            display: flex;
            background: #fff;
            border-radius: 6px;
        }

        .image-text_next_online {
            margin-top: 20px;
            display: flex;
            background: #fff;
            border-radius: 6px;
        }

        .text-wrapper_22 {
            background-color: rgba(255, 255, 255, 1);
            border-radius: 4px;
            height: 46px;
            width: 174px;
            margin: 33px 0 51px 52px;
        }

        .text_54 {
            width: 79px;
            height: 22px;
            overflow-wrap: break-word;
            color: rgba(34, 31, 74, 1);
            font-size: 16px;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 22px;
            margin: 12px 0 0 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 12px;
        }

        .list-items_3-0 {
            width: 175.25px;
            height: 80px;
            border-radius: 8px;
            background: #fff;
        }

        .text_40-0 {
            display: block;
            height: 24px;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 12px;
            font-family: SanFranciscoDisplay-Medium;
            font-weight: 500;
            text-align: left;
            line-height: 24px;
            margin: 17px 0 0 20px;
        }

        .box_31-0 {
            width: 30px;
            height: 14px;
            margin: 8px 0 17px 20px;
        }

        .text_41-0 {
            width: 23px;
            height: 14px;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.25);
            font-size: 12px;
            font-family: SanFranciscoDisplay-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 14px;
        }

        .thumbnail_15 {
            width: 18px;
            height: 11px;
            margin-top: 7px;
        }

        .right {
            height: 100%;
            margin-left: 150px;
            background: red;
            position: relative;
        }


        .image-text_32 {
            width: 73px;
            height: 28px;
            margin: 0 31px 0 0;
        }

        .image-text_36 {
            display: flex;
            background: #fff;
            border-radius: 6px;
        }

        .text_66 {
            width: 100%;
            height: 35px;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-family: SanFranciscoDisplay-Semibold;
            font-weight: 600;
            text-align: left;
            line-height: 30px;
            margin-left: 1px;
            padding-right: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .text-group_32 {
            width: 76%;
            height: 121px;
            margin-bottom: 0;
            margin-left: 18px;
        }

        .view-number {
            width: 53px;
            height: 24px;
            font-size: 12px;
            font-family: San Francisco Display, San Francisco Display-Regular;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.65);
            line-height: 24px;
        }

        .next-blog {
            margin-top: 20px;
        }

        .text_53 {
            width: 230px;
            height: 36px;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 40px;
            font-family: SanFranciscoDisplay-Bold;
            font-weight: 700;
            text-align: left;
            white-space: nowrap;
            line-height: 36px;
            margin: 46px 0 0 52px;
        }

        .box_7 {
            border-radius: 8px;
        }

        .beacon-data .hot-brand,
        .beacon-data .hot-model {
            width: 100%;
            height: 400px;
            background: #fff;
            overflow: hidden;
        }

        .floor-item-hd {
            float: left;
            overflow: hidden;
            position: relative;
        }

        .floor-item-hd .text {
            position: absolute;
            top: 35px;
            left: 17px;
            color: #fff;
        }

        .floor-item-hd,
        .floor-item-hd img {
            width: 160px;
            height: 100%;
        }

        .beacon-data .beacon-table tr th {
            height: 30px;
            background: #f2f2f2;
            text-align: left;
            font-size: 12px;
            color: #999;
        }

        .floor-item-bd {
            padding: 10px;
            width: 460px;
            height: 100%;
            float: left;
            background: #fff;
        }

        .beacon-data .beacon-table {
            width: 100%;
        }

        .beacon-data .beacon-table tr {
            height: 30px;
        }

        .beacon-data .beacon-table tr td:nth-child(2n+1) {
            text-align: center;
        }

        .beacon-data .beacon-table tr:first-child td {
            padding-top: 20px;
            padding-bottom: 4px;
        }

        thead {
            display: table-header-group;
            vertical-align: middle;
            border-color: inherit;
        }

        .beacon-data .icon-i-rank1,
        .beacon-data .icon-i-rank2,
        .beacon-data .icon-i-rank3 {
            background-image: url(/static/default/images/beacon-sprite.png);
            width: 21px;
            height: 26px;
            margin-top: -3px;
            display: inline-block;
            vertical-align: middle;
        }

        .beacon-data .icon-i-rank1 {
            background-position: -240px -157px;
        }

        .beacon-data .icon-i-rank2 {
            background-position: -261px -157px;
        }

        .beacon-data .icon-i-rank3 {
            background-position: -240px -183px;
        }

        .beacon-data .hot-rating .hot-h {
            height: 17px;
        }

        .youmaylike-category .category-menu-item-active:after {
            content: "";
            position: absolute;
            bottom: 9px;
            border-bottom: 2px solid #333;
            width: calc(1030px / 8);
            min-width: calc(1030px / 8);
            max-width: 130px;
            display: block;
        }

        .row {
            margin-left: 0;
            margin-right: 0;
        }

        .list_2 {
            display: flex;
            flex-wrap: wrap;
            margin-top: 20px;
            justify-content: space-between;
        }

        .page-home .main-banner .rside-wrapper {
            top: 0;
            left: 0;
            width: 100%;
            height: 70%;
            position: absolute;
        }

        .box_Hot_sales {
            background-color: rgba(245, 247, 250, 1);
            border-radius: 6px;
            width: 227px;
            height: 410px;
            margin: 0 210px 0 2px;
        }

        .text_49 {
            width: 96px;
            height: 34px;
            overflow-wrap: break-word;
            color: rgb(51 65 102);
            font-size: 20px;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 34px;
            margin: 10px 0 0 16px;
        }

        .image_Hot_sales {
            width: 175px;
            height: 1px;
            margin: 10px 0 0 16px;
        }

        .block_4 {
            width: 67px;
            height: 18px;
            margin: 10px 0 0 16px;
        }

        .text-wrapper_20 {
            height: 17px;
            background: url(/img/SketchPng41bebef28ed98a67534bc8aa4f30fb2162917702c7d0a784b59d2f5701e6ea27.png) 100% no-repeat;
            background-size: 100% 100%;
            width: 16px;
        }

        .tab-content img {
            border-radius: 8px;
        }

        .text_50 {
            width: 5px;
            height: 14px;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 10px;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 14px;
            margin: 2px 0 0 6px;
        }

        .text_51 {
            width: 43px;
            height: 17px;
            overflow-wrap: break-word;
            color: rgba(38, 38, 38, 1);
            font-size: 14px;
            font-family: Helvetica;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 17px;
            margin-top: 1px;
        }

        .block_Hot_5 {
            width: 136px;
            height: 18px;
            margin: 18px 0 0 16px;
        }

        .text-wrapper_21 {
            height: 17px;
            background: url(/img/SketchPngb138f7200271abecdee69fcb15b1a15a7b35ebef2b84f149acd80bbecb79b55d.png) 100% no-repeat;
            background-size: 100% 100%;
            width: 16px;
        }

        .text_52 {
            width: 6px;
            height: 14px;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 10px;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 14px;
            margin: 2px 0 0 5px;
        }

        .text_hot_53 {
            width: 112px;
            height: 17px;
            overflow-wrap: break-word;
            color: rgba(38, 38, 38, 1);
            font-size: 14px;
            font-family: Helvetica;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 17px;
            margin-top: 1px;
        }

        .block_hot_6 {
            width: 110px;
            height: 18px;
            margin: 18px 0 0 16px;
        }

        .text-wrapper_hot22 {
            height: 17px;
            background: url(/img/SketchPng952f300a950d5bfc8f945b65bb7d73d39a8f0272cb999658f62782efcf946101.png) 100% no-repeat;
            background-size: 100% 100%;
            width: 16px;
        }

        .text_hot54 {
            width: 6px;
            height: 14px;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 10px;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 14px;
            margin: 3px 0 0 5px;
        }

        .text_55 {
            width: 86px;
            height: 17px;
            overflow-wrap: break-word;
            color: rgba(38, 38, 38, 1);
            font-size: 14px;
            font-family: Helvetica;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 17px;
            margin-top: 1px;
        }

        .text-wrapper_23 {
            width: 105px;
            height: 17px;
            margin: 18px 0 0 21px;
        }

        .text_56 {
            width: 6px;
            height: 14px;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 10px;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 14px;
            margin-top: 1px;
        }

        .text_57 {
            width: 86px;
            height: 17px;
            overflow-wrap: break-word;
            color: rgba(38, 38, 38, 1);
            font-size: 14px;
            font-family: Helvetica;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 17px;
        }

        .page-home .main-banner .swiper-mianbanner {
            height: 310px;
            overflow: hidden;
        }

        .list-items_3-0 .a {
            color: #333;
        }

        a:hover {
            text-decoration: none
        }

        .flex-col {
            display: flex;
            flex-direction: column;
        }

        .page-home .floor.floor-hot-products .prod-list li .inner {
            display: block;
            padding: 20px;
            overflow: hidden;
            color: #333;
            text-decoration: none;
            border-radius: 8px;
            transition: all .3s;
            border: 0.5px solid rgba(217, 217, 217, 1);
            margin-bottom: 20px;
            margin-right: 28px;
            background-color: rgba(255, 255, 255, 1);
        }

        .text_67 {
            color: #acacac;
            font-family: Helvetica;
            font-weight: 200;
            font-size: 12px;
        }

        .qwe {
            width: 100%;
            text-align: left;
            line-height: 18px;
            margin-left: 1px;
            padding-right: 10px;
            height: 38px;
            color: #acacac;
            font-family: Helvetica;
            font-weight: 200;
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .group_19 span {
            display: block;
        }

        .imgsBox .right {
            background: center;
        }

        @media screen and (max-width: 480px) {
            .imgsBox > div[data-v-ca0166ae] {
                width: 99%;
            }
        }

        .scrollable-container {
            /* height: 200px; */
            overflow-y: auto;
        }

        .scrollable-container div {
            animation: upwardscroll 50s infinite;
        }

        @keyframes upwardscroll {
            0% {
                transform: translate3d(0, 0, 0);
            }

            10% {
                transform: translate3d(0, -10%, 0);
            }

            50% {
                transform: translate3d(0, -50%, 0);
            }

            90% {
                transform: translate3d(0, -90%, 0);
            }

            100% {
                transform: translate3d(0, -100%, 0);
            }
        }