/* —————————— 1 —————————— */
.assays_first {
    padding: .6rem 0 1rem;
}

.assays_msg {
    padding: .5rem .4rem;
    border-radius: .04rem;
    background: rgb(240, 248, 248);
    color: rgb(0, 0, 0);
    font-size: var(--fontSize16);
    font-weight: 400;
    line-height: 2.4;
}

.hit {
    border-radius: .04rem;
    background: rgb(125, 161, 232);
    width: 4rem;
    height: .6rem;
    color: rgb(255, 255, 255);
    font-size: .3rem;
    font-weight: 500;
}

.lead {
    border-radius: .04rem;
    background: rgb(168, 168, 240);
    width: 4rem;
    height: .6rem;
    color: rgb(255, 255, 255);
    font-size: .3rem;
    font-weight: 500;
}

.hit_lead {
    justify-content: center;
    align-items: center;
    margin: .4rem 0;
}

.hit_lead img {
    width: .79rem;
    margin: 0 .6rem;
}

.hitlead_flex {
    margin: 0 0 0 -0.35rem;
}

.hitlead_circle {
    position: relative;
    width: calc(20% - .35rem);
    margin: 0 0 .2rem .35rem;
}

.hitlead_circle::after {
    content: "";
    position: absolute;
    right: -0.255rem;
    top: 50%;
    transform: translateY(-50%);
    width: .16rem;
    height: .27rem;
    background: url(../assays/icon02.png) no-repeat center;
    background-size: .16rem auto;
}

.hitlead_flex .hitlead_circle:last-child::after {
    display: none;
}

.hitlead_list {
    margin: 0 0 0 -0.35rem;
}

.hitlead_list li {
    width: calc(20% - .35rem);
    margin: 0 0 .2rem .35rem;
}

.hitlead_box {
    border-radius: .04rem;
    background: rgba(228, 244, 250, 0.5);
    height: 100%;
    padding: .1rem;
}

.hitlead_title {
    padding: .1rem 0;
    border-bottom: .02rem solid rgba(0, 164, 156, 0.2);
    color: rgb(0, 134, 209);
    font-size: var(--fontSize16);
    font-weight: 500;
}

.hitlead_info {
    color: rgb(51, 51, 51);
    font-size: var(--fontSize14);
    font-weight: 400;
    padding: .1rem 0;
    word-break: break-all;
}




/* —————————— 2 —————————— */
.assays_second {
    background: rgb(247, 250, 252);
    padding: 1rem 0 .8rem;
    overflow: hidden;
}

.libraries_flex {
    justify-content: space-between;
}

.libraries_img {
    width: 73.75%;
    position: relative;
    z-index: 1;
}

.libraries_img img {
    width: 100%;
}

.libraries_img::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(238, 245, 250, 0.56);
    border-radius: 50%;
    width: 65.7292vw;
    height: 65.7292vw;
    z-index: -1;
}




/* —————————— 3 —————————— */
.assays_third {
    padding: 1.2rem 0;
}

.biophy_assay {
    position: relative;
    color: rgb(0, 164, 156);
    font-size: .24rem;
    font-weight: 500;
    text-align: center;
}

.biophy_assay::after,
.biophy_assay::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 26.0417vw;
    height: .06rem;
    background-repeat: no-repeat;
    background-size: auto .06rem;
}

.biophy_assay::after {
    right: 1rem;
    background-image: url(../protein/line02.png);
    background-position: left;
}

.biophy_assay::before {
    left: 1rem;
    background-image: url(../protein/line01.png);
    background-position: right;
}

.biophyAss_flex {
    justify-content: center;
    align-items: center;
    margin-top: .4rem;
}

.biophyAss_flex1 {
    width: 50%;
    position: relative;
}

.biophyAss_flex2 {
    width: 50%;
    margin-left: -0.18rem;
    position: relative;
}

.biophyAss_link {
    position: absolute;
    width: 24%;
    height: 75%;
    border-radius: 50%;
    display: inline-block;
}




/* —————————— 4 —————————— */
.assays_fourth {
    background: rgb(247, 250, 252);
    padding: 1.1rem 0 1.4rem;
}

.bioche_flex {
    position: relative;
    margin: 0 0 0 -0.2rem;
}

.bioche_img {
    width: calc(50% - .2rem);
    margin: 0 0 .2rem .2rem;
}

.bioche_img img {
    width: 100%;
}

