.w900{width: 900px;margin: 0 auto;display: flow-root;}
.banner{background: url("https://img.asiancancer.com/images/newmalai/2025/pancreatic-cancer/3840300e_n.webp") no-repeat center;height: 300px;}
.marginT0p50{margin-top:50px;}

.content{font-size: 20px;line-height: 35px;}
.content .h1-title{font-size: 36px;color:#13BFB1;text-align: center;font-weight: bold;line-height: 50px;}
.content .line {
    width: 80px;
    height: 4px;
    background: #1E2D4F;
    margin: 16px auto;
}


/*患者详情*/
.storyDetail{position:relative;}
.storyDetail .bg{position: absolute;height: 610px;width: 70%; background: #13BFB1;left: 0;bottom: 50px;z-index: -1;}
.storyDetail .left_box{float: left;width: 60%;}
.storyDetail .left_box .b-t{font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.storyDetail .left_box .b-c{margin-bottom: 80px;}
.storyDetail .left_box .bcolor{color: #ffffff;}
.storyDetail .right_box{float: right;width: 38%;}
.storyDetail .right_box img{width: 100%;margin-top: 50px;}


/*微创vs传统*/
.vt{border-radius: 8px;margin-bottom: 50px;margin-top: 100px;}
.vt .vt-box{position: relative;color: #ffffff;}
.vt .v-box{display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;}
.v-b-l{background: #13BFB1;text-align: left;padding: 20px 20px 0 90px;}
.v-b-l p,.v-b-r p{font-weight: bold;font-size: 20px;padding: 15px 0;}
.v-b-r{background: #9BB4B1;padding: 20px 20px 0 90px;}
.v-b-between{width: calc((85.7%/2) - 16px);border-radius: 8px;line-height: 40px;padding-bottom: 30px;font-weight:normal;}
.vt1 .vt-box .v-b-vs{position: absolute;left:43.5%;top:30%;}
.vt2 .vt-box .v-b-vs{position: absolute;left:50%;top:45%;}
.vt3 .vt-box .v-b-vs{position: absolute;left:50%;top:45%;}
.vt .t-box{text-align: center;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%);background: #ffffff;}
.vt .t-box ul{display: inline-flex;width: 100%;}
.vt .t-box ul li{width: 33%;padding: 20px;color: #777777;margin:30px 0;text-align: left;padding-left: 50px;}
.vt .t-box ul .l{border-left: 1px solid #999999;border-right: 1px solid #999999;}
.vt .t-box p{font-size: 20px;font-weight:bold;padding: 10px 0;color:#000000;}

table tr td {
    padding: 5px;
}



/*mdt test*/
.mdt-team-bg{background: url("https://img.asiancancer.com/images/newmalai/mdtbg.jpg") no-repeat center;}
.mdt-team .swiper-pagination-bullet {background:#c3c3c3;height: 10px;border-radius: 30px;}
.mdt-team .swiper-pagination-bullet-active{background:#13BFB1;width:25px;}
.mdt-team .swiper-pagination-mdt{margin-top:30px;}
.mdt-team .swiper-pagination-mdt span{margin:5px;}


.swiper-pagination-tcg,.swiper-pagination-mdt{
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-pagination-mdt{position: unset;}

.mdt-team .swiper-slide{background: #ffffff;border-radius: 16px;padding-top: 20px;height: 620px;
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%);
}
.mdt-team{overflow: hidden;color:#ffffff;}
.mdt-team .dis_title span{color:#ffffff;}
.mdt-team .dis_title .title_right,.mdt-team .dis_title .title_right a{border:1px solid #ffffff;color:#ffffff;}
.mdt-team .mdt-box{padding: 0 10px;}
.mdt-team .swiper-slide dt{text-align: center;}
.mdt-team .swiper-slide dt img{width:396px;}
.mdt-team .swiper-slide dd,.mdt-team .swiper-slide p{padding: 0 20px;}
.mdt-team .swiper-slide .title{color:#1E2D4F;font-size: 24px;text-align: left;font-weight: bold;}
.mdt-team .swiper-slide dd.first{color:#13BFB1;font-size: 14px;padding-top: 10px;}
.mdt-team .swiper-slide p{padding-top: 5px;margin-top:0px;}
.mdt-team .swiper-slide .more{font-size: 12px;border: 1px solid #1E2D4F;border-radius: 8px;padding: 5px 15px;position: absolute;bottom: 10px;}
.mdt-team .swiper-container{padding-top: 50px;overflow: initial;}
.mdt-team .swiper-container dl:hover{}
.mdt-team .swiper-container dl:hover .more{color:#ffffff;background: #13BFB1;border: none;}
.m1300{width: 1300px;margin: 0 auto;}
.mdt-team .swiper-button-prev{left:-50px;background-image: url("../images/mdt_left.png");height: 93px;background-color: #EEEEEE;}
.mdt-team .swiper-button-next{right: -50px;background-image: url("../images/mdt_right.png");height: 93px;background-color: #EEEEEE;}
.mdt-team .swiper-slide p{color:#000000;}
/*mdt end*/

/*患者故事*/
.storyBox{margin-bottom: 50px;}
.storyBox .swiper-container{padding-top:15px;padding-bottom: 20px;}
.storyBox .swiper-wrapper{}
.storyBox .swiper-slide{width:338px;height: 520px;background: #ffffff;border-radius: 16px;padding-bottom: 23px;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%);}
.storyBox .swiper-slide img{border-radius: 16px 16px 0px 0px;}
.storyBox .swiper-slide dt{padding-bottom:15px;margin-bottom:20px;}
.storyBox .swiper-slide dt span{background:#13BFB1;color: #ffffff;margin-right: 0;float: right;border-radius: 0 0 0 4px;}
.storyBox .swiper-slide dd.first{font-size: 24px;font-weight: bold;padding-bottom: 5px;}
.storyBox .swiper-slide dd{padding: 0 24px;}
.storyBox .swiper-slide span{background: #deefee;color:#13BFB1;font-size: 18px;padding:3px 5px;width: 180px;text-align: center;margin-right:10px;}
.storyBox .swiper-slide p{padding: 0 24px;padding-top:20px;font-size:16px;}
.storyBox .swiper-pagination-story{text-align: center;}
.storyBox .swiper-pagination-story span,.mdt-team .swiper-pagination-mdt span{margin:0 5px;}
.storyBox .swiper-pagination-bullet,.mdt-team .swiper-pagination-bullet{background:#000000;height: 10px;border-radius: 30px;}
.storyBox .swiper-pagination-bullet-active,.mdt-team .swiper-pagination-bullet-active{background:#13BFB1;width:25px;}

.formbg form .tginput #tel{width: 71%;}

img {
    transition: all 1s;
    &:hover {
        transform: translate(0, -2%);
    }
}


@media screen and (max-width: 768px){
    .content{padding: 0 10px;}
    .content img{width: 100%;}
    .content .h1-title{font-size:30px;}
    .banner{background: url("https://img.asiancancer.com/images/newmalai/2025/pancreatic-cancer/790240e_n.webp") no-repeat center;height: 140px;background-size:contain;}
    .marginT0p50{}


    .storyDetail .left_box{float: inherit;width: 100%;}
    .storyDetail .right_box{float: inherit;width: 100%;}
    .storyDetail .bg{display: none;}
    .storyDetail .left_box .b-c{margin-bottom: 50px;}
    .storyDetail .left_box .bcolor,.storyDetail .left_box .bcolor{background: #13BFB1;padding: 10px 5px;}
    .storyDetail .left_box .b-t{margin-bottom: 0px;}
    .storyDetail .right_box img{margin-top: 0px;}

    .formbg form .tginput #tel{width:63%;}

    /*微创vs传统*/
    .vt .v-box{display: inherit;}
    .v-b-between{width: 89%;}
    .v-b-l{margin-bottom: 10px;padding: 20px;}
    .v-b-r{padding: 20px;;}

    .vt1 .vt-box .v-b-vs{display: none;}

    .formbg form .form-group .select-nat{width: 92%;}
}