lp-search-row {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.lp-search-input {
height: 34px;
padding: 0 14px;
border: 1px solid #dcdfe6;
border-radius: 8px;
font-size: 13px;
color: #333;
background: #fafbfc;
outline: none;
transition: border-color 0.25s, box-shadow 0.25s;
box-sizing: border-box;
}
.lp-search-input:focus {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59,130,246,0.12);
background: #fff;
}
.lp-search-input::placeholder {
color: #b0b4c0;
}
.lp-search-input-name {
width: 220px;
}
.lp-search-input-price {
width: 90px;
text-align: center;
}
.lp-price-sep {
color: #999;
font-size: 13px;
user-select: none;
}
.lp-price-unit {
color: #999;
font-size: 13px;
margin-right: 12px;
}
.lp-search-btn {
height: 34px;
padding: 0 28px;
border: none;
border-radius: 8px;
background: linear-gradient(135deg, #3b82f6, #60a5fa);
color: #fff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.25s ease;
box-shadow: 0 2px 8px rgba(59,130,246,0.2);
letter-spacing: 1px;
}
.lp-search-btn:hover {
background: linear-gradient(135deg, #2563eb, #3b82f6);
box-shadow: 0 4px 14px rgba(59,130,246,0.35);
transform: translateY(-1px);
}
.lp-search-btn:active {
transform: translateY(0);
}
/* ===== 礼品卡片网格 ===== */
.lp-grid {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 16px;
}
/* 单个卡片 */
.lp-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
overflow: hidden;
transition: transform 0.28s ease, box-shadow 0.28s ease;
display: flex;
flex-direction: column;
}
.lp-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 28px rgba(0,0,0,0.12);
}
/* 卡片图片区域 */
.lp-card-img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%; /* 正方形 */
overflow: hidden;
background: #f5f6fa;
}
.lp-card-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}
.lp-card:hover .lp-card-img img {
transform: scale(1.05);
}
/* 卡片内容区域 */
.lp-card-body {
padding: 12px 14px 8px 14px;
flex: 1;
display: flex;
flex-direction: column;
}
/* 标题 */
.lp-card-title {
font-size: 13px;
color: #333;
line-height: 1.5;
height: 39px; /* 两行 */
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
margin-bottom: 8px;
text-decoration: none;
}
.lp-card a {
text-decoration: none;
color: inherit;
}
.lp-card a:hover .lp-card-title {
color: #3b82f6;
}
/* 价格与销量行 */
.lp-card-price-row {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 8px;
}
.lp-card-price {
font-size: 18px;
font-weight: 700;
color: #e8443a;
letter-spacing: -0.5px;
}
.lp-card-price .lp-yen {
font-size: 13px;
font-weight: 600;
margin-right: 1px;
}
.lp-card-sales {
font-size: 11px;
color: #b0b4c0;
white-space: nowrap;
}
/* 快递信息行 */
.lp-card-meta {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 8px;
border-top: 1px solid #f0f2f5;
margin-bottom: 8px;
font-size: 12px;
color: #888;
gap: 4px;
}
.lp-card-meta a {
color: #666;
text-decoration: none;
display: flex;
align-items: center;
gap: 3px;
flex: 1;
min-width: 0;
overflow: hidden;
}
.lp-card-meta img {
width: 18px;
height: 18px;
object-fit: contain;
flex-shrink: 0;
}
.lp-card-meta a:hover {
color: #3b82f6;
}
.lp-card-meta .lp-card-kd-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lp-card-meta .lp-card-ck {
flex-shrink: 0;
back font-weight: 600; /* 增强文字粗细 */
color: #ffeb3b; /* 更加鲜明的颜色，例如亮黄色 */
text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* 添加文字阴影提高可读性 */
margin-right: 40px; /* 间距，确保滚动效果 */
}
@keyframes scrollLeftInfinite {
0% {
transform: translateX(100%); /* 开始于右侧外部 */
}
100% {
transform: translateX(-50%); /* 移动一半宽度，显示第二份内容 */
}
}
@keyframes slideIn {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* 响应式调整 */
@media (max-width: 600px) {
.custom-announcement-bar {
font-size: 14px;
padding: 0 10px;
height: 40px; /* 移动设备上适当调整高度 */
}
.announcement-icon {
font-size: 18px;
}
.announcement-text {
margin-right: 20px; /* 移动设备上减少间距 */
}
}
/* 悬停时暂停滚动 */
.announcement-content:hover {
animation-play-state: paused;
}
`;
layui.$("head").append(styles);
}
}
}, 'json').error(function(){
});
});
// var dengdai = setInterval(function(){
// if(document.title){
// clearInterval(dengdai);
// }
// layui.$.post("/user/message.html",{sign:'dy_panduan'},function(result){
// if(result.success){
// layer.open({
// type: 1,
// title: '来自管理员的消息
',
// skin: 'layui-layer-rim', //加上边框
// area: ['420px', '240px'], //宽高
// content: ''+result.msg+'
',
// btn: ['朕已阅'],
// yes: function(index, layero){
// layer.close(index);
// qingkong_tongzhi()
// },
// cancel: function(index, layero){
// layer.close(index);
// qingkong_tongzhi()
// }
// });
// }else{
// var degndai6 = setTimeout(function(){
// clearTimeout(degndai6);
// get_tongzhi();
// }, 30000);
// }
// }, 'json').error(function(){});
// },10000);
function get_tongzhi(){
layui.$.post("/user/message.html",{sign:'dy_tongzhi'},function(result){
if(result.success){
layer.open({
type: 1,
title: '来自管理员的消息
',
skin: 'layui-layer-rim', //加上边框
area: ['420px', '240px'], //宽高
content: ''+result.msg+'
',
btn: ['朕已阅'],
yes: function(index, layero){
layer.close(index);
qingkong_tongzhi()
},
cancel: function(index, layero){
layer.close(index);
qingkong_tongzhi()
}
});
}else{
var degndai2 = setTimeout(function(){
clearTimeout(degndai2);
get_tongzhi();
}, 30000);
}
}, 'json').error(function(){});
}
//阅读后清空通知
function qingkong_tongzhi(){
layui.$.post("/user/clear_message.html",{sign:'qingkong'},function(result){
if(result.success){
var dengdai4 = setTimeout(function(){
clearTimeout(dengdai4);
get_tongzhi();
}, 30000);
}else{
var dengdai3 = setTimeout(function(){
clearTimeout(dengdai3);
layui.$.post("/user/clear_message.html",{sign:'qingkong'},function(result){
if(result.success){
var dengdai5 = setTimeout(function(){
clearTimeout(dengdai5);
get_tongzhi();
}, 30000);
}
});
}, 5000);
}
}, 'json').error(function(){});
}
添加客服微信提示
1、防止忘记网址而找不到我们
2、有任何需要可随时联系客服
3、可联系客服充值
