/* 彩票工具页（对齐参考站 tool.css / con_yltoolzst.css 的移动端结构） */

/* ---------- 顶栏：首页 > 彩票工具 > 工具名 ---------- */
header .home{display:flex;align-items:center;flex:1;min-width:0;height:100%;padding:0 10px;box-sizing:border-box}
header .home>a,header .home>h1{display:flex;align-items:center;white-space:nowrap;font-size:16px;line-height:1;color:#fff;font-weight:normal;margin:0}
header .home>a:first-of-type{padding-right:0}
header .home>a:first-of-type::before{content:"";display:inline-block;width:16px;height:16px;background:url(../images/home.png) no-repeat left center/100% 100%;margin-right:3px}
header .home>h1::before,header .home>a.header-a::before{content:"›";display:inline-block;font-size:15px;color:#fff;margin:0 5px;opacity:.9}
header .home>h1 a{color:#fff}
header .home>a.header-a{overflow:hidden;text-overflow:ellipsis;max-width:56vw}

/* ---------- 工具组 tab 条 ---------- */
.toolbar{width:100%;height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fffdfd;box-shadow:0 2px 2px rgba(238,238,238,.5);box-sizing:border-box;position:relative}
.toolbar .lottery{flex:1;height:100%;display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.toolbar .lottery::-webkit-scrollbar{display:none}
.toolbar .lottery a{display:flex;align-items:center;height:100%;font-size:16px;color:#181818;margin-right:10px;white-space:nowrap;text-decoration:none}
.toolbar .lottery a.active{color:#438edd;font-weight:bold;position:relative}
.toolbar .lottery a.active::after{content:"";width:80%;height:4px;background:#438edd;border-radius:2px;position:absolute;left:50%;transform:translateX(-50%);bottom:5px}
.toolbar .more_box{width:20px;height:100%;display:flex;align-items:center;justify-content:center;margin-left:8px}
.toolbar .more_box img{display:block;width:18px;height:auto}
.toolbar .laybox{width:100%;height:100%;background:rgba(0,0,0,.43);position:fixed;left:0;top:0;display:none;z-index:40}
.toolbar .laybox.show{display:block}
.toolbar .laybox .more_list{width:100%;padding:0 12px 6px;background:#fff;display:flex;flex-wrap:wrap;box-sizing:border-box}
.toolbar .laybox .more_list .title{width:100%;height:42px;display:flex;align-items:center;font-size:16px;color:#181818;font-weight:bold}
.toolbar .laybox .more_list a{flex:0 0 32%;margin-right:2%;height:26px;line-height:26px;text-align:center;font-size:13px;color:#4a4a4a;margin-bottom:10px;padding:0 2px;overflow:hidden;word-break:break-all;background:#f7f7f7;border-radius:4px;border:1px solid #bbb;box-sizing:border-box;text-decoration:none}
.toolbar .laybox .more_list a.active{color:#0197ff;border-color:#0197ff;background:#eff7ff}

/* ---------- 表单主体 ---------- */
.tool_content{background:#fff;padding:0 10px 64px}
.tool_content .t_title{font-size:14px;font-weight:bold;color:#181818;margin-top:14px}
.tool_content .border{width:100%;height:4px;background:#f7f7f7;margin-top:8px;border:0;padding:0}
.tool_content .t_handle{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.tool_content .t_handle .text{font-size:14px;color:#999;margin:6px 10px 0;line-height:1.7}
.tool_content .t_handle .do{display:flex}
.tool_content .t_handle .do input{display:none}
.tool_content .t_handle .do span{display:flex;justify-content:center;align-items:center;width:23px;height:23px;margin-left:8px;font-size:13px;color:#4a4a4a;background:#f7f7f7;border-radius:2px;border:1px solid #f7f7f7}
.tool_content .t_handle .do input:checked+span{border-color:#e24939;color:#e24939}
.t_balls{display:flex;flex-wrap:wrap;margin-top:10px}
.t_balls label input{display:none}
.t_balls label span{display:flex;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;color:#181818;background:#fff;border-radius:50%;border:1px solid #e4e4e4;margin-bottom:8px}
.t_balls label:not(:nth-of-type(10n)){margin-right:7px}
.t_balls label input:checked+span{background:#e24939;border-color:#e24939;color:#fff}

.condition{display:flex;flex-wrap:wrap}
.condition span{width:67px;height:26px;border-radius:4px;border:1px solid #4a4a4a;display:flex;justify-content:center;align-items:center;font-size:15px;color:#4a4a4a;margin-top:10px;box-sizing:border-box}
.condition span:not(:nth-of-type(5n)){margin-right:7px}
.condition .c_sz{border-color:#478fdb;color:#478fdb}
.condition span.selected{color:#c60000;border-color:#c60000}
.condition span.disabled{opacity:.65}

.t_radio,.t_checkbox{display:flex;align-items:center;margin-top:10px;flex-wrap:wrap}
.t_radio label,.t_checkbox label{display:flex;align-items:center;font-size:15px;color:#4a4a4a;margin-right:16px}
.t_radio input,.t_checkbox input{display:none}
.t_radio span{display:flex;justify-content:center;align-items:center;width:17px;height:17px;border:1px solid #b9b9b9;border-radius:50%;position:relative;margin-right:4px}
.t_radio span::before{content:"";width:8px;height:8px;border-radius:50%;border:1px solid #b9b9b9;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.t_radio input:checked+span{border-color:#438edd}
.t_radio input:checked+span::before{background:#438edd;border-color:#438edd}
.t_checkbox span{display:flex;justify-content:center;align-items:center;width:15px;height:15px;border-radius:2px;border:1px solid #bbb;margin-right:4px}
.t_checkbox input:checked+span{background:#438edd;border-color:#438edd}
.t_checkbox input:checked+span::after{content:"✓";color:#fff;font-size:11px;line-height:1}
.t_checkbox input:disabled+span{opacity:.35;background:#eee}

/* 普通工具的输入行 */
.tool_line{display:flex;align-items:center;margin-top:10px}
.tool_line .line{display:flex;align-items:center;font-size:15px;color:#4a4a4a;width:100%}
.tool_line .line .text{min-width:64px;margin-right:8px}
.tool_line .line input,.tool_line .line select{flex:1;height:26px;border-radius:2px;font-size:15px;color:#181818;border:1px solid #e0e0e0;outline:none;padding:0 6px;background:#fff;box-sizing:border-box}
.tool_content textarea{width:100%;margin-top:8px;border-radius:4px;border:1px solid #e0e0e0;padding:8px 8px;font-size:13px;color:#181818;resize:none;outline:none;box-sizing:border-box}

/* ---------- 固定底部操作条 ---------- */
.tool_handle{pointer-events:auto;z-index:9999;width:100%;height:51px;background:#fff;box-shadow:0 -2px 4px 0 #eee;position:fixed;left:0;bottom:0;z-index:30;padding:0 12px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}
.tool_handle .clear{width:44.8vw;max-width:179px;height:34px;display:flex;align-items:center;justify-content:center;border:0;outline:none;background:#f7f7f7;border-radius:0}
.tool_handle .clear img{display:block;width:15px;height:15px}
.tool_handle .clear span{font-size:15px;color:#181818;margin-left:6px}
.tool_handle .analyse{width:45.33vw;max-width:181px;height:34px;background:#d65802;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:bold;color:#fff;border:0}

/* ---------- 查询结果 ---------- */
.tool_result{padding-bottom:8px}
.text_desc{font-size:15px;font-weight:bold;color:#e24939;margin-top:14px;padding-left:22px;display:flex;align-items:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Ccircle cx='7' cy='7' r='5' fill='none' stroke='%23e24939' stroke-width='1.6'/%3E%3Cline x1='10.5' y1='10.5' x2='15' y2='15' stroke='%23e24939' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat left center/17px 17px}
.tool_result .res{display:flex;align-items:center;margin-top:10px;flex-wrap:wrap}
.tool_result .res .type{font-size:13px;color:#181818;margin-right:10px}
.tool_result .res .type span{color:#181818}.tool_result .res .num span{color:#181818}
.tool_result .res .num{color:#bbb;font-size:13px}
.tool_result .result,.tool_result .detail{margin-top:10px;min-height:60px;padding:8px 6px 8px 10px;border-radius:4px;border:1px dashed #e0e0e0;word-break:break-all;display:flex;flex-wrap:wrap}
.tool_result .result span{font-size:13px;color:#4a4a4a;margin:0 6px 3px 0}
.tool_result .result.err{border-color:#e24939;color:#c60000;font-size:13px;display:block}
.tool_result .detail{display:block;font-size:13px;color:#4a4a4a;line-height:1.7}
.tool_result .detail p{margin:0 0 3px;font-size:13px}
.tool_result .detail table{width:100%;border-collapse:collapse;margin-top:8px;table-layout:fixed}
.tool_result .detail table th,.tool_result .detail table td{border:1px dashed #e0e0e0;font-size:12px;padding:4px 2px;word-break:break-all}
.tool_result .detail table th{background:#f7f7f7;color:#181818}

/* 工具页底部留出固定条高度 */
footer{margin-bottom:58px}

/* 弹窗条件选择 */
.cond-pop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:50;display:none}
.cond-pop.show{display:block}
.cond-pop .box{position:absolute;left:0;bottom:0;width:100%;background:#fff;border-radius:14px 14px 0 0;padding:12px 10px 14px;box-sizing:border-box;max-height:72vh;display:flex;flex-direction:column}
.cond-pop .hd{text-align:center;font-size:15px;font-weight:bold;color:#181818;position:relative}
.cond-pop .hd .close{position:absolute;right:2px;top:-2px;width:24px;height:24px;line-height:24px;text-align:center;color:#999;font-size:18px}
.cond-pop .hint{font-size:12px;color:#999;margin-top:6px;text-align:center}
.cond-pop .opts{display:flex;flex-wrap:wrap;margin-top:10px;overflow-y:auto;flex:1}
.cond-pop .opts label{display:flex;justify-content:center;align-items:center;min-width:34px;height:28px;padding:0 6px;margin:0 6px 6px 0;border:1px solid #ddd;border-radius:3px;font-size:13px;color:#4a4a4a;box-sizing:border-box}
.cond-pop .opts input{display:none}
.cond-pop .opts input:checked+span{color:#c60000;border-color:#c60000}
.cond-pop .opts label span{display:flex;justify-content:center;align-items:center;min-width:30px;height:26px;padding:0 4px;border:1px solid #ddd;border-radius:3px;font-size:13px;color:#4a4a4a;box-sizing:border-box}
.cond-pop .opts input:checked+span{background:#fff5f5}
.cond-pop .btns{display:flex;justify-content:center;margin-top:8px}
.cond-pop .btns button{width:44%;height:34px;border:0;border-radius:4px;font-size:15px;background:#f7f7f7;color:#4a4a4a}
.cond-pop .btns button.ok{background:#d65802;color:#fff;font-weight:bold;margin-left:8px}

/* ---------- 工具导航页（对齐 con_yltoolzst.css 的 entrance.gj） ---------- */
.entrance{background:#fff;padding:0 12px}
.entrance .item{margin-top:16px;padding:0;border-bottom:0}
.entrance .item .top{display:flex;align-items:center;gap:0;padding:0 0 10px;border-bottom:1px dashed #cecece}
.entrance .item .top img{display:block;width:34px;height:34px}
.entrance .item .top b{font-size:17px;color:#181818;font-weight:bold;margin-left:5px}
.entrance.gj .bot{display:flex;flex-wrap:wrap;margin-top:11px}
.entrance.gj .bot a{display:flex;align-items:center;justify-content:flex-start;width:122px;height:21px;background:none;border-radius:0;margin:0 0 8px;padding:0;font-size:12.5px;color:#4a4a4a;text-align:left;white-space:nowrap;overflow:hidden}
.entrance.gj .bot a::before{content:"";display:inline-block;min-width:4px;width:4px;height:4px;background:#d8d8d8;border-radius:50%;margin-right:4px}
.entrance.gj .bot a.re{color:#4a4a4a;padding-right:2px}.entrance.gj .bot a.re::after{content:"";margin-left:auto;flex:0 0 auto;width:10px;height:10px;background:url(../images/re.png) no-repeat right center/7px 7px}
.entrance.gj .bot a.re::after{content:"";display:inline-block;width:14px;height:14px;background:url(../images/re.png) no-repeat right center/100% 100%;margin-left:2px}
.tool_line{display:flex;align-items:center;margin-top:10px}
.tool_line .line{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;width:100%}
.tool_line .line .text{flex:0 0 auto;min-width:64px;margin-right:8px;font-size:15px;color:#4a4a4a}
.tool_line .line input,.tool_line .line select{flex:1 1 auto;min-width:0;width:auto;height:30px;border-radius:4px;font-size:15px;color:#181818;border:1px solid #e0e0e0;outline:none;padding:0 8px;background:#fff;box-sizing:border-box}
.generic-form .text_desc{font-size:13px;line-height:1.6;margin:8px 0 4px}
footer{margin-bottom:58px}

/* 工具页底部：相关推荐 + 站点 footer（对齐参考站） */
.xgtj{margin:0;padding:10px 13px 6px;background:#fff;border-top:8px solid #f7f7f7}
.xgtj .title{font-size:15px;font-weight:bold;color:#4a4a4a;padding-bottom:0;border-bottom:0}
.xgtj .bot{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:10px}
.xgtj .bot a{width:44.5vw;height:21px;line-height:21px;font-size:14px;color:#333;margin-bottom:6px;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fix{height:0;clear:both}
.tool_footer{padding:10px 12px 12px;background:#fff;text-align:center;border-top:1px solid #eee;margin-bottom:51px}
.tool_footer p{font-size:14px;color:#999;line-height:22px;margin:0}
.tool_footer p em{font-style:normal;margin:0 14px}
.tool_footer a{color:#3f8fd2;text-decoration:none}
.tool_footer .beian,.tool_footer .beian a{font-size:12px;color:#999}
.mr5{margin-right:5px}
/* 参考站式勾选/单选块 */
.t_grid{margin-top:6px}
.t_grid .grid_name{display:block;font-size:14px;color:#333;margin:6px 0 4px}
.t_grid .grid_opts{display:flex;flex-wrap:wrap}
.t_grid .grid_opts label{position:relative;margin:0 4px 6px 0;cursor:pointer}
.t_grid .grid_opts input{display:none}
.t_grid .grid_opts span{display:block;min-width:25px;height:25px;line-height:23px;text-align:center;border:1px solid #e4e4e4;border-radius:3px;font-size:14px;color:#333;background:#fff;padding:0 4px;box-sizing:border-box}
.t_grid .grid_opts input:checked+span{border-color:#e24939;color:#e24939;background:#fff7f6}
.result_empty{min-height:150px}\r\n.sub_title{font-size:14px;color:#333;margin:10px 0 2px;font-weight:bold}
.tool_footer p em{margin:0 10px}.tool_line .line select{flex:0 0 26vw;width:26vw;height:26px;border-radius:4px;padding:0 6px}