html {
    font-size: 20px;
    background-color: #fff;
    scroll-padding-top: 100px
}

html, body {
    background-color: #fff !important;
    min-height: 100%;
}

@media only screen and (min-width:400px) {
    html {
        font-size: 21.33333333px!important
    }
}

@media only screen and (min-width:414px) {
    html {
        font-size: 22.08px!important
    }
}

@media only screen and (min-width:480px) {
    html {
        font-size: 25.6px!important
    }
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
ul,
ol,
li,
p,
form,
input,
button {
    margin: 0;
    padding: 0
}

nav {
    display: block
}

html,
body,
img,
iframe {
    border: 0
}

img {
    vertical-align: middle
}

i,
em {
    font-style: normal
}

li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

a,
button {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
    font-weight: bold
}

a,
a:hover {
    text-decoration: none;
    color: #3887f7
}

body,
input,
button {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: .85rem;
    line-height: 1rem;
    color: #333;
    outline: 0
}

body {
    /* 顶栏：logo 行(约 42px) + 分类导航(1.5rem) + 底边 5px，70px 不够会压住主体 */
    margin-top: 96px;
    background-color: #fff;
    background-size: cover;
    padding: 0 8px 12px;
    box-sizing: border-box;
    min-height: 100vh
}

.vwbg {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 760px;
    background-color: #fff;
    box-sizing: border-box
}

.mynav {
    float: left;
    width: 100%;
    /* 顶部一级导航：高度略加，避免选中态指示条/加粗时显得拥挤 */
    min-height: 1.75rem;
    background-color: #fff;
    border-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    gap: 0.15rem;
    box-sizing: border-box
}

.mynav::-webkit-scrollbar {
    height: 3px
}

.mynav::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 2px
}

.mynav a {
    float: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1.75rem;
    line-height: 1.75rem;
    padding: 0 0.45rem;
    display: block;
    font-size: .65rem;
    text-align: center;
    color: #888;
    white-space: nowrap;
    position: relative;
    border-radius: 6px;
    transition: color 0.35s ease, font-weight 0.35s ease
}

