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

/* 按具体网站的私有颜色配置 */
:root {
    --HnnColor: #006937; /* H3、H4标签字体颜色 */
    --HbgColor: #BEE7E7; /* H3、H4的span背景颜色 */
    --WbgColor: #359D95; /* 适配白色字体的背景颜色*/
    --ItmColor: #4183C4; /* 项目数值字体颜色 */
    --menu-float-item-bg: #3C9B9B; /* 左右浮动子菜单项背景色*/
    --bgColor1: #E9F4FA; /* 交替背景色1，如用于：ul-Testimonials、box-hang4son 等 */
    --bgColor2: #E0F2F3; /* 交替背景色2 */
}
.box-main h2 {
    margin: 40px 0 10px 0;
    padding: 0;
    color: var(--HnnColor);
    font-size: 30px;
    line-height: normal;
    height: auto;
    background-image: none;
}

.box-main h4 {
    margin: 15px auto 5px auto;
}

/* == 展会组织 ==================== */
.box-Organization ul {
    width: 44%;
}

    .box-Organization ul:first-child {
        width: 28%;
    }

    .box-Organization ul:last-child {
        width: 28%;
    }
.box-Organize ul:first-child {
    width: 72%;
}

.box-Organize ul:last-child {
    width: 28%;
}
/* ================================= */


/* == 展会背景 ==================== */
.my-Preview {
    margin: 0 auto;
    padding: 15px 20px 10px 20px;
    background-image: url(images/Preview.jpg);
    background-size: cover;
    background-position: center;
    color: #222;
}

    .my-Preview p {
        line-height: 30px;
    }
/* ================================= */


/* == 多元活动 ==================== */
.my-Events {
    margin: 0 auto;
    padding: 30px;
    background-image: url(images/Actives-0.jpg);
    background-size: cover;
    background-position: center;
}

    .my-Events th {
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 10px;
        padding: 5px 0 30px 0;
    }

    .my-Events td {
        font-size: 24px;
        font-weight: normal;
        vertical-align: middle;
        line-height: 40px;
        padding: 30px 20px;
        background-color: rgba(223, 211, 156, 0.6);
        color: #225544;
    }

        .my-Events td b {
            font-size: 50px;
            font-weight: bold;
            line-height: 70px;
        }

    .my-Events table tr td:nth-child(2) {
        background-color: rgba(102, 102, 102, 0.5);
        color: #fff;
    }
/* ================================= */


/* == 活动亮点 ==================== */
.my-Highlights {
    margin-bottom: 30px;
}

    .my-Highlights th {
        padding: 0;
        width: 140px;
        color: #fff;
        background-color: var(--WbgColor);
        font-size: 15px;
        font-weight: bold;
        line-height: 28px;
        border-right: solid 2px #fff;
        border-bottom: solid 1px #fff;
    }

    .my-Highlights tr:first-child td:last-child {
        width: 140px;
        padding-top: 15px;
        font-size: 22px;
        line-height: 40px;
        letter-spacing: 2px;
        background-color: var(--WbgColor);
        background-image: url(images/Actives-1.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        color: #fff;
        writing-mode: vertical-rl; /* 文字从上到下，从右到左 */
        /* transform: rotate(180deg); 旋转，使文字从上到下排列 */
    }
/* ================================= */


/* == 多元赛道 ==================== */
.my-Market1 > div:first-child {
    width: 21%
}

.my-Market1 > div:nth-child(2) {
    width: 24%
}

.my-Market1 > div:nth-child(3) {
    width: 21%
}

.my-Market1 > div:last-child {
    width: 30%
}
/* ================================= */


/* == 食药物质 ==================== */
.my-Market2 {
    background-color: #f8f8f8;
}

    .my-Market2 div:first-child {
        padding: 20px;
        width: 62%;
    }

        .my-Market2 div:first-child b {
            font-size: 16px;
            color: VAR(--HnnColor); /*#C1272D;*/
        }

    .my-Market2 div:last-child {
        float: right;
        width: 38%;
        text-align: center;
    }
/* ================================= */


/* == 中药化妆品 ==================== */
.my-Market3 {
    background-image: url(images/Preview.jpg);
    background-size: cover;
    display: inline-block;
    padding: 15px 20px;
}

    .my-Market3 p {
        color: #444;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .my-Market3 li {
        float: left;
        list-style: none;
        margin: 10px;
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: bold;
        color: #444;
        background-color: #fff;
        padding: 10px 20px;
        border-top-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }
/* ================================= */


/* == 健康经济 ===================== */
.my-Market4 div:first-child, .my-Market4 div:nth-child(2) {
    width: 32%;
}

.my-Market4 div:last-child {
    width: 34%;
}
/* ================================= */


/* == VIP买家团 ===================== */
.my-VipGroupBuyers {
    background-color: #f8f8f8;
    padding: 15px;
}

    .my-VipGroupBuyers ul {
        width: 35%;
    }

        .my-VipGroupBuyers ul:last-child {
            width: 30%;
        }
/* ================================= */