/* 导入样式表 */
@import url("/static/public/style-cn.css");
@import url("/static/public/parts-cn.css");
@import url("/static/public/report-cn.css");

:root {
    --HnnColor: #33B9AC; /* H2-3标签字体颜色#2FA89C#22AAB4 */
    --HbgColor: #D2F2EF; /* H3、H4的span背景颜色 #D8E8D2*/
    --WbgColor: #33B9AC; /* 适配白色字体的背景颜色 #79BD4D*/
    --ItmColor: #4183C4; /* 项目数值字体颜色 */
    /* --menu-float-item-bg: #1E949D;左右子菜单项背景色，原始定义在：style-cn.css */
}


.my-TitleInfo ul {
    margin: 15px auto 5px auto;
    width: 50%;
}


/* 三列子表：对/static/public/style.css的.box-max4son 类再定义 */
.my-Organization ul {
    width: 30%; /*第2列*/
}
    .my-Organization ul:first-child {
        width: 43%;
    }
    .my-Organization ul:last-child {
        width: 27%;
    }
    .my-Organization ul li {
        list-style-image: url(/static/public/images/start.png);
    }



/* ==== 观众分析 ================= */

/* 1.观众区域分布、4.观众职位分析 */
.my-VisitorsData1 ul {
    display: inline-block;
}

.my-VisitorsData1 li {
    float: left;
    margin-right: 30px;
    width: 80px;
    border-bottom: dashed 1px #ccc;
}

/* 2.观众感兴趣的产品 */
.my-VisitorsData2 ul {
    margin-right: 4%;
    width: 20%;
}

    .my-VisitorsData2 ul:last-child {
        margin-right: 0;
        width: 28%;
    }

.my-VisitorsData2 li {
    border-bottom: dashed 1px #ccc;
}
/* 3.观众类别 */
.my-VisitorsData3 ul {
    margin-left: 3%;
    width: 23%;
}

    .my-VisitorsData3 ul:first-child {
        margin-left: 0;
        width: 22%;
    }

.my-VisitorsData3 li {
    border-bottom: dashed 1px #ccc;
}

/* ==== Vip买家 ==================== */
.my-VipBuyers ul {
    width: 28%; /*第2列*/
}
    .my-VipBuyers ul:first-child {
        width: 37%;
    }
    .my-VipBuyers ul:last-child {
        width: 35%;
    }

.tb-leftDataRightImg tr td:last-child {
    background-color: #F7F8F8; /* 图片格子的背景色 */
}

/* 商务配对会 */
.my-Matchmaking ul:first-child {
    width: 65%;
}

.my-Matchmaking ul:last-child {
    float: right;
    width: 33%;
}

/* 网上商务配对服务 */
.my-InlineMatchmaking > div:first-child {
    width: 48%;
}

.my-InlineMatchmaking > div:last-child {
    float: right;
    width: 50%;
    background-color: #f8f8f8;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 35px;
}

    .my-InlineMatchmaking > div:last-child p:nth-child(2n+1) {
        margin-bottom: 0;
    }

    .my-InlineMatchmaking > div:last-child p:nth-child(2n) {
        margin-top: 0;
        text-align: right;
        color: var(--HnnColor);
    }
/* ================================ */


/* ===== 展商对展览会的评价 ======= */
.box-ExhibitorsSurvey {
    background-image: url(images/Exhibitors-3.jpg);
    background-position: right;
    background-size: contain;
}

    .box-ExhibitorsSurvey > div {
        background: linear-gradient(to right,rgba(46,80,43, 0.9),rgba(46,80,43, 0.8),rgba(160,202,157,0.6),rgba(255,255,255,0.1),rgba(255,255,255,0));
        padding: 20px 0 20px 20px;
    }

    .box-ExhibitorsSurvey h3 span {
        background-color: #fff;
        color: #2E502B;
        font-weight: normal;
        letter-spacing: 2px;
        padding: 3px 15px;
    }

    .box-ExhibitorsSurvey li {
        list-style: none;
        color: #fff;
        font-size: 13px;
        letter-spacing: 1px;
        padding: 5px 0;
    }

        .box-ExhibitorsSurvey li b {
            color: #FFE200;
            font-size: 21px;
        }
