/* ======================================================
   手机端自适应样式
   ====================================================== */
@media (max-width: 768px) {

    /* 1. 海报和内容上下排列 */
    .stui-content__thumb {
        float: none !important;
        width: 100% !important;
        margin: 0 0 15px 0 !important;
        text-align: center !important;
    }
    .stui-content__thumb .v-thumb {
        width: 150px !important;
        display: inline-block !important;
    }
    .stui-content__thumb .v-thumb img {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
    }
    .stui-content__detail {
        display: block !important;
        width: 100% !important;
        padding: 0 10px !important;
    }

    /* 2. 标题 */
    .stui-content__detail .title {
        font-size: 22px !important;
        font-weight: bold !important;
        line-height: 32px !important;
        margin: 0 0 12px 0 !important;
        text-align: left !important;
    }

    /* 3. 类型/地区/年份 */
    .stui-content__detail .data:first-of-type {
        font-size: 14px !important;
        line-height: 28px !important;
        margin: 0 0 4px 0 !important;
    }
    .stui-content__detail .data:first-of-type .split-line {
        margin: 0 6px !important;
        color: #ccc !important;
    }
    .stui-content__detail .data:first-of-type .hidden-xs {
        display: inline !important;
    }

    /* 4. 主演 */
    .stui-content__detail .data:nth-of-type(2) {
        font-size: 14px !important;
        line-height: 26px !important;
        margin: 0 0 4px 0 !important;
    }

    /* 5. 导演 */
    .stui-content__detail .data:nth-of-type(3) {
        font-size: 14px !important;
        line-height: 26px !important;
        margin: 0 0 4px 0 !important;
    }

    /* 6. 更新 */
    .stui-content__detail .data.hidden-sm {
        font-size: 13px !important;
        line-height: 24px !important;
        margin: 0 0 8px 0 !important;
    }

    /* 7. 简介 */
    .stui-content__detail .desc {
        font-size: 14px !important;
        line-height: 22px !important;
        padding: 8px 0 !important;
        margin: 6px 0 !important;
    }

    /* 8. 播放按钮 */
    .play-btn {
        margin: 12px 0 !important;
        text-align: center !important;
    }
    .play-btn .btn {
        display: inline-block !important;
        margin: 4px 8px !important;
        padding: 8px 24px !important;
        font-size: 15px !important;
        border-radius: 6px !important;
        text-decoration: none !important;
    }
    .play-btn .btn-primary {
        background: #e50914 !important;
        color: #fff !important;
        border: none !important;
    }
    .play-btn .btn-default {
        background: #f5f5f5 !important;
        color: #333 !important;
        border: 1px solid #ddd !important;
    }

    /* 9. 播放列表 */
    .stui-content__playlist li {
        display: inline-block !important;
        margin: 4px 5px !important;
    }
    .stui-content__playlist li a {
        display: block !important;
        padding: 6px 14px !important;
        font-size: 13px !important;
        border-radius: 4px !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        text-decoration: none !important;
        border: 1px solid #eee !important;
    }
    .stui-content__playlist li.active a {
        background: #e50914 !important;
        color: #fff !important;
        border-color: #e50914 !important;
    }

    /* 10. 面包屑 */
    .col-pd .text-muted {
        font-size: 12px !important;
    }
    .col-pd .icon-more {
        font-size: 12px !important;
        margin: 0 3px !important;
    }

    /* 11. 右侧边栏隐藏 */
    .stui-pannel-side {
        display: none !important;
    }

    /* 12. 标题图标 */
    .stui-pannel__head .title {
        font-size: 15px !important;
    }
    .stui-pannel__head .title img {
        width: 18px !important;
        height: 18px !important;
    }

    /* 13. 大家都在看 */
    .stui-vodlist__bd li {
        width: 33.33% !important;
    }

    /* 14. 文字列表隐藏 */
    .stui-vodlist__text {
        display: none !important;
    }
}