*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f4f8fc;color:#173b67;font-size:12px}.wrap{width:1024px;max-width:1024px;margin:0 auto}.topbar{height:36px;background:#10263f;color:#fff}.topbar-in{height:36px;display:flex;align-items:center;gap:12px;padding:0 20px}.top-slogan{flex:1;text-align:center}.topbar b{background:#e51a32;padding:8px 17px;border-radius:7px}.header{height:76px;background:#fff;display:flex;align-items:center;padding:0 20px;gap:35px}.logo img{width:230px;height:auto;display:block}.search{height:38px;display:flex;flex:1;max-width:330px;border:1px solid #dfe6ee;border-radius:9px;overflow:hidden}.search input{min-width:0;flex:1;border:0;outline:0;padding:0 15px;color:#66788d}.search button{width:48px;border:0;background:#d9122c;color:#fff}.search svg,.mobile-menu-btn svg{width:20px;height:20px}.hotline{margin-left:auto;background:#f7f8fa;border-radius:10px;height:52px;display:flex;align-items:center;gap:8px;padding:6px 10px;width:185px}.call{width:32px;height:32px;background:#e91630;color:#fff;border-radius:50%;display:grid;place-items:center}.call svg{width:18px;height:18px}.hotline small,.hotline strong{display:block}.hotline strong{font-size:15px}.hotline em{margin-left:auto;color:#e21a36;font-weight:700;font-style:normal}.desktop-nav{height:40px;background:#d30d27;color:#fff}.nav-in{height:40px;display:flex;padding:0 35px}.nav-in a,.nav-in button{height:40px;color:#fff;text-decoration:none;border:0;background:transparent;padding:0 17px;display:flex;align-items:center;font-weight:700;font-size:12px}.nav-in a.active,.nav-in a:hover{background:#b80a20}.nav-in button{margin-left:auto;font-size:19px}.mobile-menu-btn{display:none}.mobile-overlay,.mobile-drawer{display:none}main.wrap{padding-top:10px}.hero{width:984px;height:212px;margin:0 20px 14px;position:relative;overflow:hidden;border-radius:9px}.hero img{width:984px;height:212px;display:block}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#630812aa;color:#fff;width:32px;height:50px;border-radius:50%;font-size:32px}.hero-arrow.l{left:7px}.hero-arrow.r{right:7px}.dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.dots i{width:6px;height:6px;background:#fff;border-radius:50%;opacity:.7}.dots .on{opacity:1}.layout{display:grid;grid-template-columns:764px 208px;gap:12px;padding:0 20px}.lottery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lottery-card,.panel,.side{background:#fff;border:1px solid #dce6ef;border-radius:8px;overflow:hidden}.card-head{height:55px;color:#fff;display:flex;align-items:center;padding:8px 10px;gap:8px}.card-head>span{font-size:27px}.card-head strong{display:block;font-size:15px}.card-head small{display:block;margin-top:4px;font-size:11px}.card-head.red{background:#ef1938}.card-head.blue{background:#0b95e9}.card-head.green{background:#0aad64}.province{height:30px;margin:9px 10px;border:1px solid #e0e7ef;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#ed1938}.province b{font-size:12px}.tabs{height:40px;padding:9px 10px;display:flex;gap:5px}.tabs button{border:0;background:#edf3f8;color:#506e90;border-radius:6px;padding:0 9px;font-size:10px}.tabs .sel{background:#0877d6;color:#fff}.tabs .green-sel{background:#079d61}.special{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.special label{background:#ee1837;color:#fff;padding:6px 7px;border-radius:5px;font-weight:700;font-size:10px}.special strong{font-size:21px;color:#e11934}.rows>div{min-height:32px;border-top:1px solid #e6edf3;display:grid;grid-template-columns:34% 66%;align-items:center;padding:3px 7px}.rows span{color:#54708f}.rows b{text-align:center;color:#083f7d;line-height:1.45;font-size:11px}.more{display:block;margin:7px 9px 10px;height:32px;line-height:32px;text-align:center;border-radius:6px;color:#fff;text-decoration:none;font-weight:700;font-size:10px}.red-bg{background:#e00d2c}.blue-bg{background:#0879dc}.green-bg{background:#08a65f}.lower-grid{display:grid;grid-template-columns:454px 298px;gap:10px;margin-top:10px}.panel{padding:10px}.panel-title{height:25px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:#164477;margin-bottom:7px}.panel-title button,.panel-title a{font-size:9px;border:1px solid #dce5ee;background:#fff;padding:6px 9px;border-radius:6px;color:#4f7194;text-decoration:none}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini{border:1px solid #e0e8f0;border-radius:7px;overflow:hidden;text-align:center}.mini>b{display:block;color:#fff;height:49px;padding:8px 2px;font-size:11px}.mini.red>b{background:#ed1838}.mini.blue>b{background:#078ce4}.mini.green>b{background:#0aa963}.mini small,.mini strong,.mini em{display:block}.mini small{font-size:9px;margin-top:5px}.mini strong{font-size:20px;margin-top:11px}.mini em{font-style:normal;color:#e21b38;font-size:9px;margin:4px 0 9px}.pager{text-align:center;color:#e11a35;font-size:8px;margin-top:6px}.pager span{color:#cbd9e6}.schedule>small{color:#9caabc;font-size:9px}.sch{height:31px;display:flex;align-items:center;gap:8px;border-top:1px solid #edf1f5}.sch i{width:13px;height:13px;border-radius:50%}.sch .rd{background:#ed1838}.sch .bl{background:#087be0}.sch .gr{background:#0aaa62}.sch b{flex:1;font-size:10px}.sch strong{font-size:11px}.schedule>a{display:block;text-align:center;color:#087ddc;text-decoration:none;font-size:9px;padding-top:5px}.prediction{height:116px;border-radius:8px;overflow:hidden;position:relative}.prediction img{width:100%;height:116px;object-fit:cover}.prediction>div{position:absolute;left:15px;top:10px;color:#fff;width:220px}.prediction b{font-size:13px}.prediction p{font-size:9px;line-height:1.45;margin:7px 0}.prediction button{border:0;border-radius:15px;background:#ffe17c;color:#8e1a19;font-size:9px;font-weight:700;padding:7px 12px}.tools{height:116px}.tools{padding:10px}.tools .panel-title{margin-bottom:5px}.tools{overflow:hidden}.tools{ }.tools{ }.tools a{display:inline-flex;width:19%;flex-direction:column;text-align:center;text-decoration:none;color:#28648f;font-size:18px}.tools b,.tools small{font-size:9px}.tools small{color:#9daaba;margin-top:2px}.news{margin-top:10px;padding-bottom:9px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news-grid article{overflow:hidden}.news-grid img{display:block;width:100%;height:63px;object-fit:cover;border-radius:5px 5px 0 0}.news-grid b{display:block;font-size:9px;margin-top:6px;color:#174775}.news-grid p{font-size:9px;line-height:1.4;color:#7d91a9;margin:5px 0}.news-grid small{font-size:8px;color:#8da0b5}.side{padding:10px;margin-bottom:10px}.side h3{font-size:12px;margin:0 0 6px;color:#164477}.side>a{display:flex;gap:7px;align-items:center;border-top:1px solid #edf1f5;padding:8px 1px;text-decoration:none;color:#35678f;font-size:9px}.side>a span{flex:1}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f2f6fa;margin:7px 0}.side-tabs>*{font-size:8px;padding:7px 2px;text-align:center}.side-tabs b{background:#e5f0fb;color:#0875cf}.side-news{display:flex;gap:7px;border-top:1px solid #edf1f5;padding:7px 0}.side-news img{width:57px;height:42px;object-fit:cover;border-radius:4px}.side-news p{margin:0;font-size:9px;line-height:1.3;color:#35618a}.side-news small{display:block;color:#9aaabd;margin-top:2px}.foot{height:116px;background:#10263f;color:#fff;display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr 1.4fr;gap:25px;padding:16px 20px}.foot img{width:145px}.foot p{font-size:9px;margin:2px 0}.foot b{font-size:10px;display:block;margin-bottom:6px}.foot a{display:block;color:#d4ddea;font-size:9px;line-height:1.7}.social{text-align:right;font-size:17px}.social small{display:block;font-size:8px;color:#c2cfdd;margin-top:24px}footer{background:#10263f;margin-top:14px}
@media(max-width:700px){body{background:#f4f8fc}.wrap{width:100%;max-width:none}.topbar{height:32px}.topbar-in{height:32px;padding:0 12px;font-size:9px}.topbar-in .top-slogan,.topbar-in>span:nth-of-type(3),.topbar-in b{display:none}.topbar-in span:first-child{flex:1}.header{height:64px;padding:0 12px;gap:10px;position:relative}.logo img{width:155px}.search{display:none}.hotline{display:none}.mobile-menu-btn{display:grid;margin-left:auto;width:40px;height:40px;border:0;border-radius:8px;background:#d90e28;color:#fff;place-items:center}.desktop-nav{display:none}main.wrap{padding-top:8px}.hero{width:calc(100% - 20px);height:auto;margin:0 10px 10px;border-radius:7px}.hero img{width:100%;height:auto}.hero-arrow{width:28px;height:40px;font-size:27px}.layout{display:block;padding:0 10px}.lottery-grid{grid-template-columns:1fr;gap:8px}.lottery-card:nth-child(n+2){display:none}.lower-grid{grid-template-columns:1fr;gap:8px}.prediction{height:110px}.prediction img{height:110px}.sidebar{display:none}.news-grid{grid-template-columns:1fr}.news-grid article{border-bottom:1px solid #e6edf3;padding-bottom:8px}.news-grid img{height:auto}.foot{height:auto;grid-template-columns:1fr 1fr;padding:18px 14px;gap:18px}.foot .social{grid-column:1/-1;text-align:left}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.2s;z-index:100}.mobile-overlay.open{opacity:1;visibility:visible}.mobile-drawer{display:block;position:fixed;z-index:101;top:0;left:-310px;width:290px;height:100vh;background:#fff;box-shadow:4px 0 18px rgba(0,0,0,.2);transition:left .25s;overflow:auto}.mobile-drawer.open{left:0}.drawer-head{height:70px;padding:10px 14px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.drawer-head img{width:165px}.drawer-head button{border:0;background:none;font-size:32px;color:#a40b1d}.mobile-drawer>a{display:block;padding:15px 18px;border-bottom:1px solid #edf1f5;color:#244f7a;text-decoration:none;font-size:13px}.mobile-drawer>a.active{background:#d9102c;color:#fff}.rows>div{min-height:34px}.tools a{width:19%}}