@charset "utf-8";
/* ==========================================================================
   合生医疗 · 疫苗接种预约页样式
   对齐官网 https://www.terramed.cn/hesheng_appointment/*
   （basic4852.css 中缺失的页面级规则）
   ========================================================================== */

/* 正文内图片不超出容器 */
.c-txt-medium2 img { max-width: 100%; }

/* 信息卡片（门诊信息 / 疫苗信息） */
.tip {
    padding: 8px 16px;
    background-color: #eafffc;
    border-radius: 4px;
    border-left: 5px solid #00a68d;
    margin: 20px 0;
}
.tip .title {
    font-weight: 600;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}
.tip .label {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    padding-left: 5px;
}
.tip .label span {
    color: #999999;
    margin-right: 10px;
}
.tip img { margin-right: 10px; }

/* 卡片上的文字按钮：接种须知 / 选择该疫苗 */
.message-btn {
    font-size: 1.2rem !important;
    color: #999999;
    font-weight: 500 !important;
    margin-left: 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: color .2s;
}
.message-btn:hover { color: #00a68d; }

/* 接种须知展开区 */
.tip-notice {
    border-top: 1px dashed #cfe9e4;
    color: #555;
    font-size: 1.2rem;
    word-break: break-word;
}
.tip-notice p { margin: 6px 0; }
.tip-notice ul, .tip-notice ol { padding-left: 1.8em; }
.tip-notice strong, .tip-notice b { color: #00a68d; }

/* 已选日期的上午 / 下午时段块 */
.date-box {
    min-width: 110px;
    padding: 8px 16px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.7;
    color: #333;
    background: #f7f9f9;
    border: 1px solid #e0e6e5;
    border-radius: 4px;
    cursor: pointer;
    transition: all .2s;
}
.date-box:hover {
    border-color: #00a68d;
    color: #00a68d;
}
.date-box.active {
    background: #eafffc;
    border-color: #00a68d;
    color: #00a68d;
    font-weight: 600;
}

/* 日历单元格里的余号提示 */
.date-yy-str {
    font-size: 1.1rem;
    color: #00a68d;
    line-height: 1.5;
}

/* 移动端：卡片标题行允许换行，避免文字被挤压 */
@media screen and (max-width: 750px) {
    .tip .title { flex-wrap: wrap; }
    .message-btn { margin-left: 12px; }
}