/* CSS Document 2014.04.26*/
body,div,ul,ol,h1,h2,h3,h4,h5,h6,p,dl,dd,form,ifram,input,textarea,select,label,header,footer,menu {margin:0;padding:0;}
body {font-size:14px;font-family:"Microsoft YaHei","Helvetica";font:normal 14px/1.5 helvetica,verdana,san-serif;background:#FAFAFA;color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6,em {font-size:1em;font-weight:normal;font-style:normal;}
ul,ol,menu {list-style:none;}.clearfix {clear:both;}img {border:none;}
a {color:#000;text-decoration:none;}
.home {width:100%;height:40px;background-color:#DE221F;position:relative;}
.home .logo {padding:5px 0 5px 8px;height:30px;overflow:hidden;}
.home .logo img {height:30px;}
.home .remap {position:absolute;top:0;right:0;height:100%;width:40px;background:url(../../static/mobile/images/game.png) no-repeat 9px -25px;background-size:24px;border-left:1px solid #b71c1c;}

.site {padding:5px 0;height:auto;background:#FCD007;overflow:hidden;position:relative;border-bottom:1px solid #e6b800;}
.site a {display:block;float:left;width:20%;color:#333;text-align:center;height:30px;line-height:30px;font-size:16px;font-weight:500;}
.site a:active {background:rgba(255,255,255,0.35);}
.site .i {display:inline-block;width:16px;height:30px;position:absolute;background:url(../../static/mobile/images/arrow.png) no-repeat;background-size:50px;background-position:-5px 4px;}
.all {height:auto !important;}
.all .i {background-position:-33px 4px;}

.ls-title {background-color:#DE221F;height:35px;line-height:35px;overflow:hidden;}
.ls-title .h {float:left;margin-left:5px;padding:0 10px;height:35px;background:#FFF;font-size:20px;}
.ls-title .sep {float:right;display:inline-block;padding-right:10px;}
.ls-title .sep li {float:left;padding:0 0 0 4px;font-size:18px;white-space:nowrap;}
.ls-title .sep li:after {content:"\b7";padding:0 0 0 4px;}
.ls-title .sep li:last-child:after {content:"";padding:0;display:none;}

.toutiao {width:100%;clear:both;overflow:hidden;text-align:center;font-size:14px;margin-bottom:8px;}
.toutiao h4 {font-size:22px;height:22px;line-height:22px;overflow:hidden;padding:0 5%;margin-top:8px;}
.toutiao p.sub_title {height:16px;line-height:16px;overflow:hidden;padding:0 8%;margin-top:8px;}

.newlist {clear:both;padding:5px 0;}
.newlist li {text-align:left;border-bottom:1px solid #eceef0;box-shadow:0 1px 1px #fff;padding:4px 10px;line-height:30px;}
.newlist li:last-child {border-bottom:none;}
.newlist li a {font-size:16px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;}
.newlist li a:visited {color:#a3a3a3;}
.lottery {clear:both;padding:5px 10px;overflow:hidden;}
.lottery li {border-bottom:1px solid #ECEEF0;box-shadow:0 1px 1px #FFF;padding:8px 0;font-size:18px;}
.lottery li .phase {font-size:16px;color:#999;padding-left:1em;}
.lottery .ball {height:18px;line-height:18px;clear:both;padding-top:8px;}
.lottery .ball span {padding-right:8px;float:left;}
.lottery .ball.ball-k18 {height:auto;width:calc(7 * 26px + 6 * 6px);max-width:100%;padding-bottom:4px;display:flex;flex-wrap:wrap;gap:6px;}
.lottery .ball.ball-k18 span {padding-right:0;width:26px;height:26px;line-height:26px;margin:0;text-align:center;color:#FFF;border-radius:50%;background:#DE221F;float:none;}
.lottery .ball.ball-k18 .c-link {flex:0 0 100%;text-align:right;margin-top:4px;padding-right:0;float:none;}
.lottery .ball .red {color:#DE221F;}
.lottery .ball .blue {color:#388FDF;}
.lottery .ball .c-link {float:right;display:inline-block;color:#999;font-size:16px;}
.btns {margin:10px;display:block;background:#f5f5f5;padding:4px;border:1px solid #e3e2e2;border-radius:6px;background-clip:padding-box;}
.btns {-webkit-border-radius:6px;-webkit-background-clip:padding-box;-moz-border-radius:6px;-moz-background-clip:padding;}
.btnswrap {display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;text-align:center;height:32px;line-height:32px;font-size:14px;color:#5a5a5a;border:1px solid #ddd;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-border-radius:4px;-moz-background-clip:padding;border-radius:4px;background-clip:padding-box;-webkit-box-shadow:0 3px 2px -3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 2px -3px rgba(0,0,0,0.2);box-shadow:0 3px 2px -3px rgba(0,0,0,0.2);background-image:-moz-linear-gradient(top,#fff,#f7f7f7);background-image:-webkit-linear-gradient(top,#fff,#f7f7f7);background-image:-o-linear-gradient(top,#fff,#f7f7f7);background-image:linear-gradient(top,#fff,#f7f7f7);}
.btnswrap .btn {display:block;color:#333;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}
.reTop {text-align:center;margin:20px 0;font-size:16px;}
.btn1 {border:1px solid #d6d6d6;padding:2px 12px;border-radius:3px;color:#666;box-shadow:0 1px 1px #fff inset;background:-webkit-gradient(linear,0 0,0 100%,from(#f7f7f7),to(#ececec));-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;vertical-align:middle;}

.footer {width:100%;padding:12px 0 12px 0;margin-top:10px;background-color:#FFF;border-top:1px solid #D7D7D7;overflow:hidden;zoom:1;clear:both;}
.footer p {text-align:center;line-height:28px;color:#666;}
.footer p a {color:#909090;padding:0 8px;}
.footer p.icp {color: #909090;}

.slider {width:320px;height:138px;overflow:hidden;margin:8px auto;position:relative;padding:0;background:#ccc;}
.slider .container {width:1600px;height:100%;overflow:hidden;position:absolute;}
.slider .container li {float:left;}
.slider .caption {position:absolute;width:100%;height:30px;line-height:35px;padding:0 10px;color:#FFF;bottom:0;left:0;box-sizing:border-box;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);overflow:hidden;}
.slider .caption .title {width:218px;overflow:hidden;}
.slider .caption .cursor {position:absolute;top:15px;right:10px;}
.slider .caption i {display:block;overflow:hidden;width:3px;height:3px;margin-left:5px;float:left;background:rgba(255,255,255,.4);}
.slider .caption i.on {background:#FFF;}

.site-float-bar {
  position: fixed !important;
  right: 8px;
  bottom: 72px;
  left: auto !important;
  top: auto !important;
  z-index: 9999;
  width: 36px;
  margin: 0;
  padding: 0;
  background: #a8d8ff;
  border: 1px solid #42a5f5;
  border-radius: 6px;
  box-shadow: 0 2px 14px rgba(33, 150, 243, 0.45);
  overflow: hidden;
  float: none !important;
  clear: none !important;
}
.site-float-bar .site-float-item {
  display: block !important;
  float: none !important;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #0d47a1;
  font-weight: 600;
  background: #a8d8ff;
  border-bottom: 1px solid rgba(66, 165, 245, 0.55);
  text-decoration: none;
  box-sizing: border-box;
}
.site-float-bar .site-float-item:last-child {
  border-bottom: none;
}
.site-float-bar .site-float-item:active,
.site-float-bar .site-float-item:hover {
  background: #7ec8f0;
  color: #01579b;
}

/* ThinkPHP Bootstrap 分页：横向排列 */
.pages {
  clear: both;
  text-align: center;
  padding: 12px 8px 16px;
  line-height: 1;
}

.pages .pagination,
.pages .pager {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pages .pagination li,
.pages .pager li {
  display: inline-block;
  margin: 0 4px 6px;
  vertical-align: middle;
}

.pages .pagination li a,
.pages .pagination li span,
.pages .pager li a,
.pages .pager li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 32px;
}

.pages .pagination li a:active,
.pages .pagination li a:hover {
  background: #ffebee;
  border-color: #e53935;
  color: #333;
}

.pages .pagination li.active span {
  border-color: #e53935;
  background: #e53935;
  color: #fff;
  font-weight: bold;
}

.pages .pagination li.disabled span {
  border-color: #eee;
  background: #f5f5f5;
  color: #bbb;
}

.pages .pagination li:first-child a,
.pages .pagination li:first-child span,
.pages .pagination li:last-child a,
.pages .pagination li:last-child span {
  min-width: 44px;
}

.category-tag-bar {
  margin: 8px 6px 10px;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #e0e0e0;
  line-height: 1.8;
}
.category-tag-bar a {
  display: inline-block;
  margin: 3px 6px 3px 0;
  padding: 4px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fafafa;
  color: #333;
  font-size: 13px;
}
.category-tag-bar a.on {
  background: #e53935;
  border-color: #c62828;
  font-weight: bold;
  color: #fff;
}

/* 首页公告 */
.home-notice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 6px 6px 0;
  padding: 9px 10px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  line-height: 1.45;
  box-sizing: border-box;
}
.home-notice-label {
  flex-shrink: 0;
  padding: 1px 6px;
  background: #e53935;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
.home-notice-text {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-notice-text a {
  color: #e65100;
}

/* 首页开奖列表 */
.home-draw-sec {
  margin: 6px 6px 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
}
.home-draw-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  background: linear-gradient(90deg, #e53935 0%, #ef5350 100%);
  border-bottom: 1px solid rgba(183, 28, 28, 0.35);
}
.home-draw-title {
  margin: 0;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2;
}
.home-draw-title a {
  color: #fff;
}
.home-draw-all {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.92);
}
.home-draw-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-draw-item {
  border-bottom: 1px solid #f0f0f0;
}
.home-draw-item:last-child {
  border-bottom: none;
}
.home-draw-link {
  display: block;
  padding: 12px;
  color: #333;
}
.home-draw-link:active {
  background: #fafafa;
}
.home-draw-top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.home-draw-name {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.home-draw-issue {
  margin-left: 8px;
  font-size: 13px;
  color: #999;
}
.home-draw-arrow {
  margin-left: auto;
  padding-left: 8px;
  font-size: 20px;
  color: #ccc;
  line-height: 1;
}
.home-draw-balls {
  min-height: 28px;
}
.home-draw-empty {
  font-size: 13px;
  color: #bbb;
}
.home-ball-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.home-ball-wrap-k18 {
  gap: 5px;
}
.home-ball {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.home-ball-wrap-k18 .home-ball {
  width: 24px;
  height: 24px;
  font-size: 11px;
}
.home-ball-red {
  background: #e53935;
}
.home-ball-blue {
  background: #1e88e5;
}

/* 首页栏目区块（牛彩网式：标题 + 文章列表 + 底部标签 + 更多） */
.home-channel-sec {
  margin: 6px 6px 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
}
.home-channel-sec .home-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-bottom: 1px solid #eceef0;
  background: #fff;
}
.home-channel-sec .home-sec-title {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-channel-sec .home-sec-title a {
  color: #333;
}
.home-channel-sec .home-sec-more {
  flex-shrink: 0;
  margin-left: 10px;
  font-size: 14px;
  color: #666;
}
.home-channel-sec .home-sec-tags {
  padding: 8px 10px 10px;
  line-height: 1.9;
  font-size: 14px;
  border-top: 1px solid #eceef0;
}
.home-channel-sec .home-sec-tags a {
  display: inline;
  margin-right: 0.6em;
  color: #333;
}
.home-channel-sec .newlist {
  padding: 0;
}

/* 首页开奖下方彩种快捷导航（4 列 × 2 行） */
.home-quick-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: 6px 6px 0;
  padding: 8px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-sizing: border-box;
}
.home-quick-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 2px;
  background: #fff;
  border: 1px solid #d6e4f0;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  text-align: center;
  line-height: 1.25;
  box-sizing: border-box;
}
.home-quick-nav-item:active {
  background: #f0f7ff;
}
.home-quick-nav-item.is-more {
  color: #666;
}

/* 手机首页彩种区块（对齐 PC 首页：标题 + 杀码/字谜/图谜 Tab + 文章列表） */
.home-yuce-wrap {
  margin: 6px 6px 0;
}
.home-yuce-channel {
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  overflow: hidden;
}
.home-yuce-menu {
  padding: 8px 10px 0;
  overflow: hidden;
}
.home-yuce-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin-bottom: 8px;
}
.home-yuce-title {
  flex-shrink: 0;
  width: 80px;
  height: 32px;
  margin: 0;
  padding-left: 36px;
  background: url(/pc/img/yuce/icon_h2.jpg) no-repeat 0 0;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: content-box;
}
.home-yuce-channel.fc3D .home-yuce-title { background-position: 0 -46px; }
.home-yuce-channel.pl3 .home-yuce-title { background-position: 0 -94px; }
.home-yuce-channel.dlt .home-yuce-title { background-position: 0 -142px; }
.home-yuce-channel.other .home-yuce-title { background-position: 0 -414px; }
.home-yuce-tabs {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: -1px;
  min-width: 0;
}
.home-yuce-tabs a {
  display: inline-block;
  min-width: 72px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #222;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.home-yuce-tabs a.hover {
  color: #a40000;
  background: #fff;
  border-color: #ffc37a;
  font-weight: 600;
}
.home-yuce-cont {
  border-top: 4px solid #ffc37a;
  border-bottom: 1px solid #ffc37a;
  border-left: 1px solid #ffc37a;
  border-right: 1px solid #ffc37a;
  padding: 8px 10px 4px;
}
.home-yuce-cont ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-yuce-cont ul li {
  display: flex;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  line-height: 1.4;
}
.home-yuce-cont ul li:last-child {
  border-bottom: none;
}
.home-yuce-cont ul li .ico {
  flex-shrink: 0;
  margin-right: 4px;
  color: #777;
}
.home-yuce-cont ul li a {
  flex: 1;
  min-width: 0;
  color: #0d4094;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-yuce-cont ul li .date {
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 12px;
  color: #777;
}