:root{--grid-columns-4:4;--grid-columns-3:3;--grid-columns-2:2;}.index-banner{padding:3.75rem 0;background:url("../image/index-banner-bg.jpg") center center no-repeat;background-size:cover;}.banner-container{display:flex;width:100%;max-width:1400px;margin:0 auto;justify-content:space-between;align-items:center;color:var(--font-color-second);}.banner-container .banner-content,.banner-container .banner-img{width:calc(100% / 2);}.banner-container .banner-content{padding-left:clamp(0rem,-1.25rem + 6.25vw,6.25rem);}.banner-container h1{line-height:3.75rem;font-size:2.5rem;font-weight:700;color:var(--font-color-blue);}.banner-container .subtitle{margin-top:.625rem;}.banner-container .descript-item{margin-top:1.875rem;}.banner-container .descript-item li{position:relative;padding-left:1.25rem;text-align:left;}.banner-container .descript-item li:before{position:absolute;display:inline-block;content:"";width:6px;height:6px;background-color:#424A4F;border-radius:50%;left:0;top:10px;}.banner-container .btn-wrap{margin-top:1.875rem;}.banner-container .btn-wrap p{margin-top:0.625rem;font-size:1rem;color:var(--font-color-blue);}.banner-container .btn{min-width:220px;padding:14px 50px;font-size:1.25rem;}.banner-container .banner-img{max-width:650px;}.section-box{background-position:top center;background-repeat:no-repeat;}.section-box h2{line-height:3.75rem;font-size:2.5rem;font-weight:700;text-align:center;}.section-box .subtitle{text-align:center;}.best-vpn-box{padding:6.25rem 0;}.best-vpn-box .subtitle{margin-top:1.25rem;}.vpn-container{display:grid;grid-template-columns:repeat(var(--grid-columns-3),1fr);gap:2.5rem;margin-top:3.75rem;}.vpn-item{padding:1.875rem 2.5rem;background-color:var(--bg-color-white);border-radius:var(--border-radius-min);box-shadow:var(--box-shadow-oversize);}.vpn-item h3{padding:1.25rem 0;font-size:1.5rem;font-weight:500;}.vpn-item p{line-height:1.5rem;font-size:1rem;}.why-choose-box{padding:6.25rem 0;background-image:url("../image/why-choose-bg.png");background-size:cover;color:#D3D3D3;}.why-choose-box h2{color:var(--font-color-white);}.why-choose-box h2 span{color:var(--font-color-yellow);}.why-choose-box .subtitle{margin-top:.625rem;}.why-choose-container{display:grid;grid-template-columns:repeat(var(--grid-columns-2),1fr);gap:2.5rem;margin-top:3.75rem;}.why-choose-item{display:flex;padding:1.875rem;border:1px solid transparent;border-radius:var(--border-radius-medium);background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(180deg,rgba(48,69,157,0.9) 0%,rgba(31,50,131,0.9) 100%),linear-gradient(180deg,#5E96FF 0%,rgba(0,0,0,0) 100%);column-gap:1.25rem;}.why-choose-img{min-width:72px;}.why-choose-content h3{line-height:2rem;font-size:1.5rem;font-weight:500;color:var(--font-color-white);}.why-choose-content p{margin-top:1.25rem;font-size:1rem;}.howto-get-box{padding:6.25rem 0;}.howto-get-container{display:flex;gap:1.25rem;margin-top:3.75rem;}.howto-get-container .step-item{width:calc((100% - 80px) / 5);text-align:center;}.howto-get-container .step-item h3{padding:1.125rem 0 .375rem;line-height:2rem;font-size:1.5rem;font-weight:500;color:var(--font-color-blue);}.howto-get-container .step-item p{font-weight:500;color:var(--font-color-base);}.howto-get-container .angle{padding-top:3.125rem;}.howto-get-container .angle:nth-child(4) img{transform:rotateX(180deg);}.faq-box h2{text-align:center;}.products-faq-wrap{margin-top:3.75rem;}.products-faq-wrap li{padding:0 1rem 0 1rem;margin-bottom:1.25rem;background-color:var(--bg-color-white);border:1px solid rgba(0,0,0,0.08);border-radius:var(--border-radius-min);}.products-faq-wrap li:last-child{margin-bottom:0;}.products-faq-wrap li .faq-question{position:relative;padding:1rem 3.5rem .625rem 0;font-size:1.125rem;font-weight:500;color:var(--font-color-base);cursor:pointer;}.products-faq-wrap li .faq-answer{display:none;padding:1.25rem 0;color:var(--font-color-second);overflow:hidden;}.products-faq-wrap li .faq-answer p{margin-bottom:1.25rem;}.products-faq-wrap li .faq-answer p:last-child{margin-bottom:0;}.products-faq-wrap li .faq-answer ol li{list-style:decimal inside;padding-left:0;margin-bottom:0;border:none;}.products-faq-wrap li .faq-question .icon-question{position:absolute;display:inline-block;right:.75rem;color:#888;}.guarantee-box{padding:6.25rem 0;background-color:var(--bg-color-white);background-position:bottom center;}.guarantee-box h2{text-align:center;}.guarantee-container{display:grid;grid-template-columns:repeat(var(--grid-columns-4),1fr);gap:1.875rem;margin-top:2.5rem;}.guarantee-item{display:flex;justify-content:center;align-items:center;padding:1.25rem 1.875rem;background-color:var(--bg-color-white);border:1px solid rgba(0,0,0,0.06);border-radius:var(--border-radius-min);gap:1.25rem;}.guarantee-text{line-height:1.75rem;font-size:1rem;}.guarantee-text span{display:block;font-size:1.5rem;font-weight:500;}@media screen and (max-width:1400px){.banner-container{padding:0 var(--box-width-padding);}}@media screen and (max-width:1200px){:root{--grid-columns-4:2;}.banner-box{padding:5rem 0;}}@media screen and (max-width:1023px){:root{--grid-columns-3:2;}}@media screen and (max-width:900px){:root{--grid-columns-3:1;--grid-columns-2:1;}.index-banner{background:var(--bg-color-three);}.banner-container{text-align:center;}.banner-container .banner-content{width:100%;padding-left:0;}.descript-item{display:inline-block;}.banner-img{display:none;}.banner-container .btn-wrap .flex{flex-wrap:wrap;}.banner-container .down-btn{width:100%;max-width:100%;min-width:100%;}.howto-get-container{flex-direction:column;gap:2.5rem;}.howto-get-container .step-item{width:100%;}.howto-get-container .angle{display:none;}}@media screen and (max-width:600px){:root{--grid-columns-4:1;}.guarantee-item{justify-content:start;}}