/*
 * 标题：阿狸子订单系统
 * 作者：justo2008（旺旺号）
 * 官方网址：www.alizi.net
 * 淘宝店铺：https://hiweb.taobao.com/
 * 警示信息：您可以复制使用本站静态文件（html/css/js/images），但请保留原创作者（旺旺：justo2008）信息，谢谢。
 */
*{margin:0;padding:0;}
body{margin:0;padding:0;background-attachment:fixed;background-size:cover;background-position:center;font:14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", serif}
h1{font-size:20px}
h2{font-size:16px}
a{color:#EB5F3E;text-decoration:none}
a:hover{text-decoration:underline}
.alizi-order-wrap{background-color:transparent !important;}
.label{background:#EB5F3E;padding:5px 8px;border-radius:3px;font-size:12px;color:#fff;vertical-align:middle}
.wrapper{background-color:#f1f1f1;background-color:rgba(255, 255, 255, .2);max-width:750px;margin:0 auto}
/* 顶部导航栏容器 .header{padding:10px 20px;border-bottom:1px solid #ccc;border-bottom:1px solid rgba(255, 255, 255, .1);color:#fff;background-color: #c60a1e;}
*/
.header {
    display: flex;          /* 启用弹性布局 */
    align-items: center;    /* 垂直居中 */
    background: #ffffff;    /* 纯白背景 */
    padding: 12px 24px;     /* 内边距 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); /* 底部阴影 */
    position: relative;
    z-index: 100;
}

/* Logo图片样式 */
.header img {
    height: 40px;           /* 固定高度保持比例 */
    width: auto;            /* 宽度自适应 */
    margin-right: 15px;     /* 与标题间距 */
    border-radius: 6px;     /* 圆角效果 */
    transition: transform 0.3s ease; /* 悬停动效 */
}

/* 标题文字样式 */
.header h1 {
    margin: 0;              /* 清除默认边距 */
    font: 600 22px/1.2 'Segoe UI', -apple-system, sans-serif; /* 现代字体组合 */
    color: #2c3e50;         /* 深蓝灰色 */
    letter-spacing: 0.5px;  /* 字间距 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.1); /* 微妙文字阴影 */
}

/* 悬停交互效果 */
.header img:hover {
    transform: scale(1.05); /* 悬停轻微放大 */
}
.header h1:hover {
    color: #3498db;         /* 悬停颜色变化 */
    transition: color 0.3s ease;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .header {
        padding: 10px 16px;
    }
    .header img {
        height: 34px;       /* 缩小logo尺寸 */
    }
    .header h1 {
        font-size: 19px;    /* 缩小字体尺寸 */
    }
}

#vide{}
.alizi-page{padding:1px 0}
.alizi-page img{max-width:100%;}
.alizi-page .box{margin:15px 10px;padding:5px 0;background:#fff}
.alizi-page .box a:hover{text-decoration:none}
.alizi-page .box a:hover span{text-decoration:underline}
.alizi-page .box a:hover .label{text-decoration:none}
.alizi-page .box h2.title{margin:0;padding:5px 10px;border-bottom:1px solid #ccc;font-weight:normal;background: url(vline.jpg) no-repeat 15px center;padding-left: 27px;}
.alizi-page .box-image .box-content{text-align:center;}
.alizi-page .box .box-content table.links{margin-top:-1px;width:100%;border-spacing:0;border-collapse:collapse}
.alizi-page .box .box-content table.links td{padding:3px 3px 3px 10px;border:1px solid #ddd;border-left:0}
.alizi-page .box .box-content table.links td:nth-child(2){border-left:1px solid #ddd;border-right:0}
.alizi-page .box .box-content table.links td a{display:block}
.alizi-page .box-image{padding-bottom:0 !important;}
.alizi-page .alizi-order{border-bottom:none;}
.alizi-remark{color:#ccc;padding-top:10px;}
.alizi-footer{color:#fff;text-align:center;border-top:none;background:none;}
.alizi-footer a{color:#fff;}
.alizi-footer p{padding:0 0 20px 0;font-size:12px}

.alizi-plug {height:54px;color:#fff;overflow:hidden;}
.alizi-plug .price{float:left;height:54px;width:65%;background: #f61d4b;vertical-align:bottom;font-size: 90%;}
.alizi-plug .price .symbol{float:left;vertical-align:bottom;padding-top:28px;}
.alizi-plug .current-price{float:left;font-size:30px;line-height:54px;vertical-align:bottom;letter-spacing:-1px;}
.alizi-plug .group{float:left;margin-left:25px;}
.alizi-plug .original-price{padding-top:5px;line-height:20px;vertical-align:top;display:block;font-size: 18px;}
.alizi-plug .salenum{line-height:20px;vertical-align:bottom;height: 25px;line-height: 25px;padding: 2px;background: #ca032e;border-radius: 1px;}
.alizi-plug .timer{float:left;height:54px;width:35%;background: -webkit-gradient(linear,0 0,0 100%,from(#fef391),to(#fbe253));color:#555;text-align:center;line-height:20px;font-weight:bold;}
.alizi-plug .timer .tt{padding-top:5px;color:#f00;}

.alizi-content-title{padding:15px;border-bottom:1px solid #eee; color: #de6c2f; font-weight: bold;}
.baoyou{ height:45px;line-height:25px; border-bottom:1px #eee solid;overflow:hidden; padding:10px 0 10px 10px;}
.baoyou span{padding-left:18px; float:left; margin-right:10px; display:inline; font-size:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAAaVBMVEUAAAD6IV76IV74Hl35HV3yG1f6IF/5IF71HVv6IF75H135IF75IF75IF76IF74H174H133HFv2HFz6IF76IF36H175IF76IV75IF34Hlz4Hl72IFv2IF36H1zMADO/AED5IF75IV/6IF8yblojAAAAInRSTlMA+upLKxLxzxiZe+bZtJRyaR4bxo9irY12RUQ4NzIFBKlWRq3aTAAAAN5JREFUKM9t0NuWgyAMBdDEGUHkpqi9dzo9//+RbQWK1ubBhW4M4VCu0FkjhLG+p3U1ihFL1mv5EQCGvT+o/w/pAHbNcmubF4C+rpowDvEcAR0+pPqdVwp8/S6B4baSZ2i+C1kMz+dfvRUy2D/FynojJOCJ7jGGIrdbJmpfVsRDzA1HimZKtxEmjZGsnDPAxuFDtCIB6F45MVT84KPEgOa7OvCFVnVhuHe8/VJ6DZECOjL0uchZg4/5ZWKw6tMvisFT2XiqAEjXtk4CqE7L9vXISMVjSrrgtJNVJXfTGx5lKhHS+63qqQAAAABJRU5ErkJggg==) no-repeat left center;background-size:16px 15px;-webkit-background-size: 16px 15px;}
.gou{
    line-height: 35px;
    background-color: #e52121;
    color: #fff;
    padding: 10px 2px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 5px 15px rgb(205 11 11 / 60%);
    animation: pulse 1.5s infinite;
    transition: transform 0.3s ease;
    white-space: nowrap;
    text-align: center;
}
/* 动画效果 */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 165, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 165, 0, 0);
    }
}

@keyframes glow {
    from {
        text-shadow: 0 0 10px #FF4500, 0 0 20px #FF4500, 0 0 30px #FF6347;
    }
    to {
        text-shadow: 0 0 20px #FF6347, 0 0 30px #FF4500, 0 0 40px #FF6347;
    }
}
.gou a{color:#fff;font-size:18px;text-decoration:none;padding-left: 160px;}
.aliziDay strong:after{font-size:15px;content:' / '}
.comment-title{display:none;}

@media(max-width:600px){
	.alizi-page .box{margin:5px 0px;}
}	
.alizi-detail-content h2{border-color:#eee !important;height: 50px;}

.zalo-button-container {
    position: fixed;
    right: 0px;
    bottom: 120px;
    width: 60px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.zalo-button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #0078FF;
    color: white;
    text-decoration: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.zalo-text {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: white;
}

.zalo-logo {
    width: 40px;
    height: 40px;
}

.zalo-wave {
    position: absolute;
    top: 50;
    left: 10;
    width: 90%;
    height: 60%;
    background-color: rgba(0, 140, 255, 0.5);
    border-radius: 100%;
    animation: wave-effect 2s infinite;
    pointer-events: none;
}

@keyframes wave-effect {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.3;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}