@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    font-size: 14px;
    /*font-family: 'myfont', Helvetica, sans-serif, icomoon;*/
}

fieldset, img {
    border: 0;
    vertical-align: top;
}

address, caption, cite, code, dfn, em, th, var, i {
    font-weight: normal;
    font-style: normal;
}

ol li, ul li, dl dt, dl dd {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

input, button, textarea, checkbox, select, radio {
    vertical-align: middle;
    border: 0;
    outline: none;
}

a {
    text-decoration: none
}

    a:hover {
        cursor: pointer;
    }

.clear:after {
    content: "";
    display: block;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    zoom: 1;
    height: 0
}

body {
    background: #f7f7f7;
}

::-webkit-scrollbar {
    width: 4px;
}

::scrollbar {
    width: 4px;
}
/* 滚动槽 */
::-webkit-scrollbar-trac k {
    -webkit-box-shadow: 0;
    border-radius: 10px;
    background: rgba(0,0,0,0.3);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.3);
    -webkit-box-shadow: 0;
}

::-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.3);
    -webkit-box-shadow: 0;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4);
}

::scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4);
}

.con_width {
    width: 1400px;
    margin: 0px auto;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-input-placeholder {
    color: #ccc;
}

input::-ms-input-placeholder {
    color: #ccc;
}

/* 单选多选美化 */
.dx_box {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 15px;
    cursor: pointer;
}

    .dx_box > input {
        position: absolute;
        top: 0;
        left: -20px;
    }

    .dx_box > div {
        display: inline-block;
        height: 16px;
        line-height: 16px;
        padding-left: 24px;
        position: relative;
    }

        .dx_box > div:before {
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 100%;
            border: 2px solid #dbdee8;
            background: #fff;
            position: absolute;
            top: 0;
            left: 0px;
        }

    .dx_box > input:checked + div:before {
        border: #0089e9 solid 2px;
    }

    .dx_box > input:checked + div:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background: #0089e9;
        position: absolute;
        top: 4px;
        left: 4px;
    }

.duox_box {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 15px;
    cursor: pointer;
    top: 3px;
}

    .duox_box > input {
        position: absolute;
        top: 0;
        left: -20px;
    }

    .duox_box > div {
        display: inline-block;
        line-height: 16px;
        padding-left: 24px;
        position: relative;
    }

        .duox_box > div:before {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 4px;
            border: 2px solid #dbdee8;
            background: #fff;
            position: absolute;
            top: 0;
            left: 0px;
        }

    .duox_box > input:checked + div:before {
        border: #0089e9 solid 2px;
        background: #0089e9;
    }

    .duox_box > input:checked + div:after {
        content: "";
        display: block;
        width: 6px;
        height: 9px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(45deg);
        border-radius: 0px 0px 2px 0px;
        position: absolute;
        top: 2px;
        left: 5px;
    }



/*头部*/
.heard {
    background: #fff;
    box-shadow: 1px 1px 10px rgba(50,67,118,0.1);
    height: 40px;
}

.heard_pb {
    padding-left: 15px;
}

.logo {
    float: left;
}

    .logo img {
        display: block;
    }

.heard_wznav {
    float: left;
}

.wznav_zcd {
    display: inline-block;
    font-weight: bold;
    color: #888;
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
}

    .wznav_zcd:hover {
        color: #ff8a01;
    }

    .wznav_zcd.wznav_zdq {
        color: #ff8a01;
    }

    .wznav_zcd.main_link {
        color: #3f7ce5;
        padding: 0;
    }

.heard_zright {
    float: right;
    padding-left: 0px;
}

.heard_zyh {
    float: right;
}

    .heard_zyh span {
        display: inline-block;
        color: #333;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
    }

    .heard_zyh strong {
        display: inline-block;
        font-weight: normal;
        color: #000;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        text-align: center;
        width: 32px;
        background: rgba(50,111,204,0.15);
        border-radius: 100%;
        margin-left: 10px;
    }

.heard_zann {
    float: right;
    padding-right: 20px;
}

    .heard_zann .icon {
        display: inline-block;
        height: 32px;
        line-height: 34px;
        text-align: center;
        width: 32px;
    }

    .heard_zann .icon-fdj .path1:before,
    .heard_zann .icon-fdj .path2:before {
        color: rgb(255, 138, 1);
        font-size: 18px;
    }

    .heard_zann .icon-fdj:hover .path1:before,
    .heard_zann .icon-fdj:hover .path2:before {
        color: rgb(0, 137, 233);
    }

    .heard_zann .icon-cd .path1:before,
    .heard_zann .icon-cd .path2:before,
    .heard_zann .icon-cd .path3:before,
    .heard_zann .icon-cd .path4:before {
        color: rgb(255, 138, 1);
        font-size: 18px;
    }

    .heard_zann .icon-cd:hover .path1:before,
    .heard_zann .icon-cd:hover .path2:before,
    .heard_zann .icon-cd:hover .path3:before,
    .heard_zann .icon-cd:hover .path4:before {
        color: rgb(0, 137, 233);
    }

    .heard_zann .icon-sjb .path1:before,
    .heard_zann .icon-sjb .path2:before,
    .heard_zann .icon-sjb .path3:before,
    .heard_zann .icon-sjb .path4:before {
        color: rgb(255, 138, 1);
        font-size: 18px;
    }

    .heard_zann .icon-sjb:hover .path1:before,
    .heard_zann .icon-sjb:hover .path2:before,
    .heard_zann .icon-sjb:hover .path3:before,
    .heard_zann .icon-sjb:hover .path4:before {
        color: rgb(0, 137, 233);
    }



