﻿@font-face{font-family:"Barlow-Bold";src:url("Barlow-Bold.ttf") format("truetype")}.the-main-g{padding-bottom:.48rem;background:#1C203C}.the-main-g .banner{margin-bottom:.36rem;background:#B1202A}.the-main-g .banner .banner-background-g{width:100%;height:100%;padding:0}.the-main-g .product{width:100%;padding:0 .36rem 1.44rem .36rem}.the-main-g .product .title-box{padding-top:1.44rem;text-align:center}.the-main-g .product .title-box .title{font-weight:400;font-size:.864rem;color:#FFFFFF;position:relative}.the-main-g .product .title-box .title::before{content:"";display:inline-block;width:.96rem;height:.096rem;background:#FF4757;border-radius:.048rem;position:absolute;bottom:-.192rem;left:50%;transform:translateX(-50%)}.the-main-g .product .condition-module{padding-top:1.44rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.48rem}.the-main-g .product .condition-module .condition-list{display:flex;flex-direction:column;gap:.288rem;width:100%;align-items:start}.the-main-g .product .condition-module .condition-list .condition-name{font-weight:400;font-size:14px;color:#FFFFFF}.the-main-g .product .condition-module .condition-list .custom-select{width:100%;position:relative;font-size:.48rem;border-radius:.192rem;border:1px solid #595B5E;background-color:#1F2445;color:#FFFFFF;cursor:pointer;user-select:none}.the-main-g .product .condition-module .condition-list .custom-select .selected{padding:0 .336rem;height:1.44rem;line-height:1.32rem}.the-main-g .product .condition-module .condition-list .custom-select .options{display:none;position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;border:1px solid #595B5E;border-top:none;border-radius:0 0 8px 8px;background-color:#1F2445;z-index:10;padding:0;margin:0;list-style:none}.the-main-g .product .condition-module .condition-list .custom-select .options li{padding:0 14px;height:48px;line-height:48px}.the-main-g .product .condition-module .condition-list .custom-select .options li:hover{background-color:#2A2F60}.the-main-g .product .condition-module .condition-list .custom-select::after{content:'';position:absolute;top:58%;right:14px;transform:translateY(-50%);border:6px solid transparent;border-top-color:#FFFFFF;pointer-events:none}.the-main-g .product .ecs-cards{display:flex;flex-direction:column;gap:.72rem;padding-top:1.44rem}.the-main-g .product .ecs-cards .ecs-card-wrap{position:relative;display:flex;flex-direction:column;background:#C92B38;border-radius:.768rem;border:.072rem solid #C92B38;overflow:hidden;flex:1}.the-main-g .product .ecs-cards .ecs-card-wrap .tag{height:1.44rem;width:100%;line-height:1.344rem;background:#C92B38;border-radius:.768rem .768rem 0 0;border:.072rem solid #C92B38;font-weight:400;font-size:.672rem;color:#FFFFFF;text-align:center}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card{position:relative;width:100%;background:#FFFFFF;padding:.48rem}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .percentage{display:flex;justify-content:end}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .percentage div{padding:.288rem .768rem;font-weight:400;font-size:.48rem;color:#000000;background:linear-gradient(180deg, #FFD891 0%, #FFD891 100%);border-radius:.768rem}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .title{padding-top:.12rem;font-family:"Barlow, Barlow";font-weight:bold;font-size:.864rem;color:#1C1C1C}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .price-box{padding-top:.72rem;display:flex;flex-direction:column}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .price-box .price-old{font-family:"Barlow, Barlow";font-weight:500;font-size:.576rem;color:#8B97B4;text-decoration-line:line-through}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .price-box .price{font-family:"Barlow, Barlow";font-weight:bold;color:#1C1C1C;font-size:40px}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .price-box .price .num{font-size:1.344rem}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .price-box .price .unit{font-size:.672rem}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .price-box .price-desc{font-weight:400;font-size:.48rem;color:#8B97B4}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .buy-box{padding-top:.72rem}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .buy-box .buy-bnt{display:block;padding:.36rem 0;text-align:center;background:linear-gradient(135deg, #FF4558 0%, #850B10 100%);border-radius:.384rem;font-weight:400;font-size:.576rem;color:#FFFFFF}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .desc{padding-top:.36rem;font-weight:400;font-size:.48rem;color:#8B97B4}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .configs{padding-top:.96rem;display:flex;flex-direction:column;gap:.36rem}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .configs .config{padding-left:.96rem;display:flex;align-items:baseline;gap:.24rem;position:relative}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .configs .config::before{content:"✔";color:#336FD8;position:absolute;font-size:.48rem;left:0}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .configs .config .label{font-weight:400;font-size:.528rem;color:#1A1A1A}.the-main-g .product .ecs-cards .ecs-card-wrap .ecs-card .configs .config .value{font-weight:bold;font-size:.528rem;color:#1C1C1C}.the-main-g .product .ecs-cards.region-cards{display:none}.the-main-g .product .ecs-cards.region-cards.checked{display:flex}.the-main-g .product .server-cards{padding-top:48px}.the-main-g .product .server-cards .table-wrapper{overflow-x:auto}.the-main-g .product .server-cards .server-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;font-size:16px;text-align:center}.the-main-g .product .server-cards .server-table thead th{background-color:#F3F4F6;padding:16px 13px;font-weight:bold;font-size:16px;color:#1A1A1A;text-align:left}.the-main-g .product .server-cards .server-table tbody td{padding:0 13px;border-top:1px solid #E5E7EB;text-align:left;height:80px;font-weight:400;font-size:16px;color:#1A1A1A}.the-main-g .product .server-cards .server-table thead th:last-child,.the-main-g .product .server-cards .server-table tbody td:last-child{text-align:center}.the-main-g .product .server-cards .server-table td.config{min-width:330px;white-space:nowrap}.the-main-g .product .server-cards .server-table td.bandwidth{min-width:130px}.the-main-g .product .server-cards .server-table td.name{font-weight:bold}.the-main-g .product .server-cards .server-table td.original-price{text-decoration-line:line-through}.the-main-g .product .server-cards .server-table td.price{color:#C92B38}.the-main-g .product .server-cards .server-table td.renewal{color:#EEA914}.the-main-g .product .server-cards .server-table td.buy-btn a{display:inline-block;padding:10px 32px;background:linear-gradient(135deg, #FF4558 0%, #850B10 100%);border-radius:8px;border:none;cursor:pointer;font-weight:400;font-size:14px;color:#fff;min-width:120px}.the-main-g .product .advantages.cards{padding-top:48px;display:flex;flex-direction:column;gap:20px}.the-main-g .product .advantages.cards .card-min{margin-top:.24rem;width:100%;background:#fff;padding:.48rem 0;border-radius:.384rem;text-align:center}.the-main-g .product .advantages.cards .card-min .title{font-weight:bold;font-size:.528rem;color:#1A1A1A}.the-main-g .product .advantages.cards .card-mid,.the-main-g .product .advantages.cards .card-max{width:100%;padding:.912rem 0;display:flex;flex-direction:column;align-items:center;background:#fff;gap:.576rem;border-radius:.384rem}.the-main-g .product .advantages.cards .card-mid img,.the-main-g .product .advantages.cards .card-max img{width:2.16rem;height:auto;object-fit:cover}.the-main-g .product .advantages.cards .card-mid .title,.the-main-g .product .advantages.cards .card-max .title{font-weight:bold;font-size:.72rem;color:#1A1A1A}.the-main-g .product .advantages.cards .card-mid .desc,.the-main-g .product .advantages.cards .card-max .desc{font-weight:400;font-size:.528rem;color:#1A1A1A;text-align:center}.the-main-g .product .advantages.cards .card-mid.card-mid-red,.the-main-g .product .advantages.cards .card-max.card-mid-red{background:linear-gradient(135deg, #FF4558 0%, #850B10 100%)}.the-main-g .product .advantages.cards .card-mid.card-mid-red .title,.the-main-g .product .advantages.cards .card-mid.card-mid-red .desc,.the-main-g .product .advantages.cards .card-max.card-mid-red .title,.the-main-g .product .advantages.cards .card-max.card-mid-red .desc{color:#FFFFFF}.the-main-g .product-deep-blue{background:#1C203C}.the-main-g .product-navy-blue{background:#1F2445}
