/* Chrome/Safari */
input[type="password"]::-webkit-toggle-password {
    -webkit-appearance: none !important;
    display: none !important;
}

/* PDF 课程完成后使用完成图标（覆写 main.css，c_pdf 状态同样显示 complate 图标） */
.courseDetail-page .page-main .learn_area_0s .wal .right_0s .couse_list_0s .wp_0s .list_0s .scroll_view_0s ul li[data-state=complate].c_pdf {
    --icon-image: url(../images/base/course-detail/complate.svg);
}

/* Firefox */
input[type="password"]::-moz-ui-password {
    -moz-appearance: none !important;
    display: none !important;
}

/* Edge/IE */
input[type="password"]::-ms-reveal {
    display: none !important;
    visibility: hidden !important;
}


.courseDetail-page .page-main .learn_area_0s .wal .left_0s .left_wrapper .video_0s .video_wrapper video {
    object-fit: contain;
}

.sk_input_0s .input_0s .suffix_0s .code_0s img {
    width: 100%;
}

.events-page .page-main .wal .page-body .box_0s .list-area .list_0s ul li a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* events-page 空状态居中样式 */
.events-page .list-area .myIndex_empty_view {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 6rem;
    width: 100%;
    margin: 1rem auto;
    padding: 0.4rem 0;
}
.events-page .list-area .myIndex_empty_view .img img {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}
.events-page .list-area .myIndex_empty_view .title_0s {
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.28rem;
    margin-top: 0.44rem;
}
.events-page .list-area .myIndex_empty_view .text_0s {
    text-align: center;
    margin-top: 0.24rem;
    font-size: 0.18rem;
    line-height: 0.21rem;
}

@media screen and (max-width: 800px) {
    .events-page .list-area .myIndex_empty_view {
        max-width: 90%;
        margin: 0.8rem auto;
        padding: 0.4rem 0;
        justify-content: flex-start;
    }
    .events-page .list-area .myIndex_empty_view .img img {
        width: 3rem;
        height: 3rem;
    }
    .events-page .list-area .myIndex_empty_view .title_0s {
        font-size: 0.4rem;
        line-height: 0.47rem;
        margin-top: 0.65rem;
    }
    .events-page .list-area .myIndex_empty_view .text_0s {
        margin-top: 0.24rem;
        font-size: 0.28rem;
        line-height: 0.32rem;
    }
}

a.breadcrumb-no-link {
    pointer-events: none;
    cursor: default !important;
    text-decoration: none;
    color: inherit;
}

.profile-page .cp-body .pf-container .pf-header .pf-avatar-section .pf-avatar-wrapper .pf-avatar .pf-avatar-image {
    width: 95% !important;

    height: 95% !important;
    z-index: 10;

}

