body{font-size:16px;}
.top-banner{
    width: 100%;
    padding: 30px calc(50% - 700px);
    background: linear-gradient(to right, #1e3b8b, #3b82f4);
    box-sizing: border-box;
    color: #ffffff;
    text-align: center;
}
.top-banner .one-title{font-size: 60px;}
.top-banner .two-title{font-size: 30px;}
.top-banner .atm {margin-top: 10px;}
.top-banner .atm ul{display: inline-flex;}
.top-banner .atm li{margin: 0 10px;}
.top-banner .atm .line{border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;padding: 0 15px;}

/* 东盟活动专题 */
.ASEAN-medical-forum-content {
    width: 100%;
    background: #fff;
}

/* 标题 */
.ASEAN-medical-forum-content .title-box {
    width: 100%;
    display: flex;
    position: relative;
    padding: 10px 0;
}

.ASEAN-medical-forum-content .title-box .title-text {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    text-align: left;
}

/* 东盟活动专题介绍 */
.ASEAN-medical-forum-content .introduction-area {
    width: 100%;
    background: #fff;
    padding: 30px 0 0;
}

.ASEAN-medical-forum-content .introduction-area .title-box {
    width: 100%;
    padding: 10px calc(50% - 700px);
    box-sizing: border-box;
}

.introduction-area .introduction-box {
    width: 100%;
    padding: 0 calc(50% - 700px) 0;
    box-sizing: border-box;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.introduction-box .introduction-img {
    width: 50%;
    height: auto;
    border-radius: 8px;
}

.introduction-box .introduction-text {
    width: 50%;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    line-height: 1.5em;
}

.introduction-area .logo-box {
    width: 100%;
    padding: 30px calc(50% - 700px) 60px;
    box-sizing: border-box;
    background: linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%),
    url("https://img.asiancancer.com/images/newmalai/dmyxlt_bg1.webp") no-repeat center bottom;
    background-size: 100% 100%, 100% 50%;
    background-repeat: no-repeat;
}

.logo-box .logo-list {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.16);
}

