body{background: #ffffff;}
.banner {
    background: url(https://img.asiancancer.com/images/newmalai/travel/3840300en.webp) no-repeat center;
    height: 300px;
}
.marginTop50{margin-top:50px;}
.txt-one .h1-title,.txt-two .h1-title,.txt-five .h1-title,.txt-six .h1-title,.txt-seven .h1-title,.txt-eight .h1-title,.txt-nine .h1-title,.txt-ten .h1-title{color: #13BFB1;font-weight: bold;font-size: 30px;text-align: center;}

.txt-one{display: grid;}
.box-one{display: inline-flex;margin-top: 30px;position: relative;padding-bottom: 75px;}
.box-one .img{width: 45%;}
.box-one .img img{width: 100%;}
.box-one .doc{width: 55%;padding-left: 15px;}
.box-one .p-title{font-weight: bold;}
.box-one .p-doc{padding-top: 15px;}
.txt-one .info{background: #ef5b1f;color: #ffffff;padding: 15px;position: absolute;right: 0;bottom: 0px;width: 70%;font-size: 14px;}
.prepare-materials{margin-top: 30px;}
.prepare-materials .m-title{font-weight: bold;margin-bottom: 15px;}
.prepare-materials ul{background: #f5f5f5;padding: 15px 20px;width:45.6%;}
.prepare-materials .one{float: left;}
.prepare-materials .two{float: right;}
.prepare-materials .small-blue-dot {
            display: inline-block;
            width: 10px;  /* 调整宽度变小 */
            height:10px; /* 调整高度变小 */
            background-color: #2370a4; /* 深蓝色 */
            border-radius: 50%; /* 使其成为圆形 */
            margin-right: 3px; /* 可选，设置圆点与后面内容的间距 */
        }
.txt-one .button{background: #ef5b1f; color: #ffffff;border-radius: 16px;padding: 5px 50px;margin: 0 auto;margin-top: 15px;}
.txt-one .button a{color: #ffffff;}
.txt-one .button a:hover{color:#2370a4;}


.txt-two{background: #f5f5f5;padding: 30px 0;}
.txt-two .list-box{margin-top: 30px;}
.txt-two .carousel-container {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            height: 400px;
        }
.txt-two .carousel {
            display: flex;
            height: 100%;
            position: relative;
        }
.txt-two .slide {
            min-width: 800px;
            display: flex;
            height: 100%;
            position: absolute;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
.txt-two .slide.active {
            opacity: 1;
            position: relative;
        }
.txt-two .main-image {
            width: 750px;
            height: 400px;
            object-fit: cover;
        }
.txt-two .description {
            width: 55%;
            padding: 20px;
            box-sizing: border-box;
            align-items: center;
        }
.txt-two .description .dt{font-weight: bold;font-size: 18px;}
.txt-two .description .db{font-size: 14px;padding: 15px 0;}
.txt-two .thumbnail-container {
            position: absolute;
            bottom: 40px;
            right: -340px;
            display: flex;
            justify-content: center;
            gap: 10px;
        }
.txt-two .thumbnail {
            width: 120px;
            height: 90px;
            object-fit: cover;
            cursor: pointer;
            transition: opacity 0.3s;
        }
.txt-two .thumbnail.active {
            opacity: 1;
            border: 2px solid #fff;
        }
.txt-two .indicators {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }
.txt-two .indicator {
            width: 22px;
            height: 8px;
            border-radius: 30%;
            background-color: #ccc;
            cursor: pointer;
            transition: background-color 0.3s;
        }
.txt-two .indicator.active {
            background-color: #2370a4;
        }


.txt-three{padding: 30px 0;}
.txt-three .img-txt-m{display: none;}
.txt-three .h1-title{color: #ffffff;font-weight: bold;font-size: 30px;text-align: center;}
.txt-three{background: url("https://img.asiancancer.com/images/philippines/travel/app-pro.webp") repeat-x center;}
.txt-three .img-txt img{width: 100%;padding: 30px 0;}

.txt-five{background: #f5f5f5;padding: 30px 0;}
.txt-five .t-f-box{display: flex;align-items: stretch;justify-content: space-between;margin-top: 15px;}
.txt-five .t-f-box dl{background: #ffffff;margin: 7.5px;width: calc((100%/2) - 15px);}
.txt-five .t-f-box dl dt{font-weight: bold;background: #2370a4;color: #ffffff;padding: 15px 20px;border-radius: 16px 16px 0 0;font-size: 18px;font-family: sans-serif;}
.txt-five .t-f-box dl dt p{display: inline-block;}
.txt-five .t-f-box dl dt p img{vertical-align: text-bottom;}
.txt-five .t-f-box dl dt .v1{padding-left: 15px;}
.txt-five .t-f-box dl dt .v1 a{color:#ffffff;}
.txt-five .t-f-box dl dd{padding: 15px;height: 70px;}
.txt-five .t-f-box dl dd b{color: #2370a4;}
.txt-five .t-f-box dl dd .button{background: #ef5b1f; color: #ffffff;border-radius: 16px;padding: 5px 50px;width: 30%;text-align: center;margin: 0 auto;}
.txt-five .t-f-box dl dd .button a{color: #ffffff;}
.txt-five .t-f-box dl dd .button a:hover{color:#2370a4;}

.txt-six .bx-list{margin-top: 15px;}
.txt-six .bx-list ul{display: flex;align-items: stretch;justify-content: space-between;}
.txt-six .bx-list ul li{width: calc((100%/4) - 15px);text-align: center;margin: 7.5px 0;padding:10px 0;background: #f5f5f5;}

.txt-seven{background: #f5f5f5;padding: 50px 0;}
.txt-seven .w-seven{}
.txt-seven ul{margin-top: 30px;display: flex;align-items: stretch;justify-content: space-between;}
.txt-seven ul li{width: calc((100%/4) - 15px);background: #ffffff;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.12);border-radius: 8px;position: relative;height: 450px;}
.txt-seven ul li img{width: 100%;}
.txt-seven ul li .t1{font-size: 18px;font-weight: bold;padding: 15px;}
.txt-seven ul li .t2{padding: 0 15px;}
.txt-seven ul li .more{font-size: 14px;padding: 10px 15px;position: absolute;bottom: 0px;}
.txt-seven ul li .more a{color:#EF5B1E;}
.txt-seven .button,.txt-eight .button{background:#2370A4;width: 100px;border-radius: 4px;text-align: center;margin-top: 10px;float: right;}
.txt-seven .button a{color: #ffffff;}

.txt-eight{padding-bottom: : 50px;}
.txt-eight .w-eight{}
.txt-eight .uhe-img img{width: 100%;padding: 30px 0;}
.txt-eight .uhe-img{display: block;}
.txt-eight .uhe-img-m{display: none;}
.txt-eight .button{float: right;}
.txt-eight .button a{color: #ffffff;}
.txt-eight .img-list ul,.txt-ten .img-list ul{display: flex;align-items: stretch;justify-content: space-between;margin-bottom: 20px;}
.txt-eight .img-list ul li,.txt-ten .img-list ul li{width: calc((100%/4) - 15px);cursor: pointer;position: relative;}
.txt-eight .img-list ul li img,.txt-ten .img-list ul li img{width: 100%;}
.txt-eight .img-list ul li .img-google,.txt-ten .img-list ul li .img-google{position: absolute;z-index: 99;bottom: 10px;right: 0px;}
.txt-eight .img-list ul li .img-google img,.txt-ten .img-list ul li .img-google img{width: 60%;}
.txt-seven .button a:hover, .txt-eight .button a:hover{color: #ef5b1f;}

.img-list{
            display: flex;
            flex-wrap: wrap;
            max-width: 1400px;
            clear: both;
        }
.img-list ul {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            padding: 0;
            margin: 0;
            width: 100%;
        }
.img-list li {
            position: relative;
            width: 50%;
            padding: 5px;
        }
.img-list img {
            width: 100%;
            height: auto;
            display: block;
            transition: all 0.3s ease;
        }
.img-overlay {
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            background: rgba(0, 0, 0, 0.6);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            text-align: center;
            padding: 15px;
            font-size: 14px;
        }
        /* 桌面端悬停效果 */
        
        
img,dl,ul li {
    transition: all 1s;
    &:hover {
        transform: translate(0, -2%);
    }
}  
        
        
@media (hover: hover) and (pointer: fine) {
.img-list li:hover .img-overlay {
                opacity: 1;
            }
.img-list li:hover img {
                transform: scale(1.02);
            }
        }
        /* 移动端触摸效果 */
.img-overlay.active {
            opacity: 1;
        }
.img-list li.active img {
            transform: scale(1.02);
        }
        /* 响应式调整 */
@media (min-width: 768px) {
.img-overlay {
                font-size: 16px;
            }
        }

.txt-nine{background: #f5f5f5;padding: 50px 0;}
.txt-nine .timg{width: 100%;}
.txt-nine .n-box{margin-top: 30px;}
.txt-nine ul{display: flex;justify-content: space-between;align-items: stretch;}
.txt-nine ul li{width: calc((100%/4) - 15px);background: #ffffff;box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);border-radius: 16px;}
.txt-nine ul li div{padding: 5px 10px;}
.txt-nine ul li .address{font-size: 20px;font-weight: bold;}
.txt-nine ul li .per_info{color: #2370a4;}
.txt-nine ul li div img{}

.txt-ten{}
.txt-ten .p-title{font-weight: bold;}
.txt-ten .tips{}
.txt-ten .tips .tips-box{display: inline-table;width: 49%;}
.txt-ten .tips .v-l,.txt-ten .tips .v-2{display: flex;padding: 15px 0;}
.txt-ten .tips .v-l .num,.txt-ten .tips .v-2 .num{color: #2370A4;font-size: 35px;font-weight: bold;font-family: system-ui;padding-right: 25px;}
.txt-ten .tips .v-l-b{font-weight: bold;color: #2370A4;}
.txt-ten .tips .v-l-d{font-size: 14px;}
.txt-ten .tips .v-2{display: flex;padding: 15px 0;}
.txt-ten .tips .v-2 img{margin-right: 15px;width: 30%;}
.txt-ten .tips .v-2 .left_img{padding-left: 40px;}




@media screen and (max-width:768px){
    .banner {
        background: url(https://img.asiancancer.com/images/newmalai/travel/790240en.jpg) no-repeat center;
        height: 135px;
        background-size: contain;
    }
	.content{padding: 0 10px;}
	.box-one{display: inherit;padding-bottom: 0;}
	.box-one .img,.box-one .doc{width: 100%;}
	.txt-one .info{top: 250px;width: 85%;right: 15px;bottom: auto;}
	.box-one .doc{padding-left: inherit;margin-top: 350px;}
	.prepare-materials ul{width: 90%;}
	.prepare-materials .one{float: inherit;}
	.prepare-materials .two{float: inherit;}


	.txt-two .carousel{display: inherit;}
	.txt-two .main-image{width: 100%;}
	.txt-two .description{width: 95%;height: 150px;}
	.txt-two .thumbnail-container{display: none;}
	.txt-two .carousel-container{height: auto;}
	.txt-two .slide{display: inherit;min-width:auto;}

	.txt-three{background: url("https://img.asiancancer.com/images/philippines/travel/app-pro.webp") repeat-y center;}
	.txt-three .img-txt{display: none;}
	.txt-three .img-txt-m{display: block;margin-top: 30px;}
	.txt-three .img-txt-m img{width: 100%;}


	.txt-five .t-f-box{display: inherit;}
	.txt-five .t-f-box dl{width: 96.5%;}
	.txt-five .t-f-box dl dd{height: auto;}


	.txt-six .bx-list ul{display: contents;}
	.txt-six .bx-list ul li{width: auto;}
	.txt-six .bx-list .msm-1{padding-right: 5px;}


	.txt-seven ul{display: inherit;}
	.txt-seven ul li{width: auto;height: 475px;margin-top: 10px;}


	.txt-eight .uhe-img{display: none;}
	.txt-eight .uhe-img-m{display: block;margin: 30px 0;}
	.txt-eight .uhe-img-m img{width: 100%;}



	.txt-eight .img-list ul li, .txt-ten .img-list ul li{width: calc((100% / 2) - 15px);}

	.txt-ten .tips .tips-box{display: inherit;width: 95%;}

	.txt-one .h1-title, .txt-two .h1-title, .txt-five .h1-title, .txt-six .h1-title, .txt-seven .h1-title, .txt-eight .h1-title, .txt-nine .h1-title, .txt-ten .h1-title{font-size: 25px;}

    .txt-nine ul{display:block;}
    .txt-nine ul li{width: 100%;margin-bottom: 15px;}

}