/* ================================ */



/* ===== 豪华版“同期活动” ======= */

/* 定义活动系列子标题颜色 */
:root {
    --myConferencesColor10: #708BC0;
    --myConferencesColor20: #308691;
    --myConferencesColor30: #CB474F;
    --myConferencesColor40: #0E4A6D;
    --myConferencesColor50: #8A6C6C;
    --myConferencesColor60: #3E3939;
    --myConferencesColor70: #389BCF;
    --myConferencesColor80: #928AAB;
    --myConferencesColor90: #BD9119;
}

.box-Conferences > div:nth-child(1) h3 {
    color: var(--myConferencesColor10);
}

    .box-Conferences > div:nth-child(1) h3 b {
        background-color: var(--myConferencesColor10);
    }

.box-Conferences > div:nth-child(2) h3 {
    color: var(--myConferencesColor20);
}

    .box-Conferences > div:nth-child(2) h3 b {
        background-color: var(--myConferencesColor20);
    }

.box-Conferences > div:nth-child(3) h3 {
    color: var(--myConferencesColor30);
}

    .box-Conferences > div:nth-child(3) h3 b {
        background-color: var(--myConferencesColor30);
    }

.box-Conferences > div:nth-child(4) h3 {
    color: var(--myConferencesColor40);
}

    .box-Conferences > div:nth-child(4) h3 b {
        background-color: var(--myConferencesColor40);
    }

.box-Conferences > div:nth-child(5) h3 {
    color: var(--myConferencesColor50);
}

    .box-Conferences > div:nth-child(5) h3 b {
        background-color: var(--myConferencesColor50);
    }

.box-Conferences > div:nth-child(6) h3 {
    color: var(--myConferencesColor60);
}

    .box-Conferences > div:nth-child(6) h3 b {
        background-color: var(--myConferencesColor60);
    }

.box-Conferences > div:nth-child(7) h3 {
    color: var(--myConferencesColor70);
}

    .box-Conferences > div:nth-child(7) h3 b {
        background-color: var(--myConferencesColor70);
    }

.box-Conferences > div:nth-child(8) h3 {
    color: var(--myConferencesColor80);
}

    .box-Conferences > div:nth-child(8) h3 b {
        background-color: var(--myConferencesColor80);
    }

.box-Conferences > div:nth-child(9) h3 {
    color: var(--myConferencesColor90);
}

    .box-Conferences > div:nth-child(9) h3 b {
        background-color: var(--myConferencesColor90);
    }

/* 下面是各类构件 */
.box-Conferences > div {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

/* 2个ul并列的box */
.my-Conferences-2ulBox {
    border-top: solid 4px #fff;
    margin: 0 auto;
    padding: 0;
}

    .my-Conferences-2ulBox ul {
        width: 50%;
    }

    .my-Conferences-2ulBox li {
        list-style: none;
        margin: 0 auto;
        padding-right: 10px;
        display: inline-block;
        width: 100%;
        background-color: #f8f8f8;
        border-bottom: solid 4px #fff;
    }

        .my-Conferences-2ulBox li img {
            float: left;
            margin-right: 8px;
        }

        .my-Conferences-2ulBox li p {
            line-height: normal;
            width: auto;
            font-size: 14px;
        }

            .my-Conferences-2ulBox li p span {
                font-size: 15px;
                color: var(--ItmColor);
                float: none;
                margin: 0 5px;
            }

/* 系列h标签 */
.box-Conferences h3 {
    margin: 0 auto;
    padding-right: 15px;
    line-height: normal;
    font-size: 23px;
    letter-spacing: 1px;
    background-color: #f8f8f8;
    /* 垂直居中 */
    display: flex;
    align-items: center;
}

    .box-Conferences h3 b {
        float: left;
        margin-right: 15px;
        font-size: 43px;
        color: #fff;
        line-height: normal;
        padding: 1px 25px;
    }

.box-Conferences h4 {
    margin: 10px auto 0 auto;
}

.box-Conferences h5 {
    margin: 10px auto 0 auto;
    line-height: normal;
}

/* 私有特定定义 */
.my-CaseShare ul {
    width: 27%;
}

    .my-CaseShare ul:first-child {
        width: 19%;
    }
/* ================================ */