.video-courses-page .page-main .content-area .box_0s .center_0s .list_1s ul li a .info_0s .tags_0s {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.video-courses-page .page-main .content-area .box_0s .center_0s .list_1s ul li a {
    height: 100%;
}

.layui-layer-hui .layui-layer-content {
    word-break: break-word !important;
}

.sk_select_0s {
    z-index: 1;
}

.sk_select_0s .select_layer_0s {
    z-index: 3;
}

.sk_filterSearch_page_0s .page-main .content-area .box_0s .left_0s .wp_0s .list_0s ul li .content_0s .check_group_0s.on .check_0s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.faq-page .list_1s ul li .content_0s {
    max-width: 90%;
}

.event-detail-page .page-main .wal .box_0s .content_0s .Guest_0s .list_0s ul li .info_1s img {
    width: .6rem;
    height: .6rem;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.myEvents-page .body_1s .list_0s > ul > li .img {
    width: 100%;
}
.courseDetail-page .page-main .comments_area_0s .wal .box_0s .list_0s ul li .info_0s .avatar_0s {
    overflow: hidden;
}

@media screen and (min-width: 800px) {

    .myCertificationDetail-page .body_1s .score_step .score_step_box .score_step_scroll .score_progress {
        --ratio: 3;
    }

    .sk_dialog_0s .wrapper_0s .box_0s .head_0s .info_0s .title_0s {
        max-width: 80%;
    }

    .sk_dialog_0s .wrapper_0s .box_0s .head_0s .info_0s .time {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}


@media screen and (max-width: 800px) {
    .myCertificationDetail-page .body_1s .score_step .score_step_box .score_step_scroll .score_progress {
        --ratio: 2.5;
    }

    .event-detail-page .page-main .wal .box_0s .content_0s .Guest_0s .list_0s ul li .info_1s img {
        width: .9rem;
        height: .9rem;
    }
    .video-courses-page {
        overflow: hidden;
    }
}

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

    .sk_filterSearch_page_0s .page-main .content-area .box_0s .center_0s .wp_0s .list_0s ul li .info_0s .tags_0s span::after {
        display: none;
    }

    .sk_filterSearch_page_0s .page-main .content-area .box_0s .center_0s .wp_0s .list_0s ul li .info_0s .tags_0s span {
        width: 100%;
        margin-top: .08rem;
    }
    .sk_filterSearch_page_0s .page-main .content-area .box_0s .center_0s .wp_0s .list_0s ul li .info_0s .tags_0s span:first-child {
        margin-top: 0;
    }

    .profile-page .cp-body .white-container-my .pf-container .pf-header .pf-avatar-section .pf-avatar-wrapper .pf-avatar .pf-avatar-image {
        width: 100% !important;

        height: 100% !important;
        z-index: 10;

    }
}

.index-page .latest-events-section .list_0s ul li a .img img {
    height: 100%;
    width: 100%;
}

.tickets-detail-page .contianer_0s .main_0s .area_0s .info_con .info_block .block_process .process_item ._item_avatar .img {
    width: 100%;
    height: 100%;
}

.cookie_layer_0s .content_layer_0s .wal {
    padding: 0.27rem 0.17rem 0.18rem !important;
;
}

.tickets-detail-page .contianer_0s .main_0s .area_0s .info_con .info_block .block_kv .kv_row .kv_item .kv_value, .my-account-certification-page .contianer_0s .main_0s .area_0s .info_con .info_block .block_kv .kv_row .kv_item .kv_value {
    white-space: break-spaces;
}




/* 公共面包屑部分start */
@media screen and (max-width: 800px) {
    .sk_crumb_0s .wal ul {
        width: 100%;
        flex-wrap: wrap;
    }


    .sk_crumb_0s .wal ul li a span {
        white-space: nowrap;
    }

    .sk_crumb_0s .wal ul li {
        margin-bottom: 0.01rem;
    }
}


.sk_crumb_0s .wal ul li.is-hidden {
    display: none;
}

.sk_crumb_0s .wal ul li.breadcrumb-ellipsis {
    position: relative;
}

.sk_crumb_0s .wal ul li.breadcrumb-ellipsis::after {
    content: "/";
    color: rgba(30, 26, 52, 0.5);
    margin-right: 5px;
}

.sk_crumb_0s .breadcrumb-ellipsis .ellipsis-trigger {
    font-family: var(--sk-font-Regular);
    font-size: 0.2rem;
    line-height: 0.2rem;
    color: rgba(30, 26, 52, 0.6);
    background-color: #F7F7F6;
    border-radius: 0.06rem;
    width: 19px;
    margin-right: 0.1rem;
    height: 0.2rem;
    padding: 0.02rem 0 0.15rem 0;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}


.sk_crumb_0s .breadcrumb-ellipsis .ellipsis-dropdown {
    position: absolute;
    left: 1.35rem;
    top: calc(100% + 0.12rem);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0.12rem 0.1rem 0.12rem 0.18rem;
    border-radius: 0.06rem;
    background: #fff;
    box-shadow: 0 18px 40px rgba(60, 75, 104, 0.18);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 5;
    border: 1px solid #dadada;
}
.sk_crumb_0s .breadcrumb-ellipsis.is-open .ellipsis-dropdown {
    opacity: 1;
    pointer-events: auto;
}
.sk_crumb_0s .breadcrumb-ellipsis .ellipsis-dropdown-item {
    font-family: var(--sk-font-Regular);
    font-size: 0.14rem;
    line-height: 0.14rem;
    color: rgba(30, 26, 52, 0.8);
}

.sk_crumb_0s .breadcrumb-ellipsis .ellipsis-divider {
    color: rgba(30, 26, 52, 0.4);
}

.myCertificationDetail-page .body_1s .score_step .score_step_box .score_step_scroll {
    padding: calc(var(--step-item-height) + 0.5rem) 1rem 0.5rem;
}

@media screen and (min-width: 800px) {
    .sk_crumb_0s .breadcrumb-ellipsis .ellipsis-dropdown-item:hover {
        color: rgba(30, 26, 52, 1);
    }
}




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

    .myCertificationDetail-page .body_1s .score_step .score_step_box .score_step_scroll {
        padding: calc(var(--step-item-height) + 1.02rem) 1.3rem 1.2rem;
    }

    .sk_crumb_0s .breadcrumb-ellipsis .ellipsis-dropdown-item {
        font-family: var(--sk-font-Regular);
        font-size: 0.24rem;
        line-height: 0.28rem;
        color: rgba(30, 26, 52, 0.8);
    }
    .sk_crumb_0s .breadcrumb-ellipsis .ellipsis-trigger {
        font-size: 0.32rem;
        line-height: 0.32rem;
        height: 0.3rem;
        padding: 0.02rem 0 0.12rem 0;
    }

    .sk_crumb_0s .breadcrumb-ellipsis .ellipsis-dropdown {
        left: 1.6rem;
        padding-right: 0;
        display: none;
    }
}



/* 公共面包屑部分end */




/* training表单页面start */


/* 其实前端项目这里是好的，无奈Java项目下dom结构不同了，采用css弥补 */
@media screen and (max-width: 800px) {
    .training-request-page {
        padding-right: 0;
        padding-left: 0;
        height: 100vh;

    }

    .training-request-page main {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
        padding-bottom: 2.4rem;
        height: auto;
        background-color: #f7f7f6;

    }

}
@media screen and (min-width: 800px) {
    .g-header .g-head .g-head-main .logo-box .logo .img {
        width: 1.4rem;
        object-fit: contain;
    }
}


/* training表单页面end */




/* 特殊适配safari */
.historical-btn a {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 800px) {
    ._g_table .row .cell {
        width: 1.32rem; !important;
    }

    .sk_myIndex_0s .contianer_0s .main_0s .article_0s .box_0s {
        max-width: 12.2rem; !important;
    }
    .sk_myIndex_0s .contianer_0s .main_0s .sk_back_1s{
        left: 0.6rem;!important;
    }
}
@media screen and (max-width: 800px) {
}

/* PDF 左右分栏布局 */
.pdf_dialog .pdf_dialog_content {
    width: 90% !important;
}
.pdf_dialog .pdf_dialog_content .pdf_dialog_body {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    height: calc(100% - 0.87rem) !important;
}
.pdf_mobile_chapter {
    display: none;
    padding: 0.2rem 0.4rem;
    background: #fff;
    flex-shrink: 0;
}
.pdf_body_split {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    position: relative;
}
.pdf_chapter_sidebar {
    width: 2.2rem;
    min-width: 2.2rem;
    overflow-y: auto;
    border-right: none;
    box-shadow: 0.04rem 0 0.12rem 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.pdf_chapter_sidebar_title {
    padding: 0.18rem 0.16rem 0.12rem 0.16rem;
    font-size: 0.11rem;
    font-weight: 600;
    color: #bbb;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    border-bottom: 0.01rem solid #f0f0f0;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pdf_chapter_sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0.06rem 0 0.08rem 0;
}
.pdf_chapter_sidebar li {
    padding: 0.1rem 0.16rem 0.1rem 0.19rem;
    cursor: pointer;
    font-size: 0.13rem;
    color: #333;
    line-height: 1.5;
    border-left: 0.03rem solid transparent;
    word-break: break-word;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: background 0.15s, color 0.15s;
}
.pdf_chapter_sidebar li:hover {
    background: rgba(163, 121, 255, 0.06);
    color: #521DC6;
}
.pdf_chapter_sidebar li.active {
    background: linear-gradient(90deg, rgba(163, 121, 255, 0.12) 0%, rgba(131, 80, 241, 0.06) 100%);
    color: #8350F1;
    border-left-color: #8350F1;
    font-weight: 500;
    box-shadow: inset 0 0.01rem 0 rgba(131, 80, 241, 0.15), inset 0 -0.01rem 0 rgba(131, 80, 241, 0.15);
}
#pdf-viewer.pdf-viewer {
    position: absolute;
    left: 2.2rem;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: auto !important;
    padding: 0.15rem 0.2rem;
    background: #fff;
    cursor: grab;
}
#pdf-viewer.pdf-viewer:active {
    cursor: grabbing;
}
.pdf_dialog.fullscreen .pdf_dialog_content {
    width: 100% !important;
}
.pdf_dialog.fullscreen .pdf_dialog_content .pdf_dialog_body {
    height: calc(100% - 0.87rem) !important;
    padding: 0 !important;
}
@media screen and (max-width: 768px) {
    .pdf_dialog .pdf_dialog_content {
        width: 100% !important;
    }
    .pdf_dialog .pdf_dialog_content .pdf_dialog_body {
        height: calc(100% - 1.2rem) !important;
        padding: 0 !important;
    }
    .pdf_mobile_chapter {
        display: block;
        padding: 0.24rem 0.4rem;
        border-bottom: 0.01rem solid #ebebeb;
        position: relative;
        z-index: 10;
    }
    .pdf_chapter_dropdown {
        position: relative;
        width: 100%;
    }
    .pdf_chapter_dropdown_front {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 0.9rem;
        padding: 0 0.3rem;
        border: 0.01rem solid #D8D8D8;
        border-radius: 0.12rem;
        background: #fff;
        cursor: pointer;
        font-size: 0.28rem;
        color: #1E1A34;
        transition: border-color 0.3s;
    }
    .pdf_chapter_dropdown.open .pdf_chapter_dropdown_front {
        border-color: var(--c-brand, #7C52F4);
    }
    .pdf_chapter_dropdown_arrow {
        width: 0.32rem;
        height: 0.32rem;
        background: url('../images/base/icon/select_down.svg') center center no-repeat;
        background-size: contain;
        flex-shrink: 0;
        transition: transform 0.3s;
    }
    .pdf_chapter_dropdown.open .pdf_chapter_dropdown_arrow {
        transform: rotate(180deg);
    }
    .pdf_chapter_dropdown_layer {
        position: absolute;
        top: calc(100% + 0.1rem);
        left: 0;
        width: 100%;
        background: #fff;
        border-radius: 0.16rem;
        box-shadow: 0 0 0.5rem 0 rgba(30, 26, 52, 0.12);
        max-height: 4rem;
        overflow-y: auto;
        z-index: 100;
        padding: 0.1rem;
    }
    .pdf_chapter_dropdown_item {
        font-size: 0.28rem;
        line-height: 1.4;
        padding: 0.2rem 0.24rem;
        color: rgba(30, 26, 52, 0.6);
        border-radius: 0.08rem;
        cursor: pointer;
        transition: background 0.2s, color 0.2s;
    }
    .pdf_chapter_dropdown_item:hover,
    .pdf_chapter_dropdown_item.active {
        background: #F7F7F6;
        color: #1E1A34;
    }
    .pdf_chapter_sidebar {
        display: none;
    }
    #pdf-viewer.pdf-viewer {
        left: 0;
    }
    .pdf_dialog.fullscreen .pdf_dialog_content .pdf_dialog_body {
        height: calc(100% - 1.2rem) !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 800px) {
    .pdf_dialog.fullscreen.pdf_dialog_content
    .pdf_dialog_body.pdf-viewer {
        height: 95% !important;
    }
}




/* myCertificationDetail 课程弹窗 - 学分标签 */
/* 所有选择器均补齐 .myCertificationDetail-page.sk_myIndex_0s + [data-size=small] 以覆写 main.css */

/* 弹窗拉宽：11rem → 12.4rem，给三列卡片更多呼吸空间 */
.myCertificationDetail-page .viewCoursesDialog {
    --dialog-width: 12.4rem;
}

/* ── PC端：info_0s 改为 flex column，让 dl 始终贴底对齐 ── */
/* 覆写 main.css padding，改为 flex column 布局 */
.myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s {
    padding-top: 0.14rem;
    padding-bottom: 0.14rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 1.1rem;
}
/* title：flex-grow 撑开，限制最多3行，超出省略 */
.myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s .title_0s {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/* dl_0s：贴底对齐，flex 行，垂直居中，不换行 */
.myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s .dl_0s {
    margin-top: auto;
    padding-top: 0.1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
/* dd_0s（时长/课时）：禁止压缩 */
.myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s .dl_0s .dd_0s {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
/* 学分标签：outline 描边，推到最右 */
.myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s .dl_0s .credit_badge_0s {
    display: inline-block;
    background: transparent;
    color: var(--sk-global-color);
    border: 1px solid var(--sk-global-color);
    border-radius: 0.2rem;
    padding: 0.02rem 0.09rem;
    font-size: 0.11rem;
    line-height: 1.2;
    margin-left: auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    white-space: nowrap;
    font-style: normal;
    opacity: 0.8;
}
/* 提示栏 em 高亮：课程包总学分数字 */
.myCertificationDetail-page .viewCoursesDialog .tipsRow_0s .text_2s em {
    font-style: normal;
    font-weight: 600;
    color: var(--sk-global-color);
}

@media screen and (max-width: 800px) {
    /* 移动端改为两列（覆写 main.css 的 --count:1） */
    .myCertificationDetail-page.sk_myIndex_0s .viewCoursesDialog .myIndex_courses_view.column-count-3 .list_0s {
        --count: 2;
    }
    /* 移动端 info_0s：同样 flex column，最小高度略小 */
    .myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s {
        padding-top: 0.18rem;
        padding-bottom: 0.18rem;
        min-height: 1.4rem;
    }
    /* 移动端 title 最多2行 */
    .myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s .title_0s {
        -webkit-line-clamp: 2;
    }
    /* 移动端 dl_0s：允许换行，badge 换到第二行后居左 */
    .myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s .dl_0s {
        padding-top: 0.12rem;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0.06rem 0;
    }
    .myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s .dl_0s .dd_0s {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
    }
    .myCertificationDetail-page.sk_myIndex_0s .myIndex_courses_view[data-size=small] .list_0s ul li a .inner_0s .info_0s .dl_0s .credit_badge_0s {
        font-size: 0.2rem;
        padding: 0.04rem 0.16rem;
        border-radius: 0.3rem;
        margin-left: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        white-space: nowrap;
    }
}


/* ── course-detail: PDF封面角标 ── */
.courseDetail-page .video_0s:has(.poster_pdf_0s) {
    overflow: visible;
}
.courseDetail-page .poster_pdf_0s {
    cursor: pointer;
    overflow: hidden;
    border-radius: 0.24rem;
}
.courseDetail-page .poster_pdf_0s .pdf_badge_0s {
    position: absolute;
    right: 0.22rem;
    bottom: 0.22rem;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.08rem;
    padding: 0.08rem 0.16rem 0.08rem 0.12rem;
    background: rgba(0, 0, 0, 0.48);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 2em;
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    -webkit-transition: background 0.25s, -webkit-transform 0.25s;
            transition: background 0.25s, transform 0.25s;
    pointer-events: none;
}
.courseDetail-page .poster_pdf_0s:hover .pdf_badge_0s {
    background: rgba(0, 0, 0, 0.72);
    -webkit-transform: translateY(-0.04rem);
            transform: translateY(-0.04rem);
}
.courseDetail-page .poster_pdf_0s .pdf_badge_0s img {
    width: 0.2rem !important;
    height: 0.2rem !important;
    -o-object-fit: contain;
       object-fit: contain;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.courseDetail-page .poster_pdf_0s .pdf_badge_0s span {
    font-size: 0.14rem;
    line-height: 1.2;
    color: #fff;
    white-space: nowrap;
    letter-spacing: 0.01em;
}
@media screen and (max-width: 800px) {
    .courseDetail-page .poster_pdf_0s .pdf_badge_0s {
        right: 0.16rem;
        bottom: 0.16rem;
        padding: 0.08rem 0.14rem 0.08rem 0.1rem;
        gap: 0.06rem;
    }
    .courseDetail-page .poster_pdf_0s .pdf_badge_0s img {
        width: 0.22rem;
        height: 0.22rem;
    }
    .courseDetail-page .poster_pdf_0s .pdf_badge_0s span {
        font-size: 0.18rem;
    }
}

@media screen and (max-width: 800px) {
    .warranty-page #mapRegion {
        width: 100%;
    }

    .my-tickets-page .area_0s .card_list .card_item .item_top{
        flex-direction: column;
        align-items: flex-start;
    }
    .my-tickets-page .area_0s .card_list .card_item .item_top .item_sn{
        width: 100%;
        justify-content: space-between;
    }

}

.index-page .latest-events-section .list_0s ul li a .img{
    height: 2.315rem;
}
.events-page .page-main .wal .page-body .box_0s .list-area .list_0s ul li a .img{
    height: 1.635rem;
}
.myEvents-page .body_1s .list_0s > ul > li .img{
    height: 1.471rem;
}

@media screen and (max-width: 800px) {
    .index-page .latest-events-section .list_0s ul li a .img{
        height: 3.38rem;
    }
    .events-page .page-main .wal .page-body .box_0s .banner-area .swiper_0s .swiper-container .swiper-wrapper .swiper-slide .img {
        height: 3.384rem;
    }
    .events-page .page-main .wal .page-body .box_0s .list-area .list_0s ul li a .img{
        height: 3.384rem;
    }
    .myEvents-page .body_1s .list_0s > ul > li .img {
        height: 3.384rem;
    }
}