.breadcrumb{
    background-image: url(../img/banner-pipeline7.jpg) ;    
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}



.main-text h2{
    margin-bottom:30px;
    color: #00356C;
    font-size: 2.5em;
    font-weight: 600;
    text-align: center;
}

.main-text h3 a{
    color: #00356C;
    font-size: 1.2rem;
    font-weight: 600;
    margin:20px 0 10px 0;
    text-align: left;
    /*word-break: break-all;*/
}

.main-text p{
    color: #222222;
    font-size: 20px;
    font-weight: 400;
}

#pills-tab .col-lg-4{padding: 0.1rem; }
#pills-tab .col-lg-6{padding: 0; }
#pills-tab .col-lg-6:first-child{padding-right:0.1rem;}
#pills-tab .col-lg-6:last-child{padding-left:0.1rem;}
.nav-pills .nav-link {width: 100%;    padding: 0; background-color: transparent;color: #00356C;border-radius: 0;font-size: 1.2rem;border: none;text-align: center;}
.nav-pills .nav-link:hover {font-weight:600;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {    background-color: transparent;  color: #11C1AC; font-weight: 600; }


#pills-tab li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: #00356C;
}
/*pipeline syzygit*/
.flex-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    justify-content: space-evenly;
    padding: 0;
    flex-wrap: wrap;
    color:#00356C;
    font-weight:600;
}

.flex-column {
    padding: 0;
    width: 100%;
}


.pipeclass{
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /*margin-top: -1rem;*/
}


.pipeclass h6 {
    z-index: 1;
    color:#fff;
    font-weight:600;
        transform: rotate(270deg);
    -ms-transform: rotate(270deg);       /* IE 9 */
    -webkit-transform: rotate(270deg);   /* Safari and Chrome */
    -o-transform: rotate(270deg);        /* Opera */
    -moz-transform: rotate(270deg);      /*firefox*/
    white-space: nowrap;
    font-size: 1.01rem;
    margin-top: -2.5rem;
    position: relative;
    top: 265px;
    margin-left: 2.5rem;
    text-align: center;
    /*transition: top 0.35s ease-in-out;  添加过渡效果 */
}

.pipeclass.h6-transition h6 {
    transition: top 0.25s ease-in-out; /* 页面加载完后再启用 transition */
}

header .flex-column.one-eight{color: #ffffff;}

.flex-column.one-eight{width: 12.5%;
    text-align: left; 
    line-height:1.2;
    display: inline-flex;
    color: #00356C;
    font-size: 1.01rem;

    }
.flex-column.one-eight.program{width:22.5%;    padding-left: 4.6em; }
.flex-column.one-eight.modality{width:17.5%;    padding-left: 0.8rem;}
.flex-column.one-eight.target{width:0%;    padding-left: 0.8rem;}
.flex-column.one-eight.indication{width:13.5%;    padding-left: 0.8rem;}
.flex-column.one-eight.phase0{width:12%;    padding-left: 0.8rem;}
.flex-column.one-eight.phase1{width:7%;}
.flex-column.one-eight.phase2{width:7%;}
.flex-column.one-eight.rights{width:18.5%;    padding-left: 0.8rem;}

.pipelinecontent {   position: relative;     }
/*.single-pipelinecontent {margin-bottom:0.5rem;}*/

.pipelinecontent .single-pipeline.flex-row {position: relative; height: 10rem;} /*鼠标点击 cursor:pointer;*/
/*div[data-src="#ol-108"]{height: 7rem !important;}*/
.pipelinecontent .single-pipeline.flex-row.spacer {height: 0.25rem;}
.pipelinecontent .flex-column.one-eight{
  font-weight:200;  

  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-align: center;
  
  display: box;
  box-orient: horizontal;
  box-align: center; 
}

.pipelinecontent .flex-column.one-eight.rights img {
    width: 37px;
    margin-right:0.8em;
    display: block;
}

.bg-gray{
    background: #EAEEF0;
}




/* 未展开时（Bootstrap 默认加上 .collapsed） */


.bg-gray::before,
.bg-gray::after {
    content: "";
    position: absolute;
    left: 2.6rem;
    width: calc(100% - 2.5rem);
    border-bottom: 0.25rem solid #FFF !important;
    border-top: 0.25rem solid #FFF !important;
}

/* .bg-gray::before {
    bottom: 0; 原有的下方白条 
}*/

.bg-gray::after {
    top: 0; /* 新增的上方白条 */
}


/* 当展开时，隐藏 .bg-gray::before 的 border-bottom */
.single-pipeline:not(.collapsed)::before {
    border-bottom: none !important;
}


/* 确保最后一个 .bg-gray.collapsed 元素不使用 2.6rem 左间隔 */
div[data-target="#ol-101"]::after {
  left: 0 !important;
  width:100% !important;
}

div[data-target="#ol-280"]::before {
  left: 0 !important;
  width:100% !important;
}

div[data-target="#allo-316"]::after {
  left: 0 !important;
  width:100% !important;
}
div[data-target="#other-allo-715-605-819-213"]::before {
  left: 0 !important;
  width:100% !important;
}



/* .single-pipeline::after {
    content: "";
    position: absolute;
    left: 3.6rem;
    bottom: 0;
    width: calc(100% - 3.6rem);
    border-bottom: 1px solid #dee2e6 !important; 根据需要调整边框颜色和宽度 
}*/


.pipelinecontent .flex-column.one-eight.program{width:22.5%;  border-left: solid 2.5rem #11C1AC; padding-left: 2.2rem;font-weight:600;padding-right: 0.5rem;}



.left-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.1rem;
    height: 100%;
    background-color: transparent;
    cursor: auto;
    border-right: 0.5rem solid #fff;
    border-left: 0.5rem solid #11C1AC;
    pointer-events: auto; /* Ensures this div captures pointer events */
}



.spacer .flex-column.one-eight.program{border-left: solid 2.5rem #11C1AC;background-color: #fff; }
#ol-280 .spacer .flex-column.one-eight.program{    border-left: solid 2.5rem #fff;}

.pipelinecontent .flex-column.one-eight.phase012{width:26%;    padding-left: 0.8rem;}
.pipelinecontent .single-pipelinecontent{
    position: relative;
    _margin-bottom: 0.5rem;
    }
/*.pipelinecontent .single-pipelinecontent::after{    
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 0.08rem solid #00356C;
    z-index: 3;
    }*/

.pipelinecontent .progress-bar {
    height: 10px;
    -webkit-transition: height .15s ease;
    transition: height .15s ease;
    max-width: 95%;
    background-color:#11C1AC;
    border-radius: 9px;
}
.pipelinecontent .progress-bar-container {
    height: 1px;
    width: 100%;
    margin: 0 0 0 1rem;
}

.pipeclass {
    position: relative;
}


.phasebar{
    display: inline-block;
    width: 75.2%;
    vertical-align: middle;
    margin-left: 28px;
}



.flex-column.one-eight.partner{
    _border-bottom: solid 1px #ccc;
    width: 13%;
    margin: auto;
}

.flex-column.one-eight.partner img{
    padding: 15px 15px 15px 0;
    /*max-width: 100px;*/
}

.pipeline header {
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    top: 87px;
    font-size: 1.18rem;
    /*border: 0.08rem solid #00356C;*/
    background: #00356C;
    margin-bottom: 0.25rem;

}



/*click pipeline start*/

.pipelinecontent .flex-column.program {
    width: 100%;
    border-left: solid 2.5rem #11C1AC;
    padding-left: 2.2rem;
    font-weight: 200;
    background: #EAEEF0;
    padding-bottom: 1rem;
}
.clickpipeline p{
    font-size: 1.01rem;
    color:#00356C;
    margin-top: 10px; /* 设置换行后间距 */
    margin-right: 25px;
}

.toggle-icon {
display: flex
;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #11C1AC;
    color: white;
    font-size: 0.9rem;
    margin-left: 2rem;
}

.single-pipeline .program {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



/*click pipeline end*/



/*fancybox pipeline*/
.fancybox-content {
    width:1140px;
    padding: 18px 40px 0 30px;
    animation-duration: 0.8s;
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 2px 8px 23px 3px rgb(0 0 0 / 20%);
}

.fancybox-content h2{
    color: #00356C;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
}
.fancybox-content h3{
    color: #00356C;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 10px;
}

.fancybox-content p{
    color: #222222;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 20px;
}

.fancybox-content ul {
    list-style: disc;
    margin: revert;
    padding: revert;
    margin-top: 5px;
    margin-bottom:20px;
    padding-left: 1.3rem;
}
    
.fancybox-content li{
    color: #222222;
    font-size: 18px;
    font-weight: 400;
}

.fancybox-content p sup{
    color: #222222;
}
.fancybox-content li sup{
    color: #222222;
}

.fancybox-content em sup{
    color: #222222;
}

.fancybox-slide--html .fancybox-close-small{
    padding: 0;
}
.fancybox-button svg{
    color:#00356C;
}

/* 禁用点击事件 */
div[data-target="#allo-316"],div[data-target="#other-allo-715-605-819-213"] {
  pointer-events: none; 
}



/*pipeline end*/

/*publications start*/
.sub_title {    font-size: 1.1rem;    display: block;  color: gray;}
.pub_date {font-size: 1.1rem;color: #11C1AC;}
.download_button {
    width: 150px;
    display: inline-flex;
    font-size: 1.1rem;
    color: #FFFFFF;
    background-color: #11C1AC;
    border-radius: 10px;
    padding: 5px 0px 5px 15px;
    float: right;
    margin-top: 8px;
}
.download_button:hover {color: #FFFFFF;}
.download_button:active {color: #FFFFFF;}
.down_ico {width: 24px;    margin: 0 0 0 15px;}
.single_publication {    border-bottom: #00356C solid 1px;    padding-bottom: 1.2rem;}
.single_publication:first-child{padding-top:0 !important;}

/*publications end*/

/*trials start*/
#pills-access p{
    color: #00356C;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    text-align: justify;
}
#pills-access em a{color: #00356C;    text-decoration: underline;}
#pills-access a{color: #11C1AC;}


.main-text .all_trials h3{
    color: #00356C;
    font-size: 1.2rem;
    font-weight: 600;
    margin:20px 0 20px 0;
    text-align: left;
}
.study_id {    font-size: 1.1rem;    display: block;  color: gray;    margin-bottom: 0.5em;}
.status {font-size: 1.1rem;color: #11C1AC;}
.single_trial {    border-bottom: #00356C solid 1px;    padding-bottom: 2.5em;}


.infoemail h4{color:gray;}
.infoemail h4 a{color:gray;}
.arrow-green {
    margin-left: 1em;
    margin-top: 0.1rem;
    max-width: 6%;
}
.arrow-green img.arrow-green {float:right;margin-top: 0.1rem;max-width: 6%;}
.arrow-green img{width:1.4rem;}
/*trials end*/









@media (min-width: 991px) and (max-width: 1200px){
.pipeline header {top: 87px;}
}
@media (max-width: 1140px){
header .flex-column.one-eight.program {display:none;}
header .flex-column.one-eight.modality {display:none;}
header .flex-column.one-eight.indication {display:none;}
header .flex-column.one-eight.target {display:none;}
header .flex-column.one-eight.phase0 {width:25%;}
header .flex-column.one-eight.phase1 {width:25%;    padding-bottom: 1rem !important;    padding-top: 1rem !important;}
header .flex-column.one-eight.phase2 {width:25%;    padding-bottom: 1rem !important;    padding-top: 1rem !important;}
header .flex-column.one-eight.rights {width:25%;        border-left: none !important;}
header .flex-column.one-eight br{display:none;}

.pipeclass {
    width: 100%;
    display: flex;
    justify-content: left;
    position: relative;
    margin-top: 0;
    border-bottom: 0.08rem #00356C solid;
}
.pipeclass h6 {
    z-index: 1;
    color: #00356C;
    font-weight: 600;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    white-space: nowrap;
    font-size: 1.18rem;
    margin-top: 0;
    margin-left: 0;
    text-align: left;
}
.pipeclass h6:before {
    font-family: 'FontAwesome';
    content: '\f0da';
    margin: 0 0.2em 0 0;
    color: #00356C;
    margin-left: 0;
}



.single-pipelinecontent:first-child .pipeclass h6{    top:0 !important;margin-top: 0.8rem;}
.single-pipelinecontent:last-child .pipeclass h6{    top: 0 !important;margin-top: 0.8rem;}
.pipeclass h6 br{display:none;}
.left-overlay { width: 0;    border-left: 0;}

.pipelinecontent{border-right: none;}
.pipelinecontent .single-pipeline.flex-row{display: block;  margin-top: 0.5rem; height: 9rem !important;}
.pipelinecontent .single-pipeline.flex-row.spacer{display:none;}
.pipelinecontent .single-pipeline.flex-row.spacer::after{display:none;}
.pipelinecontent .flex-column.one-eight.program {border-left:none;width:100%;        padding-left: 0.8rem !important;padding-top: 1rem !important;padding-bottom: 0.2rem !important;border-right: none !important;}
.pipelinecontent .flex-column.one-eight.modality {width:100%;padding-left: 0.8rem !important;padding-top: 0.2rem !important;padding-bottom: 0.2rem !important;border-right: none !important;}
.pipelinecontent .flex-column.one-eight.indication {width:100%; padding-left: 0.8rem !important;padding-top: 0.2rem !important;padding-bottom: 0.2rem !important;border-right: none !important;}
.pipelinecontent .flex-column.one-eight.target {width:100%; padding-left: 0.8rem !important;padding-top: 0.2rem !important;padding-bottom: 0.2rem !important;border-right: none !important;}
.pipelinecontent .flex-column.one-eight.phase012 {width:58%;display: inline-block;}
.pipelinecontent .flex-column.one-eight.rights {width: 25%; position: absolute;top: 15%;border-left:none !important; right:0;}
.pipelinecontent .single-pipelinecontent:nth-child(2) .flex-column.one-eight.rights{top: 20%;}
.pipelinecontent .flex-column.one-eight br{display:none;}
.pipelinecontent .flex-column.one-eight.rights br{display:initial;}
div[data-src="#ol-108"] {height: 6rem !important;}
.pipelinecontent .single-pipelinecontent .single-pipeline::after{border-bottom:none !important;}

.pipelinecontent .flex-column.one-eight.program::before{content: "Program: ";}
.pipelinecontent .flex-column.one-eight.modality::before{content: "Modality: ";font-weight:600;}
.pipelinecontent .flex-column.one-eight.indication::before{content: "Indication: ";font-weight:600;}
.pipelinecontent .flex-column.one-eight.target::before{content: "Target: ";font-weight:600;}

.pipelinecontent .single-pipeline.flex-row::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    _border-bottom: 0.08rem solid #00356C !important;
    z-index: 3;
}

.bg-gray.collapsed::before {
    left: 0;
    width: 100%;
}

.pipelinecontent .flex-column.program {
    border-left: 0;
    padding-left: 1.2rem;
    padding-right: 1rem;
}



.bg-gray::before, .bg-gray::after{border-bottom:none !important;}

}



@media (max-width: 991px){

.main-text h2{font-size: 2em;}
.pipeline header{top:0;}
#pills-tab .col-lg-6{padding: 0.1rem; }


#pills-tab li:not(:last-child)::after {    content: none;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#00356C;}

.infoemail{text-align: center;}
.arrow-green {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0.5rem auto;}
        
}
@media (max-width: 767px){
.container.box_1140.pipeline{padding:0;}
.main-text h2 {font-size:1.6em;}

header .flex-column.one-eight {font-size:1rem;}


.sample-text-area {
    padding-top: 30px;
}    


.pipeclass {width: 100%;text-align: left;margin: 0;}
.pipeclass h6{transform: none;font-size: 1rem;}

header .flex-column.one-eight.phase0{width:25%;}
header .flex-column.one-eight.phase1{width:24%;padding-bottom: 0.4rem !important;        padding-top: 0.4rem !important;padding-left: 0.8rem !important;}
header .flex-column.one-eight.phase1 br{display: initial;}
header .flex-column.one-eight.phase2{width:23%;padding-bottom: 0.4rem !important;        padding-top: 0.4rem !important;padding-left: 0.8rem !important;}
header .flex-column.one-eight.phase2 br{display: initial;}
header .flex-column.one-eight.rights{width:28%;}
.pipelinecontent .flex-column.one-eight.phase012{width:58%;}
.pipelinecontent .flex-column.one-eight.rights{width:28%;}

.pipelinecontent .single-pipeline.flex-row{height: 8rem !important;}
.pipelinecontent .flex-column.one-eight{ font-size: 1rem;}
.pipelinecontent .flex-column.one-eight.phase012{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}

.pipelinecontent .flex-column.one-eight.rights img {
    width: 30px;
    margin-right: 0.4em;
}

.flex-column.pipeheadclass{display:none;}
.flex-column.one-eight {width: 20%;}

	
.flex-column.four-eight{width: 79%;display:inline-block;float: inline-start;}


.pipeline .list header .phases>.flex-column {
    padding: 0 5px;
    font-size: 16px;
}
.flex-column.four-eight .phase_text {
    display: block;
    margin: -5px 0 5px 0;
}
.flex-column.four-eight{padding:0 0 0 10px;vertical-align: middle;}
.flex-column.four-eight h6 {
    margin-bottom: 20px;
}


    .fancybox-content {padding:20px;}
    .fancybox-content h2{font-size:20px;}
    .fancybox-content h3{font-size:20px;}
    .fancybox-content p, .fancybox-content li{font-size:16px;}
    .pipelinebutton {
        width: 180px;
        font-size: 14px;
        padding: 8px 0px 7px 0px;
        float: right;
        margin: 0 auto;
    }


.menu_fixed {position: absolute;}
}
@media (max-width: 576px){

header .flex-column.one-eight {font-size:0.8rem;}
.pipeclass h6{transform: none;font-size: 0.8rem;}
.pipelinecontent .flex-column.one-eight{ font-size: 0.8rem;}

.pipelinecontent .single-pipeline.flex-row {
    height: 6.5rem !important;
}

.fancybox-content {padding:15px;}
.fancybox-content h2{font-size:18px;}
.fancybox-content h3{font-size:18px;}
.fancybox-content p, .fancybox-content li{font-size:14px;}

.pipelinecontent .flex-column.one-eight.program {

    padding-top: 0.4rem !important;

}

.pipelinecontent .flex-column.one-eight.rights img{display:none;}
.pipelinecontent .flex-column.one-eight.rights{top:10%;}
.clickpipeline p {
    font-size: 0.95rem;
    line-height:1.5;
}
}
@media (max-width: 400px){


}

@media (max-width: 385px){

}