/* 全局变量与重置 */
:root { --main-bg: #000; --card-bg: #333; --min-card-bg: #222; --accent: #ff6a00; --gold: #d4af37; --text-dim: #999;}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { background: var(--main-bg); color: #ccc; font-family: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;max-width: 640px;width: 100%;margin: 0 auto;}
img { width: 100%; height: auto; display: block; background: var(--card-bg);}

button,h1,h2,h3,h4,h5,h6,input,label,select,textarea { font-size: 100%; vertical-align: top; font-family: inherit; color: inherit; }
button,input,select,textarea { background: transparent; border: none; outline: none; -webkit-appearance: none; appearance: none; }
dl,li,ol,ul { list-style: none; }
a{color: #ccc;outline: 0; text-decoration: none;  font-size: 12px;}
a:active,a:focus,a:hover {color: #009688;}
fieldset,img { border: none; }
.grid-col-1 { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-col-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-col-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-col-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-col-5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-col-6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-col-7 { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.grid-col-8 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); }
.grid-col-9 { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); }
.grid-col-10 { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); }

.gap-1 { gap: 1px; }
.gap-2 { gap: 2px; }
.gap-3 { gap: 3px; }
.gap-4 { gap: 4px; }
.gap-5 { gap: 5px; }
.gap-6 { gap: 6px; }
.gap-7 { gap: 7px; }
.gap-8 { gap: 8px; }
.gap-9 { gap: 9px; }
.gap-10 { gap: 10px; }
.height-1 { display: block; width: 100%; height: 1px; clear: both; }
.height-2 { display: block; width: 100%; height: 2px; clear: both; }
.height-3 { display: block; width: 100%; height: 3px; clear: both; }
.height-4 { display: block; width: 100%; height: 4px; clear: both; }
.height-5 { display: block; width: 100%; height: 5px; clear: both; }
.height-6 { display: block; width: 100%; height: 6px; clear: both; }
.height-7 { display: block; width: 100%; height: 7px; clear: both; }
.height-8 { display: block; width: 100%; height: 8px; clear: both; }
.height-9 { display: block; width: 100%; height: 9px; clear: both; }
.height-10 { display: block; width: 100%; height: 10px; clear: both; }

.flex { display: flex; flex: 1; min-width: 0; }
.padd0 { padding: 0px !important; }
.padd1 { padding: 1px !important; }
.padd2 { padding: 2px !important; }
video { width: 100%; max-height: 70vw; object-fit: cover; }
.app { width: 100%; max-width: 640px; margin: 0 auto; position: relative; }


/* 最新网址 */
.zhezhao_new { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); display: block; z-index: 2147483647; }
.zhezhao { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; z-index: 2147483647; background: rgba(0, 0, 0, 0.25); }

