.breadcrumb{
    background-image: url(../img/banner-pipeline6.jpg) ;    
    background-position: bottom;
    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;
    letter-spacing: 2px;
}

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

.main-text p{
    margin-block-start: 1.2em !important;
    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.8rem 0; background-color: #00356C;color: #fff;border-radius: 0;font-size: 1.2rem;font-weight: 600;border: none;letter-spacing: 4px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {    background-color: #00356C;  color: #11C1AC;  }




/*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.18rem;
    margin-top: -2.5rem;
    position: relative;
    top: 120px;
    margin-left: 3.6rem;
    text-align: center;
}

.single-pipelinecontent:first-child .pipeclass h6{top: 200px;}
.single-pipelinecontent:last-child .pipeclass h6{top: 145px;}







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

    }
.flex-column.one-eight.program{width:24.5%;    padding-left: 3.6em; }
.flex-column.one-eight.modality{width:12.5%;    padding-left: 0.8rem;}
.flex-column.one-eight.target{width:12.5%;    padding-left: 0.8rem;}
.flex-column.one-eight.indication{width:12.5%;    padding-left: 0.8rem;}
.flex-column.one-eight.phase0{width:10%;    padding-left: 0.8rem;}
.flex-column.one-eight.phase1{width:10%;}
.flex-column.one-eight.phase2{width:10%;}
.flex-column.one-eight.rights{width:8%;    padding-left: 0.8rem;}

.pipelinecontent {border-right: 0.08rem solid #00356C;border-left: 0.08rem solid transparent;    position: relative;     }


.pipelinecontent .single-pipeline.flex-row {cursor:pointer;position: relative;height: 6rem;}
div[data-src="#ol-108"]{height: 7rem !important;}
.pipelinecontent .single-pipeline.flex-row.spacer {height: 1rem;}
.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; 
}


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

.pipelinecontent .flex-column.one-eight.program{width:24.5%;  border-left: solid 3.6rem #11C1AC; padding-left: 0.8rem;font-weight:600;}
.left-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.6rem;
    height: 100%;
    background-color: transparent;
    cursor: auto;
    pointer-events: auto; /* Ensures this div captures pointer events */
}
.spacer .flex-column.one-eight.program{border-left: solid 3.6rem #fff; }

.pipelinecontent .flex-column.one-eight.phase012{width:30%;    padding-left: 0.8rem;}
.pipelinecontent .single-pipelinecontent{
    position: relative;
    }
.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: 108px;
    font-size: 1.18rem;
    border: 0.08rem solid #00356C;
    background: #fff;
}




/*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.8em;
    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-src="#other-car-t"],div[data-src="#allo-316"],div[data-src="#other-allo-715-605-819-213"] {
  pointer-events: none; 
}

/*pipeline end*/

/*publications start*/
.sub_title {    font-size: 1.1rem;    display: block;}
.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*/

/*access 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;}
/*access end*/









@media (min-width: 991px) and (max-width: 1200px){
.pipeline header {top: 88px;}
}
@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:35%;}
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:15%;        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;margin-top: 0.8rem;}
.single-pipelinecontent:last-child .pipeclass h6{    top: 0;margin-top: 0.8rem;}
.pipeclass h6 br{display:none;}
.left-overlay { width: 0;}
.pipelinecontent{border-right: none;}
.pipelinecontent .single-pipeline.flex-row{display: block; margin-top: 0.5rem;  height: 10rem !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: 0.2rem !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:85%;display: inline-block;}
.pipelinecontent .flex-column.one-eight.rights {width: 15%;display: inline-block;position: absolute;top: 30%;border-left:none !important;}
.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: "项目: ";}
.pipelinecontent .flex-column.one-eight.modality::before{content: "模式: ";font-weight:600;}
.pipelinecontent .flex-column.one-eight.indication::before{content: "适应症: ";font-weight:600;}
.pipelinecontent .flex-column.one-eight.target::before{content: "目标: ";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;
}


}



@media (max-width: 991px){

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

}
@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:27%;}
header .flex-column.one-eight.phase1{width:27%;padding-left: 0.5rem !important;}
header .flex-column.one-eight.phase1 br{display: initial;}
header .flex-column.one-eight.phase2{width:27%;padding-left: 0.5rem !important;}
header .flex-column.one-eight.phase2 br{display: initial;}
header .flex-column.one-eight.rights{width:19%;}
.pipelinecontent .flex-column.one-eight.phase012{width:81%;}
.pipelinecontent .flex-column.one-eight.rights{width:19%;}

.pipelinecontent .single-pipeline.flex-row{height: 8.5rem !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;}



.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: 7.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;}

    
}
@media (max-width: 400px){


}

@media (max-width: 385px){

}