.bioche_circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.4rem;
    height: 2.4rem;
    background: rgb(241, 249, 254);
    border: .12rem solid #fff;
    border-radius: 50%;
}

.bioche_title {
    color: rgb(0, 134, 209);
    font-size: .3rem;
    font-weight: 600;
    text-align: center;
}




/* —————————— 5 —————————— */
.assays_fifth {
    padding: 1.2rem 0;
    overflow: hidden;
}

.cellbased_img {
    position: relative;
    z-index: 1;
}

.cellbased_img img {
    width: 100%;
}

.cellbased_img::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100vw;
    height: calc(100% + 1.8rem);
    background: url(../assays/cellbased01.png) no-repeat center bottom;
    background-size: 100% 100%;
}




/* —————————— 6 —————————— */
.assays_sixth {
    padding: .4rem 0 1.2rem;
}

.target_list {
    margin: 0 0 0 -0.2rem;
}

.target_list li {
    width: calc(25% - .2rem);
    margin: 0 0 .2rem .2rem;
}

.target_box {
    border-radius: .04rem;
    background: rgb(239, 246, 249);
    height: 100%;
    position: relative;
}

.target_num {
    position: absolute;
    background: rgb(255, 158, 0);
    border-radius: 50%;
    width: .52rem;
    height: .52rem;
    border: .03rem solid #fff;
    color: rgb(255, 255, 255);
    font-size: .36rem;
    line-height: 1;
    font-weight: 600;
    right: .2rem;
    top: .62rem;
}

.target_title {
    border-radius: .04rem;
    background: rgb(0, 134, 209);
    height: .88rem;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: .3rem;
    font-weight: 500;
    padding: 0 .2rem;
}
.target_title a{
    color: rgb(255, 255, 255);
}
.target_info {
    color: rgb(51, 51, 51);
    font-size: var(--fontSize18);
    line-height: 1.7;
    padding: .4rem .2rem;
}

.target_info p {
    position: relative;
    padding-left: .2rem;
}

.target_info p::before {
    content: "";
    position: absolute;
    width: .04rem;
    height: .04rem;
    background: #000;
    border-radius: 50%;
    left: .08rem;
    top: .13rem;
}

.target_main {
    padding-bottom: .1rem;
    border-bottom: .03rem solid rgb(0, 134, 209);
}


@media only screen and (max-width: 1200px) {
    .target_info p {
        padding-left: 15px;
    }

    .target_info p::before {
        width: 3px;
        height: 3px;
        left: 7px;
        top: 9px;
    }
}

@media only screen and (max-width: 768px) {
    .assays_first {
        padding: 0 0 20px;
    }

    .assays_fourth,
    .assays_third,
    .assays_second {
        padding: 20px 0;
    }

    .assays_fifth {
        padding: 1.2rem 0 0;
    }

    .assays_sixth {
        padding: 20px 0;
    }
}

