@charset "utf-8";
*{margin:0;padding:0}
html{overflow-x:hidden;font-size:13.3333333333vw}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:"Microsoft YaHei", "微软雅黑", Arial; background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:14px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:"Microsoft YaHei", "微软雅黑", Arial; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:"Microsoft YaHei", "微软雅黑", Arial; outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
*{box-sizing:border-box}
.clear { clear:both;}
i{ font-style:normal;}
.wrap{width:1200px;max-width:100%;margin:0 auto; position:relative;}
/*自定义*/
/*header*/
.header { height:130px; }
.header .wrap { height:100%; display:flex; align-items: center; justify-content: space-between;}
.header-left { }
.header-left .con {display:flex; align-items: center; justify-content: flex-start;}
.header-left .con .pic { max-width:70px; margin-right:10px; }
.header-left .con .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header-left .con .tit {color: #d62828; font-size: 40px; font-weight: 700; line-height:1.5;}
.header-left .des { color: #d62828; font-size: 15px; line-height:1.5; margin-top:8px; }
.header-mid { max-width:25%; }
.header-mid img { max-width: 100%; }
.header-right { display:flex; align-items: center; justify-content: space-between; }
.header-right .con { height:auto; }
.header-right .con .tit {color: #000000; font-size: 15px; line-height:1.5; text-align:center; }
.header-right .con .search-box { width:100%; max-width:270px; height:40px; border:#d62828 solid 1px; border-radius:20px; display:flex; align-items: center; justify-content: space-between; overflow:hidden; margin-top:10px; }
.header-right .con .search-box form { width:100%; height:100%; display:flex; align-items: center; justify-content: space-between; overflow:hidden; }
.header-right .con .search-box input[type=text] { flex:1; min-width:0; height:38px; color:#333333; font-size:16px; border:none; background:none; padding-left:20px; }
.header-right .con .search-box .submit { flex-shrink:0; width:74px; height:38px; background-color:#d62828;border:none; color:#ffffff; font-size:16px; cursor:pointer; transition:color .3s; }
.header-right .pic { max-width:130px; margin-left:30px; }
.header-right .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
/*nav*/
.nav { height:50px; background-color:#d62828; }
.nav ul { display:flex; align-items: center; justify-content: space-between;}
.nav ul li { width:12.5%; color:#ffffff; font-size:20px; line-height:50px; text-align:center; position:relative; }
.nav ul li > a { display:block; color:#ffffff; }
.nav ul li.active::before, .nav ul li:hover::before { z-index: 30001; position: absolute; content: ""; display: block; width: 13px; height: 13px; transform: rotate(45deg); background: #D62828; bottom: -7px; left: 50%; margin-left: -7px; }
.nav ul li .sub { position: absolute; width:100%; left:0; text-align:center; top:50px;z-index:30000; background-color:#FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.nav ul li .sub ul { display:flex; justify-content:flex-start; width:1200px; max-width:94%; margin:0 auto; }
.nav ul li .sub ul li { float:none; min-width:auto; width:auto; flex-shrink:0; white-space:nowrap; padding:0 30px; line-height:50px; position:relative;text-align:center; font-size:16px; font-weight:normal; color:#0F1830; }
.nav ul li .sub ul li::before { display:none; }
.nav ul li .sub ul li a { color:#0F1830; }
.nav ul li .sub ul li:hover a { color:#d62828; }
/*header2*/
.header2{height:60px;position:fixed;background:#ffffff;z-index:22;top:0;width:100%; display:none; }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:40px; height:40px;margin-top:10px;overflow:hidden; float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex; align-items: center; justify-content: left;}
.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header2 .con { float:left; margin-left:10px; margin-top:5px; }
.header2 .con .tit { color: #D62828; font-size: 20px; font-weight: 700; line-height:1.5; }
.header2 .con .des { color: #D62828; font-size: 12px; line-height:1.5; }
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { width:20px; color:#d62828; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:50%;height:2px;border-radius:2px;background-color:#d62828;position:absolute;left:50%;margin-left:-15px}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn.active .line1{top:0}
.header2 .nav-btn.hover .line{background:#d62828}
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:2;overflow-y:auto}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}
.header2 .sub-menu .sec-list a:active{color:#37a3dc}
.header2 .icon-close:before{content:"\e6d3"}
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; }
.header-wrap { display:none;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}
.nav_menu { width:0; position:fixed; right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*分页*/
.pagination{padding-left:0;margin:40px 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#d62828;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#d62828;border-color:#d62828}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*首页主体*/
.main { padding-top:20px; }
.m-row { display:flex; justify-content:space-between; }
.m-left { width:62%; }
.m-right { width:36%; }
.second-row .m-left { margin-top:10px; }
.second-row .m-right { margin-top:10px; }
/*轮播*/
.banner { position:relative; height:380px; overflow:hidden; border-radius:6px; }
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{display:flex;justify-content:center;align-items:center}
.banner-li { display:block; width:100%; height:100%; }
.banner-li .pic { width:100%; height:100%; }
.banner-li .pic img { width:100%; height:100%; display:block; }
.banner-li .tit { position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,.45); padding:0 200px 0 20px; text-align:left; color:#ffffff; font-size:16px; line-height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.banner .swiper-pagination{bottom:10px; width:auto; left:auto; right:10px; }
.banner .swiper-pagination-bullet{width:28px;height:10px;border-radius:10px; background-color:rgba(255, 255, 255, 0.5); opacity:1}
.banner .swiper-pagination-bullet-active{ background-color:rgba(255, 255, 255, 1); }
.banner .swiper-button-next { outline:none; width:45px; height:100px; background: rgba(0, 0, 0, 0.2); top:40%; }
.banner .swiper-button-next:hover { background: rgba(0, 0, 0, 0.5); }
.banner .swiper-button-next:after { color:#ffffff; font-size:18px; }
.banner .swiper-button-prev { outline:none; width:45px; height:100px; background: rgba(0, 0, 0, 0.2); top:40%; }
.banner .swiper-button-prev:after { color:#ffffff; font-size:18px; }
.banner .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.4); }
/*选项卡盒子*/
.news-box .hd, .kj-box .hd, .xb-box .hd { display:flex; justify-content:space-between; align-items:flex-end; border-bottom:1px solid #DCDFE6; padding-top:4px; }
.news-box .tabs span, .kj-box .tabs span, .xb-box .tabs span, .kj-box .tabs a.tab-link { display:inline-block; font-size:20px; font-weight:700; color:#0F1830; margin-right:38px; padding-bottom:9px; cursor:default; position:relative; }
.kj-box .tabs a.tab-link { cursor: pointer;}
.kj-box .tabs a.tab-link:hover { color:#d62828; }
.news-box .tabs span.on::after, .kj-box .tabs span.on::after, .xb-box .tabs span.on::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:4px; background:#d62828; border-top-left-radius:4px; border-top-right-radius:4px; }
.news-box .more, .kj-box .more, .xb-box .more, .info-box .more { color:#999; font-size:18px; font-weight:700; letter-spacing:2px; line-height:1; padding-bottom:12px; }
.news-box .more:hover, .kj-box .more:hover,.xb-box .more:hover, .info-box .more:hover { color:#d62828; }
.xb-box-show { display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:6px; }
.xb-box-show .pic { width:46%; height:164px; margin-right:20px; margin-top:20px; }
.xb-box-show .pic a { display:block; width:100%; height:100%; }
.xb-box-show .pic img { width:100%; height:100%; display:block; }
.xb-box-show .news-list {max-width: 62%;}
/*新闻列表*/
.news-list { margin-top:10px; min-height: 196px; }
.news-list li a { display:flex; justify-content:space-between; align-items:center; line-height:38px; font-size:16px; color:#333; }
.news-list li a .t { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:14px; position:relative; }
.news-list li a .t br { display:none; }
.news-list li a .t::before { content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#9095A3; }
.news-list li a .d { flex-shrink:0; margin-left:20px; color:#9095A3; font-size:16px; font-family:Arial; }
.news-list li a:hover { color:#d62828; }
/*开奖公告*/
.kj-box { background:#f5f5f5; border-radius:6px; padding:18px 16px 6px; }
.kj-box .hd { background:#f5f5f5; margin:0 -16px 12px; padding:0 16px; }
.kj-item { display:flex; align-items:center; background:#fff; border-radius:5px; padding:16px 20px; margin-bottom:12px; }
.k-logo { width:80px; height:80px; flex-shrink:0; margin-right:16px; }
.k-logo img { width:100%; height:100%; object-fit:contain; }
.k-mid { flex:1; min-width:0; }
.k-tit { font-size:16px; margin-bottom:8px; }
.k-tit strong { font-size:18px; margin-right:12px; color:#0F1830; }
.k-tit em { font-style:normal; color:#626673; font-size:13px; margin-right:14px; }
.k-balls { line-height:1; font-size:0; }
.ball { display:inline-block; width:32px; height:32px; line-height:32px; border-radius:50%; text-align:center; color:#fff; font-size:14px; margin:0 6px 4px 0; }
.ball.red { background:radial-gradient(circle at 32% 30%, #ff7a7a, #d8182f); box-shadow:0 2px 4px rgba(216,24,47,.3); }
.ball.blue { background:radial-gradient(circle at 32% 30%, #6aa6ff, #1f5fd0); box-shadow:0 2px 4px rgba(31,95,208,.3); }
.k-detail { flex-shrink:0; margin-left:14px; color:#626673; font-size:16px; display:flex; align-items:center; }
.k-detail:hover { color:#d62828; }
.k-detail .k-ico { display:inline-block; width:20px; height:20px; margin-right:5px; background:none; background:url(../images/icon-xq.png) no-repeat center center; background-size:100% 100%;}
/*开奖信息发布渠道*/
.qd-panel { height:520px; overflow:auto; }
.qd-panel img { max-width:100%; }
.qd-sec { margin-bottom:10px; background-color:#FFF; border-radius:5px; padding:16px 20px; }
.qd-tit { display:flex; align-items:center; font-size:18px; font-weight:700; color:#0F1830; margin-bottom:18px; }
.qd-num { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; background:#FBE7E8; color:#D62828; font-size:16px; font-weight:700; margin-right:12px; flex-shrink:0; }
.qd-place { display:flex; align-items:center; }
.qd-pic { width:210px; height:112px; flex-shrink:0; margin-right:26px; border-radius:6px; overflow:hidden; }
.qd-pic img { display:block; width:100%; height:100%; object-fit:cover; }
.qd-info { flex:1; min-width:0; }
.qd-name { font-size:17px; font-weight:700; color:#0F1830; line-height:1.6; margin-bottom:8px; }
.qd-des { font-size:14px; color:#626673; line-height:1.8; }
.qd-cards { display:flex; justify-content:space-between; margin-bottom:14px; }
.qd-card { width:31.5%; text-align:center; }
.qd-card .c-pic { height:116px; display:flex; align-items:center; justify-content:center; }
.qd-card .c-pic img { display:block; max-width:100%; max-height:100%; object-fit:contain; }
.qd-notes { margin-bottom:18px; }
.qd-notes li { position:relative; padding-left:16px; font-size:14px; color:#333; line-height:2.1; }
.qd-notes li::before { content:""; position:absolute; left:2px; top:50%; margin-top:-2.5px; width:5px; height:5px; border-radius:50%; background:#9095A3; }
/*右侧盒子间距*/
.mt30 { margin-top:21px; }
.mt14 { margin-top:14px; }
/*福彩视频*/
.video-panel { margin-top:16px; }
.video-panel .video-pic { display:block; position:relative; border-radius:6px; overflow:hidden; }
.video-panel .video-pic img { display:block; width:100%; height:250px; object-fit:cover; }
.video-panel .play { position:absolute; left:50%; top:50%; width:56px; height:56px; margin:-28px 0 0 -28px; border-radius:50%; background:rgba(0,0,0,.45); }
.video-panel .play::after { content:""; position:absolute; left:22px; top:17px; border-left:18px solid #fff; border-top:11px solid transparent; border-bottom:11px solid transparent; }
.video-tit { position:absolute; left:0; bottom:0; width:100%; padding:26px 14px 10px; color:#fff; font-size:16px; background:linear-gradient(to top, rgba(0,0,0,.65), transparent); }
/*信息公开*/
.info-box { position:relative; }
.info-box .hd { display:flex; justify-content:space-between; align-items:flex-end; border-bottom:1px solid #eee; padding-top:4px; }
.info-box .tabs span { display:inline-block; font-size:20px; font-weight:700; color:#0F1830; padding-bottom:14px; position:relative; cursor: default;}
.info-box .tabs span::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:4px; background:#d62828; border-top-left-radius:4px; border-top-right-radius:4px;}
.info-box .bd { padding-top:16px; }
.info-card { display:flex; align-items:center; background:#f6f6f6; height:137px; border-radius:6px; margin-bottom:14px; }
.info-card a { display:block; width:100%; height:100%; }
.info-card .inner { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.info-card .pic {width:32px; height:32px; object-fit:contain; margin-right:16px; }
.info-card .pic img { display:block; width: 100%;height: 100%; object-fit: contain; }
.info-card .pic img:nth-child(2) { display:none; }
.info-card .tit { color:#626673; font-size:24px; line-height:36px;}
.info-card:hover .pic img { display:none; }
.info-card:hover .pic img:nth-child(2) { display:block; }
.info-card:hover { color:#d62828; }
/*彩市动态*/
.wide { width:100%; }
.wide .cols2 { display:flex; justify-content:space-between; }
.wide .cols2 .news-list { width:48.5%; }
/*新闻列表页*/
.crumb-bar { background:#F5F5F5; }
.crumb { height:58px; line-height:58px; font-size:15px; color:#666; }
.crumb .c-ico { display:inline-block; width:15px; height:15px; margin-right:8px; vertical-align:-2px; background:url("data:image/svg+xml;utf8,") no-repeat center; background-size:100% 100%; }
.crumb b { color:#D62828; font-weight:400; }
.crumb a { color:#666; }
.crumb a:hover { color:#D62828; }
.crumb .sep { margin:0 8px; color:#999; }
.crumb em { font-style:normal; color:#0F1830; }
.crumb em br { display:none; }
.list-main { padding:15px 0 40px; }
.list-wrap { display:flex; align-items:flex-start; }
.lm-left { width:220px; flex-shrink:0; }
.lm-tit { position:relative; height:64px; line-height:64px; color:#fff; font-size:20px; font-weight:700; padding-left:24px; border-radius:4px 4px 0 0; overflow:hidden; background:#D62828 url(../images/left-logo.png) no-repeat right bottom; }
.lm-menu { background:#fff; border:1px solid #F0F0F0; border-top:none; border-radius:0 0 4px 4px; padding:10px 0; }
.lm-menu > li > a { display:block; height:48px; line-height:48px; padding:0 24px; font-size:16px; color:#333; position:relative; }
.lm-menu > li > a:hover { color:#D62828; }
.lm-menu > li.on > a { color:#D62828; background:#FDF6F6; }
.lm-menu > li.on > a::before { content:""; position:absolute; left:0; top:50%; margin-top:-9px; width:3px; height:18px; background:#D62828; border-radius:0 2px 2px 0; }
/* 三级子栏目缩进样式 */
.lm-menu .lm-submenu { margin-top:4px; padding:0; }
.lm-menu .lm-submenu li a { display:block; padding-left:44px; font-size:14px; height:40px; line-height:40px; color:#333; position:relative; }
.lm-menu .lm-submenu li a:hover { color:#D62828; }
.lm-menu .lm-submenu li.on a { color:#D62828; background:#FDF6F6; }
.lm-menu .lm-submenu li.on a::before { content:""; position:absolute; left:20px; top:50%; margin-top:-9px; width:3px; height:18px; background:#D62828; border-radius:0 2px 2px 0; }
.lm-right { flex:1; min-width:0; margin-left:40px; }
.lm-rtit { font-size:20px; font-weight:700; color:#0F1830; padding-bottom:14px; border-bottom:1px solid #D62828; }
.lm-right .news-list { margin-top:4px; }
.lm-right .news-list li a { line-height:42px; }
.lm-right .news-list li:nth-child(5n) a { border-bottom:1px dashed #DCDFE6; padding-bottom:10px; margin-bottom:10px; }
.lm-con { padding-top:20px; }
.lm-con p { font-size:15px; color:#333; line-height:2.2; margin-bottom:14px; }
/*营销活动页*/
.hd-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:30px 38px; max-width:1200px; margin:0 auto; }
.hd-card { display:block; max-width:580px; margin:0 auto;width:100%; }
.hd-card a { display:block; width:100%; height:100%; }
@supports not (aspect-ratio: 16 / 9) {
.hd-card .pic { position: relative; height: 0; padding-bottom: 56.25%;}
.hd-card .pic img { position: absolute; top: 0; left: 0; }
}
.hd-card .pic { aspect-ratio:16/9; overflow:hidden; border-radius:8px; }
.hd-card .pic img { width:100%; height:100%; object-fit:cover;object-position: center top; display:block; transition:transform .4s ease; border-radius:8px; }
.hd-card .txt { display:block; width:100%; font-size:16px; color:#333; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hd-card:hover .pic img { transform:scale(1.05); }
.hd-card:hover .txt { color:#D62828; }
/*福彩视频页*/
.video-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:28px 22px; }
.v-card { display:block; }
@supports not (aspect-ratio: 16 / 9) {
.v-card .pic { position: relative; height: 0; padding-bottom: 56.25%;}
.v-card .pic img { position: absolute; top: 0; left: 0; }
}
.v-card .pic { aspect-ratio:16/9; overflow:hidden; position: relative; }
.v-card .pic img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.v-card .play { position:absolute; left:50%; top:50%; width:44px; height:44px; margin:-22px 0 0 -22px; border-radius:50%; background:rgba(0,0,0,.45); }
.v-card .play::after { content:""; position:absolute; left:17px; top:13px; border-left:14px solid #fff; border-top:9px solid transparent; border-bottom:9px solid transparent; }
.v-card .t { font-size:14px; color:#333; line-height:1.6; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v-card .d { font-size:12px; color:#999; margin-top:5px; font-family:Arial; }
.v-card:hover .t { color:#D62828; }
/*福彩周刊页*/
.wk-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px 34px; }
.wk-card { display:block; }
@supports not (aspect-ratio: 5 / 7) {
.wk-card .pic { position: relative; height: 0; padding-bottom: 140%;}
.wk-card .pic img { position: absolute; top: 0; left: 0; }
}
.wk-card .pic { aspect-ratio:5/7; overflow:hidden; position: relative; }
.wk-card .pic img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.wk-card .pic { border-radius:4px; overflow:hidden; }
.wk-card .pic img { width: 100%;height: 100%; object-fit: cover; }
.wk-card .txt { font-size:14px; color:#666; line-height:1.6; margin-top:14px; }
.wk-card .pic:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
/*新闻详情页*/
.detail-main { padding:40px 0 60px; }
.d-tit { font-size:26px; font-weight:700; color:#0F1830; line-height:1.6; text-align:center; }
.d-meta { margin-top:28px; text-align:center; font-size:14px; color:#626673; }
.d-meta span { margin:0 14px; }
.d-body { margin-top:15px; border-top:1px solid #EEE; }
.d-body pre{text-align:left!important}
.d-body img{display:block; margin:38px auto; max-width:100%; }
.d-body p{line-height:32px; font-size: 24px; text-indent:32px; width:1120px; margin:0 auto}
.d-body div{line-height:32px; font-size: 24px; text-indent:32px; width:1120px; margin:0 auto}
.d-body.newarticle p {text-indent:0;}
.d-body.newarticle div {text-indent:0;}
.d-body.noborder { border-top:none; margin-top:0; padding-top:0; }
.detail-pn { display:flex; justify-content:space-between; align-items:center; margin-top:44px; padding:16px 20px; background:#F8F8F8; border-radius:4px; font-size:14px; color:#666; }
.detail-pn a:hover { color:#D62828; }
/*底部*/
.footer { margin-top:30px; padding-top:36px; background-color:#f1f1f1; padding-bottom:30px; }
.f-main { display:flex; justify-content:space-between; }
/*.f-left { max-width:760px; display:flex; justify-content: space-between; align-items: flex-start; }*/
.f-left { display:flex; justify-content: space-between; align-items: flex-start; }
.f-danwei { width:54px; margin-right:20px; flex-shrink: 0; margin-top:25px; }
.f-danwei img { width: 100%;height: 100%; object-fit: contain; }
.f-left-con { flex:1; }
.f-link { font-size:14px; color:#0F1830; margin-bottom:10px; }
.f-link span { margin:0 10px; color:#ccc; font-weight:400; }
.f-link a:hover { color:#d62828; }
.f-info { font-size:14px; color:#555; line-height:2.2; }
.f-info span { margin-right:20px; }
.f-right { display:flex; padding-top:26px; }
.f-right .qr { margin-left:34px; text-align:center; }
.f-right .qr img { width:104px; height:104px; object-fit:cover; border:1px solid #eee; border-radius:4px; }
.f-right .qr p { font-size:13px; color:#666; margin-top:8px; }
.f-copy { font-size:14px; color:#555; line-height:2.2;}
.f-copy img { width:20px; object-fit:contain; margin-right:8px; vertical-align:middle; }
/*助学专题*/
.zx-banner img { display: block; width: 100%; }
.zx-main { padding: 40px 0 0; }
.zx-list li { display: flex; margin-bottom: 24px;background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,.06); transition: box-shadow .3s; overflow:hidden; }
.zx-list .pic { flex-shrink: 0; width: 300px; height: 180px; overflow: hidden; }
.zx-list .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.zx-list .txt { flex: 1; min-width: 0; display: flex; flex-direction: column; padding:20px 30px; }
.zx-list .tit { font-size: 24px; font-weight: bold; color: #333; line-height: 1.5; }
.zx-list .des { flex: 1; margin-top: 12px; font-size: 16px; color: #666; line-height: 1.9; overflow: hidden; }
.zx-list .date { margin-top: 12px; font-size: 16px; color: #999; }
.zx-back { padding: 30px 0 80px; text-align: center; }
.zx-back a { display: block; padding: 12px 60px; font-size: 14px; color: #626673; background: #F1F1F1; }
/*单个视频*/
.one-video { margin-top:20px; }
h2.tit-style{height: 36px;border-top:2px solid #D0021B;line-height: 33px; font-size: 16px;color: #4A4A4A;background:url(../images/tit_bg.png) repeat-x;border-bottom: 1px solid #E1E1E1;color: #D0021B;font-size: 16px;text-indent: 14px; position: relative;}
h2.tit-style a.more-link{display: block; position: absolute;top:3px;right: 20px;font-size: 14px; font-weight:normal;}
.pure-video-tit{width: 100%;height: 34px;line-height: 34px;text-align: center; font-size: 18px;color: #D0021B;margin: 10px auto;font-weight:normal;}
#player { background-color: #1b1b1b; outline:none; }
/*开奖公告*/
.gg-main { padding:30px 0 60px; }
.gg-title { display:block; font-size:20px; font-weight:700; color:#0F1830; line-height:28px; padding:10px 0; border-bottom:2px solid #D62828; }
.gg_con1 { display:flex; justify-content:space-between; margin-top:30px; }
.gg_con1 .part1 { width:744px; flex-shrink:0; }
.gg_con1 .part1-box { border-radius:4px; padding:0 8px 8px 8px;background:#D62828; }
.gg_con1 .part1-title { color:#fff; padding:16px 0; display:flex; justify-content:space-between; align-items:center; }
.gg_con1 .part1-title span { font-weight:600; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gg_con1 .part1-title .select { margin-right:16px; font-weight:600; font-size:16px; line-height:36px; white-space:nowrap; }
.gg_con1 .part1-title select { height:30px; line-height:30px; font-size:15px; font-weight:600; color:#0F1830; border:1px solid #DCDFE6; border-radius:4px; padding:0 6px; background:#fff; }
.gg_con1 .part1-content { display:flex; align-items:center; padding:24px 24px 32px; background-color:#FFF; }
.gg_con1 .ico_cz { width:90px; height:90px; margin-right:20px; flex-shrink:0; }
.gg_con1 .part1-box-table td { font-weight:600; font-size:16px; color:#0F1830; letter-spacing:0; line-height:24px; padding-top:8px; }
.gg_con1 .num-table { margin-top:8px; border-collapse:collapse; text-align:center; }
.gg_con1 .num-table th { width:100px; height:40px; border:1px solid #dadada; background:#f8f8f8; font-size:15px; font-weight:600; color:#0F1830; }
.gg_con1 .num-table td { height:44px; border:1px solid #dadada; font-size:25px; font-weight:600; color:#0F1830; }
.gg_con1 .kj-tit { font-size:16px; font-weight:600; color:#0F1830; margin-top:24px; }
.gg_con1 .part1 .kj-table { width:100%; font-weight:normal; text-align:center; clear:both; border:1px solid #dadada; margin-top:5px; }
.gg_con1 .part1 .kj-table thead td { height:48px; background:#f8f8f8; font-size:15px; color:#000; border:1px solid #dadada; }
.gg_con1 .part1 .kj-table td { height:38px; border:1px solid #dadada; font-size:15px; color:#0F1830; }
.gg_con1 .part1 .kj-table tbody td:last-child { font-weight:normal; color:#cd241d; }
.gg-ps { margin-top:15px; }
.gg-ps p { font-size:16px; color:#0F1830; line-height:28px; margin-top:8px; }
.gg-ps p b { color:#cd241d; }
.gg-ps .sign { text-align:right; font-weight:600; }
.gg_con1 .lot_news_R { width:416px; flex-shrink:0; }
.gg_con1 .column_1 { background:url(../images/column_bg_1_new.png) no-repeat; height:56px; background-size:100% 100%; }
.gg_con1 .column_1 strong { width:80px; height:32px; font-weight:600; font-size:20px; color:#fff; text-align:center; line-height:32px; padding:12px 0 12px 48px; display:block; white-space:nowrap; }
.gg_con1 .lot_news_R table { width:100%; border:1px solid #DCDFE6; border-top:none; border-collapse:separate; }
.gg_con1 .lot_news_R th { height:40px; background:#F1F1F1; font-size:16px; font-weight:600; color:#0F1830; text-align:center; border-bottom:1px solid #DCDFE6; }
.gg_con1 .lot_news_R td { height:38px; text-align:center; line-height:24px; border-bottom:1px solid #DCDFE6; font-size:15px; color:#0F1830; }
.gg_con1 .lot_news_R .red3 span { display:inline-block; margin:0 3px; color:#EE3F4D; }
.gg_con1 .lot_news_R .blue { color:#4282F0; }
.kuaile8.gg_con1 .lot_news_R td { height:auto; min-height:38px; padding:5px 0; }
.has-bg .kj-box {background:transparent;}
.has-bg .kj-box .hd {background:transparent;}
.has-bg .kj-item {background:transparent;}
.has-bg .footer {background:transparent;}
.has-bg .crumb-bar {background:transparent;}
/* ===== 七乐彩 大号码区专用样式 ===== */
.qlc-content { flex-direction:column; align-items:stretch !important; padding:28px 32px 0 !important; }
.qlc-left { display:flex; align-items:flex-start; }
.qlc-left .ico_cz { width:100px; height:100px; margin-right:24px; flex-shrink:0; }
.qlc-info { flex:1; font-size:16px; color:#0F1830; }
.qlc-info p { margin:6px 0; line-height:26px; }
.qlc-info p b { font-weight:600; color:#0F1830; }
.qlc-balls span { display:inline-block; width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; color:#fff; font-size:17px; font-weight:600; margin:0 4px; }
.qlc-balls span.red { background:radial-gradient(circle at 32% 30%, #ff6b6b, #cd241d); box-shadow:0 2px 6px rgba(205,36,29,.35); }
.qlc-balls span.blue { background:radial-gradient(circle at 32% 30%, #6aa6ff, #1f5fd0); box-shadow:0 2px 6px rgba(31,95,208,.35); }
.kuaile8 .qlc-balls span { margin-top:5px; }
.qlc-divider { height:1px; background:#e8e8e8; margin:20px 0 0; }
.qlc-stats { display:flex; justify-content:center; padding:20px 0 28px; }
.qlc-stat-item { text-align:center; flex:1; border-right:1px solid #e8e8e8; }
.qlc-stat-item:last-child { border-right:none; }
.qlc-stat-item p { margin:4px 0; }
.qlc-stat-item p:first-child { font-size:15px; color:#626673; }
.qlc-stat-val { font-size:20px; font-weight:600; color:#cd241d; }
/* 所有金额里的"元"字统一染黑（顶部销售额块 + 开奖详情表格） */
.yuan { color:#333; font-weight:normal; font-size:16px; margin-left:2px; }
/* ===== 七乐彩 end ===== */
/* ===== 排列7 2列统计块样式 ===== */
.gg_con1 .px7-stats { display:flex; justify-content:center; padding:20px 0 28px; }
.gg_con1 .px7-stat-item { text-align:center; flex:1; border-right:1px solid #e8e8e8; }
.gg_con1 .px7-stat-item:last-child { border-right:none; }
.gg_con1 .px7-stat-item p { margin:4px 0; }
.gg_con1 .px7-stat-item p:first-child { font-size:15px; color:#626673; }
.gg_con1 .px7-stat-val { font-size:20px; font-weight:600; color:#cd241d; }
.lottery-sub-desc { margin-top:10px; color:#626673; font-size:16px; font-weight:600; }
.px7-stat-val .yuan { color:#333; }
/* ===== 排列7 end ===== */
/* 福彩3D销售额金额变红 */
.part1-box-table td em { color:#cd241d; font-style:normal; font-weight:600; }
/* 20选5独立：金额单位"元"染黑 */
.gg_con1 .px7-stat-val .yuan20 { color:#333; font-weight:normal; font-size:16px; margin-left:2px; }
/* ===== 快乐8 开奖详情 Tab 切换 ===== */
.kl8-kj-tabs { margin-top: 20px; font-family: -apple-system, "Microsoft YaHei", sans-serif; }
.kl8-kj-tabnav { display: flex; border-bottom: 2px solid #eee; flex-wrap: wrap; }
.kl8-kj-tabnav > div {
padding: 12px 20px; cursor: pointer; font-size: 15px; font-weight: 600;
color: #666; border-bottom: 3px solid transparent; transition: all .2s;
}
.kl8-kj-tabnav > div:hover { color: #cd241d; }
.kl8-kj-tabnav > div.active { color: #cd241d; border-bottom-color: #cd241d; }
.kl8-kj-panel { display: none; padding: 15px 0; }
.kl8-kj-panel.active { display: block; }
.kl8-kj-panel table { width: 100%; border-collapse: collapse; }
.kl8-kj-panel th, .kl8-kj-panel td {
border: 1px solid #e8e8e8; padding: 10px 12px; text-align: center; font-size: 14px;
}
.kl8-kj-panel th { background: #f5f5f5; font-weight: 600; color: #333; }
.kl8-kj-panel td[style*="color:#cd241d"],
.kl8-kj-panel td strong { color: #cd241d !important; font-weight: 700; }
/* ===== 快乐8 end ===== */
/* ===== 彩种专区 ===== */
.game-wrap { padding:30px 0 60px; }
.game-sec { margin-bottom:50px; }
.game-tit { display:flex; justify-content:space-between; align-items:center; border-bottom:2px solid #D62828; padding:10px 0; margin-bottom:32px; }
.game-tit h2 { font-size:22px; font-weight:700; color:#0F1830; line-height:28px; }
.game-tit .more { display:flex; align-items:center; font-size:16px; color:#666; }
.game-tit .more img { width:20px; height:20px; margin-right:6px; }
.game-tit .more:hover { color:#D62828; }
.game-body { display:flex; align-items:flex-start; }
.game-cont { flex:1; margin-left:32px; min-width:0; }
.game-box { display:none; }
.game-box.on { display:block; }
.game-box-hd { display:flex; align-items:center; }
.game-logo { width:80px; height:80px; flex-shrink:0; margin-right:20px; }
.game-logo img { width:100%; height:100%; border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.12); }
.game-info { flex:1; min-width:0; }
.game-kj { font-size:22px; font-weight:700; color:#D62828; margin-bottom:10px; }
.game-des { font-size:16px; color:#0F1830; }
.game-des em { font-style:normal; color:#D62828; }
.game-des .ml { margin-left:20px; }
.game-more { display:flex; align-items:center; font-size:16px; color:#666; }
.game-more img { width:20px; height:20px; margin-right:6px; }
.game-more:hover { color:#D62828; }
.game-box-desc { font-size:16px; color:#0F1830; margin-top:16px; }
.game-table { width:100%; margin-top:20px; border-collapse:collapse; }
.game-table th, .game-table td { border:1px solid #eee; text-align:center; font-size:16px; padding:9px 10px; color:#0F1830; }
.game-table th { background:#F5F5F5; font-weight:700; }
.game-table td em { font-style:normal; color:#D62828; }
.game-table .n-red { color:#EE3F4D; }
.game-table .n-blue { color:#4282F0; }
/* 快乐8 Tab 切换 */
.kl8-tabnav { border-bottom:2px solid #eee; display:flex; flex-wrap:wrap; margin-bottom:0; }
.kl8-tabnav .kl8-tab {
padding:8px 18px; cursor:pointer; font-size:14px; color:#666;
border-bottom:2px solid transparent; margin-bottom:-2px; transition:all .2s;
}
.kl8-tabnav .kl8-tab:hover { color:#cd241d; }
.kl8-tabnav .kl8-tab.active { color:#cd241d; border-bottom-color:#cd241d; font-weight:600; }
.game-banner { margin-bottom:50px; }
.game-banner img { display:block; width:100%; }
.game-ticket { display:none; }
.game-ticket.on { display:block; }
.game-swiper { overflow:hidden; }
.game-ticket .swiper-slide a { display:block; }
.game-ticket .pic { height:250px; overflow:hidden; }
.game-ticket .pic img { width:100%; height:100%; transition:transform .3s; object-fit: cover;}
.game-ticket .swiper-slide span { display:block; text-align:center; font-size:16px; color:#0F1830; margin-top:12px; }
.game-dots { text-align:center; margin-top:16px; }
.game-dots .swiper-pagination-bullet { width:32px; height:4px; border-radius:0; background:#ddd; opacity:1; margin:0 4px; }
.game-dots .swiper-pagination-bullet-active { background:#D62828; }
/* ===== 刮刮乐产品展示 ===== */
.ps-wrap { padding:30px 0 60px; }
.ps-tit { border-bottom:2px solid #D62828; padding:10px 0; margin-bottom:32px; }
.ps-tit h2 { font-size:22px; font-weight:700; color:#0F1830; line-height:28px; }
.ps-list { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ps-item { display:block; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.08); transition:transform .3s, box-shadow .3s; border:#DCDFE6 solid 1px; padding:7px; }
.ps-item:hover { box-shadow:0 6px 20px rgba(0,0,0,.18); }
@supports not (aspect-ratio: 4 / 3) {
.ps-item .pic { position: relative; height: 0; padding-bottom: 75%;}
.ps-item .pic img { position: absolute; top: 0; left: 0; }
}
.ps-item .pic { aspect-ratio:4/3; overflow:hidden; border-radius:8px;}
.ps-item .pic img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.ps-name { font-size:20px; font-weight:600; color:#0F1830; text-align:left; padding:14px 10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ps-info { display:flex; justify-content: space-between; padding:10px 10px 16px; }
.ps-info p { font-size:16px; color:#000000; }
.ps-info p + p { margin-left:18px; }
.ps-info b { font-weight:400; }
.ps-info span { color:#D62828; }
/* ===== 刮刮乐产品展示 end ===== */
/* ===== 刮刮乐首页 ===== */
.gg-wrap { padding:30px 0 60px; }
.gg-intro { display:flex; align-items:stretch; gap:24px; margin-bottom:50px; }
.about-box { flex:1; min-width:0; }
.tips-box { width:432px; flex-shrink:0; }
.gb-tit { margin-bottom:26px; }
.gb-tit h3 { font-size:35px; font-weight:700; color:#0F1830; line-height:1.5; }
.gb-tit2 { background:url(../images/column_bg_1_new.png) no-repeat; height:56px; background-size:100% 100%; }
.gb-tit2 strong { width:80px; height:32px; font-weight:600; font-size:20px; color:#fff; text-align:center; line-height:32px; padding:12px 0 12px 48px; display:block; white-space:nowrap; }
.tips-border { border:#DCDFE6 solid 1px; padding:24px; }
.about-box p { font-size:16px; color:#0F1830; line-height:2; text-indent:2em; margin-bottom:10px; }
.tips-item { margin-bottom:14px; }
.tips-item:last-child { margin-bottom:0; }
.tips-item b { display:block; font-size:16px; color:#0F1830; margin-bottom:8px; background:url(../images/ico_ts.png) no-repeat left center; padding-left:30px; }
.tips-item p { font-size:16px; color:#0F1830; line-height:1.8; }
.hot-sec { margin-bottom:50px; }
.hot-body { display:flex; align-items:flex-start; }
.hot-left { width:61%; flex-shrink:0; }
@supports not (aspect-ratio: 4 / 3) {
.hot-pic { position: relative; height: 0; padding-bottom: 75%;}
.hot-pic img { position: absolute; top: 0; left: 0; }
}
.hot-pic { aspect-ratio:4/3; overflow:hidden; border-radius:8px; }
.hot-pic img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.hot-thumbs { display:flex; gap:10px; margin-top:12px; }
.hot-thumbs span { flex:1; height:87px; border-radius:4px; overflow:hidden; cursor:pointer; opacity:.6; transition:opacity .3s; position:relative; }
.hot-thumbs span img { width:100%; height:100%; object-fit:cover; }
.hot-thumbs span.on { opacity:1; }
.hot-thumbs span.on::after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #D62828; border-radius:4px; }
.hot-right { flex:1; margin-left:32px; min-width:0; }
.hot-rule { display:none; }
.hot-rule.on { display:block; }
.hot-rule-hd { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.hot-rule-hd .title { font-size:24px; font-weight:700; color:#0F1830; }
.tag-group { display:flex; flex-wrap:wrap; justify-content: space-between; gap:10px; margin-bottom:14px; }
.tag { background:#FDF1F1; color:#D62828; font-size:16px; padding:6px 12px; border-radius:4px; }
.tag:first-child { background:#fef2e5; }
.hot-desc { font-size:14px; color:#0f1830; line-height:1.9; margin-bottom:16px; height:130px; overflow-y:auto; }
/*热销彩票奖级表：固定高度，超出显示竖向滚动条，表头吸顶*/
.hot-rule .game-table { display:block; height:441px; overflow-y:auto; }
.hot-rule .game-table table { width:100%; }
.hot-rule .game-table thead th { position:sticky; top:0; z-index:1; }
/* ===== 刮刮乐首页 end ===== */
/* ===== 帮助中心-联系我们 ===== */
.help-box { display:flex; justify-content:space-between; align-items:flex-start; padding:30px 0 50px; }
.help_left { width:200px; flex-shrink:0; background:url(../images/help_lf3.png) no-repeat right top; }
.help-lf-top { text-align:left; margin-bottom:15px; }
.help-menu { list-style:none; margin:0 0 20px; padding:0; }
.help-menu li { margin-bottom:8px; }
.help-menu a { display:block; width:162px; height:37px; line-height:37px; padding-left:56px; position:relative; font-size:15px; color:#666; background:url("../images/btn_help_lf.png") no-repeat 0 0; }
.help-menu a:hover { color:#fff; text-decoration:none; background-position:0 -40px; }
.help-menu a i { position:absolute; left:18px; top:6px; width:28px; height:24px; background:url("../images/btn_help_lf.png") no-repeat; }
.help-menu .ico3 { background-position:-60px -80px; }
.help-menu .ico4 { background-position:-90px -80px; }
.help-menu li.curr a { color:#fff; background-position:0 -40px; }
.help-menu li.curr .ico3, .help-menu a:hover .ico3 { background-position:-60px -105px; }
.help-menu li.curr .ico4, .help-menu a:hover .ico4 { background-position:-90px -105px; }
.dj_time { margin-bottom:15px; }
.dj_time h3 { font-size:18px; line-height:40px; margin-bottom:15px; font-weight:normal; background: url(../images/help_lf2.png) no-repeat 5px 0; padding-left: 45px; }
.dj_time dl { margin:0 0 8px; }
.dj_time dt { font-size:14px; color:#0f1830; line-height:2; }
.dj_time dd { margin:0; font-size:14px; color:#0f1830; line-height:2; }
.dj_time p { margin:0; font-size:14px; color:#0f1830; line-height:2; }
.help_right { width:75%; margin-right:5%; }
.help-map { text-align:left; }
.help-map img { display:block; width:100%; border-radius:6px; }
.help-dot { background:url(../images/dotted_x.png) repeat-x bottom center; padding-bottom:20px; margin-bottom:20px; }
.addr_list { display:flex; flex-wrap:wrap; }
.addr_list dl { width:47%;padding-bottom: 35px; margin-left:3%; }
.addr_list dt { font-size:14px; color:#0F1830; margin-bottom:8px; }
.addr_list dt i { display:inline-block; width:9px; height:9px; margin-right:6px; vertical-align:-2px; background-color:#e43c04; }
.addr_list dd { margin:0; font-size:14px; color:#0f1830; line-height:1.9; }
/*----信访信箱----*/
.mailbox { width:801px; max-width:100%; height:568px; margin:22px 0 0; box-sizing:border-box; background:url(../images/bg_mailbox.png) no-repeat left top; line-height:28px; padding:65px 60px; }
.mailbox .addr_box { height:122px; border:1px solid #ccc; margin:50px auto 15px; background:url(../images/img_mail.png) no-repeat 40px 20px #fff; padding-left:175px; }
.mailbox .addr_box a { font:30px/122px "Microsoft Yahei"; }
.mailbox .bot { border-top:1px dashed #cbc7be; padding:12px 0 0 12px; margin-top:45px; }
/*留言表单*/
.d-body form { width:640px; max-width:100%; margin:30px auto 0; }
.d-body form .form-item { display:flex; align-items:flex-start; width:auto; margin:0 0 12px; font-size:16px; line-height:38px; text-indent:0; }
.d-body form .form-item label { flex-shrink:0; width:110px; font-size:16px; color:#0F1830; text-align:right; padding-right:14px; cursor:default; }
.d-body form .form-item input[type=text],
.d-body form .form-item textarea,
.d-body form .form-item select { flex:1; min-width:0; padding:6px 10px; font-size:16px; color:#333; background:#fff; border:1px solid #DCDFE6; border-radius:4px; line-height:1.5; text-indent:0; }
.d-body form .form-item textarea { height:auto; resize:vertical; }
.d-body form .form-item input[type=text]:focus,
.d-body form .form-item textarea:focus,
.d-body form .form-item select:focus { border-color:#D62828; }
.d-body form button[type=submit] { display:block; margin:10px auto 0; width:180px; height:46px; background:#D62828; border:none; border-radius:23px; color:#fff; font-size:18px; font-family:"Microsoft YaHei", "微软雅黑", Arial; cursor:pointer; }
.d-body form button[type=submit]:hover { background:#b71f1f; }
@media (max-width:1200px){
.wrap{width:94%}
.nav ul li { font-size:18px; }
.header-right .pic { max-width:100px; margin-left:10px; }
.d-body p{width:100%; }
.d-body div{ width:100%; }
.ball { width: 26px; height: 26px;line-height: 26px;margin: 0 6px 10px 0; }
.k-detail { font-size: 14px; margin-left: 0;}
}
@media (max-width:992px){
/*header992*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; }
.header-wrap { display:block; height:60px;}
/*首页主体992*/
.main { padding-top:15px; }
.m-row { display:block; margin-bottom:0; }
.m-left, .m-right { width:100%; }
.m-row .m-left { margin-bottom:14px; }
.qd-panel { height:auto;}
/*轮播标题*/
.banner { height:auto; }
.banner .swiper-slide img { height:56vw; }
.banner-li .tit { padding:0 90px 0 12px; font-size:14px; }
.banner .swiper-pagination { display:none;}
.news-box .tabs span, .kj-box .tabs span,.xb-box .tabs span, .kj-box .tabs a.tab-link { font-size:17px; margin-right:24px; }
.wide .cols2 { display:block; }
.wide .cols2 .news-list { width:100%; }
/*开奖公告*/
.second-row .m-right { margin-top:0; }
.kj-box { padding:12px 10px 2px; }
.kj-box .hd { margin:0 -10px 10px; padding:0 10px; }
/*开奖信息发布渠道*/
.qd-sec { padding:14px 12px; }
.qd-tit { font-size:16px; margin-bottom:14px; }
.qd-num { width:24px; height:24px; font-size:14px; margin-right:10px; }
.qd-place { display:block; }
.qd-pic { width:100%; height:auto; aspect-ratio:210/112; max-height:220px; margin:0 0 12px; }
.qd-name { font-size:15px; }
.qd-des { font-size:13px; }
.qd-cards { margin-bottom:10px; }
.qd-card { width:32.5%; }
.qd-card .c-pic { height:auto; }
.qd-card .c-pic img { width:100%; max-width:none; max-height:none; height:auto; }
.qd-notes { margin-bottom:12px; }
.qd-notes li { font-size:13px; line-height:2; }
.kj-item { padding:12px; display:block; }
.k-logo { width:48px; height:48px; margin-right:10px; }
.k-tit { margin-bottom:6px; }
.k-tit strong { font-size:16px; margin-right:8px; }
.k-tit em { font-size:12px; margin-right:8px; }
.ball { width:26px; height:26px; line-height:26px; font-size:12px; margin:0 4px 4px 0; }
.k-detail { font-size:13px; margin-left:0; margin-top:5px; }
.k-detail .k-ico { width:16px; height:16px; }
.info-card { height:88px; }
.info-card .tit { font-size: 20px; line-height: 30px;}
/*新闻列表页992*/
.list-main { padding:10px 0 30px; }
.list-wrap { display:block; }
.lm-left { width:100%; }
.lm-tit { height:52px; line-height:52px; font-size:18px; border-radius:4px; }
.lm-menu { display:flex; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; border-top:1px solid #F0F0F0; border-radius:4px; margin-top:10px; padding:0; }
.lm-menu::-webkit-scrollbar { display:none; }
.lm-menu li { flex:0 0 auto; text-align:center; }
.lm-menu li a { padding:0 16px; white-space:nowrap; height:44px; line-height:44px; font-size:15px; }
.lm-menu li.on a::before { left:50%; top:auto; bottom:0; margin:0 0 0 -9px; width:18px; height:3px; border-radius:2px 2px 0 0; }
.lm-right { margin-left:0; margin-top:20px; }
.lm-rtit { font-size:18px; padding-bottom:10px; }
.lm-con { padding-top:14px; }
.lm-con p { font-size:14px; line-height:2; }
.lm-right .news-list li a { font-size:15px; }
/*新闻详情页992*/
.detail-main { padding:20px 0 40px; }
.d-tit { font-size:20px; }
.d-meta { margin-top:12px; font-size:13px; }
.d-meta span { margin:0 8px; }
.d-body { margin-top:18px; overflow:auto; }
.d-body img { margin:16px auto; }
.detail-pn { margin-top:30px; padding:12px 14px; font-size:13px; display:block; }
.pn-next {margin-top:12px;}
/*面包屑992(长标题可换行)*/
.crumb { height:auto; line-height:1.8; padding:10px 0; }
/*福彩视频页992*/
.video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap:24px 20px; }
/*底部*/
.f-main { display:block; }.f-right { justify-content:center; padding-top:10px; }
.f-left { max-width:100%; }
.f-copy .wrap { flex-wrap:wrap; }
.gg-main {padding: 10px 0 50px;}
.gg_con1 { flex-direction:column; margin-top:20px; }
.gg_con1 .part1 { width:100%; }
.gg_con1 .lot_news_R { width:100%; margin-top:30px; }
.gg_con1 .part1-title span { font-size:16px; white-space:normal; }
.gg_con1 .part1-title .select { font-size:14px; margin-top:5px; text-align:right; }
.gg_con1 .part1-box-table td { font-size:14px; }
.gg_con1 .num-table th { width:80px; }
.gg_con1 .ico_cz { width:60px; height:60px; margin-right:12px; }
.gg-ps p { font-size:14px; }
.gg_con1 .column_1 strong{ font-size:18px; }
.gg_con1 .part1-title { display:block; }
.gg_con1 .part1-content { padding: 14px 14px 22px;}
/* ===== 彩种专区992 ===== */
.game-wrap { padding:15px 0 40px; }
.game-sec { margin-bottom:30px; }
.game-tit { margin-bottom:20px; }
.game-tit h2 { font-size:18px; }
.game-body { display:block; }
.game-cont { margin-left:0; margin-top:20px; }
.game-logo { width:56px; height:56px; margin-right:12px; }
.game-kj { font-size:18px; }
.game-des { font-size:14px; }
.game-des .ml { margin-left:10px; }
.game-table th, .game-table td { font-size:14px; padding:8px 6px; }
.game-ticket .pic { height:180px; }
/*刮刮乐产品展示992*/
.ps-wrap { padding:15px 0 40px; }
.ps-tit { margin-bottom:20px; }
.ps-tit h2 { font-size:18px; }
.ps-list { grid-template-columns:repeat(2,1fr); gap:12px; }
.ps-item .pic { height:110px; }
.ps-name { font-size:15px; padding-top:10px; }
.ps-info { flex-wrap:wrap; padding:8px 6px 12px; }
.ps-info p { font-size:12px; }
.ps-info p + p { margin-left:10px; }
/*刮刮乐首页992*/
.gg-intro { display:block; margin-bottom:30px; }
.tips-box { width:100%; margin-top:16px; }
.gb-tit { margin-bottom:12px; }
.gb-tit h3 { font-size:20px; }
.gb-tit2 strong { font-size:18px; }
.hot-sec { margin-bottom:30px; }
.hot-body { display:block; }
.hot-left { width:100%; }
.hot-thumbs { flex-wrap:wrap; }
.hot-thumbs span { flex:1 1 30%; height:52px; }
.hot-right { margin-left:0; margin-top:20px; }
.hot-rule-hd .title { font-size:20px; }
.tag { padding: 6px 6px; font-size:14px; }
.help-box { display:block; }
.help_left { width:100%; background-image:none; }
.help-lf-top { display:none; }
.help-menu { display:flex; align-items: center; justify-content: center; gap:20px; }
.help-menu a { background: url(../images/btn_help_lf2.png) no-repeat 0 0;}
.dj_time { width:200px; margin:0 auto; margin-bottom:20px; }
.help_right { width:100%; margin-right:0; }
}
@media (max-width:767px){
/*营销活动页767*/
.hd-grid { gap:22px 20px; }
.hd-card { max-width:auto; }
.hd-card .txt { font-size:13px; margin-top:8px; }
/*营销活动页500:单列*/
.hd-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); gap:24px; }
/*福彩视频页767*/
.video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap:22px 16px; }
/*福彩周刊页767*/
.wk-grid { gap:30px 22px; }
.wk-card .txt { font-size:13px; margin-top:10px; }
.xb-box-show .news-list {max-width: 100%;}
.addr_list dl { width:100%; margin-left:0; }
/*信访信箱页767*/
.mailbox { width:100%; height:auto; margin-top:0; background:none; padding:0; }
.mailbox .addr_box { margin:30px auto 15px; }
.mailbox .addr_box a { font-size:22px; }
.mailbox .bot { margin-top:25px; }
.d-body form { margin-top:20px; }
.d-body form .form-item { display:block; line-height:1.6; margin-bottom:10px; }
.d-body form .form-item input[type=text],
.d-body form .form-item textarea,
.d-body form .form-item select { width:100%; }
.d-body form .form-item label { display:block; width:auto; text-align:left; padding:0 0 6px; }
}
@media (max-width:500px){
.wrap{width:94%}
.news-box .tabs span, .kj-box .tabs span, .kj-box .tabs a.tab-link {margin-right: 14px;}
.f-left { display:block;}
.f-right .qr:first-child { margin-left:0; }
.f-info span { margin-right:0; display:block; }
.pagination { margin: 20px 0; }
/*福彩周刊页500:单列*/
.wk-grid { grid-template-columns:repeat(1, minmax(0, 1fr)); gap:26px; }
.zx-list li { flex-direction: column; }
.zx-list .pic { width: 100%; height: auto; }
.zx-list .pic img { height: auto; }
.zx-list .txt { padding: 10px 20px; }
.zx-list .tit { font-size: 20px; }
.xb-box-show { display:block; }
.xb-box-show .pic { width:100%; }
}
@media (max-width:350px){
.header2 .con .des { width:200px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
}
/*分页*/
.paginate { margin: 20px 0; text-align: center; }
.pagination { display: inline-block; margin: 20px 0; }
.pagination .page_link { display: inline-block; padding: 6px 12px; margin: 0 3px; border: 1px solid #ddd; color: #333; font-size: 14px; text-decoration: none; }
.pagination .page_link:hover { border-color: #D62828; color: #D62828; }
.pagination .page_link.page_active { background: #D62828; border-color: #D62828; color: #fff; }
.pagination .page_link.page_active:hover { color: #fff; }
.pagination .page_white { display: inline-block; padding: 6px 4px; margin: 0 2px; color: #999; font-size: 14px; text-decoration: none; cursor: default; }
.pagination .page_link.page_first { }
.pagination .page_link.page_last { }
/*新闻详情-分享（微信二维码/微博）*/
.d-meta .share { display: inline-block; margin-left: 10px; vertical-align: middle; }
.d-meta .share .meta-item { position: relative; display: inline-block; margin-left: 8px; vertical-align: middle; }
.d-meta .share .meta-item > img { width: 20px; height: 20px; filter: grayscale(100%); opacity: .7; transition: filter .2s, opacity .2s; }
.d-meta .share .meta-item:hover > img { filter: grayscale(0%); opacity: 1; }
.d-meta .share .share-qrcode { display: none; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); z-index: 99; width: 140px; padding: 10px 10px 6px; background: #fff; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,.15); text-align: center; }
.d-meta .share .share-qrcode img, .d-meta .share .share-qrcode canvas { width: 120px; height: 120px; }
.d-meta .share .share-qrcode p { margin: 4px 0 0; font-size: 12px; color: #999; line-height: 1.4; }
.d-meta .share a.wechat:hover .share-qrcode { display: block; }