/*=============banner==============*/
.banner {
    height: 170px;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.banner1 {
    background: url(../img/banner.jpg) no-repeat;
    background-size: 100% 100%;
}

.banner2 {
    background: url(../img/banner2.jpg) no-repeat;
    background-size: 100% 100%;
}

.banner3 {
    background: url(../img/banner3.jpg) no-repeat;
    background-size: 100% 100%;
}

.banner4 {
    background: url(../img/banner4.jpg) no-repeat;
    background-size: 100% 100%;
}

.banner5 {
    background: url(../img/banner5.jpg) no-repeat;
    background-size: 100% 100%;
}

.banner6 {
    background: url(../img/banner6.jpg) no-repeat;
    background-size: 100% 100%;
}

.banner7 {
    background: url(../img/banner7.jpg) no-repeat;
    background-size: 100% 100%;
}

.banner_wbzs {
    padding-top: 22px;
    position: absolute;
}

.img_tp {
    width: 88px;
    height: 88px;
    overflow: hidden;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 0;
}

.banner_wb {
    margin-left: 126px;
    padding-top: 10px;
    animation: show_nr 1s ease-in-out forwards;
}

.banner_wbbt {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 2px 5px rgba(2,18,41,0.64);
}

.banner_xzsm {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 2px 3px rgba(2,18,41,0.64);
    padding-top: 5px;
}

.nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

    .nav .nav_zcd {
        display: block;
        float: left;
        color: #fff;
        height: 32px;
        line-height: 32px;
        padding: 0px 28px;
        margin: 0px 5px;
    }

        .nav .nav_zcd:hover {
            color: #ffaf25;
        }

        .nav .nav_zcd.nav_zdq {
            color: #ffaf25;
            font-weight: bold;
            height: 32px;
            background: rgba(0,0,0,0.16);
            position: relative;
        }

            .nav .nav_zcd.nav_zdq:before {
                content: "";
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                border-bottom: 3px solid #ffaf25;
            }

.nav_zxl {
    position: relative;
    float: left;
    height: 32px;
}

    .nav_zxl:after {
        content: "";
        width: 4px;
        height: 4px;
        position: absolute;
        right: 20px;
        top: 45%;
        pointer-events: none;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
    }

    .nav_zxl .nav_zcd {
        padding-right: 35px;
    }

    .nav_zxl:hover .nav_zxlxx {
        display: -webkit-box;
    }

.nav_zxlxx {
    display: none;
    position: absolute;
    left: 0;
    top: 31px;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(50,67,118,0.1);
    padding: 5px 0px;
    min-width: 100%;
    z-index: 99;
    width: max-content;
}

    .nav_zxlxx li {
        margin: 0px 5px;
        border-bottom: 1px dashed #edf0f6;
    }

        .nav_zxlxx li a {
            color: #888;
            font-size: 12px;
            display: block;
            padding: 5px 10px;
            font-weight: normal;
        }

            .nav_zxlxx li a:hover {
                color: #ffaf25;
            }



/*=============内容==============*/
.con_bjk {
    background: #fff;
    padding: 12px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    margin-bottom: 10px;
    border-radius: 5px;
}

.con_bjk_xjjtop {
    padding-bottom: 30px;
    margin-bottom: 5px;
}

.tb_ymbtl {
    padding-top: 5px;
    padding-bottom: 0px;
    border-bottom: 1px solid #ececec;
    position: relative;
    margin-bottom: 0px;
}

.tb_dbt {
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.tb_czright {
    position: absolute;
    right: 0px;
    bottom: 8px;
}

    .tb_czright .button {
        display: block;
        background: #0089e9;
        height: 28px;
        line-height: 28px;
        padding: 0px 12px;
        border-radius: 3px;
        color: #fff;
        box-shadow: 1px 1px 10px rgba(0,137,233,0.5);
        cursor: pointer;
    }

        .tb_czright .button:hover {
            background: #e0a332;
            box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
        }

        .tb_czright .button .icon {
            padding-right: 5px;
            position: relative;
            top: 1px;
        }

.tb_sxxsm {
    padding: 8px 0px 5px 0px;
}

    .tb_sxxsm .tb_sxfz {
        color: #888;
        padding-right: 7px;
    }

    .tb_sxxsm .tb_sxlj {
        color: #ff8a01;
        font-weight: bold;
    }

    .tb_sxxsm i {
        color: #ccc;
        padding: 0px 10px;
    }

.tb_sxydnr {
    color: #333;
    font-weight: bold;
    display: inline-block;
}

.dxxz {
    padding: 5px 0px;
}

.dxxz_sx {
    color: #888;
    padding-bottom: 3px;
}

.dxxz_gxlj {
    padding: 5px 6px;
    background: #edf4f8;
    overflow-y: hidden;
    position: relative;
}

    .dxxz_gxlj a {
        display: inline-block;
        font-weight: bold;
        padding: 3px 5px;
        color: #065e9b;
        font-size: 12px;
    }

        .dxxz_gxlj a:hover {
            color: #ff8a01;
        }

.tb_sxjs {
    position: relative;
    padding-bottom: 8px;
}

.ztzkan {
    width: 100%;
    position: absolute;
    bottom: -12px;
    text-align: center;
    background: #fff;
    z-index: 2;
    padding-top: 8px;
}

    .ztzkan p {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        color: #becdd7;
        cursor: pointer;
        font-size: 12px;
        position: relative;
    }

        .ztzkan p span {
            position: absolute;
            background: #fff;
            left: 0;
            top: 0;
            padding: 0px 12px;
            font-size: 12px;
            display: none;
        }

        .ztzkan p:after {
            content: "";
            width: 4px;
            height: 4px;
            position: absolute;
            right: -15px;
            top: 7px;
            pointer-events: none;
            border-bottom: 1px solid #becdd7;
            border-right: 1px solid #becdd7;
            transform: rotate(45deg);
        }

.tb_sxjszk .ztzkan p:after {
    top: 9px;
    transform: rotate(-135deg);
}

.tb_sxjszk .ztzkan p span {
    display: block;
    width: max-content;
}
.tb_sxjs_h600 {
    height: 600px;
}

.tb_sxjs_h500 {
    height: 492px;
}

.tb_sxjs_h100 {
    height: 170px;
}

.tb_sxjs_h40 {
    height: 50px;
}

.tb_sxjszk {
    height: auto !important;
}

.cdxxk {
    border-bottom: 3px solid #0089e9;
    margin-bottom: 5px;
    position: relative;
    height: 34px;
}

    .cdxxk li {
        padding: 5px 30px 0px 30px;
        margin: 0px 8px;
        line-height: 26px;
        color: #065e9b;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        position: relative;
        top: 1px;
    }

        .cdxxk li:hover {
            color: #ff8a01;
            cursor: pointer;
        }

    .cdxxk .cddqx {
        background: #0089e9;
        color: #fff;
        border-radius: 10px 10px 0px 0px;
    }

        .cdxxk .cddqx:hover {
            color: #fff;
        }

.xzxbox {
    border: 1px solid #ececec;
    position: relative;
    height: auto;
    padding-bottom: 18px;
    transition: height 2s;
    overflow: hidden;
}

.xzxbox_btl {
    background: #f2f7fa;
    padding: 10px 15px;
    position: relative;
}

.xzxbox_bt2 {
    position: relative;
}

    .xzxbox_bt2 .tb_czright {
        right: 10px;
        bottom: 6px;
    }

.xzxbox_dbt {
    float: left;
    color: #333;
}

    .xzxbox_dbt span {
        padding-right: 10px;
        color: #888;
        font-size: 15px;
        position: relative;
        top: 1px;
    }

.sxdxx {
    float: left;
    margin-left: 60px;
    font-weight: bold;
    color: #333;
}

.sxduox {
    padding-top: 8px;
}

.xxfl_4 {
    float: left;
    width: 25%;
}

.duoxzfl {
    padding: 5px 15px 0px 15px;
    column-width: 300px;
    overflow-x: auto;
}

.duoxzf2 {
    padding: 5px 15px 0px 15px;
    column-width: 150px;
    overflow-x: auto;
}

.duoxzf3 {
    column-width: 700px;
    overflow-x: auto;
}

.duoxzf4 {
    display: grid;
}

    .duoxzf4 li {
        float: left;
        column-width: 450px;
    }

.duoxzx {
    border-bottom: 1px solid #ececec;
    margin-bottom: 4px;
    color: #333;
    font-weight: bold;
    padding-bottom: 5px;
}

.duoxzx_m {
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 24px;
}

    .duoxzx_m .duox_box {
        padding: 5px 0px;
        color: #888;
    }

        .duoxzx_m .duox_box > div {
            font-size: 12px;
        }

.qbsq {
    width: 76px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: #9b9e9d;
    margin: 0px auto;
    background: #f3f5f7;
    cursor: pointer;
    text-indent: 999px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -38px;
}

    .qbsq:after {
        content: "";
        width: 4px;
        height: 4px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -3px;
        margin-top: 0px;
        pointer-events: none;
        border-top: 1px solid #8e9193;
        border-left: 1px solid #8e9193;
        transform: rotate(45deg);
    }

.xzxbox.shouqi {
    height: 80px;
    transition: height 2s;
}

    .xzxbox.shouqi .qbsq:after {
        border-top: 0;
        border-left: 0;
        border-bottom: 1px solid #8e9193;
        border-right: 1px solid #8e9193;
        margin-top: -4px;
    }

.lu.shouqi {
    height: auto;
}


.lineup_expand {
    width: 76px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: #9b9e9d;
    margin: 0px auto;
    background: #f3f5f7;
    cursor: pointer;
    text-indent: 999px;
    overflow: hidden;
    position: relative;
    bottom: 0px;
    left: 50%;
    margin-left: -38px;
}

    .lineup_expand:after {
        content: "";
        width: 4px;
        height: 4px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -3px;
        margin-top: 0px;
        pointer-events: none;
        border-top: 1px solid #8e9193;
        border-left: 1px solid #8e9193;
        transform: rotate(45deg);
    }

.lu.shouqi .lineup_expand:after {
    border-top: 0;
    border-left: 0;
    border-bottom: 1px solid #8e9193;
    border-right: 1px solid #8e9193;
    margin-top: -4px;
}

.pwsq {
    width: 76px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: #9b9e9d;
    margin: 0px auto;
    background: #f3f5f7;
    cursor: pointer;
    text-indent: 999px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -38px;
}

    .pwsq:after {
        content: "";
        width: 4px;
        height: 4px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -3px;
        margin-top: 0px;
        pointer-events: none;
        border-top: 1px solid #8e9193;
        border-left: 1px solid #8e9193;
        transform: rotate(45deg);
    }

.qyxzmk {
    padding-top: 15px;
    position: relative;
}

.qyxz_xz {
    position: absolute;
    left: 0;
    top: 35px;
    color: #888;
    width: 120px;
}

.qyxzbf {
    margin-left: 125px;
}

.qyxzkdt {
    position: relative;
}

    .qyxzkdt:before {
        content: "";
        display: block;
        height: 3px;
        width: 100%;
        background: #f0f0f0;
        border-radius: 3px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

.dw_dwdq,
.dw_dwdh {
    color: #888;
    font-weight: bold;
    position: absolute;
    bottom: -7px;
    width: 30px;
    text-align: center;
    z-index: 99;
    margin-left: -15px;
    cursor: pointer;
}

    .dw_dwdq:after,
    .dw_dwdh:after {
        content: "";
        display: block;
        height: 12px;
        width: 12px;
        background: #eef0f7;
        border-radius: 12px;
        border: 3px solid #ff8a01;
        margin: 2px auto;
        margin-bottom: 0px;
    }

.qyxz_left,
.qyxz_con,
.qyxz_right {
    float: left;
    z-index: 98;
}

    .qyxz_left:after,
    .qyxz_con:after,
    .qyxz_right:after {
        content: "";
        display: block;
        height: 3px;
        width: 100%;
        border-radius: 3px;
        margin-top: 7px;
        z-index: 2;
    }

.dw_dwdq {
    left: 20%;
}

.dw_dwdh {
    left: 65%;
}

.qyxz_left {
    width: 20%;
}

.qyxz_con {
    width: 45%;
}

.qyxz_right {
    width: 35%;
}

.qy_xzan {
    display: block;
    width: 86px;
    height: 20px;
    padding-right: 20px;
    line-height: 20px;
    border-radius: 3px;
    margin: 0px auto;
    background: #e8e8e8;
    color: #888;
    font-weight: bold;
    text-align: center;
    position: relative;
}

    .qy_xzan:before {
        content: "";
        display: block;
        height: 6px;
        width: 6px;
        background: #e8e8e8;
        transform: rotate(45deg);
        position: absolute;
        bottom: -3px;
        left: 50%;
        margin-left: -4px;
    }

    .qy_xzan .icon-dg {
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        background: rgba(255,255,255,0.3);
    }

.qyxz_left.xz:after,
.qyxz_con.xz:after,
.qyxz_right.xz:after {
    position: relative;
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 3px;
    margin-top: 7px;
    z-index: 2;
    background: rgba(0,137,233,0.62);
}

.xz .qy_xzan {
    background: #0089e9;
    color: #fff;
}

    .xz .qy_xzan:before {
        background: #0089e9;
    }

.qyxzyxnr, .qyxzyxnr2, filterRange {
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 16px;
}

    .qyxzyxnr span, .qyxzyxnr2 span, .filterRange span {
        padding-left: 10px;
        color: #888;
    }

.xzqy_dx {
    position: relative;
}

.xzqy_sx {
    position: absolute;
    left: 0;
    top: 0;
    color: #888;
    width: 120px;
}

.xzqy_duox {
    margin-left: 125px;
    font-weight: bold;
    margin-bottom: 6px;
}

.xzqydxx {
    position: relative;
    margin-right: 30px;
    display: inline-block;
}

    .xzqydxx:hover .xzqyxzjs {
        display: block;
    }

.xzqyxzjs {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: 260px;
    background: rgba(76,83,94,0.9);
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
}

.xzjsjt {
    width: 10px;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 18px;
    overflow: hidden;
}

    .xzjsjt:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background: rgba(76,83,94,0.9);
        transform: rotate(45deg);
        position: absolute;
        bottom: 2px;
    }

.czan {
    padding-left: 125px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #f1f1f1;
}

    .czan .button {
        display: block;
        background: #0089e9;
        height: 30px;
        line-height: 30px;
        padding: 0px 15px;
        border-radius: 3px;
        color: #fff;
        box-shadow: 1px 1px 10px rgba(0,137,233,0.5);
        cursor: pointer;
    }

        .czan .button:hover {
            background: #e0a332;
            box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
        }

        .czan .button .icon {
            padding-right: 5px;
            position: relative;
            top: 1px;
        }

.wzsm {
    float: left;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
    line-height: 30px;
}

.czbf_tb {
    padding: 5px 0 5px 0;
}

    .czbf_tb .select {
        float: left;
        margin-right: 10px;
    }

.sxdxx2 {
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.dx_box2 {
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 0px;
    cursor: pointer;
}

    .dx_box2 > input {
        position: absolute;
        top: 0;
        left: -20px;
    }

    .dx_box2 > div {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0px 20px;
        position: relative;
        background: #f1f1f1;
        color: #888;
    }

    .dx_box2 > input:checked + div {
        background: #0089e9;
        color: #fff;
        font-weight: bold;
    }

.dx_box3 > input {
    position: absolute;
    top: 0;
    left: -20px;
}

.dx_box3 > div {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    position: relative;
    color: #888;
    cursor: pointer;
}

.dx_box3 > input:checked + div {
    color: #ff8a01;
    font-weight: bold;
}

.tbzs_dbt {
    text-align: center;
    padding: 5px 0;
    font-size: 18px;
    color: #333;
}





.btmk_zbtl {
    padding-top: 0px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ececec;
    position: relative;
}

.btmk_zbt {
    font-size: 22px;
    font-weight: bold;
    color: rgb(6, 94, 155);
}

    .btmk_zbt .icon-bttb {
        display: inline-block;
        padding: 0px 8px;
    }

    .btmk_zbt .btmk_collapse {
        font-size: 22px;
    }

.icon-bttb .path1:before,
.icon-bttb .path2:before,
.icon-bttb .path3:before {
    color: rgb(6, 94, 155);
    font-size: 24px;
}

.nrxzsm {
    color: #888;
    padding-top: 12px;
    padding-bottom: 10px;
}

.tree .icon-sjt {
    padding-right: 5px;
    position: relative;
    top: 1px;
}

    .tree .icon-sjt .path1:before,
    .tree .icon-sjt .path2:before {
        color: rgb(6, 94, 155);
    }

.tree {
    color: #010101;
    font-weight: bold;
}

.xssm {
    padding: 10px;
    border: 1px solid #ececec;
    margin: 8px 0px;
    color: #888;
    font-size: 12px;
    min-height: 40px;
}

.con_zxkqh {
    height: auto;
    background: #f9f9f9;
}

    .con_zxkqh li {
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

        .con_zxkqh li span {
            display: block;
            padding: 0px 15px;
            margin: 0px 15px;
            height: 40px;
            line-height: 43px;
            color: #888;
            font-size: 16px;
            font-weight: bold;
            border-bottom: 3px solid #f9f9f9;
        }

        .con_zxkqh li:hover span {
            color: #ff8a01;
            cursor: pointer;
        }

    .con_zxkqh .con_zxxkdq span.active {
        border-bottom: 3px solid #065e9b;
        color: #065e9b;
    }

    .con_zxkqh .con_zxxkdq > span.active:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        background: #ff8a01;
        transform: rotate(45deg);
        position: absolute;
        bottom: -6px;
        left: 50%;
        margin-left: -6px;
        z-index: 1;
    }

.jbt_tbzs {
    padding: 10px;
}

.tbpf {
    display: flex;
}

.tbpfx {
    flex: 1;
    padding: 10px;
}

.select {
    width: 190px;
    height: 30px;
    background: #f9f9f9;
    position: relative;
    border-radius: 3px;
}

    .select select {
        display: block;
        outline: none;
        border: 0;
        width: 100%;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        padding: 0px 10px;
        background: none;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .select:after {
        content: "";
        width: 4px;
        height: 4px;
        position: absolute;
        right: 10px;
        top: 35%;
        pointer-events: none;
        border-bottom: 1px solid #888;
        border-right: 1px solid #888;
        transform: rotate(45deg);
    }

.table_ztright {
    padding: 5px;
}

.input_zssk {
    float: right;
    height: 30px;
    background: #f9f9f9;
    width: 190px;
    border-radius: 3px;
    position: relative;
}

    .input_zssk input {
        display: block;
        height: 30px;
        line-height: 30px;
        color: #010101;
        background: none;
        width: 140px;
        padding: 0px 10px;
        outline: none;
        border-radius: 3px;
    }

    .input_zssk .icon {
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 3px;
        background: #f9f9f9;
    }

        .input_zssk .icon:hover {
            cursor: pointer;
        }

    .input_zssk .icon-fdj .path1:before,
    .input_zssk .icon-fdj .path2:before {
        color: rgb(255, 138, 1);
        font-size: 18px;
    }

.table_bgnr {
    padding: 5px;
}

.table {
    width: 100%;
}

    .table > thead > tr {
        color: #fff;
    }

    .table th:not(.bs-checkbox) > .th-inner {
        background: #0089e9;
        padding: 5px 5px;
        text-align: left;
    }

    .table th p {
        color: #333;
        font-weight: bold;
        font-size: 12px;
        padding: 0px 15px;
        position: relative;
    }

.bg_sjjt:before {
    content: "";
    display: block;
    width: 7px;
    height: 14px;
    background: url(../img/bg_jth.png) no-repeat left center;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -7px;
}

.table td {
    border-bottom: 1px solid #f9f9f9;
}

    .table td p {
        color: #888;
        font-size: 12px;
        padding: 5px 20px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

        .table td p a {
            display: inline-block;
            color: #065e9b;
            text-decoration: underline;
            font-size: 12px;
        }

            .table td p a:hover {
                color: #ff8a01;
            }

.table tr:nth-child(odd) {
    background: #f9f9f9;
}

.table tr:hover td p {
    background: #eef5f9;
}

.table_zymbf {
}

    .table_zymbf a {
        display: block;
        float: left;
    }

        .table_zymbf a p {
            width: 28px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            font-size: 12px;
        }

    .table_zymbf .table_zymjtz {
        border: 1px solid #e6ecf8;
        border-right: 0;
        border-radius: 3px 0px 0px 3px;
        color: #0089e9;
        cursor: pointer;
    }

    .table_zymbf .table_zymjty {
        border: 1px solid #e6ecf8;
        border-radius: 0px 3px 3px 0px;
        color: #0089e9;
        cursor: pointer;
    }

        .table_zymbf .table_zymjtz:hover,
        .table_zymbf .table_zymjty:hover {
            background: #6ebcf2;
            color: #fff;
        }

.table_ztright {
    float: right;
}

    .input_zssk,
    .table_ztright .select, .tb_czright .select,
    .table_ztright .table_czan {
        float: left;
        margin-left: 10px;
    }

.table_czan .button {
    display: block;
    background: #0089e9;
    height: 28px;
    line-height: 28px;
    width: 28px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    box-shadow: 1px 1px 10px rgba(0,137,233,0.5);
    cursor: pointer;
}

    .table_czan .button:hover {
        background: #e0a332;
        box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
    }

.table_ztright .select, .tb_czright .select {
    width: 120px;
}

.table_ztleft {
    float: left;
    position: relative;
    top: 20px;
}

    .table_ztleft .duox_box {
        display: inline-block;
        padding: 0px 5px;
    }

.table_zymbf {
    margin-top: 10px;
}

    .table_zymbf .button {
        padding: 0px 25px;
        float: left;
        background: #0089e9;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 3px;
        color: #fff;
        box-shadow: 1px 1px 10px rgba(0,137,233,0.5);
        cursor: pointer;
        margin-right: 10px;
    }

        .table_zymbf .button:hover {
            background: #e0a332;
            box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
        }





/*====================home页==================*/
.hwbj {
    position: relative;
}

    .hwbj:before {
        content: "";
        width: 169px;
        height: 159px;
        background: url(../img/hw_dd1.png) no-repeat left top;
        position: absolute;
        top: 0;
        left: 0;
    }

    .hwbj:after {
        content: "";
        width: 136px;
        height: 174px;
        background: url(../img/hw_dd2.png) no-repeat left top;
        position: absolute;
        bottom: 0;
        right: 0;
    }

.home_ssbt {
    font-size: 28px;
    text-align: center;
    padding: 30px 0px;
    font-weight: bold;
    padding-top: 50px;
}

.home_ssbd {
    width: 56%;
    margin: 0 auto;
    position: relative;
    height: 33px;
    padding-left: 5px;
    padding-right: 70px;
    margin-bottom: 30px;
}

    .home_ssbd .inputss {
        display: block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        outline: none;
    }



.icon-stfdj {
    position: absolute;
    top: 10px;
    right: 0;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    margin-left: 5px;
    background: none;
    cursor: pointer;
    z-index: 99;
    color: #888;
}

    .icon-stfdj:hover,
    .icon-guan:hover,
    .icon-stsjs:hover {
        color: #ff8a01;
    }

.icon-guan {
    position: absolute;
    top: 10px;
    right: 25px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    background: none;
    cursor: pointer;
    z-index: 99;
    color: #888;
}

.icon-stsjs {
    position: absolute;
    top: -22px;
    right: 0;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    margin-left: 5px;
    background: #fff;
    cursor: pointer;
    z-index: 999;
    color: #888;
}

.home_ssbd.xsxl {
    border-bottom: 2px solid #333;
}

    .home_ssbd.xsxl .home_ssjsck {
        display: block;
    }

.home_ssjsck {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 1px 0px 10px rgba(0,0,0,0.1);
    border-radius: 0px 0px 5px 5px;
    display: none;
    z-index: 9999;
}

.ssjslb {
    padding: 5px;
}

.ssjs_jssm {
    font-size: 12px;
    padding: 5px;
    background: #f2f2f2;
    color: #aaa;
}

    .ssjs_jssm span {
        color: #333;
    }

.ssjs_jsflbt {
    color: #ccc;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 3px;
    padding-left: 5px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 3px;
}

.ssjs_jsflnr {
    display: block;
    padding: 5px;
}

    .ssjs_jsflnr:hover {
        background: #f2f9fe;
    }

.ssjs_jsflxbt {
    font-weight: bold;
    color: #333;
    font-size: 16px;
}

.ssjs_jsflxzjs {
    color: #888;
    padding: 2px 0px;
    font-size: 12px;
}

.ssjs_jsflxglb {
    padding: 5px;
}

.ssjs_jsxglj {
    display: block;
    padding: 2px 0;
    color: #333;
}

    .ssjs_jsxglj:hover {
        background: #f2f9fe;
    }

    .ssjs_jsxglj strong {
        color: #333;
        padding-right: 10px;
        font-size: 12px;
    }

    .ssjs_jsxglj span {
        color: #aaa;
        font-size: 12px;
    }

.gjcyd {
    padding: 8px 0px;
}

    .gjcyd .tsy {
        padding-right: 5px;
    }

    .gjcyd .gjc {
        color: #065e9b;
        padding: 0px 5px;
        cursor: pointer;
    }

        .gjcyd .gjc:hover {
            color: #ff8a01;
        }

.home_xzcd {
    padding: 30px 0px;
    padding-top: 50px;
    width: 80%;
    margin: 0px auto;
}

    .home_xzcd a {
        display: block;
        float: left;
        width: 33%;
    }

.home_cdxzx {
    padding: 10px;
    position: relative;
}

.home_xzxtb {
    top: 10px;
    left: 10px;
    width: 76px;
}

    .home_xzxtb i {
        position: absolute;
        top: 3px;
    }

.icon-001 .path2:before,
.icon-002 .path2:before,
.icon-003 .path2:before,
.icon-004 .path2:before,
.icon-005 .path2:before,
.icon-006 .path2:before,
.icon-007 .path2:before,
.icon-008 .path2:before {
    position: absolute;
}
/*兼容ie*/

.home_xzxtb .path1:before,
.home_xzxtb .path2:before,
.home_xzxtb .path3:before,
.home_xzxtb .path4:before {
    font-size: 76px;
    color: #065e9b;
}



.home_zxzwbnr {
    padding-left: 84px;
    min-height: 76px;
}

    .home_zxzwbnr h2 {
        padding-top: 14px;
        font-size: 24px;
        color: #333;
        font-weight: bold;
    }

    .home_zxzwbnr p {
        color: #888;
    }

.home_xzcd a:hover .home_cdxzx {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}

.home_xzcd a:hover .home_xzxtb .path1:before,
.home_xzcd a:hover .home_xzxtb .path2:before,
.home_xzcd a:hover .home_xzxtb .path3:before,
.home_xzcd a:hover .home_xzxtb .path4:before {
    color: #ff8900;
}

.home_xzcd a:hover .home_zxzwbnr h2 {
    color: #ff8900;
}

.home_xzcd a:hover .home_zxzwbnr p {
    color: #ffc077;
}

.pfh {
    display: flex;
}

    .pfh .con_bjk {
        flex: 1;
        padding: 10px;
        margin: 0px 5px;
    }

.dbxxlb .con_bjk {
    padding: 10px;
    margin: 0px 5px;
}

    .dbxxlb .con_bjk:first-child {
        margin-left: 0px;
    }

    .dbxxlb .con_bjk:last-child {
        margin-right: 0px;
    }

.home_lbbt {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ececec;
    padding: 5px 0px;
}

    .home_lbbt i {
        padding-right: 5px;
        position: relative;
        top: 2px;
    }

    .home_lbbt .path1:before,
    .home_lbbt .path2:before,
    .home_lbbt .path3:before {
        font-size: 20px;
        color: #065e9b;
    }

.home_lb {
    margin: 10px 0px;
    padding: 0px 10px;
    overflow-y: auto;
    height: 130px;
}

.home_xwlb a {
    display: block;
    color: #333;
    padding: 5px 0px;
    position: relative;
}

.home_xwlb .xesj {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    color: #aaa;
}

.home_xwlb .xwnr {
    margin-left: 84px;
    display: block;
    border-left: 1px solid #ccc;
    line-height: 16px;
    padding-left: 10px;
}

.home_xwlb a:hover .xesj {
    color: #ff8900;
}

.home_xwlb a:hover .xwnr {
    color: #ff8900;
    border-left: 1px solid #ff8900;
}

.home_lblj a {
    display: block;
    color: #333;
    padding: 5px 0px;
    position: relative;
    padding-left: 15px;
}

    .home_lblj a:before {
        content: "";
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 100%;
        position: absolute;
        top: 10px;
        left: 0;
    }

.home_lblj li:hover a {
    color: #ff8900;
}

    .home_lblj li:hover a:before {
        background: #ff8900;
    }

.home_lbwen a {
    display: block;
    color: #333;
    padding: 5px 0px;
    position: relative;
    padding-left: 25px;
}

    .home_lbwen a .icon-wen {
        position: absolute;
        top: 4px;
        left: 0;
        font-size: 18px;
        color: #9cd1f6;
    }

.home_lbwen li:hover a {
    color: #ff8900;
}

    .home_lbwen li:hover a .icon-wen {
        color: #ff8900;
    }

.dbxxlb {
    padding-bottom: 10px;
}


/*======================================*/
.nry_lab {
    text-align: center;
    color: #065e9b;
}

.nry_btl {
    padding-bottom: 0px;
}

    .nry_btl i {
        padding-right: 0px;
    }

.nry_btbz {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 30px;
    height: 30px;
}

    .nry_btbz .icon-wen {
        font-size: 22px;
        color: #ff8900;
        margin-left: 8px;
        cursor: pointer;
    }

    .nry_btbz:hover .nry_btbznr {
        display: block;
    }

.nry_btbznr {
    display: none;
    position: absolute;
    top: 29px;
    left: -15px;
    border-top: 3px solid #ff8900;
    width: 560px;
    padding: 15px;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    z-index: 9;
}

    .nry_btbznr .tbzs_sjjt {
        display: block;
        width: 10px;
        height: 5px;
        overflow: hidden;
        position: absolute;
        top: -7px;
        left: 28px;
    }

        .nry_btbznr .tbzs_sjjt:before {
            content: "";
            position: absolute;
            top: 2px;
            left: 0px;
            background: #ff8900;
            width: 10px;
            height: 10px;
            border-radius: 0;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
        }

.nry_btbzwb {
    position: relative;
    padding-left: 20px;
    color: #888;
    font-weight: normal;
    padding-bottom: 5px;
    line-height: 18px;
    font-size: 12px;
}

    .nry_btbzwb span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        color: #888;
    }

.wbk {
    border: 1px solid #ccc;
    padding: 5px;
    color: #888;
    margin-top: 10px;
    height: 300px;
    overflow: auto;
}

.button_mbx {
    display: block;
    border: 1px solid #0089e9;
    color: #0089e9;
    padding: 5px 20px;
    line-height: 18px;
    border-radius: 3px;
    background: #fff;
    margin-top: 10px;
    cursor: pointer;
    outline: none;
}

    .button_mbx:hover {
        border: 1px solid #ff8900;
        color: #ff8900;
    }

    .button_mbx i {
        padding-right: 5px;
    }

.con_ljk_top {
    background: #fff;
    padding: 8px 12px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    margin-bottom: 5px;
    border-radius: 5px;
    padding-bottom: 30px;
}

.con_ljk {
    background: #fff;
    padding: 8px 12px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    margin-bottom: 5px;
    border-radius: 5px;
    padding-top: 18px;
}

.con_ljk_bottom {
    background: #fff;
    padding: 8px 12px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    margin-bottom: 10px;
    border-radius: 5px;
    padding-bottom: 20px;
}

.ljs_ljk {
    width: 100%;
    height: 0px;
    position: relative;
}

.con_ljk .nry_jzss {
    margin-bottom: 5px;
}

.ljs_ljk .ljs_left {
    position: absolute;
    top: -22px;
    left: 15px;
}

.ljs_ljk .ljs_right {
    position: absolute;
    top: -22px;
    right: 15px;
}

.nry_jzss {
    padding-top: 10px;
}

.nry_ssbd {
    width: 56%;
    margin: 0px auto;
    border-bottom: 2px solid #ccc;
    position: relative;
    padding-left: 5px;
    padding-right: 70px;
    height: 33px;
}

    .nry_ssbd .inputss {
        display: block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        outline: none;
    }

    .nry_ssbd:hover {
        border-bottom: 2px solid #0089e9;
    }

.nry_jyfl {
    padding: 15px;
    padding-top: 0px;
}

    .nry_jyfl li {
        float: left;
    }

        .nry_jyfl li .nry_jylb {
            border: 1px solid #ececec;
            cursor: pointer;
        }

.jyfl_name {
    background: #f7f7f7;
    position: relative;
}

    .jyfl_name h3 {
        line-height: 18px;
        padding: 8px 0px;
        padding-right: 90px;
        padding-left: 10px;
        font-weight: bold;
    }

    .jyfl_name p {
        position: absolute;
        bottom: 2px;
        right: 8px;
        height: 30px;
        line-height: 30px;
        color: #888;
    }

        .jyfl_name p strong {
            font-weight: bold;
            color: #ff8900;
        }

.jyfl_pic img {
    display: block;
    width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.nry_jyfl li .nry_jylb:hover {
    border: 1px solid #ff8900;
}

    .nry_jyfl li .nry_jylb:hover .jyfl_name {
        background: #ff8900;
    }

        .nry_jyfl li .nry_jylb:hover .jyfl_name h3,
        .nry_jyfl li .nry_jylb:hover .jyfl_name p,
        .nry_jyfl li .nry_jylb:hover .jyfl_name p strong {
            color: #fff;
        }

.sltj {
    padding: 5px 15px;
    margin: 0px auto;
    text-align: center;
}

    .sltj .button_mbx {
        display: inline-block;
    }

        .sltj .button_mbx strong {
            font-size: 18px;
            padding: 0px 10px;
        }

.zhtjl {
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 8px;
}

    .zhtjl strong {
        color: #0089e9;
        font-size: 24px;
        padding: 0px 10px;
    }

.sltj .button {
    display: inline-block;
    background: #0089e9;
    height: 30px;
    line-height: 30px;
    padding: 0px 35px;
    border-radius: 3px;
    color: #fff;
    box-shadow: 1px 1px 10px rgba(0,137,233,0.5);
    cursor: pointer;
    font-weight: bold;
}

    .sltj .button:hover {
        background: #ff8a01;
        box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
    }

    .sltj .button i {
        padding-right: 5px;
        position: relative;
        top: 1px;
    }

.black_zdc {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tc_content {
    display: none;
    position: fixed;
    top: 30px;
    left: 10%;
    width: 80%;
    height: auto;
    background: #fff;
    z-index: 99999;
    border-radius: 10px;
}

.jyfl_tcbtl {
    height: 40px;
    background: #f2f7fa;
    position: relative;
}

    .jyfl_tcbtl h3 {
        font-size: 16px;
        color: #065e9b;
        font-weight: bold;
        position: absolute;
        top: 14px;
        left: 15px;
        padding-left: 10px;
    }

        .jyfl_tcbtl h3:before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 14px;
            border-radius: 3px;
            background: #065e9b;
            position: absolute;
            top: 1px;
            left: 0px;
        }

    .jyfl_tcbtl .icon-guan {
        position: absolute;
        top: 10px;
        right: 10px;
    }

.jyfl_tcjysm {
    background: #e3f1fb;
    margin: 10px 15px;
    padding: 10px;
    color: #888;
    text-align: center;
}

.jyfl_dxbf {
    background: #f9f9f9;
    padding: 10px;
    margin: 0px 15px;
    margin-top: 10px;
}

.jyfl_dxx {
    overflow-y: auto;
    height: 300px;
    padding: 5px;
}

.jyfl_dxx1 {
    overflow-y: auto;
    height: 500px;
}

.jyfl_dxx li .sfsf {
    float: left;
    width: 33.333333%;
    padding: 5px 0px;
}

.jyfl_dxx li .duox_box > div {
    font-size: 12px;
    color: #888;
}

.tc_dbcz {
    height: 50px;
}

.jzcz {
    text-align: center;
    padding-top: 10px;
}

    .jzcz span {
        padding-right: 30px;
        color: #888;
    }

    .jzcz strong {
        font-weight: bold;
        color: #0089e9;
        padding-left: 5px;
    }

.banner_mr {
    display: inline-block;
    background: #0089e9;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    border-radius: 3px;
    color: #fff;
    box-shadow: 1px 1px 10px rgba(0,137,233,0.5);
    cursor: pointer;
}

    .banner_mr:hover {
        background: #ff8a01;
        box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
    }

    .banner_mr i {
        display: inline-block;
        padding-right: 5px;
        position: relative;
    }

.jyfl_flmc {
    padding: 2px 5px;
    font-weight: bold;
    border-bottom: 1px solid #ececec;
    margin-bottom: 5px;
    margin-top: 5px;
}

.jyfl_fldxx {
    overflow-y: auto;
    padding: 5px;
    height: 400px;
}

    .jyfl_fldxx .jyfl_dxx {
        padding: 5px 15px;
        height: auto;
    }

.banner_hxk {
    display: inline-block;
    background: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    border-radius: 3px;
    color: #ff8a01;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    margin-right: 10px;
}

    .banner_hxk:hover {
        background: #ff8a01;
        box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
        color: #fff;
        border: 1px solid #ff8a01;
    }

    .banner_hxk i {
        display: inline-block;
        padding-right: 5px;
        position: relative;
    }


.con_ljk_bottom .sltj .button_mbx {
    font-size: 16px;
    padding: 5px 50px;
}


.jyzs_tbzsbox {
    padding-left: 12.5px;
    padding-right: 12.5px;
    border: 1px solid #e9edf6;
    margin: 5px;
    margin-top: 10px;
    position: relative;
    padding-bottom: 5px;
    /*height: auto;
    overflow: auto;*/
    animation: linear myfirst 1s;
    -webkit-animation: linear myfirst 1s;
}

.jyzs_Filtration {
    border: 1px solid #e9edf6;
    margin: 5px;
    margin-top: 10px;
    position: relative;
    animation: linear myfirst 1s;
    -webkit-animation: linear myfirst 1s;
}

.ztzksqan {
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    background: #fff;
    z-index: 2;
    padding-top: 8px;
}

    .ztzksqan p {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        color: #065e9b;
        cursor: pointer;
        font-size: 12px;
        position: relative;
        background: #f3f5f7;
        padding: 0px 15px;
        padding-right: 30px;
    }

        .ztzksqan p:after {
            content: "";
            width: 4px;
            height: 4px;
            position: absolute;
            right: 15px;
            top: 7px;
            pointer-events: none;
            border-bottom: 1px solid #8e9193;
            border-right: 1px solid #8e9193;
            transform: rotate(45deg);
        }

.jyzs_tbzsboxzk {
    height: auto;
    animation: linear myfirst2 1s;
    -webkit-animation: linear myfirst2 1s;
}

    .jyzs_tbzsboxzk .ztzksqan p:after {
        top: 9px;
        transform: rotate(-135deg);
    }

.jyzs_ztcz {
    height: 40px;
    background: #f2f7fa;
    text-align: center;
    position: relative;
}

    .jyzs_ztcz span {
        font-size: 18px;
        color: #333;
        line-height: 40px;
        font-weight: bold;
    }

.cz_left {
    position: absolute;
    top: 6px;
    left: 10px;
}

    .cz_left .button {
        display: block;
        background: #0089e9;
        height: 28px;
        line-height: 28px;
        padding: 0px 30px;
        border-radius: 3px;
        color: #fff;
        box-shadow: 1px 1px 10px rgb(0 137 233 / 50%);
        cursor: pointer;
    }

        .cz_left .button:hover {
            background: #e0a332;
            box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
        }

.jizs_tbzs {
    margin: 10px;
    position: relative;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}

    .jizs_tbzs:last-child {
        border-bottom: 0;
    }

.jizs_tbzsbt {
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.jyzs_tbzleft {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 200px;
}

.button_mr {
    display: inline-block;
    background: #0089e9;
    height: 28px;
    line-height: 28px;
    padding: 0px 30px;
    border-radius: 3px;
    color: #fff;
    box-shadow: 1px 1px 10px rgb(0 137 233 / 50%);
    cursor: pointer;
}

    .button_mr:hover {
        background: #e0a332;
        box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
    }

.jizs_tbzsdxx {
    padding: 10px 0px;
}

    .jizs_tbzsdxx .duox_box {
        padding: 3px 0px;
        display: block;
    }

        .jizs_tbzsdxx .duox_box div {
            color: #888;
            font-weight: bold;
            font-size: 12px;
        }

.jyfl_xxk {
    margin: 0px 15px;
}

.xxk_nrqhbf {
    background: #f9f9f9;
    overflow-y: auto;
}

.xxk {
    overflow: hidden;
    padding-top: 10px;
    border-bottom: 1px solid #EEE;
}

    .xxk li {
        float: left;
        padding: 8px 10px;
        margin-right: 20px;
        color: #333;
        cursor: pointer;
        font-weight: bold;
    }

        .xxk li:hover {
            color: #ff8900;
        }

        .xxk li.active {
            color: #ff8900;
            border-bottom: 3px solid #ff8900;
        }

.jyfl_xxknr {
    padding: 10px;
}

.pf_2 {
    width: 50%;
    float: left;
}

.qyxz_fl {
    background: #fff;
    margin: 5px;
    padding: 10px;
}

    .qyxz_fl h3 {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .qyxz_fl p {
        text-align: center;
        padding-top: 5px;
        color: #888;
    }

        .qyxz_fl p strong {
            font-weight: bold;
            color: #333;
        }

.xxk_dxxzbt {
    margin: 10px 5px 0px 5px;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 3px 5px;
}

.xxk_dxxz {
    background: #fff;
    padding: 8px;
    padding-bottom: 5px;
    margin: 0px 5px;
    margin-bottom: 20px;
}

    .xxk_dxxz .duox_box {
        padding: 5px;
        padding-right: 25px;
    }

        .xxk_dxxz .duox_box div {
            font-size: 12px;
            color: #888;
        }

.czbf_tbdjj {
    margin: 15px 0px;
}

    .czbf_tbdjj .wzsm {
        color: #888;
    }



/*====================左右结构布局==================*/
.zyjgbj {
    position: relative;
}

.zybj_left {
    width: 228px;
    padding: 10px;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    position: absolute;
    left: 0;
    top: 0;
}

.zybj_right {
    margin-left: 238px;
    padding: 10px;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}

.zybj_leftxx_xzx {
    position: relative;
    width: 100%;
    height: 116px;
    margin-bottom: 5px;
}

    .zybj_leftxx_xzx a {
        position: relative;
        height: 116px;
        color: #fff;
        display: block;
        text-align: center;
        z-index: 3;
    }

    .zybj_leftxx_xzx .leftxx_bjmr {
        display: block;
        width: 100%;
        height: 116px;
        background: rgba(0,180,144,0.9);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

.zybj_leftxx_bj1 {
    background: url(../img/zybj_zbj1.jpg) center no-repeat;
    background-size: 100%;
}

.zybj_leftxx_bj2 {
    background: url(../img/zybj_zbj2.jpg) center no-repeat;
    background-size: 100%;
}

.zybj_leftxx_bj3 {
    background: url(../img/zybj_zbj3.jpg) center no-repeat;
    background-size: 100%;
}

.zybj_leftxx_xzx:hover .leftxx_bjmr {
    background: rgba(255,161,13,0.9);
    transition: 1s background;
}

.zybj_leftxx_xzx.dqxx .leftxx_bjmr {
    background: rgba(255,161,13,0.9);
}

.zybj_leftxx_xzx a .icon-xjxm {
    display: block;
    font-size: 62px;
    text-align: center;
    padding-top: 15px;
}

.zybj_leftxx_xzx a .icon-bc,
.zybj_leftxx_xzx a .icon-sjtj {
    display: block;
    font-size: 58px;
    text-align: center;
    padding-top: 18px;
}

.zybj_leftxx_xzx a .leftxx_wb {
    font-size: 16px;
    text-align: center;
}

.zybj_leftxx_xzx a .icon-jtx {
    display: block;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 5px;
    z-index: 3;
}

.zybj_rightbt {
    border-bottom: 2px solid #f3f3f3;
    position: relative;
    margin-bottom: 6px;
}

    .zybj_rightbt:before {
        content: "";
        display: block;
        width: 8px;
        height: 24px;
        background: #ff8a01;
        position: absolute;
        left: 0;
        bottom: 2px;
        border-radius: 0px 8px 0px 0px;
    }

    .zybj_rightbt .zybjy_btwb {
        font-size: 18px;
        font-weight: bold;
        padding: 5px 15px;
        padding-bottom: 3px;
    }

        .zybj_rightbt .zybjy_btwb span {
            display: inline-block;
            font-size: 18px;
            color: #ff8a01;
        }

.zybjy_btym {
    position: absolute;
    bottom: 3px;
    right: 2px;
}

.zybj_ywbsm {
    padding: 6px 0px;
}

.wzsm_sxwb {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
    position: relative;
    padding-left: 2px;
}

.wzsm_xzsm {
    padding: 10px 10px;
    background: #edf4f8;
    color: #888;
    font-size: 12px;
}

.zybj_srk {
    border: 1px solid #dbdee8;
    padding: 0px 10px;
    color: #888;
    border-radius: 3px;
}

    .zybj_srk input {
        display: block;
        width: 100%;
        outline: none;
        color: #666;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }

.zybj_wbk {
    border: 1px solid #dbdee8;
    padding: 8px 10px;
    color: #888;
    border-radius: 3px;
}

    .zybj_wbk textarea {
        display: block;
        width: 100%;
        outline: none;
        color: #666;
        font-size: 12px;
        font-family: 'myfont', Helvetica, sans-serif;
    }

        .zybj_wbk textarea::-webkit-input-placeholder {
            color: #ccc;
        }

        .zybj_wbk textarea::-moz-input-placeholder {
            color: #ccc;
        }

        .zybj_wbk textarea::-ms-input-placeholder {
            color: #ccc;
        }

.wzsm_sxwb .icon-wen {
    font-size: 20px;
}

.wzsm_sxwb .nry_btbz {
    top: 3px;
}

.zybj_dx {
    padding: 10px 10px;
    background: #f9f9f9;
    color: #888;
    font-size: 12px;
}

    .zybj_dx .dx_box {
        display: block;
        padding: 5px 0px;
    }

.zybj_ywbsm .zc_button {
    padding-left: 30px;
    padding-right: 30px;
}

.zc_button i {
    padding-right: 5px;
}

.zybj_xmlb {
    margin: 10px 0px;
}

    .zybj_xmlb li {
        display: block;
        padding: 10px;
        background: #fff;
        box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
        border-radius: 6px;
        position: relative;
        min-height: 121px;
        margin: 15px 5px;
        cursor: default;
        opacity: 0;
    }

    .zybj_xmlb .xmlb_xmtp {
        width: 190px;
        height: 105px;
        border: 8px solid #f9f9f9;
        background-size: 100%;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .zybj_xmlb .xmlb_wbms {
        margin-left: 220px;
    }

.xmlb_wbbt {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 10px;
    word-wrap: break-word;
}

.xmlb_wbnrms {
    font-size: 12px;
    color: #888;
    line-height: 18px;
    display: box;
    display: -moz-box;
    display: -webkit-box;
    box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -moz-line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.xmlb_nrmsgd {
    color: #065e9b;
    font-size: 12px;
    position: relative;
    display: inline-block;
    background: #edf4f8;
    padding-left: 10px;
    padding-right: 25px;
    margin-top: 8px;
    padding-bottom: 3px;
    cursor: pointer;
}

    .xmlb_nrmsgd:before {
        content: "more";
        display: block;
    }

    .xmlb_nrmsgd i:after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        position: absolute;
        right: 10px;
        top: 6px;
        pointer-events: none;
        border-bottom: 1px solid #065e9b;
        border-right: 1px solid #065e9b;
        transform: rotate(45deg);
    }

.zybj_xmlb .xmlb_wbnrmszk .xmlb_wbnrms {
    display: block;
    box-orient: none;
    -moz-box-orient: none;
    -webkit-box-orient: none;
    line-clamp: auto;
    -moz-line-clamp: auto;
    -webkit-line-clamp: auto;
    overflow: auto;
}

.zybj_xmlb .xmlb_wbnrmszk .xmlb_nrmsgd:before {
    content: "retract";
}

.zybj_xmlb .xmlb_wbnrmszk .xmlb_nrmsgd i:after {
    transform: rotate(225deg);
    top: 9px;
}

.xmlb_nrmsgd:hover {
    color: #ff8a01;
    background: #ffedd7;
    transition: 1s background;
}

    .xmlb_nrmsgd:hover i:after {
        border-bottom: 1px solid #ff8a01;
        border-right: 1px solid #ff8a01;
    }

.xmlb_hui .xmlb_wbbt {
    font-size: 16px;
    color: #888;
}

    .xmlb_hui .xmlb_wbbt .xmlb_wcjd {
        padding-left: 15px;
        margin-left: 15px;
        color: #888;
        font-size: 12px;
        font-weight: normal;
        border-left: 1px solid #ddd;
    }

.xmlb_wcjd strong {
    font-size: 16px;
}

.xmlb_hui .xmlb_wbnrms {
    font-size: 12px;
    color: #bbb;
}

.xmlb_hui .xmlb_xmtp {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.zybj_xmlb li:hover {
    box-shadow: 1px 1px 10px rgba(234 143 52);
}

    .zybj_xmlb li:hover .xmlb_wbms {
        opacity: 0.5;
        animation: show_nrtm 1s forwards;
    }

    .zybj_xmlb li:hover .xmlb_xmtp {
        opacity: 0;
        animation: show_nr 1s forwards;
    }

.zybj_xmlb .xmlb_hui:hover {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}

    .zybj_xmlb .xmlb_hui:hover .xmlb_wbms {
        opacity: 1;
        animation: none;
    }

    .zybj_xmlb .xmlb_hui:hover .xmlb_xmtp {
        opacity: 1;
        animation: none;
    }



/*====================底部==================*/
.home_footer {
    background: linear-gradient(to right,#2883bc,#5da276);
    width: 100%;
    margin-top: 10px;
    padding-top: 40px;
    position: relative;
    color: #fff;
}

    .home_footer:before {
        content: "";
        width: 100%;
        height: 3px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.footer_pf {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    padding-bottom: 20px;
}

.footer_pfbox {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    padding: 0px 15px;
}

.footer_dbt {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 8px;
}

.footer_wznr {
    color: #fff;
}

.footer_ljbt {
    padding-top: 20px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 8px;
}

.footer_ljlogo i {
    cursor: pointer;
    padding-right: 5px;
}

.footer_ljlogo i,
.footer_ljlogo .path1:before,
.footer_ljlogo .path2:before {
    font-size: 28px;
}

.footer_ljlogo i,
.footer_ljlogo .path1:before {
    color: #888;
}

    .footer_ljlogo i:hover,
    .footer_ljlogo i:hover .path1:before {
        color: #ff8900;
    }

.footer_ljlgt {
    padding-top: 10px;
}

.footer_cdlj {
    color: #888;
    padding: 2px 0px;
    display: block;
    cursor: pointer;
}

    .footer_cdlj:hover {
        color: #ff8900;
    }

.home_footbqsy {
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    border-top: 1px solid #f2f2f2;
}

.footer {
    height: 30px;
    background: #fff;
    width: 100%;
    margin-top: 10px;
}

    .footer p {
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #888;
        font-size: 12px;
    }





/*动画*/
@keyframes myfirst {
    from {
        height: 1200px;
    }

    to {
        height: 300px;
    }
}

@-webkit-keyframes myfirst {
    from {
        height: 1200px;
    }

    to {
        height: 300px;
    }
}

@keyframes myfirst2 {
    from {
        height: 300px;
    }

    to {
        height: 1200px;
    }
}

@-webkit-keyframes myfirst2 {
    from {
        height: 300px;
    }

    to {
        height: 1200px;
    }
}


@keyframes show_nr {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes show_nr {
    0% {
        opacity: 1;
        transform: translateX(30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes show_nrtm {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes show_nrtm {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/*适配*/
@media screen and (min-width: 100px) {
    .con_width {
        width: auto;
        margin: 0px 20px;
    }

    .xzxbox {
        height: auto;
    }

    .home_xzcd a {
        width: 50%;
    }

    .jyfl_name h3 {
        font-size: 12px;
    }

    .jyfl_name p {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .banner_wbbt {
        font-size: 16px;
    }

    .banner_xzsm {
        font-size: 12px;
    }

    .home_xzcd {
        width: 100%;
    }

    .home_ssbd {
        width: 90%;
    }
}

@media screen and (min-width: 1024px) {
    .con_width {
        width: 1000px;
        margin: 0px auto;
    }

    .xzxbox {
        height: auto;
    }

    .home_xzcd a {
        width: 33%;
    }
}

@media screen and (min-width: 1200px) {
    .con_width {
        width: 1140px;
        margin: 0px auto;
    }

    .xzxbox {
        height: auto;
    }

    .home_xzcd a {
        width: 33%;
    }
}

@media screen and (min-width: 1366px) {
    .con_width {
        width: 1200px;
        margin: 0px auto;
    }

    .xzxbox {
        height: auto;
    }

    .jyfl_name h3 {
        font-size: 14px;
    }

    .jyfl_name p {
        font-size: 14px;
    }

    .jyfl_dxx {
        height: 350px;
    }
}

@media screen and (min-width: 1440px) {
    .con_width {
        width: 1400px;
        margin: 0px auto;
    }

    .xzxbox {
        height: auto;
    }

    .jyfl_dxx {
        height: 400px;
    }
}

.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: none;
}

.button {
    display: block;
    background: #0089e9;
    height: 28px;
    line-height: 28px;
    padding: 0px 12px;
    border-radius: 3px;
    color: #fff;
    box-shadow: 1px 1px 10px rgba(0,137,233,0.5);
    cursor: pointer;
}

    .button:hover {
        background: #e0a332;
        box-shadow: 1px 1px 10px rgba(255,138,1,0.5);
    }


#grad {
    background: -webkit-linear-gradient(left, red,yellow,green,yellow,red); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, red,yellow,green,yellow,red); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, red,yellow,green,yellow,red); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, red,yellow,green,yellow,red); /* 标准的语法(必须放在最后) */
    height: 10px;
    width: 100%;
}

.irs--round .irs-bar {
    background-color: transparent;
}

.irs--round .irs-line {
    background: #0089e9;
}

.ion-range-slider2 .irs--round .irs-line {
    background: -webkit-linear-gradient(left, red,yellow,green,yellow,red); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, red,yellow,green,yellow,red); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, red,yellow,green,yellow,red); /* Firefox 3.6 - 15 */
    /*background: linear-gradient(to right, red,yellow,green,yellow,red); /* 标准的语法(必须放在最后) */
    background: linear-gradient(to right, red,yellow 20%,green 40%,yellow 60%,red);
}

.chart-border {
    border: 1px solid #ececec;
}

.exonBar {
    display: flex;
    text-align: center;
    padding: 10px 0 20px 0;
}

.lu {
    height: 500px;
}

.div_lineup {
    border: 1px solid #e9edf6;
    margin: 5px;
    margin-top: 10px;
    padding-bottom: 5px;
    animation: linear myfirst 1s;
    -webkit-animation: linear myfirst 1s;
}

.wbk > div > ul {
    height: 400px;
    overflow: auto;
}

.qyxz_xz_p {
    position: absolute;
    left: 0;
    top: 35px;
    color: #888;
    width: 150px;
}

.qyxzbf_p {
    margin-left: 155px;
}

.sxdxx2_p {
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.colStyle {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.colColor {
    color: #ff8900;
}

.legend_dose {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
    float: right;
}

#div_Allcurves_dose_response > .table tbody td {
    font-size: 12px;
}

#div_Allcurves_dose_response > .table thead th, .table thead td {
    font-size: 12px;
}

#div_Allcurves_dose_response {
    min-height: 500px;
}

ul.model-details {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.model-details li {
    display: inline-block;
}

    .model-details li a {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 1px;
        margin-right: 1px;
        text-align: center;
        vertical-align: middle;
        padding-top: 1px;
        background: #ccc;
        color: #fff;
        cursor: pointer;
        border-radius: 2px;
        cursor: default;
    }

    .model-details li.active a {
        background: #ff8a01 !important;
        color: white !important;
    }

        .model-details li.active a.green {
            background: #26c010 !important;
            color: white !important;
        }

.darkred-dot {
    height: 15px;
    width: 15px;
    background-color: #dc3545;
    border-radius: 50%;
    display: inline-block;
}


.red-dot {
    height: 15px;
    width: 15px;
    background-color: #FF4242;
    border-radius: 50%;
    display: inline-block;
}

.blue-dot {
    height: 15px;
    width: 15px;
    background-color: #0072b2;
    border-radius: 50%;
    display: inline-block;
}

.grey-dot {
    height: 15px;
    width: 15px;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
}

.purple-dot {
    height: 15px;
    width: 15px;
    background-color: #AA4499;
    border-radius: 50%;
    display: inline-block;
}

.green-dot {
    height: 15px;
    width: 15px;
    background-color: #009e73;
    border-radius: 50%;
    display: inline-block;
}

.yellow-dot {
    height: 15px;
    width: 15px;
    background-color: #002060;
    border-radius: 50%;
    display: inline-block;
}

.orange-dot {
    height: 15px;
    width: 15px;
    background-color: #ff8a01;
    border-radius: 50%;
    display: inline-block;
}

.d3-tip-v4 {
    line-height: 1;
    font-weight: bold;
    padding: 12px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 2px;
}

    /* Creates a small triangle extender for the tooltip */
    .d3-tip-v4:after {
        box-sizing: border-box;
        display: inline;
        font-size: 10px;
        width: 100%;
        line-height: 1;
        color: rgba(0, 0, 0, 0.8);
        content: "\25BC";
        position: absolute;
        text-align: center;
    }

    /* Style northward tooltips differently */
    .d3-tip-v4.n:after {
        margin: -1px 0 0 0;
        top: 100%;
        left: 0;
    }

.collapse-menu {
    padding: 1rem 1.25rem;
    margin: 0;
    font-size: 1.15rem;
    font-weight: 500;
    color: #3699FF;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.15s ease;
    cursor: pointer;
}

    .collapse-menu > i {
        margin-right: 1rem;
        font-size: 1.4rem;
        color: #3699FF;
        transition: all 0.15s ease;
    }

    .collapse-menu.collapsed {
        color: #3F4254;
        transition: all 0.15s ease;
    }

        .collapse-menu.collapsed > i {
            color: #B5B5C3;
            transition: all 0.15s ease;
        }

.fieldset_line {
    border: 1px solid#0089e9;
    padding: 0 20px 0 20px;
    border-radius: 5px;
}

.fieldset_legend {
    font-size: 18px;
    padding: 0 10px;
    color: #ff8a01;
    width: auto;
}

.plotly_title {
    font-size: 16px;
    padding: 0 10px;
    color: #2471A3;
    font-weight: bold;
}

.nav_title {
    height: auto;
}

.radio-inline-select {
    line-height: 30px;
}

.Highlight-quick-search {
    color: orange;
}

/*--------------------------------------*/
.b-link-stripe {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /*overflow: hidden;*/
    width: 100%;
}

    .b-link-stripe .b-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        text-align: center;
        color: #f8a132;
        overflow: hidden;
        /*padding-top:10px;*/
        z-index: 1;
    }

.b-animate-go {
    text-decoration: none;
}

.b-animate {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    visibility: hidden;
}

    .b-animate img {
        margin-top: 4%;
        display: -webkit-inline-box;
    }

    .b-animate span {
        display: block;
        font-size: 1.5em;
        display: block;
        font-weight: 500;
        padding-top: 20px;
    }

    .b-animate p {
        padding: 0.2em 0 0;
        color: #fff;
        font-size: large;
        font-weight: 400;
        display: inline-block;
        margin: 0 0 1em;
    }

    .b-animate i {
        background: url(../images/ar.png) no-repeat 0px 0px;
        width: 45px;
        height: 45px;
        display: block;
        margin: 0 auto;
    }
/* lt-ie9 */
.b-animate-go:hover .b-animate {
    visibility: visible;
}

.b-from-left {
    position: relative;
    left: -100%;
    background: #0b6329d4;
    background-size: 100% 100%;
    top: 0px;
    margin: 0;
    min-height: 40vh;
}

.b-animate-go:hover .b-from-left {
    left: 0;
}

.color-picker {
    height: 25px;
    cursor: pointer;
}

.textbox-des {
    color: #3699FF;
}

.img_nav {
    padding: 0px;
}

    .img_nav li {
        margin: 0px;
        border-bottom: 3px solid #ffaf25;
    }

        .img_nav li a {
            color: #FFF;
            font-size: 16px;
            display: block;
            padding: 5px 20px;
            font-weight: 600;
            text-align: center;
            display: inline-grid;
            background: #0b6329d4;
        }

            .img_nav li a img {
                width: 100px;
                height: 83px;
            }

.chart-color-scheme .dropdown {
    position: absolute;
    background: #fff;
    min-width: 100px;
    box-shadow: 0 0 15px 0 rgba(154,161,171,.3);
    border: 1px solid #d9e3e9;
    border-radius: 2px;
    padding: 5px;
    width: 196px;
    display: none;
    z-index: 100;
    opacity: 1;
}

    .chart-color-scheme .dropdown::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .chart-color-scheme .dropdown::-webkit-scrollbar-track {
        background-color: #f5f5f5;
        border-radius: 2em;
    }

    .chart-color-scheme .dropdown::-webkit-scrollbar-thumb {
        background-color: #abaeb1;
        border-radius: 2em;
    }

        .chart-color-scheme .dropdown::-webkit-scrollbar-thumb:hover {
            background-color: #747679;
        }

    .chart-color-scheme .dropdown ul {
        min-width: 167px;
    }

        .chart-color-scheme .dropdown ul .current_theme {
            border-color: #4390df;
            box-shadow: 0 0 3px rgba(0,0,0,.2);
        }

        .chart-color-scheme .dropdown ul .current_theme_pic {
            position: absolute;
            border-top: 15px solid #4390df;
            border-left: 15px solid transparent;
            right: 0px;
            top: 0px;
        }

        .chart-color-scheme .dropdown ul li {
            position: relative;
            height: 38px;
            cursor: pointer;
            transition: all .3s ease;
            margin-bottom: 5px;
            border: 1px solid #fff;
            border-radius: 4px;
        }

            .chart-color-scheme .dropdown ul li .text {
                height: 19px;
            }

                .chart-color-scheme .dropdown ul li .text text {
                    line-height: 19px;
                    color: black;
                }

            .chart-color-scheme .dropdown ul li .colorspan {
                height: 21px;
            }
                /* .chart-color-scheme .dropdown ul li .colorspan span {display: inline-block;width:13px;height:13px;border-radius:1px;margin-left:3px;float:left;margin-top:0px;} */
                .chart-color-scheme .dropdown ul li .colorspan span {
                    width: 13px;
                    height: 13px;
                    border-radius: 1px;
                    margin-left: 3px;
                    float: left;
                    margin-top: 0px;
                }

            .chart-color-scheme .dropdown ul li:hover {
                border-color: blue;
                box-shadow: 0 0 3px rgba(0,0,0,.2);
            }

.chart-color-scheme.show .dropdown {
    display: block;
    height: 300px;
    overflow-y: scroll;
}

.Day_results {
    word-break: normal;
    width: auto;
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}

.cdxxk .nav .nav-link {
    padding: unset !important;
}

.singlePage-nav li {
    padding: 5px 10px 0px 10px !important;
    margin: 0px 3px;
}

.checkbox.removed {
    opacity: 0.6;
}

.bg-light-meritudio {
    /*background: linear-gradient(to right,#5da276,#2883bc);*/
    background-color: #e3f2fd;
}

.card.card-custom.bg-light-meritudio > .card-header {
    min-height: auto;
}

    .card.card-custom.bg-light-meritudio > .card-header .card-title,
    .card.card-custom.bg-light-meritudio > .card-header .card-title .card-label {
        font-weight: bold;
        font-size: 18px;
        color: #2471A3;
    }

.card.card-custom.bg-light-meritudio > .card-body {
    padding: 1rem 2.25rem;
    line-height: 1.6;
}

.card.card-custom.bg-light-meritudio > .card-body .highlight {
        color: #ff8900;
        font-weight: bold;
        font-size: 1.275rem;
    }

.bg-light-meritudio > .card-body p {
    margin: revert;
}

.help-content {
    padding: 1rem 2.25rem;
    line-height: 1.6;
}

.help-content p {
        margin:revert;
    }

.help-content .highlight {
    color: #ff8900;
    font-weight: bold;
    font-size: 1.275rem;
}


.correct:before {
    content: '\2714';
    color: #b20610;
}

.checkbox.checkbox-clear > span:after {
    width: unset;
    height: unset;
    margin-top: unset;
    transform: unset;
}

.checkbox.checkbox-clear > input:checked ~ span {
    background-color: unset;
    border-color: #e71010;
}

    .checkbox.checkbox-clear > input:checked ~ span:after {
        content: '\2716';
        color: #b20610;
        border: unset;
    }

.modal-title.highlight {
    color: #ff8900 !important;
}

.highlight-info-orange {
    color: #ff8900;
}
.highlight-info-blue {
    color: dodgerblue;
}

.drugSelectCellLines{
    width:220px;
}

.highlight-info-blue .svg-icon svg {
    transition: all 0.15s ease;
    transform: rotate(90deg);
    /*rtl:begin:*/
    /*rtl:end:*/
}

.highlight-info-blue.collapsed .svg-icon svg {
    transition: all 0.15s ease;
    transform: rotate(0);
}

.input-underline {
    border-bottom: solid;
}

.checkbox.checkbox-Reactome > input:checked ~ span {
    background-color: #bcdee8;
}
.checkbox.checkbox-WikiPathways > input:checked ~ span {
    background-color: #bae299;
}
.checkbox.checkbox-GO-BP > input:checked ~ span {
    background-color: #e8bdd6;
}
.checkbox.checkbox-GO-CC > input:checked ~ span {
    background-color: #9577c3;
}
.checkbox.checkbox-GO-MF > input:checked ~ span {
    background-color: #eec186;
}

.Param_Setting .form-group label {
    color: #08805e;
    font-size: 15px;
}

.Param_Setting .textbox-des {
    color: #b3bcba;
}

.Param_Setting .nav-text {
    font-size: 14px !important;
}

.Param_Setting .form-group {
    margin-bottom: 0;
}

.summartTitle {
    color: #015b99;
    font-weight: bold;
    font-size: 1.475rem;
    text-align: center;
}

.image-container {
    display: flex;
    border-radius: 8px; /* 可选: 为图片添加圆角 */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5); /* 阴影设置 */
    align-items: center; /* 垂直居中 */
}

    .image-container img {
        display: block; /* 防止底部出现空隙 */
        width: 100%; /* 或者其他宽度设置 */
        height: auto; /* 保持图片比例 */
        border-radius: 8px; /* 与.image-container的圆角保持一致 */
    }

.home-ul li {
    list-style: inside;
    text-indent: 2em;
}
.home-ul li::marker {
    color: #6699d2;
}
.home-link {
    color: #0070c0;
    font-weight: 700;
    font-size:18px;
}

/* 为没有过滤控件的表头设置高度 */
.no-filter-control {
    height: 38px; /* 根据实际需求调整 */
}

.tools-same-height {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.offcanvasAI {
    width:475px;
}
.offcanvasAI.offcanvas-right {
    right: -495px;
}