.logo-list .logo-item {
    width: 25%;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.logo-list .logo-item:nth-child(2) .logo-img {
    width: 300px;
    height: auto;
}

.logo-item .logo-img {
    width: auto;
    height: 80px;
}

.logo-item .logo-text {
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}

/*  论坛议程 */
.ASEAN-medical-forum-content .forum-agenda {
    width: 100%;
    padding: 30px calc(50% - 700px);
    box-sizing: border-box;
    background: #f5f5f5;
}
.forum-agenda .agenda{padding: 30px;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: 8px;}
.forum-agenda .agenda ul{display: inline-block;width: 49%;}
.forum-agenda .agenda .t1,.forum-agenda .agenda .t2{display: inline-block;height: 75px;vertical-align:top;}
.forum-agenda .agenda .t1{color: #0066CC;}
.forum-agenda .agenda .t2{padding-left: 15px;font-weight: bold;width:80%;}
.forum-agenda .agenda .t3{font-weight: normal;}

/* 论坛亮点 */
.ASEAN-medical-forum-content .forum-measurement-points{
    width: 100%;
    padding: 30px calc(50% - 700px);
    box-sizing: border-box;
    background: #f5f5f5; 
}
.forum-measurement-points .measurement{align-items:stretch;justify-content: space-between;display: flex;flex-wrap: wrap;}
.forum-measurement-points .measurement .box{background: #ffffff;border-radius: 16px;padding: 35px 0;width: calc((100%/4) - 15px);text-align: center;border-top: 2px solid #13BFB1;}
.forum-measurement-points .measurement .box p{text-align: left;padding: 0 40px;line-height: 35px;font-weight: bold;font-size: 20px;}
.forum-measurement-points .measurement .box1{}


/* 医学专家 */
.ASEAN-medical-forum-content .expert-team-area,.ASEAN-medical-forum-content .expert-team-area2{
    width: 100%;
    padding: 10px calc(50% - 700px);
    box-sizing: border-box;
    background: #f5f5f5; 
}
.expert-team-area li,.expert-team-area2 li{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;border-radius: 16px;padding-bottom: 15px;}
.expert-team-area li .p1,.expert-team-area2 li .p1{padding: 5px 15px;font-size: 16px;font-weight: bold;}
.expert-team-area li .p2,.expert-team-area2 li .p2{padding: 5px 15px;font-size: 15px;}
.expert-team-area .swiper-pagination-mdt,.expert-team-area2 .swiper-pagination-mdt2{text-align: center;}
.expert-team-area li img,.expert-team-area2 li img{width: 100%;}
.swiper-pagination-mdt .swiper-pagination-bullet-active{background: #13BFB1;}
.swiper-pagination-mdt .swiper-pagination-bullet{width: 30px;height: 10px;border-radius: 4px;margin: 0 5px;}
.swiper-pagination-mdt2 .swiper-pagination-bullet-active{background: #13BFB1;}
.swiper-pagination-mdt2 .swiper-pagination-bullet{width: 30px;height: 10px;border-radius: 4px;margin: 0 5px;}


/*机构支持*/
.ASEAN-medical-forum-content .support-organizations {
    width: 100%;
    padding: 30px calc(50% - 700px);
    box-sizing: border-box;
    background: #f5f5f5;
}
.support-organizations .organization-list {justify-content: space-between;flex-wrap: wrap;align-items:stretch;width: 100%;display:inline-flex;}
.support-organizations .organization-list ul{display:inline-block;width: calc((100%/4) - 15px);}
.support-organizations .organization-list ul li{background: #ffffff;border-radius: 8px;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%);padding: 15px;text-align: center;margin: 15px 10px;font-size:14px;}

/* 公益讲座 */
.ASEAN-medical-forum-content .public-welfare-lectures{
    width: 100%;
    padding: 30px calc(50% - 700px);
    box-sizing: border-box;
    background: #f5f5f5;
}
.welfare-lectures-box{padding: 50px 28px;background: url(https://img.asiancancer.com/images/newmalai/medical-forum/bg3.png) left no-repeat;}
.lecture-box{display: inline-flex;width: 100%;}
.lecture-box .img-head{width: 37%;text-align: center;}
.lecture-box .img-head img{width: 100%;}
.lecture-box .txt{width: 63%;color: #ffffff;margin-top: 80px;}
.lecture-box .txt b{display: block;}
.lecture-box .txt .bx{margin-top: 30px;}
.lecture-box .txt .botton{text-align: center;background: #13BFB1;border-radius: 16px;padding:15px 30px;color: #ffffff;}

/* 患者 */
.ASEAN-medical-forum-content .stories{
    width: 100%;
    padding: 30px calc(50% - 700px);
    box-sizing: border-box;
    background: #f5f5f5;
}
.stories-list dl{width: 32.0%;text-align: justify;margin-right: 13px;margin-bottom: 23px;background: #ffffff;border-radius: 16px;padding-bottom: 20px;
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%);height: 500px;}
.stories-list dl dt{text-align: center;}
.stories-list dl dt img{width: 100%;border-radius: 16px 16px 0 0;}
.stories-list dl .first{font-size: 24px;font-weight: bold;padding-left: 20px;}
.stories-list dl .first span{background:#13BFB1;color: #ffffff;padding: 3px 10px;border-radius: 0 0 0 8px;float: right;font-size: 16px;font-weight: normal;}
.stories-list dl dt span{background:#13BFB1;color: #ffffff;padding: 3px 10px;border-radius: 0 0 0 8px;float: right;font-size: 16px;font-weight: normal;}
.stories-list dl .second span {background: #deefee;color: #13BFB1;font-size: 14px;padding: 0 3px;}
.stories-list dl .second,.stories-list dl p{padding: 5px 20px;}
.stories-list dl p{height:150px;}

.stories .swiper-pagination-stories{text-align: center;}
.stories .swiper-pagination-bullet-active{background: #13BFB1;}
.stories .swiper-pagination-bullet{width: 30px;height: 10px;border-radius: 4px;margin: 0 5px;}
.stories-list dl .botton{color: #3498db;float: right;padding:5px 10px;}

.ASEAN-medical-forum-content .data-count{
    width: 100%;
    padding: 30px calc(50% - 700px);
    box-sizing: border-box;
    background: #f5f5f5;
}
        .counters-container {
            display: flex;
            gap: 40px;
            margin-top: 30px;
        }
        
        .counter-item {
            width: calc((100%/3) - 15px);
            padding: 50px 0;
            text-align: center;
            background: #ffffff;
            border-top: 2px solid #13BFB1;
        }
        
        .counter-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .counter {
            font-size: 48px;
            font-weight: bold;
            color: #2c3e50;
        }
        
        .plus-sign {
            width: 30px;
            height: 30px;
            background-color: #3498db;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 18px;
            font-weight: bold;
            margin-left: 8px;
        }

        .label {
            font-size: 16px;
            color: #7f8c8d;
            margin-top: 8px;
        }


/* 往届东盟论坛精彩回顾 */
.ASEAN-medical-forum-content .forum-highlights-area {
    width: 100%;
    padding: 30px calc(50% - 700px);
    box-sizing: border-box;
    background: #f5f5f5;
}

.forum-highlights-area .forum-highlights-box {
    width: 100%;
    margin-top: 30px;
}

.forum-highlights-box .swiper-container {
    width: 100%;
}

.forum-highlights-box .forum-highlights-list {
    width: 100%;
}

.forum-highlights-list .forum-highlights-item {
    width: 700px;
    height: auto;
}

.forum-highlights-list .forum-highlights-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.forum-highlights-box .swiper-pagination-highlight {
    width: 100%;
    margin-top: 0;
    padding: 15px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.forum-highlights-box .swiper-pagination-bullet {
    background: #c5c5c5;
    width: 15px;
    height: 10px;
    border-radius: 30px;
}

.forum-highlights-box .swiper-pagination-bullet-active {
    /* background: #055f87; */
    background: #13bfb1;
    width: 25px;
}

.forum-highlights-box .swiper-pagination-highlight span {
    margin: 5px;
}



/* 取消移动端的hover效果 只有pc端的生效 */
@media (any-hover: hover) {
    .treatment-techniques-list .treatment-techniques-item:hover {
        cursor: pointer;
        transform: translate(0, -10px);
        box-shadow: 0 0 10px #13bfb1;
    }

}

@media screen and (max-width: 768px) {
    .top-banner .one-title{
        width: 90%;
        height: auto;
        aspect-ratio: 79/24;
        font-size: 35px;
        padding: 0 10px;
        display: flex;
        flex-direction:column;
    }

    .top-banner .two-title{
        width: 90%;
        font-size: 20px;
        aspect-ratio: 100/20;
        padding: 0 10px;
    }
    .top-banner .atm{width: 90%;padding: 0 10px;}
    .top-banner .atm li{font-size: 16px;}

    /* 东盟论坛专题页 */
    .ASEAN-medical-forum-content .title-box {
        width: 100%;
        padding: 10px 15px;
        box-sizing: border-box;
        display: inherit;
        text-align: center;
    }

    .ASEAN-medical-forum-content .title-box .title-text {
        font-size: 25px;
        /*font-size: 20px;*/
    }

    /* 东盟活动专题介绍 */
    .ASEAN-medical-forum-content .introduction-area {
        width: 100%;
        padding: 15px 0;
    }

    .introduction-area .introduction-box {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        margin-top: 15px;
    }

    .introduction-box .introduction-img {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 15px;
        order: 1;
    }

    .introduction-box .introduction-text {
        width: 100%;
        padding: 0;
        order: 2;
    }

    .introduction-area .logo-box {
        width: 100%;
        padding: 15px 15px 30px;
        box-sizing: border-box;
        background: linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%), url(https://img.asiancancer.com/images/newmalai/dmyxlt_bg1_yd.webp) no-repeat center bottom;
    }

    .logo-box .logo-list {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        flex-wrap: wrap;
    }

    .logo-list .logo-item {
        width: 50%;
        padding: 15px 0;
        height: auto;
        box-sizing: border-box;
    }

    .logo-item .logo-img {
        width: 60px;
        height: auto;
    }

    .logo-list .logo-item:nth-child(2) .logo-img {
        width: 150px;
        height: 40px;
    }

    .logo-item .logo-text {
        font-size: 14px;
    }

    /* 论坛议程 */
    .forum-agenda .agenda{padding: 20px 10px;}
    .forum-agenda .agenda ul{display: block;width: 96%;}
    .forum-agenda .agenda li{padding: 5px 0;}
    .forum-agenda .agenda .t1, .forum-agenda .agenda .t2{height: auto;}
    .forum-agenda .agenda .t2{padding-left: 10px;font-weight: bold;width: 70%;}
    .forum-agenda .agenda .t3{font-weight:normal;}

    /* 亮点  */
    .forum-measurement-points .measurement{display: inherit;}
    .forum-measurement-points .measurement .box{width: 100%;display: inline-flex;}
    .forum-measurement-points .measurement .box p{padding: 0 12px;font-size: 17px;}

    /* 定力支持  */
    .welfare-lectures-box{background: url(https://img.asiancancer.com/images/newmalai/medical-forum/bg3.png) left repeat-y;}
    .welfare-lectures-box{padding:50px 10px;}
    .support-organizations .organization-list ul{width: calc((100%/2) - 5px);}
    .support-organizations .organization-list ul li{font-size: 15px;height:65px;}
    .lecture-box .img-head img{width: 100%;}
    .lecture-box .txt{width: 100%;}

    .ASEAN-medical-forum-content .data-count .desc{padding-left: 10px;}

    /* 医生 */
    .lecture-box{display:inherit;}
    .lecture-box .img-head{width: 100%;}
    .lecture-box .img-head img{width: 80%;}
    .lecture-box .txt .bx{text-align: center;}
    .lecture-box .txt{margin-top: 0px;}

    /* 患者 */
    .stories-list dl{width: 100%;display: block;height: auto;}

    /* 希望 */
    .ASEAN-medical-forum-content .data-count{padding-top: 0px;}
    .counters-container{display: inherit;}
    .counter-item{width: 100%;}

    /*往届东盟论坛精彩回顾*/
    .previous-sessions-box{display: none;}
    .previous-sessions-box-mobile{display: block;}

    .previous-sessions-box-mobile .img-item img{width: 100%;}
    .previous-sessions-box-mobile .swiper-container{
        width: 100%;
        margin: 15px 0 0;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .previous-sessions-box-mobile p{padding: 0 15px;}
    .previous-sessions-box-mobile .text-list{padding: 0 15px;}

    .previous-sessions-box-mobile .img-item p{
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
        font-weight: bold;
        padding: 15px;
        box-sizing: border-box;
        width: 100%;
        border-radius: 0 0 8px 8px;
    }

    /*东盟国际整合肿瘤医学论坛集锦*/
    .ASEAN-medical-forum-content .forum-highlights-area{
       width: 100%;
        padding: 15px 0;
    }

    .forum-highlights-area .forum-highlights-box{
        width: 100%;
        margin: 15px 0 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .formbg{width: 100%;}
    .organization-list .block{display: none;}
}