.mynav .on {
    color: var(--xllysTopAccent, #fc4c7b);
    font-weight: 800;
    border-bottom: 0
}

.mynav a::after {
    content: '';
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 2px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--xllysTopAccent, #fc4c7b), var(--xllysTopAccent2, #ffb3c6));
    transform: scaleX(0.6);
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.35s ease;
    pointer-events: none
}

.mynav .on::after {
    transform: scaleX(1);
    opacity: 1
}

input::-webkit-input-placeholder {
    color: #bbb
}

input::-moz-input-placeholder {
    color: #bbb
}

input:-ms-input-placeholder {
    color: #bbb
}

.mybbs {
    float: left;
    width: 95%;
    padding: .6rem 2.5%;
    background-color: #fffbbb;
    font-weight: bold;
    text-align: center;
    font-size: .75rem;
    line-height: 1.1rem;
    color: #ffffff;
    border-bottom: 1px solid #efefef;
    background: linear-gradient(80deg,rgb(252 76 123),rgb(251 189 159));
    overflow: hidden
}

.myrst {
    float: left;
    width: 95%;
    padding: .6rem 2.5%;
    background-color: #fff;
    font-size: .7rem;
    line-height: 1.1rem;
    color: #f10606;
    border-bottom: 1px solid #efefef;
    overflow: hidden
}

.myvod {
    float: left;
    width: 95%;
    padding: 0.6rem 2.5% 0;
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

/* 新：分区头部 + 两列视频卡片 */
.xl-section{
    width: 100%;
    max-width: 760px;
    margin: 0 auto 10px;
    background: transparent;
    clear: both;
}

/* 搜索页：面包屑 + 提示 */
.xl-crumb{
    width: 100%;
    max-width: 760px;
    margin: 0 auto 10px;
    padding: 8px 12px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.05);
    font-size: 12px;
    line-height: 1.6;
    color:#111;
    box-sizing: border-box;
    clear: both;
}
.xl-crumb a{ color:#111; font-weight: 900; }
.xl-crumb__muted{ color:#666; font-weight: 700; }
.xl-crumb__sep{ margin: 0 6px; color: rgba(0,0,0,.35); }

.xl-search__hint{
    width: 100%;
    max-width: 760px;
    margin: 0 auto 8px;
    padding: 8px 12px;
    background: rgba(0,0,0,.03);
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.05);
    font-size: 12px;
    color:#666;
    box-sizing: border-box;
    clear: both;
}

/* 播放页：热门标签（取当前影片 tag） */
.xl-play-tags{
    width: 100%;
    max-width: 760px;
    margin: 0 auto 10px;
    padding: 10px 12px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box;
    clear: both;
}
.xl-play-tags__title{
    font-size: 12px;
    font-weight: 950;
    color:#333;
    margin-bottom: 8px;
}
.xl-play-tags__list{
    display:flex;
    flex-wrap: wrap;
    gap: 8px;
}
.xl-play-tags__list a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    color:#333;
    font-size: 13px;
    font-weight: 900;
    max-width: 100%;
    box-sizing: border-box;
}
.xl-play-tags__list a:hover{
    border-color: rgba(252,76,123,.35);
    color: #fc4c7b;
}

.xl-section__head{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 10px;
    background: transparent;
    border-radius: 0;
    /* 页面主体已在 body 预留左右间距，这里不再重复留白 */
    padding: 10px 0;
    box-shadow: none;
    border: 0;
}

.xl-section__right{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.xl-section__count{
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    color: #666;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(0,0,0,.04);
    white-space: nowrap;
}

.xl-section__title{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: .75rem;
    font-weight: 950;
    color:#111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xl-section__icon{
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* 没有分类图片时，用 CSS 写死的默认图标（base64） */
.xl-section__title:not(.xl-section__title--hasIcon){
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
    background-image: url("data:image/png;base64,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");
}
.xl-section__title.xl-section__title--hasIcon{
    padding-left: 0;
    background-image: none;
}

.xl-section__titleText{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xl-section__more{
    flex: 0 0 auto;
    font-size: .65rem;
    font-weight: 800;
    color: #fc4c7b;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(252, 76, 123, .10);
}


.xl-video-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    clear: both;
    width: 100%;
    max-width: 760px;
    margin: 8px auto;
    box-sizing: border-box;
}

.xl-video-card{
    background:#fff;
    border-radius: 8px;
    overflow:hidden;
    box-shadow: 0 10px 28px rgba(15,23,42,.08);
    border: 1px solid rgba(0,0,0,.06);
    position: relative;
    transform: translateZ(0);
    transition: transform .22s cubic-bezier(.2,.9,.2,1), box-shadow .22s ease, border-color .22s ease;
}

/* 列表“最近点击”高亮：让用户知道刚点了哪个卡片 */
.xl-video-card.is-last-clicked{
    border-color: rgba(252,76,123,.55);
    transform: translateY(-1px);
    box-shadow:
      0 18px 54px rgba(15,23,42,.16),
      0 0 0 3px rgba(252,76,123,.18),
      0 0 0 8px rgba(252,76,123,.08);
}
.xl-video-card.is-last-clicked::before{ opacity: 1; }
.xl-video-card.is-last-clicked::after{
    opacity: .55;
    transform: rotate(18deg) translateX(260%);
    transition: transform .75s ease, opacity .22s ease 0s;
}

/* 更明显但高级：呼吸发光环 */
.xl-video-card.is-last-clicked{
    animation: xlLastPulse 1.6s ease-in-out infinite;
}

.xl-video-card.is-last-clicked::selection{ background: transparent; }

.xl-video-card.is-last-clicked .xl-video-card__thumb::before{
    opacity: .7;
}

.xl-video-card.is-last-clicked::marker{ content: ''; }

.xl-video-card.is-last-clicked::before{
    filter: saturate(1.15);
}

.xl-video-card.is-last-clicked::after{
    opacity: .60;
}

.xl-video-card.is-last-clicked::before{
    /* 叠加更明显的光晕 */
    background:
      radial-gradient(140px 90px at 18% 0%, rgba(252,76,123,.30), rgba(255,255,255,0) 62%),
      radial-gradient(190px 140px at 92% 10%, rgba(59,130,246,.18), rgba(255,255,255,0) 68%);
}

/* 右上角小提示点（不写字，更高级） */
.xl-video-card.is-last-clicked .xl-video-card__meta{
    position: relative;
}
.xl-video-card.is-last-clicked .xl-video-card__meta::after{
    content:'';
    position:absolute;
    top: 10px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #fc4c7b;
    box-shadow: 0 0 0 3px rgba(252,76,123,.18);
    opacity: .9;
}

@keyframes xlLastPulse{
    0%,100%{
        box-shadow:
          0 18px 54px rgba(15,23,42,.16),
          0 0 0 3px rgba(252,76,123,.16),
          0 0 0 10px rgba(252,76,123,.06);
    }
    50%{
        box-shadow:
          0 22px 62px rgba(15,23,42,.18),
          0 0 0 3px rgba(252,76,123,.22),
          0 0 0 14px rgba(252,76,123,.10);
    }
}

@media (prefers-reduced-motion: reduce){
    .xl-video-card.is-last-clicked{ animation: none !important; }
}

/* wgvod_seo 同款：光影 + 悬浮放大 */
.xl-video-card::before{
    content:'';
    position:absolute;
    inset:-2px;
    background: radial-gradient(120px 80px at 20% 0%, rgba(252,76,123,.18), rgba(255,255,255,0) 60%),
                radial-gradient(160px 120px at 90% 10%, rgba(59,130,246,.10), rgba(255,255,255,0) 65%);
    opacity:.0;
    transition: opacity .22s ease;
    pointer-events:none;
    z-index: 4; /* 提到内容之上，确保可见 */
}

.xl-video-card::after{
    content:'';
    position:absolute;
    top:-40%;
    left:-60%;
    width: 55%;
    height: 180%;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
    transform: rotate(18deg) translateX(-30%);
    opacity: 0;
    /* 默认：先回扫，再淡出（opacity 延迟） */
    transition: transform .75s ease, opacity .22s ease .55s;
    pointer-events:none;
    z-index: 5; /* 扫光在最上层 */
}

.xl-video-card > *{ position: relative; z-index: 2; }

/* 让封面链接在移动端更“像按钮” */
.xl-video-card__thumb{
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(252,76,123,.12);
}

/* 扫光/高光放到 thumb 上，移动端必生效 */
.xl-video-card__thumb::before{
    content:'';
    position:absolute;
    inset:-2px;
    background: radial-gradient(120px 80px at 20% 0%, rgba(252,76,123,.16), rgba(255,255,255,0) 60%),
                radial-gradient(160px 120px at 90% 10%, rgba(59,130,246,.10), rgba(255,255,255,0) 65%);
    opacity:.35;
    transition: opacity .22s ease;
    pointer-events:none;
    z-index: 2;
}
.xl-video-card__thumb::after{
    content:'';
    position:absolute;
    top:-40%;
    left:-60%;
    width: 55%;
    height: 180%;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
    transform: rotate(18deg) translateX(-20%);
    opacity: 0;
    pointer-events:none;
    z-index: 3;
}

@media (hover:hover) and (pointer:fine){
    .xl-video-card:hover{
        transform: translateY(-2px) scale(1.02);
        box-shadow: 0 16px 44px rgba(15,23,42,.14);
        border-color: rgba(0,0,0,.10);
    }
    .xl-video-card:hover::before{ opacity: 1; }
    .xl-video-card:hover::after{
        opacity: .55;
        transform: rotate(18deg) translateX(260%);
        /* hover 时：立刻淡入 + 扫过去 */
        transition: transform .75s ease, opacity .22s ease 0s;
    }
    .xl-video-card:hover .xl-video-card__thumb img{
        transform: scale(1.05);
    }
}

.xl-video-card__thumb img{
    transition: transform .35s cubic-bezier(.2,.9,.2,1);
    will-change: transform;
}

/* 移动端：无 hover，也给出同款触感特效 */
@media (hover:none){
    /* 轻点/按住时：上浮变大 + 扫光（命中 thumb） */
    .xl-video-card:active{
        transform: translateY(-1px) scale(1.015);
        box-shadow: 0 14px 40px rgba(15,23,42,.14);
        border-color: rgba(0,0,0,.10);
    }
    .xl-video-card:active::before{ opacity: 1; }
    .xl-video-card:active::after{
        opacity: .55;
        transform: rotate(18deg) translateX(260%);
        transition: transform .75s ease, opacity .22s ease 0s;
    }
    .xl-video-card:active .xl-video-card__thumb img{
        transform: scale(1.04);
    }
}

@media (prefers-reduced-motion: reduce){
    .xl-video-card,
    .xl-video-card__thumb img{
        transition: none !important;
    }
    .xl-video-card::after{ display:none; }
}

.xl-video-card__thumb{
    position: relative;
    display:block;
    overflow:hidden;
    border-radius: 8px;
    height: 0;
    padding-bottom: 56.25%;
    background: #edf0f9;
}

.xl-video-card__thumb img{
    position: absolute;
    inset: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius: 8px;
    display:block;
}

.xl-video-card__duration{
    position:absolute;
    right: 8px;
    bottom: 8px;
    z-index: 2;
    font-size: 11px;
    line-height: 18px;
    padding: 0 8px;
    height: 18px;
    border-radius: 999px;
    color:#fff;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(6px);
}

.xl-video-card__meta{
    padding: 10px 10px 12px;
}

.xl-video-card__title{
    font-size: 13px;
    font-weight: 500;
    color:#111;
    line-height: 1.5;
    max-height: 39px; /* 13px * 1.5 * 2 = 39px */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    min-width: 0;
}

.xl-video-card__sub{
    margin-top: 6px;
    font-size: 11px;
    color:#777;
    display:flex;
    align-items:center;
    gap: 6px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xl-video-card__cat,
.xl-video-card__date{
    overflow:hidden;
    text-overflow: ellipsis;
}

.xl-video-card__dot{ opacity:.6; }

/* 广告卡：允许图像铺满但不影响普通卡片 */
.xl-video-card--ad .xl-video-card__thumb img{
    object-fit: fill;
}

/* 广告卡整卡可点：透明覆盖链接 */
.xl-video-card--ad .xl-video-card__cover{
    position:absolute;
    inset:0;
    z-index: 6;
    display:block;
    border-radius: inherit;
    background: transparent;
}

.uzimg {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: #edf0f9;
    border-radius: 2px;
    overflow: hidden
}

.uzimg img {
    width: 100%;
    height: 170px;
    height: auto;
    object-fit: cover;
}

/* 视频框广告位：整图拉满画框、不裁切，允许形变以适配 16:9 容器 */
.uzimg.uzimg-ad img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    display: block;
}

@media(max-width:767px) {
    .uzimg img {
        width: 100%;
        height: 110px;
        object-fit: cover;
    }
    .uzimg.uzimg-ad img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
}

.uzimg span {
/*    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .55rem;
    line-height: .75rem;
    color: #eee;
    background: rgba(0, 0, 0, .0);
    border-top-left-radius: 2px;
    overflow: hidden*/
    font-size: 10px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    position: absolute;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    bottom: 5px;
    right: 5px;
    padding: 0px 5px;
    border-radius: 5px;
}

.myvod h4 {
    font-size: .65rem;
    font-weight: normal;
    width: 100%;
    height: 1.35rem;
    line-height: 1.35rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.myvod h4 a {
    color: #333
}

.myhot {
    float: left;
    width: 95%;
    padding: 5px 2.5%;
    background-color: #fff;
    border-top: 1px solid #efefef
}

.myhot p {
    float: left;
    width: 100%;
    padding: .6rem 0 .4rem;
    font-size: .7rem;
    line-height: 1.1rem;
    color: #f10606;
}

.myhot a {
    float: left;
    margin-right: 2.5%;
    margin-bottom: .5rem;
    padding: 0 .5rem;
    line-height: 1.5rem;
    font-size: .65rem;
    color: #777;
    border: 1px solid #ececec;
    border-radius: .5rem
}

.mypage {
    float: left;
    width: 100%;
    max-width: 760px;
    margin: 10px auto 0;
    padding: 10px 0 12px;
    background: transparent;
    border-top: 0;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    box-sizing: border-box;
    clear: both;
}

.mypage em,
.mypage a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    line-height: 36px;
    border-radius: 12px;
    font-size: 13px;
    text-align: center;
    font-weight: 900;
    font-style: normal;
    border: 1px solid rgba(0,0,0,.08);
    color: #333;
    background: #fff;
    box-sizing: border-box;
    flex: 1 1 0;
    min-width: 0;
    margin-left: 0;
}

.mypage em {
    border: 1px solid rgba(0,0,0,.06);
    color: rgba(0,0,0,.28);
    background: rgba(0,0,0,.03);
}

.mypage a:hover{
    border-color: rgba(252,76,123,.35);
    color: #fc4c7b;
}

.mycate {
    float: left;
    width: 100%;
    max-width: 760px;
    margin: 8px auto 0;
    padding: 10px 0 2px;
    background: transparent;
    border-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    box-sizing: border-box;
    clear: both;
}

.mycate a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 13px;
    text-align: center;
    font-weight: 900;
    font-style: normal;
    border: 1px solid rgba(0,0,0,.08);
    color: #333;
    background: #fff;
    box-sizing: border-box;
    max-width: 100%;
}

.mycate a:hover{
    border-color: rgba(252,76,123,.35);
    color: #fc4c7b;
}

.myplayer {
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000;
    z-index: 999
}

.myplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.mymenu {
    float: left;
    width: 95%;
    padding: .3rem 2.5%;
    height: 1.6rem;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mymenu a {
    float: left;
    width: 23.125%;
    height: 1.6rem;
    line-height: 1.6rem;
    display: block;
    font-size: .7rem;
    text-align: center;
    color: #fff;
    background-color: #fc4c7b;
    border-radius: 2px
}

.myant {
    float: left;
    width: 95%;
    padding: .6rem 2.5% 2.8rem;
    background-color: #fff;
    border-top: 1px solid #efefef
}

.myant a {
    float: left;
    width: 48.2%;
    padding-left: 0.5%;
    margin-bottom: .3rem;
    margin-right: 2.6%;
    height: 1.6rem;
    line-height: 1.6rem;
    display: block;
    background-color: #e6eaf1;
    border-radius: 2px;
    font-size: .65rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.myant a:nth-child(2n) {
    margin-right: 0
}

.myant .on {
    color: #fc4c7b
}

.myft {
    float: left;
    width: 95%;
    padding: 5px 2.5%;
    background-color: #999eb9;
    border-top: 1px solid #ececec;
}

.myft p {
    text-align: center;
    font-size: .5rem;
    color: #fff
}

.art-content img {
    width: 98%!important;
}

.mytitle {
    background-color: #fff;
    margin-top: 0px;
    color: #000;
    font-size: 17px;
    height: 32px;
    line-height: 32px;
    padding: 5px 2.5%;
    width: 95%;
    float: left;
    font-weight: bold;
    border-bottom: 1px solid #f6f6f6;
}
.mytitle1 {
    background-color: #ffffff;
    margin-top: 0px;
    color: #fff;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 5px 2.5%;
    width: 95%;
    float: left;
}

/* ===========================
   ads/wenzi：站长推荐（模块化）
   =========================== */
.wb-wenzi__grid{
    width: 100%;
    overflow: hidden;
    display: grid;
    margin: 0;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 6px;
}
.wb-wenzi__grid a{
    width: auto;
    float: none;
    border-radius: 6px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: block;
    margin: 0;
    transition: background .18s ease, transform .18s ease, filter .18s ease;
    text-decoration: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.wb-wenzi__grid a:hover{
    filter: brightness(.96);
    transform: translateY(-1px);
}
.wb-wenzi__grid a:active{
    transform: translateY(0) scale(.98);
}
@media screen and (max-width: 1000px) {
    .wb-wenzi__grid a{
        font-size: 13px;
    }
    .wb-wenzi__grid{
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
    }
}
.wb-wenzi__noscript{
    padding: 10px 12px;
    font-size: 12px;
    color: #666;
    background: rgba(0,0,0,.03);
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.06);
}

/* ===========================
   ads/frame：统一广告框架（标题 + 内容）
   =========================== */
.wb-adframe{
    width: 100%;
    max-width: 760px;
    margin: 10px auto;
    padding: 0;
    background: #fff;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    box-sizing: border-box;
}
.wb-adframe__hd{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 0 10px;
    background: #fff;
    border-bottom: 0;
}
.wb-adframe__title{
    font-size: 14px;
    font-weight: 950;
    color: #111;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wb-adframe__sub{
    font-size: 12px;
    font-weight: 800;
    color: rgba(0,0,0,.55);
    flex: 0 0 auto;
    white-space: nowrap;
}
.wb-adframe__bd{
    padding: 12px 0;
    margin: 0;
    box-sizing: border-box;
}

/* ===========================
   ads/tubiao：图标导航（配置驱动）
   =========================== */
.wb-tubiao{
    width: 100%;
    background: #fff;
}
.wb-tubiao__grid{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    /* 让首列/末列贴住容器两侧：列宽固定为图标宽度，剩余空间分配到列间 */
    grid-template-columns: repeat(10, 66px);
    justify-content: space-between;
    gap: 2px;
}
.wb-tubiao__item{
    margin: 0;
    padding: 0;
}
.wb-tubiao__item a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: #666;
    /* 文字稍小，避免 PC 端长文案换行撑开布局 */
    font-size: 0.5rem;
    text-decoration: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.18s ease, color 0.18s ease, filter 0.18s ease;
}

.wb-tubiao__item a span{
    margin-top: 2px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wb-tubiao__item a:hover{
    color: #fc4c7b;
    transform: translateY(-1px);
}
.wb-tubiao__item a:active{
    transform: translateY(0) scale(0.98);
}
.wb-tubiao__item img{
    width: 66px;
    height: 66px;
    display: block;
    background: #ffffff;
    border-radius: 5px;
    padding: 0;
    box-sizing: border-box;
}
@media screen and (max-width:640px) {
    .wb-tubiao__grid{
        /* 手机端更紧凑：6 列 */
        grid-template-columns: repeat(6, 56px);
        justify-content: space-between;
        gap: 2px;
    }
    .wb-tubiao__item img{
        width: 56px;
        height: 56px;
    }
}

/* 更窄屏：放不下 5 列时自动降列数，仍保持两侧贴边 */
@media screen and (max-width:360px) {
    .wb-tubiao__grid{
        grid-template-columns: repeat(5, 56px);
        justify-content: space-between;
    }
}
@media screen and (max-width:320px) {
    .wb-tubiao__grid{
        grid-template-columns: repeat(4, 56px);
        justify-content: space-between;
    }
}

/* shipinkuang：内联插入视频网格，容器不占位 */
.wb-shipinkuang-slot{
    display: contents;
}

/* 广告图片加载失败提示（视频广告卡片通用） */
.wb-ad-img-fallback{
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    background: rgba(0,0,0,.06);
    color: rgba(0,0,0,.55);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
}

/* ===========================
   ads/hengfu：横幅（配置驱动）
   =========================== */
.wb-hengfu img{
    width: 100%;
    border-radius: 2px;
    margin-bottom: 5px;
    display: block;
}
.wb-hengfu img{ height: var(--wb-hengfu-item-h, var(--wb-hengfu-h, 60px)); }
@media screen and (max-width:640px) {
    .wb-hengfu img{ height: var(--wb-hengfu-item-hm, var(--wb-hengfu-hm, 45px)); }
}
.vodtitle {
    font-size: 12px;
    color: #999;
    line-height: 14px;
    height: 14px;
    width: 100%;
    margin-bottom: 5px;
}


	.tp_advertising{
		width: 100%;
		display: flex;
		justify-content: space-around;
		background: #ffffff;
		position: relative;
		box-shadow: 0 0 0px rgba(0,0,0,.2);
      border:0px solid black;
	}
	.tp_advertising p{
		color: #fff;
		font-size: 13px;
		line-height: 22px;
		background: #6F8EC5;
		position: absolute;
		bottom: 3;
		right: 3;
		margin: 3;
		padding: 3 8px;
	    border-top-left-radius: 10px;
	    opacity: .3;
	}
	.tp_advertising div{
		width: 30%;
		position: relative;
		z-index: 1;
	}
	.tp_advertising a{
		font-size: 15px;
		line-height: 40px;
		text-align: center;
		display: block;
		text-decoration: none;
		white-space:nowrap;
      border:0.1px solid #f5f5f5;
	}
	.tp_advertising a:hover{
		font-weight: bold;
		font-size: 14px;
		text-shadow: 0px 0px 1px rgba(0,0,0,.5);
	}
	.tp_1 a{
		color: #FF0033;
	}
	.tp_2 a{
		color: #9400D3;
	}
	.tp_3 a{
		color: #00BFFF;
	}
	.tp_4 a{
		color: #FF1493;
	}
	
	@media screen and (max-width:768px) {
   .m1938-container {
	width: 100%;
	margin: 0 auto;
} 
  }
@media screen and (min-width:769px) { 
   .m1938-container {
	width: 100%;
	margin: 0 auto;
	/* min-height: 500px; */
}    }






.flex-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}



.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    background: #fff;
    flex-direction: row
}



.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    flex-direction: column!important
}






.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}



.justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around
}


.m-1 {
    margin: 5px
}


.p-1 {
    padding: 5px
}



.pl-2 {
    padding-left: 10px;
    /*! width: 48%; */
    width: 100%;
}



/* app ad */


.white{
    color: #fff;
}
.app-background {
    background-color: #fff
}


.app-title {
    width: 100%;
    height: 44px
}

.app-item {
    border: 1px solid #fc4c7b!important;
    border-radius: 8px
}

.app-img {
    width: 60px;
    height: 60px
}

.app-name {
    color: #000;
    font-size: 12px;
    font-weight: 700
}

.app-desc {
    color: #999;
    font-size: 14px;
    font-weight: 400
}

.app-down {
    font-size: 12px;
    color: #333
}

.app-button {
    border: 1px solid #f96868;
    background-color: #f96868;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: -10px
}

.app-button-text {
    color: #fff
}



@media screen and (min-width:769px) {
    .flex.flex-row.p-1.m-1.app-item {
        width: 46.6%;
    }
}

@media screen and (max-width:768px) {
    .flex.flex-row.p-1.m-1.app-item {
        width: 100%;
    }
}
.frvod{
    padding-right: 5px;
    color: #000;
    float: right;
    font-size: 14px;
    font-weight: normal;
}

/* ===========================
   merged from css/foot.css
   =========================== */
