/* 618 年中钜惠活动弹窗 —— 样式全部以 lll618_ 前缀作用域隔离，避免影响现有页面 */
.lll618_mask{
    position:fixed;inset:0;width:100%;height:100%;
    background:rgba(13,22,48,.55);
    display:none;align-items:center;justify-content:center;
    z-index:99999;padding:20px;box-sizing:border-box;
    -webkit-overflow-scrolling:touch;overflow:auto;
}
.lll618_mask.lll618_show{display:flex;}
.lll618_modal{
    position:relative;display:flex;width:760px;max-width:96vw;
    background:#fff;border-radius:18px;overflow:hidden;
    box-shadow:0 20px 60px rgba(13,22,48,.35);
    font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
    animation:lll618_pop .28s ease;
}
@keyframes lll618_pop{from{transform:translateY(18px) scale(.96);opacity:0}to{transform:none;opacity:1}}

/* 关闭按钮 */
.lll618_close{
    position:absolute;top:12px;right:14px;z-index:5;
    width:30px;height:30px;line-height:28px;text-align:center;
    border-radius:50%;background:rgba(255,255,255,.85);color:#5b6477;
    font-size:20px;cursor:pointer;border:none;transition:.2s;
}
.lll618_close:hover{background:#fff;color:#222;transform:rotate(90deg);}

/* 左侧插画 */
.lll618_left{
    flex:0 0 300px;
    background:url(/statics/home/images/activity/popup_left.png) center/cover no-repeat;
    background-color:#2f63e6;min-height:480px;
}

/* 右侧内容 */
.lll618_right{flex:1;min-width:0;padding:22px 24px 20px;}
.lll618_h{display:flex;align-items:center;font-size:18px;font-weight:700;color:#1f2a44;margin:2px 0 14px;}
.lll618_h i{display:inline-block;margin-left:8px;width:0;height:0;border:6px solid transparent;border-top-color:#3d7bff;transform:translateY(3px);}

/* 权益卡片 */
.lll618_cards{display:flex;gap:12px;}
.lll618_card{
    flex:1;min-width:0;position:relative;cursor:pointer;
    border:1.5px solid #e6eaf3;border-radius:12px;background:#fff;
    padding:12px 12px 14px;transition:.2s;
}
.lll618_card:hover{border-color:#b9cdff;}
.lll618_card.lll618_on{border-color:#3d7bff;background:#f1f6ff;box-shadow:0 6px 16px rgba(61,123,255,.15);}
.lll618_card.lll618_on:after{
    content:"";position:absolute;top:0;right:0;width:26px;height:26px;
    background:#3d7bff;border-radius:0 11px 0 12px;
}
.lll618_card.lll618_on:before{
    content:"\2714";position:absolute;top:1px;right:5px;z-index:2;
    color:#fff;font-size:12px;line-height:18px;
}
.lll618_ctitle{font-size:15px;font-weight:700;color:#1f2a44;margin-bottom:6px;}
.lll618_csub{font-size:12px;color:#8a93a6;line-height:1.5;margin-bottom:10px;min-height:36px;}
.lll618_clist{list-style:none;margin:0 0 12px;padding:0;}
.lll618_clist li{position:relative;padding-left:18px;font-size:12.5px;color:#475067;line-height:1.9;}
.lll618_clist li:before{content:"\2714";position:absolute;left:0;top:0;color:#3d7bff;font-size:11px;}
.lll618_cbtn{
    display:block;text-align:center;font-size:12.5px;padding:8px 6px;border-radius:8px;
    border:none;cursor:pointer;width:100%;font-weight:600;
    background:linear-gradient(90deg,#3d7bff,#6aa0ff);color:#fff;
}
.lll618_card2 .lll618_cbtn{background:#eef1f7;color:#5b6477;}

/* 联系电话 */
.lll618_label{display:flex;align-items:center;font-size:16px;font-weight:700;color:#1f2a44;margin:18px 0 10px;}
.lll618_label i{display:inline-block;margin-left:7px;width:0;height:0;border:5px solid transparent;border-top-color:#3d7bff;transform:translateY(3px);}
.lll618_input{
    width:100%;box-sizing:border-box;height:46px;padding:0 16px;
    border:1.5px solid #e6eaf3;border-radius:10px;background:#f7f9fc;
    font-size:14px;color:#1f2a44;outline:none;transition:.2s;
}
.lll618_input:focus{border-color:#3d7bff;background:#fff;}
.lll618_input.lll618_err{border-color:#ff5b5b;background:#fff6f6;}
.lll618_errmsg{display:none;color:#ff5b5b;font-size:12px;margin:6px 2px 0;}
.lll618_errmsg.lll618_show{display:block;}

/* 温馨提示 */
.lll618_tip{
    margin:12px 0 16px;padding:9px 12px;border-radius:8px;
    background:#fff7e6;font-size:12px;color:#a05a00;line-height:1.6;
}
.lll618_tip b{color:#ff8a00;}

/* 主按钮 */
.lll618_submit{
    width:100%;height:50px;border:none;cursor:pointer;border-radius:25px;
    background:linear-gradient(90deg,#3d7bff 0%,#8a5cff 100%);
    color:#fff;font-size:17px;font-weight:700;letter-spacing:2px;
    box-shadow:0 10px 22px rgba(74,92,255,.35);transition:.2s;
}
.lll618_submit:hover{filter:brightness(1.05);}
.lll618_submit:disabled{opacity:.6;cursor:not-allowed;}

.lll618_fine{margin-top:12px;text-align:center;font-size:11px;color:#aab2c0;}
.lll618_fine span{margin:0 8px;}

/* 成功提示弹窗 */
.lll618_okmask{
    position:fixed;inset:0;width:100%;height:100%;
    background:rgba(13,22,48,.55);display:none;align-items:center;justify-content:center;
    z-index:100000;padding:20px;box-sizing:border-box;
}
.lll618_okmask.lll618_show{display:flex;}
.lll618_okbox{
    width:340px;max-width:90vw;background:#fff;border-radius:16px;
    padding:30px 26px 24px;text-align:center;
    box-shadow:0 20px 60px rgba(13,22,48,.35);animation:lll618_pop .28s ease;
    font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
}
.lll618_okico{
    width:60px;height:60px;margin:0 auto 16px;border-radius:50%;
    background:linear-gradient(135deg,#3d7bff,#8a5cff);
    color:#fff;font-size:32px;line-height:60px;
}
.lll618_oktext{font-size:15px;color:#2a3450;line-height:1.7;margin-bottom:22px;}
.lll618_okbtn{
    width:100%;height:44px;border:none;border-radius:22px;cursor:pointer;
    background:linear-gradient(90deg,#3d7bff,#8a5cff);color:#fff;font-size:15px;font-weight:600;
}

/* 底部横栏（弹窗向下滚动后转换为此横栏） */
.lll618_bar{
    position:fixed;left:0;right:0;bottom:0;z-index:99990;display:none;
    background:linear-gradient(90deg,#2747b8 0%,#5b3fd6 100%);
    box-shadow:0 -6px 22px rgba(13,22,48,.28);
    padding:10px 18px;box-sizing:border-box;
}
.lll618_bar.lll618_show{display:block;animation:lll618_barup .4s ease;}
@keyframes lll618_barup{from{transform:translateY(100%)}to{transform:translateY(0)}}
.lll618_barwrap{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:16px;}
.lll618_bartxt{flex:0 0 auto;color:#fff;cursor:pointer;line-height:1.25;}
.lll618_bartxt strong{font-size:17px;display:block;letter-spacing:1px;}
.lll618_bartxt span{font-size:12px;opacity:.85;}
.lll618_barform{flex:1;position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.lll618_barinput{height:40px;width:220px;max-width:44vw;border:none;border-radius:20px;padding:0 16px;font-size:14px;color:#1f2a44;outline:none;}
.lll618_barinput.lll618_err{box-shadow:0 0 0 2px #ff5b5b;}
.lll618_barbtn{height:40px;padding:0 24px;border:none;border-radius:20px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap;background:linear-gradient(90deg,#ffb020,#ff7a00);color:#fff;}
.lll618_barbtn:disabled{opacity:.6;cursor:not-allowed;}
.lll618_barerr{position:absolute;right:150px;top:-26px;background:#ff5b5b;color:#fff;font-size:12px;padding:2px 10px;border-radius:10px;display:none;white-space:nowrap;}
.lll618_barerr.lll618_show{display:block;}
.lll618_barclose{flex:0 0 auto;background:none;border:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;opacity:.8;}
.lll618_barclose:hover{opacity:1;}

/* 移动端自适应 */
@media (max-width:680px){
    .lll618_modal{flex-direction:column;width:92vw;}
    .lll618_left{flex:none;width:100%;min-height:150px;background-position:center top;}
    .lll618_right{padding:18px 16px;}
    .lll618_cards{flex-direction:column;}
    .lll618_csub{min-height:0;}

    .lll618_bar{padding:8px 12px;}
    .lll618_barwrap{gap:8px;}
    .lll618_bartxt span{display:none;}
    .lll618_bartxt strong{font-size:14px;}
    .lll618_barinput{width:auto;flex:1;max-width:none;}
    .lll618_barbtn{padding:0 14px;font-size:13px;}
    .lll618_barerr{right:90px;}
}