.banner{background: url("https://img.asiancancer.com/images/newmalai/services.png") no-repeat center;height: 300px;}
.banner .img{text-align: center;}
.banner .banner-text{padding-top:60px;}
.banner .banner-text .title{font-size: 52px;color: #ffffff;display: grid;}
.banner .banner-text .first{border-bottom: 2px solid #13BFB1;width: 350px;}
.banner .banner-text .second{font-size: 35px;}

.medical-guidance .title{font-size: 36px;text-align: center;font-weight: bold;}
.medical-guidance .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.medical-guidance .list{background: #ffffff;border-radius: 16px;margin-top:50px;text-align: center;padding: 30px;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%);}
.medical-guidance .list ul li{display: inline-grid;width: 110px;}
.medical-guidance .list ul .first{width: 80px;}
.medical-guidance .list ul .last{width: 120px;}
.medical-guidance .list ul .line{width: 55px;}
.medical-guidance .list ul li .num{background: #1E2D4F;color:#ffffff;width: 25px;margin: 10px 0;margin-left: 42px;border-radius: 30px;}
.medical-guidance .list ul li img{margin-left: 31px;}
.medical-guidance .list ul .first .num{margin-left: 31px;}
.medical-guidance .list ul .first img{margin-left: 21px;}
.medical-guidance .list .line{width: 79px;height: 2px;}
.medical-guidance .list ul li .txt{text-align:left;}


.guidelines-guidance-bg{background: #ffffff;padding: 50px 0;}
.guidelines-guidance .pc-content{display: block;}
.guidelines-guidance .mobile-content{display: none;}
.guidelines-guidance .title,.Insurance .title,.value-added .title{font-size: 36px;text-align: center;font-weight: bold;}
.medical-guidance .title a,.guidelines-guidance .title a,.Insurance .title a,.value-added .title a{color:#13BFB1;}
.guidelines-guidance .line,.Insurance .line,.value-added .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.guidelines-guidance .first {background: url("../images/triangle.svg") no-repeat;height: 112px;}
.guidelines-guidance .first li{color: #ffffff;font-weight: bold;font-size: 18px;line-height: 112px;width: 33%;display: inline-block;text-align: center;background: url("../images/white-arrow.svg") no-repeat center right;}
.guidelines-guidance .first li.last{background: none;}
.guidelines-guidance .second li{display: inline-block;text-align: center;}
.guidelines-guidance .second li.s2{width: 24%;}
.guidelines-guidance .second li.s3{width: 50%;}
.guidelines-guidance .second li.s4{width: 24%;}
.guidelines-guidance .third{margin-top:25px;}
.guidelines-guidance .third li{display: inline-block;width: 24%;text-align: center;}
.guidelines-guidance .third li.t3{width: 50%;position: relative;color: #333333;}

.guidelines-guidance .third li.t3 span{display: block;font-size:12px;}
.guidelines-guidance .third li.t3 span b{font-size:16px;}
.guidelines-guidance .third li.t3 .hbg1{position: absolute;top:50px;left:50px;width: 180px;z-index: 99;}
.guidelines-guidance .third li.t3 .bg1{position: absolute;top:40px;left:40px;width: 200px;height: 190px;background: #ffffff;opacity: 0.8;border-radius: 8px;}
.guidelines-guidance .third li.t3 .hbg2{position: absolute;top:60px;left: 260px;width: 180px;z-index: 99;}
.guidelines-guidance .third li.t3 .bg2{position: absolute;top:40px;left:253px;width: 200px;height: 190px;background: #ffffff;opacity: 0.8;border-radius: 8px;}
.guidelines-guidance .third li.t3 .hbg3{position: absolute;top:60px;left: 475px;width: 180px;z-index: 99;}
.guidelines-guidance .third li.t3 .bg3{position: absolute;top:40px;left:465px;width: 200px;height: 190px;background: #ffffff;opacity: 0.8;border-radius: 8px;}

.Insurance-bg .list{margin-top:50px;}
.Insurance-bg .list ul li{width: 19%;display:inline-block;text-align: center;margin-bottom: 16px;margin-right: 12px;}
.Insurance-bg .list ul li.five{margin-right: 0px;}

.value-added-bg{padding-bottom: 50px;}
.value-added .list ul {
    display: flex;
    justify-content: space-between;
}
.value-added .list ul li{text-align: center; flex: 1;}
.value-added .list ul li img{border-radius: 16px;}
.value-added .list ul li span{margin-top:10px;}
.value-added .list{margin-top:50px;}

@media screen and (max-width:768px) {
    .banner{background: url("/uploads/allimg/2023/06/22/services.png") no-repeat center;height: auto;background-size: cover;}
    .banner .img{text-align: center;}
    .banner .banner-text{padding: 30px 20px;}
    .banner .banner-text .title{font-size: 36px;}
    .banner .banner-text .second{font-size: 20px;}

    .service-content .service_intro{display: none;}

    /*就诊指导*/
    .medical-guidance .line{display: none;}
    .medical-guidance .list ul .line{width: 20px;}
    .medical-guidance .list ul .m-line{display: none;}
    .medical-guidance .list{padding: 30px 15px;}
    .medical-guidance .list ul li{width: 100px;}
    .medical-guidance .list ul li .txt{text-align:left;}


    /*住院指南*/
    .guidelines-guidance-bg .line{display: none;}
    .guidelines-guidance .pc-content{display: none;}
    .guidelines-guidance .mobile-content{display: block;background: url("../images/en_down_arrow1.png") no-repeat;
        height: 650px;
        margin-top: 50px;
    }
    .guidelines-guidance .mobile-content ul li{margin-left: 90px;}
    .guidelines-guidance .mobile-content ul li .tag{padding: 0 7px;}
    .guidelines-guidance .mobile-content ul li .iag{width: 75%;}
    .guidelines-guidance .mobile-content ul li.second{margin-top: 70px;margin-bottom: 70px;position: relative;height: 225px;}
    .guidelines-guidance .mobile-content ul li.second .hbg{font-size: 11px;width: 65%;margin-left: 70px;position: relative;color: #333333;text-align: center;top:-208px;}
    .guidelines-guidance .mobile-content ul li.second .ophbg{background: #ffffff;opacity: 0.8;position: absolute;right: 30px;top:15px;height: 200px;width: 195px;}
    .guidelines-guidance .mobile-content ul li.second .hbg span{display: block;}


    /*合作保险*/
    .Insurance-bg .line{display: none;}
    .Insurance-bg .list{padding: 0 10px;}
    .Insurance-bg .list ul li{width: 46%;margin-right: 3% !important;}
    .Insurance-bg .list ul li img{width: 100%;}

    /*增值服务*/
    .value-added .line{display: none;}
    .value-added .list ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
        /* flex-direction: column; */
    }
    .value-added .list ul li{
        flex: 0 0 calc(50% - 10px);
        margin-bottom: 10px;
    }
    .value-added .list ul li img{width: 100%;}
    .value-added .list ul li span{display: none;}
    .value-added .list ul li.two,.value-added .list ul li.four{margin-left: 7px;}
}