.top_bar {
    max-width: 760px;
	position:fixed;
	z-index:900;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	font-family:Helvetica,Tahoma,Arial,Microsoft YaHei,sans-serif
}
.top_menu {
	display:-webkit-box;
	border-top:5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	display:block;
	width:100%;
	background:rgba(255,255,255,.7);
	height:48px;
	display:-webkit-box;
	display:box;
	margin:0;
	padding:0;
	-webkit-box-orient:horizontal;
	/*background:-webkit-gradient(linear,0 0,0 100%,from(#697077),to(#3f434e),color-stop(60%,#464a53));*/
	background: #ffffff;
	box-shadow:0 1px 0 0 rgba(255,255,255,.3) inset
}
.top_bar .top_menu>li {
	-webkit-box-flex:1;
	background: #ffffff;
	/*background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.3)),to(rgba(0,0,0,.4))),-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.1)),color-stop(50%,rgba(255,255,255,.1)),to(rgba(255,255,255,.15)));*/
	-webkit-background-size:1px 100%,1px 100%;
	background-size:1px 100%,1px 100%;
	background-position:1px center,2px center;
	background-repeat:no-repeat;
	position:relative;
	text-align:center
}
.top_menu li:first-child {
	background:0 0
}
.top_bar .top_menu>li>a {
	height:48px;
	display:block;
	text-align:center;
	color:#5f637b;
	text-decoration:none;
	/*text-shadow:0 1px rgba(0,0,0,.3);*/
	-webkit-box-flex:1
}
.top_bar .top_menu>li>a label {
	overflow:hidden;
	margin:0;
	font-size:12px;
	display:block!important;
	line-height:18px;
	text-align:center
}
.top_bar .top_menu>li>a img {
	padding:3px 0 0 0;
	height:24px;
	width:24px;
	color:#fff;
	line-height:48px;
	vertical-align:middle
}
.top_bar li:first-child a {
	display:block
}
.menu_font {
	text-align:left;
	position:absolute;
	right:10px;
	z-index:500;
	/*background:-webkit-gradient(linear,0 0,0 100%,from(#697077),to(#3f434e),color-stop(60%,#464a53));*/
	background: #ffffff;
	border-radius:5px;
	width:120px;
	margin-top:10px;
	padding:0;
	/*box-shadow:0 1px 5px rgba(0,0,0,.3)*/
	box-shadow: 0 1px 5px #999eb99e;
}
.menu_font.hidden {
	display:none
}
.menu_font {
    /*height:300px;*/
	top:inherit!important;
	bottom:60px;
	/*overflow-y:auto;*/
}
.menu_font li a {
	height:40px;
	margin-right:1px;
	display:block;
	text-align:center;
	color:#5f637b;
	text-decoration:none;
	/*text-shadow:0 1px rgba(0,0,0,.3);*/
	-webkit-box-flex:1
}
.menu_font li a {
	text-align:left!important
}
.top_menu li:last-of-type a {
	background:0 0
}
.menu_font:after {
	top:inherit!important;
	bottom:-6px;
	border-color:#999eb9 transparent transparent;
	border-width:6px 6px 0;
	position:absolute;
	content:"";
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	left:80%
}
.menu_font li {
	border-top:1px solid rgba(255,255,255,.1);
	border-bottom:1px solid rgba(0,0,0,.2)
}
.menu_font li:first-of-type {
	border-top:0
}
.menu_font li:last-of-type {
	border-bottom:0
}
.menu_font li a {
	height:40px;
	line-height:40px!important;
	position:relative;
	color:#5f637b;
	display:block;
	width:100%;
	text-indent:10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.menu_font li a img {
	width:20px;
	height:20px;
	display:inline-block;
	margin-top:-2px;
	color:#fff;
	line-height:40px;
	vertical-align:middle
}
.menu_font>li>a label {
	padding:3px 0 0 3px;
	font-size:14px;
	overflow:hidden;
	margin:0
}
#menu_list0 {
	right:0;
	left:10px
}
#menu_list0:after {
	left:20%
}
#sharemcover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	display:none;
	z-index:20000
}
#sharemcover img {
	position:fixed;
	right:18px;
	top:5px;
	width:260px;
	height:180px;
	z-index:20001;
	border:0
}
.top_bar .top_menu>li>a:active,.top_bar .top_menu>li>a:hover {
	/*background-color:#fff000;一级菜单选中颜色*/
	border-radius: 5px;
	color:#fff;
    background: linear-gradient(180deg,rgb(252 76 123),rgb(251 189 159));
}
.menu_font li a:active,.menu_font li a:hover {
	/*background-color:#fff000;二级菜单选中颜色*/
	border-radius: 5px;
	color:#fff;
	background: linear-gradient(180deg,rgb(252 76 123),rgb(251 189 159));
}
.menu_font li:first-of-type a {
	border-radius:5px 5px 0 0
}
.menu_font li:last-of-type a {
	border-radius:0 0 5px 5px
}
#plug-wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	z-index:800
}
#cate18 .device {
	bottom:49px
}
#cate18 #indicator {
	bottom:240px
}
#cate19 .device {
	bottom:49px
}
#cate19 #indicator {
	bottom:330px
}
#cate19 .pagination {
	bottom:60px
}