@media only screen and (max-width: 500px) {
    .hit_lead img {
        margin: 0 10px;
    }

    .hitlead_circle {
        width: calc(33.33% - .35rem);
    }

    .hitlead_list li {
        width: calc(50% - .35rem);
    }

    .libraries_img {
        width: 100%;
    }

    .libraries_img::before {
        width: 100vw;
        height: 100vw;
    }

    .biophyAss_flex1 {
        width: 100%;
    }

    .biophyAss_flex2 {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    .biophy_assay::before {
        left: 0;
    }

    .biophy_assay::after {
        right: 0;
    }

    .bioche_img {
        width: 100%;
    }

    .bioche_circle {
        display: none;
    }

    .target_list li {
        width: calc(50% - .2rem);
    }
}












/* ==========================================================================
   先导化合物库
   ========================================================================== */
.plasmid {
    padding: .4rem 0 1.2rem;
}

.lead_like {
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    padding: .7rem .4rem;
    color: rgb(0, 0, 0);
    font-size: var(--fontSize16);
    font-weight: 400;
    line-height: 2.4;
}

.pre_dian2 p {
    position: relative;
    padding-left: .2rem;
}

.pre_dian2 p::before {
    content: "";
    position: absolute;
    left: .08rem;
    top: .17rem;
    width: .04rem;
    height: .04rem;
    background: #000;
    border-radius: 50%;
}

@media only screen and (max-width: 1200px) {
    .lead_like {
        line-height: 2;
    }

    .pre_dian2 p {
        padding-left: 15px;
    }

    .pre_dian2 p::before {
        left: 6px;
        top: 11px;
        width: 3px;
        height: 3px;
    }
}

@media only screen and (max-width: 768px) {
    .plasmid {
        padding: 20px 0;
    }
}

@media only screen and (max-width: 500px) {
    .lead_like {
        padding: 20px 10px;
    }
}













/* ==========================================================================
   共价库
   ========================================================================== */
.covalent_flex {
    justify-content: space-between;
}

.covalent_left {
    width: 3.4rem;
}

.covalent_info {
    color: rgb(0, 0, 0);
    font-size: var(--fontSize16);
    font-weight: 400;
    line-height: 2.4;
}

.covalent_right {
    width: calc(100% - 3.6rem);
}

.covalent_right img {
    width: 100%;
}


@media only screen and (max-width: 1200px) {
    .covalent_info {
        line-height: 2;
    }
}

@media only screen and (max-width: 500px) {
    .covalent_right {
        width: 100%;
        margin-top: 10px;
    }

    .covalent_left {
        width: 100%;
    }
}













/* ==========================================================================
   分子胶
   ========================================================================== */
.glue_list {
    margin: 0 0 0 -0.4rem;
}

.glue_list li {
    width: calc(50% - .4rem);
    margin: 0 0 .4rem .4rem;
}

.glue_box {
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    padding: .25rem;
    height: 100%;
}

.glue_title {
    color: rgb(0, 134, 209);
    font-size: .2rem;
    font-weight: 500;
    padding-bottom: .1rem;
    border-bottom: 1px solid rgba(0, 164, 156, 0.3);
}

.glue_info {
    margin-top: .1rem;
    color: rgb(51, 51, 51);
    font-size: var(--fontSize16);
    line-height: 2.4;
}


.mole_title {
    color: rgb(0, 0, 0);
    font-size: .24rem;
    line-height: 1.2;
    font-weight: 500;
    border-radius: .04rem;
    background: rgb(217, 234, 242);
    height: .6rem;
    margin-bottom: .1rem;
}

.mole_img .pic {
    border-radius: .04rem;
}

.mole_list {
    margin: -0.4rem 0 0 -0.4rem;
}

.mole_list li {
    width: calc(50% - .4rem);
    margin: .4rem 0 0 .4rem;
}


@media only screen and (max-width: 1200px) {
    .glue_info {
        line-height: 2;
    }
}

@media only screen and (max-width: 768px) {
    .glue_title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px) {

    .glue_list li,
    .mole_list li {
        width: 100%;
    }
}











/* ==========================================================================
   HTS
   ========================================================================== */
.workflow_list {
    margin: -0.3rem 0 0 -0.3rem;
}

.workflow_list li {
    width: calc(33.33% - .3rem);
    margin: .3rem 0 0 .3rem;
}

.workflow_box {
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    padding: 0 .25rem .25rem;
    min-height: 2rem;
}

.workflow_title {
    align-items: center;
    height: .6rem;
    border-bottom: 1px solid rgba(0, 164, 156, 0.3);
    color: rgb(0, 134, 209);
    font-size: .2rem;
    font-weight: 500;
    line-height: 1.2;
}

.workflow_info {
    margin-top: .1rem;
    color: rgb(51, 51, 51);
    font-size: var(--fontSize16);
    line-height: 2;
}

.pre_tick p {
    position: relative;
    padding-left: .2rem;
}

.pre_tick p::before {
    content: "";
    position: absolute;
    width: .13rem;
    height: .1rem;
    background: url(../assays/tick.svg) no-repeat;
    background-size: .13rem auto;
    left: 0;
    top: .11rem;
}

.pre_dian3 p {
    position: relative;
    padding-left: .2rem;
}

.pre_dian3 p::before {
    content: "";
    position: absolute;
    left: .08rem;
    top: .14rem;
    width: .04rem;
    height: .04rem;
    background: #000;
    border-radius: 50%;
}

.workflow_img {
    border: 1px solid rgb(0, 134, 209);
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.workflow_order {
    color: rgb(255, 255, 255);
    font-size: .2rem;
    line-height: 1;
    font-weight: 500;
    height: .6rem;
    margin: .4rem 0;
    text-align: center;
    padding: 0 .1rem;
    position: relative;
    z-index: 1;
}

.workflow_order::before {
    content: "";
    position: absolute;
    left: -0.15rem;
    top: 0;
    width: calc(100% + .3rem);
    height: 100%;
    background: url(../assays/arr01.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

.workflow_list li:nth-child(2) .workflow_order::before {
    background-image: url(../assays/arr02.png);
}

.workflow_list li:nth-child(3) .workflow_order::before {
    background-image: url(../assays/arr03.png);
}


.screeningflow_list {
    padding: 0 1rem;
    margin: 0 0 0 -0.8rem;
    justify-content: center;
}

.screeningflow_list li {
    margin: 0 0 .3rem .8rem;
    width: 2.29rem;
}

.screeningflow_list li:first-child {
    width: 4.07rem;
}

.screeningflow_title {
    color: rgb(0, 0, 0);
    font-size: .16rem;
    font-weight: 400;
    line-height: 120%;
    height: .6rem;
    border-radius: .04rem;
    background: rgb(217, 234, 242);
    text-align: center;
    margin-top: .1rem;
}

.screeningflow_img img {
    border-radius: .04rem;
    width: 100%;
}

.screeningflow_img {
    position: relative;
}

.screeningflow_img::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.56rem;
    width: .32rem;
    height: .22rem;
    background: url(../assays/icon03.png) no-repeat;
    background-size: .32rem auto;
}

.screeningflow_list2 li:last-child .screeningflow_img::after,
.screeningflow_list li:last-child .screeningflow_img::after {
    display: none;
}

.screeningflow_list2 {
    margin: 0 0 0 -0.9rem;
}

.screeningflow_list2 li {
    width: calc(33.33% - .9rem);
    margin: .45rem 0 0 .9rem;
}

.screeningflow_list2 .screeningflow_title {
    font-size: .2rem;
    color: rgb(255, 255, 255);
    background: rgb(0, 134, 209);
}

@media only screen and (max-width: 1200px) {
    .screeningflow_list {
        padding: 0;
    }

    .pre_tick p {
        padding-left: 15px;
    }

    .pre_tick p::before {
        top: .16rem;
    }

    .pre_dian3 p {
        padding-left: 15px;
    }

    .pre_dian3 p::before {
        left: 6px;
        top: 11px;
        width: 3px;
        height: 3px;
    }
}

@media only screen and (max-width: 500px) {
    .workflow_list li {
        width: 100%;
    }

    .workflow_order {
        font-size: 12px;
        height: 30px;
    }

    .screeningflow_title {
        height: 30px;
        font-size: 12px;
    }

    .screeningflow_list2 li {
        width: calc(95% - .9rem);
    }

    .screeningflow_list li {
        width: 35%;
    }
}












/* ==========================================================================
   TSA
   ========================================================================== */
.tsa_flex {
    justify-content: space-between;
    align-items: center;
}

.tsa_left {
    width: 3.4rem;
}

.tsa_right {
    width: calc(100% - 4rem);
}

.application {
    margin: .3rem 0 0;
}

.app_title {
    color: rgb(0, 134, 209);
    font-size: var(--fontSize16);
    font-weight: 600;
    line-height: 1;
    margin-bottom: .2rem;
}


.tsa_list {
    margin: 0 0 0 -0.4rem;
}

.tsa_list li {
    width: calc(50% - .4rem);
    margin: .4rem 0 0 .4rem;
}

.tsa_title {
    border-radius: .04rem;
    background: rgb(217, 234, 242);
    height: .6rem;
    color: rgb(0, 0, 0);
    font-size: .24rem;
    font-weight: 500;
    line-height: 110%;
    text-align: center;
    margin-bottom: .1rem;
}

.tsa_img {
    border: 1px solid rgb(0, 134, 209);
    border-radius: .04rem;
    background: rgb(255, 255, 255);
}

.tsa_list2 {
    margin: 0 0 0 -0.4rem;
}

.tsa_list2 li {
    width: calc(33.33% - .4rem);
    margin: .4rem 0 0 .4rem;
}


@media only screen and (max-width: 500px) {
    .tsa_left {
        width: 100%;
        padding: 0 50px;
    }

    .tsa_right {
        width: 100%;
        margin-top: 20px;
    }
}














/* ==========================================================================
   SPR
   ========================================================================== */
.spr_left {
    width: 44%;
}

.spr_right {
    width: 56%;
    text-align: center;
}


@media only screen and (max-width: 500px) {
    .spr_left {
        width: 100%;
    }

    .spr_right {
        width: 100%;
        margin-top: 10px;
    }
}









/* ==========================================================================
   TRIC
   ========================================================================== */
.tric_area {
    margin: 0 0 .3rem;
}

.tric_flex {
    justify-content: space-between;
    margin: 0 0 .4rem;
}

.tric_left {
    width: 22.6%;
}

.tric_right {
    width: 69.6%;
}

.tric_img {
    padding: 0 .15rem .1rem;
    border: 1px solid rgb(0, 134, 209);
    border-radius: .04rem;
    background: rgb(255, 255, 255);
}

.tric_img .pic {
    margin: .1rem;
}

.tric_name {
    border-top: 1px solid rgb(236, 236, 236);
    color: rgb(0, 0, 0);
    font-size: var(--fontSize14);
    font-weight: 400;
    line-height: 120%;
    height: .4rem;
    text-align: center;
}

.tric_list {
    margin: -0.1rem 0 0 -0.1rem;
}

.tric_list li {
    width: calc(33.33% - .1rem);
    margin: .1rem 0 0 .1rem;
}

@media only screen and (max-width: 1200px) {
    .tric_name {
        height: 36px;
    }
}

@media only screen and (max-width: 500px) {
    .tric_left {
        width: calc(50% - .1rem);
        margin-bottom: 20px;
    }

    .tric_right {
        width: 100%;
    }

    .tric_list li {
        width: calc(50% - .1rem);
    }
}













/* ==========================================================================
   Mass photometry
   ========================================================================== */
.mass_center {
    color: rgb(0, 134, 209);
    font-size: .24rem;
    font-weight: 500;
    text-align: center;
}

.mass_img {
    padding: .3rem 0;
    text-align: center;
}

.mass_area {
    margin: .4rem 0 0;
}

.apoFerritin {
    padding: 0 .3rem;
    margin: .7rem 0 .4rem;
}

.apoFerritin_img {
    border: 1px solid rgb(0, 134, 209);
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    padding: .2rem;
    text-align: center;
}


.detection_img {
    padding: .5rem 0 .85rem;
    text-align: center;
}


.cac_list {
    margin: 0 0 0 -0.8rem;
}

.cac_list li {
    width: calc(50% - .8rem);
    margin: 0 0 .8rem .8rem;
}

.bofang {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .6rem;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.bofang:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.cac_txt1 {
    color: rgb(0, 134, 209);
    font-size: var(--fontSize16);
    font-weight: 600;
    margin-bottom: .1rem;
}

.cac_txt2 {
    color: rgb(0, 0, 0);
    font-size: var(--fontSize16);
    font-weight: 400;
    margin-bottom: .1rem;
}


.cac_list2 {
    margin: 0 0 .4rem -0.2rem;
}

.cac_list2 li {
    width: calc(33.33% - .2rem);
    margin: 0 0 .2rem .2rem;
}

.cac_img {
    border: 1px solid rgb(0, 134, 209);
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    padding: .1rem;
}


@media only screen and (max-width: 500px) {
    .cac_list li {
        width: 100%;
    }

    .cac_list2 li {
        width: 100%;
    }
}











/* ==========================================================================
   酶测定
   ========================================================================== */
.enzymatic_assay {
    margin-bottom: .8rem;
}

.bioche_case {
    margin: -0.4rem 0 0 -0.4rem;
}

.bioche_case li {
    width: calc(50% - .4rem);
    margin: .4rem 0 0 .4rem;
}

.biocase_img {
    border: 1px solid rgb(0, 134, 209);
    border-radius: .04rem;
    background: rgb(255, 255, 255);
}

.enzymatic_assay .bioche_circle {
    width: 1.6rem;
    height: 1.6rem;
}

.enzymatic_assay .bioche_title {
    font-size: .22rem;
}













/* ==========================================================================
   Cell-based Assays
   ========================================================================== */
.cellbased_area {
    overflow: hidden;
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    padding: .3rem 0 .2rem;
}













/* ==========================================================================
   TPD platform
   ========================================================================== */
.tpd_list {
    margin: 0 0 0 -0.35rem;
}

.tpd_list li {
    width: calc(25% - .35rem);
    margin: 0 0 .35rem .35rem;
}

.tpd_box {
    padding: .1rem .1rem .2rem;
    height: 100%;
    border-radius: .04rem;
    background: rgba(228, 244, 250, 0.5);
}

.tpd_title {
    color: rgb(0, 134, 209);
    font-size: var(--fontSize16);
    font-weight: 500;
    line-height: 120%;
    height: .44rem;
    align-items: center;
    border-bottom: 1px solid rgba(0, 164, 156, 0.2);
}

.tpd_info {
    margin-top: .1rem;
    color: rgb(51, 51, 51);
    font-size: var(--fontSize14);
    line-height: 1.5;
}

.tpd_info2 {
    margin-top: .1rem;
    color: rgb(0, 134, 209);
    font-size: var(--fontSize14);
    line-height: 1.5;
}

.tpd_info2.pre_dian p::before {
    background: rgb(0, 134, 209);
}

@media only screen and (max-width: 1200px) {
    .tpd_title {
        height: 36px;
    }
}

@media only screen and (max-width: 500px) {
    .tpd_list li {
        width: calc(50% - .35rem);
    }
}











/* ==========================================================================
   Kinase platform
   ========================================================================== */
.kinase_case {
    border: 1px solid rgb(0, 134, 209);
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    padding: .25rem;
    text-align: center;
}












/* ==========================================================================
   DUBs platform
   ========================================================================== */
.dubs_flex {
    margin: .3rem 0 .3rem -0.3rem;
}

.dubs_flex li {
    margin: 0 0 .3rem .3rem;
}

.dubs_box {
    height: 100%;
}

.dubs_img {
    border: 1px solid rgb(0, 134, 209);
    border-radius: .04rem;
    background: rgb(255, 255, 255);
    padding: .1rem;
    height: calc(100% - .7rem);
}

.dubs_flex li:nth-child(1) {
    width: calc(100% - .3rem);
}

.dubs_flex li:nth-child(2) {
    width: calc(45.98% - .3rem);
}

.dubs_flex li:nth-child(3) {
    width: calc(54.02% - .3rem);
}


.dubs_title {
    height: .6rem;
    color: rgb(0, 134, 209);
    font-size: .24rem;
    line-height: 1.1;
    font-weight: 500;
    text-align: center;
    border-bottom: .02rem solid rgb(0, 134, 209);
}

.dubs_table {
    border-top: .02rem solid rgb(0, 134, 209);
    border-bottom: .02rem solid rgb(0, 134, 209);
    margin-bottom: .5rem;
}

.dubs_table table td {
    height: .6rem;
    width: 25%;
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: var(--fontSize14);
    line-height: 1.2;
    font-weight: 400;
}

.dubs_table table tr {
    border-bottom: 1px solid rgba(225, 225, 225, 0.7);
    border-top: 1px solid rgba(225, 225, 225, 0.7);
}

.dubs_table table tr:nth-child(odd) {
    background: rgba(210, 225, 233, 0.7);
}



@media only screen and (max-width: 1200px) {

    .dubs_title,
    .dubs_table table td {
        height: 36px;
    }
}

@media only screen and (max-width: 500px) {
    .dubs_flex li:nth-child(2) {
        width: 100%;
    }

    .dubs_flex li:nth-child(3) {
        width: 100%;
    }
}









/* ==========================================================================
   GPCR platform
   ========================================================================== */
.gpcr_list {
    margin: 0 0 0 -0.4rem;
}

.gpcr_list li {
    width: calc(50% - .4rem);
    margin: 0 0 .4rem .4rem;
}

.gpcr_list li:nth-child(3) {
    width: 100%;
}

.gpcr_title {
    min-width: 500px;
    height: .42rem;
    color: rgb(255, 255, 255);
    font-size: var(--fontSize16);
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    background: rgb(0, 134, 209);
}

.gpcr_table table tr:nth-child(even) {
    background: rgb(210, 225, 233);
}

.gpcr_table table td {
    height: 30px;
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 400;
    border: 1px solid rgb(231, 231, 231);
    text-align: center;
}

.gpcr_table {
    overflow-y: auto;
}

.gpcr_table table {
    min-width: 500px;
}


@media only screen and (max-width: 1200px) {
    .gpcr_title {
        height: 32px;
    }
}

@media only screen and (max-width: 500px) {
    .gpcr_list li {
        width: 100%;
    }
}


.libraries_link {
    /* border: 1px solid #000; */
    position: absolute;
    width: 28.3%;
    height: 7.7%;
    display: inline-block;
}


.workflow_list .workflow_img {
    display: none;
}

.workflow2_flex {
    gap: .15rem;
}

.workflow2_left {
    flex: 1;
}

.workflow2_right {
    flex: 2;
    flex-direction: column;
    gap: .15rem;
}

.workflow2_module {
    flex: 1;
}

@media only screen and (max-width: 500px) {
    .workflow2_flex {
        display: none;
    }

    .workflow_list .workflow_img {
        display: block;
    }
}