.close { background: #000 !important; padding: 2px; text-align: center; justify-content: center; align-items: center; display: flex; cursor: pointer; }
.close::before { content: ''; transform: rotate(-45deg); width: 2px; height: 100%; background: currentColor; }
.close::after { content: ''; transform: rotate(45deg); width: 2px; height: 100%; margin-left: -2px; background: currentColor; }

/* 最新网址 */
#new_url { display: none; }
.new_url { position: absolute; width: 85%; max-width: 576px; top: 10%; z-index: 2147483647; font-size: 14px;  left: 0px; right: 0px; margin: 0 auto; border-radius: 10px; background: #b3d5d2; display: block; box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
.new_url .zhezhao { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.2); display: block; z-index: 2147483647; }
.new_url .close { opacity: 1; background: #000; position: relative; top: 10px; right: 10px;  font-size: 30px; border-radius: 40px; text-align: center; justify-content: center; align-items: center; display: flex; min-width: 22px; min-height: 22px; float: right; width: 30px; height: 30px; cursor: pointer; z-index: 2; }
.new_url .close img { width: 100%; height: auto; }
.new_url .title { text-align: center; font-size: 14px; margin-left: 10px; height: 50px; line-height: 50px; position: relative; z-index: 1; }
.new_url .title b { font-size: 20px; font-weight: 700; }
.new_url .content { width: 100%; margin: 0 auto; background: #fff; padding: 8px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-bottom: 1px; color: #287f85; font-weight: 700; display: flow-root; position: relative; z-index: 1; }
.new_url .content .img { width: 90px; float: right; font-size: 12px; margin-left: 10px; }
.new_url .content .img img { width: 90px; height: 90px; margin-bottom: 6px; }
.new_url .content .button { width: 100%; margin: 0 auto; background: #34a1a8;  text-align: center; padding: 4px 0px; border-radius: 6px; margin-bottom: 15px; cursor: pointer; }
.new_url .content .bot { font-size: 11px;  padding: 2px 8px; border-radius: 6px; border: 1px solid #34a1a8; background: #34a1a8; white-space: nowrap; cursor: pointer; display: inline-block; }
.new_url .content .bot:active { border: 1px solid #287f85; background: #287f85; }
.new_url .bottom { width: 88%; margin: 0 auto; color: #34a1a8; text-align: center; padding: 4px 0px; border-radius: 6px; margin-bottom: 15px; border: 2px solid #34a1a8; margin-top: 15px; cursor: pointer; }
.new_url .action-item span { color: #000; font-size: 12px; font-weight: 500; line-height: 26px; }
.new_url .action-grid { padding: 0px; margin-bottom: 10px;}
.new_url .action-grid .box{padding: 2px; aspect-ratio: 1/1;}

/* 弹窗 */
#tanchuang0,#tanchuang1,#tanchuang2 { display: none; }
.tanchuang { display: block; width: 80%; max-width: 512px; position: absolute; left: 0; right: 0; top: 10%; height: auto; margin: 0 auto; z-index: 2147483647; min-height: 400px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
.tanchuang img { width: 100%; height: auto; }
.tanchuang .close { opacity: 1; background: #000; position: relative; top: 12px; right: 12px;  font-size: 24px; border-radius: 40px; text-align: center; justify-content: center; align-items: center; display: flex; margin-bottom: -40px; min-width: 22px; min-height: 22px; float: right; padding: 0px; width: 26px; height: 26px; cursor: pointer; z-index: 2; }
/* 头部固定布局 */
.header { position: sticky; top: 0; z-index: 9999; background: rgba(11, 11, 13, 0.95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.header .header-top { display: flex; align-items: center; padding: 4px 8px; gap: 4px; }
.header .logo { font-size: 24px; font-weight: bold; color: var(--accent); white-space: nowrap; }
.header .logo a { display: block; height: 32px; }
.header .logo img { height: 100%; width: 112px; background: none; border-radius: 8px; object-fit: contain; }
.header .search-container { flex: 1; background: #242426; border-radius: 6px; display: flex; align-items: center; padding: 3px 5px; min-width: 0; }
.header .search-container input { background: transparent; border: none; color: #999; font-size: 12px; width: 100%; outline: none; -webkit-appearance: none; appearance: none; box-sizing: border-box; }

.header .icon-search { background: url(/images/icons_1.gif) no-repeat -48px 0px; background-size: auto 27px; width: 34px; height: 25px; border: none; cursor: pointer; }
.header .header-icons { display: flex; align-items: center; }
.header .header-icons .icon-ai { background: url(/images/icons_1.gif) no-repeat -91px 0px; background-size: auto 30px; width: 36px; height: 33px; border: none; display: block; cursor: pointer; }
.header .header-icons .icon-newweb { background: url(/images/icons_1.gif) no-repeat -7px 0px; background-size: auto 30px; width: 36px; height: 33px; border: none; display: block; cursor: pointer; }

/* 导航滑动条 */
.nav-scroller { display: flex; align-items: center; padding: 0; border-bottom: 1px solid #222; }
.nav-list { display: flex; overflow-x: auto; list-style: none; padding: 0 10px; gap: 10px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.nav-list::-webkit-scrollbar { display: none; }
.nav-item { white-space: nowrap; padding-bottom: 3px; flex-shrink: 0; }
.nav-item a { font-size: 15px; color: #fff; padding: 6px 0px 2px 0px; display: block; }
.nav-item a:active { transform: scale(0.9); opacity: 0.8; }
.nav-item.active { border-bottom: 2px solid var(--accent); }
.nav-item.active a {  font-weight: bold; }
.nav-item.highlight a { color: #ffd700; }
.nav-item.highlight1 a { color: #ccffcc; }

/* bann轮播 */
.banner { height: 30vw; max-height: 192px;  padding: 0; overflow: hidden; margin: 0 auto; max-width: 640px; position: relative; }
.banner .banner-item { height: 30vw; max-height: 192px; display: block; width: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; overflow: hidden; }
.banner span { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;  background: url(/images/opacity60.png); opacity: 0.5; font-size: 13px; line-height: 18px; }

/* 公告栏 */
.announcement { padding: 0px 4px; border-radius: 4px; display: flex; align-items: center; font-size: 13px; color: var(--text-dim); line-height: 30px; background: var(--card-bg);}
.announcement .icon-vol { background: url(/images/icons_1.gif) no-repeat -153px 0px; background-size: auto 26px; width: 35px; height: 29px; border: none; display: block; }

/* 图标网格 */
.action-grid { padding: 6px 8px; }
.action-grid .box { padding: 2px; }
.action-grid .box:active { transform: scale(0.95); opacity: 0.9; }
.action-item { text-align: center; }
.action-item a { display: block; width: 100%; height: 100%; overflow: hidden; color: inherit; }
.action-item a img { border-radius: 6px; display: block; }
.box { aspect-ratio: 1/1; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; line-height: 1.2; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.border-pg { border: 1.5px solid #fff; }
.action-item span { font-size: 12px; transform: scale(0.9); display: block; margin-bottom: 3px; white-space: nowrap; line-height: 20px;}

/* 功能网格 */
.category-grid { padding: 0px 8px; }
.category-grid .cat-tag { background: var(--card-bg); text-align: center; font-size: 12px; height: 30px; line-height: 30px; padding: 0; border-radius: 4px; will-change: transform; }
.category-grid .cat-tag:active { transform: scale(0.95); opacity: 0.9; }
.category-grid .cat-tag a { display: block; width: 100%; height: 100%; overflow: hidden; white-space: nowrap; }
.category-grid.height20 .cat-tag { height: 20px; line-height: 20px; }
.category-grid.height22 .cat-tag { height: 22px; line-height: 22px; }
.category-grid.height25 .cat-tag { height: 25px; line-height: 25px; }
.category-grid.height27 .cat-tag { height: 27px; line-height: 27px; }
.category-grid.height30 .cat-tag { height: 30px; line-height: 30px; }
.category-grid.height32 .cat-tag { height: 32px; line-height: 32px; }
.category-grid.height35 .cat-tag { height: 35px; line-height: 35px; }
.category-grid.height37 .cat-tag { height: 37px; line-height: 37px; }
.category-grid.height40 .cat-tag { height: 40px; line-height: 40px; }

.cat-color .cat-tag:nth-child(12n+1) a { color: #ff02b3; }
.cat-color .cat-tag:nth-child(3) a { color: #ff9f0a; }
.cat-color .cat-tag:nth-child(5) a { color: #ff453a; }
.cat-color .cat-tag:nth-child(7) a { color: #15c5ff; }
.cat-color .cat-tag:nth-child(9) a { color: #009688; }
.cat-color .cat-tag:nth-child(11) a { color: #ff453a; }
.cat-color .cat-tag:nth-child(15) a { color: #15c5ff; }

.cat-color1 .cat-tag:nth-child(12n+1) a { color: #009688; }
.cat-color1 .cat-tag:nth-child(3) a { color: #ff453a; }
.cat-color1 .cat-tag:nth-child(5) a { color: #ff453a; }
.cat-color1 .cat-tag:nth-child(7) a { color: #ff02b3; }
.cat-color1 .cat-tag:nth-child(9) a { color: #15c5ff; }
.cat-color1 .cat-tag:nth-child(11) a { color: #ff9f0a; }
.cat-color1 .cat-tag:nth-child(15) a { color: #15c5ff; }

.min-title{display: block;
    font-size: 10px;
    background: var(--min-card-bg);
    width: 50px;
    text-align: center;
    padding: 2px;
    margin-left: 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;margin-bottom: -8px;}

.category-grid.genres,.category-grid.tags{
    background: var(--min-card-bg);
    margin: 0px 8px;
    padding: 8px 5px;
    border: 6px;
    border-top-left-radius: 0px;
}

.category-grid.genres .cat-tag, .category-grid.tags .cat-tag{
    margin: 2px;
}

/* 视频流 */
.filter-bar { padding: 4px 8px 4px 0px;display: flex;align-items: center;justify-content: space-between;gap: 2px;font-size: 16px;background: var(--min-card-bg); margin: 6px 0px; }
.filter-bar .category-grid { flex: 1; min-width: 0; }
.filter-bar .category-grid .cat-tag a { color: #4CAF50; }
.filter-bar .filter-title { background: url(/images/title-bg.png) no-repeat 0px 1px; background-size: auto 25px; width: 80px; padding-left: 15px; font-size: 16px; height: 28px; min-width: 88px; line-height: 28px; white-space: nowrap; }
.filter-bar .filter-more { background: url(/images/more.png) no-repeat right center; background-size: auto 12px; padding: 2px 18px 2px 2px; font-size: 12px; height: 28px; line-height: 24px;min-width: 40px; text-align: right; cursor: pointer; display:block;}
.filter-bar .filter-more:active { opacity: 0.7; }
.video-feed { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 0px 8px; }
.video-feed .video-card:active { transform: scale(0.98); opacity: 0.9; }
.video-feed .video-card .thumb { position: relative; border-radius: 2px; overflow: hidden; background: #eee; aspect-ratio: 16/10; }
.video-feed .video-card img { width: 100%; height: 100%; display: block;}
.video-feed .badge { position: absolute; left: 0; top: 0; background: #e7f5f4; font-size: 10px; padding: 2px 4px; border-radius: 0 0 8px 0; z-index: 1; color: var(--main-bg); }
.video-feed .meta { position: absolute; bottom: 0; left: 0; width: 100%; padding: 4px 5px; display: flex; justify-content: space-between; align-items: center; font-size: 10px; background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.5)); z-index: 1; color: #eee; }
.video-feed .title { font-size: 12px; margin-top: 6px; margin-bottom: 8px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;  height: 2.8em; }

/* 右下角浮动 */
.float-btn { position: fixed; right: 15px; bottom: 80px; width: 56px; height: 56px; background: #eee; border: 1px solid #444; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.5); z-index: 999; cursor: pointer; }
.dl-text { font-size: 8px; color: var(--accent); margin-top: 2px; font-weight: bold; }
.video-container { width: 100%; max-width: 800px; margin: 0 auto; }

/* 标题部分 */
.video-header { font-size: 17px; padding: 6px 8px; }
.video-title { font-size: 16.5px; font-weight: bold; margin-bottom: 6px; line-height: 24px; word-break: break-all; }
.video-meta { font-size: 12px; color: #999; margin-bottom: 8px; display: flex; flex-wrap: wrap; }
.video-meta span { margin-right: 15px; }
.highlight { color: #ffaa44; }
.highlight1 { color: #ccffcc; }

/* 播放器区域 */
.player-wrapper { position: relative; overflow: hidden; padding: 8px; }
.player-wrapper .play-content { width: 100%; background: #333; position: relative; overflow: hidden; }
.player-wrapper .play-content .play_but { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 60vw; display: flex; align-items: center; justify-content: center; z-index: 2; }
.player-wrapper .play-content .play_but .button { background: url(/images/play.png) no-repeat center center; background-size: contain; width: 60px; height: 60px; cursor: pointer; }
.player-wrapper .play_video .play_but { display: none !important; }

.infor_flow { text-align: center; padding: 0px 8px; width: 100%; max-width: 640px; margin: 0 auto; }
.infor_flow a { display: inline-flex; width: 100%; height: 28vw; max-height: 180px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 4px; overflow: hidden; will-change: transform; }
.infor_flow a:active { transform: scale(0.98); opacity: 0.9; }

.infor_flow a img { width: 100%; height: 100%; display: block; }
.infor_flow.grid-col-2 a { height: 18vw; max-height: 115px; }
.infor_flow.grid-col-2 a img { width: 100%; height: 100%; display: block;}

/* 底部样式 */
.site-footer { padding: 20px 10px; text-align: center; color: #aaa; border-top: 2px solid #353535; }
.site-footer .promise-text { font-size: 12px; color: #aaa; margin-bottom: 15px; }
.site-footer .footer-links { margin-bottom: 15px; font-size: 13px; }
.site-footer .footer-links a { color: #aaa; text-decoration: none; margin: 0 5px; display: inline-block; }
.site-footer .footer-links .separator { color: #aaa; margin: 0 2px; }
.site-footer .footer-logo { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.site-footer .logo-text { color: #aaa; font-size: 13px; font-weight: bold; }
.site-footer .copyright { font-size: 12px; color: #aaa; letter-spacing: 0.5px; }

/* 分页 */
.page .fan-page { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 640px; margin: 0 auto; text-align: center; padding: 10px 6px; gap: 4px; }
.page .fan-page a { flex: 1; border-right: none; line-height: 36px; max-width: 65px; background: var(--card-bg); border-radius: 40px; display: block;  font-size: 12px; }
.page .fan-page .action { background: #aaa; font-weight: bold; color: #333;}
.page .sk-page { text-align: center; padding: 5px 8px; display: flow-root; }
.page .sk-page input { border: 1px solid #ccc; padding: 0px 8px; height: 32px; line-height: 30px; width: 40%; text-align: center; border-radius: 4px; background: #fff; color: #333; font-size: 14px; -webkit-appearance: none; appearance: none; box-sizing: border-box; vertical-align: middle; }
.page .sk-page a { padding: 0px 6px; height: 32px; line-height: 32px; width: 20%; display: inline-block; border-radius: 4px; font-size: 14px; background: var(--card-bg); text-align: center; vertical-align: middle; }
.page .sk-page span { font-size: 14px; line-height: 32px; margin-top: 6px; display: block; width: 100%; text-align: center; clear: both; }

/* 吃瓜 */
.melon-lists { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 4px 8px; gap: 10px; }
.melon-lists a { display: block; position: relative; color: inherit; }
.melon-lists .melon-item { position: relative; width: 100%; overflow: hidden; }
.melon-lists .melon-item .item-image-zhao { background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.5) 55%, rgba(0,0,0,0.2) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; border-radius: 8px; pointer-events: none; }
.melon-lists .melon-item .item-image { display: flex; align-items: center; justify-content: center; height: 33vw; max-height: 211px; overflow: hidden; border-radius: 8px; background: #eee; }
.melon-lists .melon-item img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 4px; }
.melon-info { position: absolute; top: 20%; left: 0; height: 80%;  display: flex; align-items: center; justify-content: center; width: 100%; z-index: 3; text-align: center; }
.melon-info .melon-content { font-size: 16px; line-height: 21px; color: #ddd; padding: 0 6px; width: 100%; }
.melon-info .melon-content span { font-size: 11px; color: #ccc; margin-top: 4px; display: block; }
.melon-images { padding: 0; overflow: hidden; }
.melon-images .el-carousel__container { height: 100% !important; }
.melon-images img { width: 100%; height: auto; display: block; border-radius: 6px; }
.melon-images p { margin-bottom: 15px; font-size: 14px; line-height: 1.5; }
.melon-videos { padding: 0; }
.melon-videos p { margin-bottom: 15px; font-size: 14px; line-height: 1.5; }
.melon-videos video { width: 100%; max-height: 80vw; background: #000; border-radius: 6px; display: block; object-fit: contain; }
.melon-content .melon-images { padding: 0 10px; }
.melon-content .melon-videos { padding: 0 10px; }

/* 约炮 */
.yp-content { padding-top: 10px; }
.yp-content .yp-menus { display: flex; justify-content: space-between; align-items: center; gap: 1px; border-radius: 0; overflow: hidden; margin: 0; }
.yp-content .yp-menus .item { flex: 1; padding: 10px 20px; background: #4b4b4b; cursor: pointer; text-align: center; font-size: 15px;  white-space: nowrap; }
.yp-content .yp-menus .active { background-color: burlywood; font-weight: bold; color: #222; }
.yp_labels { display: flex; align-items: center; justify-content: space-between; padding: 6px 15px;  background: #4b4b4b; margin: 10px 0px; }
.yp_labels a { color: inherit; font-size: 16px; display: block; }
.yp_labels a>div { position: relative; z-index: 9; }
.yp_labels .active { position: relative; font-weight: bold; font-size: 18px; }
.yp_labels .active::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 110%; transform: translateX(-50%); height: 10px; border-radius: 4px; background: #fada51; }
.yp_lists { width: 100%;  padding: 10px; box-sizing: border-box; }
.yp_lists a { color: inherit !important; text-decoration: none; display: block; }
.yp_lists .s-img-item { border-radius: 4px; overflow: hidden; background: #eee; }
.yp_lists .s-img-item img { width: 100%; height: auto; display: block; object-fit: cover; }
.yp_lists .s-item { padding: 8.64px; margin-bottom: 10px; border-radius: 8.64px; background: #393939; font-size: 12.96px;  }
.yp_lists .s-item dt { display: flex; align-items: center; margin-bottom: 5.4px; font-size: 14.04px; }
.yp_lists .s-item .avatar { width: 31px; height: 31px; margin-right: 10px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #eee; }
.yp_lists .s-item .avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.yp_lists .s-item .s-tips { font-weight: normal; font-size: 14px; color: #84898c; margin-left: auto; }
.yp_lists .s-item .s-tips i { font-size: 14px; font-style: normal; }
.yp_lists .s-item dd:last-child { display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 14px; }
.yp_lists .s-item dd:last-child img { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 4px; }
.yp_lists p { margin-bottom: 0; }
.yp_lists .s-main { font-size: 17.28px; line-height: 1.4; word-break: break-all; }
.yp_lists .s-sub { margin-top: 2.7px; line-height: 1.4; }
.yp_lists_2 { width: 100%; padding: 10px; display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); box-sizing: border-box; }
.yp_lists_2 a { display: block; text-decoration: none; will-change: transform; }
.yp_lists_2 a:active { transform: scale(0.98); opacity: 0.9; }
.yp_lists_2 dl { margin-bottom: 0; background: #393939;  border-radius: 4px; font-size: 12.5px; overflow: hidden; display: flex; flex-direction: column; height: 100%; }
.yp_lists_2 dd { padding: 0 5.4px 0 10.8px; margin-bottom: 2.7px; }
.yp_lists_2 dt { position: relative; margin-bottom: 6px; background: #eee; }
.yp_lists_2 dt::after { position: absolute; right: 10.8px; top: 10.8px; content: ""; display: block; width: 37.8px; height: 16.2px; background: url(/images/icon-vip.png) center / 100% 100% no-repeat; z-index: 1; }
.yp_lists_2 .s-title { font-size: 16px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.yp_lists_2 .s-sub { font-size: 13px; color: #979797; height: 40px; overflow: hidden; line-height: 19px; padding: 0 2px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.yp_lists_2 dt img { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 1/1; }
.yp-detail { width: 100%; margin-bottom: 24px; padding: 10px; box-sizing: border-box; }
.yp-detail .images { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; height: 120vw; max-height: 768px; background: #eee; }
.yp-detail .images img { width: 100%; height: 100%; display: block; object-fit: cover; }
.yp-detail .detail-title { line-height: 40px; background: #000;  height: 40px; display: flex; font-size: 16px; align-items: center; }
.yp-detail .detail-title a { line-height: 40px; height: 100%; display: flex; align-items: center; font-size: 24px; padding: 0 10px;  }
.yp-detail .s-header { padding: 4px 0; font-size: 24px; text-align: center;  background: #000; margin: 0 15px; font-weight: bold; }
.yp-detail .s-title { flex: 1; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 8px; }
.yp-detail .s-item-box { padding: 10px 12px; color: #ffffff; font-size: 12px; line-height: 18px; margin: 8px 0px; background: #393939; border-radius: 4px; word-break: break-all; }
.yp-detail .s-concat { display: flex; justify-content: space-between; align-items: center; line-height: 22px; font-size: 12px; }
.yp-detail .s-concat .botton { border: 1px solid #ff4f6b; color: #ff4f6b; height: 40px; line-height: 38px; padding: 0px 10px; border-radius: 4px; margin: 2px 0px; margin-right: 20px; font-weight: bold; cursor: pointer; white-space: nowrap; background: transparent; }
.yp-download { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: url(/images/opacity60.png); z-index: 9999; display: none; width: 100%; height: 100%; }
.yp-download .download-content { width: 65%; max-width: 416px; margin: 0 auto; position: absolute; top: 10%; left: 0px; right: 0px; }
.yp-download .download-content .close { background: #000000; width: 26px; height: 26px; position: absolute; right: 6px; border-radius: 35px; overflow: hidden;  top: 6px; line-height: 26px; text-align: center; cursor: pointer; font-size: 16px; z-index: 2; }
.yp-download .download-content .download-but { width: 85%; height: 42px; background: url(/images/concat-btn.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto; margin-top: 10px; cursor: pointer; }

/* 搜索 */
.search-container .content-list .search { width: 100%; padding: 14px 0px; display: block; }
.search-container .content-list .search .form { padding: 0px 8px; }
.search-container .content-list .search form { margin: 0 auto; overflow: hidden; border: 2px solid #3fc3cc; border-radius: 2px; display: flex; align-items: center; }
.search-container .content-list .search input[name='search'] { display: block; width: 75%; height: 40px; border: none; border-radius: 0px; padding: 0px 15px; font-size: 16px; background: #fff; color: #333; -webkit-appearance: none; appearance: none; box-sizing: border-box; outline: none; flex: 1; }
.search-container .content-list .search input[name='search']:focus { border: none; background: #fff; }
.search-container .content-list .search input[type='button'] { width: 25%; border: none; background: #fff; color: #34a1a8; height: 40px; border-radius: 0px; border-left: 1px solid #34a1a8; font-size: 15px; -webkit-appearance: none; appearance: none; box-sizing: border-box; cursor: pointer; flex-shrink: 0; outline: none; }
.search-container .content-list .search .title { font-size: 14px; padding: 4px 8px; width: 100%; margin-bottom: 4px; margin-top: 10px; box-sizing: border-box; }
.search-container .content-list .search .item { width: 100%; padding: 8px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 6px; }
.search-container .content-list .search .item a { font-size: 12px; padding: 0px 10px; border-radius: 4px; display: inline-block; border: 1px solid #ffffff; background: #494949; line-height: 24px; color: #ffffff; text-decoration: none; white-space: nowrap; }

/* 左边-下面悬浮 */
.left-button-hide{left: -200px !important;}
.left-button{-webkit-transition: left 0.5s ease-in-out;transition: left 0.5s ease-in-out;left: -200px; position: absolute; top: 150px; width: 17vw; max-width: 110px; z-index: 999999; border-radius: 4px; -webkit-transform: scale(0.80); transform: scale(0.80); padding-bottom: 4px; background: #fff;-webkit-transform-origin: left center;transform-origin: left center;}
.left-button-show{left: -2px;}
.left-button a{display: block; width: 100%; color: #000000; text-align: center; aspect-ratio: 10 / 10;}
.left-button a img{width: 100%;height: 100%;border-radius: 6px;display: block;object-fit: cover;}
.left_close{position: absolute;right: 0px;background: #000;color:var(--main-color);font-size: 18px;border-radius: 6px;top: -22px;height: 22px;width: 22px;text-align: center;border: 1px solid #fff;line-height: 20px;cursor: pointer;}
.bottom-button-hide{bottom: -200px !important;}
.bottom-button{-webkit-transition: bottom 0.5s ease-in-out;transition: bottom 0.5s ease-in-out;position: fixed;bottom: 0px; width: 100%;z-index: 99999;max-width: 640px;margin: 0 auto;left: 0px;right: 0px; background: url(/images/opacity80.png);}
.bottom-button .bottom_close{position: absolute;right: 8px;background: #000;color:var(--main-color);font-size: 18px;border-radius: 6px;top: -24px;text-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 22px;height: 22px;border: 1px solid #fff;cursor: pointer;}
.bottom-button a{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 60px;}
.bottom-button a .bot-img{height: 100%; aspect-ratio: 1/1; padding: 0px 0px; margin-right: 0px; margin-left: 10px; -webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.bottom-button a .bot-img img{height: 100%;border-radius: 0px; border-radius: 4px;display: block;object-fit: cover;}
.bottom-button a .bot-txt{padding: 4px;line-height: 18px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex: 1;color:var(--main-color);overflow: hidden;}
.bottom-button a .bot-txt h5{color: #00a192;font-size: 15.2px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bottom-button a .bot-txt p{line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #fff;}
.bottom-button a .bot-but{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: left;-webkit-justify-content: flex-start;-ms-flex-pack: left;justify-content: flex-start;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: 88px;text-align: left;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.bottom-button a .bot-but span{color:var(--main-color);background-image: -webkit-linear-gradient(340deg, #fe558f, #e249fb 44%, #425ffb);background-image: linear-gradient(110deg, #fe558f, #e249fb 44%, #425ffb);border-radius: 10px;padding: 0px 10px;height: 30px;line-height: 30px;white-space: nowrap;}


/* 加载 */
.loading { position: fixed; top: 45%; width: 80px; height: 80px; left: 0px; right: 0px; margin: 0 auto; background: url(/images/opacity60.png);  border-radius: 10px; text-align: center; justify-content: center; align-items: center; z-index: 9999999; display: flex; flex-direction: column; padding: 0px; font-size: 11px; gap: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }
.loading i { width: 26px; height: 26px; border: 3px solid rgba(224,224,224,0.3); border-top-color: red; border-radius: 50%; animation: spin 1s linear infinite; display: block; box-sizing: border-box; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }