@media (max-width: 768px) {
html {
font-size: calc(100vw / 18);
}
}
@media (min-width: 768px) and (max-width: 1921.99px) {
html {
font-size: calc(100vw / 19.2);
}
}
@media (min-width: 1922px) and (max-width: 4000px) {
html {
font-size: calc(100vw / 22.4);
}
}
/* 手机 */
@media (max-width: 768px) {
body.modal-open {
overflow: hidden;
}
body.screening-modal-open {
overflow: hidden;
}
/* banner */
.wp-banner-section {
width: 100%;
}
.wp-banner-section .wp-banner-swiper {
position: relative;
width: 100%;
height: 16.66666667rem;
overflow: hidden;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper {
height: 100%;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
padding: 0 5%;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-bg {
width: 100%;
position: absolute;
inset: 0;
z-index: 1;
overflow: hidden;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-bg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: right;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-bg .pcshcuashci {
display: none;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-bg .shoujishcuashci {
display: block;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-content {
position: relative;
z-index: 3;
width: 100%;
height: 100%;
margin: 0 auto;
padding-top: 30vh;
text-align: center;
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-content p {
position: relative;
margin-bottom: 1.33333333rem;
font-size: 0.66666667rem;
color: #fff;
text-align: left;
text-shadow: 0 0 0.2rem #5d5d5d67;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-content p::after {
content: '';
position: absolute;
top: 1.2rem;
left: 0;
width: 2rem;
height: 0.13333333rem;
background-color: #fff;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-content h3 {
width: 100%;
margin: 0 auto;
font-size: 1rem;
color: #fff;
text-align: left;
text-shadow: 0 0 0.2rem #5d5d5d67;
}
/* TRAVEL & WELLNESS PACKAGE */
.health-journey-section {
width: 100%;
padding: 10% 5%;
background: #ffffff;
}
.health-journey-section .health-journey-container {
width: 100%;
margin: 0 auto;
}
.health-journey-section .health-journey-container .health-journey-top {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.66666667rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card {
position: relative;
width: 100%;
min-height: 8rem;
margin-bottom: 0.66666667rem;
overflow: hidden;
border: 0.06666667rem solid #dfe3e6;
border-radius: 0.66666667rem;
background: #f3f8fc;
box-shadow: 0 0.06666667rem 0.2rem rgba(0, 0, 0, 0.08), 0 0.26666667rem 0.66666667rem rgba(0, 0, 0, 0.035);
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-image {
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: right bottom;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content {
position: relative;
z-index: 2;
width: 100%;
padding: 1.13333333rem 0.66666667rem 0.53333333rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-title {
margin: 0;
color: #002b7f;
font-size: 0.8rem;
line-height: 1.4;
font-weight: 700;
width: 100%;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-location {
display: flex;
align-items: center;
gap: 0.33333333rem;
margin-top: 0.66666667rem;
color: #333;
font-size: 0.66666667rem;
line-height: 1.5;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-location .journey-location-icon {
width: 0.66666667rem;
height: 0.66666667rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-location .journey-location-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits {
width: 100%;
gap: 0.66666667rem;
margin-top: 1rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits .journey-benefit {
display: flex;
align-items: center;
margin-bottom: 0.66666667rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits .journey-benefit .journey-benefit-icon {
display: flex;
width: 1.06666667rem;
height: 1.06666667rem;
margin-right: 0.2rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits .journey-benefit .journey-benefit-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits .journey-benefit .journey-benefit-text {
color: #333;
font-size: 0.66666667rem;
line-height: 1.5;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #f8fbfe 0%, #f8fbfe 35%, rgba(248, 251, 254, 0.54) 65%, rgba(248, 251, 254, 0.08) 80%, rgba(248, 251, 254, 0) 100%), linear-gradient(180deg, rgba(220, 239, 252, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card {
width: 100%;
min-height: 8rem;
overflow: hidden;
border: 0.06666667rem solid #dfe3e6;
border-radius: 0.66666667rem;
background: #ffffff;
box-shadow: 0 0.13333333rem 0.26666667rem rgba(0, 0, 0, 0.08), 0 0.4rem 1rem rgba(0, 0, 0, 0.035);
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-offer {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0.66666667rem 0;
background: #002b7f;
color: #ffffff;
font-size: 0.8rem;
line-height: 1;
font-weight: 700;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content {
padding: 1.13333333rem 0.66666667rem 0.53333333rem;
text-align: center;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price {
display: flex;
align-items: baseline;
justify-content: center;
white-space: nowrap;
color: #002b7f;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price .price-currency {
margin-right: 0.26666667rem;
font-size: 1.06666667rem;
line-height: 1;
font-weight: 700;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price .price-number {
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price .price-person {
margin-left: 0.2rem;
font-size: 0.8rem;
line-height: 1;
font-weight: 500;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .price-green-line {
display: block;
width: 3.66666667rem;
height: 0.06666667rem;
margin: 0.66666667rem auto;
background: #00a84f;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-original-price {
color: #696969;
font-size: 0.66666667rem;
line-height: 1.5;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-original-price .span {
font-size: 0.8rem;
color: #333333;
position: relative;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-original-price .span::after {
content: '';
position: absolute;
top: 0.43333333rem;
left: 1.86666667rem;
width: 2.66666667rem;
height: 0.06666667rem;
background-color: #fd0315;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-occupancy {
margin-top: 0.33333333rem;
color: #696969;
font-size: 0.66666667rem;
line-height: 1.5;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price-message {
margin-top: 1rem;
padding: 0.66666667rem;
border: 0.06666667rem solid #e2ebe6;
border-radius: 0.66666667rem;
background: #f9fcfa;
box-shadow: 0 0.13333333rem 0.2rem rgba(0, 0, 0, 0.035);
color: #00a84f;
text-align: left;
font-size: 0.53333333rem;
line-height: 1.55;
font-weight: 500;
}
.health-journey-section .health-journey-container .health-journey-bottom {
display: flex;
flex-wrap: wrap;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card {
margin-bottom: 0.66666667rem;
width: 100%;
min-height: 8rem;
padding: 0.66666667rem;
border: 0.06666667rem solid #dfe3e6;
border-radius: 0.66666667rem;
background: #ffffff;
box-shadow: 0 0.06666667rem 0.13333333rem rgba(0, 0, 0, 0.08), 0 0.26666667rem 0.53333333rem rgba(0, 0, 0, 0.035);
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-card-heading {
display: flex;
align-items: center;
gap: 0.33333333rem;
min-height: 1.33333333rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-card-heading .journey-card-heading-icon {
width: 0.93333333rem;
height: 0.93333333rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-card-heading .journey-card-heading-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-card-heading h3 {
margin: 0;
color: #002b7f;
font-size: 0.56666667rem;
line-height: 1.2;
font-weight: 700;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-heading-line {
width: 100%;
height: 0.06666667rem;
margin: 0.13333333rem 0 1rem;
background: #9f9f9f;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block {
width: 100%;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-subheading {
display: flex;
align-items: center;
gap: 0.33333333rem;
margin-bottom: 0.33333333rem;
color: #002b7f;
font-size: 0.66666667rem;
line-height: 1.5;
font-weight: 500;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-subheading .journey-subheading-icon {
width: 0.8rem;
height: 0.8rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-subheading .journey-subheading-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-description {
color: #000;
font-size: 0.53333333rem;
line-height: 2;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-description p:last-child {
margin-bottom: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .cmsoamoa p {
margin-bottom: 0.33333333rem;
line-height: 1.4;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-divider {
width: 100%;
height: 0.03333333rem;
margin: 0.66666667rem 0;
background: #282828;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list {
display: flex;
flex-direction: column;
gap: 0.66666667rem;
padding-top: 0.13333333rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li {
display: flex;
align-items: flex-start;
gap: 0.33333333rem;
color: #000;
font-size: 0.53333333rem;
line-height: 1.55;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li .journey-check {
width: 0.66666667rem;
height: 0.66666667rem;
margin-top: 0.5%;
display: block;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li .journey-check img {
width: 100%;
height: 100%;
object-fit: cover;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li .journey-check .smacomasoamcspan {
width: 100%;
display: block;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li .journey-check .smacomasoamcspan p {
margin-top: 1.33333333rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li:last-child {
margin-bottom: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns {
display: flex;
flex-wrap: wrap;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column {
width: 100%;
margin-bottom: 0.66666667rem;
border-bottom: 0.03333333rem solid #282828;
padding-bottom: 0.66666667rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column h4 {
min-height: 1.33333333rem;
margin: 0;
color: #002b7f;
font-size: 0.66666667rem;
line-height: 1.2;
font-weight: 500;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column ul {
margin: 0;
padding: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column ul li {
position: relative;
margin-bottom: 0.33333333rem;
padding-left: 0.33333333rem;
color: #000;
font-size: 0.53333333rem;
line-height: 1.45;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column ul li::before {
content: "·";
position: absolute;
top: 0;
left: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-message {
margin-top: 1.33333333rem;
padding: 0.66666667rem;
border: 0.06666667rem solid #e2ebe6;
border-radius: 0.66666667rem;
background: #f9fcfa;
box-shadow: 0 0.13333333rem 0.26666667rem rgba(0, 0, 0, 0.035);
color: #00a84f;
font-size: 0.53333333rem;
line-height: 1.3;
}
/* 7-DAY LTINERARY */
.journey-itinerary-section {
width: 100%;
padding: 10% 0;
overflow: hidden;
background: linear-gradient(180deg, #094c92 0%, #002b7f 100%);
}
.journey-itinerary-section .journey-itinerary-container {
width: 100%;
margin: 0 auto;
padding: 0 5%;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-heading {
width: 100%;
margin-bottom: 1.33333333rem;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-heading h3 {
margin: 0;
color: #fff;
font-size: 0.8rem;
line-height: 1.2;
font-weight: 700;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-heading .journey-itinerary-heading-line {
display: block;
width: 3.66666667rem;
height: 0.06666667rem;
margin: 0.66666667rem 0 0;
background: rgba(255, 255, 255, 0.75);
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.66666667rem;
align-items: start;
width: 100%;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item {
display: flex;
align-items: center;
gap: 0.66666667rem;
margin-bottom: 1.33333333rem;
border-bottom: 0.03333333rem solid #eeeeee25;
padding-bottom: 0.66666667rem;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item .journey-itinerary-icon {
display: flex;
align-items: center;
justify-content: center;
width: 1rem;
height: 1rem;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item .journey-itinerary-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item .journey-itinerary-title {
color: #fff;
font-size: 0.66666667rem;
line-height: 1.4;
font-weight: 400;
white-space: nowrap;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
/* MEDICAL SCREENING PACKAGES */
.medical {
position: relative;
width: 100%;
min-height: 100%;
padding: 10% 5%;
}
.medical .w-1400 {
width: 100%;
margin: 0 auto;
}
.medical .w-1400 .csnaiocn {
margin-bottom: 1.33333333rem;
}
.medical .w-1400 .csnaiocn h3 {
text-align: center;
font-size: 0.8rem;
color: #002b7f;
margin-bottom: 0.66666667rem;
}
.medical .w-1400 .csnaiocn .caisco {
text-align: center;
line-height: 1.3;
font-size: 0.66666667rem;
color: #333;
}
.medical .w-1400 .screening-package-section {
width: 100%;
}
.medical .w-1400 .screening-package-section .screening-package-container {
width: 100%;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-tabs {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
width: 100%;
border: 0.06666667rem solid #e0e5e8;
background: #f7fafc;
margin: 0 auto 1.33333333rem;
border-radius: 0.66666667rem;
padding: 0.33333333rem;
box-shadow: 0 0.06666667rem 0.13333333rem rgba(0, 0, 0, 0.11), 0 0.26666667rem 0.4rem x rgba(0, 0, 0, 0.035);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-tabs .screening-category-tab {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
padding: 0.33333333rem;
border-radius: 0.66666667rem;
color: #333;
font-size: 0.66666667rem;
line-height: 1.3;
transition: color 0.25s ease, background-color 0.25s ease;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-tabs .screening-category-tab.active {
background: #002b7f;
color: #ffffff;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
margin: 0 auto 1.33333333rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs .screening-package-tab {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 2rem;
color: #333;
font-size: 0.66666667rem;
line-height: 1.4;
transition: color 0.25s ease;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs .screening-package-tab::after {
content: "";
position: absolute;
left: 50%;
bottom: 0.2rem;
width: 0;
height: 0.06666667rem;
background: #00a84f;
transform: translateX(-50%);
transition: width 0.25s ease;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs .screening-package-tab.active {
color: #002b7f;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs .screening-package-tab.active::after {
width: 2.4rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.66666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero {
margin-bottom: 0.66666667rem;
position: relative;
width: 100%;
min-height: 10.66666667rem;
overflow: hidden;
border: 0.06666667rem solid #dfe4e8;
border-radius: 0.66666667rem;
background: #f4f9fc;
box-shadow: 0 0.06666667rem 0.13333333rem rgba(0, 0, 0, 0.08), 0 0.26666667rem 0.4rem rgba(0, 0, 0, 0.035);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-image {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
user-select: none;
pointer-events: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, #f8fbfe 0%, #f8fbfe 35%, rgba(248, 251, 254, 0.54) 45%, rgba(248, 251, 254, 0.08) 60%, rgba(248, 251, 254, 0) 100%), linear-gradient(180deg, rgba(220, 239, 252, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
pointer-events: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content {
position: relative;
z-index: 2;
width: 100%;
padding: 0.66666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-title {
margin: 0;
color: #002b7f;
font-size: 0.8rem;
line-height: 1.4;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-title span {
display: block;
margin-top: 0.33333333rem;
font-size: 0.66666667rem;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits {
display: flex;
flex-wrap: wrap;
margin-top: 1.33333333rem;
width: 12rem;
gap: 0.66666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits .screening-package-benefit {
width: 100%;
display: flex;
align-items: center;
gap: 0.66666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits .screening-package-benefit .screening-package-benefit-icon {
display: flex;
width: 1.33333333rem;
height: 1.33333333rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits .screening-package-benefit .screening-package-benefit-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits .screening-package-benefit .screening-package-benefit-text {
color: #464646;
font-size: 0.66666667rem;
text-align: center;
line-height: 1.65;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100%;
padding: 0.66666667rem;
border: 0.06666667rem solid #dfe4e8;
border-radius: 0.66666667rem;
background: #f7fafc;
box-shadow: 0 0.06666667rem 0.13333333rem rgba(0, 0, 0, 0.08), 0 0.26666667rem 0.4rem rgba(0, 0, 0, 0.035);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-label {
color: #002b7f;
font-size: 0.8rem;
line-height: 1.3;
font-weight: 400;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-line {
display: block;
width: 1.66666667rem;
height: 0.06666667rem;
margin: 0.66666667rem 0;
background: #00a84f;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-main {
display: flex;
align-items: baseline;
color: #002b7f;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-main .screening-price-currency {
margin-right: 0.33333333rem;
font-size: 1.06666667rem;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-main .screening-price-number {
font-size: 1.6rem;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-main .screening-price-person {
margin-left: 0.26666667rem;
font-size: 0.8rem;
font-weight: 400;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-age {
display: flex;
align-items: center;
justify-content: center;
width: 5.33333333rem;
height: 1.66666667rem;
margin-top: 1rem;
border-radius: 2rem;
background: #002b7f;
color: #ffffff;
font-size: 0.66666667rem;
line-height: 1.5;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid {
display: flex;
flex-wrap: wrap;
gap: 0.66666667rem;
justify-content: space-between;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card {
position: relative;
width: 100%;
overflow: hidden;
border: 0.06666667rem solid #dfe4e8;
border-radius: 0.66666667rem;
background: #ffffff;
box-shadow: 0 0.06666667rem 0.13333333rem rgba(0, 0, 0, 0.08), 0 0.26666667rem 0.4rem rgba(0, 0, 0, 0.035);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-heading {
display: flex;
align-items: center;
padding: 0.66666667rem;
background: #002b7f;
color: #ffffff;
font-size: 0.66666667rem;
line-height: 1.35;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content {
position: relative;
min-height: 2rem;
padding: 1rem 0.66666667rem 0.66666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 0.66666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list li {
display: flex;
align-items: flex-start;
gap: 0.33333333rem;
color: #000;
font-size: 0.53333333rem;
line-height: 1.45;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list li .screening-check-icon {
display: flex;
align-items: center;
justify-content: center;
width: 0.73333333rem;
height: 0.73333333rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list li .screening-check-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list li span:last-child {
flex: 1;
min-width: 0;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-number {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-note {
display: flex;
align-items: center;
margin: 0.8rem;
padding: 0.33333333rem;
border: 0.06666667rem solid #e2e9e5;
border-radius: 0.66666667rem;
background: #f8fcf9;
color: #00a84f;
font-size: 0.53333333rem;
line-height: 1.5;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-note:empty {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .caocnaojuun {
width: 100%;
border: 0;
box-shadow: none;
min-height: auto;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .caocnaojuun h3 {
font-size: 0.8rem;
color: #002b7f;
width: 100%;
margin: 0.66666667rem auto;
text-align: center;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .caocnaojuunscs {
min-height: 100%;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card.screening-detail-hidden {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 0.66666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more {
position: relative;
width: 0.66666667rem;
height: 0.33333333rem;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more span {
position: absolute;
left: 50%;
width: 0.53333333rem;
height: 0.53333333rem;
border-right: 0.09333333rem solid #002b7f;
border-bottom: 0.09333333rem solid #002b7f;
transform: translateX(-50%) rotate(45deg);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more span:first-child {
top: 0.06666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more span:last-child {
top: 0.46666667rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more.screening-load-hidden {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel.active {
display: block;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel.active {
display: block;
}
/* WHY CHOOSE YT HEALTH JOURNEY */
.scscacwhy {
width: 100%;
padding: 10% 0;
overflow: hidden;
background: linear-gradient(180deg, #094c92 0%, #002b7f 100%);
}
.scscacwhy .journey-itinerary-container {
width: 100%;
margin: 0 auto;
padding: 0 5%;
}
.scscacwhy .journey-itinerary-container .journey-itinerary-heading {
width: 100%;
margin-bottom: 1.33333333rem;
}
.scscacwhy .journey-itinerary-container .journey-itinerary-heading h3 {
margin: 0;
color: #fff;
font-size: 0.8rem;
line-height: 1.2;
font-weight: 700;
}
.scscacwhy .journey-itinerary-container .journey-itinerary-heading .journey-itinerary-heading-line {
display: block;
width: 3.66666667rem;
height: 0.06666667rem;
margin: 0.66666667rem 0 0;
background: rgba(255, 255, 255, 0.75);
}
.scscacwhy .journey-itinerary-container .health-advantage-section {
width: 100%;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item {
position: relative;
display: flex;
align-items: center;
min-width: 0;
padding: 0 0.33333333rem;
margin-bottom: 1.33333333rem;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-icon {
display: flex;
align-items: center;
justify-content: center;
width: 1.33333333rem;
height: 1.33333333rem;
margin-right: 0.33333333rem;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-content {
flex: 1;
min-width: 0;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-content h3 {
margin: 0.33333333rem 0;
color: #fff;
font-size: 0.66666667rem;
line-height: 1.25;
font-weight: 700;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-content p {
margin: 0;
max-width: 100%;
color: #fff;
font-size: 0.53333333rem;
line-height: 1.75;
font-weight: 400;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item:last-child {
margin-bottom: 0;
}
/* CONTACT */
.fqacontact {
position: relative;
width: 100%;
min-height: 100%;
padding: 10% 5%;
overflow: hidden;
}
.fqacontact .contentscs {
width: 100%;
height: 100%;
}
.fqacontact .contentscs .w-1400 {
width: 100%;
margin: 0 auto;
}
.fqacontact .contentscs .w-1400 .csnaiocn {
margin-bottom: 1.33333333rem;
}
.fqacontact .contentscs .w-1400 .csnaiocn h3 {
position: relative;
font-size: 0.8rem;
color: #002b7f;
margin-bottom: 0.66666667rem;
}
.fqacontact .contentscs .w-1400 .csnaiocn h3::after {
content: '';
position: absolute;
top: 1.2rem;
left: 0;
width: 1.33333333rem;
height: 0.13333333rem;
background-color: #002b7f;
}
.fqacontact .contentscs .w-1400 .csnaiocn .caisco {
line-height: 1.3;
font-size: 0.66666667rem;
color: #333;
}
.fqacontact .contentscs .w-1400 .baisubc {
width: 100%;
height: 13.33333333rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
align-content: center;
border-radius: 0.66666667rem;
}
.fqacontact .contentscs .w-1400 .baisubc .csanci h3 {
margin-bottom: 0.66666667rem;
font-size: 0.66666667rem;
color: #fff;
font-weight: bold;
line-height: 1.4;
text-align: center;
text-shadow: 0.04666667rem 0.04666667rem 0.06666667rem rgba(0, 0, 0, 0.15);
}
.fqacontact .contentscs .w-1400 .baisubc .csanci .annnxzunsh {
width: 100%;
padding: 0 5%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.66666667rem;
}
.fqacontact .contentscs .w-1400 .baisubc .csanci .annnxzunsh a {
width: 100%;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.66666667rem;
border-radius: 0.66666667rem;
}
.fqacontact .contentscs .w-1400 .baisubc .csanci .annnxzunsh .zuo {
width: 60%;
background-image: -moz-linear-gradient(90deg, #022a55 0%, #0350a6 100%);
background-image: -webkit-linear-gradient(90deg, #022a55 0%, #0350a6 100%);
background-image: -ms-linear-gradient(90deg, #022a55 0%, #0350a6 100%);
color: #fff;
}
.fqacontact .contentscs .w-1400 .baisubc .csanci .annnxzunsh .you {
width: 30%;
background-color: #fff;
color: #002b7f;
}
}
/* pc */
@media (min-width: 768px) {
/* banner */
.wp-banner-section {
width: 100%;
}
.wp-banner-section .wp-banner-swiper {
position: relative;
width: 100%;
height: 8rem;
overflow: hidden;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper {
height: 100%;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-bg {
width: 100%;
position: absolute;
inset: 0;
z-index: 1;
overflow: hidden;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-bg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-bg .pcshcuashci {
display: block;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-bg .shoujishcuashci {
display: none;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-content {
position: relative;
z-index: 3;
width: 14rem;
height: 100%;
margin: 0 auto;
padding-top: 38vh;
text-align: center;
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-content p {
position: relative;
width: 100%;
line-height: 1.5;
font-size: 0.22rem;
color: #fff;
text-align: left;
margin-bottom: 0.4rem;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-content p::after {
content: '';
position: absolute;
top: 0.4rem;
left: 0%;
width: 0.5rem;
height: 0.03rem;
background-color: #fff;
}
.wp-banner-section .wp-banner-swiper .swiper-wrapper .wp-banner-slide .wp-banner-content h3 {
width: 100%;
font-size: 0.36rem;
color: #fff;
text-align: left;
}
/* TRAVEL & WELLNESS PACKAGE */
.health-journey-section {
width: 100%;
padding: 1.1rem 0;
background: #ffffff;
}
.health-journey-section .health-journey-container {
width: 100%;
max-width: 14rem;
margin: 0 auto;
}
.health-journey-section .health-journey-container .health-journey-top {
display: flex;
justify-content: space-between;
gap: 0.24rem;
margin-bottom: 0.3rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card {
position: relative;
width: 9rem;
height: 4.5rem;
overflow: hidden;
border: 0.01rem solid #dfe3e6;
border-radius: 0.1rem;
background: #f3f8fc;
box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.08), 0 0.06rem 0.15rem rgba(0, 0, 0, 0.035);
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-image {
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content {
position: relative;
z-index: 2;
width: 70%;
padding: 0.5rem 0.5rem 0;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-title {
margin: 0;
color: #002b7f;
font-size: 0.36rem;
line-height: 1.4;
font-weight: 700;
width: 90%;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-location {
display: flex;
align-items: center;
gap: 0.15rem;
margin-top: 0.5rem;
color: #333;
font-size: 0.18rem;
line-height: 1.5;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-location .journey-location-icon {
width: 0.2rem;
height: 0.2rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-location .journey-location-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits {
width: 3.6rem;
display: flex;
align-items: flex-start;
gap: 0.7rem;
margin-top: 0.5rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits .journey-benefit .journey-benefit-icon {
display: flex;
align-items: center;
justify-content: center;
width: 0.5rem;
height: 0.5rem;
margin: 0 auto 0.2rem;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits .journey-benefit .journey-benefit-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card .journey-hero-content .journey-benefits .journey-benefit .journey-benefit-text {
color: #333;
font-size: 0.18rem;
line-height: 1.5;
text-align: center;
}
.health-journey-section .health-journey-container .health-journey-top .journey-hero-card::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #f8fbfe 0%, #f8fbfe 47%, rgba(248, 251, 254, 0.54) 56%, rgba(248, 251, 254, 0.08) 66%, rgba(248, 251, 254, 0) 100%), linear-gradient(180deg, rgba(220, 239, 252, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card {
width: 4.8rem;
min-height: 4.5rem;
overflow: hidden;
border: 0.01rem solid #dfe3e6;
border-radius: 0.1rem;
background: #ffffff;
box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.08), 0 0.06rem 0.15rem rgba(0, 0, 0, 0.035);
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-offer {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 0.5rem;
background: #002b7f;
color: #ffffff;
font-size: 0.18rem;
line-height: 1;
font-weight: 700;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content {
padding: 0.5rem 0.3rem 0;
text-align: center;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price {
display: flex;
align-items: baseline;
justify-content: center;
white-space: nowrap;
color: #002b7f;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price .price-currency {
margin-right: 0.15rem;
font-size: 0.36rem;
line-height: 1;
font-weight: 700;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price .price-number {
font-size: 0.48rem;
line-height: 1;
font-weight: 700;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price .price-person {
margin-left: 0.05rem;
font-size: 0.24rem;
line-height: 1;
font-weight: 500;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .price-green-line {
display: block;
width: 0.55rem;
height: 0.01rem;
margin: 0.24rem auto;
background: #00a84f;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-original-price {
color: #696969;
font-size: 0.16rem;
line-height: 1.5;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-original-price .span {
font-size: 0.18rem;
color: #333333;
position: relative;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-original-price .span::after {
content: '';
position: absolute;
top: 0.095rem;
left: 0.42rem;
width: 0.59rem;
height: 0.015rem;
background-color: #fd0315;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-occupancy {
margin-top: 0.1rem;
color: #696969;
font-size: 0.16rem;
line-height: 1.5;
}
.health-journey-section .health-journey-container .health-journey-top .journey-price-card .journey-price-content .journey-price-message {
margin-top: 0.6rem;
padding: 0.22rem;
border: 0.01rem solid #e2ebe6;
border-radius: 0.1rem;
background: #f9fcfa;
box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.035);
color: #00a84f;
text-align: left;
font-size: 0.16rem;
line-height: 1.55;
font-weight: 500;
}
.health-journey-section .health-journey-container .health-journey-bottom {
display: flex;
justify-content: space-between;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card {
width: 4.35rem;
min-height: 4.5rem;
padding: 0.15rem 0.35rem;
border: 0.01rem solid #dfe3e6;
border-radius: 0.1rem;
background: #ffffff;
box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.08), 0 0.06rem 0.15rem rgba(0, 0, 0, 0.035);
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-card-heading {
display: flex;
align-items: center;
gap: 0.05rem;
min-height: 0.35rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-card-heading .journey-card-heading-icon {
width: 0.22rem;
height: 0.22rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-card-heading .journey-card-heading-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-card-heading h3 {
margin: 0;
color: #002b7f;
font-size: 0.18rem;
line-height: 1.2;
font-weight: 700;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-heading-line {
width: 100%;
height: 0.01rem;
margin: 0.02rem 0 0.29rem;
background: #9f9f9f;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block {
width: 100%;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-subheading {
display: flex;
align-items: center;
gap: 0.15rem;
margin-bottom: 0.1rem;
color: #002b7f;
font-size: 0.18rem;
line-height: 1.5;
font-weight: 500;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-subheading .journey-subheading-icon {
width: 0.3rem;
height: 0.3rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-subheading .journey-subheading-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-description {
color: #000;
font-size: 0.16rem;
line-height: 1.3;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .journey-description p:last-child {
margin-bottom: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-service-block .cmsoamoa p {
margin-bottom: 0.1rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-divider {
width: 100%;
height: 0.01rem;
margin: 0.2rem 0;
background: #282828;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-divider:last-child{
display: none;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list {
display: flex;
flex-direction: column;
gap: 0.22rem;
padding-top: 0.02rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li {
display: flex;
align-items: flex-start;
gap: 0.15rem;
color: #000;
font-size: 0.16rem;
line-height: 1.55;
margin-bottom: 0.02rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li .journey-check {
width: 0.2rem;
height: 0.2rem;
margin-top: 1%;
display: block;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li .journey-check img {
width: 100%;
height: 100%;
object-fit: cover;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li .journey-check .smacomasoamcspan {
width: 100%;
display: block;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li .journey-check .smacomasoamcspan p {
margin-top: 0.2rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card .journey-upgrade-list li:last-child {
margin-bottom: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .journey-info-card:last-child {
width: 4.8rem;
padding: 0.15rem 0.12rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card {
display: flex;
flex-direction: column;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns {
display: flex;
gap: 0.22rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column {
width: 2.5rem;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column h4 {
min-height: 0.4rem;
margin: 0;
color: #002b7f;
font-size: 0.18rem;
line-height: 1.2;
font-weight: 500;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column .wellness-green-line {
display: block;
width: 0.55rem;
height: 0.01rem;
margin: 0.07rem 0 0.22rem;
background: #00a84f;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column ul {
margin: 0;
padding: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column ul li {
position: relative;
margin-bottom: 0.15rem;
padding-left: 0.1rem;
color: #000;
font-size: 0.16rem;
line-height: 1.45;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column ul li::before {
content: "·";
position: absolute;
top: 0;
left: 0;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-columns .wellness-column:last-child {
padding: 0 0 0 0.4rem;
border-left: 0.01rem solid #282828;
}
.health-journey-section .health-journey-container .health-journey-bottom .wellness-card .wellness-message {
margin-top: 0.4rem;
padding: 0.11rem 0.1rem;
border: 0.01rem solid #e2ebe6;
border-radius: 0.1rem;
background: #f9fcfa;
box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.035);
color: #00a84f;
font-size: 0.15rem;
line-height: 1.3;
}
/* 7-DAY LTINERARY */
.journey-itinerary-section {
width: 100%;
padding: 1.1rem 0;
overflow: hidden;
background: linear-gradient(180deg, #094c92 0%, #002b7f 100%);
}
.journey-itinerary-section .journey-itinerary-container {
width: 100%;
max-width: 14rem;
margin: 0 auto;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-heading {
width: 100%;
margin-bottom: 1rem;
text-align: center;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-heading h3 {
margin: 0;
color: #fff;
font-size: 0.36rem;
line-height: 1.2;
font-weight: 700;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-heading .journey-itinerary-heading-line {
display: block;
width: 0.55rem;
height: 0.01rem;
margin: 0.3rem auto 0;
background: rgba(255, 255, 255, 0.75);
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
align-items: start;
width: 100%;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item {
display: flex;
flex-direction: column;
align-items: center;
min-width: 0;
text-align: center;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item .journey-itinerary-icon {
display: flex;
align-items: center;
justify-content: center;
width: 0.5rem;
height: 0.5rem;
margin-bottom: 0.25rem;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item .journey-itinerary-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.journey-itinerary-section .journey-itinerary-container .journey-itinerary-list .journey-itinerary-item .journey-itinerary-title {
color: #fff;
font-size: 0.24rem;
line-height: 1.4;
font-weight: 400;
white-space: nowrap;
}
/* MEDICAL SCREENING PACKAGES */
.medical {
position: relative;
width: 100%;
min-height: 100%;
padding: 1.1rem 0;
}
.medical .w-1400 {
width: 14rem;
margin: 0 auto;
}
.medical .w-1400 .csnaiocn {
margin-bottom: 0.6rem;
}
.medical .w-1400 .csnaiocn h3 {
text-align: center;
font-size: 0.36rem;
color: #002b7f;
margin-bottom: 0.35rem;
}
.medical .w-1400 .csnaiocn .caisco {
text-align: center;
line-height: 1.3;
font-size: 0.24rem;
color: #333;
}
.medical .w-1400 .screening-package-section {
width: 100%;
}
.medical .w-1400 .screening-package-section .screening-package-container {
width: 100%;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-tabs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
max-width: 10.05rem;
margin: 0 auto 0.4rem;
padding: 0.15rem;
border: 0.01rem solid #e0e5e8;
background: #f7fafc;
border-radius: 1rem;
box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.11), 0 0.06rem 0.12rem x rgba(0, 0, 0, 0.035);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-tabs .screening-category-tab {
width: 92%;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
padding: 0.15rem 0.25rem;
border-radius: 1rem;
color: #333;
font-size: 0.18rem;
line-height: 1.3;
transition: color 0.25s ease, background-color 0.25s ease;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-tabs .screening-category-tab.active {
background: #002b7f;
color: #ffffff;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 10.05rem;
margin: 0 auto 0.6rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs .screening-package-tab {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 0.5rem;
color: #333;
font-size: 0.18rem;
line-height: 1.4;
transition: color 0.25s ease;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs .screening-package-tab::after {
content: "";
position: absolute;
left: 50%;
bottom: 0.03rem;
width: 0;
height: 0.01rem;
background: #00a84f;
transform: translateX(-50%);
transition: width 0.25s ease;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs .screening-package-tab.active {
color: #002b7f;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-tabs .screening-package-tab.active::after {
width: 0.36rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary {
display: flex;
justify-content: space-between;
margin-bottom: 0.3rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero {
position: relative;
width: 9rem;
min-height: 3.8rem;
overflow: hidden;
border: 0.01rem solid #dfe4e8;
border-radius: 0.1rem;
background: #f4f9fc;
box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.08), 0 0.06rem 0.12rem rgba(0, 0, 0, 0.035);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-image {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 90%;
height: 100%;
overflow: hidden;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
user-select: none;
pointer-events: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, #f8fbfe 0%, #f8fbfe 35%, rgba(248, 251, 254, 0.54) 45%, rgba(248, 251, 254, 0.08) 60%, rgba(248, 251, 254, 0) 100%), linear-gradient(180deg, rgba(220, 239, 252, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
pointer-events: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content {
position: relative;
z-index: 2;
width: 65%;
padding: 0.55rem 0 0 0.55rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-title {
margin: 0;
color: #002b7f;
font-size: 0.48rem;
line-height: 1.4;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-title span {
display: block;
margin-top: 0.05rem;
font-size: 0.3rem;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 0.45rem;
width: 3.8rem;
gap: 0.5rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits .screening-package-benefit .screening-package-benefit-icon {
display: flex;
align-items: center;
justify-content: center;
width: 0.5rem;
height: 0.5rem;
margin: 0 auto;
margin-bottom: 0.2rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits .screening-package-benefit .screening-package-benefit-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-hero .screening-package-hero-content .screening-package-benefits .screening-package-benefit .screening-package-benefit-text {
color: #464646;
font-size: 0.18rem;
text-align: center;
line-height: 1.65;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price {
display: flex;
flex-direction: column;
justify-content: center;
width: 4.8rem;
min-height: 3.8rem;
padding: 0.85rem 0.6rem;
border: 0.01rem solid #dfe4e8;
border-radius: 0.1rem;
background: #f7fafc;
box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.08), 0 0.06rem 0.12rem rgba(0, 0, 0, 0.035);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-label {
color: #002b7f;
font-size: 0.24rem;
line-height: 1.3;
font-weight: 400;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-line {
display: block;
width: 0.55rem;
height: 0.01rem;
margin: 0.1rem 0 0.2rem;
background: #00a84f;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-main {
display: flex;
align-items: baseline;
color: #002b7f;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-main .screening-price-currency {
margin-right: 0.05rem;
font-size: 0.36rem;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-main .screening-price-number {
font-size: 0.48rem;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-main .screening-price-person {
margin-left: 0.04rem;
font-size: 0.16rem;
font-weight: 400;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-package-summary .screening-package-price .screening-price-age {
display: flex;
align-items: center;
justify-content: center;
width: 1.8rem;
height: 0.5rem;
margin-top: 0.5rem;
border-radius: 0.3rem;
background: #002b7f;
color: #ffffff;
font-size: 0.18rem;
line-height: 1.5;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid {
display: flex;
flex-wrap: wrap;
gap: 0.2rem;
justify-content: space-between;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card {
position: relative;
width: 4.3rem;
overflow: hidden;
border: 0.01rem solid #dfe4e8;
border-radius: 0.1rem;
background: #ffffff;
box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.08), 0 0.06rem 0.12rem rgba(0, 0, 0, 0.035);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-heading {
display: flex;
align-items: center;
padding: 0.3rem;
background: #002b7f;
color: #ffffff;
font-size: 0.18rem;
line-height: 1.35;
font-weight: 700;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content {
position: relative;
padding: 0.31rem 0.2rem 0.2rem;
min-height: 2rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 0.22rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list li {
display: flex;
align-items: flex-start;
gap: 0.16rem;
color: #000;
font-size: 0.16rem;
line-height: 1.45;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list li .screening-check-icon {
display: flex;
align-items: center;
justify-content: center;
width: 0.2rem;
height: 0.2rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list li .screening-check-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-list li span:last-child {
flex: 1;
min-width: 0;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-number {
position: absolute;
z-index: 0;
right: 0.18rem;
bottom: 1rem;
color: #edf0f5;
font-size: 0.72rem;
line-height: 1;
font-weight: 700;
white-space: nowrap;
pointer-events: none;
user-select: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-note {
height: 0.8rem;
display: flex;
align-items: center;
padding: 0.2rem;
border: 0.01rem solid #e2e9e5;
border-radius: 0.1rem;
background: #f8fcf9;
color: #00a84f;
font-size: 0.16rem;
margin: 0.1rem;
line-height: 1.5;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card .screening-detail-content .screening-detail-note:empty {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .caocnaojuun {
width: 100%;
border: 0;
box-shadow: none;
min-height: auto;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .caocnaojuun h3 {
font-size: 0.36rem;
color: #002b7f;
width: 100%;
margin: 0.5rem auto 0.1rem;
text-align: center;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .caocnaojuunscs {
min-height: 3.5rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-detail-grid .screening-detail-card.screening-detail-hidden {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 0.5rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more {
position: relative;
width: 0.5rem;
height: 0.4rem;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more span {
position: absolute;
left: 50%;
width: 0.18rem;
height: 0.18rem;
border-right: 0.014rem solid #002b7f;
border-bottom: 0.014rem solid #002b7f;
transform: translateX(-50%) rotate(45deg);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more span:first-child {
top: 0.01rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more span:last-child {
top: 0.11rem;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more:hover {
transform: translateY(0.03rem);
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel .screening-load-more-wrap .screening-load-more.screening-load-hidden {
display: none;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel .screening-package-panel.active {
display: block;
}
.medical .w-1400 .screening-package-section .screening-package-container .screening-category-panel.active {
display: block;
}
/* WHY CHOOSE YT HEALTH JOURNEY */
.scscacwhy {
width: 100%;
padding: 1.1rem 0;
overflow: hidden;
background: linear-gradient(180deg, #094c92 0%, #002b7f 100%);
}
.scscacwhy .journey-itinerary-container {
width: 100%;
max-width: 14rem;
margin: 0 auto;
}
.scscacwhy .journey-itinerary-container .journey-itinerary-heading {
width: 100%;
margin-bottom: 1rem;
text-align: center;
}
.scscacwhy .journey-itinerary-container .journey-itinerary-heading h3 {
margin: 0;
color: #fff;
font-size: 0.36rem;
line-height: 1.2;
font-weight: 700;
}
.scscacwhy .journey-itinerary-container .journey-itinerary-heading .journey-itinerary-heading-line {
display: block;
width: 0.55rem;
height: 0.01rem;
margin: 0.3rem auto 0;
background: rgba(255, 255, 255, 0.75);
}
.scscacwhy .journey-itinerary-container .health-advantage-section {
width: 100%;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: start;
width: 100%;
max-width: 14rem;
margin: 0 auto;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item {
position: relative;
display: flex;
align-items: flex-start;
min-width: 0;
padding: 0 0.42rem;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-icon {
display: flex;
align-items: center;
justify-content: center;
width: 0.45rem;
height: 0.45rem;
margin-right: 0.22rem;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-content {
flex: 1;
min-width: 0;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-content h3 {
margin: 0.05rem 0 0.15rem;
color: #fff;
font-size: 0.22rem;
line-height: 1.25;
font-weight: 700;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item .health-advantage-content p {
margin: 0;
max-width: 98%;
color: #fff;
font-size: 0.18rem;
line-height: 1.75;
font-weight: 400;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item:first-child {
padding-left: 0;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item:last-child {
padding-right: 0;
}
.scscacwhy .journey-itinerary-container .health-advantage-section .health-advantage-container .health-advantage-item:not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0.01rem;
height: 1.06rem;
background: #eee;
}
/* CONTACT */
.fqacontact {
position: relative;
width: 100%;
min-height: 100%;
padding: 1.1rem 0;
overflow: hidden;
}
.fqacontact .contentscs {
width: 100%;
height: 100%;
}
.fqacontact .contentscs .w-1400 {
width: 14rem;
margin: 0 auto;
}
.fqacontact .contentscs .w-1400 .csnaiocn {
margin-bottom: 0.6rem;
}
.fqacontact .contentscs .w-1400 .csnaiocn h3 {
position: relative;
font-size: 0.36rem;
color: #002b7f;
margin-bottom: 0.35rem;
}
.fqacontact .contentscs .w-1400 .csnaiocn h3::after {
content: '';
position: absolute;
top: 0.6rem;
left: 0;
width: 0.35rem;
height: 0.02rem;
background-color: #002b7f;
}
.fqacontact .contentscs .w-1400 .csnaiocn .caisco {
line-height: 1.3;
font-size: 0.24rem;
color: #333;
}
.fqacontact .contentscs .w-1400 .baisubc {
width: 100%;
height: 5rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
align-content: center;
border-radius: 0.1rem;
}
.fqacontact .contentscs .w-1400 .baisubc .csanci h3 {
margin-bottom: 0.4rem;
font-size: 0.24rem;
color: #fff;
font-weight: bold;
line-height: 1.4;
text-align: center;
text-shadow: 0.007rem 0.007rem 0.02rem rgba(0, 0, 0, 0.15);
}
.fqacontact .contentscs .w-1400 .baisubc .csanci .annnxzunsh {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
gap: 0.4rem;
}
.fqacontact .contentscs .w-1400 .baisubc .csanci .annnxzunsh a {
width: 2.5rem;
height: 0.7rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.18rem;
border-radius: 0.1rem;
}
.fqacontact .contentscs .w-1400 .baisubc .csanci .annnxzunsh .zuo {
background-image: -moz-linear-gradient(90deg, #022a55 0%, #0350a6 100%);
background-image: -webkit-linear-gradient(90deg, #022a55 0%, #0350a6 100%);
background-image: -ms-linear-gradient(90deg, #022a55 0%, #0350a6 100%);
color: #fff;
}
.fqacontact .contentscs .w-1400 .baisubc .csanci .annnxzunsh .you {
background-color: #fff;
color: #002b7f;
}
}